@atlaskit/tokens 13.3.1 → 14.0.0

package/dist/types-ts4.5/types.d.ts

@@ -1,1338 +0,0 @@
-import type { InternalTokenIds } from './artifacts/types-internal';
-export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing' | 'motion' | 'motionDuration' | 'motionEasing' | 'motionKeyframe' | 'motionProperty';
-type ActiveTokenState = 'active';
-type DeprecatedTokenState = 'deprecated';
-type DeletedTokenState = 'deleted';
-type ExperimentalTokenState = 'experimental';
-type TokenState = ActiveTokenState | DeprecatedTokenState | DeletedTokenState | ExperimentalTokenState;
-type Replacement = InternalTokenIds | InternalTokenIds[];
-type ExperimentalReplacement = InternalTokenIds | InternalTokenIds[] | string;
-type PaletteCategory = 'blue' | 'purple' | 'red' | 'magenta' | 'orange' | 'yellow' | 'green' | 'teal' | 'lime' | 'light mode neutral' | 'dark mode neutral';
-type ValueCategory = 'opacity';
-interface Token<TValue, Group extends Groups> {
-    value: TValue;
-    attributes: {
-        group: Group;
-        description?: string;
-        state?: TokenState;
-        replacement?: Replacement | ExperimentalReplacement;
-    };
-}
-/**
- * Base tokens define the raw values consumed by Design Tokens. They are a context-agnostic
- * name:value pairing (for example, the base token Neutral0 represents the value #FFFFFF ).
- */
-export interface BaseToken<TValue, Group extends Groups> extends Token<TValue, Group> {
-    attributes: {
-        group: Group;
-    };
-}
-/**
- * Design tokens represent single sources of truth to name and store semantic design decisions.
- * They map a semantic name (color.background.default) to a base token (Neutral0).
- */
-export interface DesignToken<TValue, Group extends Groups> extends Token<TValue, Group> {
-    attributes: {
-        state: ActiveTokenState;
-        group: Group;
-        description: string;
-        introduced: string;
-        suggest?: string[];
-    } | {
-        state: DeprecatedTokenState;
-        group: Group;
-        description: string;
-        introduced: string;
-        deprecated: string;
-        replacement?: Replacement;
-    } | {
-        state: DeletedTokenState;
-        group: Group;
-        description: string;
-        introduced: string;
-        deprecated: string;
-        deleted: string;
-        replacement?: Replacement;
-    } | {
-        state: ExperimentalTokenState;
-        group: Group;
-        description: string;
-        introduced: string;
-        replacement?: ExperimentalReplacement;
-        suggest?: string[];
-    };
-}
-interface TypographyDesignToken<TValue> extends DesignToken<TValue, 'typography'> {
-    attributes: DesignToken<TValue, 'typography'>['attributes'];
-}
-type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
-type Id<T> = {} & {
-    [P in keyof T]: T[P];
-};
-type DeepOmit<T extends any, K extends PropertyKey> = Omit<{
-    [P in keyof T]: OmitDistributive<T[P], K>;
-}, K>;
-export type DeepPartial<T> = T extends object ? {
-    [P in keyof T]?: DeepPartial<T[P]>;
-} : T;
-export type ValueSchema<Schema extends object> = DeepOmit<Schema, 'attributes'>;
-export type ExtendedValueSchema<Schema extends object> = DeepPartial<ValueSchema<Schema>>;
-export type AttributeSchema<Schema extends object> = DeepOmit<Schema, 'value'>;
-interface PaletteToken extends BaseToken<string, 'palette'> {
-    attributes: {
-        group: 'palette';
-        category: PaletteCategory;
-    };
-}
-interface ValueToken extends BaseToken<number, 'palette'> {
-    attributes: {
-        group: 'palette';
-        category: ValueCategory;
-    };
-}
-export type PaintToken<BaseToken> = DesignToken<BaseToken, 'paint'>;
-export type ShadowToken<BaseToken> = DesignToken<Array<{
-    color: BaseToken;
-    opacity: number;
-    offset: {
-        x: number;
-        y: number;
-    };
-    radius: number;
-    spread?: number;
-    inset?: boolean;
-}>, 'shadow'>;
-export type OpacityToken = DesignToken<string, 'opacity'>;
-export type SpacingToken<BaseToken> = DesignToken<BaseToken, 'spacing'>;
-export type ShapeToken<BaseToken> = DesignToken<BaseToken, 'shape'>;
-export type FontWeightToken<BaseToken> = DesignToken<BaseToken, 'fontWeight'>;
-export type FontFamilyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily'>;
-export type MotionToken<BaseToken> = DesignToken<BaseToken, 'motion'>;
-export type MotionDurationToken<BaseToken> = DesignToken<BaseToken, 'motionDuration'>;
-export type MotionEasingToken<BaseToken> = DesignToken<BaseToken, 'motionEasing'>;
-export type MotionKeyframeToken<BaseToken> = DesignToken<BaseToken, 'motionKeyframe'>;
-export type MotionPropertyToken<BaseToken> = DesignToken<BaseToken, 'motionProperty'>;
-export type DeprecatedTypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing'>;
-export type RawToken = DesignToken<string, 'raw'>;
-export interface PaletteColorTokenSchema<PaletteValues extends string> {
-    value: {
-        opacity: {
-            Opacity20: ValueToken;
-            Opacity40: ValueToken;
-        };
-    };
-    color: {
-        palette: Record<PaletteValues, PaletteToken>;
-    };
-}
-type SpacingSchemaValue = BaseToken<number, 'spacing'>;
-type ShapeSchemaValue = BaseToken<number | string, 'shape'>;
-export interface SpacingScaleTokenSchema<ScaleValues extends string> {
-    space: Record<ScaleValues, SpacingSchemaValue>;
-}
-export interface ShapeScaleTokenSchema<RadiusScaleValues extends string, SizeScaleValues extends string> {
-    border: {
-        width: Record<SizeScaleValues, ShapeSchemaValue>;
-    };
-    radius: Record<RadiusScaleValues, ShapeSchemaValue>;
-}
-export interface MotionScaleTokenSchema<DurationScaleValues extends string, BezierCurveScaleValues extends string, KeyframeScaleValues extends string, TransitionPropertyScaleValues extends string> {
-    duration: Record<DurationScaleValues, BaseToken<number, 'motionDuration'>>;
-    curve: Record<BezierCurveScaleValues, BaseToken<string, 'motionEasing'>>;
-    keyframe: Record<KeyframeScaleValues, BaseToken<Record<string, object>, 'motionKeyframe'>>;
-    properties: Record<TransitionPropertyScaleValues, BaseToken<string, 'motionProperty'>>;
-}
-export interface FontSizeScaleTokenSchema<ScaleValues extends string> {
-    fontSize: Record<ScaleValues, BaseToken<string | number, 'fontSize'>>;
-}
-export interface FontWeightScaleTokenSchema<ScaleValues extends string> {
-    fontWeight: Record<ScaleValues, BaseToken<string, 'fontWeight'>>;
-}
-export interface FontFamilyPaletteTokenSchema<ScaleValues extends string> {
-    fontFamily: Record<ScaleValues, BaseToken<string, 'fontFamily'>>;
-}
-export interface LineHeightScaleTokenSchema<ScaleValues extends string> {
-    lineHeight: Record<ScaleValues, BaseToken<string | number, 'lineHeight'>>;
-}
-export interface LetterSpacingScaleTokenSchema<ScaleValues extends string> {
-    letterSpacing: Record<ScaleValues, BaseToken<string, 'letterSpacing'>>;
-}
-export interface BackgroundColorTokenSchema<BaseToken> {
-    color: {
-        blanket: {
-            '[default]': PaintToken<BaseToken>;
-            selected: PaintToken<BaseToken>;
-            danger: PaintToken<BaseToken>;
-        };
-        rovo: {
-            background: {
-                brand: {
-                    bold: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                };
-            };
-            border: {
-                blue: PaintToken<BaseToken>;
-                lime: PaintToken<BaseToken>;
-                purple: PaintToken<BaseToken>;
-                saffron: PaintToken<BaseToken>;
-            };
-            icon: {
-                blue: PaintToken<BaseToken>;
-                lime: PaintToken<BaseToken>;
-                purple: PaintToken<BaseToken>;
-                saffron: PaintToken<BaseToken>;
-            };
-        };
-        background: {
-            disabled: PaintToken<BaseToken>;
-            inverse: {
-                subtle: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-            };
-            input: {
-                '[default]': PaintToken<BaseToken>;
-                hovered: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            neutral: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                subtle: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-            };
-            brand: {
-                subtlest: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                boldest: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-            };
-            selected: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-            };
-            danger: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                subtler: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                subtle: {
-                    '[default]': PaintToken<BaseToken>;
-                };
-            };
-            warning: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                subtler: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                subtle: {
-                    '[default]': PaintToken<BaseToken>;
-                };
-            };
-            success: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                subtler: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                subtle: {
-                    '[default]': PaintToken<BaseToken>;
-                };
-            };
-            discovery: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                subtler: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                subtle: {
-                    '[default]': PaintToken<BaseToken>;
-                };
-            };
-            information: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                subtler: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                subtle: {
-                    '[default]': PaintToken<BaseToken>;
-                };
-            };
-        };
-    };
-}
-export interface BorderColorTokenSchema<BaseToken> {
-    color: {
-        border: {
-            '[default]': PaintToken<BaseToken>;
-            bold: PaintToken<BaseToken>;
-            inverse: PaintToken<BaseToken>;
-            focused: PaintToken<BaseToken>;
-            input: PaintToken<BaseToken>;
-            disabled: PaintToken<BaseToken>;
-            brand: PaintToken<BaseToken>;
-            selected: PaintToken<BaseToken>;
-            danger: {
-                '[default]': PaintToken<BaseToken>;
-                subtle: PaintToken<BaseToken>;
-            };
-            warning: {
-                '[default]': PaintToken<BaseToken>;
-                subtle: PaintToken<BaseToken>;
-            };
-            success: {
-                '[default]': PaintToken<BaseToken>;
-                subtle: PaintToken<BaseToken>;
-            };
-            discovery: {
-                '[default]': PaintToken<BaseToken>;
-                subtle: PaintToken<BaseToken>;
-            };
-            information: {
-                '[default]': PaintToken<BaseToken>;
-                subtle: PaintToken<BaseToken>;
-            };
-        };
-    };
-}
-export interface IconColorTokenSchema<BaseToken> {
-    color: {
-        icon: {
-            '[default]': PaintToken<BaseToken>;
-            subtle: PaintToken<BaseToken>;
-            subtlest: PaintToken<BaseToken>;
-            inverse: PaintToken<BaseToken>;
-            disabled: PaintToken<BaseToken>;
-            brand: PaintToken<BaseToken>;
-            selected: PaintToken<BaseToken>;
-            danger: PaintToken<BaseToken>;
-            warning: {
-                '[default]': PaintToken<BaseToken>;
-                inverse: PaintToken<BaseToken>;
-            };
-            success: PaintToken<BaseToken>;
-            discovery: PaintToken<BaseToken>;
-            information: PaintToken<BaseToken>;
-        };
-    };
-}
-export interface TextColorTokenSchema<BaseToken> {
-    color: {
-        text: {
-            '[default]': PaintToken<BaseToken>;
-            subtle: PaintToken<BaseToken>;
-            subtlest: PaintToken<BaseToken>;
-            inverse: PaintToken<BaseToken>;
-            brand: PaintToken<BaseToken>;
-            selected: PaintToken<BaseToken>;
-            danger: {
-                '[default]': PaintToken<BaseToken>;
-                bolder: PaintToken<BaseToken>;
-            };
-            warning: {
-                '[default]': PaintToken<BaseToken>;
-                inverse: PaintToken<BaseToken>;
-                bolder: PaintToken<BaseToken>;
-            };
-            success: {
-                '[default]': PaintToken<BaseToken>;
-                bolder: PaintToken<BaseToken>;
-            };
-            information: {
-                '[default]': PaintToken<BaseToken>;
-                bolder: PaintToken<BaseToken>;
-            };
-            discovery: {
-                '[default]': PaintToken<BaseToken>;
-                bolder: PaintToken<BaseToken>;
-            };
-            disabled: PaintToken<BaseToken>;
-        };
-        link: {
-            '[default]': PaintToken<BaseToken>;
-            pressed: PaintToken<BaseToken>;
-            visited: {
-                '[default]': PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-        };
-    };
-}
-export interface AccentColorTokenSchema<BaseToken> {
-    color: {
-        text: {
-            accent: {
-                blue: {
-                    '[default]': PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                red: {
-                    '[default]': PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                orange: {
-                    '[default]': PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                yellow: {
-                    '[default]': PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                green: {
-                    '[default]': PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                purple: {
-                    '[default]': PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                teal: {
-                    '[default]': PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                magenta: {
-                    '[default]': PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                lime: {
-                    '[default]': PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                gray: {
-                    '[default]': PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-            };
-        };
-        icon: {
-            accent: {
-                blue: PaintToken<BaseToken>;
-                red: PaintToken<BaseToken>;
-                orange: PaintToken<BaseToken>;
-                yellow: PaintToken<BaseToken>;
-                green: PaintToken<BaseToken>;
-                purple: PaintToken<BaseToken>;
-                teal: PaintToken<BaseToken>;
-                magenta: PaintToken<BaseToken>;
-                lime: PaintToken<BaseToken>;
-                gray: PaintToken<BaseToken>;
-            };
-        };
-        border: {
-            accent: {
-                blue: {
-                    '[default]': PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                };
-                red: {
-                    '[default]': PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                };
-                orange: {
-                    '[default]': PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                };
-                yellow: {
-                    '[default]': PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                };
-                green: {
-                    '[default]': PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                };
-                purple: {
-                    '[default]': PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                };
-                teal: {
-                    '[default]': PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                };
-                magenta: {
-                    '[default]': PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                };
-                lime: {
-                    '[default]': PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                };
-                gray: {
-                    '[default]': PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                };
-            };
-        };
-        background: {
-            accent: {
-                blue: {
-                    subtlest: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtler: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtle: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    bolder: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                };
-                red: {
-                    subtlest: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtler: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtle: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    bolder: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                };
-                orange: {
-                    subtlest: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtler: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtle: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    bolder: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                };
-                yellow: {
-                    subtlest: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtler: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtle: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    bolder: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                };
-                green: {
-                    subtlest: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtler: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtle: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    bolder: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                };
-                teal: {
-                    subtlest: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtler: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtle: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    bolder: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                };
-                purple: {
-                    subtlest: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtler: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtle: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    bolder: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                };
-                magenta: {
-                    subtlest: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtler: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtle: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    bolder: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                };
-                lime: {
-                    subtlest: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtler: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtle: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    bolder: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                };
-                gray: {
-                    subtlest: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtler: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    subtle: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                    bolder: {
-                        '[default]': PaintToken<BaseToken>;
-                        hovered: PaintToken<BaseToken>;
-                        pressed: PaintToken<BaseToken>;
-                    };
-                };
-            };
-        };
-    };
-}
-export interface InteractionColorTokenSchema<BaseToken> {
-    color: {
-        interaction: {
-            pressed: PaintToken<BaseToken>;
-            hovered: PaintToken<BaseToken>;
-        };
-    };
-}
-export interface SkeletonColorTokenSchema<BaseToken> {
-    color: {
-        skeleton: {
-            '[default]': PaintToken<BaseToken>;
-            subtle: PaintToken<BaseToken>;
-        };
-    };
-}
-export interface ChartColorTokenSchema<BaseToken> {
-    color: {
-        chart: {
-            brand: {
-                '[default]': PaintToken<BaseToken>;
-                hovered: PaintToken<BaseToken>;
-            };
-            neutral: {
-                '[default]': PaintToken<BaseToken>;
-                hovered: PaintToken<BaseToken>;
-            };
-            success: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            danger: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            warning: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            information: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            discovery: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            categorical: {
-                1: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                2: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                3: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                4: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                5: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                6: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                7: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                8: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            blue: {
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bolder: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                boldest: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            red: {
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bolder: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                boldest: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            orange: {
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bolder: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                boldest: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            yellow: {
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bolder: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                boldest: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            green: {
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bolder: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                boldest: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            lime: {
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bolder: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                boldest: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            teal: {
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bolder: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                boldest: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            purple: {
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bolder: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                boldest: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            magenta: {
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bolder: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                boldest: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-            gray: {
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                bolder: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-                boldest: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                };
-            };
-        };
-    };
-}
-export interface UtilTokenSchema<BaseToken> {
-    elevation: {
-        surface: {
-            current: PaintToken<BaseToken>;
-        };
-    };
-    UNSAFE: {
-        transparent: RawToken;
-        textTransformUppercase?: RawToken;
-    };
-}
-export interface SurfaceTokenSchema<BaseToken> {
-    elevation: {
-        surface: {
-            '[default]': {
-                '[default]': PaintToken<BaseToken>;
-                hovered: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            sunken: PaintToken<BaseToken>;
-            raised: {
-                '[default]': PaintToken<BaseToken>;
-                hovered: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            overlay: {
-                '[default]': PaintToken<BaseToken>;
-                hovered: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-        };
-    };
-}
-export interface ShadowTokenSchema<BaseToken> {
-    elevation: {
-        shadow: {
-            raised: ShadowToken<BaseToken>;
-            overflow: {
-                '[default]': ShadowToken<BaseToken>;
-                spread: PaintToken<BaseToken>;
-                perimeter: PaintToken<BaseToken>;
-            };
-            overlay: ShadowToken<BaseToken>;
-        };
-    };
-}
-export interface OpacityTokenSchema {
-    opacity: {
-        loading: OpacityToken;
-        disabled: OpacityToken;
-    };
-}
-export interface SpacingTokenSchema<BaseToken> {
-    space: {
-        '0': SpacingToken<BaseToken>;
-        '025': SpacingToken<BaseToken>;
-        '050': SpacingToken<BaseToken>;
-        '075': SpacingToken<BaseToken>;
-        '100': SpacingToken<BaseToken>;
-        '150': SpacingToken<BaseToken>;
-        '200': SpacingToken<BaseToken>;
-        '250': SpacingToken<BaseToken>;
-        '300': SpacingToken<BaseToken>;
-        '400': SpacingToken<BaseToken>;
-        '500': SpacingToken<BaseToken>;
-        '600': SpacingToken<BaseToken>;
-        '800': SpacingToken<BaseToken>;
-        '1000': SpacingToken<BaseToken>;
-        negative: {
-            '025': SpacingToken<BaseToken>;
-            '050': SpacingToken<BaseToken>;
-            '075': SpacingToken<BaseToken>;
-            '100': SpacingToken<BaseToken>;
-            '150': SpacingToken<BaseToken>;
-            '200': SpacingToken<BaseToken>;
-            '250': SpacingToken<BaseToken>;
-            '300': SpacingToken<BaseToken>;
-            '400': SpacingToken<BaseToken>;
-        };
-    };
-}
-/**
- * Typography tokens are complex multi-palette ouputs
- */
-export type TypographyToken<TPalette extends {
-    fontWeight: string;
-    fontSize: string;
-    lineHeight: string;
-    fontFamily: string;
-    letterSpacing: string;
-}> = TypographyDesignToken<{
-    fontStyle: 'normal';
-    fontWeight: TPalette['fontWeight'];
-    fontFamily: TPalette['fontFamily'];
-    fontSize: TPalette['fontSize'];
-    lineHeight: TPalette['lineHeight'];
-    letterSpacing: TPalette['letterSpacing'];
-}>;
-/**
- * The semantic interface for typography tokens
- */
-export interface TypographyTokenSchema<TPalette extends {
-    fontWeight: string;
-    fontSize: string;
-    lineHeight: string;
-    fontFamily: string;
-    letterSpacing: string;
-}> {
-    font: {
-        heading: {
-            xxlarge: TypographyToken<TPalette>;
-            xlarge: TypographyToken<TPalette>;
-            large: TypographyToken<TPalette>;
-            medium: TypographyToken<TPalette>;
-            small: TypographyToken<TPalette>;
-            xsmall: TypographyToken<TPalette>;
-            xxsmall: TypographyToken<TPalette>;
-        };
-        body: {
-            '[default]': TypographyToken<TPalette>;
-            small: TypographyToken<TPalette>;
-            large: TypographyToken<TPalette>;
-        };
-        code: {
-            '[default]': TypographyToken<TPalette>;
-        };
-        metric: {
-            large: TypographyToken<TPalette>;
-            medium: TypographyToken<TPalette>;
-            small: TypographyToken<TPalette>;
-        };
-    };
-}
-export interface ShapeTokenSchema<BaseToken> {
-    border: {
-        width: {
-            '[default]': ShapeToken<BaseToken>;
-            selected: ShapeToken<BaseToken>;
-            focused: ShapeToken<BaseToken>;
-        };
-    };
-    radius: {
-        xsmall: ShapeToken<BaseToken>;
-        small: ShapeToken<BaseToken>;
-        medium: ShapeToken<BaseToken>;
-        large: ShapeToken<BaseToken>;
-        xlarge: ShapeToken<BaseToken>;
-        xxlarge: ShapeToken<BaseToken>;
-        full: ShapeToken<BaseToken>;
-        tile: ShapeToken<BaseToken>;
-    };
-}
-/**
- * @private
- */
-export interface FontWeightTokenSchema<BaseToken> {
-    font: {
-        weight: {
-            regular: FontWeightToken<BaseToken>;
-            medium: FontWeightToken<BaseToken>;
-            semibold: FontWeightToken<BaseToken>;
-            bold: FontWeightToken<BaseToken>;
-        };
-    };
-}
-export interface FontFamilyTokenSchema<BaseToken> {
-    font: {
-        family: {
-            body: FontFamilyToken<BaseToken>;
-            heading: FontFamilyToken<BaseToken>;
-            brand: {
-                heading: FontFamilyToken<BaseToken>;
-                body: FontFamilyToken<BaseToken>;
-            };
-            code: FontFamilyToken<BaseToken>;
-        };
-    };
-}
-/**
- * The semantic interface for motion tokens
- */
-export interface MotionTokenSchema<BaseToken> {
-    motion: {
-        avatar: {
-            enter: MotionToken<BaseToken>;
-            exit: MotionToken<BaseToken>;
-            hovered: MotionToken<BaseToken>;
-        };
-        blanket: {
-            enter: MotionToken<BaseToken>;
-            exit: MotionToken<BaseToken>;
-        };
-        flag: {
-            enter: MotionToken<BaseToken>;
-            exit: MotionToken<BaseToken>;
-            reposition: MotionToken<BaseToken>;
-        };
-        modal: {
-            enter: MotionToken<BaseToken>;
-            exit: MotionToken<BaseToken>;
-        };
-        popup: {
-            enter: {
-                top: MotionToken<BaseToken>;
-                bottom: MotionToken<BaseToken>;
-                left: MotionToken<BaseToken>;
-                right: MotionToken<BaseToken>;
-            };
-            exit: {
-                top: MotionToken<BaseToken>;
-                bottom: MotionToken<BaseToken>;
-                left: MotionToken<BaseToken>;
-                right: MotionToken<BaseToken>;
-            };
-        };
-        spotlight: {
-            enter: MotionToken<BaseToken>;
-            exit: MotionToken<BaseToken>;
-        };
-    };
-}
-export interface MotionDurationTokenSchema<BaseToken> {
-    motion: {
-        duration: {
-            instant: MotionDurationToken<BaseToken>;
-            xxshort: MotionDurationToken<BaseToken>;
-            xshort: MotionDurationToken<BaseToken>;
-            short: MotionDurationToken<BaseToken>;
-            medium: MotionDurationToken<BaseToken>;
-            long: MotionDurationToken<BaseToken>;
-            xlong: MotionDurationToken<BaseToken>;
-            xxlong: MotionDurationToken<BaseToken>;
-        };
-    };
-}
-export interface MotionEasingTokenSchema<BaseToken> {
-    motion: {
-        easing: {
-            out: {
-                bold: MotionEasingToken<BaseToken>;
-                practical: MotionEasingToken<BaseToken>;
-            };
-            in: {
-                practical: MotionEasingToken<BaseToken>;
-            };
-            inout: {
-                bold: MotionEasingToken<BaseToken>;
-            };
-            spring: MotionEasingToken<BaseToken>;
-        };
-    };
-}
-export interface MotionKeyframeTokenSchema<BaseToken> {
-    motion: {
-        keyframe: {
-            scale: {
-                in: {
-                    small: MotionKeyframeToken<BaseToken>;
-                    medium: MotionKeyframeToken<BaseToken>;
-                };
-                out: {
-                    small: MotionKeyframeToken<BaseToken>;
-                    medium: MotionKeyframeToken<BaseToken>;
-                };
-            };
-            fade: {
-                in: MotionKeyframeToken<BaseToken>;
-                out: MotionKeyframeToken<BaseToken>;
-            };
-            slide: {
-                in: {
-                    top: {
-                        short: MotionKeyframeToken<BaseToken>;
-                    };
-                    bottom: {
-                        short: MotionKeyframeToken<BaseToken>;
-                    };
-                    left: {
-                        short: MotionKeyframeToken<BaseToken>;
-                        half: MotionKeyframeToken<BaseToken>;
-                    };
-                    right: {
-                        short: MotionKeyframeToken<BaseToken>;
-                    };
-                };
-                out: {
-                    top: {
-                        short: MotionKeyframeToken<BaseToken>;
-                    };
-                    bottom: {
-                        short: MotionKeyframeToken<BaseToken>;
-                    };
-                    left: {
-                        short: MotionKeyframeToken<BaseToken>;
-                        half: MotionKeyframeToken<BaseToken>;
-                    };
-                    right: {
-                        short: MotionKeyframeToken<BaseToken>;
-                    };
-                };
-            };
-        };
-    };
-}
-export {};