/**
 * Do not edit directly
 * Generated on Fri, 09 Oct 2026 14:38:17 GMT
 */

export declare const expressiveIcon: {
  "color": {
    /**
     * **value**: `{base.palette.neutral.A200}`
     * 
     * **CSS Var**: `--cnvs-component-expressive-icon-color-accent`
     * 
     * Component level color used on the soft filled areas of expressive icons
     */
    "accent": "--cnvs-component-expressive-icon-color-accent",
    /**
     * **value**: `{base.palette.neutral.800}`
     * 
     * **CSS Var**: `--cnvs-component-expressive-icon-color-fill`
     * 
     * Component level color used on the visible outlines of expressive icons
     */
    "fill": "--cnvs-component-expressive-icon-color-fill",
  },
  "size": {
    /**
     * **value**: `{base.size.500}` (2.5rem | 40px)
     * 
     * **CSS Var**: `--cnvs-component-expressive-icon-size-xs`
     */
    "xs": "--cnvs-component-expressive-icon-size-xs",
    /**
     * **value**: `{base.size.600}` (3rem | 48px)
     * 
     * **CSS Var**: `--cnvs-component-expressive-icon-size-sm`
     */
    "sm": "--cnvs-component-expressive-icon-size-sm",
    /**
     * **value**: `{base.size.700}` (3.5rem | 56px)
     * 
     * **CSS Var**: `--cnvs-component-expressive-icon-size-md`
     */
    "md": "--cnvs-component-expressive-icon-size-md",
    /**
     * **value**: `{base.size.800}` (4rem | 64px)
     * 
     * **CSS Var**: `--cnvs-component-expressive-icon-size-lg`
     */
    "lg": "--cnvs-component-expressive-icon-size-lg",
    /**
     * **value**: `{base.size.1200}` (6rem | 96px)
     * 
     * **CSS Var**: `--cnvs-component-expressive-icon-size-xl`
     */
    "xl": "--cnvs-component-expressive-icon-size-xl",
  },
};

export declare const systemIcon: {
  "color": {
    /**
     * **value**: `{base.palette.neutral.800}`
     * 
     * **CSS Var**: `--cnvs-component-system-icon-color-accent`
     * 
     * Component level color used on the accent areas of system icons
     */
    "accent": "--cnvs-component-system-icon-color-accent",
    /**
     * **value**: `{base.palette.neutral.800}`
     * 
     * **CSS Var**: `--cnvs-component-system-icon-color-fill`
     * 
     * Component level color used on the fill areas of system icons
     */
    "fill": "--cnvs-component-system-icon-color-fill",
    /**
     * **value**: `{base.palette.neutral.A0}`
     * 
     * **CSS Var**: `--cnvs-component-system-icon-color-background`
     * 
     * Component level color used on the background of system icons
     */
    "background": "--cnvs-component-system-icon-color-background",
  },
  "size": {
    /**
     * **value**: `{base.size.175}` (0.875rem | 14px)
     * 
     * **CSS Var**: `--cnvs-component-system-icon-size-xxs`
     */
    "xxs": "--cnvs-component-system-icon-size-xxs",
    /**
     * **value**: `{base.size.200}` (1rem | 16px)
     * 
     * **CSS Var**: `--cnvs-component-system-icon-size-xs`
     */
    "xs": "--cnvs-component-system-icon-size-xs",
    /**
     * **value**: `{base.size.225}` (1.125rem | 18px)
     * 
     * **CSS Var**: `--cnvs-component-system-icon-size-sm`
     */
    "sm": "--cnvs-component-system-icon-size-sm",
    /**
     * **value**: `{base.size.250}` (1.25rem | 20px)
     * 
     * **CSS Var**: `--cnvs-component-system-icon-size-md`
     */
    "md": "--cnvs-component-system-icon-size-md",
    /**
     * **value**: `{base.size.300}` (1.5rem | 24px)
     * 
     * **CSS Var**: `--cnvs-component-system-icon-size-lg`
     */
    "lg": "--cnvs-component-system-icon-size-lg",
    /**
     * **value**: `{base.size.400}` (2rem | 32px)
     * 
     * **CSS Var**: `--cnvs-component-system-icon-size-xl`
     */
    "xl": "--cnvs-component-system-icon-size-xl",
  },
};

/**
 * 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: {
  "expressiveIcon": {
    "color": {
      "accent": "var(--cnvs-component-expressive-icon-color-accent, oklch(0.0847 0 0 / 0.17))",
      "fill": "var(--cnvs-component-expressive-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1)))"
    },
    "size": {
      "xs": "var(--cnvs-component-expressive-icon-size-xs, var(--cnvs-sys-space-x10, 2.5rem))",
      "sm": "var(--cnvs-component-expressive-icon-size-sm, 3rem)",
      "md": "var(--cnvs-component-expressive-icon-size-md, var(--cnvs-sys-space-x14, 3.5rem))",
      "lg": "var(--cnvs-component-expressive-icon-size-lg, var(--cnvs-sys-space-x16, 4rem))",
      "xl": "var(--cnvs-component-expressive-icon-size-xl, 6rem)"
    }
  },
  "systemIcon": {
    "color": {
      "accent": "var(--cnvs-component-system-icon-color-accent, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1)))",
      "fill": "var(--cnvs-component-system-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1)))",
      "background": "var(--cnvs-component-system-icon-color-background, transparent)"
    },
    "size": {
      "xxs": "var(--cnvs-component-system-icon-size-xxs, 0.875rem)",
      "xs": "var(--cnvs-component-system-icon-size-xs, var(--cnvs-sys-space-x4, 1rem))",
      "sm": "var(--cnvs-component-system-icon-size-sm, 1.125rem)",
      "md": "var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem))",
      "lg": "var(--cnvs-component-system-icon-size-lg, var(--cnvs-sys-space-x6, 1.5rem))",
      "xl": "var(--cnvs-component-system-icon-size-xl, var(--cnvs-sys-space-x8, 2rem))"
    }
  }
};