/** * Do not edit directly * Generated on Fri, 09 Oct 2026 14:38:16 GMT */ /** * **value**: `{base.palette.blue.25}` * * **CSS Var**: `--cnvs-brand-primary-25` */ export declare const primary25: "--cnvs-brand-primary-25"; /** * **value**: `{base.palette.blue.50}` * * **CSS Var**: `--cnvs-brand-primary-50` */ export declare const primary50: "--cnvs-brand-primary-50"; /** * **value**: `{base.palette.blue.100}` * * **CSS Var**: `--cnvs-brand-primary-100` */ export declare const primary100: "--cnvs-brand-primary-100"; /** * **value**: `{base.palette.blue.200}` * * **CSS Var**: `--cnvs-brand-primary-200` */ export declare const primary200: "--cnvs-brand-primary-200"; /** * **value**: `{base.palette.blue.300}` * * **CSS Var**: `--cnvs-brand-primary-300` */ export declare const primary300: "--cnvs-brand-primary-300"; /** * **value**: `{base.palette.blue.400}` * * **CSS Var**: `--cnvs-brand-primary-400` */ export declare const primary400: "--cnvs-brand-primary-400"; /** * **value**: `{base.palette.blue.500}` * * **CSS Var**: `--cnvs-brand-primary-500` */ export declare const primary500: "--cnvs-brand-primary-500"; /** * **value**: `{base.palette.blue.600}` * * **CSS Var**: `--cnvs-brand-primary-600` * * Base primary color. Use fg.inverse instead */ export declare const primary600: "--cnvs-brand-primary-600"; /** * **value**: `{base.palette.blue.700}` * * **CSS Var**: `--cnvs-brand-primary-700` */ export declare const primary700: "--cnvs-brand-primary-700"; /** * **value**: `{base.palette.blue.800}` * * **CSS Var**: `--cnvs-brand-primary-800` */ export declare const primary800: "--cnvs-brand-primary-800"; /** * **value**: `{base.palette.blue.900}` * * **CSS Var**: `--cnvs-brand-primary-900` */ export declare const primary900: "--cnvs-brand-primary-900"; /** * **value**: `{base.palette.blue.950}` * * **CSS Var**: `--cnvs-brand-primary-950` */ export declare const primary950: "--cnvs-brand-primary-950"; /** * **value**: `{base.palette.blue.975}` * * **CSS Var**: `--cnvs-brand-primary-975` */ export declare const primary975: "--cnvs-brand-primary-975"; export declare const primary: { /** * **value**: `{base.palette.blue.600}` * * **CSS Var**: `--cnvs-brand-primary-base` * * @deprecated replace primary.base with `brand.primary.600` */ "base": "--cnvs-brand-primary-base", /** * **value**: `{base.palette.blue.25}` * * **CSS Var**: `--cnvs-brand-primary-lightest` * * @deprecated replace primary.lightest with `brand.primary.25` */ "lightest": "--cnvs-brand-primary-lightest", /** * **value**: `{base.palette.blue.800}` * * **CSS Var**: `--cnvs-brand-primary-darkest` * * @deprecated replace primary.darkest with `brand.primary.800` */ "darkest": "--cnvs-brand-primary-darkest", /** * **value**: `{base.palette.blue.700}` * * **CSS Var**: `--cnvs-brand-primary-dark` * * @deprecated replace primary.dark with `brand.primary.700` */ "dark": "--cnvs-brand-primary-dark", /** * **value**: `{base.palette.neutral.0}` * * **CSS Var**: `--cnvs-brand-primary-accent` * * @deprecated replace primary.accent with `sys.color.fg.inverse` */ "accent": "--cnvs-brand-primary-accent", /** * **value**: `{base.palette.blue.50}` * * **CSS Var**: `--cnvs-brand-primary-lighter` * * @deprecated replace primary.lighter with `brand.primary.50` */ "lighter": "--cnvs-brand-primary-lighter", /** * **value**: `{base.palette.blue.200}` * * **CSS Var**: `--cnvs-brand-primary-light` * * @deprecated replace primary.light with `brand.primary.200` */ "light": "--cnvs-brand-primary-light", }; /** * **value**: `{base.palette.blue.A25}` * * **CSS Var**: `--cnvs-brand-primary-a25` */ export declare const primaryA25: "--cnvs-brand-primary-a25"; /** * **value**: `{base.palette.blue.A50}` * * **CSS Var**: `--cnvs-brand-primary-a50` */ export declare const primaryA50: "--cnvs-brand-primary-a50"; /** * **value**: `{base.palette.blue.A100}` * * **CSS Var**: `--cnvs-brand-primary-a100` */ export declare const primaryA100: "--cnvs-brand-primary-a100"; /** * **value**: `{base.palette.blue.A200}` * * **CSS Var**: `--cnvs-brand-primary-a200` */ export declare const primaryA200: "--cnvs-brand-primary-a200"; export declare const error: { /** * **value**: `{base.palette.red.600}` * * **CSS Var**: `--cnvs-brand-error-base` * * @deprecated replace error.base with `brand.critical.600` */ "base": "--cnvs-brand-error-base", /** * **value**: `{base.palette.red.25}` * * **CSS Var**: `--cnvs-brand-error-lightest` * * @deprecated replace error.lightest with `brand.critical.25` */ "lightest": "--cnvs-brand-error-lightest", /** * **value**: `{base.palette.red.700}` * * **CSS Var**: `--cnvs-brand-error-dark` * * @deprecated replace error.dark with `brand.critical.700` */ "dark": "--cnvs-brand-error-dark", /** * **value**: `{base.palette.red.800}` * * **CSS Var**: `--cnvs-brand-error-darkest` * * @deprecated replace error.darkest with `brand.critical.800` */ "darkest": "--cnvs-brand-error-darkest", /** * **value**: `{base.palette.neutral.0}` * * **CSS Var**: `--cnvs-brand-error-accent` * * @deprecated replace error.accent with `sys.color.fg.inverse` */ "accent": "--cnvs-brand-error-accent", /** * **value**: `{base.palette.red.50}` * * **CSS Var**: `--cnvs-brand-error-lighter` * * @deprecated replace error.lighter with `brand.critical.50` */ "lighter": "--cnvs-brand-error-lighter", /** * **value**: `{base.palette.red.200}` * * **CSS Var**: `--cnvs-brand-error-light` * * @deprecated replace error.light with `brand.critical.200` */ "light": "--cnvs-brand-error-light", }; export declare const alert: { /** * **value**: `{base.palette.amber.400}` * * **CSS Var**: `--cnvs-brand-alert-base` * * @deprecated replace alert.base with `brand.caution.400` */ "base": "--cnvs-brand-alert-base", /** * **value**: `{base.palette.amber.50}` * * **CSS Var**: `--cnvs-brand-alert-lighter` * * @deprecated replace alert.lighter with `brand.caution.50` */ "lighter": "--cnvs-brand-alert-lighter", /** * **value**: `{base.palette.amber.25}` * * **CSS Var**: `--cnvs-brand-alert-lightest` * * @deprecated replace alert.lightest with `brand.caution.25` */ "lightest": "--cnvs-brand-alert-lightest", /** * **value**: `{base.palette.amber.500}` * * **CSS Var**: `--cnvs-brand-alert-dark` * * @deprecated replace alert.dark with `brand.caution.500` */ "dark": "--cnvs-brand-alert-dark", /** * **value**: `{base.palette.amber.600}` * * **CSS Var**: `--cnvs-brand-alert-darkest` * * @deprecated replace alert.darkest with `brand.caution.600` */ "darkest": "--cnvs-brand-alert-darkest", /** * **value**: `{base.palette.neutral.950}` * * **CSS Var**: `--cnvs-brand-alert-accent` * * @deprecated replace alert.accent with `sys.color.fg.contrast.default` */ "accent": "--cnvs-brand-alert-accent", /** * **value**: `{base.palette.amber.200}` * * **CSS Var**: `--cnvs-brand-alert-light` * * @deprecated replace alert.light with `brand.caution.200` */ "light": "--cnvs-brand-alert-light", }; export declare const success: { /** * **value**: `{base.palette.green.600}` * * **CSS Var**: `--cnvs-brand-success-base` * * @deprecated replace success.base with `brand.positive.600` */ "base": "--cnvs-brand-success-base", /** * **value**: `{base.palette.green.25}` * * **CSS Var**: `--cnvs-brand-success-lightest` * * @deprecated replace success.lightest with `brand.positive.25` */ "lightest": "--cnvs-brand-success-lightest", /** * **value**: `{base.palette.green.50}` * * **CSS Var**: `--cnvs-brand-success-lighter` * * @deprecated replace success.lighter with `brand.positive.50` */ "lighter": "--cnvs-brand-success-lighter", /** * **value**: `{base.palette.green.700}` * * **CSS Var**: `--cnvs-brand-success-dark` * * @deprecated replace success.dark with `brand.positive.700` */ "dark": "--cnvs-brand-success-dark", /** * **value**: `{base.palette.green.800}` * * **CSS Var**: `--cnvs-brand-success-darkest` * * @deprecated replace success.darkest with `brand.positive.800` */ "darkest": "--cnvs-brand-success-darkest", /** * **value**: `{base.palette.neutral.0}` * * **CSS Var**: `--cnvs-brand-success-accent` * * @deprecated replace success.accent with `sys.color.fg.inverse` */ "accent": "--cnvs-brand-success-accent", /** * **value**: `{base.palette.green.200}` * * **CSS Var**: `--cnvs-brand-success-light` * * @deprecated replace success.light with `brand.positive.200` */ "light": "--cnvs-brand-success-light", }; /** * **value**: `{base.palette.slate.25}` * * **CSS Var**: `--cnvs-brand-neutral-25` */ export declare const neutral25: "--cnvs-brand-neutral-25"; /** * **value**: `{base.palette.slate.50}` * * **CSS Var**: `--cnvs-brand-neutral-50` */ export declare const neutral50: "--cnvs-brand-neutral-50"; /** * **value**: `{base.palette.slate.100}` * * **CSS Var**: `--cnvs-brand-neutral-100` */ export declare const neutral100: "--cnvs-brand-neutral-100"; /** * **value**: `{base.palette.slate.200}` * * **CSS Var**: `--cnvs-brand-neutral-200` */ export declare const neutral200: "--cnvs-brand-neutral-200"; /** * **value**: `{base.palette.slate.300}` * * **CSS Var**: `--cnvs-brand-neutral-300` */ export declare const neutral300: "--cnvs-brand-neutral-300"; /** * **value**: `{base.palette.slate.400}` * * **CSS Var**: `--cnvs-brand-neutral-400` */ export declare const neutral400: "--cnvs-brand-neutral-400"; /** * **value**: `{base.palette.slate.500}` * * **CSS Var**: `--cnvs-brand-neutral-500` */ export declare const neutral500: "--cnvs-brand-neutral-500"; /** * **value**: `{base.palette.slate.600}` * * **CSS Var**: `--cnvs-brand-neutral-600` */ export declare const neutral600: "--cnvs-brand-neutral-600"; /** * **value**: `{base.palette.slate.700}` * * **CSS Var**: `--cnvs-brand-neutral-700` */ export declare const neutral700: "--cnvs-brand-neutral-700"; /** * **value**: `{base.palette.slate.800}` * * **CSS Var**: `--cnvs-brand-neutral-800` */ export declare const neutral800: "--cnvs-brand-neutral-800"; /** * **value**: `{base.palette.slate.900}` * * **CSS Var**: `--cnvs-brand-neutral-900` */ export declare const neutral900: "--cnvs-brand-neutral-900"; /** * **value**: `{base.palette.slate.950}` * * **CSS Var**: `--cnvs-brand-neutral-950` */ export declare const neutral950: "--cnvs-brand-neutral-950"; /** * **value**: `{base.palette.slate.975}` * * **CSS Var**: `--cnvs-brand-neutral-975` */ export declare const neutral975: "--cnvs-brand-neutral-975"; export declare const neutral: { /** * **value**: `{base.palette.neutral.25}` * * **CSS Var**: `--cnvs-brand-neutral-lightest` * * @deprecated replace neutral.lightest with `brand.neutral.25` */ "lightest": "--cnvs-brand-neutral-lightest", /** * **value**: `{base.palette.neutral.600}` * * **CSS Var**: `--cnvs-brand-neutral-base` * * @deprecated replace neutral.base with `brand.neutral.600` */ "base": "--cnvs-brand-neutral-base", /** * **value**: `{base.palette.neutral.700}` * * **CSS Var**: `--cnvs-brand-neutral-dark` * * @deprecated replace neutral.dark with `brand.neutral.700` */ "dark": "--cnvs-brand-neutral-dark", /** * **value**: `{base.palette.neutral.800}` * * **CSS Var**: `--cnvs-brand-neutral-darkest` * * @deprecated replace neutral.darkest with `brand.neutral.800` */ "darkest": "--cnvs-brand-neutral-darkest", /** * **value**: `{base.palette.neutral.0}` * * **CSS Var**: `--cnvs-brand-neutral-accent` * * @deprecated replace neutral.accent with `sys.color.fg.inverse` */ "accent": "--cnvs-brand-neutral-accent", /** * **value**: `{base.palette.neutral.50}` * * **CSS Var**: `--cnvs-brand-neutral-lighter` * * @deprecated replace neutral.lighter with `brand.neutral.50` */ "lighter": "--cnvs-brand-neutral-lighter", /** * **value**: `{base.palette.neutral.200}` * * **CSS Var**: `--cnvs-brand-neutral-light` * * @deprecated replace neutral.light with `brand.neutral.200` */ "light": "--cnvs-brand-neutral-light", }; /** * **value**: `{base.palette.slate.A25}` * * **CSS Var**: `--cnvs-brand-neutral-a25` */ export declare const neutralA25: "--cnvs-brand-neutral-a25"; /** * **value**: `{base.palette.slate.A50}` * * **CSS Var**: `--cnvs-brand-neutral-a50` */ export declare const neutralA50: "--cnvs-brand-neutral-a50"; /** * **value**: `{base.palette.slate.A100}` * * **CSS Var**: `--cnvs-brand-neutral-a100` */ export declare const neutralA100: "--cnvs-brand-neutral-a100"; /** * **value**: `{base.palette.slate.A200}` * * **CSS Var**: `--cnvs-brand-neutral-a200` */ export declare const neutralA200: "--cnvs-brand-neutral-a200"; /** * **value**: `{base.palette.slate.A300}` * * **CSS Var**: `--cnvs-brand-neutral-a300` */ export declare const neutralA300: "--cnvs-brand-neutral-a300"; /** * **value**: `{base.palette.slate.A400}` * * **CSS Var**: `--cnvs-brand-neutral-a400` */ export declare const neutralA400: "--cnvs-brand-neutral-a400"; /** * **value**: `{base.palette.slate.A500}` * * **CSS Var**: `--cnvs-brand-neutral-a500` */ export declare const neutralA500: "--cnvs-brand-neutral-a500"; /** * **value**: `{base.palette.slate.A600}` * * **CSS Var**: `--cnvs-brand-neutral-a600` */ export declare const neutralA600: "--cnvs-brand-neutral-a600"; /** * **value**: `{base.palette.slate.A700}` * * **CSS Var**: `--cnvs-brand-neutral-a700` */ export declare const neutralA700: "--cnvs-brand-neutral-a700"; /** * **value**: `{base.palette.slate.A800}` * * **CSS Var**: `--cnvs-brand-neutral-a800` */ export declare const neutralA800: "--cnvs-brand-neutral-a800"; /** * **value**: `{base.palette.slate.A900}` * * **CSS Var**: `--cnvs-brand-neutral-a900` */ export declare const neutralA900: "--cnvs-brand-neutral-a900"; /** * **value**: `{base.palette.slate.A950}` * * **CSS Var**: `--cnvs-brand-neutral-a950` */ export declare const neutralA950: "--cnvs-brand-neutral-a950"; /** * **value**: `{base.palette.slate.A975}` * * **CSS Var**: `--cnvs-brand-neutral-a975` */ export declare const neutralA975: "--cnvs-brand-neutral-a975"; export declare const common: { /** * **value**: `{base.palette.blue.500}` * * **CSS Var**: `--cnvs-brand-common-focus-outline` * * @deprecated replace focus-outline with `brand.common.focus` */ "focusOutline": "--cnvs-brand-common-focus-outline", /** * **value**: `{base.palette.red.500}` * * **CSS Var**: `--cnvs-brand-common-error-inner` * * @deprecated replace error-inner with `brand.common.critical` */ "errorInner": "--cnvs-brand-common-error-inner", /** * **value**: `{base.palette.amber.400}` * * **CSS Var**: `--cnvs-brand-common-alert-inner` * * @deprecated replace alert-inner with `brand.common.caution.inner` */ "alertInner": "--cnvs-brand-common-alert-inner", /** * **value**: `{base.palette.amber.500}` * * **CSS Var**: `--cnvs-brand-common-alert-outer` * * @deprecated replace alert-outer with `brand.common.caution.outer` */ "alertOuter": "--cnvs-brand-common-alert-outer", /** * **value**: `{brand.primary.500}` * * **CSS Var**: `--cnvs-brand-common-focus` */ "focus": "--cnvs-brand-common-focus", /** * **value**: `{brand.critical.500}` * * **CSS Var**: `--cnvs-brand-common-critical` */ "critical": "--cnvs-brand-common-critical", "caution": { /** * **value**: `{brand.caution.400}` * * **CSS Var**: `--cnvs-brand-common-caution-inner` */ "inner": "--cnvs-brand-common-caution-inner", /** * **value**: `{brand.caution.500}` * * **CSS Var**: `--cnvs-brand-common-caution-outer` */ "outer": "--cnvs-brand-common-caution-outer", }, }; /** * **value**: `{base.palette.red.25}` * * **CSS Var**: `--cnvs-brand-critical-25` */ export declare const critical25: "--cnvs-brand-critical-25"; /** * **value**: `{base.palette.red.50}` * * **CSS Var**: `--cnvs-brand-critical-50` */ export declare const critical50: "--cnvs-brand-critical-50"; /** * **value**: `{base.palette.red.100}` * * **CSS Var**: `--cnvs-brand-critical-100` */ export declare const critical100: "--cnvs-brand-critical-100"; /** * **value**: `{base.palette.red.200}` * * **CSS Var**: `--cnvs-brand-critical-200` */ export declare const critical200: "--cnvs-brand-critical-200"; /** * **value**: `{base.palette.red.300}` * * **CSS Var**: `--cnvs-brand-critical-300` */ export declare const critical300: "--cnvs-brand-critical-300"; /** * **value**: `{base.palette.red.400}` * * **CSS Var**: `--cnvs-brand-critical-400` */ export declare const critical400: "--cnvs-brand-critical-400"; /** * **value**: `{base.palette.red.500}` * * **CSS Var**: `--cnvs-brand-critical-500` */ export declare const critical500: "--cnvs-brand-critical-500"; /** * **value**: `{base.palette.red.600}` * * **CSS Var**: `--cnvs-brand-critical-600` * * Base critical color. Use fg.inverse instead */ export declare const critical600: "--cnvs-brand-critical-600"; /** * **value**: `{base.palette.red.700}` * * **CSS Var**: `--cnvs-brand-critical-700` */ export declare const critical700: "--cnvs-brand-critical-700"; /** * **value**: `{base.palette.red.800}` * * **CSS Var**: `--cnvs-brand-critical-800` */ export declare const critical800: "--cnvs-brand-critical-800"; /** * **value**: `{base.palette.red.900}` * * **CSS Var**: `--cnvs-brand-critical-900` */ export declare const critical900: "--cnvs-brand-critical-900"; /** * **value**: `{base.palette.red.950}` * * **CSS Var**: `--cnvs-brand-critical-950` */ export declare const critical950: "--cnvs-brand-critical-950"; /** * **value**: `{base.palette.red.975}` * * **CSS Var**: `--cnvs-brand-critical-975` */ export declare const critical975: "--cnvs-brand-critical-975"; /** * **value**: `{base.palette.red.A25}` * * **CSS Var**: `--cnvs-brand-critical-a25` */ export declare const criticalA25: "--cnvs-brand-critical-a25"; /** * **value**: `{base.palette.red.A50}` * * **CSS Var**: `--cnvs-brand-critical-a50` */ export declare const criticalA50: "--cnvs-brand-critical-a50"; /** * **value**: `{base.palette.red.A100}` * * **CSS Var**: `--cnvs-brand-critical-a100` */ export declare const criticalA100: "--cnvs-brand-critical-a100"; /** * **value**: `{base.palette.red.A200}` * * **CSS Var**: `--cnvs-brand-critical-a200` */ export declare const criticalA200: "--cnvs-brand-critical-a200"; /** * **value**: `{base.palette.amber.25}` * * **CSS Var**: `--cnvs-brand-caution-25` */ export declare const caution25: "--cnvs-brand-caution-25"; /** * **value**: `{base.palette.amber.50}` * * **CSS Var**: `--cnvs-brand-caution-50` */ export declare const caution50: "--cnvs-brand-caution-50"; /** * **value**: `{base.palette.amber.100}` * * **CSS Var**: `--cnvs-brand-caution-100` */ export declare const caution100: "--cnvs-brand-caution-100"; /** * **value**: `{base.palette.amber.200}` * * **CSS Var**: `--cnvs-brand-caution-200` */ export declare const caution200: "--cnvs-brand-caution-200"; /** * **value**: `{base.palette.amber.300}` * * **CSS Var**: `--cnvs-brand-caution-300` */ export declare const caution300: "--cnvs-brand-caution-300"; /** * **value**: `{base.palette.amber.400}` * * **CSS Var**: `--cnvs-brand-caution-400` * * Base caution color (amber.400). Use fg.contrast.default instead */ export declare const caution400: "--cnvs-brand-caution-400"; /** * **value**: `{base.palette.amber.500}` * * **CSS Var**: `--cnvs-brand-caution-500` */ export declare const caution500: "--cnvs-brand-caution-500"; /** * **value**: `{base.palette.amber.600}` * * **CSS Var**: `--cnvs-brand-caution-600` */ export declare const caution600: "--cnvs-brand-caution-600"; /** * **value**: `{base.palette.amber.700}` * * **CSS Var**: `--cnvs-brand-caution-700` */ export declare const caution700: "--cnvs-brand-caution-700"; /** * **value**: `{base.palette.amber.800}` * * **CSS Var**: `--cnvs-brand-caution-800` */ export declare const caution800: "--cnvs-brand-caution-800"; /** * **value**: `{base.palette.amber.900}` * * **CSS Var**: `--cnvs-brand-caution-900` */ export declare const caution900: "--cnvs-brand-caution-900"; /** * **value**: `{base.palette.amber.950}` * * **CSS Var**: `--cnvs-brand-caution-950` */ export declare const caution950: "--cnvs-brand-caution-950"; /** * **value**: `{base.palette.amber.975}` * * **CSS Var**: `--cnvs-brand-caution-975` */ export declare const caution975: "--cnvs-brand-caution-975"; /** * **value**: `{base.palette.amber.A25}` * * **CSS Var**: `--cnvs-brand-caution-a25` */ export declare const cautionA25: "--cnvs-brand-caution-a25"; /** * **value**: `{base.palette.amber.A50}` * * **CSS Var**: `--cnvs-brand-caution-a50` */ export declare const cautionA50: "--cnvs-brand-caution-a50"; /** * **value**: `{base.palette.amber.A100}` * * **CSS Var**: `--cnvs-brand-caution-a100` */ export declare const cautionA100: "--cnvs-brand-caution-a100"; /** * **value**: `{base.palette.amber.A200}` * * **CSS Var**: `--cnvs-brand-caution-a200` */ export declare const cautionA200: "--cnvs-brand-caution-a200"; /** * **value**: `{base.palette.green.25}` * * **CSS Var**: `--cnvs-brand-positive-25` */ export declare const positive25: "--cnvs-brand-positive-25"; /** * **value**: `{base.palette.green.50}` * * **CSS Var**: `--cnvs-brand-positive-50` */ export declare const positive50: "--cnvs-brand-positive-50"; /** * **value**: `{base.palette.green.100}` * * **CSS Var**: `--cnvs-brand-positive-100` */ export declare const positive100: "--cnvs-brand-positive-100"; /** * **value**: `{base.palette.green.200}` * * **CSS Var**: `--cnvs-brand-positive-200` */ export declare const positive200: "--cnvs-brand-positive-200"; /** * **value**: `{base.palette.green.300}` * * **CSS Var**: `--cnvs-brand-positive-300` */ export declare const positive300: "--cnvs-brand-positive-300"; /** * **value**: `{base.palette.green.400}` * * **CSS Var**: `--cnvs-brand-positive-400` */ export declare const positive400: "--cnvs-brand-positive-400"; /** * **value**: `{base.palette.green.500}` * * **CSS Var**: `--cnvs-brand-positive-500` */ export declare const positive500: "--cnvs-brand-positive-500"; /** * **value**: `{base.palette.green.600}` * * **CSS Var**: `--cnvs-brand-positive-600` * * Base success color. Use fg.inverse instead */ export declare const positive600: "--cnvs-brand-positive-600"; /** * **value**: `{base.palette.green.700}` * * **CSS Var**: `--cnvs-brand-positive-700` */ export declare const positive700: "--cnvs-brand-positive-700"; /** * **value**: `{base.palette.green.800}` * * **CSS Var**: `--cnvs-brand-positive-800` */ export declare const positive800: "--cnvs-brand-positive-800"; /** * **value**: `{base.palette.green.900}` * * **CSS Var**: `--cnvs-brand-positive-900` */ export declare const positive900: "--cnvs-brand-positive-900"; /** * **value**: `{base.palette.green.950}` * * **CSS Var**: `--cnvs-brand-positive-950` */ export declare const positive950: "--cnvs-brand-positive-950"; /** * **value**: `{base.palette.green.975}` * * **CSS Var**: `--cnvs-brand-positive-975` */ export declare const positive975: "--cnvs-brand-positive-975"; /** * **value**: `{base.palette.green.A25}` * * **CSS Var**: `--cnvs-brand-positive-a25` */ export declare const positiveA25: "--cnvs-brand-positive-a25"; /** * **value**: `{base.palette.green.A50}` * * **CSS Var**: `--cnvs-brand-positive-a50` */ export declare const positiveA50: "--cnvs-brand-positive-a50"; /** * **value**: `{base.palette.green.A100}` * * **CSS Var**: `--cnvs-brand-positive-a100` */ export declare const positiveA100: "--cnvs-brand-positive-a100"; /** * **value**: `{base.palette.green.A200}` * * **CSS Var**: `--cnvs-brand-positive-a200` */ export declare const positiveA200: "--cnvs-brand-positive-a200"; export declare const action: { /** * **value**: `{base.palette.blue.600}` * * **CSS Var**: `--cnvs-brand-action-base` * * Base action color */ "base": "--cnvs-brand-action-base", /** * **value**: `{base.palette.blue.25}` * * **CSS Var**: `--cnvs-brand-action-lightest` * * Lightest action color */ "lightest": "--cnvs-brand-action-lightest", /** * **value**: `{base.palette.blue.200}` * * **CSS Var**: `--cnvs-brand-action-light` * * Light action color */ "light": "--cnvs-brand-action-light", /** * **value**: `{base.palette.blue.950}` * * **CSS Var**: `--cnvs-brand-action-darkest` * * Darkest action color */ "darkest": "--cnvs-brand-action-darkest", /** * **value**: `{base.palette.blue.700}` * * **CSS Var**: `--cnvs-brand-action-dark` * * Dark action color */ "dark": "--cnvs-brand-action-dark", /** * **value**: `{base.palette.neutral.0}` * * **CSS Var**: `--cnvs-brand-action-accent` * * Foreground color in actions */ "accent": "--cnvs-brand-action-accent", /** * **value**: `{base.palette.blue.800}` * * **CSS Var**: `--cnvs-brand-action-darker` * * Dark action color */ "darker": "--cnvs-brand-action-darker", /** * **value**: `{base.palette.blue.50}` * * **CSS Var**: `--cnvs-brand-action-lighter` * * Lightest action color */ "lighter": "--cnvs-brand-action-lighter", }; export declare const gradient: { /** * **value**: `linear-gradient(90deg, {brand.primary.base} 0%, {brand.primary.dark} 100%)` * * **CSS Var**: `--cnvs-brand-gradient-primary` */ "primary": "--cnvs-brand-gradient-primary", }; /** * Temporary legacy object including fallback values to older versions of the tokens * for internal use only, will be removed in the future * * @deprecated The legacy tokens utility object will be removed in a future major version. */ export declare const legacy: { "primary25": "var(--cnvs-brand-primary-25, var(--cnvs-brand-primary-lightest, oklch(0.969 0.0155 248.07 / 1)))", "primary50": "var(--cnvs-brand-primary-50, var(--cnvs-brand-primary-lighter, oklch(0.9523 0.0239 248.12 / 1)))", "primary100": "var(--cnvs-brand-primary-100, oklch(0.928 0.0359 250.6 / 1))", "primary200": "var(--cnvs-brand-primary-200, var(--cnvs-brand-primary-light, oklch(0.8627 0.0701 250.6 / 1)))", "primary300": "var(--cnvs-brand-primary-300, oklch(0.7933 0.1076 252.08 / 1))", "primary400": "var(--cnvs-brand-primary-400, oklch(0.708 0.1549 255.41 / 1))", "primary500": "var(--cnvs-brand-primary-500, oklch(0.6023 0.2032 255.68 / 1))", "primary600": "var(--cnvs-brand-primary-600, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)))", "primary700": "var(--cnvs-brand-primary-700, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)))", "primary800": "var(--cnvs-brand-primary-800, var(--cnvs-brand-primary-darkest, oklch(0.3908 0.128 256 / 1)))", "primary900": "var(--cnvs-brand-primary-900, oklch(0.3152 0.1054 261.09 / 1))", "primary950": "var(--cnvs-brand-primary-950, oklch(0.2452 0.0752 254.55 / 1))", "primary975": "var(--cnvs-brand-primary-975, oklch(0.209 0.07 255.61 / 1))", "primaryA25": "var(--cnvs-brand-primary-a25, oklch(0.6499 0.1912 253.52 / 0.08))", "primaryA50": "var(--cnvs-brand-primary-a50, oklch(0.6152 0.2108 256.1 / 0.11))", "primaryA100": "var(--cnvs-brand-primary-a100, oklch(0.6225 0.2064 255.9 / 0.17))", "primaryA200": "var(--cnvs-brand-primary-a200, oklch(0.6048 0.2166 257.21 / 0.31))", "neutral25": "var(--cnvs-brand-neutral-25, var(--cnvs-brand-neutral-lightest, oklch(0.9846 0.0018 248.57 / 1)))", "neutral50": "var(--cnvs-brand-neutral-50, var(--cnvs-brand-neutral-lighter, oklch(0.9692 0.0035 248.23 / 1)))", "neutral100": "var(--cnvs-brand-neutral-100, oklch(0.9447 0.0053 248.12 / 1))", "neutral200": "var(--cnvs-brand-neutral-200, var(--cnvs-brand-neutral-light, oklch(0.917 0.0081 254 / 1)))", "neutral300": "var(--cnvs-brand-neutral-300, oklch(0.856 0.0111 256.85 / 1))", "neutral400": "var(--cnvs-brand-neutral-400, oklch(0.754 0.0181 256.33 / 1))", "neutral500": "var(--cnvs-brand-neutral-500, oklch(0.629 0.0281 255.62 / 1))", "neutral600": "var(--cnvs-brand-neutral-600, var(--cnvs-brand-neutral-base, oklch(0.5103 0.0255 256.8 / 1)))", "neutral700": "var(--cnvs-brand-neutral-700, var(--cnvs-brand-neutral-dark, oklch(0.45 0.022 255.52 / 1)))", "neutral800": "var(--cnvs-brand-neutral-800, var(--cnvs-brand-neutral-darkest, oklch(0.3685 0.0218 256.4 / 1)))", "neutral900": "var(--cnvs-brand-neutral-900, oklch(0.278 0.0156 252.4 / 1))", "neutral950": "var(--cnvs-brand-neutral-950, oklch(0.2453 0.0136 253.1 / 1))", "neutral975": "var(--cnvs-brand-neutral-975, oklch(0.18 0.008 248.33 / 1))", "neutralA25": "var(--cnvs-brand-neutral-a25, oklch(0.4688 0.0781 250.43 / 0.03))", "neutralA50": "var(--cnvs-brand-neutral-a50, oklch(0.3343 0.0951 253.3 / 0.05))", "neutralA100": "var(--cnvs-brand-neutral-a100, oklch(0.3337 0.0688 250.79 / 0.09))", "neutralA200": "var(--cnvs-brand-neutral-a200, oklch(0.3057 0.079 256.22 / 0.13))", "neutralA300": "var(--cnvs-brand-neutral-a300, oklch(0.2442 0.0693 257.66 / 0.21))", "neutralA400": "var(--cnvs-brand-neutral-a400, oklch(0.2333 0.0665 257.09 / 0.35))", "neutralA500": "var(--cnvs-brand-neutral-a500, oklch(0.2187 0.0685 255.77 / 0.51))", "neutralA600": "var(--cnvs-brand-neutral-a600, oklch(0.1793 0.0503 254.55 / 0.64))", "neutralA700": "var(--cnvs-brand-neutral-a700, oklch(0.1595 0.0431 250.87 / 0.7))", "neutralA800": "var(--cnvs-brand-neutral-a800, oklch(0.157 0.0349 253.16 / 0.79))", "neutralA900": "var(--cnvs-brand-neutral-a900, oklch(0.1351 0.0244 244.09 / 0.87))", "neutralA950": "var(--cnvs-brand-neutral-a950, oklch(0.1312 0.0198 248.87 / 0.9))", "neutralA975": "var(--cnvs-brand-neutral-a975, oklch(0.1168 0.014 231.47 / 0.95))", "common": { "focus": "var(--cnvs-brand-common-focus, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)))", "critical": "var(--cnvs-brand-common-critical, var(--cnvs-brand-common-error-inner, oklch(0.6495 0.2369 30.04 / 1)))", "caution": { "inner": "var(--cnvs-brand-common-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1)))", "outer": "var(--cnvs-brand-common-caution-outer, var(--cnvs-brand-common-alert-outer, oklch(0.6601 0.1537 60.7 / 1)))" } }, "critical25": "var(--cnvs-brand-critical-25, var(--cnvs-brand-error-lightest, oklch(0.9667 0.0163 21.82 / 1)))", "critical50": "var(--cnvs-brand-critical-50, var(--cnvs-brand-error-lighter, oklch(0.9533 0.0231 23.95 / 1)))", "critical100": "var(--cnvs-brand-critical-100, oklch(0.9225 0.0394 25.51 / 1))", "critical200": "var(--cnvs-brand-critical-200, var(--cnvs-brand-error-light, oklch(0.8339 0.092 28.19 / 1)))", "critical300": "var(--cnvs-brand-critical-300, oklch(0.7533 0.1484 28.45 / 1))", "critical400": "var(--cnvs-brand-critical-400, oklch(0.6857 0.2037 29.76 / 1))", "critical500": "var(--cnvs-brand-critical-500, oklch(0.6495 0.2369 30.04 / 1))", "critical600": "var(--cnvs-brand-critical-600, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))", "critical700": "var(--cnvs-brand-critical-700, var(--cnvs-brand-error-dark, oklch(0.4517 0.1847 28.2 / 1)))", "critical800": "var(--cnvs-brand-critical-800, var(--cnvs-brand-error-darkest, oklch(0.3712 0.1509 26.08 / 1)))", "critical900": "var(--cnvs-brand-critical-900, oklch(0.291 0.118 25.59 / 1))", "critical950": "var(--cnvs-brand-critical-950, oklch(0.2318 0.0937 24.02 / 1))", "critical975": "var(--cnvs-brand-critical-975, oklch(0.1988 0.0718 20.63 / 1))", "criticalA25": "var(--cnvs-brand-critical-a25, oklch(0.6289 0.2567 29.11 / 0.04))", "criticalA50": "var(--cnvs-brand-critical-a50, oklch(0.6434 0.2428 30.17 / 0.1))", "criticalA100": "var(--cnvs-brand-critical-a100, oklch(0.6382 0.248 30.42 / 0.16))", "criticalA200": "var(--cnvs-brand-critical-a200, oklch(0.6375 0.2487 30.71 / 0.35))", "caution25": "var(--cnvs-brand-caution-25, var(--cnvs-brand-alert-lightest, oklch(0.9779 0.0214 95.33 / 1)))", "caution50": "var(--cnvs-brand-caution-50, var(--cnvs-brand-alert-lighter, oklch(0.969 0.0619 101.63 / 1)))", "caution100": "var(--cnvs-brand-caution-100, oklch(0.9567 0.0948 100.22 / 1))", "caution200": "var(--cnvs-brand-caution-200, var(--cnvs-brand-alert-light, oklch(0.9191 0.1547 99.7 / 1)))", "caution300": "var(--cnvs-brand-caution-300, oklch(0.8432 0.1713 85.24 / 1))", "caution400": "var(--cnvs-brand-caution-400, var(--cnvs-brand-alert-base, oklch(0.7909 0.1711 70.15 / 1)))", "caution500": "var(--cnvs-brand-caution-500, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)))", "caution600": "var(--cnvs-brand-caution-600, var(--cnvs-brand-alert-darkest, oklch(0.5505 0.1439 50.78 / 1)))", "caution700": "var(--cnvs-brand-caution-700, oklch(0.4824 0.1353 46.11 / 1))", "caution800": "var(--cnvs-brand-caution-800, oklch(0.4143 0.1245 42.21 / 1))", "caution900": "var(--cnvs-brand-caution-900, oklch(0.32 0.098 41.19 / 1))", "caution950": "var(--cnvs-brand-caution-950, oklch(0.2489 0.0771 40.64 / 1))", "caution975": "var(--cnvs-brand-caution-975, oklch(0.2165 0.0674 40.35 / 1))", "cautionA25": "var(--cnvs-brand-caution-a25, oklch(0.7982 0.159 92.57 / 0.1))", "cautionA50": "var(--cnvs-brand-caution-a50, oklch(0.8864 0.1845 100.28 / 0.22))", "cautionA100": "var(--cnvs-brand-caution-a100, oklch(0.8988 0.185 97.8 / 0.35))", "cautionA200": "var(--cnvs-brand-caution-a200, oklch(0.886 0.1822 96.83 / 0.64))", "positive25": "var(--cnvs-brand-positive-25, var(--cnvs-brand-success-lightest, oklch(0.9824 0.0282 148.77 / 1)))", "positive50": "var(--cnvs-brand-positive-50, var(--cnvs-brand-success-lighter, oklch(0.9655 0.0561 149.93 / 1)))", "positive100": "var(--cnvs-brand-positive-100, oklch(0.9278 0.1024 149.88 / 1))", "positive200": "var(--cnvs-brand-positive-200, var(--cnvs-brand-success-light, oklch(0.8506 0.1804 149.93 / 1)))", "positive300": "var(--cnvs-brand-positive-300, oklch(0.7817 0.1928 150.67 / 1))", "positive400": "var(--cnvs-brand-positive-400, oklch(0.702 0.1952 148.39 / 1))", "positive500": "var(--cnvs-brand-positive-500, oklch(0.6362 0.1974 145.47 / 1))", "positive600": "var(--cnvs-brand-positive-600, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))", "positive700": "var(--cnvs-brand-positive-700, var(--cnvs-brand-success-dark, oklch(0.4463 0.1422 144.58 / 1)))", "positive800": "var(--cnvs-brand-positive-800, var(--cnvs-brand-success-darkest, oklch(0.3955 0.1156 147.66 / 1)))", "positive900": "var(--cnvs-brand-positive-900, oklch(0.3197 0.0997 145.3 / 1))", "positive950": "var(--cnvs-brand-positive-950, oklch(0.2548 0.0796 145.23 / 1))", "positive975": "var(--cnvs-brand-positive-975, oklch(0.2118 0.0653 145.69 / 1))", "positiveA25": "var(--cnvs-brand-positive-a25, oklch(0.8695 0.2801 143.52 / 0.08))", "positiveA50": "var(--cnvs-brand-positive-a50, oklch(0.8685 0.2814 143.77 / 0.15))", "positiveA100": "var(--cnvs-brand-positive-a100, oklch(0.8316 0.2716 143.71 / 0.29))", "positiveA200": "var(--cnvs-brand-positive-a200, oklch(0.796 0.2508 144.9 / 0.6))" }; export {sana} from "./sana";