/** * AUTO-GENERATED by `yarn color-system:tokens`. Do not edit by hand. * * Every leaf is a `var(--color-*)` reference resolved at runtime against the * values in `src/styles/theme-tokens.css` (sRGB with an `@supports` Display-P3 * upgrade; light on `:root`, dark on `[data-theme='dark']`). Because the leaves * are theme-agnostic * variable references, the same object serves both `lightTheme` and `darkTheme`. */ export declare const paletteV2: { readonly surface: { readonly depth: "var(--color-surface-depth)"; readonly base: "var(--color-surface-base)"; readonly primary: "var(--color-surface-primary)"; readonly secondary: "var(--color-surface-secondary)"; readonly tertiary: "var(--color-surface-tertiary)"; readonly quaternary: "var(--color-surface-quaternary)"; readonly subtle: "var(--color-surface-subtle)"; readonly muted: "var(--color-surface-muted)"; readonly transparent: "var(--color-surface-transparent)"; readonly disabled: "var(--color-surface-disabled)"; readonly selected: "var(--color-surface-selected)"; readonly inverse: "var(--color-surface-inverse)"; readonly accent: "var(--color-surface-accent)"; readonly accentMuted: "var(--color-surface-accent-muted)"; readonly destructive: "var(--color-surface-destructive)"; readonly destructiveMuted: "var(--color-surface-destructive-muted)"; readonly attention: "var(--color-surface-attention)"; readonly attentionMuted: "var(--color-surface-attention-muted)"; readonly positive: "var(--color-surface-positive)"; readonly positiveMuted: "var(--color-surface-positive-muted)"; readonly special: "var(--color-surface-special)"; readonly specialMuted: "var(--color-surface-special-muted)"; }; readonly fg: { readonly primary: "var(--color-fg-primary)"; readonly secondary: "var(--color-fg-secondary)"; readonly tertiary: "var(--color-fg-tertiary)"; readonly quaternary: "var(--color-fg-quaternary)"; readonly disabled: "var(--color-fg-disabled)"; readonly selected: "var(--color-fg-selected)"; readonly emphasis: "var(--color-fg-emphasis)"; readonly onInverse: "var(--color-fg-on-inverse)"; readonly onAccent: "var(--color-fg-on-accent)"; readonly onDestructive: "var(--color-fg-on-destructive)"; readonly onAttention: "var(--color-fg-on-attention)"; readonly onPositive: "var(--color-fg-on-positive)"; readonly onSpecial: "var(--color-fg-on-special)"; readonly accent: "var(--color-fg-accent)"; readonly destructive: "var(--color-fg-destructive)"; readonly attention: "var(--color-fg-attention)"; readonly positive: "var(--color-fg-positive)"; readonly special: "var(--color-fg-special)"; }; readonly line: { readonly depth: "var(--color-line-depth)"; readonly base: "var(--color-line-base)"; readonly primary: "var(--color-line-primary)"; readonly secondary: "var(--color-line-secondary)"; readonly tertiary: "var(--color-line-tertiary)"; readonly quaternary: "var(--color-line-quaternary)"; readonly transparent: "var(--color-line-transparent)"; readonly disabled: "var(--color-line-disabled)"; readonly selected: "var(--color-line-selected)"; readonly focus: "var(--color-line-focus)"; readonly accent: "var(--color-line-accent)"; readonly destructive: "var(--color-line-destructive)"; readonly attention: "var(--color-line-attention)"; readonly positive: "var(--color-line-positive)"; readonly special: "var(--color-line-special)"; }; readonly overlay: { readonly hoverSubtle: "var(--color-overlay-hover-subtle)"; readonly hover: "var(--color-overlay-hover)"; readonly hoverStrong: "var(--color-overlay-hover-strong)"; readonly selected: "var(--color-overlay-selected)"; readonly press: "var(--color-overlay-press)"; readonly scrim: "var(--color-overlay-scrim)"; }; readonly shadow: { readonly surfaceXxs: "var(--color-shadow-surface-xxs)"; readonly surfaceXs: "var(--color-shadow-surface-xs)"; readonly surfaceSm: "var(--color-shadow-surface-sm)"; readonly surfaceMd: "var(--color-shadow-surface-md)"; readonly surfaceLg: "var(--color-shadow-surface-lg)"; readonly surfaceXl: "var(--color-shadow-surface-xl)"; readonly surfaceBorderAlpha: "var(--color-shadow-surface-border-alpha)"; readonly buttonNeutral: "var(--color-shadow-button-neutral)"; readonly buttonInverse: "var(--color-shadow-button-inverse)"; readonly buttonAccent: "var(--color-shadow-button-accent)"; readonly buttonDestructive: "var(--color-shadow-button-destructive)"; readonly buttonPositive: "var(--color-shadow-button-positive)"; readonly buttonAttention: "var(--color-shadow-button-attention)"; readonly buttonSpecial: "var(--color-shadow-button-special)"; readonly buttonPressedNeutral: "var(--color-shadow-button-pressed-neutral)"; readonly buttonPressedInverse: "var(--color-shadow-button-pressed-inverse)"; readonly buttonPressedSemantic: "var(--color-shadow-button-pressed-semantic)"; readonly inputBase: "var(--color-shadow-input-base)"; readonly switchThumb: "var(--color-shadow-switch-thumb)"; readonly switchTrack: "var(--color-shadow-switch-track)"; readonly tooltip: "var(--color-shadow-tooltip)"; }; readonly glow: { readonly neutralHover: "var(--color-glow-neutral-hover)"; readonly neutralPressed: "var(--color-glow-neutral-pressed)"; readonly onNeutralHover: "var(--color-glow-on-neutral-hover)"; readonly onNeutralPressed: "var(--color-glow-on-neutral-pressed)"; readonly onAccentHover: "var(--color-glow-on-accent-hover)"; readonly onAccentPressed: "var(--color-glow-on-accent-pressed)"; readonly onInverseHover: "var(--color-glow-on-inverse-hover)"; readonly onInversePressed: "var(--color-glow-on-inverse-pressed)"; readonly accentHover: "var(--color-glow-accent-hover)"; readonly accentPressed: "var(--color-glow-accent-pressed)"; readonly destructiveHover: "var(--color-glow-destructive-hover)"; readonly destructivePressed: "var(--color-glow-destructive-pressed)"; readonly attentionHover: "var(--color-glow-attention-hover)"; readonly attentionPressed: "var(--color-glow-attention-pressed)"; readonly positiveHover: "var(--color-glow-positive-hover)"; readonly positivePressed: "var(--color-glow-positive-pressed)"; readonly specialHover: "var(--color-glow-special-hover)"; readonly specialPressed: "var(--color-glow-special-pressed)"; }; readonly border: { readonly glowOnAccent: "var(--color-border-glow-on-accent)"; readonly glowOnSurfaceHover: "var(--color-border-glow-on-surface-hover)"; }; readonly gradient: { readonly buttonInverse: "var(--color-gradient-button-inverse)"; readonly buttonNeutral: "var(--color-gradient-button-neutral)"; readonly buttonSemantic: "var(--color-gradient-button-semantic)"; readonly inputFill: "var(--color-gradient-input-fill)"; readonly switchThumb: "var(--color-gradient-switch-thumb)"; readonly switchTrackOff: "var(--color-gradient-switch-track-off)"; readonly switchTrackOn: "var(--color-gradient-switch-track-on)"; readonly surface: "var(--color-gradient-surface)"; readonly accent: "var(--color-gradient-accent)"; }; readonly categorical: { readonly 1: "var(--color-categorical-1)"; readonly 2: "var(--color-categorical-2)"; readonly 3: "var(--color-categorical-3)"; readonly 4: "var(--color-categorical-4)"; readonly 5: "var(--color-categorical-5)"; readonly 6: "var(--color-categorical-6)"; }; readonly chart: { readonly categorical1: "var(--color-chart-categorical-1)"; readonly categorical2: "var(--color-chart-categorical-2)"; readonly categorical3: "var(--color-chart-categorical-3)"; readonly categorical4: "var(--color-chart-categorical-4)"; readonly categorical5: "var(--color-chart-categorical-5)"; readonly categorical6: "var(--color-chart-categorical-6)"; readonly positive: "var(--color-chart-positive)"; readonly negative: "var(--color-chart-negative)"; readonly attention: "var(--color-chart-attention)"; readonly info: "var(--color-chart-info)"; }; readonly effect: { readonly ringBase: "var(--color-effect-ring-base)"; readonly ringFocus: "var(--color-effect-ring-focus)"; }; readonly dropShadow: { readonly xs: "var(--color-drop-shadow-xs)"; readonly md: "var(--color-drop-shadow-md)"; readonly xl: "var(--color-drop-shadow-xl)"; }; }; export type PaletteV2 = typeof paletteV2;