@fluentui/tokens 1.0.0-alpha.14 → 1.0.0-alpha.15

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/tokens
 
-This log was last generated on Thu, 07 Mar 2024 19:27:01 GMT and should not be manually modified.
+This log was last generated on Fri, 15 Mar 2024 21:37:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.15)
+
+Fri, 15 Mar 2024 21:37:57 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.14..@fluentui/tokens_v1.0.0-alpha.15)
+
+### Changes
+
+- feat: enable .js extension addition and directory import/export unwrapping in build output ([PR #30770](https://github.com/microsoft/fluentui/pull/30770) by martinhochel@microsoft.com)
+
 ## [1.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.14)
 
-Thu, 07 Mar 2024 19:27:01 GMT 
+Thu, 07 Mar 2024 19:33:27 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.13..@fluentui/tokens_v1.0.0-alpha.14)
 
 ### Changes

package/lib/alias/darkColor.js

@@ -1,4 +1,4 @@
-/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from "../global/colors.js";
 export const generateColorTokens = (brand)=>({
         colorNeutralForeground1: white,
         colorNeutralForeground1Hover: white,

package/lib/alias/darkColorPalette.js

@@ -1,6 +1,6 @@
-/* color palette used in both darkTheme and teamsDarkTheme */ import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';
-import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
-import { statusColorMapping } from '../statusColorMapping';
+/* color palette used in both darkTheme and teamsDarkTheme */ import { statusSharedColors, personaSharedColors, mappedStatusColors } from "../global/colorPalette.js";
+import { statusSharedColorNames, personaSharedColorNames } from "../sharedColorNames.js";
+import { statusColorMapping } from "../statusColorMapping.js";
 const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
     const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
     const sharedColorTokens = {

package/lib/alias/highContrastColor.js

@@ -1,4 +1,4 @@
-/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from "../global/colors.js";
 export const generateColorTokens = ()=>({
         colorNeutralForeground1: hcCanvasText,
         colorNeutralForeground1Hover: hcHighlightText,

package/lib/alias/highContrastColorPalette.js

@@ -1,6 +1,6 @@
-import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';
-import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
-import { statusColorMapping } from '../statusColorMapping';
+import { hcHighlight, hcCanvas, hcCanvasText } from "../global/colors.js";
+import { statusSharedColorNames, personaSharedColorNames } from "../sharedColorNames.js";
+import { statusColorMapping } from "../statusColorMapping.js";
 const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
     const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
     const sharedColorTokens = {

package/lib/alias/lightColor.js

@@ -1,4 +1,4 @@
-/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, white, whiteAlpha } from "../global/colors.js";
 export const generateColorTokens = (brand)=>({
         colorNeutralForeground1: grey[14],
         colorNeutralForeground1Hover: grey[14],

package/lib/alias/lightColorPalette.js

@@ -1,6 +1,6 @@
-import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';
-import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
-import { statusColorMapping } from '../statusColorMapping';
+import { statusSharedColors, personaSharedColors, mappedStatusColors } from "../global/colorPalette.js";
+import { statusSharedColorNames, personaSharedColorNames } from "../sharedColorNames.js";
+import { statusColorMapping } from "../statusColorMapping.js";
 const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
     const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
     const sharedColorTokens = {

package/lib/alias/teamsDarkColor.js

@@ -1,4 +1,4 @@
-/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';
+/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from "../global/colors.js";
 export const generateColorTokens = (brand)=>({
         colorNeutralForeground1: white,
         colorNeutralForeground1Hover: white,

package/lib/global/colorPalette.js

@@ -1,4 +1,4 @@
-import { red, green, darkOrange, yellow, berry, lightGreen, marigold, darkRed, cranberry, pumpkin, peach, gold, brass, brown, forest, seafoam, darkGreen, lightTeal, teal, steel, blue, royalBlue, cornflower, navy, lavender, purple, grape, lilac, pink, magenta, plum, beige, mink, platinum, anchor, orange } from './colors';
+import { red, green, darkOrange, yellow, berry, lightGreen, marigold, darkRed, cranberry, pumpkin, peach, gold, brass, brown, forest, seafoam, darkGreen, lightTeal, teal, steel, blue, royalBlue, cornflower, navy, lavender, purple, grape, lilac, pink, magenta, plum, beige, mink, platinum, anchor, orange } from "./colors.js";
 export const statusSharedColors = {
     red,
     green,

package/lib/global/index.js

@@ -1,9 +1,9 @@
-export * from './borderRadius';
-export * from './colors';
-export * from './curves';
-export * from './durations';
-export * from './fonts';
-export * from './spacings';
-export * from './strokeWidths';
-export * from './borderRadius';
-export * from './typographyStyles';
+export * from "./borderRadius.js";
+export * from "./colors.js";
+export * from "./curves.js";
+export * from "./durations.js";
+export * from "./fonts.js";
+export * from "./spacings.js";
+export * from "./strokeWidths.js";
+export * from "./borderRadius.js";
+export * from "./typographyStyles.js";

package/lib/global/typographyStyles.js

@@ -1,4 +1,4 @@
-import { tokens } from '../tokens';
+import { tokens } from "../tokens.js";
 /**
  * Global typography styles (fontSize, fontWeight, and lineHeight)
  */ export const typographyStyles = {

package/lib/index.js

@@ -1,5 +1,5 @@
-export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';
-export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';
-export { themeToTokensObject } from './themeToTokensObject';
-export { tokens } from './tokens';
-export { typographyStyles } from './global/index';
+export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from "./themes/index.js";
+export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from "./utils/index.js";
+export { themeToTokensObject } from "./themeToTokensObject.js";
+export { tokens } from "./tokens.js";
+export { typographyStyles } from "./global/index.js";

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n  Brands,\n  BrandVariants,\n  FontSizeTokens,\n  FontWeightTokens,\n  LineHeightTokens,\n  BorderRadiusTokens,\n  StrokeWidthTokens,\n  SpacingTokens,\n  HorizontalSpacingTokens,\n  VerticalSpacingTokens,\n  DurationTokens,\n  CurveTokens,\n  ShadowTokens,\n  ShadowBrandTokens,\n  FontFamilyTokens,\n  ColorPaletteTokens,\n  ColorPaletteDarkRed,\n  ColorPaletteCranberry,\n  ColorPaletteRed,\n  ColorPaletteDarkOrange,\n  ColorPalettePumpkin,\n  ColorPalettePeach,\n  ColorPaletteMarigold,\n  ColorPaletteYellow,\n  ColorPaletteGold,\n  ColorPaletteBrass,\n  ColorPaletteBrown,\n  ColorPaletteForest,\n  ColorPaletteSeafoam,\n  ColorPaletteGreen,\n  ColorPaletteLightGreen,\n  ColorPaletteDarkGreen,\n  ColorPaletteLightTeal,\n  ColorPaletteTeal,\n  ColorPaletteSteel,\n  ColorPaletteBlue,\n  ColorPaletteRoyalBlue,\n  ColorPaletteCornflower,\n  ColorPaletteNavy,\n  ColorPaletteLavender,\n  ColorPalettePurple,\n  ColorPaletteGrape,\n  ColorPaletteBerry,\n  ColorPaletteLilac,\n  ColorPalettePink,\n  ColorPaletteMagenta,\n  ColorPalettePlum,\n  ColorPaletteBeige,\n  ColorPaletteMink,\n  ColorPalettePlatinum,\n  ColorPaletteAnchor,\n  ColorTokens,\n  PartialTheme,\n  Theme,\n  TypographyStyle,\n  TypographyStyles,\n} from './types';\n"],"names":["teamsDarkTheme","teamsHighContrastTheme","teamsLightTheme","webDarkTheme","webLightTheme","createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","themeToTokensObject","tokens","typographyStyles"],"mappings":"AAAA,SAASA,cAAc,EAAEC,sBAAsB,EAAEC,eAAe,EAAEC,YAAY,EAAEC,aAAa,QAAQ,iBAAiB;AACtH,SAASC,eAAe,EAAEC,uBAAuB,EAAEC,gBAAgB,EAAEC,oBAAoB,QAAQ,gBAAgB;AAEjH,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,gBAAgB,QAAQ,iBAAiB"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n  Brands,\n  BrandVariants,\n  FontSizeTokens,\n  FontWeightTokens,\n  LineHeightTokens,\n  BorderRadiusTokens,\n  StrokeWidthTokens,\n  SpacingTokens,\n  HorizontalSpacingTokens,\n  VerticalSpacingTokens,\n  DurationTokens,\n  CurveTokens,\n  ShadowTokens,\n  ShadowBrandTokens,\n  FontFamilyTokens,\n  ColorPaletteTokens,\n  ColorPaletteDarkRed,\n  ColorPaletteCranberry,\n  ColorPaletteRed,\n  ColorPaletteDarkOrange,\n  ColorPalettePumpkin,\n  ColorPalettePeach,\n  ColorPaletteMarigold,\n  ColorPaletteYellow,\n  ColorPaletteGold,\n  ColorPaletteBrass,\n  ColorPaletteBrown,\n  ColorPaletteForest,\n  ColorPaletteSeafoam,\n  ColorPaletteGreen,\n  ColorPaletteLightGreen,\n  ColorPaletteDarkGreen,\n  ColorPaletteLightTeal,\n  ColorPaletteTeal,\n  ColorPaletteSteel,\n  ColorPaletteBlue,\n  ColorPaletteRoyalBlue,\n  ColorPaletteCornflower,\n  ColorPaletteNavy,\n  ColorPaletteLavender,\n  ColorPalettePurple,\n  ColorPaletteGrape,\n  ColorPaletteBerry,\n  ColorPaletteLilac,\n  ColorPalettePink,\n  ColorPaletteMagenta,\n  ColorPalettePlum,\n  ColorPaletteBeige,\n  ColorPaletteMink,\n  ColorPalettePlatinum,\n  ColorPaletteAnchor,\n  ColorTokens,\n  PartialTheme,\n  Theme,\n  TypographyStyle,\n  TypographyStyles,\n} from './types';\n"],"names":["teamsDarkTheme","teamsHighContrastTheme","teamsLightTheme","webDarkTheme","webLightTheme","createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","themeToTokensObject","tokens","typographyStyles"],"mappings":"AAAA,SAASA,cAAc,EAAEC,sBAAsB,EAAEC,eAAe,EAAEC,YAAY,EAAEC,aAAa,QAAQ,oBAAiB;AACtH,SAASC,eAAe,EAAEC,uBAAuB,EAAEC,gBAAgB,EAAEC,oBAAoB,QAAQ,mBAAgB;AAEjH,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,gBAAgB,QAAQ,oBAAiB"}

package/lib/themes/index.js

@@ -1,2 +1,2 @@
-export * from './teams/index';
-export * from './web/index';
+export * from "./teams/index.js";
+export * from "./web/index.js";

package/lib/themes/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAgB;AAC9B,cAAc,iBAAc"}

package/lib/themes/teams/darkTheme.js

@@ -1,3 +1,3 @@
-import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';
-import { brandTeams } from '../../global/brandColors';
+import { createTeamsDarkTheme } from "../../utils/createTeamsDarkTheme.js";
+import { brandTeams } from "../../global/brandColors.js";
 export const teamsDarkTheme = createTeamsDarkTheme(brandTeams);

package/lib/themes/teams/highContrastTheme.js

@@ -1,2 +1,2 @@
-import { createHighContrastTheme } from '../../utils/createHighContrastTheme';
+import { createHighContrastTheme } from "../../utils/createHighContrastTheme.js";
 export const teamsHighContrastTheme = createHighContrastTheme();

package/lib/themes/teams/index.js

@@ -1,3 +1,3 @@
-export * from './lightTheme';
-export * from './darkTheme';
-export * from './highContrastTheme';
+export * from "./lightTheme.js";
+export * from "./darkTheme.js";
+export * from "./highContrastTheme.js";

package/lib/themes/teams/lightTheme.js

@@ -1,3 +1,3 @@
-import { createLightTheme } from '../../utils/createLightTheme';
-import { brandTeams } from '../../global/brandColors';
+import { createLightTheme } from "../../utils/createLightTheme.js";
+import { brandTeams } from "../../global/brandColors.js";
 export const teamsLightTheme = createLightTheme(brandTeams);

package/lib/themes/web/darkTheme.js

@@ -1,3 +1,3 @@
-import { createDarkTheme } from '../../utils/createDarkTheme';
-import { brandWeb } from '../../global/brandColors';
+import { createDarkTheme } from "../../utils/createDarkTheme.js";
+import { brandWeb } from "../../global/brandColors.js";
 export const webDarkTheme = createDarkTheme(brandWeb);

package/lib/themes/web/index.js

@@ -1,2 +1,2 @@
-export * from './lightTheme';
-export * from './darkTheme';
+export * from "./lightTheme.js";
+export * from "./darkTheme.js";

package/lib/themes/web/lightTheme.js

@@ -1,3 +1,3 @@
-import { createLightTheme } from '../../utils/createLightTheme';
-import { brandWeb } from '../../global/brandColors';
+import { createLightTheme } from "../../utils/createLightTheme.js";
+import { brandWeb } from "../../global/brandColors.js";
 export const webLightTheme = createLightTheme(brandWeb);

package/lib/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"sourcesContent":["import {\n  statusSharedColorNames,\n  personaSharedColorNames,\n  unusedSharedColorNames,\n  mappedStatusColorNames,\n} from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n  colorNeutralForeground1: string;\n  colorNeutralForeground1Hover: string;\n  colorNeutralForeground1Pressed: string;\n  colorNeutralForeground1Selected: string;\n  colorNeutralForeground2: string;\n  colorNeutralForeground2Hover: string;\n  colorNeutralForeground2Pressed: string;\n  colorNeutralForeground2Selected: string;\n  colorNeutralForeground2BrandHover: string;\n  colorNeutralForeground2BrandPressed: string;\n  colorNeutralForeground2BrandSelected: string;\n  colorNeutralForeground3: string;\n  colorNeutralForeground3Hover: string;\n  colorNeutralForeground3Pressed: string;\n  colorNeutralForeground3Selected: string;\n  colorNeutralForeground3BrandHover: string;\n  colorNeutralForeground3BrandPressed: string;\n  colorNeutralForeground3BrandSelected: string;\n  colorNeutralForeground4: string;\n  colorNeutralForegroundDisabled: string;\n  colorNeutralForegroundInvertedDisabled: string;\n  colorBrandForegroundLink: string;\n  colorBrandForegroundLinkHover: string;\n  colorBrandForegroundLinkPressed: string;\n  colorBrandForegroundLinkSelected: string;\n  colorNeutralForeground2Link: string;\n  colorNeutralForeground2LinkHover: string;\n  colorNeutralForeground2LinkPressed: string;\n  colorNeutralForeground2LinkSelected: string;\n  colorCompoundBrandForeground1: string;\n  colorCompoundBrandForeground1Hover: string;\n  colorCompoundBrandForeground1Pressed: string;\n  colorBrandForeground1: string;\n  colorBrandForeground2: string;\n  colorBrandForeground2Hover: string;\n  colorBrandForeground2Pressed: string;\n  colorNeutralForeground1Static: string;\n  colorNeutralForegroundInverted: string;\n  colorNeutralForegroundInvertedHover: string;\n  colorNeutralForegroundInvertedPressed: string;\n  colorNeutralForegroundInvertedSelected: string;\n  colorNeutralForegroundInverted2: string;\n  colorNeutralForegroundOnBrand: string;\n  colorNeutralForegroundStaticInverted: 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  colorNeutralBackgroundStatic: string;\n  colorNeutralBackgroundAlpha: string;\n  colorNeutralBackgroundAlpha2: 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  colorNeutralStencil1Alpha: string;\n  colorNeutralStencil2Alpha: 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  colorBrandBackground2Hover: string;\n  colorBrandBackground2Pressed: string;\n  colorBrandBackground3Static: string;\n  colorBrandBackground4Static: string;\n  colorBrandBackgroundInverted: string;\n  colorBrandBackgroundInvertedHover: string;\n  colorBrandBackgroundInvertedPressed: string;\n  colorBrandBackgroundInvertedSelected: string;\n  colorNeutralCardBackground: string;\n  colorNeutralCardBackgroundHover: string;\n  colorNeutralCardBackgroundPressed: string;\n  colorNeutralCardBackgroundSelected: string;\n  colorNeutralCardBackgroundDisabled: 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  colorNeutralStrokeSubtle: string;\n  colorNeutralStrokeOnBrand: string;\n  colorNeutralStrokeOnBrand2: string;\n  colorNeutralStrokeOnBrand2Hover: string;\n  colorNeutralStrokeOnBrand2Pressed: string;\n  colorNeutralStrokeOnBrand2Selected: string;\n  colorBrandStroke1: string;\n  colorBrandStroke2: string;\n  colorBrandStroke2Hover: string;\n  colorBrandStroke2Pressed: string;\n  colorBrandStroke2Contrast: 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  colorNeutralStrokeAlpha: string;\n  colorNeutralStrokeAlpha2: 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 ColorStatusSuccess =\n  | 'colorStatusSuccessBackground1'\n  | 'colorStatusSuccessBackground2'\n  | 'colorStatusSuccessBackground3'\n  | 'colorStatusSuccessForeground1'\n  | 'colorStatusSuccessForeground2'\n  | 'colorStatusSuccessForeground3'\n  | 'colorStatusSuccessForegroundInverted'\n  | 'colorStatusSuccessBorderActive'\n  | 'colorStatusSuccessBorder1'\n  | 'colorStatusSuccessBorder2';\n\nexport type ColorStatusWarning =\n  | 'colorStatusWarningBackground1'\n  | 'colorStatusWarningBackground2'\n  | 'colorStatusWarningBackground3'\n  | 'colorStatusWarningForeground1'\n  | 'colorStatusWarningForeground2'\n  | 'colorStatusWarningForeground3'\n  | 'colorStatusWarningForegroundInverted'\n  | 'colorStatusWarningBorderActive'\n  | 'colorStatusWarningBorder1'\n  | 'colorStatusWarningBorder2';\n\nexport type ColorStatusDanger =\n  | 'colorStatusDangerBackground1'\n  | 'colorStatusDangerBackground2'\n  | 'colorStatusDangerBackground3'\n  | 'colorStatusDangerBackground3Hover'\n  | 'colorStatusDangerBackground3Pressed'\n  | 'colorStatusDangerForeground1'\n  | 'colorStatusDangerForeground2'\n  | 'colorStatusDangerForeground3'\n  | 'colorStatusDangerForegroundInverted'\n  | 'colorStatusDangerBorderActive'\n  | 'colorStatusDangerBorder1'\n  | 'colorStatusDangerBorder2';\n\nexport type ColorPaletteRed =\n  | 'colorPaletteRedBackground1'\n  | 'colorPaletteRedBackground2'\n  | 'colorPaletteRedBackground3'\n  | 'colorPaletteRedForeground1'\n  | 'colorPaletteRedForeground2'\n  | 'colorPaletteRedForeground3'\n  | 'colorPaletteRedForegroundInverted'\n  | 'colorPaletteRedBorderActive'\n  | 'colorPaletteRedBorder1'\n  | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n  | 'colorPaletteGreenBackground1'\n  | 'colorPaletteGreenBackground2'\n  | 'colorPaletteGreenBackground3'\n  | 'colorPaletteGreenForeground1'\n  | 'colorPaletteGreenForeground2'\n  | 'colorPaletteGreenForeground3'\n  | 'colorPaletteGreenForegroundInverted'\n  | 'colorPaletteGreenBorderActive'\n  | 'colorPaletteGreenBorder1'\n  | 'colorPaletteGreenBorder2';\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 ColorPaletteYellow =\n  | 'colorPaletteYellowBackground1'\n  | 'colorPaletteYellowBackground2'\n  | 'colorPaletteYellowBackground3'\n  | 'colorPaletteYellowForeground1'\n  | 'colorPaletteYellowForeground2'\n  | 'colorPaletteYellowForeground3'\n  | 'colorPaletteYellowForegroundInverted'\n  | 'colorPaletteYellowBorderActive'\n  | 'colorPaletteYellowBorder1'\n  | 'colorPaletteYellowBorder2';\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 ColorPaletteMarigold =\n  | 'colorPaletteMarigoldBackground1'\n  | 'colorPaletteMarigoldBackground2'\n  | 'colorPaletteMarigoldBackground3'\n  | 'colorPaletteMarigoldForeground1'\n  | 'colorPaletteMarigoldForeground2'\n  | 'colorPaletteMarigoldForeground3'\n  | 'colorPaletteMarigoldBorderActive'\n  | 'colorPaletteMarigoldBorder1'\n  | 'colorPaletteMarigoldBorder2';\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 ColorPaletteDarkRed =\n  | 'colorPaletteDarkRedBackground2'\n  | 'colorPaletteDarkRedForeground2'\n  | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n  | 'colorPaletteCranberryBackground2'\n  | 'colorPaletteCranberryForeground2'\n  | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n  | 'colorPalettePumpkinBackground2'\n  | 'colorPalettePumpkinForeground2'\n  | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n  | 'colorPalettePeachBackground2'\n  | 'colorPalettePeachForeground2'\n  | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n  | 'colorPaletteGoldBackground2'\n  | 'colorPaletteGoldForeground2'\n  | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n  | 'colorPaletteBrassBackground2'\n  | 'colorPaletteBrassForeground2'\n  | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n  | 'colorPaletteBrownBackground2'\n  | 'colorPaletteBrownForeground2'\n  | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n  | 'colorPaletteForestBackground2'\n  | 'colorPaletteForestForeground2'\n  | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n  | 'colorPaletteSeafoamBackground2'\n  | 'colorPaletteSeafoamForeground2'\n  | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n  | 'colorPaletteDarkGreenBackground2'\n  | 'colorPaletteDarkGreenForeground2'\n  | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n  | 'colorPaletteLightTealBackground2'\n  | 'colorPaletteLightTealForeground2'\n  | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n  | 'colorPaletteTealBackground2'\n  | 'colorPaletteTealForeground2'\n  | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n  | 'colorPaletteSteelBackground2'\n  | 'colorPaletteSteelForeground2'\n  | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n  | 'colorPaletteBlueBackground2'\n  | 'colorPaletteBlueForeground2'\n  | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n  | 'colorPaletteRoyalBlueBackground2'\n  | 'colorPaletteRoyalBlueForeground2'\n  | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n  | 'colorPaletteCornflowerBackground2'\n  | 'colorPaletteCornflowerForeground2'\n  | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n  | 'colorPaletteNavyBackground2'\n  | 'colorPaletteNavyForeground2'\n  | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n  | 'colorPaletteLavenderBackground2'\n  | 'colorPaletteLavenderForeground2'\n  | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n  | 'colorPalettePurpleBackground2'\n  | 'colorPalettePurpleForeground2'\n  | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n  | 'colorPaletteGrapeBackground2'\n  | 'colorPaletteGrapeForeground2'\n  | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n  | 'colorPaletteLilacBackground2'\n  | 'colorPaletteLilacForeground2'\n  | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n  | 'colorPalettePinkBackground2'\n  | 'colorPalettePinkForeground2'\n  | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n  | 'colorPaletteMagentaBackground2'\n  | 'colorPaletteMagentaForeground2'\n  | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n  | 'colorPalettePlumBackground2'\n  | 'colorPalettePlumForeground2'\n  | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n  | 'colorPaletteBeigeBackground2'\n  | 'colorPaletteBeigeForeground2'\n  | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n  | 'colorPaletteMinkBackground2'\n  | 'colorPaletteMinkForeground2'\n  | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n  | 'colorPalettePlatinumBackground2'\n  | 'colorPalettePlatinumForeground2'\n  | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n  | 'colorPaletteAnchorBackground2'\n  | 'colorPaletteAnchorForeground2'\n  | 'colorPaletteAnchorBorderActive';\n\nexport type ColorStatusTokens = Record<ColorStatusSuccess | ColorStatusWarning | ColorStatusDanger, string>;\n\nexport type StatusColorPaletteTokens = Record<\n  | ColorPaletteRed\n  | ColorPaletteGreen\n  | ColorPaletteDarkOrange\n  | ColorPaletteYellow\n  | ColorPaletteBerry\n  | ColorPaletteMarigold\n  | ColorPaletteLightGreen,\n  string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n  | ColorPaletteDarkRed\n  | ColorPaletteCranberry\n  | ColorPalettePumpkin\n  | ColorPalettePeach\n  | ColorPaletteGold\n  | ColorPaletteBrass\n  | ColorPaletteBrown\n  | ColorPaletteForest\n  | ColorPaletteSeafoam\n  | ColorPaletteDarkGreen\n  | ColorPaletteLightTeal\n  | ColorPaletteTeal\n  | ColorPaletteSteel\n  | ColorPaletteBlue\n  | ColorPaletteRoyalBlue\n  | ColorPaletteCornflower\n  | ColorPaletteNavy\n  | ColorPaletteLavender\n  | ColorPalettePurple\n  | ColorPaletteGrape\n  | ColorPaletteLilac\n  | ColorPalettePink\n  | ColorPaletteMagenta\n  | ColorPalettePlum\n  | ColorPaletteBeige\n  | ColorPaletteMink\n  | ColorPalettePlatinum\n  | ColorPaletteAnchor,\n  string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\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\ntype StatusSharedColorNames = (typeof statusSharedColorNames)[number];\ntype PersonaSharedColorNames = (typeof personaSharedColorNames)[number];\nexport type MappedStatusColorNames = (typeof mappedStatusColorNames)[number];\ntype UnusedSharedColorNames = (typeof unusedSharedColorNames)[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type MappedStatusColors = Record<MappedStatusColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\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  fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n  fontFamilyBase: string;\n  fontFamilyMonospace: string;\n  fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n  | 'inherit'\n  | 'initial'\n  | 'revert'\n  | 'unset'\n  | 'center'\n  | 'end'\n  | 'start'\n  | 'justify'\n  | 'left'\n  | 'match-parent'\n  | 'right';\n\nexport type TextAlignments = {\n  start: TextAlignment;\n  center: TextAlignment;\n  end: TextAlignment;\n  justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n  fontFamily: string;\n  fontSize: string;\n  fontWeight: string;\n  lineHeight: string;\n};\n\nexport type TypographyStyles = {\n  body1: TypographyStyle;\n  body1Strong: TypographyStyle;\n  body1Stronger: TypographyStyle;\n  body2: TypographyStyle;\n  caption1: TypographyStyle;\n  caption1Strong: TypographyStyle;\n  caption1Stronger: TypographyStyle;\n  caption2: TypographyStyle;\n  caption2Strong: TypographyStyle;\n  subtitle1: TypographyStyle;\n  subtitle2: TypographyStyle;\n  subtitle2Stronger: TypographyStyle;\n  title1: TypographyStyle;\n  title2: TypographyStyle;\n  title3: TypographyStyle;\n  largeTitle: TypographyStyle;\n  display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n  borderRadiusNone: string;\n  borderRadiusSmall: string;\n  borderRadiusMedium: string;\n  borderRadiusLarge: string;\n  borderRadiusXLarge: string;\n  borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n  strokeWidthThin: string;\n  strokeWidthThick: string;\n  strokeWidthThicker: string;\n  strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n  none: string;\n  xxs: string;\n  xs: string;\n  sNudge: string;\n  s: string;\n  mNudge: string;\n  m: string;\n  l: string;\n  xl: string;\n  xxl: string;\n  xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n  spacingHorizontalNone: string;\n  spacingHorizontalXXS: string;\n  spacingHorizontalXS: string;\n  spacingHorizontalSNudge: string;\n  spacingHorizontalS: string;\n  spacingHorizontalMNudge: string;\n  spacingHorizontalM: string;\n  spacingHorizontalL: string;\n  spacingHorizontalXL: string;\n  spacingHorizontalXXL: string;\n  spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n  spacingVerticalNone: string;\n  spacingVerticalXXS: string;\n  spacingVerticalXS: string;\n  spacingVerticalSNudge: string;\n  spacingVerticalS: string;\n  spacingVerticalMNudge: string;\n  spacingVerticalM: string;\n  spacingVerticalL: string;\n  spacingVerticalXL: string;\n  spacingVerticalXXL: string;\n  spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n  durationUltraFast: string;\n  durationFaster: string;\n  durationFast: string;\n  durationNormal: string;\n  durationGentle: string;\n  durationSlow: string;\n  durationSlower: string;\n  durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n  curveAccelerateMax: string;\n  curveAccelerateMid: string;\n  curveAccelerateMin: string;\n  curveDecelerateMax: string;\n  curveDecelerateMid: string;\n  curveDecelerateMin: string;\n  curveEasyEaseMax: string;\n  curveEasyEase: string;\n  curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n  shadow2: string;\n  shadow4: string;\n  shadow8: string;\n  shadow16: string;\n  shadow28: string;\n  shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n  shadow2Brand: string;\n  shadow4Brand: string;\n  shadow8Brand: string;\n  shadow16Brand: string;\n  shadow28Brand: string;\n  shadow64Brand: string;\n};\n\nexport type Greys =\n  | 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\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n  LineHeightTokens &\n  BorderRadiusTokens &\n  StrokeWidthTokens &\n  HorizontalSpacingTokens &\n  VerticalSpacingTokens &\n  DurationTokens &\n  CurveTokens &\n  ShadowTokens &\n  ShadowBrandTokens &\n  FontFamilyTokens &\n  FontWeightTokens &\n  ColorPaletteTokens &\n  ColorStatusTokens &\n  ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"],"names":[],"mappings":"AAAA,WAywB0C"}
+{"version":3,"sources":["types.ts"],"sourcesContent":["import {\n  statusSharedColorNames,\n  personaSharedColorNames,\n  unusedSharedColorNames,\n  mappedStatusColorNames,\n} from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n  colorNeutralForeground1: string;\n  colorNeutralForeground1Hover: string;\n  colorNeutralForeground1Pressed: string;\n  colorNeutralForeground1Selected: string;\n  colorNeutralForeground2: string;\n  colorNeutralForeground2Hover: string;\n  colorNeutralForeground2Pressed: string;\n  colorNeutralForeground2Selected: string;\n  colorNeutralForeground2BrandHover: string;\n  colorNeutralForeground2BrandPressed: string;\n  colorNeutralForeground2BrandSelected: string;\n  colorNeutralForeground3: string;\n  colorNeutralForeground3Hover: string;\n  colorNeutralForeground3Pressed: string;\n  colorNeutralForeground3Selected: string;\n  colorNeutralForeground3BrandHover: string;\n  colorNeutralForeground3BrandPressed: string;\n  colorNeutralForeground3BrandSelected: string;\n  colorNeutralForeground4: string;\n  colorNeutralForegroundDisabled: string;\n  colorNeutralForegroundInvertedDisabled: string;\n  colorBrandForegroundLink: string;\n  colorBrandForegroundLinkHover: string;\n  colorBrandForegroundLinkPressed: string;\n  colorBrandForegroundLinkSelected: string;\n  colorNeutralForeground2Link: string;\n  colorNeutralForeground2LinkHover: string;\n  colorNeutralForeground2LinkPressed: string;\n  colorNeutralForeground2LinkSelected: string;\n  colorCompoundBrandForeground1: string;\n  colorCompoundBrandForeground1Hover: string;\n  colorCompoundBrandForeground1Pressed: string;\n  colorBrandForeground1: string;\n  colorBrandForeground2: string;\n  colorBrandForeground2Hover: string;\n  colorBrandForeground2Pressed: string;\n  colorNeutralForeground1Static: string;\n  colorNeutralForegroundInverted: string;\n  colorNeutralForegroundInvertedHover: string;\n  colorNeutralForegroundInvertedPressed: string;\n  colorNeutralForegroundInvertedSelected: string;\n  colorNeutralForegroundInverted2: string;\n  colorNeutralForegroundOnBrand: string;\n  colorNeutralForegroundStaticInverted: 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  colorNeutralBackgroundStatic: string;\n  colorNeutralBackgroundAlpha: string;\n  colorNeutralBackgroundAlpha2: 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  colorNeutralStencil1Alpha: string;\n  colorNeutralStencil2Alpha: 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  colorBrandBackground2Hover: string;\n  colorBrandBackground2Pressed: string;\n  colorBrandBackground3Static: string;\n  colorBrandBackground4Static: string;\n  colorBrandBackgroundInverted: string;\n  colorBrandBackgroundInvertedHover: string;\n  colorBrandBackgroundInvertedPressed: string;\n  colorBrandBackgroundInvertedSelected: string;\n  colorNeutralCardBackground: string;\n  colorNeutralCardBackgroundHover: string;\n  colorNeutralCardBackgroundPressed: string;\n  colorNeutralCardBackgroundSelected: string;\n  colorNeutralCardBackgroundDisabled: 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  colorNeutralStrokeSubtle: string;\n  colorNeutralStrokeOnBrand: string;\n  colorNeutralStrokeOnBrand2: string;\n  colorNeutralStrokeOnBrand2Hover: string;\n  colorNeutralStrokeOnBrand2Pressed: string;\n  colorNeutralStrokeOnBrand2Selected: string;\n  colorBrandStroke1: string;\n  colorBrandStroke2: string;\n  colorBrandStroke2Hover: string;\n  colorBrandStroke2Pressed: string;\n  colorBrandStroke2Contrast: 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  colorNeutralStrokeAlpha: string;\n  colorNeutralStrokeAlpha2: 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 ColorStatusSuccess =\n  | 'colorStatusSuccessBackground1'\n  | 'colorStatusSuccessBackground2'\n  | 'colorStatusSuccessBackground3'\n  | 'colorStatusSuccessForeground1'\n  | 'colorStatusSuccessForeground2'\n  | 'colorStatusSuccessForeground3'\n  | 'colorStatusSuccessForegroundInverted'\n  | 'colorStatusSuccessBorderActive'\n  | 'colorStatusSuccessBorder1'\n  | 'colorStatusSuccessBorder2';\n\nexport type ColorStatusWarning =\n  | 'colorStatusWarningBackground1'\n  | 'colorStatusWarningBackground2'\n  | 'colorStatusWarningBackground3'\n  | 'colorStatusWarningForeground1'\n  | 'colorStatusWarningForeground2'\n  | 'colorStatusWarningForeground3'\n  | 'colorStatusWarningForegroundInverted'\n  | 'colorStatusWarningBorderActive'\n  | 'colorStatusWarningBorder1'\n  | 'colorStatusWarningBorder2';\n\nexport type ColorStatusDanger =\n  | 'colorStatusDangerBackground1'\n  | 'colorStatusDangerBackground2'\n  | 'colorStatusDangerBackground3'\n  | 'colorStatusDangerBackground3Hover'\n  | 'colorStatusDangerBackground3Pressed'\n  | 'colorStatusDangerForeground1'\n  | 'colorStatusDangerForeground2'\n  | 'colorStatusDangerForeground3'\n  | 'colorStatusDangerForegroundInverted'\n  | 'colorStatusDangerBorderActive'\n  | 'colorStatusDangerBorder1'\n  | 'colorStatusDangerBorder2';\n\nexport type ColorPaletteRed =\n  | 'colorPaletteRedBackground1'\n  | 'colorPaletteRedBackground2'\n  | 'colorPaletteRedBackground3'\n  | 'colorPaletteRedForeground1'\n  | 'colorPaletteRedForeground2'\n  | 'colorPaletteRedForeground3'\n  | 'colorPaletteRedForegroundInverted'\n  | 'colorPaletteRedBorderActive'\n  | 'colorPaletteRedBorder1'\n  | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n  | 'colorPaletteGreenBackground1'\n  | 'colorPaletteGreenBackground2'\n  | 'colorPaletteGreenBackground3'\n  | 'colorPaletteGreenForeground1'\n  | 'colorPaletteGreenForeground2'\n  | 'colorPaletteGreenForeground3'\n  | 'colorPaletteGreenForegroundInverted'\n  | 'colorPaletteGreenBorderActive'\n  | 'colorPaletteGreenBorder1'\n  | 'colorPaletteGreenBorder2';\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 ColorPaletteYellow =\n  | 'colorPaletteYellowBackground1'\n  | 'colorPaletteYellowBackground2'\n  | 'colorPaletteYellowBackground3'\n  | 'colorPaletteYellowForeground1'\n  | 'colorPaletteYellowForeground2'\n  | 'colorPaletteYellowForeground3'\n  | 'colorPaletteYellowForegroundInverted'\n  | 'colorPaletteYellowBorderActive'\n  | 'colorPaletteYellowBorder1'\n  | 'colorPaletteYellowBorder2';\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 ColorPaletteMarigold =\n  | 'colorPaletteMarigoldBackground1'\n  | 'colorPaletteMarigoldBackground2'\n  | 'colorPaletteMarigoldBackground3'\n  | 'colorPaletteMarigoldForeground1'\n  | 'colorPaletteMarigoldForeground2'\n  | 'colorPaletteMarigoldForeground3'\n  | 'colorPaletteMarigoldBorderActive'\n  | 'colorPaletteMarigoldBorder1'\n  | 'colorPaletteMarigoldBorder2';\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 ColorPaletteDarkRed =\n  | 'colorPaletteDarkRedBackground2'\n  | 'colorPaletteDarkRedForeground2'\n  | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n  | 'colorPaletteCranberryBackground2'\n  | 'colorPaletteCranberryForeground2'\n  | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n  | 'colorPalettePumpkinBackground2'\n  | 'colorPalettePumpkinForeground2'\n  | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n  | 'colorPalettePeachBackground2'\n  | 'colorPalettePeachForeground2'\n  | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n  | 'colorPaletteGoldBackground2'\n  | 'colorPaletteGoldForeground2'\n  | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n  | 'colorPaletteBrassBackground2'\n  | 'colorPaletteBrassForeground2'\n  | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n  | 'colorPaletteBrownBackground2'\n  | 'colorPaletteBrownForeground2'\n  | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n  | 'colorPaletteForestBackground2'\n  | 'colorPaletteForestForeground2'\n  | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n  | 'colorPaletteSeafoamBackground2'\n  | 'colorPaletteSeafoamForeground2'\n  | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n  | 'colorPaletteDarkGreenBackground2'\n  | 'colorPaletteDarkGreenForeground2'\n  | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n  | 'colorPaletteLightTealBackground2'\n  | 'colorPaletteLightTealForeground2'\n  | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n  | 'colorPaletteTealBackground2'\n  | 'colorPaletteTealForeground2'\n  | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n  | 'colorPaletteSteelBackground2'\n  | 'colorPaletteSteelForeground2'\n  | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n  | 'colorPaletteBlueBackground2'\n  | 'colorPaletteBlueForeground2'\n  | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n  | 'colorPaletteRoyalBlueBackground2'\n  | 'colorPaletteRoyalBlueForeground2'\n  | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n  | 'colorPaletteCornflowerBackground2'\n  | 'colorPaletteCornflowerForeground2'\n  | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n  | 'colorPaletteNavyBackground2'\n  | 'colorPaletteNavyForeground2'\n  | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n  | 'colorPaletteLavenderBackground2'\n  | 'colorPaletteLavenderForeground2'\n  | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n  | 'colorPalettePurpleBackground2'\n  | 'colorPalettePurpleForeground2'\n  | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n  | 'colorPaletteGrapeBackground2'\n  | 'colorPaletteGrapeForeground2'\n  | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n  | 'colorPaletteLilacBackground2'\n  | 'colorPaletteLilacForeground2'\n  | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n  | 'colorPalettePinkBackground2'\n  | 'colorPalettePinkForeground2'\n  | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n  | 'colorPaletteMagentaBackground2'\n  | 'colorPaletteMagentaForeground2'\n  | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n  | 'colorPalettePlumBackground2'\n  | 'colorPalettePlumForeground2'\n  | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n  | 'colorPaletteBeigeBackground2'\n  | 'colorPaletteBeigeForeground2'\n  | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n  | 'colorPaletteMinkBackground2'\n  | 'colorPaletteMinkForeground2'\n  | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n  | 'colorPalettePlatinumBackground2'\n  | 'colorPalettePlatinumForeground2'\n  | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n  | 'colorPaletteAnchorBackground2'\n  | 'colorPaletteAnchorForeground2'\n  | 'colorPaletteAnchorBorderActive';\n\nexport type ColorStatusTokens = Record<ColorStatusSuccess | ColorStatusWarning | ColorStatusDanger, string>;\n\nexport type StatusColorPaletteTokens = Record<\n  | ColorPaletteRed\n  | ColorPaletteGreen\n  | ColorPaletteDarkOrange\n  | ColorPaletteYellow\n  | ColorPaletteBerry\n  | ColorPaletteMarigold\n  | ColorPaletteLightGreen,\n  string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n  | ColorPaletteDarkRed\n  | ColorPaletteCranberry\n  | ColorPalettePumpkin\n  | ColorPalettePeach\n  | ColorPaletteGold\n  | ColorPaletteBrass\n  | ColorPaletteBrown\n  | ColorPaletteForest\n  | ColorPaletteSeafoam\n  | ColorPaletteDarkGreen\n  | ColorPaletteLightTeal\n  | ColorPaletteTeal\n  | ColorPaletteSteel\n  | ColorPaletteBlue\n  | ColorPaletteRoyalBlue\n  | ColorPaletteCornflower\n  | ColorPaletteNavy\n  | ColorPaletteLavender\n  | ColorPalettePurple\n  | ColorPaletteGrape\n  | ColorPaletteLilac\n  | ColorPalettePink\n  | ColorPaletteMagenta\n  | ColorPalettePlum\n  | ColorPaletteBeige\n  | ColorPaletteMink\n  | ColorPalettePlatinum\n  | ColorPaletteAnchor,\n  string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\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\ntype StatusSharedColorNames = (typeof statusSharedColorNames)[number];\ntype PersonaSharedColorNames = (typeof personaSharedColorNames)[number];\nexport type MappedStatusColorNames = (typeof mappedStatusColorNames)[number];\ntype UnusedSharedColorNames = (typeof unusedSharedColorNames)[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type MappedStatusColors = Record<MappedStatusColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\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  fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n  fontFamilyBase: string;\n  fontFamilyMonospace: string;\n  fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n  | 'inherit'\n  | 'initial'\n  | 'revert'\n  | 'unset'\n  | 'center'\n  | 'end'\n  | 'start'\n  | 'justify'\n  | 'left'\n  | 'match-parent'\n  | 'right';\n\nexport type TextAlignments = {\n  start: TextAlignment;\n  center: TextAlignment;\n  end: TextAlignment;\n  justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n  fontFamily: string;\n  fontSize: string;\n  fontWeight: string;\n  lineHeight: string;\n};\n\nexport type TypographyStyles = {\n  body1: TypographyStyle;\n  body1Strong: TypographyStyle;\n  body1Stronger: TypographyStyle;\n  body2: TypographyStyle;\n  caption1: TypographyStyle;\n  caption1Strong: TypographyStyle;\n  caption1Stronger: TypographyStyle;\n  caption2: TypographyStyle;\n  caption2Strong: TypographyStyle;\n  subtitle1: TypographyStyle;\n  subtitle2: TypographyStyle;\n  subtitle2Stronger: TypographyStyle;\n  title1: TypographyStyle;\n  title2: TypographyStyle;\n  title3: TypographyStyle;\n  largeTitle: TypographyStyle;\n  display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n  borderRadiusNone: string;\n  borderRadiusSmall: string;\n  borderRadiusMedium: string;\n  borderRadiusLarge: string;\n  borderRadiusXLarge: string;\n  borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n  strokeWidthThin: string;\n  strokeWidthThick: string;\n  strokeWidthThicker: string;\n  strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n  none: string;\n  xxs: string;\n  xs: string;\n  sNudge: string;\n  s: string;\n  mNudge: string;\n  m: string;\n  l: string;\n  xl: string;\n  xxl: string;\n  xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n  spacingHorizontalNone: string;\n  spacingHorizontalXXS: string;\n  spacingHorizontalXS: string;\n  spacingHorizontalSNudge: string;\n  spacingHorizontalS: string;\n  spacingHorizontalMNudge: string;\n  spacingHorizontalM: string;\n  spacingHorizontalL: string;\n  spacingHorizontalXL: string;\n  spacingHorizontalXXL: string;\n  spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n  spacingVerticalNone: string;\n  spacingVerticalXXS: string;\n  spacingVerticalXS: string;\n  spacingVerticalSNudge: string;\n  spacingVerticalS: string;\n  spacingVerticalMNudge: string;\n  spacingVerticalM: string;\n  spacingVerticalL: string;\n  spacingVerticalXL: string;\n  spacingVerticalXXL: string;\n  spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n  durationUltraFast: string;\n  durationFaster: string;\n  durationFast: string;\n  durationNormal: string;\n  durationGentle: string;\n  durationSlow: string;\n  durationSlower: string;\n  durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n  curveAccelerateMax: string;\n  curveAccelerateMid: string;\n  curveAccelerateMin: string;\n  curveDecelerateMax: string;\n  curveDecelerateMid: string;\n  curveDecelerateMin: string;\n  curveEasyEaseMax: string;\n  curveEasyEase: string;\n  curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n  shadow2: string;\n  shadow4: string;\n  shadow8: string;\n  shadow16: string;\n  shadow28: string;\n  shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n  shadow2Brand: string;\n  shadow4Brand: string;\n  shadow8Brand: string;\n  shadow16Brand: string;\n  shadow28Brand: string;\n  shadow64Brand: string;\n};\n\nexport type Greys =\n  | 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\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n  LineHeightTokens &\n  BorderRadiusTokens &\n  StrokeWidthTokens &\n  HorizontalSpacingTokens &\n  VerticalSpacingTokens &\n  DurationTokens &\n  CurveTokens &\n  ShadowTokens &\n  ShadowBrandTokens &\n  FontFamilyTokens &\n  FontWeightTokens &\n  ColorPaletteTokens &\n  ColorStatusTokens &\n  ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"],"names":[],"mappings":"AAywBA,WAA0C"}

package/lib/utils/createDarkTheme.js

@@ -1,10 +1,10 @@
-import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';
-import { generateColorTokens } from '../alias/darkColor';
-import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
-import { createShadowTokens } from './shadows';
-import { durations } from '../global/durations';
-import { curves } from '../global/curves';
-import { horizontalSpacings, verticalSpacings } from '../global/spacings';
+import { colorPaletteTokens, colorStatusTokens } from "../alias/darkColorPalette.js";
+import { generateColorTokens } from "../alias/darkColor.js";
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from "../global/index.js";
+import { createShadowTokens } from "./shadows.js";
+import { durations } from "../global/durations.js";
+import { curves } from "../global/curves.js";
+import { horizontalSpacings, verticalSpacings } from "../global/spacings.js";
 export const createDarkTheme = (brand)=>{
     const colorTokens = generateColorTokens(brand);
     return {

package/lib/utils/createDarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["createDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,4BAA4B;AAClF,SAASC,mBAAmB,QAAQ,qBAAqB;AAEzD,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,kBAAmDC,CAAAA;IAC9D,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}
+{"version":3,"sources":["createDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,4BAA4B;AAClF,SAASC,mBAAmB,QAAQ,qBAAqB;AAEzD,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,qBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,kBAAmDC,CAAAA;IAC9D,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}

package/lib/utils/createHighContrastTheme.js

@@ -1,10 +1,10 @@
-import { colorPaletteTokens, colorStatusTokens } from '../alias/highContrastColorPalette';
-import { generateColorTokens } from '../alias/highContrastColor';
-import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
-import { createShadowTokens } from './shadows';
-import { durations } from '../global/durations';
-import { curves } from '../global/curves';
-import { horizontalSpacings, verticalSpacings } from '../global/spacings';
+import { colorPaletteTokens, colorStatusTokens } from "../alias/highContrastColorPalette.js";
+import { generateColorTokens } from "../alias/highContrastColor.js";
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from "../global/index.js";
+import { createShadowTokens } from "./shadows.js";
+import { durations } from "../global/durations.js";
+import { curves } from "../global/curves.js";
+import { horizontalSpacings, verticalSpacings } from "../global/spacings.js";
 export const createHighContrastTheme = ()=>{
     const colorTokens = generateColorTokens();
     return {

package/lib/utils/createHighContrastTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["createHighContrastTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n  const colorTokens = generateColorTokens();\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createHighContrastTheme","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,oCAAoC;AAC1F,SAASC,mBAAmB,QAAQ,6BAA6B;AAEjE,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,0BAA0B;IACrC,MAAMC,cAAcb;IAEpB,OAAO;QACL,GAAGC,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGI,WAAW;QACd,GAAGf,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBM,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGR,mBAAmBM,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}
+{"version":3,"sources":["createHighContrastTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n  const colorTokens = generateColorTokens();\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createHighContrastTheme","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,oCAAoC;AAC1F,SAASC,mBAAmB,QAAQ,6BAA6B;AAEjE,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,qBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,0BAA0B;IACrC,MAAMC,cAAcb;IAEpB,OAAO;QACL,GAAGC,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGI,WAAW;QACd,GAAGf,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBM,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGR,mBAAmBM,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}

package/lib/utils/createLightTheme.js

@@ -1,10 +1,10 @@
-import { colorPaletteTokens, colorStatusTokens } from '../alias/lightColorPalette';
-import { generateColorTokens } from '../alias/lightColor';
-import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
-import { createShadowTokens } from './shadows';
-import { durations } from '../global/durations';
-import { curves } from '../global/curves';
-import { horizontalSpacings, verticalSpacings } from '../global/spacings';
+import { colorPaletteTokens, colorStatusTokens } from "../alias/lightColorPalette.js";
+import { generateColorTokens } from "../alias/lightColor.js";
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from "../global/index.js";
+import { createShadowTokens } from "./shadows.js";
+import { durations } from "../global/durations.js";
+import { curves } from "../global/curves.js";
+import { horizontalSpacings, verticalSpacings } from "../global/spacings.js";
 export const createLightTheme = (brand)=>{
     const colorTokens = generateColorTokens(brand);
     return {

package/lib/utils/createLightTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["createLightTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createLightTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,6BAA6B;AACnF,SAASC,mBAAmB,QAAQ,sBAAsB;AAE1D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,mBAAoDC,CAAAA;IAC/D,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}
+{"version":3,"sources":["createLightTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createLightTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,6BAA6B;AACnF,SAASC,mBAAmB,QAAQ,sBAAsB;AAE1D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,qBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,mBAAoDC,CAAAA;IAC/D,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}

package/lib/utils/createTeamsDarkTheme.js

@@ -1,10 +1,10 @@
-import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';
-import { generateColorTokens } from '../alias/teamsDarkColor';
-import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
-import { createShadowTokens } from './shadows';
-import { durations } from '../global/durations';
-import { curves } from '../global/curves';
-import { horizontalSpacings, verticalSpacings } from '../global/spacings';
+import { colorPaletteTokens, colorStatusTokens } from "../alias/darkColorPalette.js";
+import { generateColorTokens } from "../alias/teamsDarkColor.js";
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from "../global/index.js";
+import { createShadowTokens } from "./shadows.js";
+import { durations } from "../global/durations.js";
+import { curves } from "../global/curves.js";
+import { horizontalSpacings, verticalSpacings } from "../global/spacings.js";
 export const createTeamsDarkTheme = (brand)=>{
     const colorTokens = generateColorTokens(brand);
     return {

package/lib/utils/createTeamsDarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createTeamsDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,4BAA4B;AAClF,SAASC,mBAAmB,QAAQ,0BAA0B;AAE9D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,uBAAwDC,CAAAA;IACnE,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}
+{"version":3,"sources":["createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n    ...colorStatusTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createTeamsDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,4BAA4B;AAClF,SAASC,mBAAmB,QAAQ,0BAA0B;AAE9D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,qBAAkB;AAChH,SAASC,kBAAkB,QAAQ,YAAY;AAE/C,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,qBAAqB;AAE1E,OAAO,MAAMC,uBAAwDC,CAAAA;IACnE,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}

package/lib/utils/index.js

@@ -1,4 +1,4 @@
-export * from './createLightTheme';
-export * from './createDarkTheme';
-export * from './createTeamsDarkTheme';
-export * from './createHighContrastTheme';
+export * from "./createLightTheme.js";
+export * from "./createDarkTheme.js";
+export * from "./createTeamsDarkTheme.js";
+export * from "./createHighContrastTheme.js";

package/lib-commonjs/alias/darkColor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "generateColorTokens", {
         return generateColorTokens;
     }
 });
-const _colors = require("../global/colors");
+const _colors = require("../global/colors.js");
 const generateColorTokens = (brand)=>({
         colorNeutralForeground1: _colors.white,
         colorNeutralForeground1Hover: _colors.white,