@fluentui/react-theme 9.1.4 → 9.1.5

package/dist/index.d.ts

@@ -1,440 +1,206 @@
-export declare type BorderRadiusTokens = {
-    borderRadiusNone: string;
-    borderRadiusSmall: string;
-    borderRadiusMedium: string;
-    borderRadiusLarge: string;
-    borderRadiusXLarge: string;
-    borderRadiusCircular: string;
-};
+import { BorderRadiusTokens } from '@fluentui/tokens';
+import { Brands } from '@fluentui/tokens';
+import { BrandVariants } from '@fluentui/tokens';
+import { ColorPaletteAnchor } from '@fluentui/tokens';
+import { ColorPaletteBeige } from '@fluentui/tokens';
+import { ColorPaletteBerry } from '@fluentui/tokens';
+import { ColorPaletteBlue } from '@fluentui/tokens';
+import { ColorPaletteBrass } from '@fluentui/tokens';
+import { ColorPaletteBrown } from '@fluentui/tokens';
+import { ColorPaletteCornflower } from '@fluentui/tokens';
+import { ColorPaletteCranberry } from '@fluentui/tokens';
+import { ColorPaletteDarkGreen } from '@fluentui/tokens';
+import { ColorPaletteDarkOrange } from '@fluentui/tokens';
+import { ColorPaletteDarkRed } from '@fluentui/tokens';
+import { ColorPaletteForest } from '@fluentui/tokens';
+import { ColorPaletteGold } from '@fluentui/tokens';
+import { ColorPaletteGrape } from '@fluentui/tokens';
+import { ColorPaletteGreen } from '@fluentui/tokens';
+import { ColorPaletteLavender } from '@fluentui/tokens';
+import { ColorPaletteLightGreen } from '@fluentui/tokens';
+import { ColorPaletteLightTeal } from '@fluentui/tokens';
+import { ColorPaletteLilac } from '@fluentui/tokens';
+import { ColorPaletteMagenta } from '@fluentui/tokens';
+import { ColorPaletteMarigold } from '@fluentui/tokens';
+import { ColorPaletteMink } from '@fluentui/tokens';
+import { ColorPaletteNavy } from '@fluentui/tokens';
+import { ColorPalettePeach } from '@fluentui/tokens';
+import { ColorPalettePink } from '@fluentui/tokens';
+import { ColorPalettePlatinum } from '@fluentui/tokens';
+import { ColorPalettePlum } from '@fluentui/tokens';
+import { ColorPalettePumpkin } from '@fluentui/tokens';
+import { ColorPalettePurple } from '@fluentui/tokens';
+import { ColorPaletteRed } from '@fluentui/tokens';
+import { ColorPaletteRoyalBlue } from '@fluentui/tokens';
+import { ColorPaletteSeafoam } from '@fluentui/tokens';
+import { ColorPaletteSteel } from '@fluentui/tokens';
+import { ColorPaletteTeal } from '@fluentui/tokens';
+import { ColorPaletteTokens } from '@fluentui/tokens';
+import { ColorPaletteYellow } from '@fluentui/tokens';
+import { ColorTokens } from '@fluentui/tokens';
+import { createDarkTheme } from '@fluentui/tokens';
+import { createHighContrastTheme } from '@fluentui/tokens';
+import { createLightTheme } from '@fluentui/tokens';
+import { createTeamsDarkTheme } from '@fluentui/tokens';
+import { CurveTokens } from '@fluentui/tokens';
+import { DurationTokens } from '@fluentui/tokens';
+import { FontFamilyTokens } from '@fluentui/tokens';
+import { FontSizeTokens } from '@fluentui/tokens';
+import { FontWeightTokens } from '@fluentui/tokens';
+import { HorizontalSpacingTokens } from '@fluentui/tokens';
+import { LineHeightTokens } from '@fluentui/tokens';
+import { PartialTheme } from '@fluentui/tokens';
+import { ShadowBrandTokens } from '@fluentui/tokens';
+import { ShadowTokens } from '@fluentui/tokens';
+import { SpacingTokens } from '@fluentui/tokens';
+import { StrokeWidthTokens } from '@fluentui/tokens';
+import { teamsDarkTheme } from '@fluentui/tokens';
+import { teamsHighContrastTheme } from '@fluentui/tokens';
+import { teamsLightTheme } from '@fluentui/tokens';
+import { Theme } from '@fluentui/tokens';
+import { themeToTokensObject } from '@fluentui/tokens';
+import { tokens } from '@fluentui/tokens';
+import { TypographyStyle } from '@fluentui/tokens';
+import { TypographyStyles } from '@fluentui/tokens';
+import { typographyStyles } from '@fluentui/tokens';
+import { VerticalSpacingTokens } from '@fluentui/tokens';
+import { webDarkTheme } from '@fluentui/tokens';
+import { webLightTheme } from '@fluentui/tokens';
 
-export declare type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;
+export { BorderRadiusTokens }
 
-export declare type BrandVariants = Record<Brands, string>;
+export { Brands }
 
-export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorBorderActive';
+export { BrandVariants }
 
-export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeBorderActive';
+export { ColorPaletteAnchor }
 
-export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder1' | 'colorPaletteBerryBorder2';
+export { ColorPaletteBeige }
 
-export declare type ColorPaletteBlue = 'colorPaletteBlueBackground2' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueBorderActive';
+export { ColorPaletteBerry }
 
-export declare type ColorPaletteBrass = 'colorPaletteBrassBackground2' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassBorderActive';
+export { ColorPaletteBlue }
 
-export declare type ColorPaletteBrown = 'colorPaletteBrownBackground2' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownBorderActive';
+export { ColorPaletteBrass }
 
-export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerBorderActive';
+export { ColorPaletteBrown }
 
-export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryBorderActive';
+export { ColorPaletteCornflower }
 
-export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenBorderActive';
+export { ColorPaletteCranberry }
 
-export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder1' | 'colorPaletteDarkOrangeBorder2';
+export { ColorPaletteDarkGreen }
 
-export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedBorderActive';
+export { ColorPaletteDarkOrange }
 
-export declare type ColorPaletteForest = 'colorPaletteForestBackground2' | 'colorPaletteForestForeground2' | 'colorPaletteForestBorderActive';
+export { ColorPaletteDarkRed }
 
-export declare type ColorPaletteGold = 'colorPaletteGoldBackground2' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldBorderActive';
+export { ColorPaletteForest }
 
-export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeBorderActive';
+export { ColorPaletteGold }
 
-export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenForegroundInverted' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder1' | 'colorPaletteGreenBorder2';
+export { ColorPaletteGrape }
 
-export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderBorderActive';
+export { ColorPaletteGreen }
 
-export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder1' | 'colorPaletteLightGreenBorder2';
+export { ColorPaletteLavender }
 
-export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealBorderActive';
+export { ColorPaletteLightGreen }
 
-export declare type ColorPaletteLilac = 'colorPaletteLilacBackground2' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacBorderActive';
+export { ColorPaletteLightTeal }
 
-export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaBorderActive';
+export { ColorPaletteLilac }
 
-export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder1' | 'colorPaletteMarigoldBorder2';
+export { ColorPaletteMagenta }
 
-export declare type ColorPaletteMink = 'colorPaletteMinkBackground2' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkBorderActive';
+export { ColorPaletteMarigold }
 
-export declare type ColorPaletteNavy = 'colorPaletteNavyBackground2' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyBorderActive';
+export { ColorPaletteMink }
 
-export declare type ColorPalettePeach = 'colorPalettePeachBackground2' | 'colorPalettePeachForeground2' | 'colorPalettePeachBorderActive';
-
-export declare type ColorPalettePink = 'colorPalettePinkBackground2' | 'colorPalettePinkForeground2' | 'colorPalettePinkBorderActive';
-
-export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumBorderActive';
-
-export declare type ColorPalettePlum = 'colorPalettePlumBackground2' | 'colorPalettePlumForeground2' | 'colorPalettePlumBorderActive';
-
-export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinBorderActive';
-
-export declare type ColorPalettePurple = 'colorPalettePurpleBackground2' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleBorderActive';
-
-export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedForegroundInverted' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder1' | 'colorPaletteRedBorder2';
-
-export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueBorderActive';
-
-export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamBorderActive';
-
-export declare type ColorPaletteSteel = 'colorPaletteSteelBackground2' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelBorderActive';
-
-export declare type ColorPaletteTeal = 'colorPaletteTealBackground2' | 'colorPaletteTealForeground2' | 'colorPaletteTealBorderActive';
-
-export declare type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;
-
-export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowForegroundInverted' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2';
-
-/**
- * Design tokens for alias colors
- */
-export declare type ColorTokens = {
-    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;
-    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;
-    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;
-    colorNeutralBackgroundStatic: string;
-    colorNeutralBackgroundInverted: 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;
-    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;
-    colorBrandBackgroundInverted: string;
-    colorBrandBackgroundInvertedHover: string;
-    colorBrandBackgroundInvertedPressed: string;
-    colorBrandBackgroundInvertedSelected: string;
-    colorNeutralStrokeAccessible: string;
-    colorNeutralStrokeAccessibleHover: string;
-    colorNeutralStrokeAccessiblePressed: string;
-    colorNeutralStrokeAccessibleSelected: string;
-    colorNeutralStroke1: string;
-    colorNeutralStroke1Hover: string;
-    colorNeutralStroke1Pressed: string;
-    colorNeutralStroke1Selected: string;
-    colorNeutralStroke2: string;
-    colorNeutralStroke3: string;
-    colorNeutralStrokeOnBrand: string;
-    colorNeutralStrokeOnBrand2: string;
-    colorNeutralStrokeOnBrand2Hover: string;
-    colorNeutralStrokeOnBrand2Pressed: string;
-    colorNeutralStrokeOnBrand2Selected: string;
-    colorBrandStroke1: string;
-    colorBrandStroke2: string;
-    colorCompoundBrandStroke: string;
-    colorCompoundBrandStrokeHover: string;
-    colorCompoundBrandStrokePressed: string;
-    colorNeutralStrokeDisabled: string;
-    colorNeutralStrokeInvertedDisabled: string;
-    colorTransparentStroke: string;
-    colorTransparentStrokeInteractive: string;
-    colorTransparentStrokeDisabled: string;
-    colorStrokeFocus1: string;
-    colorStrokeFocus2: string;
-    colorNeutralShadowAmbient: string;
-    colorNeutralShadowKey: string;
-    colorNeutralShadowAmbientLighter: string;
-    colorNeutralShadowKeyLighter: string;
-    colorNeutralShadowAmbientDarker: string;
-    colorNeutralShadowKeyDarker: string;
-    colorBrandShadowAmbient: string;
-    colorBrandShadowKey: string;
-};
-
-export declare const createDarkTheme: (brand: BrandVariants) => Theme;
-
-export declare const createHighContrastTheme: () => Theme;
-
-export declare const createLightTheme: (brand: BrandVariants) => Theme;
-
-export declare const createTeamsDarkTheme: (brand: BrandVariants) => Theme;
-
-export declare type CurveTokens = {
-    curveAccelerateMax: string;
-    curveAccelerateMid: string;
-    curveAccelerateMin: string;
-    curveDecelerateMax: string;
-    curveDecelerateMid: string;
-    curveDecelerateMin: string;
-    curveEasyEaseMax: string;
-    curveEasyEase: string;
-    curveLinear: string;
-};
-
-export declare type DurationTokens = {
-    durationUltraFast: string;
-    durationFaster: string;
-    durationFast: string;
-    durationNormal: string;
-    durationSlow: string;
-    durationSlower: string;
-    durationUltraSlow: string;
-};
-
-export declare type FontFamilyTokens = {
-    fontFamilyBase: string;
-    fontFamilyMonospace: string;
-    fontFamilyNumeric: string;
-};
-
-export declare type FontSizeTokens = {
-    fontSizeBase100: string;
-    fontSizeBase200: string;
-    fontSizeBase300: string;
-    fontSizeBase400: string;
-    fontSizeBase500: string;
-    fontSizeBase600: string;
-    fontSizeHero700: string;
-    fontSizeHero800: string;
-    fontSizeHero900: string;
-    fontSizeHero1000: string;
-};
-
-export declare type FontWeightTokens = {
-    fontWeightRegular: number;
-    fontWeightMedium: number;
-    fontWeightSemibold: number;
-    fontWeightBold: number;
-};
-
-export declare type HorizontalSpacingTokens = {
-    spacingHorizontalNone: string;
-    spacingHorizontalXXS: string;
-    spacingHorizontalXS: string;
-    spacingHorizontalSNudge: string;
-    spacingHorizontalS: string;
-    spacingHorizontalMNudge: string;
-    spacingHorizontalM: string;
-    spacingHorizontalL: string;
-    spacingHorizontalXL: string;
-    spacingHorizontalXXL: string;
-    spacingHorizontalXXXL: string;
-};
-
-export declare type LineHeightTokens = {
-    lineHeightBase100: string;
-    lineHeightBase200: string;
-    lineHeightBase300: string;
-    lineHeightBase400: string;
-    lineHeightBase500: string;
-    lineHeightBase600: string;
-    lineHeightHero700: string;
-    lineHeightHero800: string;
-    lineHeightHero900: string;
-    lineHeightHero1000: string;
-};
-
-export declare type PartialTheme = Partial<Theme>;
-
-declare type PersonaColorPaletteTokens = Record<ColorPaletteDarkRed | ColorPaletteCranberry | ColorPalettePumpkin | ColorPalettePeach | ColorPaletteGold | ColorPaletteBrass | ColorPaletteBrown | ColorPaletteForest | ColorPaletteSeafoam | ColorPaletteDarkGreen | ColorPaletteLightTeal | ColorPaletteTeal | ColorPaletteSteel | ColorPaletteBlue | ColorPaletteRoyalBlue | ColorPaletteCornflower | ColorPaletteNavy | ColorPaletteLavender | ColorPalettePurple | ColorPaletteGrape | ColorPaletteLilac | ColorPalettePink | ColorPaletteMagenta | ColorPalettePlum | ColorPaletteBeige | ColorPaletteMink | ColorPalettePlatinum | ColorPaletteAnchor, string>;
-
-export declare type ShadowBrandTokens = {
-    shadow2Brand: string;
-    shadow4Brand: string;
-    shadow8Brand: string;
-    shadow16Brand: string;
-    shadow28Brand: string;
-    shadow64Brand: string;
-};
-
-/**
- * Design tokens for shadow levels
- */
-export declare type ShadowTokens = {
-    shadow2: string;
-    shadow4: string;
-    shadow8: string;
-    shadow16: string;
-    shadow28: string;
-    shadow64: string;
-};
-
-export declare type SpacingTokens = {
-    none: string;
-    xxs: string;
-    xs: string;
-    sNudge: string;
-    s: string;
-    mNudge: string;
-    m: string;
-    l: string;
-    xl: string;
-    xxl: string;
-    xxxl: string;
-};
-
-declare type StatusColorPaletteTokens = Record<ColorPaletteRed | ColorPaletteGreen | ColorPaletteDarkOrange | ColorPaletteYellow | ColorPaletteBerry | ColorPaletteMarigold | ColorPaletteLightGreen, string>;
-
-export declare type StrokeWidthTokens = {
-    strokeWidthThin: string;
-    strokeWidthThick: string;
-    strokeWidthThicker: string;
-    strokeWidthThickest: string;
-};
-
-export declare const teamsDarkTheme: Theme;
-
-export declare const teamsHighContrastTheme: Theme;
-
-export declare const teamsLightTheme: Theme;
-
-export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
-
-/**
- * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
- * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
- * affect tree-shaking since bundlers do not know the shape of the output.
- *
- * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
- * @returns Tokens to css variables mapping object corresponding to the passed theme
- */
-export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string>;
-
-export declare const tokens: Record<keyof Theme, string>;
-
-export declare type TypographyStyle = {
-    fontFamily: string;
-    fontSize: string;
-    fontWeight: string;
-    lineHeight: string;
-};
-
-export declare type TypographyStyles = {
-    body1: TypographyStyle;
-    body1Strong: TypographyStyle;
-    body1Stronger: TypographyStyle;
-    body2: TypographyStyle;
-    caption1: TypographyStyle;
-    caption1Strong: TypographyStyle;
-    caption1Stronger: TypographyStyle;
-    caption2: TypographyStyle;
-    caption2Strong: TypographyStyle;
-    subtitle1: TypographyStyle;
-    subtitle2: TypographyStyle;
-    subtitle2Stronger: TypographyStyle;
-    title1: TypographyStyle;
-    title2: TypographyStyle;
-    title3: TypographyStyle;
-    largeTitle: TypographyStyle;
-    display: TypographyStyle;
-};
-
-/**
- * Global typography styles (fontSize, fontWeight, and lineHeight)
- */
-export declare const typographyStyles: TypographyStyles;
-
-export declare type VerticalSpacingTokens = {
-    spacingVerticalNone: string;
-    spacingVerticalXXS: string;
-    spacingVerticalXS: string;
-    spacingVerticalSNudge: string;
-    spacingVerticalS: string;
-    spacingVerticalMNudge: string;
-    spacingVerticalM: string;
-    spacingVerticalL: string;
-    spacingVerticalXL: string;
-    spacingVerticalXXL: string;
-    spacingVerticalXXXL: string;
-};
-
-export declare const webDarkTheme: Theme;
-
-export declare const webLightTheme: Theme;
+export { ColorPaletteNavy }
+
+export { ColorPalettePeach }
+
+export { ColorPalettePink }
+
+export { ColorPalettePlatinum }
+
+export { ColorPalettePlum }
+
+export { ColorPalettePumpkin }
+
+export { ColorPalettePurple }
+
+export { ColorPaletteRed }
+
+export { ColorPaletteRoyalBlue }
+
+export { ColorPaletteSeafoam }
+
+export { ColorPaletteSteel }
+
+export { ColorPaletteTeal }
+
+export { ColorPaletteTokens }
+
+export { ColorPaletteYellow }
+
+export { ColorTokens }
+
+export { createDarkTheme }
+
+export { createHighContrastTheme }
+
+export { createLightTheme }
+
+export { createTeamsDarkTheme }
+
+export { CurveTokens }
+
+export { DurationTokens }
+
+export { FontFamilyTokens }
+
+export { FontSizeTokens }
+
+export { FontWeightTokens }
+
+export { HorizontalSpacingTokens }
+
+export { LineHeightTokens }
+
+export { PartialTheme }
+
+export { ShadowBrandTokens }
+
+export { ShadowTokens }
+
+export { SpacingTokens }
+
+export { StrokeWidthTokens }
+
+export { teamsDarkTheme }
+
+export { teamsHighContrastTheme }
+
+export { teamsLightTheme }
+
+export { Theme }
+
+export { themeToTokensObject }
+
+export { tokens }
+
+export { TypographyStyle }
+
+export { TypographyStyles }
+
+export { typographyStyles }
+
+export { VerticalSpacingTokens }
+
+export { webDarkTheme }
+
+export { webLightTheme }
 
 export { }

package/lib/index.js

@@ -1,6 +1,2 @@
-export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';
-export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';
-export { themeToTokensObject } from './themeToTokensObject';
-export { tokens } from './tokens';
-export { typographyStyles } from './global/index';
+export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme, createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme, themeToTokensObject, tokens, typographyStyles } from '@fluentui/tokens';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-theme/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEjH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n  Brands,\n  BrandVariants,\n  FontSizeTokens,\n  FontWeightTokens,\n  LineHeightTokens,\n  BorderRadiusTokens,\n  StrokeWidthTokens,\n  SpacingTokens,\n  HorizontalSpacingTokens,\n  VerticalSpacingTokens,\n  DurationTokens,\n  CurveTokens,\n  ShadowTokens,\n  ShadowBrandTokens,\n  FontFamilyTokens,\n  ColorPaletteTokens,\n  ColorPaletteDarkRed,\n  ColorPaletteCranberry,\n  ColorPaletteRed,\n  ColorPaletteDarkOrange,\n  ColorPalettePumpkin,\n  ColorPalettePeach,\n  ColorPaletteMarigold,\n  ColorPaletteYellow,\n  ColorPaletteGold,\n  ColorPaletteBrass,\n  ColorPaletteBrown,\n  ColorPaletteForest,\n  ColorPaletteSeafoam,\n  ColorPaletteGreen,\n  ColorPaletteLightGreen,\n  ColorPaletteDarkGreen,\n  ColorPaletteLightTeal,\n  ColorPaletteTeal,\n  ColorPaletteSteel,\n  ColorPaletteBlue,\n  ColorPaletteRoyalBlue,\n  ColorPaletteCornflower,\n  ColorPaletteNavy,\n  ColorPaletteLavender,\n  ColorPalettePurple,\n  ColorPaletteGrape,\n  ColorPaletteBerry,\n  ColorPaletteLilac,\n  ColorPalettePink,\n  ColorPaletteMagenta,\n  ColorPalettePlum,\n  ColorPaletteBeige,\n  ColorPaletteMink,\n  ColorPalettePlatinum,\n  ColorPaletteAnchor,\n  ColorTokens,\n  PartialTheme,\n  Theme,\n  TypographyStyle,\n  TypographyStyles,\n} from './types';\n"]}
+{"version":3,"sources":["packages/react-components/react-theme/src/index.ts"],"names":[],"mappings":"AAAA,SACE,cADF,EAEE,sBAFF,EAGE,eAHF,EAIE,YAJF,EAKE,aALF,EAME,eANF,EAOE,uBAPF,EAQE,gBARF,EASE,oBATF,EAUE,mBAVF,EAWE,MAXF,EAYE,gBAZF,QAaO,kBAbP","sourcesContent":["export {\n  teamsDarkTheme,\n  teamsHighContrastTheme,\n  teamsLightTheme,\n  webDarkTheme,\n  webLightTheme,\n  createDarkTheme,\n  createHighContrastTheme,\n  createLightTheme,\n  createTeamsDarkTheme,\n  themeToTokensObject,\n  tokens,\n  typographyStyles,\n} from '@fluentui/tokens';\n\nexport type {\n  Brands,\n  BrandVariants,\n  FontSizeTokens,\n  FontWeightTokens,\n  LineHeightTokens,\n  BorderRadiusTokens,\n  StrokeWidthTokens,\n  SpacingTokens,\n  HorizontalSpacingTokens,\n  VerticalSpacingTokens,\n  DurationTokens,\n  CurveTokens,\n  ShadowTokens,\n  ShadowBrandTokens,\n  FontFamilyTokens,\n  ColorPaletteTokens,\n  ColorPaletteDarkRed,\n  ColorPaletteCranberry,\n  ColorPaletteRed,\n  ColorPaletteDarkOrange,\n  ColorPalettePumpkin,\n  ColorPalettePeach,\n  ColorPaletteMarigold,\n  ColorPaletteYellow,\n  ColorPaletteGold,\n  ColorPaletteBrass,\n  ColorPaletteBrown,\n  ColorPaletteForest,\n  ColorPaletteSeafoam,\n  ColorPaletteGreen,\n  ColorPaletteLightGreen,\n  ColorPaletteDarkGreen,\n  ColorPaletteLightTeal,\n  ColorPaletteTeal,\n  ColorPaletteSteel,\n  ColorPaletteBlue,\n  ColorPaletteRoyalBlue,\n  ColorPaletteCornflower,\n  ColorPaletteNavy,\n  ColorPaletteLavender,\n  ColorPalettePurple,\n  ColorPaletteGrape,\n  ColorPaletteBerry,\n  ColorPaletteLilac,\n  ColorPalettePink,\n  ColorPaletteMagenta,\n  ColorPalettePlum,\n  ColorPaletteBeige,\n  ColorPaletteMink,\n  ColorPalettePlatinum,\n  ColorPaletteAnchor,\n  ColorTokens,\n  PartialTheme,\n  Theme,\n  TypographyStyle,\n  TypographyStyles,\n} from '@fluentui/tokens';\n"],"sourceRoot":"../src/"}