@atlaskit/tokens 0.10.35 → 0.11.1

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

@@ -1,798 +0,0 @@
-import { InternalTokenIds } from './artifacts/types-internal';
-export declare type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'scale';
-export declare type ActiveTokenState = 'active';
-export declare type DeprecatedTokenState = 'deprecated';
-export declare type DeletedTokenState = 'deleted';
-export declare type ExperimentalTokenState = 'experimental';
-export declare type TokenState = ActiveTokenState | DeprecatedTokenState | DeletedTokenState | ExperimentalTokenState;
-export declare type Replacement = InternalTokenIds | InternalTokenIds[];
-export declare type ExperimentalReplacement = InternalTokenIds | InternalTokenIds[] | string;
-export declare type PaletteCategory = 'blue' | 'purple' | 'red' | 'magenta' | 'orange' | 'yellow' | 'green' | 'teal' | 'light mode neutral' | 'dark mode neutral';
-export declare type ValueCategory = 'opacity';
-export 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[];
-    };
-}
-declare type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
-declare type Id<T> = {} & {
-    [P in keyof T]: T[P];
-};
-declare type DeepOmit<T extends any, K extends PropertyKey> = Omit<{
-    [P in keyof T]: OmitDistributive<T[P], K>;
-}, K>;
-export declare type ValueSchema<Schema extends object> = DeepOmit<Schema, 'attributes'>;
-export declare type AttributeSchema<Schema extends object> = DeepOmit<Schema, 'value'>;
-export interface PaletteToken extends BaseToken<string, 'palette'> {
-    attributes: {
-        group: 'palette';
-        category: PaletteCategory;
-    };
-}
-export interface ValueToken extends BaseToken<number, 'palette'> {
-    attributes: {
-        group: 'palette';
-        category: ValueCategory;
-    };
-}
-export declare type PaintToken<BaseToken> = DesignToken<BaseToken, 'paint'>;
-export declare type ShadowToken<BaseToken> = DesignToken<Array<{
-    color: BaseToken;
-    opacity: number;
-    offset: {
-        x: number;
-        y: number;
-    };
-    radius: number;
-    spread?: number;
-    inset?: boolean;
-}>, 'shadow'>;
-export declare type OpacityToken = DesignToken<string, 'opacity'>;
-export declare type SpacingToken<BaseToken> = DesignToken<BaseToken, 'spacing'>;
-export declare type RawToken = DesignToken<string, 'raw'>;
-export interface ScaleToken extends BaseToken<string, 'scale'> {
-    attributes: {
-        group: 'scale';
-    };
-}
-export interface PaletteColorTokenSchema<PaletteValues extends string> {
-    value: {
-        opacity: {
-            Opacity20: ValueToken;
-            Opacity40: ValueToken;
-        };
-    };
-    color: {
-        palette: Record<PaletteValues, PaletteToken>;
-    };
-}
-export interface SpacingScaleTokenSchema<ScaleValues extends string> {
-    spacing: {
-        scale: Record<ScaleValues, ScaleToken>;
-    };
-}
-export interface BackgroundColorTokenSchema<BaseToken> {
-    color: {
-        blanket: {
-            '[default]': PaintToken<BaseToken>;
-            selected: PaintToken<BaseToken>;
-            danger: 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: {
-                bold: {
-                    '[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>;
-                };
-            };
-            warning: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-            };
-            success: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-            };
-            discovery: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-            };
-            information: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-                bold: {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: 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: PaintToken<BaseToken>;
-            warning: PaintToken<BaseToken>;
-            success: PaintToken<BaseToken>;
-            discovery: PaintToken<BaseToken>;
-            information: PaintToken<BaseToken>;
-        };
-    };
-}
-export interface IconColorTokenSchema<BaseToken> {
-    color: {
-        icon: {
-            '[default]': PaintToken<BaseToken>;
-            subtle: 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: PaintToken<BaseToken>;
-            warning: {
-                '[default]': PaintToken<BaseToken>;
-                inverse: PaintToken<BaseToken>;
-            };
-            success: PaintToken<BaseToken>;
-            information: PaintToken<BaseToken>;
-            discovery: PaintToken<BaseToken>;
-            disabled: PaintToken<BaseToken>;
-        };
-        link: {
-            '[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>;
-                };
-                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>;
-                gray: PaintToken<BaseToken>;
-            };
-        };
-        border: {
-            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>;
-                gray: PaintToken<BaseToken>;
-            };
-        };
-        background: {
-            accent: {
-                blue: {
-                    subtlest: PaintToken<BaseToken>;
-                    subtler: PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                red: {
-                    subtlest: PaintToken<BaseToken>;
-                    subtler: PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                orange: {
-                    subtlest: PaintToken<BaseToken>;
-                    subtler: PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                yellow: {
-                    subtlest: PaintToken<BaseToken>;
-                    subtler: PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                green: {
-                    subtlest: PaintToken<BaseToken>;
-                    subtler: PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                teal: {
-                    subtlest: PaintToken<BaseToken>;
-                    subtler: PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                purple: {
-                    subtlest: PaintToken<BaseToken>;
-                    subtler: PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                magenta: {
-                    subtlest: PaintToken<BaseToken>;
-                    subtler: PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                    bolder: PaintToken<BaseToken>;
-                };
-                gray: {
-                    subtlest: PaintToken<BaseToken>;
-                    subtler: PaintToken<BaseToken>;
-                    subtle: PaintToken<BaseToken>;
-                    bolder: 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 UtilTokenSchema<BaseToken> {
-    UNSAFE_util: {
-        transparent: RawToken;
-        MISSING_TOKEN: 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 DeprecatedTokenSchema<BaseToken> {
-    color: {
-        accent: {
-            boldBlue: PaintToken<BaseToken>;
-            boldGreen: PaintToken<BaseToken>;
-            boldOrange: PaintToken<BaseToken>;
-            boldPurple: PaintToken<BaseToken>;
-            boldRed: PaintToken<BaseToken>;
-            boldTeal: PaintToken<BaseToken>;
-            subtleBlue: PaintToken<BaseToken>;
-            subtleRed: PaintToken<BaseToken>;
-            subtleGreen: PaintToken<BaseToken>;
-            subtleOrange: PaintToken<BaseToken>;
-            subtleTeal: PaintToken<BaseToken>;
-            subtlePurple: PaintToken<BaseToken>;
-            subtleMagenta: PaintToken<BaseToken>;
-        };
-        background: {
-            accent: {
-                blue: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                red: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                orange: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                yellow: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                green: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                teal: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                purple: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-                magenta: {
-                    '[default]': PaintToken<BaseToken>;
-                    bold: PaintToken<BaseToken>;
-                };
-            };
-            default: PaintToken<BaseToken>;
-            sunken: PaintToken<BaseToken>;
-            card: PaintToken<BaseToken>;
-            inverse: {
-                '[default]': PaintToken<BaseToken>;
-            };
-            overlay: PaintToken<BaseToken>;
-            selected: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-            };
-            blanket: PaintToken<BaseToken>;
-            brand: {
-                '[default]': {
-                    '[default]': PaintToken<BaseToken>;
-                    hovered: PaintToken<BaseToken>;
-                    pressed: PaintToken<BaseToken>;
-                };
-            };
-            boldBrand: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleBrand: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            boldDanger: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleDanger: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            boldWarning: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleWarning: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            boldSuccess: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleSuccess: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            boldDiscovery: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleDiscovery: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            boldNeutral: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            transparentNeutral: {
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleNeutral: {
-                resting: PaintToken<BaseToken>;
-                hover: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-            subtleBorderedNeutral: {
-                resting: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-        };
-        border: {
-            focus: PaintToken<BaseToken>;
-            neutral: PaintToken<BaseToken>;
-        };
-        iconBorder: {
-            brand: PaintToken<BaseToken>;
-            danger: PaintToken<BaseToken>;
-            warning: PaintToken<BaseToken>;
-            success: PaintToken<BaseToken>;
-            discovery: PaintToken<BaseToken>;
-        };
-        text: {
-            highEmphasis: PaintToken<BaseToken>;
-            mediumEmphasis: PaintToken<BaseToken>;
-            lowEmphasis: PaintToken<BaseToken>;
-            onBold: PaintToken<BaseToken>;
-            onBoldWarning: PaintToken<BaseToken>;
-            link: {
-                resting: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-        };
-        overlay: {
-            pressed: PaintToken<BaseToken>;
-            hover: PaintToken<BaseToken>;
-        };
-        interaction: {
-            inverse: {
-                hovered: PaintToken<BaseToken>;
-                pressed: PaintToken<BaseToken>;
-            };
-        };
-    };
-    shadow: {
-        card: ShadowToken<BaseToken>;
-        overlay: ShadowToken<BaseToken>;
-    };
-}
-export declare type ElevationTokenSchema<BaseToken> = SurfaceTokenSchema<BaseToken> & ShadowTokenSchema<BaseToken>;
-export declare type ColorTokenSchema<BaseToken> = BackgroundColorTokenSchema<BaseToken> & BorderColorTokenSchema<BaseToken> & IconColorTokenSchema<BaseToken> & TextColorTokenSchema<BaseToken> & AccentColorTokenSchema<BaseToken> & UtilTokenSchema<BaseToken>;
-export declare type TokenSchema<BaseToken> = ColorTokenSchema<BaseToken> & ElevationTokenSchema<BaseToken>;
-export interface SpacingTokenSchema<BaseToken> {
-    spacing: {
-        scale: {
-            '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>;
-        };
-        scaleLinear: {
-            '0': SpacingToken<BaseToken>;
-            '100': SpacingToken<BaseToken>;
-            '200': SpacingToken<BaseToken>;
-            '300': SpacingToken<BaseToken>;
-            '400': SpacingToken<BaseToken>;
-            '500': SpacingToken<BaseToken>;
-            '600': SpacingToken<BaseToken>;
-            '700': SpacingToken<BaseToken>;
-            '800': SpacingToken<BaseToken>;
-            '900': SpacingToken<BaseToken>;
-            '1000': SpacingToken<BaseToken>;
-            '1100': SpacingToken<BaseToken>;
-        };
-        pixel: {
-            '0': SpacingToken<BaseToken>;
-            '2': SpacingToken<BaseToken>;
-            '4': SpacingToken<BaseToken>;
-            '6': SpacingToken<BaseToken>;
-            '8': SpacingToken<BaseToken>;
-            '12': SpacingToken<BaseToken>;
-            '16': SpacingToken<BaseToken>;
-            '20': SpacingToken<BaseToken>;
-            '24': SpacingToken<BaseToken>;
-            '32': SpacingToken<BaseToken>;
-            '40': SpacingToken<BaseToken>;
-            '48': SpacingToken<BaseToken>;
-        };
-        size: {
-            none: SpacingToken<BaseToken>;
-            xxxxSmall: SpacingToken<BaseToken>;
-            xxxSmall: SpacingToken<BaseToken>;
-            xxSmall: SpacingToken<BaseToken>;
-            xsmall: SpacingToken<BaseToken>;
-            small: SpacingToken<BaseToken>;
-            medium: SpacingToken<BaseToken>;
-            large: SpacingToken<BaseToken>;
-            xlarge: SpacingToken<BaseToken>;
-            xxlarge: SpacingToken<BaseToken>;
-            xxxlarge: SpacingToken<BaseToken>;
-            xxxxlarge: SpacingToken<BaseToken>;
-        };
-        ecl: {
-            element: {
-                '2': SpacingToken<BaseToken>;
-                '4': SpacingToken<BaseToken>;
-                '6': SpacingToken<BaseToken>;
-                '8': SpacingToken<BaseToken>;
-            };
-            container: {
-                '12': SpacingToken<BaseToken>;
-                '16': SpacingToken<BaseToken>;
-                '20': SpacingToken<BaseToken>;
-                '24': SpacingToken<BaseToken>;
-            };
-            layout: {
-                '32': SpacingToken<BaseToken>;
-                '40': SpacingToken<BaseToken>;
-                '64': SpacingToken<BaseToken>;
-            };
-        };
-        ccc: {
-            component: {
-                '2': SpacingToken<BaseToken>;
-                '4': SpacingToken<BaseToken>;
-                '6': SpacingToken<BaseToken>;
-                '8': SpacingToken<BaseToken>;
-            };
-            content: {
-                '12': SpacingToken<BaseToken>;
-                '16': SpacingToken<BaseToken>;
-                '20': SpacingToken<BaseToken>;
-                '24': SpacingToken<BaseToken>;
-            };
-            container: {
-                '32': SpacingToken<BaseToken>;
-                '40': SpacingToken<BaseToken>;
-                '48': SpacingToken<BaseToken>;
-            };
-        };
-        gap: {
-            100: {
-                value: 'Space100';
-            };
-            200: {
-                value: 'Space200';
-            };
-            300: {
-                value: 'Space300';
-            };
-        };
-        inset: {
-            100: {
-                value: 'Space100';
-            };
-            200: {
-                value: 'Space200';
-            };
-            300: {
-                value: 'Space300';
-            };
-        };
-    };
-}
-export {};