import { typography, spacing, cornerRadius, brandPalettes, neutralColors, sharedColors, cardPadding } from './tokens'; import { figmaGlobalValues, figmaThemeDark, figmaThemeLight } from './figma-theme.generated'; import type { BrandVariant, ThemeMode } from './types'; /** * Convert design tokens to CSS custom properties */ export declare function generateCSSVariables(brand?: BrandVariant): string; /** * Get a specific spacing value */ export declare function getSpacing(size: keyof typeof spacing): number; /** * Get a specific corner radius value */ export declare function getCornerRadius(size: keyof typeof cornerRadius): number; /** * Get a specific font size value */ export declare function getFontSize(size: keyof typeof typography.fontSize): number; /** * Get a specific line height value */ export declare function getLineHeight(size: keyof typeof typography.lineHeight): number; /** * Get a specific font weight value */ export declare function getFontWeight(weight: keyof typeof typography.fontWeight): number; /** * Get card padding for a specific size */ export declare function getCardPadding(size: keyof typeof cardPadding): { horizontal: number; vertical: number; gap: number; cornerRadius: number; } | { horizontal: number; vertical: number; gap: number; cornerRadius: number; } | { horizontal: number; vertical: number; gap: number; cornerRadius: number; }; /** * Get a brand color by scale */ export declare function getBrandColor(brand: BrandVariant, scale: keyof typeof brandPalettes.brand_1): string; /** * Get a neutral grey color by scale */ export declare function getNeutralGrey(scale: keyof typeof neutralColors.grey): string; /** * Get a shared color palette */ export declare function getSharedColor(colorName: keyof typeof sharedColors, shade: keyof (typeof sharedColors)['blue']): string; /** * Resolve a Figma-generated theme token for the requested mode and brand. */ export declare function resolveFigmaThemeToken(key: Key, mode: ThemeMode, brand?: BrandVariant): string; /** * Retrieve the full set of Figma theme variables (still containing any brand references). */ export declare function getFigmaThemeVariables(mode: ThemeMode): { readonly brandBackground1Hover: "var(--brand-70)"; readonly brandBackground1Pressed: "var(--brand-40)"; readonly brandBackground1Rest: "var(--brand-80)"; readonly brandBackground1Selected: "var(--brand-60)"; readonly brandBackground2Hover: "var(--brand-150)"; readonly brandBackground2Pressed: "var(--brand-130)"; readonly brandBackground2Rest: "var(--brand-160)"; readonly brandBackgroundCompoundHover: "var(--brand-70)"; readonly brandBackgroundCompoundPressed: "var(--brand-60)"; readonly brandBackgroundCompoundRest: "var(--brand-80)"; readonly brandBackgroundInvertedHover: "var(--brand-160)"; readonly brandBackgroundInvertedPressed: "var(--brand-140)"; readonly brandBackgroundInvertedRest: "#ffffff"; readonly brandBackgroundInvertedSelected: "var(--brand-150)"; readonly brandBackgroundStaticRest: "var(--brand-80)"; readonly brandForeground1Rest: "var(--brand-80)"; readonly brandForeground2Hover: "var(--brand-60)"; readonly brandForeground2Pressed: "var(--brand-30)"; readonly brandForeground2Rest: "var(--brand-70)"; readonly brandForegroundCompoundHover: "var(--brand-70)"; readonly brandForegroundCompoundPressed: "var(--brand-60)"; readonly brandForegroundCompoundRest: "var(--brand-80)"; readonly brandForegroundInvertedHover: "var(--brand-110)"; readonly brandForegroundInvertedPressed: "var(--brand-100)"; readonly brandForegroundInvertedRest: "var(--brand-100)"; readonly brandForegroundLinkHover: "var(--brand-60)"; readonly brandForegroundLinkPressed: "var(--brand-40)"; readonly brandForegroundLinkRest: "var(--brand-70)"; readonly brandForegroundLinkSelected: "var(--brand-70)"; readonly brandForegroundOnLightHover: "var(--brand-70)"; readonly brandForegroundOnLightPressed: "var(--brand-50)"; readonly brandForegroundOnLightRest: "var(--brand-80)"; readonly brandForegroundOnLightSelected: "var(--brand-60)"; readonly brandStroke1Rest: "var(--brand-80)"; readonly brandStroke2ContrastRest: "var(--brand-140)"; readonly brandStroke2Hover: "var(--brand-120)"; readonly brandStroke2Pressed: "var(--brand-80)"; readonly brandStroke2Rest: "var(--brand-140)"; readonly brandStrokeCompoundHover: "var(--brand-70)"; readonly brandStrokeCompoundPressed: "var(--brand-60)"; readonly brandStrokeCompoundRest: "var(--brand-80)"; readonly controlLogicThemeSwitch: "Light"; readonly neutralBackground1Hover: "var(--neutral-background-1-rest)"; readonly neutralBackground1Pressed: "var(--brand-10)"; readonly neutralBackground1Rest: "#ffffff"; readonly neutralBackground1Selected: "#e0e0e0"; readonly neutralBackground2Hover: "#f0f0f0"; readonly neutralBackground2Pressed: "#dbdbdb"; readonly neutralBackground2Rest: "#fafafa"; readonly neutralBackground2Selected: "#e6e6e6"; readonly neutralBackground3Hover: "#ebebeb"; readonly neutralBackground3Pressed: "#d6d6d6"; readonly neutralBackground3Rest: "#f5f5f5"; readonly neutralBackground3Selected: "#e0e0e0"; readonly neutralBackground4Hover: "#fafafa"; readonly neutralBackground4Pressed: "#f5f5f5"; readonly neutralBackground4Rest: "#f0f0f0"; readonly neutralBackground4Selected: "#ffffff"; readonly neutralBackground5Hover: "#f5f5f5"; readonly neutralBackground5Pressed: "#f0f0f0"; readonly neutralBackground5Rest: "#ebebeb"; readonly neutralBackground5Selected: "#fafafa"; readonly neutralBackground6Rest: "#e6e6e6"; readonly neutralBackgroundAlpha1Rest: "#ffffff"; readonly neutralBackgroundAlpha2Rest: "#ffffff"; readonly neutralBackgroundDisabledRest: "#f0f0f0"; readonly neutralBackgroundInvertedDisabledRest: "#ffffff"; readonly neutralBackgroundInvertedRest: "#292929"; readonly neutralBackgroundOverlayRest: "#000000"; readonly neutralBackgroundOverlayScrollbarRest: "#000000"; readonly neutralBackgroundStaticRest: "#333333"; readonly neutralBackgroundStencil1Rest: "#e6e6e6"; readonly neutralBackgroundStencil2Rest: "#fafafa"; readonly neutralBackgroundSubtleHover: "#f5f5f5"; readonly neutralBackgroundSubtleInvertedHover: "#000000"; readonly neutralBackgroundSubtleInvertedPressed: "#000000"; readonly neutralBackgroundSubtleInvertedRest: "#000000"; readonly neutralBackgroundSubtleInvertedSelected: "#000000"; readonly neutralBackgroundSubtleLightAlphaHover: "#ffffff"; readonly neutralBackgroundSubtleLightAlphaPressed: "#ffffff"; readonly neutralBackgroundSubtleLightAlphaSelected: "#ffffff"; readonly neutralBackgroundSubtlePressed: "#e0e0e0"; readonly neutralBackgroundSubtleRest: "#ffffff"; readonly neutralBackgroundSubtleSelected: "#ebebeb"; readonly neutralBackgroundTransparentHover: "#ffffff"; readonly neutralBackgroundTransparentPressed: "#ffffff"; readonly neutralBackgroundTransparentRest: "#ffffff"; readonly neutralBackgroundTransparentSelected: "#ffffff"; readonly neutralForeground1Hover: "#242424"; readonly neutralForeground1Pressed: "#242424"; readonly neutralForeground1Rest: "#242424"; readonly neutralForeground1Selected: "#242424"; readonly neutralForeground2BrandHover: "var(--brand-80)"; readonly neutralForeground2BrandPressed: "var(--brand-70)"; readonly neutralForeground2BrandSelected: "var(--brand-80)"; readonly neutralForeground2Hover: "#242424"; readonly neutralForeground2LinkHover: "#242424"; readonly neutralForeground2LinkPressed: "#242424"; readonly neutralForeground2LinkRest: "#424242"; readonly neutralForeground2LinkSelected: "#242424"; readonly neutralForeground2Pressed: "#242424"; readonly neutralForeground2Rest: "#424242"; readonly neutralForeground2Selected: "#242424"; readonly neutralForeground3BrandHover: "var(--brand-80)"; readonly neutralForeground3BrandPressed: "var(--brand-70)"; readonly neutralForeground3BrandSelected: "var(--brand-80)"; readonly neutralForeground3Hover: "#424242"; readonly neutralForeground3Pressed: "#424242"; readonly neutralForeground3Rest: "#616161"; readonly neutralForeground3Selected: "#424242"; readonly neutralForeground4Rest: "#707070"; readonly neutralForegroundDisabledRest: "#bdbdbd"; readonly neutralForegroundInverted1Hover: "#ffffff"; readonly neutralForegroundInverted1Pressed: "#ffffff"; readonly neutralForegroundInverted1Rest: "#ffffff"; readonly neutralForegroundInverted1Selected: "#ffffff"; readonly neutralForegroundInverted2Rest: "#ffffff"; readonly neutralForegroundInvertedDisabledRest: "#ffffff"; readonly neutralForegroundInvertedLinkHover: "#ffffff"; readonly neutralForegroundInvertedLinkPressed: "#ffffff"; readonly neutralForegroundInvertedLinkRest: "#ffffff"; readonly neutralForegroundInvertedLinkSelected: "#ffffff"; readonly neutralForegroundOnBrandRest: "#ffffff"; readonly neutralForegroundStaticInvertedRest: "#ffffff"; readonly neutralForegroundStaticRest: "#242424"; readonly neutralStroke1Hover: "#c7c7c7"; readonly neutralStroke1Pressed: "#b3b3b3"; readonly neutralStroke1Rest: "#d1d1d1"; readonly neutralStroke1Selected: "#bdbdbd"; readonly neutralStroke2Rest: "#e0e0e0"; readonly neutralStroke3Rest: "#f0f0f0"; readonly neutralStrokeAccessibleHover: "#575757"; readonly neutralStrokeAccessiblePressed: "#4d4d4d"; readonly neutralStrokeAccessibleRest: "#616161"; readonly neutralStrokeAccessibleSelected: "var(--brand-80)"; readonly neutralStrokeAlpha1Rest: "#000000"; readonly neutralStrokeAlpha2Rest: "#ffffff"; readonly neutralStrokeDisabledInvertedRest: "#ffffff"; readonly neutralStrokeDisabledRest: "#e0e0e0"; readonly neutralStrokeFocus1Rest: "#ffffff"; readonly neutralStrokeFocus2Rest: "#000000"; readonly neutralStrokeOnBrand21Rest: "#ffffff"; readonly neutralStrokeOnBrand2Hover: "#ffffff"; readonly neutralStrokeOnBrand2Pressed: "#ffffff"; readonly neutralStrokeOnBrand2Rest: "#ffffff"; readonly neutralStrokeOnBrand2Selected: "#ffffff"; readonly neutralStrokeSubtleRest: "#e0e0e0"; readonly neutralStrokeTransparentDisabledRest: "#ffffff"; readonly neutralStrokeTransparentInteractiveRest: "#ffffff"; readonly neutralStrokeTransparentRest: "#ffffff"; readonly shadowAmbient: "#000000"; readonly shadowAmbientDarker: "#000000"; readonly shadowAmbientLighter: "#000000"; readonly shadowBrandAmbient: "#000000"; readonly shadowBrandKey: "#000000"; readonly shadowKey: "#000000"; readonly shadowKeyDarker: "#000000"; readonly shadowKeyLighter: "#000000"; readonly statusAvailableForeground3Rest: "#13a10e"; readonly statusAwayBackground3Rest: "#eaa300"; readonly statusDangerBackground1Rest: "#fdf3f4"; readonly statusDangerBackground3Rest: "#c50f1f"; readonly statusDangerForeground1Rest: "#b10e1c"; readonly statusDangerForeground3Rest: "#c50f1f"; readonly statusDangerStroke1Rest: "#eeacb2"; readonly statusDangerStroke2Rest: "#c50f1f"; readonly statusGenericAnchorBackground2Rest: "#bcc3c7"; readonly statusGenericAnchorForeground2Rest: "#202427"; readonly statusGenericAnchorStrokeActiveRest: "#394146"; readonly statusGenericBeigeBackground2Rest: "#d7d4d4"; readonly statusGenericBeigeForeground2Rest: "#444241"; readonly statusGenericBeigeStrokeActiveRest: "#7a7574"; readonly statusGenericBlueBackground2Rest: "#a9d3f2"; readonly statusGenericBlueForeground2Rest: "#004377"; readonly statusGenericBlueStrokeActiveRest: "#0078d4"; readonly statusGenericBrassBackground2Rest: "#e0cea2"; readonly statusGenericBrassForeground2Rest: "#553e06"; readonly statusGenericBrassStrokeActiveRest: "#986f0b"; readonly statusGenericBrownBackground2Rest: "#ddc3b0"; readonly statusGenericBrownForeground2Rest: "#50301a"; readonly statusGenericBrownStrokeActiveRest: "#8e562e"; readonly statusGenericCornflowerBackground2Rest: "#c8d1fa"; readonly statusGenericCornflowerForeground2Rest: "#2c3c85"; readonly statusGenericCornflowerStrokeActiveRest: "#4f6bed"; readonly statusGenericCranberryBackground2Rest: "#eeacb2"; readonly statusGenericCranberryForeground2Rest: "#6e0811"; readonly statusGenericCranberryStrokeActiveRest: "#c50f1f"; readonly statusGenericDarkGreenBackground2Rest: "#9ad29a"; readonly statusGenericDarkGreenForeground2Rest: "#063b06"; readonly statusGenericDarkGreenStrokeActiveRest: "#0b6a0b"; readonly statusGenericDarkRedBackground2Rest: "#d69ca5"; readonly statusGenericDarkRedForeground2Rest: "#420610"; readonly statusGenericDarkRedStrokeActiveRest: "#750b1c"; readonly statusGenericForestBackground2Rest: "#bdd99b"; readonly statusGenericForestForeground2Rest: "#294903"; readonly statusGenericForestStrokeActiveRest: "#498205"; readonly statusGenericGoldBackground2Rest: "#ecdfa5"; readonly statusGenericGoldForeground2Rest: "#6c5700"; readonly statusGenericGoldStrokeActiveRest: "#c19c00"; readonly statusGenericGrapeBackground2Rest: "#d9a7e0"; readonly statusGenericGrapeForeground2Rest: "#4c0d55"; readonly statusGenericGrapeStrokeActiveRest: "#881798"; readonly statusGenericLavenderBackground2Rest: "#a3b2e8"; readonly statusGenericLavenderForeground2Rest: "#3f3682"; readonly statusGenericLavenderStrokeActiveRest: "#7160e8"; readonly statusGenericLightTealBackground2Rest: "#a6e9ed"; readonly statusGenericLightTealForeground2Rest: "#00666d"; readonly statusGenericLightTealStrokeActiveRest: "#00b7c3"; readonly statusGenericLilacBackground2Rest: "#e6bfed"; readonly statusGenericLilacForeground2Rest: "#63276d"; readonly statusGenericLilacStrokeActiveRest: "#b146c2"; readonly statusGenericMagentaBackground2Rest: "#eca5d1"; readonly statusGenericMagentaForeground2Rest: "#6b0043"; readonly statusGenericMagentaStrokeActiveRest: "#bf0077"; readonly statusGenericMarigoldBackground2Rest: "#f9e2ae"; readonly statusGenericMarigoldForeground2Rest: "#835b00"; readonly statusGenericMarigoldStrokeActiveRest: "#eaa300"; readonly statusGenericMinkBackground2Rest: "#cecccb"; readonly statusGenericMinkForeground2Rest: "#343231"; readonly statusGenericMinkStrokeActiveRest: "#5d5a58"; readonly statusGenericNavyBackground2Rest: "#a3b2e8"; readonly statusGenericNavyForeground2Rest: "#001665"; readonly statusGenericNavyStrokeActiveRest: "#0027b4"; readonly statusGenericPeachBackground2Rest: "#ffddb3"; readonly statusGenericPeachForeground2Rest: "#8f4e00"; readonly statusGenericPeachStrokeActiveRest: "#ff8c00"; readonly statusGenericPinkBackground2Rest: "#f7c0e3"; readonly statusGenericPinkForeground2Rest: "#80215d"; readonly statusGenericPinkStrokeActiveRest: "#e43ba6"; readonly statusGenericPlatinumBackground2Rest: "#cdd6d8"; readonly statusGenericPlatinumForeground2Rest: "#3b4447"; readonly statusGenericPlatinumStrokeActiveRest: "#69797e"; readonly statusGenericPlumBackground2Rest: "#d696c0"; readonly statusGenericPlumForeground2Rest: "#43002b"; readonly statusGenericPlumStrokeActiveRest: "#bf0077"; readonly statusGenericPumpkinBackground2Rest: "#efc4ad"; readonly statusGenericPumpkinForeground2Rest: "#712d09"; readonly statusGenericPumpkinStrokeActiveRest: "#ca5010"; readonly statusGenericPurpleBackground2Rest: "#c6b1de"; readonly statusGenericPurpleForeground2Rest: "#341a51"; readonly statusGenericPurpleStrokeActiveRest: "#5c2e91"; readonly statusGenericRedBackground2Rest: "#f1bbbc"; readonly statusGenericRedForeground2Rest: "#751d1f"; readonly statusGenericRedStrokeActiveRest: "#d13438"; readonly statusGenericRoyalBlueBackground2Rest: "#9abfdc"; readonly statusGenericRoyalBlueForeground2Rest: "#002c4e"; readonly statusGenericRoyalBlueStrokeActiveRest: "#004e8c"; readonly statusGenericSeafoamBackground2Rest: "#a8f0cd"; readonly statusGenericSeafoamForeground2Rest: "#00723b"; readonly statusGenericSeafoamStrokeActiveRest: "#00cc6a"; readonly statusGenericSteelBackground2Rest: "#94c8d4"; readonly statusGenericSteelForeground2Rest: "#00333f"; readonly statusGenericSteelStrokeActiveRest: "#005b70"; readonly statusGenericTealBackground2Rest: "#9bd9db"; readonly statusGenericTealForeground2Rest: "#02494c"; readonly statusGenericTealStrokeActiveRest: "#038387"; readonly statusOofForeground3Rest: "#c239b3"; readonly statusSuccessBackground1Rest: "#f1faf1"; readonly statusSuccessBackground3Rest: "#107c10"; readonly statusSuccessForeground1Rest: "#0e700e"; readonly statusSuccessForeground3Rest: "#107c10"; readonly statusSuccessForegroundInvertedRest: "#359b35"; readonly statusSuccessStroke1Rest: "#9fd89f"; readonly statusSuccessStroke2Rest: "#107c10"; readonly statusWarningBackground1Rest: "#fff9f5"; readonly statusWarningBackground3Rest: "#f7630c"; readonly statusWarningForeground1Rest: "#bc4b09"; readonly statusWarningForeground2Rest: "#8a3707"; readonly statusWarningStroke1Rest: "#fdcfb4"; } | { readonly brandBackground1Hover: "var(--brand-80)"; readonly brandBackground1Pressed: "var(--brand-40)"; readonly brandBackground1Rest: "var(--brand-70)"; readonly brandBackground1Selected: "var(--brand-60)"; readonly brandBackground2Hover: "var(--brand-40)"; readonly brandBackground2Pressed: "var(--brand-10)"; readonly brandBackground2Rest: "var(--brand-20)"; readonly brandBackgroundCompoundHover: "var(--brand-110)"; readonly brandBackgroundCompoundPressed: "var(--brand-90)"; readonly brandBackgroundCompoundRest: "var(--brand-100)"; readonly brandBackgroundInvertedHover: "var(--brand-160)"; readonly brandBackgroundInvertedPressed: "var(--brand-140)"; readonly brandBackgroundInvertedRest: "#ffffff"; readonly brandBackgroundInvertedSelected: "var(--brand-150)"; readonly brandBackgroundStaticRest: "var(--brand-80)"; readonly brandForeground1Rest: "var(--brand-100)"; readonly brandForeground2Hover: "var(--brand-130)"; readonly brandForeground2Pressed: "var(--brand-100)"; readonly brandForeground2Rest: "var(--brand-110)"; readonly brandForegroundCompoundHover: "var(--brand-110)"; readonly brandForegroundCompoundPressed: "var(--brand-90)"; readonly brandForegroundCompoundRest: "var(--brand-100)"; readonly brandForegroundInvertedHover: "var(--brand-70)"; readonly brandForegroundInvertedPressed: "var(--brand-60)"; readonly brandForegroundInvertedRest: "var(--brand-80)"; readonly brandForegroundLinkHover: "var(--brand-110)"; readonly brandForegroundLinkPressed: "var(--brand-90)"; readonly brandForegroundLinkRest: "var(--brand-100)"; readonly brandForegroundLinkSelected: "var(--brand-100)"; readonly brandForegroundOnLightHover: "var(--brand-70)"; readonly brandForegroundOnLightPressed: "var(--brand-50)"; readonly brandForegroundOnLightRest: "var(--brand-70)"; readonly brandForegroundOnLightSelected: "var(--brand-60)"; readonly brandStroke1Rest: "var(--brand-100)"; readonly brandStroke2ContrastRest: "var(--brand-50)"; readonly brandStroke2Hover: "#2886de"; readonly brandStroke2Pressed: "var(--brand-70)"; readonly brandStroke2Rest: "var(--brand-50)"; readonly brandStrokeCompoundHover: "var(--brand-110)"; readonly brandStrokeCompoundPressed: "var(--brand-90)"; readonly brandStrokeCompoundRest: "var(--brand-100)"; readonly controlLogicThemeSwitch: "Dark"; readonly neutralBackground1Hover: "#3d3d3d"; readonly neutralBackground1Pressed: "#1f1f1f"; readonly neutralBackground1Rest: "#292929"; readonly neutralBackground1Selected: "#383838"; readonly neutralBackground2Hover: "#333333"; readonly neutralBackground2Pressed: "#141414"; readonly neutralBackground2Rest: "#1f1f1f"; readonly neutralBackground2Selected: "#2e2e2e"; readonly neutralBackground3Hover: "#292929"; readonly neutralBackground3Pressed: "#0a0a0a"; readonly neutralBackground3Rest: "#141414"; readonly neutralBackground3Selected: "#242424"; readonly neutralBackground4Hover: "#1f1f1f"; readonly neutralBackground4Pressed: "#000000"; readonly neutralBackground4Rest: "#0a0a0a"; readonly neutralBackground4Selected: "#1a1a1a"; readonly neutralBackground5Hover: "#141414"; readonly neutralBackground5Pressed: "#050505"; readonly neutralBackground5Rest: "#000000"; readonly neutralBackground5Selected: "#0f0f0f"; readonly neutralBackground6Rest: "#333333"; readonly neutralBackgroundAlpha1Rest: "#1a1a1a"; readonly neutralBackgroundAlpha2Rest: "#1f1f1f"; readonly neutralBackgroundDisabledRest: "#141414"; readonly neutralBackgroundInvertedDisabledRest: "#ffffff"; readonly neutralBackgroundInvertedRest: "#ffffff"; readonly neutralBackgroundOverlayRest: "#000000"; readonly neutralBackgroundOverlayScrollbarRest: "#ffffff"; readonly neutralBackgroundStaticRest: "#3d3d3d"; readonly neutralBackgroundStencil1Rest: "#575757"; readonly neutralBackgroundStencil2Rest: "#333333"; readonly neutralBackgroundSubtleHover: "#383838"; readonly neutralBackgroundSubtleInvertedHover: "#000000"; readonly neutralBackgroundSubtleInvertedPressed: "#000000"; readonly neutralBackgroundSubtleInvertedRest: "#000000"; readonly neutralBackgroundSubtleInvertedSelected: "#000000"; readonly neutralBackgroundSubtleLightAlphaHover: "#242424"; readonly neutralBackgroundSubtleLightAlphaPressed: "#242424"; readonly neutralBackgroundSubtleLightAlphaSelected: "#000000"; readonly neutralBackgroundSubtlePressed: "#2e2e2e"; readonly neutralBackgroundSubtleRest: "#000000"; readonly neutralBackgroundSubtleSelected: "#333333"; readonly neutralBackgroundTransparentHover: "#000000"; readonly neutralBackgroundTransparentPressed: "#000000"; readonly neutralBackgroundTransparentRest: "#000000"; readonly neutralBackgroundTransparentSelected: "#000000"; readonly neutralForeground1Hover: "#ffffff"; readonly neutralForeground1Pressed: "#ffffff"; readonly neutralForeground1Rest: "#ffffff"; readonly neutralForeground1Selected: "#ffffff"; readonly neutralForeground2BrandHover: "var(--brand-100)"; readonly neutralForeground2BrandPressed: "var(--brand-90)"; readonly neutralForeground2BrandSelected: "var(--brand-100)"; readonly neutralForeground2Hover: "#ffffff"; readonly neutralForeground2LinkHover: "#ffffff"; readonly neutralForeground2LinkPressed: "#ffffff"; readonly neutralForeground2LinkRest: "#d6d6d6"; readonly neutralForeground2LinkSelected: "#ffffff"; readonly neutralForeground2Pressed: "#ffffff"; readonly neutralForeground2Rest: "#d6d6d6"; readonly neutralForeground2Selected: "#ffffff"; readonly neutralForeground3BrandHover: "var(--brand-100)"; readonly neutralForeground3BrandPressed: "var(--brand-90)"; readonly neutralForeground3BrandSelected: "var(--brand-100)"; readonly neutralForeground3Hover: "#d6d6d6"; readonly neutralForeground3Pressed: "#d6d6d6"; readonly neutralForeground3Rest: "#adadad"; readonly neutralForeground3Selected: "#d6d6d6"; readonly neutralForeground4Rest: "#999999"; readonly neutralForegroundDisabledRest: "#5c5c5c"; readonly neutralForegroundInverted1Hover: "#242424"; readonly neutralForegroundInverted1Pressed: "#242424"; readonly neutralForegroundInverted1Rest: "#242424"; readonly neutralForegroundInverted1Selected: "#242424"; readonly neutralForegroundInverted2Rest: "#242424"; readonly neutralForegroundInvertedDisabledRest: "#ffffff"; readonly neutralForegroundInvertedLinkHover: "#ffffff"; readonly neutralForegroundInvertedLinkPressed: "#ffffff"; readonly neutralForegroundInvertedLinkRest: "#ffffff"; readonly neutralForegroundInvertedLinkSelected: "#ffffff"; readonly neutralForegroundOnBrandRest: "#ffffff"; readonly neutralForegroundStaticInvertedRest: "#ffffff"; readonly neutralForegroundStaticRest: "#242424"; readonly neutralStroke1Hover: "#757575"; readonly neutralStroke1Pressed: "#6b6b6b"; readonly neutralStroke1Rest: "#666666"; readonly neutralStroke1Selected: "#707070"; readonly neutralStroke2Rest: "#525252"; readonly neutralStroke3Rest: "#3d3d3d"; readonly neutralStrokeAccessibleHover: "#bdbdbd"; readonly neutralStrokeAccessiblePressed: "#b3b3b3"; readonly neutralStrokeAccessibleRest: "#adadad"; readonly neutralStrokeAccessibleSelected: "var(--brand-100)"; readonly neutralStrokeAlpha1Rest: "#ffffff"; readonly neutralStrokeAlpha2Rest: "#ffffff"; readonly neutralStrokeDisabledInvertedRest: "#ffffff"; readonly neutralStrokeDisabledRest: "#424242"; readonly neutralStrokeFocus1Rest: "#000000"; readonly neutralStrokeFocus2Rest: "#ffffff"; readonly neutralStrokeOnBrand21Rest: "#292929"; readonly neutralStrokeOnBrand2Hover: "#ffffff"; readonly neutralStrokeOnBrand2Pressed: "#ffffff"; readonly neutralStrokeOnBrand2Rest: "#ffffff"; readonly neutralStrokeOnBrand2Selected: "#ffffff"; readonly neutralStrokeSubtleRest: "#0a0a0a"; readonly neutralStrokeTransparentDisabledRest: "#ffffff"; readonly neutralStrokeTransparentInteractiveRest: "#ffffff"; readonly neutralStrokeTransparentRest: "#ffffff"; readonly shadowAmbient: "#000000"; readonly shadowAmbientDarker: "#000000"; readonly shadowAmbientLighter: "#000000"; readonly shadowBrandAmbient: "#000000"; readonly shadowBrandKey: "#000000"; readonly shadowKey: "#000000"; readonly shadowKeyDarker: "#000000"; readonly shadowKeyLighter: "#000000"; readonly statusAvailableForeground3Rest: "#13a10e"; readonly statusAwayBackground3Rest: "#eaa300"; readonly statusDangerBackground1Rest: "#3b0509"; readonly statusDangerBackground3Rest: "#c50f1f"; readonly statusDangerForeground1Rest: "#dc626d"; readonly statusDangerForeground3Rest: "#eeacb2"; readonly statusDangerStroke1Rest: "#c50f1f"; readonly statusDangerStroke2Rest: "#dc626d"; readonly statusGenericAnchorBackground2Rest: "#202427"; readonly statusGenericAnchorForeground2Rest: "#bcc3c7"; readonly statusGenericAnchorStrokeActiveRest: "#808a90"; readonly statusGenericBeigeBackground2Rest: "#444241"; readonly statusGenericBeigeForeground2Rest: "#d7d4d4"; readonly statusGenericBeigeStrokeActiveRest: "#afabaa"; readonly statusGenericBlueBackground2Rest: "#004377"; readonly statusGenericBlueForeground2Rest: "#a9d3f2"; readonly statusGenericBlueStrokeActiveRest: "#5caae5"; readonly statusGenericBrassBackground2Rest: "#553e06"; readonly statusGenericBrassForeground2Rest: "#e0cea2"; readonly statusGenericBrassStrokeActiveRest: "#c1a256"; readonly statusGenericBrownBackground2Rest: "#50301a"; readonly statusGenericBrownForeground2Rest: "#ddc3b0"; readonly statusGenericBrownStrokeActiveRest: "#bb8f6f"; readonly statusGenericCornflowerBackground2Rest: "#2c3c85"; readonly statusGenericCornflowerForeground2Rest: "#c8d1fa"; readonly statusGenericCornflowerStrokeActiveRest: "#93a4f4"; readonly statusGenericCranberryBackground2Rest: "#6e0811"; readonly statusGenericCranberryForeground2Rest: "#eeacb2"; readonly statusGenericCranberryStrokeActiveRest: "#dc626d"; readonly statusGenericDarkGreenBackground2Rest: "#063b06"; readonly statusGenericDarkGreenForeground2Rest: "#9ad29a"; readonly statusGenericDarkGreenStrokeActiveRest: "#4da64d"; readonly statusGenericDarkRedBackground2Rest: "#590815"; readonly statusGenericDarkRedForeground2Rest: "#d69ca5"; readonly statusGenericDarkRedStrokeActiveRest: "#962f3f"; readonly statusGenericForestBackground2Rest: "#294903"; readonly statusGenericForestForeground2Rest: "#bdd99b"; readonly statusGenericForestStrokeActiveRest: "#85b44c"; readonly statusGenericGoldBackground2Rest: "#6c5700"; readonly statusGenericGoldForeground2Rest: "#ecdfa5"; readonly statusGenericGoldStrokeActiveRest: "#dac157"; readonly statusGenericGrapeBackground2Rest: "#4c0d55"; readonly statusGenericGrapeForeground2Rest: "#d9a7e0"; readonly statusGenericGrapeStrokeActiveRest: "#b55fc1"; readonly statusGenericLavenderBackground2Rest: "#3f3682"; readonly statusGenericLavenderForeground2Rest: "#d2ccf8"; readonly statusGenericLavenderStrokeActiveRest: "#a79cf1"; readonly statusGenericLightTealBackground2Rest: "#00666d"; readonly statusGenericLightTealForeground2Rest: "#a6e9ed"; readonly statusGenericLightTealStrokeActiveRest: "#58d3db"; readonly statusGenericLilacBackground2Rest: "#63276d"; readonly statusGenericLilacForeground2Rest: "#e6bfed"; readonly statusGenericLilacStrokeActiveRest: "#cf87da"; readonly statusGenericMagentaBackground2Rest: "#6b0043"; readonly statusGenericMagentaForeground2Rest: "#eca5d1"; readonly statusGenericMagentaStrokeActiveRest: "#d957a8"; readonly statusGenericMarigoldBackground2Rest: "#835b00"; readonly statusGenericMarigoldForeground2Rest: "#f9e2ae"; readonly statusGenericMarigoldStrokeActiveRest: "#f2c661"; readonly statusGenericMinkBackground2Rest: "#343231"; readonly statusGenericMinkForeground2Rest: "#cecccb"; readonly statusGenericMinkStrokeActiveRest: "#9e9b99"; readonly statusGenericNavyBackground2Rest: "#001665"; readonly statusGenericNavyForeground2Rest: "#a3b2e8"; readonly statusGenericNavyStrokeActiveRest: "#546fd2"; readonly statusGenericPeachBackground2Rest: "#8f4e00"; readonly statusGenericPeachForeground2Rest: "#ffddb3"; readonly statusGenericPeachStrokeActiveRest: "#ffba66"; readonly statusGenericPinkBackground2Rest: "#80215d"; readonly statusGenericPinkForeground2Rest: "#f7c0e3"; readonly statusGenericPinkStrokeActiveRest: "#ef85c8"; readonly statusGenericPlatinumBackground2Rest: "#3b4447"; readonly statusGenericPlatinumForeground2Rest: "#cdd6d8"; readonly statusGenericPlatinumStrokeActiveRest: "#a0adb2"; readonly statusGenericPlumBackground2Rest: "#5a003b"; readonly statusGenericPlumForeground2Rest: "#d696c0"; readonly statusGenericPlumStrokeActiveRest: "#d957a8"; readonly statusGenericPumpkinBackground2Rest: "#712d09"; readonly statusGenericPumpkinForeground2Rest: "#efc4ad"; readonly statusGenericPumpkinStrokeActiveRest: "#df8e64"; readonly statusGenericPurpleBackground2Rest: "#341a51"; readonly statusGenericPurpleForeground2Rest: "#c6b1de"; readonly statusGenericPurpleStrokeActiveRest: "#9470bd"; readonly statusGenericRedBackground2Rest: "#751d1f"; readonly statusGenericRedForeground2Rest: "#eeacb2"; readonly statusGenericRedStrokeActiveRest: "#e37d80"; readonly statusGenericRoyalBlueBackground2Rest: "#002c4e"; readonly statusGenericRoyalBlueForeground2Rest: "#9abfdc"; readonly statusGenericRoyalBlueStrokeActiveRest: "#4a89ba"; readonly statusGenericSeafoamBackground2Rest: "#00723b"; readonly statusGenericSeafoamForeground2Rest: "#a8f0cd"; readonly statusGenericSeafoamStrokeActiveRest: "#5ae0a0"; readonly statusGenericSteelBackground2Rest: "#00333f"; readonly statusGenericSteelForeground2Rest: "#94c8d4"; readonly statusGenericSteelStrokeActiveRest: "#4496a9"; readonly statusGenericTealBackground2Rest: "#02494c"; readonly statusGenericTealForeground2Rest: "#9bd9db"; readonly statusGenericTealStrokeActiveRest: "#4cb4b7"; readonly statusOofForeground3Rest: "#d161c4"; readonly statusSuccessBackground1Rest: "#052505"; readonly statusSuccessBackground3Rest: "#107c10"; readonly statusSuccessForeground1Rest: "#54b054"; readonly statusSuccessForeground3Rest: "#9fd89f"; readonly statusSuccessForegroundInvertedRest: "#107c10"; readonly statusSuccessStroke1Rest: "#107c10"; readonly statusSuccessStroke2Rest: "#9fd89f"; readonly statusWarningBackground1Rest: "#4a1e04"; readonly statusWarningBackground3Rest: "#f7630c"; readonly statusWarningForeground1Rest: "#f98845"; readonly statusWarningForeground2Rest: "#fdcfb4"; readonly statusWarningStroke1Rest: "#de590b"; }; /** * Inject Figma theme CSS variables into the document root * This enables the utility classes in index.css to work with light/dark mode */ export declare function injectFigmaThemeVariables(mode: ThemeMode, brand?: BrandVariant): void; /** * Access a global value exported from the Figma tokens sheet. */ export declare function getFigmaGlobalValue(key: keyof typeof figmaGlobalValues): "#000000" | "#ffffff" | "#050505" | "#0a0a0a" | "#0f0f0f" | "#141414" | "#1a1a1a" | "#1f1f1f" | "#242424" | "#292929" | "#2e2e2e" | "#333333" | "#383838" | "#3d3d3d" | "#424242" | "#474747" | "#4d4d4d" | "#525252" | "#575757" | "#5c5c5c" | "#616161" | "#666666" | "#6b6b6b" | "#707070" | "#757575" | "#7a7a7a" | "#808080" | "#858585" | "#8a8a8a" | "#8f8f8f" | "#949494" | "#999999" | "#9e9e9e" | "#a3a3a3" | "#a8a8a8" | "#adadad" | "#b3b3b3" | "#b8b8b8" | "#bdbdbd" | "#c2c2c2" | "#c7c7c7" | "#cccccc" | "#d1d1d1" | "#d6d6d6" | "#dbdbdb" | "#e0e0e0" | "#e6e6e6" | "#ebebeb" | "#f0f0f0" | "#f5f5f5" | "#fafafa" | "#130204" | "#230308" | "#420610" | "#590815" | "#690a19" | "#750b1c" | "#861b2c" | "#962f3f" | "#ac4f5e" | "#d69ca5" | "#e9c7cd" | "#f9f0f2" | "#1a0607" | "#310b0d" | "#5c1519" | "#7d1d21" | "#942228" | "#a4262c" | "#af393e" | "#ba4d52" | "#c86c70" | "#e4afb2" | "#f0d3d4" | "#fbf4f4" | "#200205" | "#3b0509" | "#6e0811" | "#960b18" | "#b10e1c" | "#c50f1f" | "#cc2635" | "#d33f4c" | "#dc626d" | "#eeacb2" | "#f6d1d5" | "#fdf3f4" | "#210809" | "#3f1011" | "#751d1f" | "#9f282b" | "#bc2f32" | "#d13438" | "#d7494c" | "#dc5e62" | "#e37d80" | "#f1bbbc" | "#f8dadb" | "#fdf6f6" | "#230900" | "#411200" | "#7a2101" | "#a62d01" | "#c43501" | "#da3b01" | "#de501c" | "#e36537" | "#e9835e" | "#f4bfab" | "#f9dcd1" | "#fdf6f3" | "#1b0a01" | "#321303" | "#5e2405" | "#7f3107" | "#963a08" | "#a74109" | "#b2521e" | "#bc6535" | "#ca8057" | "#e5bba4" | "#f1d9cc" | "#fbf5f2" | "#200d03" | "#3d1805" | "#712d09" | "#9a3d0c" | "#b6480e" | "#ca5010" | "#d06228" | "#d77440" | "#df8e64" | "#efc4ad" | "#f7dfd2" | "#fdf7f4" | "#271002" | "#4a1e04" | "#8a3707" | "#bc4b09" | "#de590b" | "#f7630c" | "#f87528" | "#f98845" | "#faa06b" | "#fdcfb4" | "#fee5d7" | "#fff9f5" | "#291600" | "#4d2a00" | "#8f4e00" | "#c26a00" | "#e67e00" | "#ff8c00" | "#ff9a1f" | "#ffa83d" | "#ffba66" | "#ffddb3" | "#ffedd6" | "#fffaf5" | "#251a00" | "#463100" | "#835b00" | "#b27c00" | "#d39300" | "#eaa300" | "#edad1c" | "#efb839" | "#f2c661" | "#f9e2ae" | "#fcefd3" | "#fefbf4" | "#282400" | "#4c4400" | "#817400" | "#c0ad00" | "#e4cc00" | "#fde300" | "#fde61e" | "#fdea3d" | "#feee66" | "#fef7b2" | "#fffad6" | "#fffef5" | "#1f1900" | "#3a2f00" | "#6c5700" | "#937700" | "#ae8c00" | "#c19c00" | "#c8a718" | "#d0b232" | "#dac157" | "#ecdfa5" | "#f5eece" | "#fdfbf2" | "#181202" | "#2e2103" | "#553e06" | "#745408" | "#89640a" | "#986f0b" | "#a47d1e" | "#b18c34" | "#c1a256" | "#e0cea2" | "#efe4cb" | "#fbf8f2" | "#170e07" | "#2b1a0e" | "#50301a" | "#6c4123" | "#804d29" | "#8e562e" | "#9c663f" | "#a97652" | "#bb8f6f" | "#ddc3b0" | "#edded3" | "#faf7f4" | "#0c0704" | "#170c08" | "#2b1710" | "#3a1f15" | "#452519" | "#4d291c" | "#623a2b" | "#784d3e" | "#946b5c" | "#caada3" | "#e3d2cb" | "#f8f3f2" | "#121b06" | "#23330b" | "#405f14" | "#57811b" | "#689920" | "#73aa24" | "#81b437" | "#90be4c" | "#a4cc6c" | "#cfe5af" | "#e5f1d3" | "#f8fcf4" | "#0c1501" | "#162702" | "#294903" | "#376304" | "#427505" | "#498205" | "#599116" | "#6ba02b" | "#85b44c" | "#bdd99b" | "#dbebc7" | "#f6faf0" | "#002111" | "#003d20" | "#00723b" | "#009b51" | "#00b85f" | "#00cc6a" | "#19d279" | "#34d889" | "#5ae0a0" | "#a8f0cd" | "#cff7e4" | "#f3fdf8" | "#031a02" | "#063004" | "#0b5a08" | "#0e7a0b" | "#11910d" | "#13a10e" | "#27ac22" | "#3db838" | "#5ec75a" | "#a7e3a5" | "#cef0cd" | "#f2fbf2" | "#031403" | "#052505" | "#094509" | "#0c5e0c" | "#0e700e" | "#107c10" | "#218c21" | "#359b35" | "#54b054" | "#9fd89f" | "#c9eac9" | "#f1faf1" | "#021102" | "#032003" | "#063b06" | "#085108" | "#0a5f0a" | "#0b6a0b" | "#1a7c1a" | "#2d8e2d" | "#4da64d" | "#9ad29a" | "#c6e7c6" | "#f0f9f0" | "#001d1f" | "#00373a" | "#00666d" | "#008b94" | "#00a5af" | "#00b7c3" | "#18bfca" | "#32c8d1" | "#58d3db" | "#a6e9ed" | "#cef3f5" | "#f2fcfd" | "#001516" | "#012728" | "#02494c" | "#026467" | "#037679" | "#038387" | "#159195" | "#2aa0a4" | "#4cb4b7" | "#9bd9db" | "#c7ebec" | "#f0fafa" | "#001010" | "#001f1f" | "#003939" | "#004e4e" | "#005c5c" | "#006666" | "#0e7878" | "#218b8b" | "#41a3a3" | "#92d1d1" | "#c2e7e7" | "#eff9f9" | "#00181e" | "#002e38" | "#005669" | "#00748f" | "#008aa9" | "#0099bc" | "#18a4c4" | "#31afcc" | "#56bfd7" | "#a4deeb" | "#cdedf4" | "#f2fafc" | "#000f12" | "#001b22" | "#00333f" | "#004555" | "#005265" | "#005b70" | "#0f6c81" | "#237d92" | "#4496a9" | "#94c8d4" | "#c3e1e8" | "#eff7f9" | "#091823" | "#112d42" | "#20547c" | "#2c72a8" | "#3487c7" | "#3a96dd" | "#4fa1e1" | "#65ade5" | "#83bdeb" | "#bfddf5" | "#dcedfa" | "#f6fafe" | "#001322" | "#002440" | "#004377" | "#005ba1" | "#006cbf" | "#0078d4" | "#1a86d9" | "#3595de" | "#5caae5" | "#a9d3f2" | "#d0e7f8" | "#f3f9fd" | "#000c16" | "#00172a" | "#002c4e" | "#003b6a" | "#00467e" | "#004e8c" | "#125e9a" | "#286fa8" | "#4a89ba" | "#9abfdc" | "#c7dced" | "#f0f6fa" | "#000910" | "#00111f" | "#002039" | "#002b4e" | "#00335c" | "#003966" | "#0e4a78" | "#215c8b" | "#4178a3" | "#92b5d1" | "#c2d6e7" | "#eff4f9" | "#0d1126" | "#182047" | "#2c3c85" | "#3c51b4" | "#4760d5" | "#4f6bed" | "#637cef" | "#778df1" | "#93a4f4" | "#c8d1fa" | "#e1e6fc" | "#f7f9fe" | "#00061d" | "#000c36" | "#001665" | "#001e89" | "#0023a2" | "#0027b4" | "#173bbd" | "#3050c6" | "#546fd2" | "#a3b2e8" | "#ccd5f3" | "#f2f4fc" | "#120f25" | "#221d46" | "#3f3682" | "#5649b0" | "#6656d1" | "#7160e8" | "#8172eb" | "#9184ee" | "#a79cf1" | "#d2ccf8" | "#e7e4fb" | "#f9f8fe" | "#0f0717" | "#1c0e2b" | "#341a51" | "#46236e" | "#532982" | "#5c2e91" | "#6b3f9e" | "#7c52ab" | "#9470bd" | "#c6b1de" | "#e0d3ed" | "#f7f4fb" | "#0a0411" | "#130820" | "#240f3c" | "#311552" | "#3a1861" | "#401b6c" | "#512b7e" | "#633e8f" | "#7e5ca7" | "#b9a3d3" | "#d8cce7" | "#f5f2f9" | "#16101d" | "#281e37" | "#4c3867" | "#674c8c" | "#795aa6" | "#8764b8" | "#9373c0" | "#a083c9" | "#b29ad4" | "#d7caea" | "#e9e2f4" | "#f9f8fc" | "#160418" | "#29072e" | "#4c0d55" | "#671174" | "#7a1589" | "#881798" | "#952aa4" | "#a33fb1" | "#b55fc1" | "#d9a7e0" | "#eaceef" | "#faf2fb" | "#1f091d" | "#3a1136" | "#6d2064" | "#932b88" | "#af33a1" | "#c239b3" | "#c94cbc" | "#d161c4" | "#da7ed0" | "#edbbe7" | "#f5daf2" | "#fdf5fc" | "#1c0b1f" | "#35153a" | "#63276d" | "#863593" | "#9f3faf" | "#b146c2" | "#ba58c9" | "#c36bd1" | "#cf87da" | "#e6bfed" | "#f2dcf5" | "#fcf6fd" | "#24091b" | "#441232" | "#80215d" | "#ad2d7e" | "#cd3595" | "#e43ba6" | "#e750b0" | "#ea66ba" | "#ef85c8" | "#f7c0e3" | "#fbddf0" | "#fef6fb" | "#240016" | "#44002a" | "#7f004e" | "#ad006a" | "#cc007e" | "#e3008c" | "#e61c99" | "#ea38a6" | "#ee5fb7" | "#f7adda" | "#fbd2eb" | "#fef4fa" | "#1f0013" | "#390024" | "#6b0043" | "#91005a" | "#ac006b" | "#bf0077" | "#c71885" | "#ce3293" | "#d957a8" | "#eca5d1" | "#f5cee6" | "#fcf2f9" | "#13000c" | "#240017" | "#43002b" | "#5a003b" | "#6b0045" | "#77004d" | "#87105d" | "#98246f" | "#ad4589" | "#d696c0" | "#e9c4dc" | "#faf0f6" | "#141313" | "#252323" | "#444241" | "#5d5958" | "#6e6968" | "#7a7574" | "#8a8584" | "#9a9594" | "#afabaa" | "#d7d4d4" | "#eae8e8" | "#faf9f9" | "#0f0e0e" | "#1c1b1a" | "#343231" | "#474443" | "#54514f" | "#5d5a58" | "#706d6b" | "#84817e" | "#9e9b99" | "#cecccb" | "#e5e4e3" | "#f8f8f8" | "#151818" | "#282d2e" | "#4a5356" | "#657174" | "#78868a" | "#859599" | "#92a1a5" | "#a0aeb1" | "#b3bfc2" | "#d8dfe0" | "#eaeeef" | "#fafbfb" | "#111314" | "#1f2426" | "#3b4447" | "#505c60" | "#5f6d71" | "#69797e" | "#79898d" | "#89989d" | "#a0adb2" | "#cdd6d8" | "#e4e9ea" | "#f8f9fa" | "#090a0b" | "#111315" | "#202427" | "#2b3135" | "#333a3f" | "#394146" | "#4d565c" | "#626c72" | "#808a90" | "#bcc3c7" | "#dbdfe1" | "#f6f7f8" | "#090909" | "#111111" | "#202020" | "#2b2b2b" | "#393939" | "#515151" | "#686868" | "#888888" | "#c4c4c4" | "#dfdfdf" | "#f7f7f7" | "9999px" | "6px" | "4px" | "0px" | "2px" | "8px" | "16px" | "12px" | "10px" | "20px" | "24px" | "32px" | "3px" | "1px"; /** * Convert spacing token to CSS value */ export declare function sp(size: keyof typeof spacing): string; /** * Convert font size token to CSS value */ export declare function fs(size: keyof typeof typography.fontSize): string; /** * Convert line height token to CSS value */ export declare function lh(size: keyof typeof typography.lineHeight): string; /** * Convert corner radius token to CSS value */ export declare function cr(size: keyof typeof cornerRadius): string; /** * Common breakpoints */ export declare const breakpoints: { readonly mobile: 320; readonly tablet: 768; readonly desktop: 1024; readonly wide: 1440; }; /** * Media query helpers */ export declare const mq: { readonly mobile: "@media (min-width: 320px)"; readonly tablet: "@media (min-width: 768px)"; readonly desktop: "@media (min-width: 1024px)"; readonly wide: "@media (min-width: 1440px)"; }; /** * FluentUI-inspired shadow tokens */ export declare const shadows: { readonly shadow2: "0 0 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.14)"; readonly shadow4: "0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.14)"; readonly shadow8: "0 0 2px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.14)"; readonly shadow16: "0 0 2px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.14)"; readonly shadow28: "0 0 8px rgba(0,0,0,.12), 0 14px 28px rgba(0,0,0,.14)"; readonly shadow64: "0 0 8px rgba(0,0,0,.12), 0 32px 64px rgba(0,0,0,.14)"; }; /** * Get shadow by level */ export declare function getShadow(level: keyof typeof shadows): string; //# sourceMappingURL=utils.d.ts.map