@workday/canvas-tokens-web 4.0.4 → 4.0.6

package/dist/common-js/brand/index.d.ts

@@ -1,488 +1,1102 @@
 /**
  * Do not edit directly
- * Generated on Tue, 27 Jan 2026 21:53:44 GMT
+ * Generated on Thu, 29 Jan 2026 19:14:51 GMT
  */
 
-/** {base.palette.blue.25} */
+/**
+ * **value**: `{base.palette.blue.25}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-25`
+ */
 export declare const primary25: "--cnvs-brand-primary-25";
 
-/** {base.palette.blue.50} */
+/**
+ * **value**: `{base.palette.blue.50}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-50`
+ */
 export declare const primary50: "--cnvs-brand-primary-50";
 
-/** {base.palette.blue.100} */
+/**
+ * **value**: `{base.palette.blue.100}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-100`
+ */
 export declare const primary100: "--cnvs-brand-primary-100";
 
-/** {base.palette.blue.200} */
+/**
+ * **value**: `{base.palette.blue.200}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-200`
+ */
 export declare const primary200: "--cnvs-brand-primary-200";
 
-/** {base.palette.blue.300} */
+/**
+ * **value**: `{base.palette.blue.300}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-300`
+ */
 export declare const primary300: "--cnvs-brand-primary-300";
 
-/** {base.palette.blue.400} */
+/**
+ * **value**: `{base.palette.blue.400}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-400`
+ */
 export declare const primary400: "--cnvs-brand-primary-400";
 
-/** {base.palette.blue.500} */
+/**
+ * **value**: `{base.palette.blue.500}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-500`
+ */
 export declare const primary500: "--cnvs-brand-primary-500";
 
 /**
- * {base.palette.blue.600}
- * 
- * Base primary color. Use fg.inverse on this.
+ * **value**: `{base.palette.blue.600}`
  * 
+ * **CSS Var**: `--cnvs-brand-primary-600`
  * 
+ * Base primary color. Use fg.inverse on this.
  */
 export declare const primary600: "--cnvs-brand-primary-600";
 
-/** {base.palette.blue.700} */
+/**
+ * **value**: `{base.palette.blue.700}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-700`
+ */
 export declare const primary700: "--cnvs-brand-primary-700";
 
-/** {base.palette.blue.800} */
+/**
+ * **value**: `{base.palette.blue.800}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-800`
+ */
 export declare const primary800: "--cnvs-brand-primary-800";
 
-/** {base.palette.blue.900} */
+/**
+ * **value**: `{base.palette.blue.900}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-900`
+ */
 export declare const primary900: "--cnvs-brand-primary-900";
 
-/** {base.palette.blue.950} */
+/**
+ * **value**: `{base.palette.blue.950}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-950`
+ */
 export declare const primary950: "--cnvs-brand-primary-950";
 
-/** {base.palette.blue.975} */
+/**
+ * **value**: `{base.palette.blue.975}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-975`
+ */
 export declare const primary975: "--cnvs-brand-primary-975";
 
 export declare const primary: {
-  /** {brand.primary.600} */
+  /**
+   * **value**: `{brand.primary.600}`
+   * 
+   * **CSS Var**: `--cnvs-brand-primary-base`
+   * 
+   * @deprecated replace primary.base with {brand.primary.600}
+   */
   "base": "--cnvs-brand-primary-base",
-  /** {brand.primary.25} */
+  /**
+   * **value**: `{brand.primary.25}`
+   * 
+   * **CSS Var**: `--cnvs-brand-primary-lightest`
+   * 
+   * @deprecated replace primary.lightest with {brand.primary.25}
+   */
   "lightest": "--cnvs-brand-primary-lightest",
-  /** {brand.primary.800} */
+  /**
+   * **value**: `{brand.primary.800}`
+   * 
+   * **CSS Var**: `--cnvs-brand-primary-darkest`
+   * 
+   * @deprecated replace primary.darkest with {brand.primary.800}
+   */
   "darkest": "--cnvs-brand-primary-darkest",
-  /** {brand.primary.700} */
+  /**
+   * **value**: `{brand.primary.700}`
+   * 
+   * **CSS Var**: `--cnvs-brand-primary-dark`
+   * 
+   * @deprecated replace primary.dark with {brand.primary.700}
+   */
   "dark": "--cnvs-brand-primary-dark",
-  /** {sys.color.fg.inverse} */
+  /**
+   * **value**: `{sys.color.fg.inverse}`
+   * 
+   * **CSS Var**: `--cnvs-brand-primary-accent`
+   * 
+   * @deprecated replace primary.accent with {sys.color.fg.inverse}
+   */
   "accent": "--cnvs-brand-primary-accent",
-  /** {brand.primary.50} */
+  /**
+   * **value**: `{brand.primary.50}`
+   * 
+   * **CSS Var**: `--cnvs-brand-primary-lighter`
+   * 
+   * @deprecated replace primary.lighter with {brand.primary.50}
+   */
   "lighter": "--cnvs-brand-primary-lighter",
-  /** {brand.primary.200} */
+  /**
+   * **value**: `{brand.primary.200}`
+   * 
+   * **CSS Var**: `--cnvs-brand-primary-light`
+   * 
+   * @deprecated replace primary.light with {brand.primary.200}
+   */
   "light": "--cnvs-brand-primary-light",
 };
 
-/** oklch(0.6499 0.1912 253.52 / 0.08) */
+/**
+ * **value**: `{base.palette.blue.A25}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-a25`
+ */
 export declare const primaryA25: "--cnvs-brand-primary-a25";
 
-/** oklch(0.6152 0.2108 256.1 / 0.11) */
+/**
+ * **value**: `{base.palette.blue.A50}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-a50`
+ */
 export declare const primaryA50: "--cnvs-brand-primary-a50";
 
-/** oklch(0.6225 0.2064 255.9 / 0.17) */
+/**
+ * **value**: `{base.palette.blue.A100}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-a100`
+ */
 export declare const primaryA100: "--cnvs-brand-primary-a100";
 
-/** oklch(0.6048 0.2166 257.21 / 0.31) */
+/**
+ * **value**: `{base.palette.blue.A200}`
+ * 
+ * **CSS Var**: `--cnvs-brand-primary-a200`
+ */
 export declare const primaryA200: "--cnvs-brand-primary-a200";
 
 export declare const error: {
-  /** {brand.critical.600} */
+  /**
+   * **value**: `{brand.critical.600}`
+   * 
+   * **CSS Var**: `--cnvs-brand-error-base`
+   * 
+   * @deprecated replace error.base with {brand.critical.600}
+   */
   "base": "--cnvs-brand-error-base",
-  /** {brand.critical.25} */
+  /**
+   * **value**: `{brand.critical.25}`
+   * 
+   * **CSS Var**: `--cnvs-brand-error-lightest`
+   * 
+   * @deprecated replace error.lightest with {brand.critical.25}
+   */
   "lightest": "--cnvs-brand-error-lightest",
-  /** {brand.critical.700} */
+  /**
+   * **value**: `{brand.critical.700}`
+   * 
+   * **CSS Var**: `--cnvs-brand-error-dark`
+   * 
+   * @deprecated replace error.dark with {brand.critical.700}
+   */
   "dark": "--cnvs-brand-error-dark",
-  /** {brand.critical.800} */
+  /**
+   * **value**: `{brand.critical.800}`
+   * 
+   * **CSS Var**: `--cnvs-brand-error-darkest`
+   * 
+   * @deprecated replace error.darkest with {brand.critical.800}
+   */
   "darkest": "--cnvs-brand-error-darkest",
-  /** {sys.color.fg.inverse} */
+  /**
+   * **value**: `{sys.color.fg.inverse}`
+   * 
+   * **CSS Var**: `--cnvs-brand-error-accent`
+   * 
+   * @deprecated replace error.accent with {sys.color.fg.inverse}
+   */
   "accent": "--cnvs-brand-error-accent",
-  /** {brand.critical.50} */
+  /**
+   * **value**: `{brand.critical.50}`
+   * 
+   * **CSS Var**: `--cnvs-brand-error-lighter`
+   * 
+   * @deprecated replace error.lighter with {brand.critical.50}
+   */
   "lighter": "--cnvs-brand-error-lighter",
-  /** {brand.critical.200} */
+  /**
+   * **value**: `{brand.critical.200}`
+   * 
+   * **CSS Var**: `--cnvs-brand-error-light`
+   * 
+   * @deprecated replace error.light with {brand.critical.200}
+   */
   "light": "--cnvs-brand-error-light",
 };
 
 export declare const alert: {
-  /** {brand.caution.400} */
+  /**
+   * **value**: `{brand.caution.400}`
+   * 
+   * **CSS Var**: `--cnvs-brand-alert-base`
+   * 
+   * @deprecated replace alert.base with {brand.caution.400}
+   */
   "base": "--cnvs-brand-alert-base",
-  /** {brand.caution.50} */
+  /**
+   * **value**: `{brand.caution.50}`
+   * 
+   * **CSS Var**: `--cnvs-brand-alert-lighter`
+   * 
+   * @deprecated replace alert.lighter with {brand.caution.50}
+   */
   "lighter": "--cnvs-brand-alert-lighter",
-  /** {brand.caution.25} */
+  /**
+   * **value**: `{brand.caution.25}`
+   * 
+   * **CSS Var**: `--cnvs-brand-alert-lightest`
+   * 
+   * @deprecated replace alert.lightest with {brand.caution.25}
+   */
   "lightest": "--cnvs-brand-alert-lightest",
-  /** {brand.caution.500} */
+  /**
+   * **value**: `{brand.caution.500}`
+   * 
+   * **CSS Var**: `--cnvs-brand-alert-dark`
+   * 
+   * @deprecated replace alert.dark with {brand.caution.500}
+   */
   "dark": "--cnvs-brand-alert-dark",
-  /** {brand.caution.600} */
+  /**
+   * **value**: `{brand.caution.600}`
+   * 
+   * **CSS Var**: `--cnvs-brand-alert-darkest`
+   * 
+   * @deprecated replace alert.darkest with {brand.caution.600}
+   */
   "darkest": "--cnvs-brand-alert-darkest",
-  /** {sys.color.fg.contrast.default} */
+  /**
+   * **value**: `{sys.color.fg.contrast.default}`
+   * 
+   * **CSS Var**: `--cnvs-brand-alert-accent`
+   * 
+   * @deprecated replace alert.darkest with {sys.color.fg.contrast.default}
+   */
   "accent": "--cnvs-brand-alert-accent",
-  /** {brand.caution.200} */
+  /**
+   * **value**: `{brand.caution.200}`
+   * 
+   * **CSS Var**: `--cnvs-brand-alert-light`
+   * 
+   * @deprecated replace alert.light with {brand.caution.200}
+   */
   "light": "--cnvs-brand-alert-light",
 };
 
 export declare const success: {
-  /** {brand.positive.600} */
+  /**
+   * **value**: `{brand.positive.600}`
+   * 
+   * **CSS Var**: `--cnvs-brand-success-base`
+   * 
+   * @deprecated replace success.base with {brand.positive.600}
+   */
   "base": "--cnvs-brand-success-base",
-  /** {brand.positive.25} */
+  /**
+   * **value**: `{brand.positive.25}`
+   * 
+   * **CSS Var**: `--cnvs-brand-success-lightest`
+   * 
+   * @deprecated replace success.lightest with {brand.positive.25}
+   */
   "lightest": "--cnvs-brand-success-lightest",
-  /** {brand.positive.50} */
+  /**
+   * **value**: `{brand.positive.50}`
+   * 
+   * **CSS Var**: `--cnvs-brand-success-lighter`
+   * 
+   * @deprecated replace success.lighter with {brand.positive.50}
+   */
   "lighter": "--cnvs-brand-success-lighter",
-  /** {brand.positive.700} */
+  /**
+   * **value**: `{brand.positive.700}`
+   * 
+   * **CSS Var**: `--cnvs-brand-success-dark`
+   * 
+   * @deprecated replace success.dark with {brand.positive.700}
+   */
   "dark": "--cnvs-brand-success-dark",
-  /** {brand.positive.800} */
+  /**
+   * **value**: `{brand.positive.800}`
+   * 
+   * **CSS Var**: `--cnvs-brand-success-darkest`
+   * 
+   * @deprecated replace success.darkest with {brand.positive.800}
+   */
   "darkest": "--cnvs-brand-success-darkest",
-  /** {sys.color.fg.inverse} */
+  /**
+   * **value**: `{sys.color.fg.inverse}`
+   * 
+   * **CSS Var**: `--cnvs-brand-success-accent`
+   * 
+   * @deprecated replace success.accent with {sys.color.fg.inverse}
+   */
   "accent": "--cnvs-brand-success-accent",
-  /** {brand.positive.200} */
+  /**
+   * **value**: `{brand.positive.200}`
+   * 
+   * **CSS Var**: `--cnvs-brand-success-light`
+   * 
+   * @deprecated replace success.light with {brand.positive.200}
+   */
   "light": "--cnvs-brand-success-light",
 };
 
-/** {base.palette.slate.25} */
+/**
+ * **value**: `{base.palette.slate.25}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-25`
+ */
 export declare const neutral25: "--cnvs-brand-neutral-25";
 
-/** {base.palette.slate.50} */
+/**
+ * **value**: `{base.palette.slate.50}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-50`
+ */
 export declare const neutral50: "--cnvs-brand-neutral-50";
 
-/** {base.palette.slate.100} */
+/**
+ * **value**: `{base.palette.slate.100}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-100`
+ */
 export declare const neutral100: "--cnvs-brand-neutral-100";
 
-/** {base.palette.slate.200} */
+/**
+ * **value**: `{base.palette.slate.200}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-200`
+ */
 export declare const neutral200: "--cnvs-brand-neutral-200";
 
-/** {base.palette.slate.300} */
+/**
+ * **value**: `{base.palette.slate.300}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-300`
+ */
 export declare const neutral300: "--cnvs-brand-neutral-300";
 
-/** {base.palette.slate.400} */
+/**
+ * **value**: `{base.palette.slate.400}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-400`
+ */
 export declare const neutral400: "--cnvs-brand-neutral-400";
 
-/** {base.palette.slate.500} */
+/**
+ * **value**: `{base.palette.slate.500}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-500`
+ */
 export declare const neutral500: "--cnvs-brand-neutral-500";
 
-/** {base.palette.slate.600} */
+/**
+ * **value**: `{base.palette.slate.600}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-600`
+ */
 export declare const neutral600: "--cnvs-brand-neutral-600";
 
-/** {base.palette.slate.700} */
+/**
+ * **value**: `{base.palette.slate.700}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-700`
+ */
 export declare const neutral700: "--cnvs-brand-neutral-700";
 
-/** {base.palette.slate.800} */
+/**
+ * **value**: `{base.palette.slate.800}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-800`
+ */
 export declare const neutral800: "--cnvs-brand-neutral-800";
 
-/** {base.palette.slate.900} */
+/**
+ * **value**: `{base.palette.slate.900}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-900`
+ */
 export declare const neutral900: "--cnvs-brand-neutral-900";
 
-/** {base.palette.slate.950} */
+/**
+ * **value**: `{base.palette.slate.950}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-950`
+ */
 export declare const neutral950: "--cnvs-brand-neutral-950";
 
-/** {base.palette.slate.975} */
+/**
+ * **value**: `{base.palette.slate.975}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-975`
+ */
 export declare const neutral975: "--cnvs-brand-neutral-975";
 
 export declare const neutral: {
-  /** {brand.neutral.25} */
+  /**
+   * **value**: `{brand.neutral.25}`
+   * 
+   * **CSS Var**: `--cnvs-brand-neutral-lightest`
+   * 
+   * @deprecated replace neutral.lightest with {brand.neutral.25}
+   */
   "lightest": "--cnvs-brand-neutral-lightest",
-  /** {brand.neutral.600} */
+  /**
+   * **value**: `{brand.neutral.600}`
+   * 
+   * **CSS Var**: `--cnvs-brand-neutral-base`
+   * 
+   * @deprecated replace neutral.base with {brand.neutral.600}
+   */
   "base": "--cnvs-brand-neutral-base",
-  /** {brand.neutral.700} */
+  /**
+   * **value**: `{brand.neutral.700}`
+   * 
+   * **CSS Var**: `--cnvs-brand-neutral-dark`
+   * 
+   * @deprecated replace neutral.dark with {brand.neutral.700}
+   */
   "dark": "--cnvs-brand-neutral-dark",
-  /** {brand.neutral.800} */
+  /**
+   * **value**: `{brand.neutral.800}`
+   * 
+   * **CSS Var**: `--cnvs-brand-neutral-darkest`
+   * 
+   * @deprecated replace neutral.darkest with {brand.neutral.800}
+   */
   "darkest": "--cnvs-brand-neutral-darkest",
-  /** {sys.color.fg.inverse} */
+  /**
+   * **value**: `{sys.color.fg.inverse}`
+   * 
+   * **CSS Var**: `--cnvs-brand-neutral-accent`
+   * 
+   * @deprecated replace neutral.accent with {sys.color.fg.inverse}
+   */
   "accent": "--cnvs-brand-neutral-accent",
-  /** {base.palette.slate.50} */
+  /**
+   * **value**: `{base.palette.slate.50}`
+   * 
+   * **CSS Var**: `--cnvs-brand-neutral-lighter`
+   * 
+   * @deprecated replace neutral.lighter with {brand.neutral.50}
+   */
   "lighter": "--cnvs-brand-neutral-lighter",
-  /** {base.palette.slate.200} */
+  /**
+   * **value**: `{base.palette.slate.200}`
+   * 
+   * **CSS Var**: `--cnvs-brand-neutral-light`
+   * 
+   * @deprecated replace neutral.light with {brand.neutral.200}
+   */
   "light": "--cnvs-brand-neutral-light",
 };
 
-/** oklch(0.4688 0.0781 250.43 / 0.03) */
+/**
+ * **value**: `{base.palette.slate.A25}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a25`
+ */
 export declare const neutralA25: "--cnvs-brand-neutral-a25";
 
-/** oklch(0.3343 0.0951 253.3 / 0.05) */
+/**
+ * **value**: `{base.palette.slate.A50}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a50`
+ */
 export declare const neutralA50: "--cnvs-brand-neutral-a50";
 
-/** oklch(0.3337 0.0688 250.79 / 0.09) */
+/**
+ * **value**: `{base.palette.slate.A100}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a100`
+ */
 export declare const neutralA100: "--cnvs-brand-neutral-a100";
 
-/** oklch(0.3057 0.079 256.22 / 0.13) */
+/**
+ * **value**: `{base.palette.slate.A200}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a200`
+ */
 export declare const neutralA200: "--cnvs-brand-neutral-a200";
 
-/** oklch(0.2442 0.0693 257.66 / 0.21) */
+/**
+ * **value**: `{base.palette.slate.A300}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a300`
+ */
 export declare const neutralA300: "--cnvs-brand-neutral-a300";
 
-/** oklch(0.2333 0.0665 257.09 / 0.35) */
+/**
+ * **value**: `{base.palette.slate.A400}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a400`
+ */
 export declare const neutralA400: "--cnvs-brand-neutral-a400";
 
-/** oklch(0.2187 0.0685 255.77 / 0.51) */
+/**
+ * **value**: `{base.palette.slate.A500}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a500`
+ */
 export declare const neutralA500: "--cnvs-brand-neutral-a500";
 
-/** oklch(0.1793 0.0503 254.55 / 0.64) */
+/**
+ * **value**: `{base.palette.slate.A600}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a600`
+ */
 export declare const neutralA600: "--cnvs-brand-neutral-a600";
 
-/** oklch(0.1595 0.0431 250.87 / 0.7) */
+/**
+ * **value**: `{base.palette.slate.A700}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a700`
+ */
 export declare const neutralA700: "--cnvs-brand-neutral-a700";
 
-/** oklch(0.157 0.0349 253.16 / 0.79) */
+/**
+ * **value**: `{base.palette.slate.A800}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a800`
+ */
 export declare const neutralA800: "--cnvs-brand-neutral-a800";
 
-/** oklch(0.1351 0.0244 244.09 / 0.87) */
+/**
+ * **value**: `{base.palette.slate.A900}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a900`
+ */
 export declare const neutralA900: "--cnvs-brand-neutral-a900";
 
-/** oklch(0.1312 0.0198 248.87 / 0.9) */
+/**
+ * **value**: `{base.palette.slate.A950}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a950`
+ */
 export declare const neutralA950: "--cnvs-brand-neutral-a950";
 
-/** oklch(0.1168 0.014 231.47 / 0.95) */
+/**
+ * **value**: `{base.palette.slate.A975}`
+ * 
+ * **CSS Var**: `--cnvs-brand-neutral-a975`
+ */
 export declare const neutralA975: "--cnvs-brand-neutral-a975";
 
 export declare const common: {
-  /** {brand.common.focus} */
+  /**
+   * **value**: `{brand.common.focus}`
+   * 
+   * **CSS Var**: `--cnvs-brand-common-focus-outline`
+   * 
+   * @deprecated replace focus-outline with {brand.common.focus}
+   */
   "focusOutline": "--cnvs-brand-common-focus-outline",
-  /** {brand.common.critical} */
+  /**
+   * **value**: `{brand.common.critical}`
+   * 
+   * **CSS Var**: `--cnvs-brand-common-error-inner`
+   * 
+   * @deprecated replace error-inner with {brand.common.critical}
+   */
   "errorInner": "--cnvs-brand-common-error-inner",
-  /** {brand.common.caution.inner} */
+  /**
+   * **value**: `{brand.common.caution.inner}`
+   * 
+   * **CSS Var**: `--cnvs-brand-common-alert-inner`
+   * 
+   * @deprecated replace alert-inner with {brand.common.caution.inner}
+   */
   "alertInner": "--cnvs-brand-common-alert-inner",
-  /** {brand.common.caution.outer} */
+  /**
+   * **value**: `{brand.common.caution.outer}`
+   * 
+   * **CSS Var**: `--cnvs-brand-common-alert-outer`
+   * 
+   * @deprecated replace alert-outer with {brand.common.caution.outer}
+   */
   "alertOuter": "--cnvs-brand-common-alert-outer",
-  /** {brand.primary.500} */
+  /**
+   * **value**: `{brand.primary.500}`
+   * 
+   * **CSS Var**: `--cnvs-brand-common-focus`
+   */
   "focus": "--cnvs-brand-common-focus",
-  /** {brand.critical.500} */
+  /**
+   * **value**: `{brand.critical.500}`
+   * 
+   * **CSS Var**: `--cnvs-brand-common-critical`
+   */
   "critical": "--cnvs-brand-common-critical",
   "caution": {
-    /** {brand.caution.400} */
+    /**
+     * **value**: `{brand.caution.400}`
+     * 
+     * **CSS Var**: `--cnvs-brand-common-caution-inner`
+     */
     "inner": "--cnvs-brand-common-caution-inner",
-    /** {brand.caution.500} */
+    /**
+     * **value**: `{brand.caution.500}`
+     * 
+     * **CSS Var**: `--cnvs-brand-common-caution-outer`
+     */
     "outer": "--cnvs-brand-common-caution-outer",
   },
 };
 
-/** {base.palette.red.25} */
+/**
+ * **value**: `{base.palette.red.25}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-25`
+ */
 export declare const critical25: "--cnvs-brand-critical-25";
 
-/** {base.palette.red.50} */
+/**
+ * **value**: `{base.palette.red.50}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-50`
+ */
 export declare const critical50: "--cnvs-brand-critical-50";
 
-/** {base.palette.red.100} */
+/**
+ * **value**: `{base.palette.red.100}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-100`
+ */
 export declare const critical100: "--cnvs-brand-critical-100";
 
-/** {base.palette.red.200} */
+/**
+ * **value**: `{base.palette.red.200}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-200`
+ */
 export declare const critical200: "--cnvs-brand-critical-200";
 
-/** {base.palette.red.300} */
+/**
+ * **value**: `{base.palette.red.300}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-300`
+ */
 export declare const critical300: "--cnvs-brand-critical-300";
 
-/** {base.palette.red.400} */
+/**
+ * **value**: `{base.palette.red.400}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-400`
+ */
 export declare const critical400: "--cnvs-brand-critical-400";
 
-/** {base.palette.red.500} */
+/**
+ * **value**: `{base.palette.red.500}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-500`
+ */
 export declare const critical500: "--cnvs-brand-critical-500";
 
 /**
- * {base.palette.red.600}
- * 
- * Base critical color. Use fg.inverse on this.
+ * **value**: `{base.palette.red.600}`
  * 
+ * **CSS Var**: `--cnvs-brand-critical-600`
  * 
+ * Base critical color. Use fg.inverse on this.
  */
 export declare const critical600: "--cnvs-brand-critical-600";
 
-/** {base.palette.red.700} */
+/**
+ * **value**: `{base.palette.red.700}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-700`
+ */
 export declare const critical700: "--cnvs-brand-critical-700";
 
-/** {base.palette.red.800} */
+/**
+ * **value**: `{base.palette.red.800}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-800`
+ */
 export declare const critical800: "--cnvs-brand-critical-800";
 
-/** {base.palette.red.900} */
+/**
+ * **value**: `{base.palette.red.900}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-900`
+ */
 export declare const critical900: "--cnvs-brand-critical-900";
 
-/** {base.palette.red.950} */
+/**
+ * **value**: `{base.palette.red.950}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-950`
+ */
 export declare const critical950: "--cnvs-brand-critical-950";
 
-/** {base.palette.red.975} */
+/**
+ * **value**: `{base.palette.red.975}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-975`
+ */
 export declare const critical975: "--cnvs-brand-critical-975";
 
-/** oklch(0.6289 0.2567 29.11 / 0.04) */
+/**
+ * **value**: `{base.palette.red.A25}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-a25`
+ */
 export declare const criticalA25: "--cnvs-brand-critical-a25";
 
-/** oklch(0.6434 0.2428 30.17 / 0.1) */
+/**
+ * **value**: `{base.palette.red.A50}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-a50`
+ */
 export declare const criticalA50: "--cnvs-brand-critical-a50";
 
-/** oklch(0.6382 0.248 30.42 / 0.16) */
+/**
+ * **value**: `{base.palette.red.A100}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-a100`
+ */
 export declare const criticalA100: "--cnvs-brand-critical-a100";
 
-/** oklch(0.6375 0.2487 30.71 / 0.35) */
+/**
+ * **value**: `{base.palette.red.A200}`
+ * 
+ * **CSS Var**: `--cnvs-brand-critical-a200`
+ */
 export declare const criticalA200: "--cnvs-brand-critical-a200";
 
-/** {base.palette.amber.25} */
+/**
+ * **value**: `{base.palette.amber.25}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-25`
+ */
 export declare const caution25: "--cnvs-brand-caution-25";
 
-/** {base.palette.amber.50} */
+/**
+ * **value**: `{base.palette.amber.50}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-50`
+ */
 export declare const caution50: "--cnvs-brand-caution-50";
 
-/** {base.palette.amber.100} */
+/**
+ * **value**: `{base.palette.amber.100}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-100`
+ */
 export declare const caution100: "--cnvs-brand-caution-100";
 
-/** {base.palette.amber.200} */
+/**
+ * **value**: `{base.palette.amber.200}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-200`
+ */
 export declare const caution200: "--cnvs-brand-caution-200";
 
-/** {base.palette.amber.300} */
+/**
+ * **value**: `{base.palette.amber.300}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-300`
+ */
 export declare const caution300: "--cnvs-brand-caution-300";
 
 /**
- * {base.palette.amber.400}
- * 
- * Base caution color (amber.400). Use fg.contrast on this.
+ * **value**: `{base.palette.amber.400}`
  * 
+ * **CSS Var**: `--cnvs-brand-caution-400`
  * 
+ * Base caution color (amber.400). Use fg.contrast on this.
  */
 export declare const caution400: "--cnvs-brand-caution-400";
 
-/** {base.palette.amber.500} */
+/**
+ * **value**: `{base.palette.amber.500}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-500`
+ */
 export declare const caution500: "--cnvs-brand-caution-500";
 
-/** {base.palette.amber.600} */
+/**
+ * **value**: `{base.palette.amber.600}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-600`
+ */
 export declare const caution600: "--cnvs-brand-caution-600";
 
-/** {base.palette.amber.700} */
+/**
+ * **value**: `{base.palette.amber.700}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-700`
+ */
 export declare const caution700: "--cnvs-brand-caution-700";
 
-/** {base.palette.amber.800} */
+/**
+ * **value**: `{base.palette.amber.800}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-800`
+ */
 export declare const caution800: "--cnvs-brand-caution-800";
 
-/** {base.palette.amber.900} */
+/**
+ * **value**: `{base.palette.amber.900}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-900`
+ */
 export declare const caution900: "--cnvs-brand-caution-900";
 
-/** {base.palette.amber.950} */
+/**
+ * **value**: `{base.palette.amber.950}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-950`
+ */
 export declare const caution950: "--cnvs-brand-caution-950";
 
-/** {base.palette.amber.975} */
+/**
+ * **value**: `{base.palette.amber.975}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-975`
+ */
 export declare const caution975: "--cnvs-brand-caution-975";
 
-/** oklch(0.7982 0.159 92.57 / 0.1) */
+/**
+ * **value**: `{base.palette.amber.A25}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-a25`
+ */
 export declare const cautionA25: "--cnvs-brand-caution-a25";
 
-/** oklch(0.8864 0.1845 100.28 / 0.22) */
+/**
+ * **value**: `{base.palette.amber.A50}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-a50`
+ */
 export declare const cautionA50: "--cnvs-brand-caution-a50";
 
-/** oklch(0.8988 0.185 97.8 / 0.35) */
+/**
+ * **value**: `{base.palette.amber.A100}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-a100`
+ */
 export declare const cautionA100: "--cnvs-brand-caution-a100";
 
-/** oklch(0.886 0.1822 96.83 / 0.64) */
+/**
+ * **value**: `{base.palette.amber.A200}`
+ * 
+ * **CSS Var**: `--cnvs-brand-caution-a200`
+ */
 export declare const cautionA200: "--cnvs-brand-caution-a200";
 
-/** {base.palette.green.25} */
+/**
+ * **value**: `{base.palette.green.25}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-25`
+ */
 export declare const positive25: "--cnvs-brand-positive-25";
 
-/** {base.palette.green.50} */
+/**
+ * **value**: `{base.palette.green.50}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-50`
+ */
 export declare const positive50: "--cnvs-brand-positive-50";
 
-/** {base.palette.green.100} */
+/**
+ * **value**: `{base.palette.green.100}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-100`
+ */
 export declare const positive100: "--cnvs-brand-positive-100";
 
-/** {base.palette.green.200} */
+/**
+ * **value**: `{base.palette.green.200}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-200`
+ */
 export declare const positive200: "--cnvs-brand-positive-200";
 
-/** {base.palette.green.300} */
+/**
+ * **value**: `{base.palette.green.300}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-300`
+ */
 export declare const positive300: "--cnvs-brand-positive-300";
 
-/** {base.palette.green.400} */
+/**
+ * **value**: `{base.palette.green.400}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-400`
+ */
 export declare const positive400: "--cnvs-brand-positive-400";
 
-/** {base.palette.green.500} */
+/**
+ * **value**: `{base.palette.green.500}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-500`
+ */
 export declare const positive500: "--cnvs-brand-positive-500";
 
 /**
- * {base.palette.green.600}
- * 
- * Base success color. Use fg.inverse on this.
+ * **value**: `{base.palette.green.600}`
  * 
+ * **CSS Var**: `--cnvs-brand-positive-600`
  * 
+ * Base success color. Use fg.inverse on this.
  */
 export declare const positive600: "--cnvs-brand-positive-600";
 
-/** {base.palette.green.700} */
+/**
+ * **value**: `{base.palette.green.700}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-700`
+ */
 export declare const positive700: "--cnvs-brand-positive-700";
 
-/** {base.palette.green.800} */
+/**
+ * **value**: `{base.palette.green.800}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-800`
+ */
 export declare const positive800: "--cnvs-brand-positive-800";
 
-/** {base.palette.green.900} */
+/**
+ * **value**: `{base.palette.green.900}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-900`
+ */
 export declare const positive900: "--cnvs-brand-positive-900";
 
-/** {base.palette.green.950} */
+/**
+ * **value**: `{base.palette.green.950}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-950`
+ */
 export declare const positive950: "--cnvs-brand-positive-950";
 
-/** {base.palette.green.975} */
+/**
+ * **value**: `{base.palette.green.975}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-975`
+ */
 export declare const positive975: "--cnvs-brand-positive-975";
 
-/** oklch(0.8695 0.2801 143.52 / 0.08) */
+/**
+ * **value**: `{base.palette.green.A25}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-a25`
+ */
 export declare const positiveA25: "--cnvs-brand-positive-a25";
 
-/** oklch(0.8685 0.2814 143.77 / 0.15) */
+/**
+ * **value**: `{base.palette.green.A50}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-a50`
+ */
 export declare const positiveA50: "--cnvs-brand-positive-a50";
 
-/** oklch(0.8316 0.2716 143.71 / 0.29) */
+/**
+ * **value**: `{base.palette.green.A100}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-a100`
+ */
 export declare const positiveA100: "--cnvs-brand-positive-a100";
 
-/** oklch(0.796 0.2508 144.9 / 0.6) */
+/**
+ * **value**: `{base.palette.green.A200}`
+ * 
+ * **CSS Var**: `--cnvs-brand-positive-a200`
+ */
 export declare const positiveA200: "--cnvs-brand-positive-a200";
 
 export declare const action: {
   /**
-   * {base.palette.blue.600}
-   * 
-   * Base action color
+   * **value**: `{base.palette.blue.600}`
    * 
+   * **CSS Var**: `--cnvs-brand-action-base`
    * 
+   * Base action color
    */
   "base": "--cnvs-brand-action-base",
   /**
-   * {base.palette.blue.25}
-   * 
-   * Lightest action color
+   * **value**: `{base.palette.blue.25}`
    * 
+   * **CSS Var**: `--cnvs-brand-action-lightest`
    * 
+   * Lightest action color
    */
   "lightest": "--cnvs-brand-action-lightest",
   /**
-   * {base.palette.blue.200}
-   * 
-   * Light action color
+   * **value**: `{base.palette.blue.200}`
    * 
+   * **CSS Var**: `--cnvs-brand-action-light`
    * 
+   * Light action color
    */
   "light": "--cnvs-brand-action-light",
   /**
-   * {base.palette.blue.950}
-   * 
-   * Darkest action color
+   * **value**: `{base.palette.blue.950}`
    * 
+   * **CSS Var**: `--cnvs-brand-action-darkest`
    * 
+   * Darkest action color
    */
   "darkest": "--cnvs-brand-action-darkest",
   /**
-   * {base.palette.blue.700}
-   * 
-   * Dark action color
+   * **value**: `{base.palette.blue.700}`
    * 
+   * **CSS Var**: `--cnvs-brand-action-dark`
    * 
+   * Dark action color
    */
   "dark": "--cnvs-brand-action-dark",
   /**
-   * {base.palette.neutral.0}
-   * 
-   * Foreground color in actions
+   * **value**: `{base.palette.neutral.0}`
    * 
+   * **CSS Var**: `--cnvs-brand-action-accent`
    * 
+   * Foreground color in actions
    */
   "accent": "--cnvs-brand-action-accent",
   /**
-   * {base.palette.blue.800}
-   * 
-   * Dark action color
+   * **value**: `{base.palette.blue.800}`
    * 
+   * **CSS Var**: `--cnvs-brand-action-darker`
    * 
+   * Dark action color
    */
   "darker": "--cnvs-brand-action-darker",
   /**
-   * {base.palette.blue.50}
-   * 
-   * Lightest action color
+   * **value**: `{base.palette.blue.50}`
    * 
+   * **CSS Var**: `--cnvs-brand-action-lighter`
    * 
+   * Lightest action color
    */
   "lighter": "--cnvs-brand-action-lighter",
 };
 
 export declare const gradient: {
-  /** linear-gradient(90deg, {brand.primary.base} 0%, {brand.primary.dark} 100%) */
+  /**
+   * **value**: `linear-gradient(90deg, {brand.primary.base} 0%, {brand.primary.dark} 100%)`
+   * 
+   * **CSS Var**: `--cnvs-brand-gradient-primary`
+   */
   "primary": "--cnvs-brand-gradient-primary",
 };