@fluentui/react-theme 9.0.0-rc.6 → 9.0.0-rc.7

package/CHANGELOG.json

@@ -2,7 +2,42 @@
   "name": "@fluentui/react-theme",
   "entries": [
     {
-      "date": "Wed, 04 May 2022 13:24:01 GMT",
+      "date": "Thu, 05 May 2022 18:24:34 GMT",
+      "tag": "@fluentui/react-theme_v9.0.0-rc.7",
+      "version": "9.0.0-rc.7",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/react-theme",
+            "commit": "cb0b4bd7ac79ccf27539a12104f651f5d330e464",
+            "comment": "Export TypographyStyle type"
+          },
+          {
+            "author": "humberto_makoto@hotmail.com",
+            "package": "@fluentui/react-theme",
+            "commit": "975977d075e01a9091fcf2b9b84c14f829135fa7",
+            "comment": "Removing star exports."
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-theme",
+            "commit": "d325a31bcd5d144e2a40ee4bf085e8ef6b3f5d73",
+            "comment": "Added ms suffix to durations"
+          }
+        ],
+        "none": [
+          {
+            "author": "miroslav.stastny@microsoft.com",
+            "package": "@fluentui/react-theme",
+            "commit": "00a4a1dd582f5695b7cb9bba48fb8537534bbec0",
+            "comment": "Generate theme tokens using token pipeline"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 May 2022 13:26:33 GMT",
       "tag": "@fluentui/react-theme_v9.0.0-rc.6",
       "version": "9.0.0-rc.6",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,23 @@
 # Change Log - @fluentui/react-theme
 
-This log was last generated on Wed, 04 May 2022 13:24:01 GMT and should not be manually modified.
+This log was last generated on Thu, 05 May 2022 18:24:34 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.7)
+
+Thu, 05 May 2022 18:24:34 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.6..@fluentui/react-theme_v9.0.0-rc.7)
+
+### Changes
+
+- Export TypographyStyle type ([PR #22832](https://github.com/microsoft/fluentui/pull/22832) by miroslav.stastny@microsoft.com)
+- Removing star exports. ([PR #22810](https://github.com/microsoft/fluentui/pull/22810) by humberto_makoto@hotmail.com)
+- Added ms suffix to durations ([PR #22831](https://github.com/microsoft/fluentui/pull/22831) by gcox@microsoft.com)
+
 ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.6)
 
-Wed, 04 May 2022 13:24:01 GMT 
+Wed, 04 May 2022 13:26:33 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.5..@fluentui/react-theme_v9.0.0-rc.6)
 
 ### Changes

package/dist/index.d.ts

@@ -405,7 +405,7 @@ export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme)
 
 export declare const tokens: Record<keyof Theme, string>;
 
-declare type TypographyStyle = {
+export declare type TypographyStyle = {
     fontFamily: string;
     fontSize: string;
     fontWeight: string;

package/lib/global/durations.js

@@ -1,10 +1,10 @@
 export const durations = {
-  durationUltraFast: '50',
-  durationFaster: '100',
-  durationFast: '150',
-  durationNormal: '200',
-  durationSlow: '300',
-  durationSlower: '400',
-  durationUltraSlow: '500'
+  durationUltraFast: '50ms',
+  durationFaster: '100ms',
+  durationFast: '150ms',
+  durationNormal: '200ms',
+  durationSlow: '300ms',
+  durationSlower: '400ms',
+  durationUltraSlow: '500ms'
 };
 //# sourceMappingURL=durations.js.map

package/lib/global/durations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["global/durations.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,SAAS,GAAmB;AACvC,EAAA,iBAAiB,EAAE,IADoB;AAEvC,EAAA,cAAc,EAAE,KAFuB;AAGvC,EAAA,YAAY,EAAE,KAHyB;AAIvC,EAAA,cAAc,EAAE,KAJuB;AAKvC,EAAA,YAAY,EAAE,KALyB;AAMvC,EAAA,cAAc,EAAE,KANuB;AAOvC,EAAA,iBAAiB,EAAE;AAPoB,CAAlC","sourcesContent":["import type { DurationTokens } from '../types';\n\nexport const durations: DurationTokens = {\n  durationUltraFast: '50',\n  durationFaster: '100',\n  durationFast: '150',\n  durationNormal: '200',\n  durationSlow: '300',\n  durationSlower: '400',\n  durationUltraSlow: '500',\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["global/durations.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,SAAS,GAAmB;AACvC,EAAA,iBAAiB,EAAE,MADoB;AAEvC,EAAA,cAAc,EAAE,OAFuB;AAGvC,EAAA,YAAY,EAAE,OAHyB;AAIvC,EAAA,cAAc,EAAE,OAJuB;AAKvC,EAAA,YAAY,EAAE,OALyB;AAMvC,EAAA,cAAc,EAAE,OANuB;AAOvC,EAAA,iBAAiB,EAAE;AAPoB,CAAlC","sourcesContent":["import type { DurationTokens } from '../types';\n\nexport const durations: DurationTokens = {\n  durationUltraFast: '50ms',\n  durationFaster: '100ms',\n  durationFast: '150ms',\n  durationNormal: '200ms',\n  durationSlow: '300ms',\n  durationSlower: '400ms',\n  durationUltraSlow: '500ms',\n};\n"],"sourceRoot":"../src/"}

package/lib/index.d.ts

@@ -1,6 +1,6 @@
-export * from './themes/index';
-export * from './utils/index';
+export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webHighContrastTheme, 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 type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, SpacingTokens, HorizontalSpacingTokens, VerticalSpacingTokens, DurationTokens, CurveTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, TypographyStyles, } from './types';
+export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, SpacingTokens, HorizontalSpacingTokens, VerticalSpacingTokens, DurationTokens, CurveTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, TypographyStyle, TypographyStyles, } from './types';

package/lib/index.js

@@ -1,5 +1,5 @@
-export * from './themes/index';
-export * from './utils/index';
+export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webHighContrastTheme, 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';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAE9B,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 * from './themes/index';\nexport * 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  ColorPaletteBurgundy,\n  ColorPaletteCranberry,\n  ColorPaletteRed,\n  ColorPaletteDarkOrange,\n  ColorPaletteBronze,\n  ColorPalettePumpkin,\n  ColorPaletteOrange,\n  ColorPalettePeach,\n  ColorPaletteMarigold,\n  ColorPaletteYellow,\n  ColorPaletteGold,\n  ColorPaletteBrass,\n  ColorPaletteBrown,\n  ColorPaletteDarkBrown,\n  ColorPaletteLime,\n  ColorPaletteForest,\n  ColorPaletteSeafoam,\n  ColorPaletteLightGreen,\n  ColorPaletteGreen,\n  ColorPaletteDarkGreen,\n  ColorPaletteLightTeal,\n  ColorPaletteTeal,\n  ColorPaletteDarkTeal,\n  ColorPaletteCyan,\n  ColorPaletteSteel,\n  ColorPaletteLightBlue,\n  ColorPaletteBlue,\n  ColorPaletteRoyalBlue,\n  ColorPaletteDarkBlue,\n  ColorPaletteCornflower,\n  ColorPaletteNavy,\n  ColorPaletteLavender,\n  ColorPalettePurple,\n  ColorPaletteDarkPurple,\n  ColorPaletteOrchid,\n  ColorPaletteGrape,\n  ColorPaletteBerry,\n  ColorPaletteLilac,\n  ColorPalettePink,\n  ColorPaletteHotPink,\n  ColorPaletteMagenta,\n  ColorPalettePlum,\n  ColorPaletteBeige,\n  ColorPaletteMink,\n  ColorPaletteSilver,\n  ColorPalettePlatinum,\n  ColorPaletteAnchor,\n  ColorPaletteCharcoal,\n  ColorTokens,\n  PartialTheme,\n  Theme,\n  TypographyStyles,\n} from './types';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,SACE,cADF,EAEE,sBAFF,EAGE,eAHF,EAIE,YAJF,EAKE,oBALF,EAME,aANF,QAOO,gBAPP;AAQA,SAAS,eAAT,EAA0B,uBAA1B,EAAmD,gBAAnD,EAAqE,oBAArE,QAAiG,eAAjG;AAEA,SAAS,mBAAT,QAAoC,uBAApC;AACA,SAAS,MAAT,QAAuB,UAAvB;AACA,SAAS,gBAAT,QAAiC,gBAAjC","sourcesContent":["export {\n  teamsDarkTheme,\n  teamsHighContrastTheme,\n  teamsLightTheme,\n  webDarkTheme,\n  webHighContrastTheme,\n  webLightTheme,\n} 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  ColorPaletteBurgundy,\n  ColorPaletteCranberry,\n  ColorPaletteRed,\n  ColorPaletteDarkOrange,\n  ColorPaletteBronze,\n  ColorPalettePumpkin,\n  ColorPaletteOrange,\n  ColorPalettePeach,\n  ColorPaletteMarigold,\n  ColorPaletteYellow,\n  ColorPaletteGold,\n  ColorPaletteBrass,\n  ColorPaletteBrown,\n  ColorPaletteDarkBrown,\n  ColorPaletteLime,\n  ColorPaletteForest,\n  ColorPaletteSeafoam,\n  ColorPaletteLightGreen,\n  ColorPaletteGreen,\n  ColorPaletteDarkGreen,\n  ColorPaletteLightTeal,\n  ColorPaletteTeal,\n  ColorPaletteDarkTeal,\n  ColorPaletteCyan,\n  ColorPaletteSteel,\n  ColorPaletteLightBlue,\n  ColorPaletteBlue,\n  ColorPaletteRoyalBlue,\n  ColorPaletteDarkBlue,\n  ColorPaletteCornflower,\n  ColorPaletteNavy,\n  ColorPaletteLavender,\n  ColorPalettePurple,\n  ColorPaletteDarkPurple,\n  ColorPaletteOrchid,\n  ColorPaletteGrape,\n  ColorPaletteBerry,\n  ColorPaletteLilac,\n  ColorPalettePink,\n  ColorPaletteHotPink,\n  ColorPaletteMagenta,\n  ColorPalettePlum,\n  ColorPaletteBeige,\n  ColorPaletteMink,\n  ColorPaletteSilver,\n  ColorPalettePlatinum,\n  ColorPaletteAnchor,\n  ColorPaletteCharcoal,\n  ColorTokens,\n  PartialTheme,\n  Theme,\n  TypographyStyle,\n  TypographyStyles,\n} from './types';\n"],"sourceRoot":"../src/"}

package/lib/types.d.ts

@@ -309,7 +309,7 @@ export declare type TextAlignments = {
     end: TextAlignment;
     justify: TextAlignment;
 };
-declare type TypographyStyle = {
+export declare type TypographyStyle = {
     fontFamily: string;
     fontSize: string;
     fontWeight: string;
@@ -429,4 +429,3 @@ export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22
 export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
 export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
 export declare type PartialTheme = Partial<Theme>;
-export {};

package/lib/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n  colorNeutralForeground1: string;\n  colorNeutralForeground1Hover: string;\n  colorNeutralForeground1Pressed: string;\n  colorNeutralForeground1Selected: string;\n  colorNeutralForeground2: string;\n  colorNeutralForeground2Hover: string;\n  colorNeutralForeground2Pressed: string;\n  colorNeutralForeground2Selected: string;\n  colorNeutralForeground2BrandHover: string;\n  colorNeutralForeground2BrandPressed: string;\n  colorNeutralForeground2BrandSelected: string;\n  colorNeutralForeground3: string;\n  colorNeutralForeground3Hover: string;\n  colorNeutralForeground3Pressed: string;\n  colorNeutralForeground3Selected: string;\n  colorNeutralForeground3BrandHover: string;\n  colorNeutralForeground3BrandPressed: string;\n  colorNeutralForeground3BrandSelected: string;\n  colorNeutralForeground4: string;\n  colorNeutralForegroundDisabled: string;\n  colorNeutralForegroundInvertedDisabled: string;\n  colorBrandForegroundLink: string;\n  colorBrandForegroundLinkHover: string;\n  colorBrandForegroundLinkPressed: string;\n  colorBrandForegroundLinkSelected: string;\n  colorNeutralForeground2Link: string;\n  colorNeutralForeground2LinkHover: string;\n  colorNeutralForeground2LinkPressed: string;\n  colorNeutralForeground2LinkSelected: string;\n  colorCompoundBrandForeground1: string;\n  colorCompoundBrandForeground1Hover: string;\n  colorCompoundBrandForeground1Pressed: string;\n  colorBrandForeground1: string;\n  colorBrandForeground2: string;\n  colorNeutralForeground1Static: string;\n  colorNeutralForegroundInverted: string;\n  colorNeutralForegroundInvertedHover: string;\n  colorNeutralForegroundInvertedPressed: string;\n  colorNeutralForegroundInvertedSelected: string;\n  colorNeutralForegroundOnBrand: string;\n  colorNeutralForegroundInvertedLink: string;\n  colorNeutralForegroundInvertedLinkHover: string;\n  colorNeutralForegroundInvertedLinkPressed: string;\n  colorNeutralForegroundInvertedLinkSelected: string;\n  colorBrandForegroundInverted: string;\n  colorBrandForegroundInvertedHover: string;\n  colorBrandForegroundInvertedPressed: string;\n  colorBrandForegroundOnLight: string;\n  colorBrandForegroundOnLightHover: string;\n  colorBrandForegroundOnLightPressed: string;\n  colorBrandForegroundOnLightSelected: string;\n  colorNeutralBackground1: string;\n  colorNeutralBackground1Hover: string;\n  colorNeutralBackground1Pressed: string;\n  colorNeutralBackground1Selected: string;\n  colorNeutralBackground2: string;\n  colorNeutralBackground2Hover: string;\n  colorNeutralBackground2Pressed: string;\n  colorNeutralBackground2Selected: string;\n  colorNeutralBackground3: string;\n  colorNeutralBackground3Hover: string;\n  colorNeutralBackground3Pressed: string;\n  colorNeutralBackground3Selected: string;\n  colorNeutralBackground4: string;\n  colorNeutralBackground4Hover: string;\n  colorNeutralBackground4Pressed: string;\n  colorNeutralBackground4Selected: string;\n  colorNeutralBackground5: string;\n  colorNeutralBackground5Hover: string;\n  colorNeutralBackground5Pressed: string;\n  colorNeutralBackground5Selected: string;\n  colorNeutralBackground6: string;\n  colorNeutralBackgroundInverted: string;\n  colorSubtleBackground: string;\n  colorSubtleBackgroundHover: string;\n  colorSubtleBackgroundPressed: string;\n  colorSubtleBackgroundSelected: string;\n  colorSubtleBackgroundLightAlphaHover: string;\n  colorSubtleBackgroundLightAlphaPressed: string;\n  colorSubtleBackgroundLightAlphaSelected: string;\n  colorSubtleBackgroundInverted: string;\n  colorSubtleBackgroundInvertedHover: string;\n  colorSubtleBackgroundInvertedPressed: string;\n  colorSubtleBackgroundInvertedSelected: string;\n  colorTransparentBackground: string;\n  colorTransparentBackgroundHover: string;\n  colorTransparentBackgroundPressed: string;\n  colorTransparentBackgroundSelected: string;\n  colorNeutralBackgroundDisabled: string;\n  colorNeutralBackgroundInvertedDisabled: string;\n  colorNeutralStencil1: string;\n  colorNeutralStencil2: string;\n  colorBackgroundOverlay: string;\n  colorScrollbarOverlay: string;\n  colorBrandBackground: string;\n  colorBrandBackgroundHover: string;\n  colorBrandBackgroundPressed: string;\n  colorBrandBackgroundSelected: string;\n  colorCompoundBrandBackground: string;\n  colorCompoundBrandBackgroundHover: string;\n  colorCompoundBrandBackgroundPressed: string;\n  colorBrandBackgroundStatic: string;\n  colorBrandBackground2: string;\n  colorBrandBackgroundInverted: string;\n  colorBrandBackgroundInvertedHover: string;\n  colorBrandBackgroundInvertedPressed: string;\n  colorBrandBackgroundInvertedSelected: string;\n  colorNeutralStrokeAccessible: string;\n  colorNeutralStrokeAccessibleHover: string;\n  colorNeutralStrokeAccessiblePressed: string;\n  colorNeutralStrokeAccessibleSelected: string;\n  colorNeutralStroke1: string;\n  colorNeutralStroke1Hover: string;\n  colorNeutralStroke1Pressed: string;\n  colorNeutralStroke1Selected: string;\n  colorNeutralStroke2: string;\n  colorNeutralStroke3: string;\n  colorNeutralStrokeOnBrand: string;\n  colorNeutralStrokeOnBrand2: string;\n  colorNeutralStrokeOnBrand2Hover: string;\n  colorNeutralStrokeOnBrand2Pressed: string;\n  colorNeutralStrokeOnBrand2Selected: string;\n  colorBrandStroke1: string;\n  colorBrandStroke2: string;\n  colorCompoundBrandStroke: string;\n  colorCompoundBrandStrokeHover: string;\n  colorCompoundBrandStrokePressed: string;\n  colorNeutralStrokeDisabled: string;\n  colorNeutralStrokeInvertedDisabled: string;\n  colorTransparentStroke: string;\n  colorTransparentStrokeInteractive: string;\n  colorTransparentStrokeDisabled: string;\n  colorStrokeFocus1: string;\n  colorStrokeFocus2: string;\n  colorNeutralShadowAmbient: string;\n  colorNeutralShadowKey: string;\n  colorNeutralShadowAmbientLighter: string;\n  colorNeutralShadowKeyLighter: string;\n  colorNeutralShadowAmbientDarker: string;\n  colorNeutralShadowKeyDarker: string;\n  colorBrandShadowAmbient: string;\n  colorBrandShadowKey: string;\n};\n\nexport type ColorPaletteDarkRed =\n  | 'colorPaletteDarkRedBackground1'\n  | 'colorPaletteDarkRedBackground2'\n  | 'colorPaletteDarkRedBackground3'\n  | 'colorPaletteDarkRedForeground1'\n  | 'colorPaletteDarkRedForeground2'\n  | 'colorPaletteDarkRedForeground3'\n  | 'colorPaletteDarkRedBorderActive'\n  | 'colorPaletteDarkRedBorder1'\n  | 'colorPaletteDarkRedBorder2';\n\nexport type ColorPaletteBurgundy =\n  | 'colorPaletteBurgundyBackground1'\n  | 'colorPaletteBurgundyBackground2'\n  | 'colorPaletteBurgundyBackground3'\n  | 'colorPaletteBurgundyForeground1'\n  | 'colorPaletteBurgundyForeground2'\n  | 'colorPaletteBurgundyForeground3'\n  | 'colorPaletteBurgundyBorderActive'\n  | 'colorPaletteBurgundyBorder1'\n  | 'colorPaletteBurgundyBorder2';\n\nexport type ColorPaletteCranberry =\n  | 'colorPaletteCranberryBackground1'\n  | 'colorPaletteCranberryBackground2'\n  | 'colorPaletteCranberryBackground3'\n  | 'colorPaletteCranberryForeground1'\n  | 'colorPaletteCranberryForeground2'\n  | 'colorPaletteCranberryForeground3'\n  | 'colorPaletteCranberryBorderActive'\n  | 'colorPaletteCranberryBorder1'\n  | 'colorPaletteCranberryBorder2';\n\nexport type ColorPaletteRed =\n  | 'colorPaletteRedBackground1'\n  | 'colorPaletteRedBackground2'\n  | 'colorPaletteRedBackground3'\n  | 'colorPaletteRedForeground1'\n  | 'colorPaletteRedForeground2'\n  | 'colorPaletteRedForeground3'\n  | 'colorPaletteRedBorderActive'\n  | 'colorPaletteRedBorder1'\n  | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteDarkOrange =\n  | 'colorPaletteDarkOrangeBackground1'\n  | 'colorPaletteDarkOrangeBackground2'\n  | 'colorPaletteDarkOrangeBackground3'\n  | 'colorPaletteDarkOrangeForeground1'\n  | 'colorPaletteDarkOrangeForeground2'\n  | 'colorPaletteDarkOrangeForeground3'\n  | 'colorPaletteDarkOrangeBorderActive'\n  | 'colorPaletteDarkOrangeBorder1'\n  | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteBronze =\n  | 'colorPaletteBronzeBackground1'\n  | 'colorPaletteBronzeBackground2'\n  | 'colorPaletteBronzeBackground3'\n  | 'colorPaletteBronzeForeground1'\n  | 'colorPaletteBronzeForeground2'\n  | 'colorPaletteBronzeForeground3'\n  | 'colorPaletteBronzeBorderActive'\n  | 'colorPaletteBronzeBorder1'\n  | 'colorPaletteBronzeBorder2';\n\nexport type ColorPalettePumpkin =\n  | 'colorPalettePumpkinBackground1'\n  | 'colorPalettePumpkinBackground2'\n  | 'colorPalettePumpkinBackground3'\n  | 'colorPalettePumpkinForeground1'\n  | 'colorPalettePumpkinForeground2'\n  | 'colorPalettePumpkinForeground3'\n  | 'colorPalettePumpkinBorderActive'\n  | 'colorPalettePumpkinBorder1'\n  | 'colorPalettePumpkinBorder2';\n\nexport type ColorPaletteOrange =\n  | 'colorPaletteOrangeBackground1'\n  | 'colorPaletteOrangeBackground2'\n  | 'colorPaletteOrangeBackground3'\n  | 'colorPaletteOrangeForeground1'\n  | 'colorPaletteOrangeForeground2'\n  | 'colorPaletteOrangeForeground3'\n  | 'colorPaletteOrangeBorderActive'\n  | 'colorPaletteOrangeBorder1'\n  | 'colorPaletteOrangeBorder2';\n\nexport type ColorPalettePeach =\n  | 'colorPalettePeachBackground1'\n  | 'colorPalettePeachBackground2'\n  | 'colorPalettePeachBackground3'\n  | 'colorPalettePeachForeground1'\n  | 'colorPalettePeachForeground2'\n  | 'colorPalettePeachForeground3'\n  | 'colorPalettePeachBorderActive'\n  | 'colorPalettePeachBorder1'\n  | 'colorPalettePeachBorder2';\n\nexport type ColorPaletteMarigold =\n  | 'colorPaletteMarigoldBackground1'\n  | 'colorPaletteMarigoldBackground2'\n  | 'colorPaletteMarigoldBackground3'\n  | 'colorPaletteMarigoldForeground1'\n  | 'colorPaletteMarigoldForeground2'\n  | 'colorPaletteMarigoldForeground3'\n  | 'colorPaletteMarigoldBorderActive'\n  | 'colorPaletteMarigoldBorder1'\n  | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteYellow =\n  | 'colorPaletteYellowBackground1'\n  | 'colorPaletteYellowBackground2'\n  | 'colorPaletteYellowBackground3'\n  | 'colorPaletteYellowForeground1'\n  | 'colorPaletteYellowForeground2'\n  | 'colorPaletteYellowForeground3'\n  | 'colorPaletteYellowBorderActive'\n  | 'colorPaletteYellowBorder1'\n  | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteGold =\n  | 'colorPaletteGoldBackground1'\n  | 'colorPaletteGoldBackground2'\n  | 'colorPaletteGoldBackground3'\n  | 'colorPaletteGoldForeground1'\n  | 'colorPaletteGoldForeground2'\n  | 'colorPaletteGoldForeground3'\n  | 'colorPaletteGoldBorderActive'\n  | 'colorPaletteGoldBorder1'\n  | 'colorPaletteGoldBorder2';\n\nexport type ColorPaletteBrass =\n  | 'colorPaletteBrassBackground1'\n  | 'colorPaletteBrassBackground2'\n  | 'colorPaletteBrassBackground3'\n  | 'colorPaletteBrassForeground1'\n  | 'colorPaletteBrassForeground2'\n  | 'colorPaletteBrassForeground3'\n  | 'colorPaletteBrassBorderActive'\n  | 'colorPaletteBrassBorder1'\n  | 'colorPaletteBrassBorder2';\n\nexport type ColorPaletteBrown =\n  | 'colorPaletteBrownBackground1'\n  | 'colorPaletteBrownBackground2'\n  | 'colorPaletteBrownBackground3'\n  | 'colorPaletteBrownForeground1'\n  | 'colorPaletteBrownForeground2'\n  | 'colorPaletteBrownForeground3'\n  | 'colorPaletteBrownBorderActive'\n  | 'colorPaletteBrownBorder1'\n  | 'colorPaletteBrownBorder2';\n\nexport type ColorPaletteDarkBrown =\n  | 'colorPaletteDarkBrownBackground1'\n  | 'colorPaletteDarkBrownBackground2'\n  | 'colorPaletteDarkBrownBackground3'\n  | 'colorPaletteDarkBrownForeground1'\n  | 'colorPaletteDarkBrownForeground2'\n  | 'colorPaletteDarkBrownForeground3'\n  | 'colorPaletteDarkBrownBorderActive'\n  | 'colorPaletteDarkBrownBorder1'\n  | 'colorPaletteDarkBrownBorder2';\n\nexport type ColorPaletteLime =\n  | 'colorPaletteLimeBackground1'\n  | 'colorPaletteLimeBackground2'\n  | 'colorPaletteLimeBackground3'\n  | 'colorPaletteLimeForeground1'\n  | 'colorPaletteLimeForeground2'\n  | 'colorPaletteLimeForeground3'\n  | 'colorPaletteLimeBorderActive'\n  | 'colorPaletteLimeBorder1'\n  | 'colorPaletteLimeBorder2';\n\nexport type ColorPaletteForest =\n  | 'colorPaletteForestBackground1'\n  | 'colorPaletteForestBackground2'\n  | 'colorPaletteForestBackground3'\n  | 'colorPaletteForestForeground1'\n  | 'colorPaletteForestForeground2'\n  | 'colorPaletteForestForeground3'\n  | 'colorPaletteForestBorderActive'\n  | 'colorPaletteForestBorder1'\n  | 'colorPaletteForestBorder2';\n\nexport type ColorPaletteSeafoam =\n  | 'colorPaletteSeafoamBackground1'\n  | 'colorPaletteSeafoamBackground2'\n  | 'colorPaletteSeafoamBackground3'\n  | 'colorPaletteSeafoamForeground1'\n  | 'colorPaletteSeafoamForeground2'\n  | 'colorPaletteSeafoamForeground3'\n  | 'colorPaletteSeafoamBorderActive'\n  | 'colorPaletteSeafoamBorder1'\n  | 'colorPaletteSeafoamBorder2';\n\nexport type ColorPaletteLightGreen =\n  | 'colorPaletteLightGreenBackground1'\n  | 'colorPaletteLightGreenBackground2'\n  | 'colorPaletteLightGreenBackground3'\n  | 'colorPaletteLightGreenForeground1'\n  | 'colorPaletteLightGreenForeground2'\n  | 'colorPaletteLightGreenForeground3'\n  | 'colorPaletteLightGreenBorderActive'\n  | 'colorPaletteLightGreenBorder1'\n  | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteGreen =\n  | 'colorPaletteGreenBackground1'\n  | 'colorPaletteGreenBackground2'\n  | 'colorPaletteGreenBackground3'\n  | 'colorPaletteGreenForeground1'\n  | 'colorPaletteGreenForeground2'\n  | 'colorPaletteGreenForeground3'\n  | 'colorPaletteGreenBorderActive'\n  | 'colorPaletteGreenBorder1'\n  | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkGreen =\n  | 'colorPaletteDarkGreenBackground1'\n  | 'colorPaletteDarkGreenBackground2'\n  | 'colorPaletteDarkGreenBackground3'\n  | 'colorPaletteDarkGreenForeground1'\n  | 'colorPaletteDarkGreenForeground2'\n  | 'colorPaletteDarkGreenForeground3'\n  | 'colorPaletteDarkGreenBorderActive'\n  | 'colorPaletteDarkGreenBorder1'\n  | 'colorPaletteDarkGreenBorder2';\n\nexport type ColorPaletteLightTeal =\n  | 'colorPaletteLightTealBackground1'\n  | 'colorPaletteLightTealBackground2'\n  | 'colorPaletteLightTealBackground3'\n  | 'colorPaletteLightTealForeground1'\n  | 'colorPaletteLightTealForeground2'\n  | 'colorPaletteLightTealForeground3'\n  | 'colorPaletteLightTealBorderActive'\n  | 'colorPaletteLightTealBorder1'\n  | 'colorPaletteLightTealBorder2';\n\nexport type ColorPaletteTeal =\n  | 'colorPaletteTealBackground1'\n  | 'colorPaletteTealBackground2'\n  | 'colorPaletteTealBackground3'\n  | 'colorPaletteTealForeground1'\n  | 'colorPaletteTealForeground2'\n  | 'colorPaletteTealForeground3'\n  | 'colorPaletteTealBorderActive'\n  | 'colorPaletteTealBorder1'\n  | 'colorPaletteTealBorder2';\n\nexport type ColorPaletteDarkTeal =\n  | 'colorPaletteDarkTealBackground1'\n  | 'colorPaletteDarkTealBackground2'\n  | 'colorPaletteDarkTealBackground3'\n  | 'colorPaletteDarkTealForeground1'\n  | 'colorPaletteDarkTealForeground2'\n  | 'colorPaletteDarkTealForeground3'\n  | 'colorPaletteDarkTealBorderActive'\n  | 'colorPaletteDarkTealBorder1'\n  | 'colorPaletteDarkTealBorder2';\n\nexport type ColorPaletteCyan =\n  | 'colorPaletteCyanBackground1'\n  | 'colorPaletteCyanBackground2'\n  | 'colorPaletteCyanBackground3'\n  | 'colorPaletteCyanForeground1'\n  | 'colorPaletteCyanForeground2'\n  | 'colorPaletteCyanForeground3'\n  | 'colorPaletteCyanBorderActive'\n  | 'colorPaletteCyanBorder1'\n  | 'colorPaletteCyanBorder2';\n\nexport type ColorPaletteSteel =\n  | 'colorPaletteSteelBackground1'\n  | 'colorPaletteSteelBackground2'\n  | 'colorPaletteSteelBackground3'\n  | 'colorPaletteSteelForeground1'\n  | 'colorPaletteSteelForeground2'\n  | 'colorPaletteSteelForeground3'\n  | 'colorPaletteSteelBorderActive'\n  | 'colorPaletteSteelBorder1'\n  | 'colorPaletteSteelBorder2';\n\nexport type ColorPaletteLightBlue =\n  | 'colorPaletteLightBlueBackground1'\n  | 'colorPaletteLightBlueBackground2'\n  | 'colorPaletteLightBlueBackground3'\n  | 'colorPaletteLightBlueForeground1'\n  | 'colorPaletteLightBlueForeground2'\n  | 'colorPaletteLightBlueForeground3'\n  | 'colorPaletteLightBlueBorderActive'\n  | 'colorPaletteLightBlueBorder1'\n  | 'colorPaletteLightBlueBorder2';\n\nexport type ColorPaletteBlue =\n  | 'colorPaletteBlueBackground1'\n  | 'colorPaletteBlueBackground2'\n  | 'colorPaletteBlueBackground3'\n  | 'colorPaletteBlueForeground1'\n  | 'colorPaletteBlueForeground2'\n  | 'colorPaletteBlueForeground3'\n  | 'colorPaletteBlueBorderActive'\n  | 'colorPaletteBlueBorder1'\n  | 'colorPaletteBlueBorder2';\n\nexport type ColorPaletteRoyalBlue =\n  | 'colorPaletteRoyalBlueBackground1'\n  | 'colorPaletteRoyalBlueBackground2'\n  | 'colorPaletteRoyalBlueBackground3'\n  | 'colorPaletteRoyalBlueForeground1'\n  | 'colorPaletteRoyalBlueForeground2'\n  | 'colorPaletteRoyalBlueForeground3'\n  | 'colorPaletteRoyalBlueBorderActive'\n  | 'colorPaletteRoyalBlueBorder1'\n  | 'colorPaletteRoyalBlueBorder2';\n\nexport type ColorPaletteDarkBlue =\n  | 'colorPaletteDarkBlueBackground1'\n  | 'colorPaletteDarkBlueBackground2'\n  | 'colorPaletteDarkBlueBackground3'\n  | 'colorPaletteDarkBlueForeground1'\n  | 'colorPaletteDarkBlueForeground2'\n  | 'colorPaletteDarkBlueForeground3'\n  | 'colorPaletteDarkBlueBorderActive'\n  | 'colorPaletteDarkBlueBorder1'\n  | 'colorPaletteDarkBlueBorder2';\n\nexport type ColorPaletteCornflower =\n  | 'colorPaletteCornflowerBackground1'\n  | 'colorPaletteCornflowerBackground2'\n  | 'colorPaletteCornflowerBackground3'\n  | 'colorPaletteCornflowerForeground1'\n  | 'colorPaletteCornflowerForeground2'\n  | 'colorPaletteCornflowerForeground3'\n  | 'colorPaletteCornflowerBorderActive'\n  | 'colorPaletteCornflowerBorder1'\n  | 'colorPaletteCornflowerBorder2';\n\nexport type ColorPaletteNavy =\n  | 'colorPaletteNavyBackground1'\n  | 'colorPaletteNavyBackground2'\n  | 'colorPaletteNavyBackground3'\n  | 'colorPaletteNavyForeground1'\n  | 'colorPaletteNavyForeground2'\n  | 'colorPaletteNavyForeground3'\n  | 'colorPaletteNavyBorderActive'\n  | 'colorPaletteNavyBorder1'\n  | 'colorPaletteNavyBorder2';\n\nexport type ColorPaletteLavender =\n  | 'colorPaletteLavenderBackground1'\n  | 'colorPaletteLavenderBackground2'\n  | 'colorPaletteLavenderBackground3'\n  | 'colorPaletteLavenderForeground1'\n  | 'colorPaletteLavenderForeground2'\n  | 'colorPaletteLavenderForeground3'\n  | 'colorPaletteLavenderBorderActive'\n  | 'colorPaletteLavenderBorder1'\n  | 'colorPaletteLavenderBorder2';\n\nexport type ColorPalettePurple =\n  | 'colorPalettePurpleBackground1'\n  | 'colorPalettePurpleBackground2'\n  | 'colorPalettePurpleBackground3'\n  | 'colorPalettePurpleForeground1'\n  | 'colorPalettePurpleForeground2'\n  | 'colorPalettePurpleForeground3'\n  | 'colorPalettePurpleBorderActive'\n  | 'colorPalettePurpleBorder1'\n  | 'colorPalettePurpleBorder2';\n\nexport type ColorPaletteDarkPurple =\n  | 'colorPaletteDarkPurpleBackground1'\n  | 'colorPaletteDarkPurpleBackground2'\n  | 'colorPaletteDarkPurpleBackground3'\n  | 'colorPaletteDarkPurpleForeground1'\n  | 'colorPaletteDarkPurpleForeground2'\n  | 'colorPaletteDarkPurpleForeground3'\n  | 'colorPaletteDarkPurpleBorderActive'\n  | 'colorPaletteDarkPurpleBorder1'\n  | 'colorPaletteDarkPurpleBorder2';\n\nexport type ColorPaletteOrchid =\n  | 'colorPaletteOrchidBackground1'\n  | 'colorPaletteOrchidBackground2'\n  | 'colorPaletteOrchidBackground3'\n  | 'colorPaletteOrchidForeground1'\n  | 'colorPaletteOrchidForeground2'\n  | 'colorPaletteOrchidForeground3'\n  | 'colorPaletteOrchidBorderActive'\n  | 'colorPaletteOrchidBorder1'\n  | 'colorPaletteOrchidBorder2';\n\nexport type ColorPaletteGrape =\n  | 'colorPaletteGrapeBackground1'\n  | 'colorPaletteGrapeBackground2'\n  | 'colorPaletteGrapeBackground3'\n  | 'colorPaletteGrapeForeground1'\n  | 'colorPaletteGrapeForeground2'\n  | 'colorPaletteGrapeForeground3'\n  | 'colorPaletteGrapeBorderActive'\n  | 'colorPaletteGrapeBorder1'\n  | 'colorPaletteGrapeBorder2';\n\nexport type ColorPaletteBerry =\n  | 'colorPaletteBerryBackground1'\n  | 'colorPaletteBerryBackground2'\n  | 'colorPaletteBerryBackground3'\n  | 'colorPaletteBerryForeground1'\n  | 'colorPaletteBerryForeground2'\n  | 'colorPaletteBerryForeground3'\n  | 'colorPaletteBerryBorderActive'\n  | 'colorPaletteBerryBorder1'\n  | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteLilac =\n  | 'colorPaletteLilacBackground1'\n  | 'colorPaletteLilacBackground2'\n  | 'colorPaletteLilacBackground3'\n  | 'colorPaletteLilacForeground1'\n  | 'colorPaletteLilacForeground2'\n  | 'colorPaletteLilacForeground3'\n  | 'colorPaletteLilacBorderActive'\n  | 'colorPaletteLilacBorder1'\n  | 'colorPaletteLilacBorder2';\n\nexport type ColorPalettePink =\n  | 'colorPalettePinkBackground1'\n  | 'colorPalettePinkBackground2'\n  | 'colorPalettePinkBackground3'\n  | 'colorPalettePinkForeground1'\n  | 'colorPalettePinkForeground2'\n  | 'colorPalettePinkForeground3'\n  | 'colorPalettePinkBorderActive'\n  | 'colorPalettePinkBorder1'\n  | 'colorPalettePinkBorder2';\n\nexport type ColorPaletteHotPink =\n  | 'colorPaletteHotPinkBackground1'\n  | 'colorPaletteHotPinkBackground2'\n  | 'colorPaletteHotPinkBackground3'\n  | 'colorPaletteHotPinkForeground1'\n  | 'colorPaletteHotPinkForeground2'\n  | 'colorPaletteHotPinkForeground3'\n  | 'colorPaletteHotPinkBorderActive'\n  | 'colorPaletteHotPinkBorder1'\n  | 'colorPaletteHotPinkBorder2';\n\nexport type ColorPaletteMagenta =\n  | 'colorPaletteMagentaBackground1'\n  | 'colorPaletteMagentaBackground2'\n  | 'colorPaletteMagentaBackground3'\n  | 'colorPaletteMagentaForeground1'\n  | 'colorPaletteMagentaForeground2'\n  | 'colorPaletteMagentaForeground3'\n  | 'colorPaletteMagentaBorderActive'\n  | 'colorPaletteMagentaBorder1'\n  | 'colorPaletteMagentaBorder2';\n\nexport type ColorPalettePlum =\n  | 'colorPalettePlumBackground1'\n  | 'colorPalettePlumBackground2'\n  | 'colorPalettePlumBackground3'\n  | 'colorPalettePlumForeground1'\n  | 'colorPalettePlumForeground2'\n  | 'colorPalettePlumForeground3'\n  | 'colorPalettePlumBorderActive'\n  | 'colorPalettePlumBorder1'\n  | 'colorPalettePlumBorder2';\n\nexport type ColorPaletteBeige =\n  | 'colorPaletteBeigeBackground1'\n  | 'colorPaletteBeigeBackground2'\n  | 'colorPaletteBeigeBackground3'\n  | 'colorPaletteBeigeForeground1'\n  | 'colorPaletteBeigeForeground2'\n  | 'colorPaletteBeigeForeground3'\n  | 'colorPaletteBeigeBorderActive'\n  | 'colorPaletteBeigeBorder1'\n  | 'colorPaletteBeigeBorder2';\n\nexport type ColorPaletteMink =\n  | 'colorPaletteMinkBackground1'\n  | 'colorPaletteMinkBackground2'\n  | 'colorPaletteMinkBackground3'\n  | 'colorPaletteMinkForeground1'\n  | 'colorPaletteMinkForeground2'\n  | 'colorPaletteMinkForeground3'\n  | 'colorPaletteMinkBorderActive'\n  | 'colorPaletteMinkBorder1'\n  | 'colorPaletteMinkBorder2';\n\nexport type ColorPaletteSilver =\n  | 'colorPaletteSilverBackground1'\n  | 'colorPaletteSilverBackground2'\n  | 'colorPaletteSilverBackground3'\n  | 'colorPaletteSilverForeground1'\n  | 'colorPaletteSilverForeground2'\n  | 'colorPaletteSilverForeground3'\n  | 'colorPaletteSilverBorderActive'\n  | 'colorPaletteSilverBorder1'\n  | 'colorPaletteSilverBorder2';\n\nexport type ColorPalettePlatinum =\n  | 'colorPalettePlatinumBackground1'\n  | 'colorPalettePlatinumBackground2'\n  | 'colorPalettePlatinumBackground3'\n  | 'colorPalettePlatinumForeground1'\n  | 'colorPalettePlatinumForeground2'\n  | 'colorPalettePlatinumForeground3'\n  | 'colorPalettePlatinumBorderActive'\n  | 'colorPalettePlatinumBorder1'\n  | 'colorPalettePlatinumBorder2';\n\nexport type ColorPaletteAnchor =\n  | 'colorPaletteAnchorBackground1'\n  | 'colorPaletteAnchorBackground2'\n  | 'colorPaletteAnchorBackground3'\n  | 'colorPaletteAnchorForeground1'\n  | 'colorPaletteAnchorForeground2'\n  | 'colorPaletteAnchorForeground3'\n  | 'colorPaletteAnchorBorderActive'\n  | 'colorPaletteAnchorBorder1'\n  | 'colorPaletteAnchorBorder2';\n\nexport type ColorPaletteCharcoal =\n  | 'colorPaletteCharcoalBackground1'\n  | 'colorPaletteCharcoalBackground2'\n  | 'colorPaletteCharcoalBackground3'\n  | 'colorPaletteCharcoalForeground1'\n  | 'colorPaletteCharcoalForeground2'\n  | 'colorPaletteCharcoalForeground3'\n  | 'colorPaletteCharcoalBorderActive'\n  | 'colorPaletteCharcoalBorder1'\n  | 'colorPaletteCharcoalBorder2';\n\nexport type ColorPaletteTokens = Record<\n  | ColorPaletteDarkRed\n  | ColorPaletteBurgundy\n  | ColorPaletteCranberry\n  | ColorPaletteRed\n  | ColorPaletteDarkOrange\n  | ColorPaletteBronze\n  | ColorPalettePumpkin\n  | ColorPaletteOrange\n  | ColorPalettePeach\n  | ColorPaletteMarigold\n  | ColorPaletteYellow\n  | ColorPaletteGold\n  | ColorPaletteBrass\n  | ColorPaletteBrown\n  | ColorPaletteDarkBrown\n  | ColorPaletteLime\n  | ColorPaletteForest\n  | ColorPaletteSeafoam\n  | ColorPaletteLightGreen\n  | ColorPaletteGreen\n  | ColorPaletteDarkGreen\n  | ColorPaletteLightTeal\n  | ColorPaletteTeal\n  | ColorPaletteDarkTeal\n  | ColorPaletteCyan\n  | ColorPaletteSteel\n  | ColorPaletteLightBlue\n  | ColorPaletteBlue\n  | ColorPaletteRoyalBlue\n  | ColorPaletteDarkBlue\n  | ColorPaletteCornflower\n  | ColorPaletteNavy\n  | ColorPaletteLavender\n  | ColorPalettePurple\n  | ColorPaletteDarkPurple\n  | ColorPaletteOrchid\n  | ColorPaletteGrape\n  | ColorPaletteBerry\n  | ColorPaletteLilac\n  | ColorPalettePink\n  | ColorPaletteHotPink\n  | ColorPaletteMagenta\n  | ColorPalettePlum\n  | ColorPaletteBeige\n  | ColorPaletteMink\n  | ColorPaletteSilver\n  | ColorPalettePlatinum\n  | ColorPaletteAnchor\n  | ColorPaletteCharcoal,\n  string\n>;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n  shade50: string;\n  shade40: string;\n  shade30: string;\n  shade20: string;\n  shade10: string;\n  primary: string;\n  tint10: string;\n  tint20: string;\n  tint30: string;\n  tint40: string;\n  tint50: string;\n  tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\n/**\n * All the global shared colors and their shade/tint variants\n */\nexport type GlobalSharedColors = {\n  darkRed: ColorVariants;\n  burgundy: ColorVariants;\n  cranberry: ColorVariants;\n  red: ColorVariants;\n  darkOrange: ColorVariants;\n  bronze: ColorVariants;\n  pumpkin: ColorVariants;\n  orange: ColorVariants;\n  peach: ColorVariants;\n  marigold: ColorVariants;\n  yellow: ColorVariants;\n  gold: ColorVariants;\n  brass: ColorVariants;\n  brown: ColorVariants;\n  darkBrown: ColorVariants;\n  lime: ColorVariants;\n  forest: ColorVariants;\n  seafoam: ColorVariants;\n  lightGreen: ColorVariants;\n  green: ColorVariants;\n  darkGreen: ColorVariants;\n  lightTeal: ColorVariants;\n  teal: ColorVariants;\n  darkTeal: ColorVariants;\n  cyan: ColorVariants;\n  steel: ColorVariants;\n  lightBlue: ColorVariants;\n  blue: ColorVariants;\n  royalBlue: ColorVariants;\n  darkBlue: ColorVariants;\n  cornflower: ColorVariants;\n  navy: ColorVariants;\n  lavender: ColorVariants;\n  purple: ColorVariants;\n  darkPurple: ColorVariants;\n  orchid: ColorVariants;\n  grape: ColorVariants;\n  berry: ColorVariants;\n  lilac: ColorVariants;\n  pink: ColorVariants;\n  hotPink: ColorVariants;\n  magenta: ColorVariants;\n  plum: ColorVariants;\n  beige: ColorVariants;\n  mink: ColorVariants;\n  silver: ColorVariants;\n  platinum: ColorVariants;\n  anchor: ColorVariants;\n  charcoal: ColorVariants;\n};\n\nexport type FontSizeTokens = {\n  fontSizeBase100: string;\n  fontSizeBase200: string;\n  fontSizeBase300: string;\n  fontSizeBase400: string;\n  fontSizeBase500: string;\n  fontSizeBase600: string;\n\n  fontSizeHero700: string;\n  fontSizeHero800: string;\n  fontSizeHero900: string;\n  fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n  lineHeightBase100: string;\n  lineHeightBase200: string;\n  lineHeightBase300: string;\n  lineHeightBase400: string;\n  lineHeightBase500: string;\n  lineHeightBase600: string;\n\n  lineHeightHero700: string;\n  lineHeightHero800: string;\n  lineHeightHero900: string;\n  lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n  fontWeightRegular: number;\n  fontWeightMedium: number;\n  fontWeightSemibold: number;\n};\n\nexport type FontFamilyTokens = {\n  fontFamilyBase: string;\n  fontFamilyMonospace: string;\n  fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n  | 'inherit'\n  | 'initial'\n  | 'revert'\n  | 'unset'\n  | 'center'\n  | 'end'\n  | 'start'\n  | 'justify'\n  | 'left'\n  | 'match-parent'\n  | 'right';\n\nexport type TextAlignments = {\n  start: TextAlignment;\n  center: TextAlignment;\n  end: TextAlignment;\n  justify: TextAlignment;\n};\n\ntype TypographyStyle = {\n  fontFamily: string;\n  fontSize: string;\n  fontWeight: string;\n  lineHeight: string;\n};\n\nexport type TypographyStyles = {\n  body1: TypographyStyle;\n  body1Strong: TypographyStyle;\n  body1Stronger: TypographyStyle;\n  caption1: TypographyStyle;\n  caption1Strong: TypographyStyle;\n  caption1Stronger: TypographyStyle;\n  caption2: TypographyStyle;\n  caption2Strong: TypographyStyle;\n  subtitle1: TypographyStyle;\n  subtitle2: TypographyStyle;\n  subtitle2Stronger: TypographyStyle;\n  title1: TypographyStyle;\n  title2: TypographyStyle;\n  title3: TypographyStyle;\n  largeTitle: TypographyStyle;\n  display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n  borderRadiusNone: string;\n  borderRadiusSmall: string;\n  borderRadiusMedium: string;\n  borderRadiusLarge: string;\n  borderRadiusXLarge: string;\n  borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n  strokeWidthThin: string;\n  strokeWidthThick: string;\n  strokeWidthThicker: string;\n  strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n  none: string;\n  xxs: string;\n  xs: string;\n  sNudge: string;\n  s: string;\n  mNudge: string;\n  m: string;\n  l: string;\n  xl: string;\n  xxl: string;\n  xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n  spacingHorizontalNone: string;\n  spacingHorizontalXXS: string;\n  spacingHorizontalXS: string;\n  spacingHorizontalSNudge: string;\n  spacingHorizontalS: string;\n  spacingHorizontalMNudge: string;\n  spacingHorizontalM: string;\n  spacingHorizontalL: string;\n  spacingHorizontalXL: string;\n  spacingHorizontalXXL: string;\n  spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n  spacingVerticalNone: string;\n  spacingVerticalXXS: string;\n  spacingVerticalXS: string;\n  spacingVerticalSNudge: string;\n  spacingVerticalS: string;\n  spacingVerticalMNudge: string;\n  spacingVerticalM: string;\n  spacingVerticalL: string;\n  spacingVerticalXL: string;\n  spacingVerticalXXL: string;\n  spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n  durationUltraFast: string;\n  durationFaster: string;\n  durationFast: string;\n  durationNormal: string;\n  durationSlow: string;\n  durationSlower: string;\n  durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n  curveAccelerateMax: string;\n  curveAccelerateMid: string;\n  curveAccelerateMin: string;\n  curveDecelerateMax: string;\n  curveDecelerateMid: string;\n  curveDecelerateMin: string;\n  curveEasyEaseMax: string;\n  curveEasyEase: string;\n  curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n  shadow2: string;\n  shadow4: string;\n  shadow8: string;\n  shadow16: string;\n  shadow28: string;\n  shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n  shadow2Brand: string;\n  shadow4Brand: string;\n  shadow8Brand: string;\n  shadow16Brand: string;\n  shadow28Brand: string;\n  shadow64Brand: string;\n};\n\nexport type Greys =\n  | 0\n  | 2\n  | 4\n  | 6\n  | 8\n  | 10\n  | 12\n  | 14\n  | 16\n  | 18\n  | 20\n  | 22\n  | 24\n  | 26\n  | 28\n  | 30\n  | 32\n  | 34\n  | 36\n  | 38\n  | 40\n  | 42\n  | 44\n  | 46\n  | 48\n  | 50\n  | 52\n  | 54\n  | 56\n  | 58\n  | 60\n  | 62\n  | 64\n  | 66\n  | 68\n  | 70\n  | 72\n  | 74\n  | 76\n  | 78\n  | 80\n  | 82\n  | 84\n  | 86\n  | 88\n  | 90\n  | 92\n  | 94\n  | 96\n  | 98\n  | 100;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n  LineHeightTokens &\n  BorderRadiusTokens &\n  StrokeWidthTokens &\n  HorizontalSpacingTokens &\n  VerticalSpacingTokens &\n  DurationTokens &\n  CurveTokens &\n  ShadowTokens &\n  ShadowBrandTokens &\n  FontFamilyTokens &\n  FontWeightTokens &\n  ColorPaletteTokens &\n  ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n  colorNeutralForeground1: string;\n  colorNeutralForeground1Hover: string;\n  colorNeutralForeground1Pressed: string;\n  colorNeutralForeground1Selected: string;\n  colorNeutralForeground2: string;\n  colorNeutralForeground2Hover: string;\n  colorNeutralForeground2Pressed: string;\n  colorNeutralForeground2Selected: string;\n  colorNeutralForeground2BrandHover: string;\n  colorNeutralForeground2BrandPressed: string;\n  colorNeutralForeground2BrandSelected: string;\n  colorNeutralForeground3: string;\n  colorNeutralForeground3Hover: string;\n  colorNeutralForeground3Pressed: string;\n  colorNeutralForeground3Selected: string;\n  colorNeutralForeground3BrandHover: string;\n  colorNeutralForeground3BrandPressed: string;\n  colorNeutralForeground3BrandSelected: string;\n  colorNeutralForeground4: string;\n  colorNeutralForegroundDisabled: string;\n  colorNeutralForegroundInvertedDisabled: string;\n  colorBrandForegroundLink: string;\n  colorBrandForegroundLinkHover: string;\n  colorBrandForegroundLinkPressed: string;\n  colorBrandForegroundLinkSelected: string;\n  colorNeutralForeground2Link: string;\n  colorNeutralForeground2LinkHover: string;\n  colorNeutralForeground2LinkPressed: string;\n  colorNeutralForeground2LinkSelected: string;\n  colorCompoundBrandForeground1: string;\n  colorCompoundBrandForeground1Hover: string;\n  colorCompoundBrandForeground1Pressed: string;\n  colorBrandForeground1: string;\n  colorBrandForeground2: string;\n  colorNeutralForeground1Static: string;\n  colorNeutralForegroundInverted: string;\n  colorNeutralForegroundInvertedHover: string;\n  colorNeutralForegroundInvertedPressed: string;\n  colorNeutralForegroundInvertedSelected: string;\n  colorNeutralForegroundOnBrand: string;\n  colorNeutralForegroundInvertedLink: string;\n  colorNeutralForegroundInvertedLinkHover: string;\n  colorNeutralForegroundInvertedLinkPressed: string;\n  colorNeutralForegroundInvertedLinkSelected: string;\n  colorBrandForegroundInverted: string;\n  colorBrandForegroundInvertedHover: string;\n  colorBrandForegroundInvertedPressed: string;\n  colorBrandForegroundOnLight: string;\n  colorBrandForegroundOnLightHover: string;\n  colorBrandForegroundOnLightPressed: string;\n  colorBrandForegroundOnLightSelected: string;\n  colorNeutralBackground1: string;\n  colorNeutralBackground1Hover: string;\n  colorNeutralBackground1Pressed: string;\n  colorNeutralBackground1Selected: string;\n  colorNeutralBackground2: string;\n  colorNeutralBackground2Hover: string;\n  colorNeutralBackground2Pressed: string;\n  colorNeutralBackground2Selected: string;\n  colorNeutralBackground3: string;\n  colorNeutralBackground3Hover: string;\n  colorNeutralBackground3Pressed: string;\n  colorNeutralBackground3Selected: string;\n  colorNeutralBackground4: string;\n  colorNeutralBackground4Hover: string;\n  colorNeutralBackground4Pressed: string;\n  colorNeutralBackground4Selected: string;\n  colorNeutralBackground5: string;\n  colorNeutralBackground5Hover: string;\n  colorNeutralBackground5Pressed: string;\n  colorNeutralBackground5Selected: string;\n  colorNeutralBackground6: string;\n  colorNeutralBackgroundInverted: string;\n  colorSubtleBackground: string;\n  colorSubtleBackgroundHover: string;\n  colorSubtleBackgroundPressed: string;\n  colorSubtleBackgroundSelected: string;\n  colorSubtleBackgroundLightAlphaHover: string;\n  colorSubtleBackgroundLightAlphaPressed: string;\n  colorSubtleBackgroundLightAlphaSelected: string;\n  colorSubtleBackgroundInverted: string;\n  colorSubtleBackgroundInvertedHover: string;\n  colorSubtleBackgroundInvertedPressed: string;\n  colorSubtleBackgroundInvertedSelected: string;\n  colorTransparentBackground: string;\n  colorTransparentBackgroundHover: string;\n  colorTransparentBackgroundPressed: string;\n  colorTransparentBackgroundSelected: string;\n  colorNeutralBackgroundDisabled: string;\n  colorNeutralBackgroundInvertedDisabled: string;\n  colorNeutralStencil1: string;\n  colorNeutralStencil2: string;\n  colorBackgroundOverlay: string;\n  colorScrollbarOverlay: string;\n  colorBrandBackground: string;\n  colorBrandBackgroundHover: string;\n  colorBrandBackgroundPressed: string;\n  colorBrandBackgroundSelected: string;\n  colorCompoundBrandBackground: string;\n  colorCompoundBrandBackgroundHover: string;\n  colorCompoundBrandBackgroundPressed: string;\n  colorBrandBackgroundStatic: string;\n  colorBrandBackground2: string;\n  colorBrandBackgroundInverted: string;\n  colorBrandBackgroundInvertedHover: string;\n  colorBrandBackgroundInvertedPressed: string;\n  colorBrandBackgroundInvertedSelected: string;\n  colorNeutralStrokeAccessible: string;\n  colorNeutralStrokeAccessibleHover: string;\n  colorNeutralStrokeAccessiblePressed: string;\n  colorNeutralStrokeAccessibleSelected: string;\n  colorNeutralStroke1: string;\n  colorNeutralStroke1Hover: string;\n  colorNeutralStroke1Pressed: string;\n  colorNeutralStroke1Selected: string;\n  colorNeutralStroke2: string;\n  colorNeutralStroke3: string;\n  colorNeutralStrokeOnBrand: string;\n  colorNeutralStrokeOnBrand2: string;\n  colorNeutralStrokeOnBrand2Hover: string;\n  colorNeutralStrokeOnBrand2Pressed: string;\n  colorNeutralStrokeOnBrand2Selected: string;\n  colorBrandStroke1: string;\n  colorBrandStroke2: string;\n  colorCompoundBrandStroke: string;\n  colorCompoundBrandStrokeHover: string;\n  colorCompoundBrandStrokePressed: string;\n  colorNeutralStrokeDisabled: string;\n  colorNeutralStrokeInvertedDisabled: string;\n  colorTransparentStroke: string;\n  colorTransparentStrokeInteractive: string;\n  colorTransparentStrokeDisabled: string;\n  colorStrokeFocus1: string;\n  colorStrokeFocus2: string;\n  colorNeutralShadowAmbient: string;\n  colorNeutralShadowKey: string;\n  colorNeutralShadowAmbientLighter: string;\n  colorNeutralShadowKeyLighter: string;\n  colorNeutralShadowAmbientDarker: string;\n  colorNeutralShadowKeyDarker: string;\n  colorBrandShadowAmbient: string;\n  colorBrandShadowKey: string;\n};\n\nexport type ColorPaletteDarkRed =\n  | 'colorPaletteDarkRedBackground1'\n  | 'colorPaletteDarkRedBackground2'\n  | 'colorPaletteDarkRedBackground3'\n  | 'colorPaletteDarkRedForeground1'\n  | 'colorPaletteDarkRedForeground2'\n  | 'colorPaletteDarkRedForeground3'\n  | 'colorPaletteDarkRedBorderActive'\n  | 'colorPaletteDarkRedBorder1'\n  | 'colorPaletteDarkRedBorder2';\n\nexport type ColorPaletteBurgundy =\n  | 'colorPaletteBurgundyBackground1'\n  | 'colorPaletteBurgundyBackground2'\n  | 'colorPaletteBurgundyBackground3'\n  | 'colorPaletteBurgundyForeground1'\n  | 'colorPaletteBurgundyForeground2'\n  | 'colorPaletteBurgundyForeground3'\n  | 'colorPaletteBurgundyBorderActive'\n  | 'colorPaletteBurgundyBorder1'\n  | 'colorPaletteBurgundyBorder2';\n\nexport type ColorPaletteCranberry =\n  | 'colorPaletteCranberryBackground1'\n  | 'colorPaletteCranberryBackground2'\n  | 'colorPaletteCranberryBackground3'\n  | 'colorPaletteCranberryForeground1'\n  | 'colorPaletteCranberryForeground2'\n  | 'colorPaletteCranberryForeground3'\n  | 'colorPaletteCranberryBorderActive'\n  | 'colorPaletteCranberryBorder1'\n  | 'colorPaletteCranberryBorder2';\n\nexport type ColorPaletteRed =\n  | 'colorPaletteRedBackground1'\n  | 'colorPaletteRedBackground2'\n  | 'colorPaletteRedBackground3'\n  | 'colorPaletteRedForeground1'\n  | 'colorPaletteRedForeground2'\n  | 'colorPaletteRedForeground3'\n  | 'colorPaletteRedBorderActive'\n  | 'colorPaletteRedBorder1'\n  | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteDarkOrange =\n  | 'colorPaletteDarkOrangeBackground1'\n  | 'colorPaletteDarkOrangeBackground2'\n  | 'colorPaletteDarkOrangeBackground3'\n  | 'colorPaletteDarkOrangeForeground1'\n  | 'colorPaletteDarkOrangeForeground2'\n  | 'colorPaletteDarkOrangeForeground3'\n  | 'colorPaletteDarkOrangeBorderActive'\n  | 'colorPaletteDarkOrangeBorder1'\n  | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteBronze =\n  | 'colorPaletteBronzeBackground1'\n  | 'colorPaletteBronzeBackground2'\n  | 'colorPaletteBronzeBackground3'\n  | 'colorPaletteBronzeForeground1'\n  | 'colorPaletteBronzeForeground2'\n  | 'colorPaletteBronzeForeground3'\n  | 'colorPaletteBronzeBorderActive'\n  | 'colorPaletteBronzeBorder1'\n  | 'colorPaletteBronzeBorder2';\n\nexport type ColorPalettePumpkin =\n  | 'colorPalettePumpkinBackground1'\n  | 'colorPalettePumpkinBackground2'\n  | 'colorPalettePumpkinBackground3'\n  | 'colorPalettePumpkinForeground1'\n  | 'colorPalettePumpkinForeground2'\n  | 'colorPalettePumpkinForeground3'\n  | 'colorPalettePumpkinBorderActive'\n  | 'colorPalettePumpkinBorder1'\n  | 'colorPalettePumpkinBorder2';\n\nexport type ColorPaletteOrange =\n  | 'colorPaletteOrangeBackground1'\n  | 'colorPaletteOrangeBackground2'\n  | 'colorPaletteOrangeBackground3'\n  | 'colorPaletteOrangeForeground1'\n  | 'colorPaletteOrangeForeground2'\n  | 'colorPaletteOrangeForeground3'\n  | 'colorPaletteOrangeBorderActive'\n  | 'colorPaletteOrangeBorder1'\n  | 'colorPaletteOrangeBorder2';\n\nexport type ColorPalettePeach =\n  | 'colorPalettePeachBackground1'\n  | 'colorPalettePeachBackground2'\n  | 'colorPalettePeachBackground3'\n  | 'colorPalettePeachForeground1'\n  | 'colorPalettePeachForeground2'\n  | 'colorPalettePeachForeground3'\n  | 'colorPalettePeachBorderActive'\n  | 'colorPalettePeachBorder1'\n  | 'colorPalettePeachBorder2';\n\nexport type ColorPaletteMarigold =\n  | 'colorPaletteMarigoldBackground1'\n  | 'colorPaletteMarigoldBackground2'\n  | 'colorPaletteMarigoldBackground3'\n  | 'colorPaletteMarigoldForeground1'\n  | 'colorPaletteMarigoldForeground2'\n  | 'colorPaletteMarigoldForeground3'\n  | 'colorPaletteMarigoldBorderActive'\n  | 'colorPaletteMarigoldBorder1'\n  | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteYellow =\n  | 'colorPaletteYellowBackground1'\n  | 'colorPaletteYellowBackground2'\n  | 'colorPaletteYellowBackground3'\n  | 'colorPaletteYellowForeground1'\n  | 'colorPaletteYellowForeground2'\n  | 'colorPaletteYellowForeground3'\n  | 'colorPaletteYellowBorderActive'\n  | 'colorPaletteYellowBorder1'\n  | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteGold =\n  | 'colorPaletteGoldBackground1'\n  | 'colorPaletteGoldBackground2'\n  | 'colorPaletteGoldBackground3'\n  | 'colorPaletteGoldForeground1'\n  | 'colorPaletteGoldForeground2'\n  | 'colorPaletteGoldForeground3'\n  | 'colorPaletteGoldBorderActive'\n  | 'colorPaletteGoldBorder1'\n  | 'colorPaletteGoldBorder2';\n\nexport type ColorPaletteBrass =\n  | 'colorPaletteBrassBackground1'\n  | 'colorPaletteBrassBackground2'\n  | 'colorPaletteBrassBackground3'\n  | 'colorPaletteBrassForeground1'\n  | 'colorPaletteBrassForeground2'\n  | 'colorPaletteBrassForeground3'\n  | 'colorPaletteBrassBorderActive'\n  | 'colorPaletteBrassBorder1'\n  | 'colorPaletteBrassBorder2';\n\nexport type ColorPaletteBrown =\n  | 'colorPaletteBrownBackground1'\n  | 'colorPaletteBrownBackground2'\n  | 'colorPaletteBrownBackground3'\n  | 'colorPaletteBrownForeground1'\n  | 'colorPaletteBrownForeground2'\n  | 'colorPaletteBrownForeground3'\n  | 'colorPaletteBrownBorderActive'\n  | 'colorPaletteBrownBorder1'\n  | 'colorPaletteBrownBorder2';\n\nexport type ColorPaletteDarkBrown =\n  | 'colorPaletteDarkBrownBackground1'\n  | 'colorPaletteDarkBrownBackground2'\n  | 'colorPaletteDarkBrownBackground3'\n  | 'colorPaletteDarkBrownForeground1'\n  | 'colorPaletteDarkBrownForeground2'\n  | 'colorPaletteDarkBrownForeground3'\n  | 'colorPaletteDarkBrownBorderActive'\n  | 'colorPaletteDarkBrownBorder1'\n  | 'colorPaletteDarkBrownBorder2';\n\nexport type ColorPaletteLime =\n  | 'colorPaletteLimeBackground1'\n  | 'colorPaletteLimeBackground2'\n  | 'colorPaletteLimeBackground3'\n  | 'colorPaletteLimeForeground1'\n  | 'colorPaletteLimeForeground2'\n  | 'colorPaletteLimeForeground3'\n  | 'colorPaletteLimeBorderActive'\n  | 'colorPaletteLimeBorder1'\n  | 'colorPaletteLimeBorder2';\n\nexport type ColorPaletteForest =\n  | 'colorPaletteForestBackground1'\n  | 'colorPaletteForestBackground2'\n  | 'colorPaletteForestBackground3'\n  | 'colorPaletteForestForeground1'\n  | 'colorPaletteForestForeground2'\n  | 'colorPaletteForestForeground3'\n  | 'colorPaletteForestBorderActive'\n  | 'colorPaletteForestBorder1'\n  | 'colorPaletteForestBorder2';\n\nexport type ColorPaletteSeafoam =\n  | 'colorPaletteSeafoamBackground1'\n  | 'colorPaletteSeafoamBackground2'\n  | 'colorPaletteSeafoamBackground3'\n  | 'colorPaletteSeafoamForeground1'\n  | 'colorPaletteSeafoamForeground2'\n  | 'colorPaletteSeafoamForeground3'\n  | 'colorPaletteSeafoamBorderActive'\n  | 'colorPaletteSeafoamBorder1'\n  | 'colorPaletteSeafoamBorder2';\n\nexport type ColorPaletteLightGreen =\n  | 'colorPaletteLightGreenBackground1'\n  | 'colorPaletteLightGreenBackground2'\n  | 'colorPaletteLightGreenBackground3'\n  | 'colorPaletteLightGreenForeground1'\n  | 'colorPaletteLightGreenForeground2'\n  | 'colorPaletteLightGreenForeground3'\n  | 'colorPaletteLightGreenBorderActive'\n  | 'colorPaletteLightGreenBorder1'\n  | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteGreen =\n  | 'colorPaletteGreenBackground1'\n  | 'colorPaletteGreenBackground2'\n  | 'colorPaletteGreenBackground3'\n  | 'colorPaletteGreenForeground1'\n  | 'colorPaletteGreenForeground2'\n  | 'colorPaletteGreenForeground3'\n  | 'colorPaletteGreenBorderActive'\n  | 'colorPaletteGreenBorder1'\n  | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkGreen =\n  | 'colorPaletteDarkGreenBackground1'\n  | 'colorPaletteDarkGreenBackground2'\n  | 'colorPaletteDarkGreenBackground3'\n  | 'colorPaletteDarkGreenForeground1'\n  | 'colorPaletteDarkGreenForeground2'\n  | 'colorPaletteDarkGreenForeground3'\n  | 'colorPaletteDarkGreenBorderActive'\n  | 'colorPaletteDarkGreenBorder1'\n  | 'colorPaletteDarkGreenBorder2';\n\nexport type ColorPaletteLightTeal =\n  | 'colorPaletteLightTealBackground1'\n  | 'colorPaletteLightTealBackground2'\n  | 'colorPaletteLightTealBackground3'\n  | 'colorPaletteLightTealForeground1'\n  | 'colorPaletteLightTealForeground2'\n  | 'colorPaletteLightTealForeground3'\n  | 'colorPaletteLightTealBorderActive'\n  | 'colorPaletteLightTealBorder1'\n  | 'colorPaletteLightTealBorder2';\n\nexport type ColorPaletteTeal =\n  | 'colorPaletteTealBackground1'\n  | 'colorPaletteTealBackground2'\n  | 'colorPaletteTealBackground3'\n  | 'colorPaletteTealForeground1'\n  | 'colorPaletteTealForeground2'\n  | 'colorPaletteTealForeground3'\n  | 'colorPaletteTealBorderActive'\n  | 'colorPaletteTealBorder1'\n  | 'colorPaletteTealBorder2';\n\nexport type ColorPaletteDarkTeal =\n  | 'colorPaletteDarkTealBackground1'\n  | 'colorPaletteDarkTealBackground2'\n  | 'colorPaletteDarkTealBackground3'\n  | 'colorPaletteDarkTealForeground1'\n  | 'colorPaletteDarkTealForeground2'\n  | 'colorPaletteDarkTealForeground3'\n  | 'colorPaletteDarkTealBorderActive'\n  | 'colorPaletteDarkTealBorder1'\n  | 'colorPaletteDarkTealBorder2';\n\nexport type ColorPaletteCyan =\n  | 'colorPaletteCyanBackground1'\n  | 'colorPaletteCyanBackground2'\n  | 'colorPaletteCyanBackground3'\n  | 'colorPaletteCyanForeground1'\n  | 'colorPaletteCyanForeground2'\n  | 'colorPaletteCyanForeground3'\n  | 'colorPaletteCyanBorderActive'\n  | 'colorPaletteCyanBorder1'\n  | 'colorPaletteCyanBorder2';\n\nexport type ColorPaletteSteel =\n  | 'colorPaletteSteelBackground1'\n  | 'colorPaletteSteelBackground2'\n  | 'colorPaletteSteelBackground3'\n  | 'colorPaletteSteelForeground1'\n  | 'colorPaletteSteelForeground2'\n  | 'colorPaletteSteelForeground3'\n  | 'colorPaletteSteelBorderActive'\n  | 'colorPaletteSteelBorder1'\n  | 'colorPaletteSteelBorder2';\n\nexport type ColorPaletteLightBlue =\n  | 'colorPaletteLightBlueBackground1'\n  | 'colorPaletteLightBlueBackground2'\n  | 'colorPaletteLightBlueBackground3'\n  | 'colorPaletteLightBlueForeground1'\n  | 'colorPaletteLightBlueForeground2'\n  | 'colorPaletteLightBlueForeground3'\n  | 'colorPaletteLightBlueBorderActive'\n  | 'colorPaletteLightBlueBorder1'\n  | 'colorPaletteLightBlueBorder2';\n\nexport type ColorPaletteBlue =\n  | 'colorPaletteBlueBackground1'\n  | 'colorPaletteBlueBackground2'\n  | 'colorPaletteBlueBackground3'\n  | 'colorPaletteBlueForeground1'\n  | 'colorPaletteBlueForeground2'\n  | 'colorPaletteBlueForeground3'\n  | 'colorPaletteBlueBorderActive'\n  | 'colorPaletteBlueBorder1'\n  | 'colorPaletteBlueBorder2';\n\nexport type ColorPaletteRoyalBlue =\n  | 'colorPaletteRoyalBlueBackground1'\n  | 'colorPaletteRoyalBlueBackground2'\n  | 'colorPaletteRoyalBlueBackground3'\n  | 'colorPaletteRoyalBlueForeground1'\n  | 'colorPaletteRoyalBlueForeground2'\n  | 'colorPaletteRoyalBlueForeground3'\n  | 'colorPaletteRoyalBlueBorderActive'\n  | 'colorPaletteRoyalBlueBorder1'\n  | 'colorPaletteRoyalBlueBorder2';\n\nexport type ColorPaletteDarkBlue =\n  | 'colorPaletteDarkBlueBackground1'\n  | 'colorPaletteDarkBlueBackground2'\n  | 'colorPaletteDarkBlueBackground3'\n  | 'colorPaletteDarkBlueForeground1'\n  | 'colorPaletteDarkBlueForeground2'\n  | 'colorPaletteDarkBlueForeground3'\n  | 'colorPaletteDarkBlueBorderActive'\n  | 'colorPaletteDarkBlueBorder1'\n  | 'colorPaletteDarkBlueBorder2';\n\nexport type ColorPaletteCornflower =\n  | 'colorPaletteCornflowerBackground1'\n  | 'colorPaletteCornflowerBackground2'\n  | 'colorPaletteCornflowerBackground3'\n  | 'colorPaletteCornflowerForeground1'\n  | 'colorPaletteCornflowerForeground2'\n  | 'colorPaletteCornflowerForeground3'\n  | 'colorPaletteCornflowerBorderActive'\n  | 'colorPaletteCornflowerBorder1'\n  | 'colorPaletteCornflowerBorder2';\n\nexport type ColorPaletteNavy =\n  | 'colorPaletteNavyBackground1'\n  | 'colorPaletteNavyBackground2'\n  | 'colorPaletteNavyBackground3'\n  | 'colorPaletteNavyForeground1'\n  | 'colorPaletteNavyForeground2'\n  | 'colorPaletteNavyForeground3'\n  | 'colorPaletteNavyBorderActive'\n  | 'colorPaletteNavyBorder1'\n  | 'colorPaletteNavyBorder2';\n\nexport type ColorPaletteLavender =\n  | 'colorPaletteLavenderBackground1'\n  | 'colorPaletteLavenderBackground2'\n  | 'colorPaletteLavenderBackground3'\n  | 'colorPaletteLavenderForeground1'\n  | 'colorPaletteLavenderForeground2'\n  | 'colorPaletteLavenderForeground3'\n  | 'colorPaletteLavenderBorderActive'\n  | 'colorPaletteLavenderBorder1'\n  | 'colorPaletteLavenderBorder2';\n\nexport type ColorPalettePurple =\n  | 'colorPalettePurpleBackground1'\n  | 'colorPalettePurpleBackground2'\n  | 'colorPalettePurpleBackground3'\n  | 'colorPalettePurpleForeground1'\n  | 'colorPalettePurpleForeground2'\n  | 'colorPalettePurpleForeground3'\n  | 'colorPalettePurpleBorderActive'\n  | 'colorPalettePurpleBorder1'\n  | 'colorPalettePurpleBorder2';\n\nexport type ColorPaletteDarkPurple =\n  | 'colorPaletteDarkPurpleBackground1'\n  | 'colorPaletteDarkPurpleBackground2'\n  | 'colorPaletteDarkPurpleBackground3'\n  | 'colorPaletteDarkPurpleForeground1'\n  | 'colorPaletteDarkPurpleForeground2'\n  | 'colorPaletteDarkPurpleForeground3'\n  | 'colorPaletteDarkPurpleBorderActive'\n  | 'colorPaletteDarkPurpleBorder1'\n  | 'colorPaletteDarkPurpleBorder2';\n\nexport type ColorPaletteOrchid =\n  | 'colorPaletteOrchidBackground1'\n  | 'colorPaletteOrchidBackground2'\n  | 'colorPaletteOrchidBackground3'\n  | 'colorPaletteOrchidForeground1'\n  | 'colorPaletteOrchidForeground2'\n  | 'colorPaletteOrchidForeground3'\n  | 'colorPaletteOrchidBorderActive'\n  | 'colorPaletteOrchidBorder1'\n  | 'colorPaletteOrchidBorder2';\n\nexport type ColorPaletteGrape =\n  | 'colorPaletteGrapeBackground1'\n  | 'colorPaletteGrapeBackground2'\n  | 'colorPaletteGrapeBackground3'\n  | 'colorPaletteGrapeForeground1'\n  | 'colorPaletteGrapeForeground2'\n  | 'colorPaletteGrapeForeground3'\n  | 'colorPaletteGrapeBorderActive'\n  | 'colorPaletteGrapeBorder1'\n  | 'colorPaletteGrapeBorder2';\n\nexport type ColorPaletteBerry =\n  | 'colorPaletteBerryBackground1'\n  | 'colorPaletteBerryBackground2'\n  | 'colorPaletteBerryBackground3'\n  | 'colorPaletteBerryForeground1'\n  | 'colorPaletteBerryForeground2'\n  | 'colorPaletteBerryForeground3'\n  | 'colorPaletteBerryBorderActive'\n  | 'colorPaletteBerryBorder1'\n  | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteLilac =\n  | 'colorPaletteLilacBackground1'\n  | 'colorPaletteLilacBackground2'\n  | 'colorPaletteLilacBackground3'\n  | 'colorPaletteLilacForeground1'\n  | 'colorPaletteLilacForeground2'\n  | 'colorPaletteLilacForeground3'\n  | 'colorPaletteLilacBorderActive'\n  | 'colorPaletteLilacBorder1'\n  | 'colorPaletteLilacBorder2';\n\nexport type ColorPalettePink =\n  | 'colorPalettePinkBackground1'\n  | 'colorPalettePinkBackground2'\n  | 'colorPalettePinkBackground3'\n  | 'colorPalettePinkForeground1'\n  | 'colorPalettePinkForeground2'\n  | 'colorPalettePinkForeground3'\n  | 'colorPalettePinkBorderActive'\n  | 'colorPalettePinkBorder1'\n  | 'colorPalettePinkBorder2';\n\nexport type ColorPaletteHotPink =\n  | 'colorPaletteHotPinkBackground1'\n  | 'colorPaletteHotPinkBackground2'\n  | 'colorPaletteHotPinkBackground3'\n  | 'colorPaletteHotPinkForeground1'\n  | 'colorPaletteHotPinkForeground2'\n  | 'colorPaletteHotPinkForeground3'\n  | 'colorPaletteHotPinkBorderActive'\n  | 'colorPaletteHotPinkBorder1'\n  | 'colorPaletteHotPinkBorder2';\n\nexport type ColorPaletteMagenta =\n  | 'colorPaletteMagentaBackground1'\n  | 'colorPaletteMagentaBackground2'\n  | 'colorPaletteMagentaBackground3'\n  | 'colorPaletteMagentaForeground1'\n  | 'colorPaletteMagentaForeground2'\n  | 'colorPaletteMagentaForeground3'\n  | 'colorPaletteMagentaBorderActive'\n  | 'colorPaletteMagentaBorder1'\n  | 'colorPaletteMagentaBorder2';\n\nexport type ColorPalettePlum =\n  | 'colorPalettePlumBackground1'\n  | 'colorPalettePlumBackground2'\n  | 'colorPalettePlumBackground3'\n  | 'colorPalettePlumForeground1'\n  | 'colorPalettePlumForeground2'\n  | 'colorPalettePlumForeground3'\n  | 'colorPalettePlumBorderActive'\n  | 'colorPalettePlumBorder1'\n  | 'colorPalettePlumBorder2';\n\nexport type ColorPaletteBeige =\n  | 'colorPaletteBeigeBackground1'\n  | 'colorPaletteBeigeBackground2'\n  | 'colorPaletteBeigeBackground3'\n  | 'colorPaletteBeigeForeground1'\n  | 'colorPaletteBeigeForeground2'\n  | 'colorPaletteBeigeForeground3'\n  | 'colorPaletteBeigeBorderActive'\n  | 'colorPaletteBeigeBorder1'\n  | 'colorPaletteBeigeBorder2';\n\nexport type ColorPaletteMink =\n  | 'colorPaletteMinkBackground1'\n  | 'colorPaletteMinkBackground2'\n  | 'colorPaletteMinkBackground3'\n  | 'colorPaletteMinkForeground1'\n  | 'colorPaletteMinkForeground2'\n  | 'colorPaletteMinkForeground3'\n  | 'colorPaletteMinkBorderActive'\n  | 'colorPaletteMinkBorder1'\n  | 'colorPaletteMinkBorder2';\n\nexport type ColorPaletteSilver =\n  | 'colorPaletteSilverBackground1'\n  | 'colorPaletteSilverBackground2'\n  | 'colorPaletteSilverBackground3'\n  | 'colorPaletteSilverForeground1'\n  | 'colorPaletteSilverForeground2'\n  | 'colorPaletteSilverForeground3'\n  | 'colorPaletteSilverBorderActive'\n  | 'colorPaletteSilverBorder1'\n  | 'colorPaletteSilverBorder2';\n\nexport type ColorPalettePlatinum =\n  | 'colorPalettePlatinumBackground1'\n  | 'colorPalettePlatinumBackground2'\n  | 'colorPalettePlatinumBackground3'\n  | 'colorPalettePlatinumForeground1'\n  | 'colorPalettePlatinumForeground2'\n  | 'colorPalettePlatinumForeground3'\n  | 'colorPalettePlatinumBorderActive'\n  | 'colorPalettePlatinumBorder1'\n  | 'colorPalettePlatinumBorder2';\n\nexport type ColorPaletteAnchor =\n  | 'colorPaletteAnchorBackground1'\n  | 'colorPaletteAnchorBackground2'\n  | 'colorPaletteAnchorBackground3'\n  | 'colorPaletteAnchorForeground1'\n  | 'colorPaletteAnchorForeground2'\n  | 'colorPaletteAnchorForeground3'\n  | 'colorPaletteAnchorBorderActive'\n  | 'colorPaletteAnchorBorder1'\n  | 'colorPaletteAnchorBorder2';\n\nexport type ColorPaletteCharcoal =\n  | 'colorPaletteCharcoalBackground1'\n  | 'colorPaletteCharcoalBackground2'\n  | 'colorPaletteCharcoalBackground3'\n  | 'colorPaletteCharcoalForeground1'\n  | 'colorPaletteCharcoalForeground2'\n  | 'colorPaletteCharcoalForeground3'\n  | 'colorPaletteCharcoalBorderActive'\n  | 'colorPaletteCharcoalBorder1'\n  | 'colorPaletteCharcoalBorder2';\n\nexport type ColorPaletteTokens = Record<\n  | ColorPaletteDarkRed\n  | ColorPaletteBurgundy\n  | ColorPaletteCranberry\n  | ColorPaletteRed\n  | ColorPaletteDarkOrange\n  | ColorPaletteBronze\n  | ColorPalettePumpkin\n  | ColorPaletteOrange\n  | ColorPalettePeach\n  | ColorPaletteMarigold\n  | ColorPaletteYellow\n  | ColorPaletteGold\n  | ColorPaletteBrass\n  | ColorPaletteBrown\n  | ColorPaletteDarkBrown\n  | ColorPaletteLime\n  | ColorPaletteForest\n  | ColorPaletteSeafoam\n  | ColorPaletteLightGreen\n  | ColorPaletteGreen\n  | ColorPaletteDarkGreen\n  | ColorPaletteLightTeal\n  | ColorPaletteTeal\n  | ColorPaletteDarkTeal\n  | ColorPaletteCyan\n  | ColorPaletteSteel\n  | ColorPaletteLightBlue\n  | ColorPaletteBlue\n  | ColorPaletteRoyalBlue\n  | ColorPaletteDarkBlue\n  | ColorPaletteCornflower\n  | ColorPaletteNavy\n  | ColorPaletteLavender\n  | ColorPalettePurple\n  | ColorPaletteDarkPurple\n  | ColorPaletteOrchid\n  | ColorPaletteGrape\n  | ColorPaletteBerry\n  | ColorPaletteLilac\n  | ColorPalettePink\n  | ColorPaletteHotPink\n  | ColorPaletteMagenta\n  | ColorPalettePlum\n  | ColorPaletteBeige\n  | ColorPaletteMink\n  | ColorPaletteSilver\n  | ColorPalettePlatinum\n  | ColorPaletteAnchor\n  | ColorPaletteCharcoal,\n  string\n>;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n  shade50: string;\n  shade40: string;\n  shade30: string;\n  shade20: string;\n  shade10: string;\n  primary: string;\n  tint10: string;\n  tint20: string;\n  tint30: string;\n  tint40: string;\n  tint50: string;\n  tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\n/**\n * All the global shared colors and their shade/tint variants\n */\nexport type GlobalSharedColors = {\n  darkRed: ColorVariants;\n  burgundy: ColorVariants;\n  cranberry: ColorVariants;\n  red: ColorVariants;\n  darkOrange: ColorVariants;\n  bronze: ColorVariants;\n  pumpkin: ColorVariants;\n  orange: ColorVariants;\n  peach: ColorVariants;\n  marigold: ColorVariants;\n  yellow: ColorVariants;\n  gold: ColorVariants;\n  brass: ColorVariants;\n  brown: ColorVariants;\n  darkBrown: ColorVariants;\n  lime: ColorVariants;\n  forest: ColorVariants;\n  seafoam: ColorVariants;\n  lightGreen: ColorVariants;\n  green: ColorVariants;\n  darkGreen: ColorVariants;\n  lightTeal: ColorVariants;\n  teal: ColorVariants;\n  darkTeal: ColorVariants;\n  cyan: ColorVariants;\n  steel: ColorVariants;\n  lightBlue: ColorVariants;\n  blue: ColorVariants;\n  royalBlue: ColorVariants;\n  darkBlue: ColorVariants;\n  cornflower: ColorVariants;\n  navy: ColorVariants;\n  lavender: ColorVariants;\n  purple: ColorVariants;\n  darkPurple: ColorVariants;\n  orchid: ColorVariants;\n  grape: ColorVariants;\n  berry: ColorVariants;\n  lilac: ColorVariants;\n  pink: ColorVariants;\n  hotPink: ColorVariants;\n  magenta: ColorVariants;\n  plum: ColorVariants;\n  beige: ColorVariants;\n  mink: ColorVariants;\n  silver: ColorVariants;\n  platinum: ColorVariants;\n  anchor: ColorVariants;\n  charcoal: ColorVariants;\n};\n\nexport type FontSizeTokens = {\n  fontSizeBase100: string;\n  fontSizeBase200: string;\n  fontSizeBase300: string;\n  fontSizeBase400: string;\n  fontSizeBase500: string;\n  fontSizeBase600: string;\n\n  fontSizeHero700: string;\n  fontSizeHero800: string;\n  fontSizeHero900: string;\n  fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n  lineHeightBase100: string;\n  lineHeightBase200: string;\n  lineHeightBase300: string;\n  lineHeightBase400: string;\n  lineHeightBase500: string;\n  lineHeightBase600: string;\n\n  lineHeightHero700: string;\n  lineHeightHero800: string;\n  lineHeightHero900: string;\n  lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n  fontWeightRegular: number;\n  fontWeightMedium: number;\n  fontWeightSemibold: number;\n};\n\nexport type FontFamilyTokens = {\n  fontFamilyBase: string;\n  fontFamilyMonospace: string;\n  fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n  | 'inherit'\n  | 'initial'\n  | 'revert'\n  | 'unset'\n  | 'center'\n  | 'end'\n  | 'start'\n  | 'justify'\n  | 'left'\n  | 'match-parent'\n  | 'right';\n\nexport type TextAlignments = {\n  start: TextAlignment;\n  center: TextAlignment;\n  end: TextAlignment;\n  justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n  fontFamily: string;\n  fontSize: string;\n  fontWeight: string;\n  lineHeight: string;\n};\n\nexport type TypographyStyles = {\n  body1: TypographyStyle;\n  body1Strong: TypographyStyle;\n  body1Stronger: TypographyStyle;\n  caption1: TypographyStyle;\n  caption1Strong: TypographyStyle;\n  caption1Stronger: TypographyStyle;\n  caption2: TypographyStyle;\n  caption2Strong: TypographyStyle;\n  subtitle1: TypographyStyle;\n  subtitle2: TypographyStyle;\n  subtitle2Stronger: TypographyStyle;\n  title1: TypographyStyle;\n  title2: TypographyStyle;\n  title3: TypographyStyle;\n  largeTitle: TypographyStyle;\n  display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n  borderRadiusNone: string;\n  borderRadiusSmall: string;\n  borderRadiusMedium: string;\n  borderRadiusLarge: string;\n  borderRadiusXLarge: string;\n  borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n  strokeWidthThin: string;\n  strokeWidthThick: string;\n  strokeWidthThicker: string;\n  strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n  none: string;\n  xxs: string;\n  xs: string;\n  sNudge: string;\n  s: string;\n  mNudge: string;\n  m: string;\n  l: string;\n  xl: string;\n  xxl: string;\n  xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n  spacingHorizontalNone: string;\n  spacingHorizontalXXS: string;\n  spacingHorizontalXS: string;\n  spacingHorizontalSNudge: string;\n  spacingHorizontalS: string;\n  spacingHorizontalMNudge: string;\n  spacingHorizontalM: string;\n  spacingHorizontalL: string;\n  spacingHorizontalXL: string;\n  spacingHorizontalXXL: string;\n  spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n  spacingVerticalNone: string;\n  spacingVerticalXXS: string;\n  spacingVerticalXS: string;\n  spacingVerticalSNudge: string;\n  spacingVerticalS: string;\n  spacingVerticalMNudge: string;\n  spacingVerticalM: string;\n  spacingVerticalL: string;\n  spacingVerticalXL: string;\n  spacingVerticalXXL: string;\n  spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n  durationUltraFast: string;\n  durationFaster: string;\n  durationFast: string;\n  durationNormal: string;\n  durationSlow: string;\n  durationSlower: string;\n  durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n  curveAccelerateMax: string;\n  curveAccelerateMid: string;\n  curveAccelerateMin: string;\n  curveDecelerateMax: string;\n  curveDecelerateMid: string;\n  curveDecelerateMin: string;\n  curveEasyEaseMax: string;\n  curveEasyEase: string;\n  curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n  shadow2: string;\n  shadow4: string;\n  shadow8: string;\n  shadow16: string;\n  shadow28: string;\n  shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n  shadow2Brand: string;\n  shadow4Brand: string;\n  shadow8Brand: string;\n  shadow16Brand: string;\n  shadow28Brand: string;\n  shadow64Brand: string;\n};\n\nexport type Greys =\n  | 0\n  | 2\n  | 4\n  | 6\n  | 8\n  | 10\n  | 12\n  | 14\n  | 16\n  | 18\n  | 20\n  | 22\n  | 24\n  | 26\n  | 28\n  | 30\n  | 32\n  | 34\n  | 36\n  | 38\n  | 40\n  | 42\n  | 44\n  | 46\n  | 48\n  | 50\n  | 52\n  | 54\n  | 56\n  | 58\n  | 60\n  | 62\n  | 64\n  | 66\n  | 68\n  | 70\n  | 72\n  | 74\n  | 76\n  | 78\n  | 80\n  | 82\n  | 84\n  | 86\n  | 88\n  | 90\n  | 92\n  | 94\n  | 96\n  | 98\n  | 100;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n  LineHeightTokens &\n  BorderRadiusTokens &\n  StrokeWidthTokens &\n  HorizontalSpacingTokens &\n  VerticalSpacingTokens &\n  DurationTokens &\n  CurveTokens &\n  ShadowTokens &\n  ShadowBrandTokens &\n  FontFamilyTokens &\n  FontWeightTokens &\n  ColorPaletteTokens &\n  ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"]}

package/lib-commonjs/global/durations.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.durations = void 0;
 exports.durations = {
-  durationUltraFast: '50',
-  durationFaster: '100',
-  durationFast: '150',
-  durationNormal: '200',
-  durationSlow: '300',
-  durationSlower: '400',
-  durationUltraSlow: '500'
+  durationUltraFast: '50ms',
+  durationFaster: '100ms',
+  durationFast: '150ms',
+  durationNormal: '200ms',
+  durationSlow: '300ms',
+  durationSlower: '400ms',
+  durationUltraSlow: '500ms'
 };
 //# sourceMappingURL=durations.js.map

package/lib-commonjs/global/durations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["global/durations.ts"],"names":[],"mappings":";;;;;;AAEa,OAAA,CAAA,SAAA,GAA4B;AACvC,EAAA,iBAAiB,EAAE,IADoB;AAEvC,EAAA,cAAc,EAAE,KAFuB;AAGvC,EAAA,YAAY,EAAE,KAHyB;AAIvC,EAAA,cAAc,EAAE,KAJuB;AAKvC,EAAA,YAAY,EAAE,KALyB;AAMvC,EAAA,cAAc,EAAE,KANuB;AAOvC,EAAA,iBAAiB,EAAE;AAPoB,CAA5B","sourcesContent":["import type { DurationTokens } from '../types';\n\nexport const durations: DurationTokens = {\n  durationUltraFast: '50',\n  durationFaster: '100',\n  durationFast: '150',\n  durationNormal: '200',\n  durationSlow: '300',\n  durationSlower: '400',\n  durationUltraSlow: '500',\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["global/durations.ts"],"names":[],"mappings":";;;;;;AAEa,OAAA,CAAA,SAAA,GAA4B;AACvC,EAAA,iBAAiB,EAAE,MADoB;AAEvC,EAAA,cAAc,EAAE,OAFuB;AAGvC,EAAA,YAAY,EAAE,OAHyB;AAIvC,EAAA,cAAc,EAAE,OAJuB;AAKvC,EAAA,YAAY,EAAE,OALyB;AAMvC,EAAA,cAAc,EAAE,OANuB;AAOvC,EAAA,iBAAiB,EAAE;AAPoB,CAA5B","sourcesContent":["import type { DurationTokens } from '../types';\n\nexport const durations: DurationTokens = {\n  durationUltraFast: '50ms',\n  durationFaster: '100ms',\n  durationFast: '150ms',\n  durationNormal: '200ms',\n  durationSlow: '300ms',\n  durationSlower: '400ms',\n  durationUltraSlow: '500ms',\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.d.ts

@@ -1,6 +1,6 @@
-export * from './themes/index';
-export * from './utils/index';
+export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webHighContrastTheme, 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 type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, SpacingTokens, HorizontalSpacingTokens, VerticalSpacingTokens, DurationTokens, CurveTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, TypographyStyles, } from './types';
+export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, SpacingTokens, HorizontalSpacingTokens, VerticalSpacingTokens, DurationTokens, CurveTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, TypographyStyle, TypographyStyles, } from './types';

package/lib-commonjs/index.js

@@ -3,13 +3,73 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.typographyStyles = exports.tokens = exports.themeToTokensObject = void 0;
+exports.typographyStyles = exports.tokens = exports.themeToTokensObject = exports.createTeamsDarkTheme = exports.createLightTheme = exports.createHighContrastTheme = exports.createDarkTheme = exports.webLightTheme = exports.webHighContrastTheme = exports.webDarkTheme = exports.teamsLightTheme = exports.teamsHighContrastTheme = exports.teamsDarkTheme = void 0;
 
-const tslib_1 = /*#__PURE__*/require("tslib");
+var index_1 = /*#__PURE__*/require("./themes/index");
 
-tslib_1.__exportStar(require("./themes/index"), exports);
+Object.defineProperty(exports, "teamsDarkTheme", {
+  enumerable: true,
+  get: function () {
+    return index_1.teamsDarkTheme;
+  }
+});
+Object.defineProperty(exports, "teamsHighContrastTheme", {
+  enumerable: true,
+  get: function () {
+    return index_1.teamsHighContrastTheme;
+  }
+});
+Object.defineProperty(exports, "teamsLightTheme", {
+  enumerable: true,
+  get: function () {
+    return index_1.teamsLightTheme;
+  }
+});
+Object.defineProperty(exports, "webDarkTheme", {
+  enumerable: true,
+  get: function () {
+    return index_1.webDarkTheme;
+  }
+});
+Object.defineProperty(exports, "webHighContrastTheme", {
+  enumerable: true,
+  get: function () {
+    return index_1.webHighContrastTheme;
+  }
+});
+Object.defineProperty(exports, "webLightTheme", {
+  enumerable: true,
+  get: function () {
+    return index_1.webLightTheme;
+  }
+});
 
-tslib_1.__exportStar(require("./utils/index"), exports);
+var index_2 = /*#__PURE__*/require("./utils/index");
+
+Object.defineProperty(exports, "createDarkTheme", {
+  enumerable: true,
+  get: function () {
+    return index_2.createDarkTheme;
+  }
+});
+Object.defineProperty(exports, "createHighContrastTheme", {
+  enumerable: true,
+  get: function () {
+    return index_2.createHighContrastTheme;
+  }
+});
+Object.defineProperty(exports, "createLightTheme", {
+  enumerable: true,
+  get: function () {
+    return index_2.createLightTheme;
+  }
+});
+Object.defineProperty(exports, "createTeamsDarkTheme", {
+  enumerable: true,
+  get: function () {
+    return index_2.createTeamsDarkTheme;
+  }
+});
 
 var themeToTokensObject_1 = /*#__PURE__*/require("./themeToTokensObject");
 
@@ -29,12 +89,12 @@ Object.defineProperty(exports, "tokens", {
   }
 });
 
-var index_1 = /*#__PURE__*/require("./global/index");
+var index_3 = /*#__PURE__*/require("./global/index");
 
 Object.defineProperty(exports, "typographyStyles", {
   enumerable: true,
   get: function () {
-    return index_1.typographyStyles;
+    return index_3.typographyStyles;
   }
 });
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AAEA,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,qBAAA,CAAA,mBAAA;AAAmB;AAAnB,CAAA;;AACT,IAAA,QAAA,gBAAA,OAAA,CAAA,UAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,QAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,QAAA,CAAA,MAAA;AAAM;AAAN,CAAA;;AACT,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,gBAAA;AAAgB;AAAhB,CAAA","sourcesContent":["export * from './themes/index';\nexport * 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  ColorPaletteBurgundy,\n  ColorPaletteCranberry,\n  ColorPaletteRed,\n  ColorPaletteDarkOrange,\n  ColorPaletteBronze,\n  ColorPalettePumpkin,\n  ColorPaletteOrange,\n  ColorPalettePeach,\n  ColorPaletteMarigold,\n  ColorPaletteYellow,\n  ColorPaletteGold,\n  ColorPaletteBrass,\n  ColorPaletteBrown,\n  ColorPaletteDarkBrown,\n  ColorPaletteLime,\n  ColorPaletteForest,\n  ColorPaletteSeafoam,\n  ColorPaletteLightGreen,\n  ColorPaletteGreen,\n  ColorPaletteDarkGreen,\n  ColorPaletteLightTeal,\n  ColorPaletteTeal,\n  ColorPaletteDarkTeal,\n  ColorPaletteCyan,\n  ColorPaletteSteel,\n  ColorPaletteLightBlue,\n  ColorPaletteBlue,\n  ColorPaletteRoyalBlue,\n  ColorPaletteDarkBlue,\n  ColorPaletteCornflower,\n  ColorPaletteNavy,\n  ColorPaletteLavender,\n  ColorPalettePurple,\n  ColorPaletteDarkPurple,\n  ColorPaletteOrchid,\n  ColorPaletteGrape,\n  ColorPaletteBerry,\n  ColorPaletteLilac,\n  ColorPalettePink,\n  ColorPaletteHotPink,\n  ColorPaletteMagenta,\n  ColorPalettePlum,\n  ColorPaletteBeige,\n  ColorPaletteMink,\n  ColorPaletteSilver,\n  ColorPalettePlatinum,\n  ColorPaletteAnchor,\n  ColorPaletteCharcoal,\n  ColorTokens,\n  PartialTheme,\n  Theme,\n  TypographyStyles,\n} from './types';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,gBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,cAAA;AAAc;AAAd,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,sBAAA;AAAsB;AAAtB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,eAAA;AAAe;AAAf,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,cAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,YAAA;AAAY;AAAZ,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,oBAAA;AAAoB;AAApB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,eAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,aAAA;AAAa;AAAb,CAAA;;AAEF,IAAA,OAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,eAAA;AAAe;AAAf,CAAA;AAAiB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,uBAAA;AAAuB;AAAvB,CAAA;AAAyB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,gBAAA;AAAgB;AAAhB,CAAA;AAAkB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,oBAAA;AAAoB;AAApB,CAAA;;AAErE,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,qBAAA,CAAA,mBAAA;AAAmB;AAAnB,CAAA;;AACT,IAAA,QAAA,gBAAA,OAAA,CAAA,UAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,QAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,QAAA,CAAA,MAAA;AAAM;AAAN,CAAA;;AACT,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,gBAAA;AAAgB;AAAhB,CAAA","sourcesContent":["export {\n  teamsDarkTheme,\n  teamsHighContrastTheme,\n  teamsLightTheme,\n  webDarkTheme,\n  webHighContrastTheme,\n  webLightTheme,\n} 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  ColorPaletteBurgundy,\n  ColorPaletteCranberry,\n  ColorPaletteRed,\n  ColorPaletteDarkOrange,\n  ColorPaletteBronze,\n  ColorPalettePumpkin,\n  ColorPaletteOrange,\n  ColorPalettePeach,\n  ColorPaletteMarigold,\n  ColorPaletteYellow,\n  ColorPaletteGold,\n  ColorPaletteBrass,\n  ColorPaletteBrown,\n  ColorPaletteDarkBrown,\n  ColorPaletteLime,\n  ColorPaletteForest,\n  ColorPaletteSeafoam,\n  ColorPaletteLightGreen,\n  ColorPaletteGreen,\n  ColorPaletteDarkGreen,\n  ColorPaletteLightTeal,\n  ColorPaletteTeal,\n  ColorPaletteDarkTeal,\n  ColorPaletteCyan,\n  ColorPaletteSteel,\n  ColorPaletteLightBlue,\n  ColorPaletteBlue,\n  ColorPaletteRoyalBlue,\n  ColorPaletteDarkBlue,\n  ColorPaletteCornflower,\n  ColorPaletteNavy,\n  ColorPaletteLavender,\n  ColorPalettePurple,\n  ColorPaletteDarkPurple,\n  ColorPaletteOrchid,\n  ColorPaletteGrape,\n  ColorPaletteBerry,\n  ColorPaletteLilac,\n  ColorPalettePink,\n  ColorPaletteHotPink,\n  ColorPaletteMagenta,\n  ColorPalettePlum,\n  ColorPaletteBeige,\n  ColorPaletteMink,\n  ColorPaletteSilver,\n  ColorPalettePlatinum,\n  ColorPaletteAnchor,\n  ColorPaletteCharcoal,\n  ColorTokens,\n  PartialTheme,\n  Theme,\n  TypographyStyle,\n  TypographyStyles,\n} from './types';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/types.d.ts

@@ -309,7 +309,7 @@ export declare type TextAlignments = {
     end: TextAlignment;
     justify: TextAlignment;
 };
-declare type TypographyStyle = {
+export declare type TypographyStyle = {
     fontFamily: string;
     fontSize: string;
     fontWeight: string;
@@ -429,4 +429,3 @@ export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22
 export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
 export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
 export declare type PartialTheme = Partial<Theme>;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-theme",
-  "version": "9.0.0-rc.6",
+  "version": "9.0.0-rc.7",
   "description": "Fluent UI themes",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -23,6 +23,7 @@
     "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
     "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-theme/src && yarn docs",
+    "token-pipeline": "node -r ../../../scripts/ts-node-register ../../../scripts/token-pipeline.ts",
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {