export interface CommonComponentProps {
    'aria-label'?: string;
    'aria-labelledby'?: string;
    'aria-describedby'?: string;
}
export type Spacing = 'none' | '0.25' | '0.5' | '0.75' | '1' | '1.25' | '1.5' | '2' | '3' | '4';
export type Margin = Spacing | 'auto';
export type MarginModifierProp = {
    margin?: Margin | {
        all?: Margin;
        horizontal?: Margin;
        vertical?: Margin;
        top?: Margin;
        right?: Margin;
        bottom?: Margin;
        left?: Margin;
    };
};
export type Padding = Spacing | 'auto';
export type PaddingModifierProp = {
    padding?: Padding | {
        all?: Padding;
        horizontal?: Padding;
        vertical?: Padding;
        top?: Padding;
        right?: Padding;
        bottom?: Padding;
        left?: Padding;
    };
};
export interface ModifierClassProp {
    _modifierClass?: string;
}
export type Colors = 'none' | 'alert-light' | 'alert' | 'alert-dark' | 'alert-darkest' | 'archive-light' | 'archive' | 'archive-dark' | 'archive-darkest' | 'black' | 'close-light' | 'close' | 'close-darkest' | 'close-dark' | 'coachmark-light' | 'coachmark' | 'coachmark-dark' | 'coachmark-darkest' | 'dscout-light' | 'dscout' | 'dscout-dark' | 'dscout-darkest' | 'gray-1' | 'gray-2' | 'gray-3' | 'gray-4' | 'gray-5' | 'gray-6' | 'invert' | 'main' | 'marker-light' | 'marker' | 'marker-dark' | 'marker-darkest' | 'note-light' | 'note' | 'note-dark' | 'note-darkest' | 'success-light' | 'success' | 'success-dark' | 'success-darkest' | 'test-light' | 'test' | 'test-dark' | 'test-darkest' | 'white' | 'part-0' | 'part-1' | 'part-2' | 'part-3' | 'part-4' | 'part-5' | 'part-6' | 'part-7' | 'part-8' | 'part-9' | 'gray-25' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-500' | 'gray-800' | 'green-100' | 'green-300' | 'green-500' | 'green-600' | 'green-700' | 'green-900' | 'green-925' | 'green-950' | 'red-50' | 'red-100' | 'red-300' | 'red-500' | 'red-600' | 'red-700' | 'purple-100' | 'purple-300' | 'purple-500' | 'purple-600' | 'purple-700' | 'blue-50' | 'blue-100' | 'blue-300' | 'blue-500' | 'blue-600' | 'blue-700' | 'sea-100' | 'sea-300' | 'sea-500' | 'sea-600' | 'sea-700' | 'sky-100' | 'sky-300' | 'sky-500' | 'sky-600' | 'sky-700' | 'caribbean-100' | 'caribbean-300' | 'caribbean-500' | 'caribbean-600' | 'caribbean-700' | 'amethyst-100' | 'amethyst-300' | 'amethyst-500' | 'amethyst-600' | 'amethyst-700' | 'rose-100' | 'rose-300' | 'rose-500' | 'rose-600' | 'rose-700' | 'tomato-100' | 'tomato-300' | 'tomato-500' | 'tomato-600' | 'tomato-700' | 'gold-100' | 'gold-300' | 'gold-500' | 'gold-600' | 'gold-700' | 'sand-100' | 'sand-300' | 'sand-500' | 'sand-600' | 'sand-700' | 'jungle-100' | 'jungle-300' | 'jungle-500' | 'jungle-600' | 'jungle-700' | 'lime-100' | 'lime-300' | 'lime-500' | 'lime-600' | 'lime-700' | 'ai-purple-50' | 'ai-purple-100' | 'ai-purple-300' | 'ai-purple-500' | 'ai-purple-600' | 'ai-purple-700' | 'ai-pink-50' | 'ai-pink-100' | 'ai-pink-300' | 'ai-pink-500' | 'ai-pink-600' | 'ai-pink-700' | 'ai-pink-800';
export type Gradients = 'ai-light-a' | 'ai-a' | 'ai-reverse-a' | 'ai-light-b' | 'ai-b';
export type Dimensions = 'auto' | 'none' | '0.25' | '0.5' | '0.75' | '1' | '1.25' | '1.5' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '10' | '12' | '14' | '16' | '18' | '20' | '22' | '24' | '26' | '28' | '30' | '32' | '36' | '40' | '48' | '60' | '10%' | '20%' | '30%' | '40%' | '50%' | '60%' | '70%' | '80%' | '90%' | '100%' | '100-vh';
export type Radii = 'tiny' | 'small' | 'med' | 'large' | 'extra-large' | 'huge' | 'circle' | 'pill';
export type Shadows = 'none' | 's' | 'm' | 'l' | 'xl';
export type TypeSizes = 'xxs' | 'xs' | 's' | 'base' | 'l' | 'xl' | 'xxl' | 'xxxl' | 'subheadline' | 'headline';
export type FontWeights = 'normal' | 'semibold' | 'bold' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
export type LineHeights = 'copy' | 'solid' | 'title' | 'loose';
export type Tracking = 'mega' | 'loose' | 'looser' | 'tight' | 'tighter';