@pstrikez/fluent-winui-theme 0.0.0-stage → 0.1.1

package/dist/theme.d.ts

@@ -0,0 +1,938 @@
+export declare const baseLightTheme: {
+    fontFamilyBase: "'Segoe UI Variable Web', 'Segoe UI Variable Text', 'Segoe UI Variable Display', 'Segoe UI Variable Small', 'Segoe UI', system-ui, sans-serif";
+    fontFamilyMonospace: "'Meslo LG S Web', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+    fontSizeBase600: "22px";
+    fontSizeBase100: string;
+    fontSizeBase200: string;
+    fontSizeBase300: string;
+    fontSizeBase400: string;
+    fontSizeBase500: string;
+    fontSizeHero700: string;
+    fontSizeHero800: string;
+    fontSizeHero900: string;
+    fontSizeHero1000: string;
+    lineHeightBase100: string;
+    lineHeightBase200: string;
+    lineHeightBase300: string;
+    lineHeightBase400: string;
+    lineHeightBase500: string;
+    lineHeightBase600: string;
+    lineHeightHero700: string;
+    lineHeightHero800: string;
+    lineHeightHero900: string;
+    lineHeightHero1000: string;
+    borderRadiusNone: string;
+    borderRadiusSmall: string;
+    borderRadiusMedium: string;
+    borderRadiusLarge: string;
+    borderRadiusXLarge: string;
+    borderRadius2XLarge: string;
+    borderRadius3XLarge: string;
+    borderRadius4XLarge: string;
+    borderRadius5XLarge: string;
+    borderRadius6XLarge: string;
+    borderRadiusCircular: string;
+    strokeWidthThin: string;
+    strokeWidthThick: string;
+    strokeWidthThicker: string;
+    strokeWidthThickest: string;
+    spacingHorizontalNone: string;
+    spacingHorizontalXXS: string;
+    spacingHorizontalXS: string;
+    spacingHorizontalSNudge: string;
+    spacingHorizontalS: string;
+    spacingHorizontalMNudge: string;
+    spacingHorizontalM: string;
+    spacingHorizontalL: string;
+    spacingHorizontalXL: string;
+    spacingHorizontalXXL: string;
+    spacingHorizontalXXXL: string;
+    spacingVerticalNone: string;
+    spacingVerticalXXS: string;
+    spacingVerticalXS: string;
+    spacingVerticalSNudge: string;
+    spacingVerticalS: string;
+    spacingVerticalMNudge: string;
+    spacingVerticalM: string;
+    spacingVerticalL: string;
+    spacingVerticalXL: string;
+    spacingVerticalXXL: string;
+    spacingVerticalXXXL: string;
+    durationUltraFast: string;
+    durationFaster: string;
+    durationFast: string;
+    durationNormal: string;
+    durationGentle: string;
+    durationSlow: string;
+    durationSlower: string;
+    durationUltraSlow: string;
+    curveAccelerateMax: string;
+    curveAccelerateMid: string;
+    curveAccelerateMin: string;
+    curveDecelerateMax: string;
+    curveDecelerateMid: string;
+    curveDecelerateMin: string;
+    curveEasyEaseMax: string;
+    curveEasyEase: string;
+    curveLinear: string;
+    shadow2: string;
+    shadow4: string;
+    shadow8: string;
+    shadow16: string;
+    shadow28: string;
+    shadow64: string;
+    shadow2Brand: string;
+    shadow4Brand: string;
+    shadow8Brand: string;
+    shadow16Brand: string;
+    shadow28Brand: string;
+    shadow64Brand: string;
+    fontFamilyNumeric: string;
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightSemibold: number;
+    fontWeightBold: number;
+    colorPaletteRedBackground1: string;
+    colorPaletteRedBackground2: string;
+    colorPaletteRedBackground3: string;
+    colorPaletteRedForeground1: string;
+    colorPaletteRedForeground2: string;
+    colorPaletteRedForeground3: string;
+    colorPaletteRedForegroundInverted: string;
+    colorPaletteRedBorderActive: string;
+    colorPaletteRedBorder1: string;
+    colorPaletteRedBorder2: string;
+    colorPaletteGreenBackground1: string;
+    colorPaletteGreenBackground2: string;
+    colorPaletteGreenBackground3: string;
+    colorPaletteGreenForeground1: string;
+    colorPaletteGreenForeground2: string;
+    colorPaletteGreenForeground3: string;
+    colorPaletteGreenForegroundInverted: string;
+    colorPaletteGreenBorderActive: string;
+    colorPaletteGreenBorder1: string;
+    colorPaletteGreenBorder2: string;
+    colorPaletteDarkOrangeBackground1: string;
+    colorPaletteDarkOrangeBackground2: string;
+    colorPaletteDarkOrangeBackground3: string;
+    colorPaletteDarkOrangeForeground1: string;
+    colorPaletteDarkOrangeForeground2: string;
+    colorPaletteDarkOrangeForeground3: string;
+    colorPaletteDarkOrangeBorderActive: string;
+    colorPaletteDarkOrangeBorder1: string;
+    colorPaletteDarkOrangeBorder2: string;
+    colorPaletteYellowBackground1: string;
+    colorPaletteYellowBackground2: string;
+    colorPaletteYellowBackground3: string;
+    colorPaletteYellowForeground1: string;
+    colorPaletteYellowForeground2: string;
+    colorPaletteYellowForeground3: string;
+    colorPaletteYellowForegroundInverted: string;
+    colorPaletteYellowBorderActive: string;
+    colorPaletteYellowBorder1: string;
+    colorPaletteYellowBorder2: string;
+    colorPaletteBerryBackground1: string;
+    colorPaletteBerryBackground2: string;
+    colorPaletteBerryBackground3: string;
+    colorPaletteBerryForeground1: string;
+    colorPaletteBerryForeground2: string;
+    colorPaletteBerryForeground3: string;
+    colorPaletteBerryBorderActive: string;
+    colorPaletteBerryBorder1: string;
+    colorPaletteBerryBorder2: string;
+    colorPaletteMarigoldBackground1: string;
+    colorPaletteMarigoldBackground2: string;
+    colorPaletteMarigoldBackground3: string;
+    colorPaletteMarigoldForeground1: string;
+    colorPaletteMarigoldForeground2: string;
+    colorPaletteMarigoldForeground3: string;
+    colorPaletteMarigoldBorderActive: string;
+    colorPaletteMarigoldBorder1: string;
+    colorPaletteMarigoldBorder2: string;
+    colorPaletteLightGreenBackground1: string;
+    colorPaletteLightGreenBackground2: string;
+    colorPaletteLightGreenBackground3: string;
+    colorPaletteLightGreenForeground1: string;
+    colorPaletteLightGreenForeground2: string;
+    colorPaletteLightGreenForeground3: string;
+    colorPaletteLightGreenBorderActive: string;
+    colorPaletteLightGreenBorder1: string;
+    colorPaletteLightGreenBorder2: string;
+    colorPaletteDarkRedBackground2: string;
+    colorPaletteDarkRedForeground2: string;
+    colorPaletteDarkRedBorderActive: string;
+    colorPaletteCranberryBackground2: string;
+    colorPaletteCranberryForeground2: string;
+    colorPaletteCranberryBorderActive: string;
+    colorPalettePumpkinBackground2: string;
+    colorPalettePumpkinForeground2: string;
+    colorPalettePumpkinBorderActive: string;
+    colorPalettePeachBackground2: string;
+    colorPalettePeachForeground2: string;
+    colorPalettePeachBorderActive: string;
+    colorPaletteGoldBackground2: string;
+    colorPaletteGoldForeground2: string;
+    colorPaletteGoldBorderActive: string;
+    colorPaletteBrassBackground2: string;
+    colorPaletteBrassForeground2: string;
+    colorPaletteBrassBorderActive: string;
+    colorPaletteBrownBackground2: string;
+    colorPaletteBrownForeground2: string;
+    colorPaletteBrownBorderActive: string;
+    colorPaletteForestBackground2: string;
+    colorPaletteForestForeground2: string;
+    colorPaletteForestBorderActive: string;
+    colorPaletteSeafoamBackground2: string;
+    colorPaletteSeafoamForeground2: string;
+    colorPaletteSeafoamBorderActive: string;
+    colorPaletteDarkGreenBackground2: string;
+    colorPaletteDarkGreenForeground2: string;
+    colorPaletteDarkGreenBorderActive: string;
+    colorPaletteLightTealBackground2: string;
+    colorPaletteLightTealForeground2: string;
+    colorPaletteLightTealBorderActive: string;
+    colorPaletteTealBackground2: string;
+    colorPaletteTealForeground2: string;
+    colorPaletteTealBorderActive: string;
+    colorPaletteSteelBackground2: string;
+    colorPaletteSteelForeground2: string;
+    colorPaletteSteelBorderActive: string;
+    colorPaletteBlueBackground2: string;
+    colorPaletteBlueForeground2: string;
+    colorPaletteBlueBorderActive: string;
+    colorPaletteRoyalBlueBackground2: string;
+    colorPaletteRoyalBlueForeground2: string;
+    colorPaletteRoyalBlueBorderActive: string;
+    colorPaletteCornflowerBackground2: string;
+    colorPaletteCornflowerForeground2: string;
+    colorPaletteCornflowerBorderActive: string;
+    colorPaletteNavyBackground2: string;
+    colorPaletteNavyForeground2: string;
+    colorPaletteNavyBorderActive: string;
+    colorPaletteLavenderBackground2: string;
+    colorPaletteLavenderForeground2: string;
+    colorPaletteLavenderBorderActive: string;
+    colorPalettePurpleBackground2: string;
+    colorPalettePurpleForeground2: string;
+    colorPalettePurpleBorderActive: string;
+    colorPaletteGrapeBackground2: string;
+    colorPaletteGrapeForeground2: string;
+    colorPaletteGrapeBorderActive: string;
+    colorPaletteLilacBackground2: string;
+    colorPaletteLilacForeground2: string;
+    colorPaletteLilacBorderActive: string;
+    colorPalettePinkBackground2: string;
+    colorPalettePinkForeground2: string;
+    colorPalettePinkBorderActive: string;
+    colorPaletteMagentaBackground2: string;
+    colorPaletteMagentaForeground2: string;
+    colorPaletteMagentaBorderActive: string;
+    colorPalettePlumBackground2: string;
+    colorPalettePlumForeground2: string;
+    colorPalettePlumBorderActive: string;
+    colorPaletteBeigeBackground2: string;
+    colorPaletteBeigeForeground2: string;
+    colorPaletteBeigeBorderActive: string;
+    colorPaletteMinkBackground2: string;
+    colorPaletteMinkForeground2: string;
+    colorPaletteMinkBorderActive: string;
+    colorPalettePlatinumBackground2: string;
+    colorPalettePlatinumForeground2: string;
+    colorPalettePlatinumBorderActive: string;
+    colorPaletteAnchorBackground2: string;
+    colorPaletteAnchorForeground2: string;
+    colorPaletteAnchorBorderActive: string;
+    colorStatusSuccessBackground1: string;
+    colorStatusSuccessBackground2: string;
+    colorStatusSuccessBackground3: string;
+    colorStatusSuccessForeground1: string;
+    colorStatusSuccessForeground2: string;
+    colorStatusSuccessForeground3: string;
+    colorStatusSuccessForegroundInverted: string;
+    colorStatusSuccessBorderActive: string;
+    colorStatusSuccessBorder1: string;
+    colorStatusSuccessBorder2: string;
+    colorStatusWarningBackground1: string;
+    colorStatusWarningBackground2: string;
+    colorStatusWarningBackground3: string;
+    colorStatusWarningForeground1: string;
+    colorStatusWarningForeground2: string;
+    colorStatusWarningForeground3: string;
+    colorStatusWarningForegroundInverted: string;
+    colorStatusWarningBorderActive: string;
+    colorStatusWarningBorder1: string;
+    colorStatusWarningBorder2: string;
+    colorStatusDangerBackground1: string;
+    colorStatusDangerBackground2: string;
+    colorStatusDangerBackground3: string;
+    colorStatusDangerBackground3Hover: string;
+    colorStatusDangerBackground3Pressed: string;
+    colorStatusDangerForeground1: string;
+    colorStatusDangerForeground2: string;
+    colorStatusDangerForeground3: string;
+    colorStatusDangerForegroundInverted: string;
+    colorStatusDangerBorderActive: string;
+    colorStatusDangerBorder1: string;
+    colorStatusDangerBorder2: string;
+    colorNeutralForeground1: string;
+    colorNeutralForeground1Hover: string;
+    colorNeutralForeground1Pressed: string;
+    colorNeutralForeground1Selected: string;
+    colorNeutralForeground2: string;
+    colorNeutralForeground2Hover: string;
+    colorNeutralForeground2Pressed: string;
+    colorNeutralForeground2Selected: string;
+    colorNeutralForeground2BrandHover: string;
+    colorNeutralForeground2BrandPressed: string;
+    colorNeutralForeground2BrandSelected: string;
+    colorNeutralForeground3: string;
+    colorNeutralForeground3Hover: string;
+    colorNeutralForeground3Pressed: string;
+    colorNeutralForeground3Selected: string;
+    colorNeutralForeground3BrandHover: string;
+    colorNeutralForeground3BrandPressed: string;
+    colorNeutralForeground3BrandSelected: string;
+    colorNeutralForeground4: string;
+    colorNeutralForeground5: string;
+    colorNeutralForeground5Hover: string;
+    colorNeutralForeground5Pressed: string;
+    colorNeutralForeground5Selected: string;
+    colorNeutralForegroundDisabled: string;
+    colorNeutralForegroundInvertedDisabled: string;
+    colorBrandForegroundLink: string;
+    colorBrandForegroundLinkHover: string;
+    colorBrandForegroundLinkPressed: string;
+    colorBrandForegroundLinkSelected: string;
+    colorNeutralForeground2Link: string;
+    colorNeutralForeground2LinkHover: string;
+    colorNeutralForeground2LinkPressed: string;
+    colorNeutralForeground2LinkSelected: string;
+    colorCompoundBrandForeground1: string;
+    colorCompoundBrandForeground1Hover: string;
+    colorCompoundBrandForeground1Pressed: string;
+    colorBrandForeground1: string;
+    colorBrandForeground2: string;
+    colorBrandForeground2Hover: string;
+    colorBrandForeground2Pressed: string;
+    colorNeutralForeground1Static: string;
+    colorNeutralForegroundInverted: string;
+    colorNeutralForegroundInvertedHover: string;
+    colorNeutralForegroundInvertedPressed: string;
+    colorNeutralForegroundInvertedSelected: string;
+    colorNeutralForegroundInverted2: string;
+    colorNeutralForegroundOnBrand: string;
+    colorNeutralForegroundStaticInverted: string;
+    colorNeutralForegroundInvertedLink: string;
+    colorNeutralForegroundInvertedLinkHover: string;
+    colorNeutralForegroundInvertedLinkPressed: string;
+    colorNeutralForegroundInvertedLinkSelected: string;
+    colorBrandForegroundInverted: string;
+    colorBrandForegroundInvertedHover: string;
+    colorBrandForegroundInvertedPressed: string;
+    colorBrandForegroundOnLight: string;
+    colorBrandForegroundOnLightHover: string;
+    colorBrandForegroundOnLightPressed: string;
+    colorBrandForegroundOnLightSelected: string;
+    colorNeutralBackground1: string;
+    colorNeutralBackground1Hover: string;
+    colorNeutralBackground1Pressed: string;
+    colorNeutralBackground1Selected: string;
+    colorNeutralBackground2: string;
+    colorNeutralBackground2Hover: string;
+    colorNeutralBackground2Pressed: string;
+    colorNeutralBackground2Selected: string;
+    colorNeutralBackground3: string;
+    colorNeutralBackground3Hover: string;
+    colorNeutralBackground3Pressed: string;
+    colorNeutralBackground3Selected: string;
+    colorNeutralBackground4: string;
+    colorNeutralBackground4Hover: string;
+    colorNeutralBackground4Pressed: string;
+    colorNeutralBackground4Selected: string;
+    colorNeutralBackground5: string;
+    colorNeutralBackground5Hover: string;
+    colorNeutralBackground5Pressed: string;
+    colorNeutralBackground5Selected: string;
+    colorNeutralBackground6: string;
+    colorNeutralBackground7: string;
+    colorNeutralBackground7Hover: string;
+    colorNeutralBackground7Pressed: string;
+    colorNeutralBackground7Selected: string;
+    colorNeutralBackground8: string;
+    colorNeutralBackgroundInverted: string;
+    colorNeutralBackgroundInvertedHover: string;
+    colorNeutralBackgroundInvertedPressed: string;
+    colorNeutralBackgroundInvertedSelected: string;
+    colorNeutralBackgroundStatic: string;
+    colorNeutralBackgroundAlpha: string;
+    colorNeutralBackgroundAlpha2: string;
+    colorSubtleBackground: string;
+    colorSubtleBackgroundHover: string;
+    colorSubtleBackgroundPressed: string;
+    colorSubtleBackgroundSelected: string;
+    colorSubtleBackgroundLightAlphaHover: string;
+    colorSubtleBackgroundLightAlphaPressed: string;
+    colorSubtleBackgroundLightAlphaSelected: string;
+    colorSubtleBackgroundInverted: string;
+    colorSubtleBackgroundInvertedHover: string;
+    colorSubtleBackgroundInvertedPressed: string;
+    colorSubtleBackgroundInvertedSelected: string;
+    colorTransparentBackground: string;
+    colorTransparentBackgroundHover: string;
+    colorTransparentBackgroundPressed: string;
+    colorTransparentBackgroundSelected: string;
+    colorNeutralBackgroundDisabled: string;
+    colorNeutralBackgroundDisabled2: string;
+    colorNeutralBackgroundInvertedDisabled: string;
+    colorNeutralStencil1: string;
+    colorNeutralStencil2: string;
+    colorNeutralStencil1Alpha: string;
+    colorNeutralStencil2Alpha: string;
+    colorBackgroundOverlay: string;
+    colorScrollbarOverlay: string;
+    colorBrandBackground: string;
+    colorBrandBackgroundHover: string;
+    colorBrandBackgroundPressed: string;
+    colorBrandBackgroundSelected: string;
+    colorCompoundBrandBackground: string;
+    colorCompoundBrandBackgroundHover: string;
+    colorCompoundBrandBackgroundPressed: string;
+    colorBrandBackgroundStatic: string;
+    colorBrandBackground2: string;
+    colorBrandBackground2Hover: string;
+    colorBrandBackground2Pressed: string;
+    colorBrandBackground3Static: string;
+    colorBrandBackground4Static: string;
+    colorBrandBackgroundInverted: string;
+    colorBrandBackgroundInvertedHover: string;
+    colorBrandBackgroundInvertedPressed: string;
+    colorBrandBackgroundInvertedSelected: string;
+    colorNeutralCardBackground: string;
+    colorNeutralCardBackgroundHover: string;
+    colorNeutralCardBackgroundPressed: string;
+    colorNeutralCardBackgroundSelected: string;
+    colorNeutralCardBackgroundDisabled: string;
+    colorNeutralStrokeAccessible: string;
+    colorNeutralStrokeAccessibleHover: string;
+    colorNeutralStrokeAccessiblePressed: string;
+    colorNeutralStrokeAccessibleSelected: string;
+    colorNeutralStroke1: string;
+    colorNeutralStroke1Hover: string;
+    colorNeutralStroke1Pressed: string;
+    colorNeutralStroke1Selected: string;
+    colorNeutralStroke2: string;
+    colorNeutralStroke3: string;
+    colorNeutralStroke4: string;
+    colorNeutralStroke4Hover: string;
+    colorNeutralStroke4Pressed: string;
+    colorNeutralStroke4Selected: string;
+    colorNeutralStrokeSubtle: string;
+    colorNeutralStrokeOnBrand: string;
+    colorNeutralStrokeOnBrand2: string;
+    colorNeutralStrokeOnBrand2Hover: string;
+    colorNeutralStrokeOnBrand2Pressed: string;
+    colorNeutralStrokeOnBrand2Selected: string;
+    colorBrandStroke1: string;
+    colorBrandStroke2: string;
+    colorBrandStroke2Hover: string;
+    colorBrandStroke2Pressed: string;
+    colorBrandStroke2Contrast: string;
+    colorCompoundBrandStroke: string;
+    colorCompoundBrandStrokeHover: string;
+    colorCompoundBrandStrokePressed: string;
+    colorNeutralStrokeDisabled: string;
+    colorNeutralStrokeDisabled2: string;
+    colorNeutralStrokeInvertedDisabled: string;
+    colorTransparentStroke: string;
+    colorTransparentStrokeInteractive: string;
+    colorTransparentStrokeDisabled: string;
+    colorNeutralStrokeAlpha: string;
+    colorNeutralStrokeAlpha2: string;
+    colorStrokeFocus1: string;
+    colorStrokeFocus2: string;
+    colorNeutralShadowAmbient: string;
+    colorNeutralShadowKey: string;
+    colorNeutralShadowAmbientLighter: string;
+    colorNeutralShadowKeyLighter: string;
+    colorNeutralShadowAmbientDarker: string;
+    colorNeutralShadowKeyDarker: string;
+    colorBrandShadowAmbient: string;
+    colorBrandShadowKey: string;
+    zIndexBackground?: string;
+    zIndexContent?: string;
+    zIndexOverlay?: string;
+    zIndexPopup?: string;
+    zIndexMessages?: string;
+    zIndexFloating?: string;
+    zIndexPriority?: string;
+    zIndexDebug?: string;
+};
+export declare const baseDarkTheme: {
+    fontFamilyBase: "'Segoe UI Variable Web', 'Segoe UI Variable Text', 'Segoe UI Variable Display', 'Segoe UI Variable Small', 'Segoe UI', system-ui, sans-serif";
+    fontFamilyMonospace: "'Meslo LG S Web', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+    fontSizeBase600: "22px";
+    fontSizeBase100: string;
+    fontSizeBase200: string;
+    fontSizeBase300: string;
+    fontSizeBase400: string;
+    fontSizeBase500: string;
+    fontSizeHero700: string;
+    fontSizeHero800: string;
+    fontSizeHero900: string;
+    fontSizeHero1000: string;
+    lineHeightBase100: string;
+    lineHeightBase200: string;
+    lineHeightBase300: string;
+    lineHeightBase400: string;
+    lineHeightBase500: string;
+    lineHeightBase600: string;
+    lineHeightHero700: string;
+    lineHeightHero800: string;
+    lineHeightHero900: string;
+    lineHeightHero1000: string;
+    borderRadiusNone: string;
+    borderRadiusSmall: string;
+    borderRadiusMedium: string;
+    borderRadiusLarge: string;
+    borderRadiusXLarge: string;
+    borderRadius2XLarge: string;
+    borderRadius3XLarge: string;
+    borderRadius4XLarge: string;
+    borderRadius5XLarge: string;
+    borderRadius6XLarge: string;
+    borderRadiusCircular: string;
+    strokeWidthThin: string;
+    strokeWidthThick: string;
+    strokeWidthThicker: string;
+    strokeWidthThickest: string;
+    spacingHorizontalNone: string;
+    spacingHorizontalXXS: string;
+    spacingHorizontalXS: string;
+    spacingHorizontalSNudge: string;
+    spacingHorizontalS: string;
+    spacingHorizontalMNudge: string;
+    spacingHorizontalM: string;
+    spacingHorizontalL: string;
+    spacingHorizontalXL: string;
+    spacingHorizontalXXL: string;
+    spacingHorizontalXXXL: string;
+    spacingVerticalNone: string;
+    spacingVerticalXXS: string;
+    spacingVerticalXS: string;
+    spacingVerticalSNudge: string;
+    spacingVerticalS: string;
+    spacingVerticalMNudge: string;
+    spacingVerticalM: string;
+    spacingVerticalL: string;
+    spacingVerticalXL: string;
+    spacingVerticalXXL: string;
+    spacingVerticalXXXL: string;
+    durationUltraFast: string;
+    durationFaster: string;
+    durationFast: string;
+    durationNormal: string;
+    durationGentle: string;
+    durationSlow: string;
+    durationSlower: string;
+    durationUltraSlow: string;
+    curveAccelerateMax: string;
+    curveAccelerateMid: string;
+    curveAccelerateMin: string;
+    curveDecelerateMax: string;
+    curveDecelerateMid: string;
+    curveDecelerateMin: string;
+    curveEasyEaseMax: string;
+    curveEasyEase: string;
+    curveLinear: string;
+    shadow2: string;
+    shadow4: string;
+    shadow8: string;
+    shadow16: string;
+    shadow28: string;
+    shadow64: string;
+    shadow2Brand: string;
+    shadow4Brand: string;
+    shadow8Brand: string;
+    shadow16Brand: string;
+    shadow28Brand: string;
+    shadow64Brand: string;
+    fontFamilyNumeric: string;
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightSemibold: number;
+    fontWeightBold: number;
+    colorPaletteRedBackground1: string;
+    colorPaletteRedBackground2: string;
+    colorPaletteRedBackground3: string;
+    colorPaletteRedForeground1: string;
+    colorPaletteRedForeground2: string;
+    colorPaletteRedForeground3: string;
+    colorPaletteRedForegroundInverted: string;
+    colorPaletteRedBorderActive: string;
+    colorPaletteRedBorder1: string;
+    colorPaletteRedBorder2: string;
+    colorPaletteGreenBackground1: string;
+    colorPaletteGreenBackground2: string;
+    colorPaletteGreenBackground3: string;
+    colorPaletteGreenForeground1: string;
+    colorPaletteGreenForeground2: string;
+    colorPaletteGreenForeground3: string;
+    colorPaletteGreenForegroundInverted: string;
+    colorPaletteGreenBorderActive: string;
+    colorPaletteGreenBorder1: string;
+    colorPaletteGreenBorder2: string;
+    colorPaletteDarkOrangeBackground1: string;
+    colorPaletteDarkOrangeBackground2: string;
+    colorPaletteDarkOrangeBackground3: string;
+    colorPaletteDarkOrangeForeground1: string;
+    colorPaletteDarkOrangeForeground2: string;
+    colorPaletteDarkOrangeForeground3: string;
+    colorPaletteDarkOrangeBorderActive: string;
+    colorPaletteDarkOrangeBorder1: string;
+    colorPaletteDarkOrangeBorder2: string;
+    colorPaletteYellowBackground1: string;
+    colorPaletteYellowBackground2: string;
+    colorPaletteYellowBackground3: string;
+    colorPaletteYellowForeground1: string;
+    colorPaletteYellowForeground2: string;
+    colorPaletteYellowForeground3: string;
+    colorPaletteYellowForegroundInverted: string;
+    colorPaletteYellowBorderActive: string;
+    colorPaletteYellowBorder1: string;
+    colorPaletteYellowBorder2: string;
+    colorPaletteBerryBackground1: string;
+    colorPaletteBerryBackground2: string;
+    colorPaletteBerryBackground3: string;
+    colorPaletteBerryForeground1: string;
+    colorPaletteBerryForeground2: string;
+    colorPaletteBerryForeground3: string;
+    colorPaletteBerryBorderActive: string;
+    colorPaletteBerryBorder1: string;
+    colorPaletteBerryBorder2: string;
+    colorPaletteMarigoldBackground1: string;
+    colorPaletteMarigoldBackground2: string;
+    colorPaletteMarigoldBackground3: string;
+    colorPaletteMarigoldForeground1: string;
+    colorPaletteMarigoldForeground2: string;
+    colorPaletteMarigoldForeground3: string;
+    colorPaletteMarigoldBorderActive: string;
+    colorPaletteMarigoldBorder1: string;
+    colorPaletteMarigoldBorder2: string;
+    colorPaletteLightGreenBackground1: string;
+    colorPaletteLightGreenBackground2: string;
+    colorPaletteLightGreenBackground3: string;
+    colorPaletteLightGreenForeground1: string;
+    colorPaletteLightGreenForeground2: string;
+    colorPaletteLightGreenForeground3: string;
+    colorPaletteLightGreenBorderActive: string;
+    colorPaletteLightGreenBorder1: string;
+    colorPaletteLightGreenBorder2: string;
+    colorPaletteDarkRedBackground2: string;
+    colorPaletteDarkRedForeground2: string;
+    colorPaletteDarkRedBorderActive: string;
+    colorPaletteCranberryBackground2: string;
+    colorPaletteCranberryForeground2: string;
+    colorPaletteCranberryBorderActive: string;
+    colorPalettePumpkinBackground2: string;
+    colorPalettePumpkinForeground2: string;
+    colorPalettePumpkinBorderActive: string;
+    colorPalettePeachBackground2: string;
+    colorPalettePeachForeground2: string;
+    colorPalettePeachBorderActive: string;
+    colorPaletteGoldBackground2: string;
+    colorPaletteGoldForeground2: string;
+    colorPaletteGoldBorderActive: string;
+    colorPaletteBrassBackground2: string;
+    colorPaletteBrassForeground2: string;
+    colorPaletteBrassBorderActive: string;
+    colorPaletteBrownBackground2: string;
+    colorPaletteBrownForeground2: string;
+    colorPaletteBrownBorderActive: string;
+    colorPaletteForestBackground2: string;
+    colorPaletteForestForeground2: string;
+    colorPaletteForestBorderActive: string;
+    colorPaletteSeafoamBackground2: string;
+    colorPaletteSeafoamForeground2: string;
+    colorPaletteSeafoamBorderActive: string;
+    colorPaletteDarkGreenBackground2: string;
+    colorPaletteDarkGreenForeground2: string;
+    colorPaletteDarkGreenBorderActive: string;
+    colorPaletteLightTealBackground2: string;
+    colorPaletteLightTealForeground2: string;
+    colorPaletteLightTealBorderActive: string;
+    colorPaletteTealBackground2: string;
+    colorPaletteTealForeground2: string;
+    colorPaletteTealBorderActive: string;
+    colorPaletteSteelBackground2: string;
+    colorPaletteSteelForeground2: string;
+    colorPaletteSteelBorderActive: string;
+    colorPaletteBlueBackground2: string;
+    colorPaletteBlueForeground2: string;
+    colorPaletteBlueBorderActive: string;
+    colorPaletteRoyalBlueBackground2: string;
+    colorPaletteRoyalBlueForeground2: string;
+    colorPaletteRoyalBlueBorderActive: string;
+    colorPaletteCornflowerBackground2: string;
+    colorPaletteCornflowerForeground2: string;
+    colorPaletteCornflowerBorderActive: string;
+    colorPaletteNavyBackground2: string;
+    colorPaletteNavyForeground2: string;
+    colorPaletteNavyBorderActive: string;
+    colorPaletteLavenderBackground2: string;
+    colorPaletteLavenderForeground2: string;
+    colorPaletteLavenderBorderActive: string;
+    colorPalettePurpleBackground2: string;
+    colorPalettePurpleForeground2: string;
+    colorPalettePurpleBorderActive: string;
+    colorPaletteGrapeBackground2: string;
+    colorPaletteGrapeForeground2: string;
+    colorPaletteGrapeBorderActive: string;
+    colorPaletteLilacBackground2: string;
+    colorPaletteLilacForeground2: string;
+    colorPaletteLilacBorderActive: string;
+    colorPalettePinkBackground2: string;
+    colorPalettePinkForeground2: string;
+    colorPalettePinkBorderActive: string;
+    colorPaletteMagentaBackground2: string;
+    colorPaletteMagentaForeground2: string;
+    colorPaletteMagentaBorderActive: string;
+    colorPalettePlumBackground2: string;
+    colorPalettePlumForeground2: string;
+    colorPalettePlumBorderActive: string;
+    colorPaletteBeigeBackground2: string;
+    colorPaletteBeigeForeground2: string;
+    colorPaletteBeigeBorderActive: string;
+    colorPaletteMinkBackground2: string;
+    colorPaletteMinkForeground2: string;
+    colorPaletteMinkBorderActive: string;
+    colorPalettePlatinumBackground2: string;
+    colorPalettePlatinumForeground2: string;
+    colorPalettePlatinumBorderActive: string;
+    colorPaletteAnchorBackground2: string;
+    colorPaletteAnchorForeground2: string;
+    colorPaletteAnchorBorderActive: string;
+    colorStatusSuccessBackground1: string;
+    colorStatusSuccessBackground2: string;
+    colorStatusSuccessBackground3: string;
+    colorStatusSuccessForeground1: string;
+    colorStatusSuccessForeground2: string;
+    colorStatusSuccessForeground3: string;
+    colorStatusSuccessForegroundInverted: string;
+    colorStatusSuccessBorderActive: string;
+    colorStatusSuccessBorder1: string;
+    colorStatusSuccessBorder2: string;
+    colorStatusWarningBackground1: string;
+    colorStatusWarningBackground2: string;
+    colorStatusWarningBackground3: string;
+    colorStatusWarningForeground1: string;
+    colorStatusWarningForeground2: string;
+    colorStatusWarningForeground3: string;
+    colorStatusWarningForegroundInverted: string;
+    colorStatusWarningBorderActive: string;
+    colorStatusWarningBorder1: string;
+    colorStatusWarningBorder2: string;
+    colorStatusDangerBackground1: string;
+    colorStatusDangerBackground2: string;
+    colorStatusDangerBackground3: string;
+    colorStatusDangerBackground3Hover: string;
+    colorStatusDangerBackground3Pressed: string;
+    colorStatusDangerForeground1: string;
+    colorStatusDangerForeground2: string;
+    colorStatusDangerForeground3: string;
+    colorStatusDangerForegroundInverted: string;
+    colorStatusDangerBorderActive: string;
+    colorStatusDangerBorder1: string;
+    colorStatusDangerBorder2: string;
+    colorNeutralForeground1: string;
+    colorNeutralForeground1Hover: string;
+    colorNeutralForeground1Pressed: string;
+    colorNeutralForeground1Selected: string;
+    colorNeutralForeground2: string;
+    colorNeutralForeground2Hover: string;
+    colorNeutralForeground2Pressed: string;
+    colorNeutralForeground2Selected: string;
+    colorNeutralForeground2BrandHover: string;
+    colorNeutralForeground2BrandPressed: string;
+    colorNeutralForeground2BrandSelected: string;
+    colorNeutralForeground3: string;
+    colorNeutralForeground3Hover: string;
+    colorNeutralForeground3Pressed: string;
+    colorNeutralForeground3Selected: string;
+    colorNeutralForeground3BrandHover: string;
+    colorNeutralForeground3BrandPressed: string;
+    colorNeutralForeground3BrandSelected: string;
+    colorNeutralForeground4: string;
+    colorNeutralForeground5: string;
+    colorNeutralForeground5Hover: string;
+    colorNeutralForeground5Pressed: string;
+    colorNeutralForeground5Selected: string;
+    colorNeutralForegroundDisabled: string;
+    colorNeutralForegroundInvertedDisabled: string;
+    colorBrandForegroundLink: string;
+    colorBrandForegroundLinkHover: string;
+    colorBrandForegroundLinkPressed: string;
+    colorBrandForegroundLinkSelected: string;
+    colorNeutralForeground2Link: string;
+    colorNeutralForeground2LinkHover: string;
+    colorNeutralForeground2LinkPressed: string;
+    colorNeutralForeground2LinkSelected: string;
+    colorCompoundBrandForeground1: string;
+    colorCompoundBrandForeground1Hover: string;
+    colorCompoundBrandForeground1Pressed: string;
+    colorBrandForeground1: string;
+    colorBrandForeground2: string;
+    colorBrandForeground2Hover: string;
+    colorBrandForeground2Pressed: string;
+    colorNeutralForeground1Static: string;
+    colorNeutralForegroundInverted: string;
+    colorNeutralForegroundInvertedHover: string;
+    colorNeutralForegroundInvertedPressed: string;
+    colorNeutralForegroundInvertedSelected: string;
+    colorNeutralForegroundInverted2: string;
+    colorNeutralForegroundOnBrand: string;
+    colorNeutralForegroundStaticInverted: string;
+    colorNeutralForegroundInvertedLink: string;
+    colorNeutralForegroundInvertedLinkHover: string;
+    colorNeutralForegroundInvertedLinkPressed: string;
+    colorNeutralForegroundInvertedLinkSelected: string;
+    colorBrandForegroundInverted: string;
+    colorBrandForegroundInvertedHover: string;
+    colorBrandForegroundInvertedPressed: string;
+    colorBrandForegroundOnLight: string;
+    colorBrandForegroundOnLightHover: string;
+    colorBrandForegroundOnLightPressed: string;
+    colorBrandForegroundOnLightSelected: string;
+    colorNeutralBackground1: string;
+    colorNeutralBackground1Hover: string;
+    colorNeutralBackground1Pressed: string;
+    colorNeutralBackground1Selected: string;
+    colorNeutralBackground2: string;
+    colorNeutralBackground2Hover: string;
+    colorNeutralBackground2Pressed: string;
+    colorNeutralBackground2Selected: string;
+    colorNeutralBackground3: string;
+    colorNeutralBackground3Hover: string;
+    colorNeutralBackground3Pressed: string;
+    colorNeutralBackground3Selected: string;
+    colorNeutralBackground4: string;
+    colorNeutralBackground4Hover: string;
+    colorNeutralBackground4Pressed: string;
+    colorNeutralBackground4Selected: string;
+    colorNeutralBackground5: string;
+    colorNeutralBackground5Hover: string;
+    colorNeutralBackground5Pressed: string;
+    colorNeutralBackground5Selected: string;
+    colorNeutralBackground6: string;
+    colorNeutralBackground7: string;
+    colorNeutralBackground7Hover: string;
+    colorNeutralBackground7Pressed: string;
+    colorNeutralBackground7Selected: string;
+    colorNeutralBackground8: string;
+    colorNeutralBackgroundInverted: string;
+    colorNeutralBackgroundInvertedHover: string;
+    colorNeutralBackgroundInvertedPressed: string;
+    colorNeutralBackgroundInvertedSelected: string;
+    colorNeutralBackgroundStatic: string;
+    colorNeutralBackgroundAlpha: string;
+    colorNeutralBackgroundAlpha2: string;
+    colorSubtleBackground: string;
+    colorSubtleBackgroundHover: string;
+    colorSubtleBackgroundPressed: string;
+    colorSubtleBackgroundSelected: string;
+    colorSubtleBackgroundLightAlphaHover: string;
+    colorSubtleBackgroundLightAlphaPressed: string;
+    colorSubtleBackgroundLightAlphaSelected: string;
+    colorSubtleBackgroundInverted: string;
+    colorSubtleBackgroundInvertedHover: string;
+    colorSubtleBackgroundInvertedPressed: string;
+    colorSubtleBackgroundInvertedSelected: string;
+    colorTransparentBackground: string;
+    colorTransparentBackgroundHover: string;
+    colorTransparentBackgroundPressed: string;
+    colorTransparentBackgroundSelected: string;
+    colorNeutralBackgroundDisabled: string;
+    colorNeutralBackgroundDisabled2: string;
+    colorNeutralBackgroundInvertedDisabled: string;
+    colorNeutralStencil1: string;
+    colorNeutralStencil2: string;
+    colorNeutralStencil1Alpha: string;
+    colorNeutralStencil2Alpha: string;
+    colorBackgroundOverlay: string;
+    colorScrollbarOverlay: string;
+    colorBrandBackground: string;
+    colorBrandBackgroundHover: string;
+    colorBrandBackgroundPressed: string;
+    colorBrandBackgroundSelected: string;
+    colorCompoundBrandBackground: string;
+    colorCompoundBrandBackgroundHover: string;
+    colorCompoundBrandBackgroundPressed: string;
+    colorBrandBackgroundStatic: string;
+    colorBrandBackground2: string;
+    colorBrandBackground2Hover: string;
+    colorBrandBackground2Pressed: string;
+    colorBrandBackground3Static: string;
+    colorBrandBackground4Static: string;
+    colorBrandBackgroundInverted: string;
+    colorBrandBackgroundInvertedHover: string;
+    colorBrandBackgroundInvertedPressed: string;
+    colorBrandBackgroundInvertedSelected: string;
+    colorNeutralCardBackground: string;
+    colorNeutralCardBackgroundHover: string;
+    colorNeutralCardBackgroundPressed: string;
+    colorNeutralCardBackgroundSelected: string;
+    colorNeutralCardBackgroundDisabled: string;
+    colorNeutralStrokeAccessible: string;
+    colorNeutralStrokeAccessibleHover: string;
+    colorNeutralStrokeAccessiblePressed: string;
+    colorNeutralStrokeAccessibleSelected: string;
+    colorNeutralStroke1: string;
+    colorNeutralStroke1Hover: string;
+    colorNeutralStroke1Pressed: string;
+    colorNeutralStroke1Selected: string;
+    colorNeutralStroke2: string;
+    colorNeutralStroke3: string;
+    colorNeutralStroke4: string;
+    colorNeutralStroke4Hover: string;
+    colorNeutralStroke4Pressed: string;
+    colorNeutralStroke4Selected: string;
+    colorNeutralStrokeSubtle: string;
+    colorNeutralStrokeOnBrand: string;
+    colorNeutralStrokeOnBrand2: string;
+    colorNeutralStrokeOnBrand2Hover: string;
+    colorNeutralStrokeOnBrand2Pressed: string;
+    colorNeutralStrokeOnBrand2Selected: string;
+    colorBrandStroke1: string;
+    colorBrandStroke2: string;
+    colorBrandStroke2Hover: string;
+    colorBrandStroke2Pressed: string;
+    colorBrandStroke2Contrast: string;
+    colorCompoundBrandStroke: string;
+    colorCompoundBrandStrokeHover: string;
+    colorCompoundBrandStrokePressed: string;
+    colorNeutralStrokeDisabled: string;
+    colorNeutralStrokeDisabled2: string;
+    colorNeutralStrokeInvertedDisabled: string;
+    colorTransparentStroke: string;
+    colorTransparentStrokeInteractive: string;
+    colorTransparentStrokeDisabled: string;
+    colorNeutralStrokeAlpha: string;
+    colorNeutralStrokeAlpha2: string;
+    colorStrokeFocus1: string;
+    colorStrokeFocus2: string;
+    colorNeutralShadowAmbient: string;
+    colorNeutralShadowKey: string;
+    colorNeutralShadowAmbientLighter: string;
+    colorNeutralShadowKeyLighter: string;
+    colorNeutralShadowAmbientDarker: string;
+    colorNeutralShadowKeyDarker: string;
+    colorBrandShadowAmbient: string;
+    colorBrandShadowKey: string;
+    zIndexBackground?: string;
+    zIndexContent?: string;
+    zIndexOverlay?: string;
+    zIndexPopup?: string;
+    zIndexMessages?: string;
+    zIndexFloating?: string;
+    zIndexPriority?: string;
+    zIndexDebug?: string;
+};