@fluentui/react-theme 0.0.0-nightly-20220421-0418.1 → 0.0.0-nightly-20220426-0421.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-theme",
   "entries": [
     {
-      "date": "Thu, 21 Apr 2022 04:29:33 GMT",
-      "tag": "@fluentui/react-theme_v0.0.0-nightly-20220421-0418.1",
-      "version": "0.0.0-nightly-20220421-0418.1",
+      "date": "Tue, 26 Apr 2022 04:32:32 GMT",
+      "tag": "@fluentui/react-theme_v0.0.0-nightly-20220426-0421.1",
+      "version": "0.0.0-nightly-20220426-0421.1",
       "comments": {
         "prerelease": [
           {
@@ -12,6 +12,12 @@
             "package": "@fluentui/react-theme",
             "commit": "not available",
             "comment": "Release nightly v9"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-theme",
+            "commit": "78da3be7484d156379a105048c535767f7e1b85f",
+            "comment": "Added typeography styles"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,17 +1,18 @@
 # Change Log - @fluentui/react-theme
 
-This log was last generated on Thu, 21 Apr 2022 04:29:33 GMT and should not be manually modified.
+This log was last generated on Tue, 26 Apr 2022 04:32:32 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20220421-0418.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightly-20220421-0418.1)
+## [0.0.0-nightly-20220426-0421.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightly-20220426-0421.1)
 
-Thu, 21 Apr 2022 04:29:33 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.5..@fluentui/react-theme_v0.0.0-nightly-20220421-0418.1)
+Tue, 26 Apr 2022 04:32:32 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.5..@fluentui/react-theme_v0.0.0-nightly-20220426-0421.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by email not defined)
+- Added typeography styles ([PR #22610](https://github.com/microsoft/fluentui/pull/22610) by gcox@microsoft.com)
 
 ## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.5)
 

package/dist/react-theme.d.ts

@@ -351,6 +351,36 @@ export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme)
 
 export declare const tokens: Record<keyof Theme, string>;
 
+declare type TypeographyStyle = {
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+};
+
+export declare type TypeographyStyles = {
+    body1: TypeographyStyle;
+    body1Strong: TypeographyStyle;
+    body1Stronger: TypeographyStyle;
+    caption1: TypeographyStyle;
+    caption1Strong: TypeographyStyle;
+    caption1Stronger: TypeographyStyle;
+    caption2: TypeographyStyle;
+    caption2Strong: TypeographyStyle;
+    subtitle1: TypeographyStyle;
+    subtitle2: TypeographyStyle;
+    subtitle2Stronger: TypeographyStyle;
+    title1: TypeographyStyle;
+    title2: TypeographyStyle;
+    title3: TypeographyStyle;
+    largeTitle: TypeographyStyle;
+    display: TypeographyStyle;
+};
+
+/**
+ * Global typeography styles (fontSize, fontWeight, and lineHeight)
+ */
+export declare const typeographyStyles: TypeographyStyles;
+
 export declare const webDarkTheme: Theme;
 
 export declare const webHighContrastTheme: Theme;

package/lib/global/index.d.ts

@@ -2,3 +2,4 @@ export * from './colors';
 export * from './fonts';
 export * from './strokeWidths';
 export * from './borderRadius';
+export * from './typeographyStyles';

package/lib/global/index.js

@@ -2,4 +2,5 @@ export * from './colors';
 export * from './fonts';
 export * from './strokeWidths';
 export * from './borderRadius';
+export * from './typeographyStyles';
 //# sourceMappingURL=index.js.map

package/lib/global/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["global/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './colors';\nexport * from './fonts';\nexport * from './strokeWidths';\nexport * from './borderRadius';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["global/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './colors';\nexport * from './fonts';\nexport * from './strokeWidths';\nexport * from './borderRadius';\nexport * from './typeographyStyles';\n"]}

package/lib/global/typeographyStyles.d.ts

@@ -0,0 +1,5 @@
+import { TypeographyStyles } from '../types';
+/**
+ * Global typeography styles (fontSize, fontWeight, and lineHeight)
+ */
+export declare const typeographyStyles: TypeographyStyles;

package/lib/global/typeographyStyles.js

@@ -0,0 +1,88 @@
+import { tokens } from '../tokens';
+/**
+ * Global typeography styles (fontSize, fontWeight, and lineHeight)
+ */
+
+export const typeographyStyles = {
+  body1: {
+    fontSize: tokens.fontSizeBase300,
+    fontWeight: tokens.fontWeightRegular,
+    lineHeight: tokens.lineHeightBase300
+  },
+  body1Strong: {
+    fontSize: tokens.fontSizeBase300,
+    fontWeight: tokens.fontWeightSemibold,
+    lineHeight: tokens.lineHeightBase300
+  },
+  body1Stronger: {
+    fontSize: tokens.fontSizeBase300,
+    fontWeight: tokens.fontWeightMedium,
+    lineHeight: tokens.lineHeightBase300
+  },
+  caption1: {
+    fontSize: tokens.fontSizeBase200,
+    fontWeight: tokens.fontWeightRegular,
+    lineHeight: tokens.lineHeightBase200
+  },
+  caption1Strong: {
+    fontSize: tokens.fontSizeBase200,
+    fontWeight: tokens.fontWeightSemibold,
+    lineHeight: tokens.lineHeightBase200
+  },
+  caption1Stronger: {
+    fontSize: tokens.fontSizeBase200,
+    fontWeight: tokens.fontWeightMedium,
+    lineHeight: tokens.lineHeightBase200
+  },
+  caption2: {
+    fontSize: tokens.fontSizeBase100,
+    fontWeight: tokens.fontWeightRegular,
+    lineHeight: tokens.lineHeightBase100
+  },
+  caption2Strong: {
+    fontSize: tokens.fontSizeBase100,
+    fontWeight: tokens.fontWeightSemibold,
+    lineHeight: tokens.lineHeightBase100
+  },
+  subtitle1: {
+    fontSize: tokens.fontSizeBase500,
+    fontWeight: tokens.fontWeightSemibold,
+    lineHeight: tokens.lineHeightBase500
+  },
+  subtitle2: {
+    fontSize: tokens.fontSizeBase400,
+    fontWeight: tokens.fontWeightSemibold,
+    lineHeight: tokens.lineHeightBase400
+  },
+  subtitle2Stronger: {
+    fontSize: tokens.fontSizeBase400,
+    fontWeight: tokens.fontWeightMedium,
+    lineHeight: tokens.lineHeightBase400
+  },
+  title1: {
+    fontSize: tokens.fontSizeHero800,
+    fontWeight: tokens.fontWeightSemibold,
+    lineHeight: tokens.lineHeightHero800
+  },
+  title2: {
+    fontSize: tokens.fontSizeHero700,
+    fontWeight: tokens.fontWeightSemibold,
+    lineHeight: tokens.fontSizeHero700
+  },
+  title3: {
+    fontSize: tokens.fontSizeBase600,
+    fontWeight: tokens.fontWeightSemibold,
+    lineHeight: tokens.lineHeightBase600
+  },
+  largeTitle: {
+    fontSize: tokens.fontSizeHero900,
+    fontWeight: tokens.fontWeightSemibold,
+    lineHeight: tokens.lineHeightHero900
+  },
+  display: {
+    fontSize: tokens.fontSizeHero1000,
+    fontWeight: tokens.fontWeightSemibold,
+    lineHeight: tokens.lineHeightHero1000
+  }
+};
+//# sourceMappingURL=typeographyStyles.js.map

package/lib/global/typeographyStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["global/typeographyStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { tokens } from '../tokens';\nimport { TypeographyStyles } from '../types';\n\n/**\n * Global typeography styles (fontSize, fontWeight, and lineHeight)\n */\nexport const typeographyStyles: TypeographyStyles = {\n  body1: {\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase300,\n  },\n  body1Strong: {\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase300,\n  },\n  body1Stronger: {\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightMedium,\n    lineHeight: tokens.lineHeightBase300,\n  },\n  caption1: {\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  caption1Strong: {\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  caption1Stronger: {\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightMedium,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  caption2: {\n    fontSize: tokens.fontSizeBase100,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase100,\n  },\n  caption2Strong: {\n    fontSize: tokens.fontSizeBase100,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase100,\n  },\n  subtitle1: {\n    fontSize: tokens.fontSizeBase500,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase500,\n  },\n  subtitle2: {\n    fontSize: tokens.fontSizeBase400,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase400,\n  },\n  subtitle2Stronger: {\n    fontSize: tokens.fontSizeBase400,\n    fontWeight: tokens.fontWeightMedium,\n    lineHeight: tokens.lineHeightBase400,\n  },\n  title1: {\n    fontSize: tokens.fontSizeHero800,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightHero800,\n  },\n  title2: {\n    fontSize: tokens.fontSizeHero700,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.fontSizeHero700,\n  },\n  title3: {\n    fontSize: tokens.fontSizeBase600,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase600,\n  },\n  largeTitle: {\n    fontSize: tokens.fontSizeHero900,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightHero900,\n  },\n  display: {\n    fontSize: tokens.fontSizeHero1000,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightHero1000,\n  },\n};\n"],"sourceRoot":"../src/"}

package/lib/index.d.ts

@@ -2,4 +2,5 @@ export * from './themes/index';
 export * from './utils/index';
 export { themeToTokensObject } from './themeToTokensObject';
 export { tokens } from './tokens';
-export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, 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, } from './types';
+export { typeographyStyles } from './global/index';
+export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, 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, TypeographyStyles, } from './types';

package/lib/index.js

@@ -2,4 +2,5 @@ export * from './themes/index';
 export * from './utils/index';
 export { themeToTokensObject } from './themeToTokensObject';
 export { tokens } from './tokens';
+export { typeographyStyles } from './global/index';
 //# sourceMappingURL=index.js.map

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","sourcesContent":["export * from './themes/index';\nexport * from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\n\nexport type {\n  Brands,\n  BrandVariants,\n  FontSizeTokens,\n  FontWeightTokens,\n  LineHeightTokens,\n  BorderRadiusTokens,\n  StrokeWidthTokens,\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} from './types';\n"]}
+{"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,iBAAiB,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export * from './themes/index';\nexport * from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typeographyStyles } from './global/index';\n\nexport type {\n  Brands,\n  BrandVariants,\n  FontSizeTokens,\n  FontWeightTokens,\n  LineHeightTokens,\n  BorderRadiusTokens,\n  StrokeWidthTokens,\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  TypeographyStyles,\n} from './types';\n"]}

package/lib/types.d.ts

@@ -305,6 +305,29 @@ export declare type TextAlignments = {
     end: TextAlignment;
     justify: TextAlignment;
 };
+declare type TypeographyStyle = {
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+};
+export declare type TypeographyStyles = {
+    body1: TypeographyStyle;
+    body1Strong: TypeographyStyle;
+    body1Stronger: TypeographyStyle;
+    caption1: TypeographyStyle;
+    caption1Strong: TypeographyStyle;
+    caption1Stronger: TypeographyStyle;
+    caption2: TypeographyStyle;
+    caption2Strong: TypeographyStyle;
+    subtitle1: TypeographyStyle;
+    subtitle2: TypeographyStyle;
+    subtitle2Stronger: TypeographyStyle;
+    title1: TypeographyStyle;
+    title2: TypeographyStyle;
+    title3: TypeographyStyle;
+    largeTitle: TypeographyStyle;
+    display: TypeographyStyle;
+};
 export declare type BorderRadiusTokens = {
     borderRadiusNone: string;
     borderRadiusSmall: string;
@@ -342,3 +365,4 @@ 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 & 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  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 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\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  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  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 TypeographyStyle = {\n  fontSize: string;\n  fontWeight: string;\n  lineHeight: string;\n};\n\nexport type TypeographyStyles = {\n  body1: TypeographyStyle;\n  body1Strong: TypeographyStyle;\n  body1Stronger: TypeographyStyle;\n  caption1: TypeographyStyle;\n  caption1Strong: TypeographyStyle;\n  caption1Stronger: TypeographyStyle;\n  caption2: TypeographyStyle;\n  caption2Strong: TypeographyStyle;\n  subtitle1: TypeographyStyle;\n  subtitle2: TypeographyStyle;\n  subtitle2Stronger: TypeographyStyle;\n  title1: TypeographyStyle;\n  title2: TypeographyStyle;\n  title3: TypeographyStyle;\n  largeTitle: TypeographyStyle;\n  display: TypeographyStyle;\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\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  ShadowTokens &\n  ShadowBrandTokens &\n  FontFamilyTokens &\n  FontWeightTokens &\n  ColorPaletteTokens &\n  ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"]}

package/lib-commonjs/global/index.d.ts

@@ -2,3 +2,4 @@ export * from './colors';
 export * from './fonts';
 export * from './strokeWidths';
 export * from './borderRadius';
+export * from './typeographyStyles';

package/lib-commonjs/global/index.js

@@ -13,4 +13,6 @@ tslib_1.__exportStar(require("./fonts"), exports);
 tslib_1.__exportStar(require("./strokeWidths"), exports);
 
 tslib_1.__exportStar(require("./borderRadius"), exports);
+
+tslib_1.__exportStar(require("./typeographyStyles"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["global/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './colors';\nexport * from './fonts';\nexport * from './strokeWidths';\nexport * from './borderRadius';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["global/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './colors';\nexport * from './fonts';\nexport * from './strokeWidths';\nexport * from './borderRadius';\nexport * from './typeographyStyles';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/global/typeographyStyles.d.ts

@@ -0,0 +1,5 @@
+import { TypeographyStyles } from '../types';
+/**
+ * Global typeography styles (fontSize, fontWeight, and lineHeight)
+ */
+export declare const typeographyStyles: TypeographyStyles;

package/lib-commonjs/global/typeographyStyles.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typeographyStyles = void 0;
+
+const tokens_1 = /*#__PURE__*/require("../tokens");
+/**
+ * Global typeography styles (fontSize, fontWeight, and lineHeight)
+ */
+
+
+exports.typeographyStyles = {
+  body1: {
+    fontSize: tokens_1.tokens.fontSizeBase300,
+    fontWeight: tokens_1.tokens.fontWeightRegular,
+    lineHeight: tokens_1.tokens.lineHeightBase300
+  },
+  body1Strong: {
+    fontSize: tokens_1.tokens.fontSizeBase300,
+    fontWeight: tokens_1.tokens.fontWeightSemibold,
+    lineHeight: tokens_1.tokens.lineHeightBase300
+  },
+  body1Stronger: {
+    fontSize: tokens_1.tokens.fontSizeBase300,
+    fontWeight: tokens_1.tokens.fontWeightMedium,
+    lineHeight: tokens_1.tokens.lineHeightBase300
+  },
+  caption1: {
+    fontSize: tokens_1.tokens.fontSizeBase200,
+    fontWeight: tokens_1.tokens.fontWeightRegular,
+    lineHeight: tokens_1.tokens.lineHeightBase200
+  },
+  caption1Strong: {
+    fontSize: tokens_1.tokens.fontSizeBase200,
+    fontWeight: tokens_1.tokens.fontWeightSemibold,
+    lineHeight: tokens_1.tokens.lineHeightBase200
+  },
+  caption1Stronger: {
+    fontSize: tokens_1.tokens.fontSizeBase200,
+    fontWeight: tokens_1.tokens.fontWeightMedium,
+    lineHeight: tokens_1.tokens.lineHeightBase200
+  },
+  caption2: {
+    fontSize: tokens_1.tokens.fontSizeBase100,
+    fontWeight: tokens_1.tokens.fontWeightRegular,
+    lineHeight: tokens_1.tokens.lineHeightBase100
+  },
+  caption2Strong: {
+    fontSize: tokens_1.tokens.fontSizeBase100,
+    fontWeight: tokens_1.tokens.fontWeightSemibold,
+    lineHeight: tokens_1.tokens.lineHeightBase100
+  },
+  subtitle1: {
+    fontSize: tokens_1.tokens.fontSizeBase500,
+    fontWeight: tokens_1.tokens.fontWeightSemibold,
+    lineHeight: tokens_1.tokens.lineHeightBase500
+  },
+  subtitle2: {
+    fontSize: tokens_1.tokens.fontSizeBase400,
+    fontWeight: tokens_1.tokens.fontWeightSemibold,
+    lineHeight: tokens_1.tokens.lineHeightBase400
+  },
+  subtitle2Stronger: {
+    fontSize: tokens_1.tokens.fontSizeBase400,
+    fontWeight: tokens_1.tokens.fontWeightMedium,
+    lineHeight: tokens_1.tokens.lineHeightBase400
+  },
+  title1: {
+    fontSize: tokens_1.tokens.fontSizeHero800,
+    fontWeight: tokens_1.tokens.fontWeightSemibold,
+    lineHeight: tokens_1.tokens.lineHeightHero800
+  },
+  title2: {
+    fontSize: tokens_1.tokens.fontSizeHero700,
+    fontWeight: tokens_1.tokens.fontWeightSemibold,
+    lineHeight: tokens_1.tokens.fontSizeHero700
+  },
+  title3: {
+    fontSize: tokens_1.tokens.fontSizeBase600,
+    fontWeight: tokens_1.tokens.fontWeightSemibold,
+    lineHeight: tokens_1.tokens.lineHeightBase600
+  },
+  largeTitle: {
+    fontSize: tokens_1.tokens.fontSizeHero900,
+    fontWeight: tokens_1.tokens.fontWeightSemibold,
+    lineHeight: tokens_1.tokens.lineHeightHero900
+  },
+  display: {
+    fontSize: tokens_1.tokens.fontSizeHero1000,
+    fontWeight: tokens_1.tokens.fontWeightSemibold,
+    lineHeight: tokens_1.tokens.lineHeightHero1000
+  }
+};
+//# sourceMappingURL=typeographyStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["global/typeographyStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { tokens } from '../tokens';\nimport { TypeographyStyles } from '../types';\n\n/**\n * Global typeography styles (fontSize, fontWeight, and lineHeight)\n */\nexport const typeographyStyles: TypeographyStyles = {\n  body1: {\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase300,\n  },\n  body1Strong: {\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase300,\n  },\n  body1Stronger: {\n    fontSize: tokens.fontSizeBase300,\n    fontWeight: tokens.fontWeightMedium,\n    lineHeight: tokens.lineHeightBase300,\n  },\n  caption1: {\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  caption1Strong: {\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  caption1Stronger: {\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightMedium,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  caption2: {\n    fontSize: tokens.fontSizeBase100,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase100,\n  },\n  caption2Strong: {\n    fontSize: tokens.fontSizeBase100,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase100,\n  },\n  subtitle1: {\n    fontSize: tokens.fontSizeBase500,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase500,\n  },\n  subtitle2: {\n    fontSize: tokens.fontSizeBase400,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase400,\n  },\n  subtitle2Stronger: {\n    fontSize: tokens.fontSizeBase400,\n    fontWeight: tokens.fontWeightMedium,\n    lineHeight: tokens.lineHeightBase400,\n  },\n  title1: {\n    fontSize: tokens.fontSizeHero800,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightHero800,\n  },\n  title2: {\n    fontSize: tokens.fontSizeHero700,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.fontSizeHero700,\n  },\n  title3: {\n    fontSize: tokens.fontSizeBase600,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightBase600,\n  },\n  largeTitle: {\n    fontSize: tokens.fontSizeHero900,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightHero900,\n  },\n  display: {\n    fontSize: tokens.fontSizeHero1000,\n    fontWeight: tokens.fontWeightSemibold,\n    lineHeight: tokens.lineHeightHero1000,\n  },\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.d.ts

@@ -2,4 +2,5 @@ export * from './themes/index';
 export * from './utils/index';
 export { themeToTokensObject } from './themeToTokensObject';
 export { tokens } from './tokens';
-export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, 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, } from './types';
+export { typeographyStyles } from './global/index';
+export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, 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, TypeographyStyles, } from './types';

package/lib-commonjs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tokens = exports.themeToTokensObject = void 0;
+exports.typeographyStyles = exports.tokens = exports.themeToTokensObject = void 0;
 
 const tslib_1 = /*#__PURE__*/require("tslib");
 
@@ -28,4 +28,13 @@ Object.defineProperty(exports, "tokens", {
     return tokens_1.tokens;
   }
 });
+
+var index_1 = /*#__PURE__*/require("./global/index");
+
+Object.defineProperty(exports, "typeographyStyles", {
+  enumerable: true,
+  get: function () {
+    return index_1.typeographyStyles;
+  }
+});
 //# 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","sourcesContent":["export * from './themes/index';\nexport * from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\n\nexport type {\n  Brands,\n  BrandVariants,\n  FontSizeTokens,\n  FontWeightTokens,\n  LineHeightTokens,\n  BorderRadiusTokens,\n  StrokeWidthTokens,\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} from './types';\n"],"sourceRoot":"../src/"}
+{"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,mBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,OAAA,CAAA,iBAAA;AAAiB;AAAjB,CAAA","sourcesContent":["export * from './themes/index';\nexport * from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typeographyStyles } from './global/index';\n\nexport type {\n  Brands,\n  BrandVariants,\n  FontSizeTokens,\n  FontWeightTokens,\n  LineHeightTokens,\n  BorderRadiusTokens,\n  StrokeWidthTokens,\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  TypeographyStyles,\n} from './types';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/types.d.ts

@@ -305,6 +305,29 @@ export declare type TextAlignments = {
     end: TextAlignment;
     justify: TextAlignment;
 };
+declare type TypeographyStyle = {
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+};
+export declare type TypeographyStyles = {
+    body1: TypeographyStyle;
+    body1Strong: TypeographyStyle;
+    body1Stronger: TypeographyStyle;
+    caption1: TypeographyStyle;
+    caption1Strong: TypeographyStyle;
+    caption1Stronger: TypeographyStyle;
+    caption2: TypeographyStyle;
+    caption2Strong: TypeographyStyle;
+    subtitle1: TypeographyStyle;
+    subtitle2: TypeographyStyle;
+    subtitle2Stronger: TypeographyStyle;
+    title1: TypeographyStyle;
+    title2: TypeographyStyle;
+    title3: TypeographyStyle;
+    largeTitle: TypeographyStyle;
+    display: TypeographyStyle;
+};
 export declare type BorderRadiusTokens = {
     borderRadiusNone: string;
     borderRadiusSmall: string;
@@ -342,3 +365,4 @@ 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 & 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": "0.0.0-nightly-20220421-0418.1",
+  "version": "0.0.0-nightly-20220426-0421.1",
   "description": "Fluent UI themes",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",