export type BrandVariant = 'brand_1' | 'irepo' | 'blue' | 'vivid_blue'; export type ThemeMode = 'light' | 'dark'; export interface BrandColorScale { 10: string; 20: string; 30: string; 40: string; 50: string; 60: string; 70: string; 80: string; 90: string; 100: string; 110: string; 120: string; 130: string; 140: string; 150: string; 160: string; } export interface TypographyTokens { fontFamily: { base: string; monospace: string; numeric: string; inter: string; }; lineHeight: { 100: number; 200: number; 300: number; 400: number; 500: number; 600: number; 700: number; 800: number; 900: number; 1000: number; }; fontSize: { 100: number; 200: number; 300: number; 400: number; 500: number; 600: number; 700: number; 800: number; 900: number; 1000: number; }; fontWeight: { regular: number; medium: number; semibold: number; bold: number; semilight: number; light: number; }; } export interface ColorTokens { neutral: { black: string; white: string; grey: { [key: number]: string; }; }; alpha: { white: { [key: number]: string; }; black: { [key: number]: string; }; }; brand: BrandColorScale; } export interface SpacingTokens { none: number; xxs: number; xs: number; sNudge: number; s: number; mNudge: number; m: number; l: number; xl: number; xxl: number; xxxl: number; } export interface CornerRadiusTokens { none: number; small: number; medium: number; large: number; xLarge: number; circular: number; } export interface StrokeWidthTokens { none: number; thin: number; thick: number; thicker: number; thickest: number; } export interface CardPaddingTokens { small: { horizontal: number; vertical: number; gap: number; cornerRadius: number; }; medium: { horizontal: number; vertical: number; gap: number; cornerRadius: number; }; large: { horizontal: number; vertical: number; gap: number; cornerRadius: number; }; } export interface DesignTokens { colors: ColorTokens; typography: TypographyTokens; spacing: SpacingTokens; cornerRadius: CornerRadiusTokens; strokeWidth: StrokeWidthTokens; cardPadding: CardPaddingTokens; } export interface SharedColorPalette { darkRed: ColorShade; burgundy: ColorShade; cranberry: ColorShade; red: ColorShade; darkOrange: ColorShade; bronze: ColorShade; pumpkin: ColorShade; orange: ColorShade; peach: ColorShade; marigold: ColorShade; yellow: ColorShade; gold: ColorShade; brass: ColorShade; brown: ColorShade; darkBrown: ColorShade; lime: ColorShade; forest: ColorShade; seafoam: ColorShade; lightGreen: ColorShade; green: ColorShade; darkGreen: ColorShade; lightTeal: ColorShade; teal: ColorShade; darkTeal: ColorShade; cyan: ColorShade; steel: ColorShade; lightBlue: ColorShade; blue: ColorShade; royalBlue: ColorShade; darkBlue: ColorShade; cornflower: ColorShade; navy: ColorShade; lavender: ColorShade; purple: ColorShade; darkPurple: ColorShade; orchid: ColorShade; grape: ColorShade; berry: ColorShade; lilac: ColorShade; pink: ColorShade; hotPink: ColorShade; magenta: ColorShade; plum: ColorShade; beige: ColorShade; mink: ColorShade; silver: ColorShade; platinum: ColorShade; anchor: ColorShade; charcoal: ColorShade; } export interface ColorShade { shade50: string; shade40: string; shade30: string; shade20: string; shade10: string; primary: string; tint10: string; tint20: string; tint30: string; tint40: string; tint50: string; tint60: string; } //# sourceMappingURL=types.d.ts.map