@fluentui/react-theme - npm Package Compare versions

Comparing version 0.0.0-nightlya372ad979820211103.1 to 0.0.0-nightlybc5ff01fb020211104.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Wed, 03 Nov 2021 08:24:06 GMT",
-      "tag": "@fluentui/react-theme_v0.0.0-nightlya372ad979820211103.1",
-      "version": "0.0.0-nightlya372ad979820211103.1",
+      "date": "Thu, 04 Nov 2021 04:20:36 GMT",
+      "tag": "@fluentui/react-theme_v0.0.0-nightlybc5ff01fb020211104.1",
+      "version": "0.0.0-nightlybc5ff01fb020211104.1",
       "comments": {
@@ -14,4 +14,10 @@ "prerelease": [
             "package": "@fluentui/react-theme",
-            "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd",
+            "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d",
             "comment": "Release nightly v9"
+          },
+          {
+            "author": "[e-mail]",
+            "package": "@fluentui/react-theme",
+            "commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
+            "comment": "Updated beta and RC components to ES2019"
           }
@@ -18,0 +24,0 @@ ]

CHANGELOG.md

 # Change Log - @fluentui/react-theme
 
-This log was last generated on Wed, 03 Nov 2021 08:24:06 GMT and should not be manually modified.
+This log was last generated on Thu, 04 Nov 2021 04:20:36 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightlya372ad979820211103.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightlya372ad979820211103.1)
+## [0.0.0-nightlybc5ff01fb020211104.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightlybc5ff01fb020211104.1)
 
-Wed, 03 Nov 2021 08:24:06 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.2..@fluentui/react-theme_v0.0.0-nightlya372ad979820211103.1)
+Thu, 04 Nov 2021 04:20:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.2..@fluentui/react-theme_v0.0.0-nightlybc5ff01fb020211104.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by email not defined)
+- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by [e-mail])
 
@@ -16,0 +17,0 @@ ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.2)

lib-commonjs/alias/dark.js

@@ -8,122 +8,127 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const colors_1 = /*#__PURE__*/require("../global/colors");
 
-var colors_1 = /*#__PURE__*/require("../global/colors");
+const generateColorTokens = brand => ({
+  colorNeutralForeground1: colors_1.white,
+  colorNeutralForeground2: colors_1.grey[84],
+  colorNeutralForeground2Hover: colors_1.white,
+  colorNeutralForeground2Pressed: colors_1.white,
+  colorNeutralForeground2Selected: colors_1.white,
+  colorNeutralForeground2BrandHover: brand.tint20,
+  colorNeutralForeground2BrandPressed: brand.tint10,
+  colorNeutralForeground2BrandSelected: brand.tint20,
+  colorNeutralForeground3: colors_1.grey[68],
+  colorNeutralForeground3Hover: colors_1.grey[84],
+  colorNeutralForeground3Pressed: colors_1.grey[84],
+  colorNeutralForeground3Selected: colors_1.grey[84],
+  colorNeutralForeground3BrandHover: brand.tint20,
+  colorNeutralForeground3BrandPressed: brand.tint10,
+  colorNeutralForeground3BrandSelected: brand.tint20,
+  colorNeutralForeground4: colors_1.grey[60],
+  colorNeutralForegroundDisabled: colors_1.grey[36],
+  colorBrandForegroundLink: brand.tint10,
+  colorBrandForegroundLinkHover: brand.tint30,
+  colorBrandForegroundLinkPressed: brand.tint20,
+  colorBrandForegroundLinkSelected: brand.tint10,
+  colorCompoundBrandForeground1: brand.tint10,
+  colorCompoundBrandForeground1Hover: brand.tint20,
+  colorCompoundBrandForeground1Pressed: brand.primary,
+  colorBrandForeground1: brand.tint20,
+  colorBrandForeground2: brand.tint30,
+  colorNeutralForegroundInverted: colors_1.grey[14],
+  colorNeutralForegroundOnBrand: colors_1.white,
+  colorNeutralForegroundInvertedLink: colors_1.white,
+  colorNeutralForegroundInvertedLinkHover: colors_1.white,
+  colorNeutralForegroundInvertedLinkPressed: colors_1.white,
+  colorNeutralForegroundInvertedLinkSelected: colors_1.white,
+  colorNeutralBackground1: colors_1.grey[16],
+  colorNeutralBackground1Hover: colors_1.grey[24],
+  colorNeutralBackground1Pressed: colors_1.grey[12],
+  colorNeutralBackground1Selected: colors_1.grey[22],
+  colorNeutralBackground2: colors_1.grey[12],
+  colorNeutralBackground2Hover: colors_1.grey[20],
+  colorNeutralBackground2Pressed: colors_1.grey[8],
+  colorNeutralBackground2Selected: colors_1.grey[18],
+  colorNeutralBackground3: colors_1.grey[8],
+  colorNeutralBackground3Hover: colors_1.grey[16],
+  colorNeutralBackground3Pressed: colors_1.grey[4],
+  colorNeutralBackground3Selected: colors_1.grey[14],
+  colorNeutralBackground4: colors_1.grey[4],
+  colorNeutralBackground4Hover: colors_1.grey[12],
+  colorNeutralBackground4Pressed: colors_1.black,
+  colorNeutralBackground4Selected: colors_1.grey[10],
+  colorNeutralBackground5: colors_1.black,
+  colorNeutralBackground5Hover: colors_1.grey[8],
+  colorNeutralBackground5Pressed: colors_1.grey[2],
+  colorNeutralBackground5Selected: colors_1.grey[6],
+  colorNeutralBackground6: colors_1.grey[20],
+  colorNeutralBackgroundInverted: colors_1.white,
+  colorSubtleBackground: 'transparent',
+  colorSubtleBackgroundHover: colors_1.grey[22],
+  colorSubtleBackgroundPressed: colors_1.grey[18],
+  colorSubtleBackgroundSelected: colors_1.grey[20],
+  colorTransparentBackground: 'transparent',
+  colorTransparentBackgroundHover: 'transparent',
+  colorTransparentBackgroundPressed: 'transparent',
+  colorTransparentBackgroundSelected: 'transparent',
+  colorNeutralBackgroundDisabled: colors_1.grey[8],
+  colorNeutralStencil1: colors_1.grey[20],
+  colorNeutralStencil2: colors_1.grey[34],
+  colorBrandBackground: brand.shade10,
+  colorBrandBackgroundHover: brand.primary,
+  colorBrandBackgroundPressed: brand.shade40,
+  colorBrandBackgroundSelected: brand.shade20,
+  colorCompoundBrandBackground: brand.tint10,
+  colorCompoundBrandBackgroundHover: brand.tint20,
+  colorCompoundBrandBackgroundPressed: brand.primary,
+  colorBrandBackgroundStatic: brand.primary,
+  colorBrandBackground2: brand.shade40,
+  colorNeutralStrokeAccessible: colors_1.grey[68],
+  colorNeutralStrokeAccessibleHover: colors_1.grey[74],
+  colorNeutralStrokeAccessiblePressed: colors_1.grey[70],
+  colorNeutralStrokeAccessibleSelected: brand.tint20,
+  colorNeutralStroke1: colors_1.grey[40],
+  colorNeutralStroke1Hover: colors_1.grey[46],
+  colorNeutralStroke1Pressed: colors_1.grey[42],
+  colorNeutralStroke1Selected: colors_1.grey[44],
+  colorNeutralStroke2: colors_1.grey[32],
+  colorNeutralStroke3: colors_1.grey[24],
+  colorBrandStroke1: brand.tint10,
+  colorBrandStroke2: brand.shade30,
+  colorCompoundBrandStroke: brand.tint10,
+  colorCompoundBrandStrokeHover: brand.tint20,
+  colorCompoundBrandStrokePressed: brand.primary,
+  colorNeutralStrokeDisabled: colors_1.grey[26],
+  colorTransparentStroke: 'transparent',
+  colorTransparentStrokeInteractive: 'transparent',
+  colorTransparentStrokeDisabled: 'transparent',
+  colorStrokeFocus1: colors_1.black,
+  colorStrokeFocus2: colors_1.white,
+  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+  colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+});
 
-var generateColorTokens = function (brand) {
-  return {
-    colorNeutralForeground1: colors_1.white,
-    colorNeutralForeground2: colors_1.grey[84],
-    colorNeutralForeground2Hover: colors_1.white,
-    colorNeutralForeground2Pressed: colors_1.white,
-    colorNeutralForeground2Selected: colors_1.white,
-    colorNeutralForeground2BrandHover: brand.tint20,
-    colorNeutralForeground2BrandPressed: brand.tint10,
-    colorNeutralForeground2BrandSelected: brand.tint20,
-    colorNeutralForeground3: colors_1.grey[68],
-    colorNeutralForeground3Hover: colors_1.grey[84],
-    colorNeutralForeground3Pressed: colors_1.grey[84],
-    colorNeutralForeground3Selected: colors_1.grey[84],
-    colorNeutralForeground3BrandHover: brand.tint20,
-    colorNeutralForeground3BrandPressed: brand.tint10,
-    colorNeutralForeground3BrandSelected: brand.tint20,
-    colorNeutralForeground4: colors_1.grey[60],
-    colorNeutralForegroundDisabled: colors_1.grey[36],
-    colorBrandForegroundLink: brand.tint10,
-    colorBrandForegroundLinkHover: brand.tint30,
-    colorBrandForegroundLinkPressed: brand.tint20,
-    colorBrandForegroundLinkSelected: brand.tint10,
-    colorCompoundBrandForeground1: brand.tint10,
-    colorCompoundBrandForeground1Hover: brand.tint20,
-    colorCompoundBrandForeground1Pressed: brand.primary,
-    colorBrandForeground1: brand.tint20,
-    colorBrandForeground2: brand.tint30,
-    colorNeutralForegroundInverted: colors_1.grey[14],
-    colorNeutralForegroundOnBrand: colors_1.white,
-    colorNeutralForegroundInvertedLink: colors_1.white,
-    colorNeutralForegroundInvertedLinkHover: colors_1.white,
-    colorNeutralForegroundInvertedLinkPressed: colors_1.white,
-    colorNeutralForegroundInvertedLinkSelected: colors_1.white,
-    colorNeutralBackground1: colors_1.grey[16],
-    colorNeutralBackground1Hover: colors_1.grey[24],
-    colorNeutralBackground1Pressed: colors_1.grey[12],
-    colorNeutralBackground1Selected: colors_1.grey[22],
-    colorNeutralBackground2: colors_1.grey[12],
-    colorNeutralBackground2Hover: colors_1.grey[20],
-    colorNeutralBackground2Pressed: colors_1.grey[8],
-    colorNeutralBackground2Selected: colors_1.grey[18],
-    colorNeutralBackground3: colors_1.grey[8],
-    colorNeutralBackground3Hover: colors_1.grey[16],
-    colorNeutralBackground3Pressed: colors_1.grey[4],
-    colorNeutralBackground3Selected: colors_1.grey[14],
-    colorNeutralBackground4: colors_1.grey[4],
-    colorNeutralBackground4Hover: colors_1.grey[12],
-    colorNeutralBackground4Pressed: colors_1.black,
-    colorNeutralBackground4Selected: colors_1.grey[10],
-    colorNeutralBackground5: colors_1.black,
-    colorNeutralBackground5Hover: colors_1.grey[8],
-    colorNeutralBackground5Pressed: colors_1.grey[2],
-    colorNeutralBackground5Selected: colors_1.grey[6],
-    colorNeutralBackground6: colors_1.grey[20],
-    colorNeutralBackgroundInverted: colors_1.white,
-    colorSubtleBackground: 'transparent',
-    colorSubtleBackgroundHover: colors_1.grey[22],
-    colorSubtleBackgroundPressed: colors_1.grey[18],
-    colorSubtleBackgroundSelected: colors_1.grey[20],
-    colorTransparentBackground: 'transparent',
-    colorTransparentBackgroundHover: 'transparent',
-    colorTransparentBackgroundPressed: 'transparent',
-    colorTransparentBackgroundSelected: 'transparent',
-    colorNeutralBackgroundDisabled: colors_1.grey[8],
-    colorNeutralStencil1: colors_1.grey[20],
-    colorNeutralStencil2: colors_1.grey[34],
-    colorBrandBackground: brand.shade10,
-    colorBrandBackgroundHover: brand.primary,
-    colorBrandBackgroundPressed: brand.shade40,
-    colorBrandBackgroundSelected: brand.shade20,
-    colorCompoundBrandBackground: brand.tint10,
-    colorCompoundBrandBackgroundHover: brand.tint20,
-    colorCompoundBrandBackgroundPressed: brand.primary,
-    colorBrandBackgroundStatic: brand.primary,
-    colorBrandBackground2: brand.shade40,
-    colorNeutralStrokeAccessible: colors_1.grey[68],
-    colorNeutralStrokeAccessibleHover: colors_1.grey[74],
-    colorNeutralStrokeAccessiblePressed: colors_1.grey[70],
-    colorNeutralStrokeAccessibleSelected: brand.tint20,
-    colorNeutralStroke1: colors_1.grey[40],
-    colorNeutralStroke1Hover: colors_1.grey[46],
-    colorNeutralStroke1Pressed: colors_1.grey[42],
-    colorNeutralStroke1Selected: colors_1.grey[44],
-    colorNeutralStroke2: colors_1.grey[32],
-    colorNeutralStroke3: colors_1.grey[24],
-    colorBrandStroke1: brand.tint10,
-    colorBrandStroke2: brand.shade30,
-    colorCompoundBrandStroke: brand.tint10,
-    colorCompoundBrandStrokeHover: brand.tint20,
-    colorCompoundBrandStrokePressed: brand.primary,
-    colorNeutralStrokeDisabled: colors_1.grey[26],
-    colorTransparentStroke: 'transparent',
-    colorTransparentStrokeInteractive: 'transparent',
-    colorTransparentStrokeDisabled: 'transparent',
-    colorStrokeFocus1: colors_1.black,
-    colorStrokeFocus2: colors_1.white,
-    colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
-    colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
-    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
-    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
-    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
-    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
-    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-    colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+exports.generateColorTokens = generateColorTokens;
+exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce((acc, sharedColor) => {
+  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+  const sharedColorTokens = {
+    [`colorPalette${color}Background1`]: colors_1.sharedColors[sharedColor].shade40,
+    [`colorPalette${color}Background2`]: colors_1.sharedColors[sharedColor].shade30,
+    [`colorPalette${color}Background3`]: colors_1.sharedColors[sharedColor].primary,
+    [`colorPalette${color}Foreground1`]: colors_1.sharedColors[sharedColor].tint30,
+    [`colorPalette${color}Foreground2`]: colors_1.sharedColors[sharedColor].tint40,
+    [`colorPalette${color}Foreground3`]: colors_1.sharedColors[sharedColor].tint20,
+    [`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].tint30,
+    [`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].tint20
   };
-};
-
-exports.generateColorTokens = generateColorTokens;
-exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce(function (acc, sharedColor) {
-  var _a;
-
-  var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
-  var sharedColorTokens = (_a = {}, _a["colorPalette" + color + "Background1"] = colors_1.sharedColors[sharedColor].shade40, _a["colorPalette" + color + "Background2"] = colors_1.sharedColors[sharedColor].shade30, _a["colorPalette" + color + "Background3"] = colors_1.sharedColors[sharedColor].primary, _a["colorPalette" + color + "Foreground1"] = colors_1.sharedColors[sharedColor].tint30, _a["colorPalette" + color + "Foreground2"] = colors_1.sharedColors[sharedColor].tint40, _a["colorPalette" + color + "Foreground3"] = colors_1.sharedColors[sharedColor].tint20, _a["colorPalette" + color + "BorderActive"] = colors_1.sharedColors[sharedColor].tint30, _a["colorPalette" + color + "Border2"] = colors_1.sharedColors[sharedColor].tint20, _a);
-  return tslib_1.__assign(tslib_1.__assign({}, acc), sharedColorTokens);
+  return { ...acc,
+    ...sharedColorTokens
+  };
 }, {});
 //# sourceMappingURL=dark.js.map

lib-commonjs/alias/highContrast.js

@@ -8,122 +8,127 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const colors_1 = /*#__PURE__*/require("../global/colors");
 
-var colors_1 = /*#__PURE__*/require("../global/colors");
+const generateColorTokens = () => ({
+  colorNeutralForeground1: colors_1.hcCanvasText,
+  colorNeutralForeground2: colors_1.hcCanvasText,
+  colorNeutralForeground2Hover: colors_1.hcHighlightText,
+  colorNeutralForeground2Pressed: colors_1.hcHighlightText,
+  colorNeutralForeground2Selected: colors_1.hcHighlightText,
+  colorNeutralForeground2BrandHover: colors_1.hcHighlightText,
+  colorNeutralForeground2BrandPressed: colors_1.hcHighlightText,
+  colorNeutralForeground2BrandSelected: colors_1.hcHighlightText,
+  colorNeutralForeground3: colors_1.hcCanvasText,
+  colorNeutralForeground3Hover: colors_1.hcHighlightText,
+  colorNeutralForeground3Pressed: colors_1.hcHighlightText,
+  colorNeutralForeground3Selected: colors_1.hcHighlightText,
+  colorNeutralForeground3BrandHover: colors_1.hcHighlightText,
+  colorNeutralForeground3BrandPressed: colors_1.hcHighlightText,
+  colorNeutralForeground3BrandSelected: colors_1.hcHighlightText,
+  colorNeutralForeground4: colors_1.hcCanvasText,
+  colorNeutralForegroundDisabled: colors_1.hcDisabled,
+  colorBrandForegroundLink: colors_1.hcHyperlink,
+  colorBrandForegroundLinkHover: colors_1.hcHyperlink,
+  colorBrandForegroundLinkPressed: colors_1.hcHyperlink,
+  colorBrandForegroundLinkSelected: colors_1.hcHyperlink,
+  colorCompoundBrandForeground1: colors_1.hcHighlight,
+  colorCompoundBrandForeground1Hover: colors_1.hcHighlight,
+  colorCompoundBrandForeground1Pressed: colors_1.hcHighlight,
+  colorBrandForeground1: colors_1.hcCanvasText,
+  colorBrandForeground2: colors_1.hcButtonText,
+  colorNeutralForegroundInverted: colors_1.hcCanvas,
+  colorNeutralForegroundOnBrand: colors_1.hcButtonText,
+  colorNeutralForegroundInvertedLink: colors_1.hcHyperlink,
+  colorNeutralForegroundInvertedLinkHover: colors_1.hcHyperlink,
+  colorNeutralForegroundInvertedLinkPressed: colors_1.hcHyperlink,
+  colorNeutralForegroundInvertedLinkSelected: colors_1.hcHyperlink,
+  colorNeutralBackground1: colors_1.hcCanvas,
+  colorNeutralBackground1Hover: colors_1.hcHighlight,
+  colorNeutralBackground1Pressed: colors_1.hcHighlight,
+  colorNeutralBackground1Selected: colors_1.hcHighlight,
+  colorNeutralBackground2: colors_1.hcCanvas,
+  colorNeutralBackground2Hover: colors_1.hcHighlight,
+  colorNeutralBackground2Pressed: colors_1.hcHighlight,
+  colorNeutralBackground2Selected: colors_1.hcHighlight,
+  colorNeutralBackground3: colors_1.hcCanvas,
+  colorNeutralBackground3Hover: colors_1.hcHighlight,
+  colorNeutralBackground3Pressed: colors_1.hcHighlight,
+  colorNeutralBackground3Selected: colors_1.hcHighlight,
+  colorNeutralBackground4: colors_1.hcCanvas,
+  colorNeutralBackground4Hover: colors_1.hcHighlight,
+  colorNeutralBackground4Pressed: colors_1.hcHighlight,
+  colorNeutralBackground4Selected: colors_1.hcHighlight,
+  colorNeutralBackground5: colors_1.hcCanvas,
+  colorNeutralBackground5Hover: colors_1.hcHighlight,
+  colorNeutralBackground5Pressed: colors_1.hcHighlight,
+  colorNeutralBackground5Selected: colors_1.hcHighlight,
+  colorNeutralBackground6: colors_1.hcCanvas,
+  colorNeutralBackgroundInverted: colors_1.hcCanvasText,
+  colorSubtleBackground: 'transparent',
+  colorSubtleBackgroundHover: colors_1.hcHighlight,
+  colorSubtleBackgroundPressed: colors_1.hcHighlight,
+  colorSubtleBackgroundSelected: colors_1.hcHighlight,
+  colorTransparentBackground: 'transparent',
+  colorTransparentBackgroundHover: colors_1.hcHighlight,
+  colorTransparentBackgroundPressed: colors_1.hcHighlight,
+  colorTransparentBackgroundSelected: colors_1.hcHighlight,
+  colorNeutralBackgroundDisabled: colors_1.hcCanvas,
+  colorNeutralStencil1: colors_1.grey[8],
+  colorNeutralStencil2: colors_1.grey[52],
+  colorBrandBackground: colors_1.hcButtonFace,
+  colorBrandBackgroundHover: colors_1.hcHighlight,
+  colorBrandBackgroundPressed: colors_1.hcHighlight,
+  colorBrandBackgroundSelected: colors_1.hcHighlight,
+  colorCompoundBrandBackground: colors_1.hcHighlight,
+  colorCompoundBrandBackgroundHover: colors_1.hcHighlight,
+  colorCompoundBrandBackgroundPressed: colors_1.hcHighlight,
+  colorBrandBackgroundStatic: colors_1.hcCanvas,
+  colorBrandBackground2: colors_1.hcButtonFace,
+  colorNeutralStrokeAccessible: colors_1.hcCanvasText,
+  colorNeutralStrokeAccessibleHover: colors_1.hcHighlight,
+  colorNeutralStrokeAccessiblePressed: colors_1.hcHighlight,
+  colorNeutralStrokeAccessibleSelected: colors_1.hcHighlight,
+  colorNeutralStroke1: colors_1.hcCanvasText,
+  colorNeutralStroke1Hover: colors_1.hcHighlight,
+  colorNeutralStroke1Pressed: colors_1.hcHighlight,
+  colorNeutralStroke1Selected: colors_1.hcHighlight,
+  colorNeutralStroke2: colors_1.hcCanvasText,
+  colorNeutralStroke3: colors_1.hcCanvasText,
+  colorBrandStroke1: colors_1.hcCanvasText,
+  colorBrandStroke2: colors_1.hcCanvas,
+  colorCompoundBrandStroke: colors_1.hcHighlight,
+  colorCompoundBrandStrokeHover: colors_1.hcHighlight,
+  colorCompoundBrandStrokePressed: colors_1.hcHighlight,
+  colorNeutralStrokeDisabled: colors_1.hcDisabled,
+  colorTransparentStroke: colors_1.hcCanvasText,
+  colorTransparentStrokeInteractive: colors_1.hcHighlight,
+  colorTransparentStrokeDisabled: colors_1.hcDisabled,
+  colorStrokeFocus1: colors_1.hcCanvas,
+  colorStrokeFocus2: colors_1.hcHighlight,
+  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+  colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+});
 
-var generateColorTokens = function () {
-  return {
-    colorNeutralForeground1: colors_1.hcCanvasText,
-    colorNeutralForeground2: colors_1.hcCanvasText,
-    colorNeutralForeground2Hover: colors_1.hcHighlightText,
-    colorNeutralForeground2Pressed: colors_1.hcHighlightText,
-    colorNeutralForeground2Selected: colors_1.hcHighlightText,
-    colorNeutralForeground2BrandHover: colors_1.hcHighlightText,
-    colorNeutralForeground2BrandPressed: colors_1.hcHighlightText,
-    colorNeutralForeground2BrandSelected: colors_1.hcHighlightText,
-    colorNeutralForeground3: colors_1.hcCanvasText,
-    colorNeutralForeground3Hover: colors_1.hcHighlightText,
-    colorNeutralForeground3Pressed: colors_1.hcHighlightText,
-    colorNeutralForeground3Selected: colors_1.hcHighlightText,
-    colorNeutralForeground3BrandHover: colors_1.hcHighlightText,
-    colorNeutralForeground3BrandPressed: colors_1.hcHighlightText,
-    colorNeutralForeground3BrandSelected: colors_1.hcHighlightText,
-    colorNeutralForeground4: colors_1.hcCanvasText,
-    colorNeutralForegroundDisabled: colors_1.hcDisabled,
-    colorBrandForegroundLink: colors_1.hcHyperlink,
-    colorBrandForegroundLinkHover: colors_1.hcHyperlink,
-    colorBrandForegroundLinkPressed: colors_1.hcHyperlink,
-    colorBrandForegroundLinkSelected: colors_1.hcHyperlink,
-    colorCompoundBrandForeground1: colors_1.hcHighlight,
-    colorCompoundBrandForeground1Hover: colors_1.hcHighlight,
-    colorCompoundBrandForeground1Pressed: colors_1.hcHighlight,
-    colorBrandForeground1: colors_1.hcCanvasText,
-    colorBrandForeground2: colors_1.hcButtonText,
-    colorNeutralForegroundInverted: colors_1.hcCanvas,
-    colorNeutralForegroundOnBrand: colors_1.hcButtonText,
-    colorNeutralForegroundInvertedLink: colors_1.hcHyperlink,
-    colorNeutralForegroundInvertedLinkHover: colors_1.hcHyperlink,
-    colorNeutralForegroundInvertedLinkPressed: colors_1.hcHyperlink,
-    colorNeutralForegroundInvertedLinkSelected: colors_1.hcHyperlink,
-    colorNeutralBackground1: colors_1.hcCanvas,
-    colorNeutralBackground1Hover: colors_1.hcHighlight,
-    colorNeutralBackground1Pressed: colors_1.hcHighlight,
-    colorNeutralBackground1Selected: colors_1.hcHighlight,
-    colorNeutralBackground2: colors_1.hcCanvas,
-    colorNeutralBackground2Hover: colors_1.hcHighlight,
-    colorNeutralBackground2Pressed: colors_1.hcHighlight,
-    colorNeutralBackground2Selected: colors_1.hcHighlight,
-    colorNeutralBackground3: colors_1.hcCanvas,
-    colorNeutralBackground3Hover: colors_1.hcHighlight,
-    colorNeutralBackground3Pressed: colors_1.hcHighlight,
-    colorNeutralBackground3Selected: colors_1.hcHighlight,
-    colorNeutralBackground4: colors_1.hcCanvas,
-    colorNeutralBackground4Hover: colors_1.hcHighlight,
-    colorNeutralBackground4Pressed: colors_1.hcHighlight,
-    colorNeutralBackground4Selected: colors_1.hcHighlight,
-    colorNeutralBackground5: colors_1.hcCanvas,
-    colorNeutralBackground5Hover: colors_1.hcHighlight,
-    colorNeutralBackground5Pressed: colors_1.hcHighlight,
-    colorNeutralBackground5Selected: colors_1.hcHighlight,
-    colorNeutralBackground6: colors_1.hcCanvas,
-    colorNeutralBackgroundInverted: colors_1.hcCanvasText,
-    colorSubtleBackground: 'transparent',
-    colorSubtleBackgroundHover: colors_1.hcHighlight,
-    colorSubtleBackgroundPressed: colors_1.hcHighlight,
-    colorSubtleBackgroundSelected: colors_1.hcHighlight,
-    colorTransparentBackground: 'transparent',
-    colorTransparentBackgroundHover: colors_1.hcHighlight,
-    colorTransparentBackgroundPressed: colors_1.hcHighlight,
-    colorTransparentBackgroundSelected: colors_1.hcHighlight,
-    colorNeutralBackgroundDisabled: colors_1.hcCanvas,
-    colorNeutralStencil1: colors_1.grey[8],
-    colorNeutralStencil2: colors_1.grey[52],
-    colorBrandBackground: colors_1.hcButtonFace,
-    colorBrandBackgroundHover: colors_1.hcHighlight,
-    colorBrandBackgroundPressed: colors_1.hcHighlight,
-    colorBrandBackgroundSelected: colors_1.hcHighlight,
-    colorCompoundBrandBackground: colors_1.hcHighlight,
-    colorCompoundBrandBackgroundHover: colors_1.hcHighlight,
-    colorCompoundBrandBackgroundPressed: colors_1.hcHighlight,
-    colorBrandBackgroundStatic: colors_1.hcCanvas,
-    colorBrandBackground2: colors_1.hcButtonFace,
-    colorNeutralStrokeAccessible: colors_1.hcCanvasText,
-    colorNeutralStrokeAccessibleHover: colors_1.hcHighlight,
-    colorNeutralStrokeAccessiblePressed: colors_1.hcHighlight,
-    colorNeutralStrokeAccessibleSelected: colors_1.hcHighlight,
-    colorNeutralStroke1: colors_1.hcCanvasText,
-    colorNeutralStroke1Hover: colors_1.hcHighlight,
-    colorNeutralStroke1Pressed: colors_1.hcHighlight,
-    colorNeutralStroke1Selected: colors_1.hcHighlight,
-    colorNeutralStroke2: colors_1.hcCanvasText,
-    colorNeutralStroke3: colors_1.hcCanvasText,
-    colorBrandStroke1: colors_1.hcCanvasText,
-    colorBrandStroke2: colors_1.hcCanvas,
-    colorCompoundBrandStroke: colors_1.hcHighlight,
-    colorCompoundBrandStrokeHover: colors_1.hcHighlight,
-    colorCompoundBrandStrokePressed: colors_1.hcHighlight,
-    colorNeutralStrokeDisabled: colors_1.hcDisabled,
-    colorTransparentStroke: colors_1.hcCanvasText,
-    colorTransparentStrokeInteractive: colors_1.hcHighlight,
-    colorTransparentStrokeDisabled: colors_1.hcDisabled,
-    colorStrokeFocus1: colors_1.hcCanvas,
-    colorStrokeFocus2: colors_1.hcHighlight,
-    colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
-    colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
-    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
-    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
-    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
-    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
-    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-    colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+exports.generateColorTokens = generateColorTokens;
+exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce((acc, sharedColor) => {
+  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+  const sharedColorTokens = {
+    [`colorPalette${color}Background1`]: colors_1.white,
+    [`colorPalette${color}Background2`]: colors_1.black,
+    [`colorPalette${color}Background3`]: colors_1.white,
+    [`colorPalette${color}Foreground1`]: colors_1.black,
+    [`colorPalette${color}Foreground2`]: colors_1.white,
+    [`colorPalette${color}Foreground3`]: colors_1.white,
+    [`colorPalette${color}BorderActive`]: colors_1.hcHighlight,
+    [`colorPalette${color}Border2`]: colors_1.white
   };
-};
-
-exports.generateColorTokens = generateColorTokens;
-exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce(function (acc, sharedColor) {
-  var _a;
-
-  var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
-  var sharedColorTokens = (_a = {}, _a["colorPalette" + color + "Background1"] = colors_1.white, _a["colorPalette" + color + "Background2"] = colors_1.black, _a["colorPalette" + color + "Background3"] = colors_1.white, _a["colorPalette" + color + "Foreground1"] = colors_1.black, _a["colorPalette" + color + "Foreground2"] = colors_1.white, _a["colorPalette" + color + "Foreground3"] = colors_1.white, _a["colorPalette" + color + "BorderActive"] = colors_1.hcHighlight, _a["colorPalette" + color + "Border2"] = colors_1.white, _a);
-  return tslib_1.__assign(tslib_1.__assign({}, acc), sharedColorTokens);
+  return { ...acc,
+    ...sharedColorTokens
+  };
 }, {});
 //# sourceMappingURL=highContrast.js.map

lib-commonjs/alias/light.js

@@ -8,122 +8,127 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const colors_1 = /*#__PURE__*/require("../global/colors");
 
-var colors_1 = /*#__PURE__*/require("../global/colors");
+const generateColorTokens = brand => ({
+  colorNeutralForeground1: colors_1.grey[14],
+  colorNeutralForeground2: colors_1.grey[26],
+  colorNeutralForeground2Hover: colors_1.grey[14],
+  colorNeutralForeground2Pressed: colors_1.grey[14],
+  colorNeutralForeground2Selected: colors_1.grey[14],
+  colorNeutralForeground2BrandHover: brand.primary,
+  colorNeutralForeground2BrandPressed: brand.shade10,
+  colorNeutralForeground2BrandSelected: brand.primary,
+  colorNeutralForeground3: colors_1.grey[38],
+  colorNeutralForeground3Hover: colors_1.grey[26],
+  colorNeutralForeground3Pressed: colors_1.grey[26],
+  colorNeutralForeground3Selected: colors_1.grey[26],
+  colorNeutralForeground3BrandHover: brand.primary,
+  colorNeutralForeground3BrandPressed: brand.shade10,
+  colorNeutralForeground3BrandSelected: brand.primary,
+  colorNeutralForeground4: colors_1.grey[44],
+  colorNeutralForegroundDisabled: colors_1.grey[74],
+  colorBrandForegroundLink: brand.shade10,
+  colorBrandForegroundLinkHover: brand.shade20,
+  colorBrandForegroundLinkPressed: brand.shade40,
+  colorBrandForegroundLinkSelected: brand.shade10,
+  colorCompoundBrandForeground1: brand.primary,
+  colorCompoundBrandForeground1Hover: brand.shade10,
+  colorCompoundBrandForeground1Pressed: brand.shade20,
+  colorBrandForeground1: brand.primary,
+  colorBrandForeground2: brand.shade10,
+  colorNeutralForegroundInverted: colors_1.white,
+  colorNeutralForegroundOnBrand: colors_1.white,
+  colorNeutralForegroundInvertedLink: colors_1.white,
+  colorNeutralForegroundInvertedLinkHover: colors_1.white,
+  colorNeutralForegroundInvertedLinkPressed: colors_1.white,
+  colorNeutralForegroundInvertedLinkSelected: colors_1.white,
+  colorNeutralBackground1: colors_1.white,
+  colorNeutralBackground1Hover: colors_1.grey[96],
+  colorNeutralBackground1Pressed: colors_1.grey[88],
+  colorNeutralBackground1Selected: colors_1.grey[92],
+  colorNeutralBackground2: colors_1.grey[98],
+  colorNeutralBackground2Hover: colors_1.grey[94],
+  colorNeutralBackground2Pressed: colors_1.grey[86],
+  colorNeutralBackground2Selected: colors_1.grey[90],
+  colorNeutralBackground3: colors_1.grey[96],
+  colorNeutralBackground3Hover: colors_1.grey[92],
+  colorNeutralBackground3Pressed: colors_1.grey[84],
+  colorNeutralBackground3Selected: colors_1.grey[88],
+  colorNeutralBackground4: colors_1.grey[94],
+  colorNeutralBackground4Hover: colors_1.grey[98],
+  colorNeutralBackground4Pressed: colors_1.grey[96],
+  colorNeutralBackground4Selected: colors_1.white,
+  colorNeutralBackground5: colors_1.grey[92],
+  colorNeutralBackground5Hover: colors_1.grey[96],
+  colorNeutralBackground5Pressed: colors_1.grey[94],
+  colorNeutralBackground5Selected: colors_1.grey[98],
+  colorNeutralBackground6: colors_1.grey[90],
+  colorNeutralBackgroundInverted: colors_1.grey[38],
+  colorSubtleBackground: 'transparent',
+  colorSubtleBackgroundHover: colors_1.grey[96],
+  colorSubtleBackgroundPressed: colors_1.grey[88],
+  colorSubtleBackgroundSelected: colors_1.grey[92],
+  colorTransparentBackground: 'transparent',
+  colorTransparentBackgroundHover: 'transparent',
+  colorTransparentBackgroundPressed: 'transparent',
+  colorTransparentBackgroundSelected: 'transparent',
+  colorNeutralBackgroundDisabled: colors_1.grey[94],
+  colorNeutralStencil1: colors_1.grey[90],
+  colorNeutralStencil2: colors_1.grey[98],
+  colorBrandBackground: brand.primary,
+  colorBrandBackgroundHover: brand.shade10,
+  colorBrandBackgroundPressed: brand.shade40,
+  colorBrandBackgroundSelected: brand.shade20,
+  colorCompoundBrandBackground: brand.primary,
+  colorCompoundBrandBackgroundHover: brand.shade10,
+  colorCompoundBrandBackgroundPressed: brand.shade20,
+  colorBrandBackgroundStatic: brand.primary,
+  colorBrandBackground2: brand.tint60,
+  colorNeutralStrokeAccessible: colors_1.grey[38],
+  colorNeutralStrokeAccessibleHover: colors_1.grey[34],
+  colorNeutralStrokeAccessiblePressed: colors_1.grey[30],
+  colorNeutralStrokeAccessibleSelected: brand.primary,
+  colorNeutralStroke1: colors_1.grey[82],
+  colorNeutralStroke1Hover: colors_1.grey[78],
+  colorNeutralStroke1Pressed: colors_1.grey[70],
+  colorNeutralStroke1Selected: colors_1.grey[74],
+  colorNeutralStroke2: colors_1.grey[88],
+  colorNeutralStroke3: colors_1.grey[94],
+  colorBrandStroke1: brand.primary,
+  colorBrandStroke2: brand.tint40,
+  colorCompoundBrandStroke: brand.primary,
+  colorCompoundBrandStrokeHover: brand.shade10,
+  colorCompoundBrandStrokePressed: brand.shade20,
+  colorNeutralStrokeDisabled: colors_1.grey[88],
+  colorTransparentStroke: 'transparent',
+  colorTransparentStrokeInteractive: 'transparent',
+  colorTransparentStrokeDisabled: 'transparent',
+  colorStrokeFocus1: colors_1.white,
+  colorStrokeFocus2: colors_1.black,
+  colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
+  colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
+  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
+  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
+  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
+  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
+  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+});
 
-var generateColorTokens = function (brand) {
-  return {
-    colorNeutralForeground1: colors_1.grey[14],
-    colorNeutralForeground2: colors_1.grey[26],
-    colorNeutralForeground2Hover: colors_1.grey[14],
-    colorNeutralForeground2Pressed: colors_1.grey[14],
-    colorNeutralForeground2Selected: colors_1.grey[14],
-    colorNeutralForeground2BrandHover: brand.primary,
-    colorNeutralForeground2BrandPressed: brand.shade10,
-    colorNeutralForeground2BrandSelected: brand.primary,
-    colorNeutralForeground3: colors_1.grey[38],
-    colorNeutralForeground3Hover: colors_1.grey[26],
-    colorNeutralForeground3Pressed: colors_1.grey[26],
-    colorNeutralForeground3Selected: colors_1.grey[26],
-    colorNeutralForeground3BrandHover: brand.primary,
-    colorNeutralForeground3BrandPressed: brand.shade10,
-    colorNeutralForeground3BrandSelected: brand.primary,
-    colorNeutralForeground4: colors_1.grey[44],
-    colorNeutralForegroundDisabled: colors_1.grey[74],
-    colorBrandForegroundLink: brand.shade10,
-    colorBrandForegroundLinkHover: brand.shade20,
-    colorBrandForegroundLinkPressed: brand.shade40,
-    colorBrandForegroundLinkSelected: brand.shade10,
-    colorCompoundBrandForeground1: brand.primary,
-    colorCompoundBrandForeground1Hover: brand.shade10,
-    colorCompoundBrandForeground1Pressed: brand.shade20,
-    colorBrandForeground1: brand.primary,
-    colorBrandForeground2: brand.shade10,
-    colorNeutralForegroundInverted: colors_1.white,
-    colorNeutralForegroundOnBrand: colors_1.white,
-    colorNeutralForegroundInvertedLink: colors_1.white,
-    colorNeutralForegroundInvertedLinkHover: colors_1.white,
-    colorNeutralForegroundInvertedLinkPressed: colors_1.white,
-    colorNeutralForegroundInvertedLinkSelected: colors_1.white,
-    colorNeutralBackground1: colors_1.white,
-    colorNeutralBackground1Hover: colors_1.grey[96],
-    colorNeutralBackground1Pressed: colors_1.grey[88],
-    colorNeutralBackground1Selected: colors_1.grey[92],
-    colorNeutralBackground2: colors_1.grey[98],
-    colorNeutralBackground2Hover: colors_1.grey[94],
-    colorNeutralBackground2Pressed: colors_1.grey[86],
-    colorNeutralBackground2Selected: colors_1.grey[90],
-    colorNeutralBackground3: colors_1.grey[96],
-    colorNeutralBackground3Hover: colors_1.grey[92],
-    colorNeutralBackground3Pressed: colors_1.grey[84],
-    colorNeutralBackground3Selected: colors_1.grey[88],
-    colorNeutralBackground4: colors_1.grey[94],
-    colorNeutralBackground4Hover: colors_1.grey[98],
-    colorNeutralBackground4Pressed: colors_1.grey[96],
-    colorNeutralBackground4Selected: colors_1.white,
-    colorNeutralBackground5: colors_1.grey[92],
-    colorNeutralBackground5Hover: colors_1.grey[96],
-    colorNeutralBackground5Pressed: colors_1.grey[94],
-    colorNeutralBackground5Selected: colors_1.grey[98],
-    colorNeutralBackground6: colors_1.grey[90],
-    colorNeutralBackgroundInverted: colors_1.grey[38],
-    colorSubtleBackground: 'transparent',
-    colorSubtleBackgroundHover: colors_1.grey[96],
-    colorSubtleBackgroundPressed: colors_1.grey[88],
-    colorSubtleBackgroundSelected: colors_1.grey[92],
-    colorTransparentBackground: 'transparent',
-    colorTransparentBackgroundHover: 'transparent',
-    colorTransparentBackgroundPressed: 'transparent',
-    colorTransparentBackgroundSelected: 'transparent',
-    colorNeutralBackgroundDisabled: colors_1.grey[94],
-    colorNeutralStencil1: colors_1.grey[90],
-    colorNeutralStencil2: colors_1.grey[98],
-    colorBrandBackground: brand.primary,
-    colorBrandBackgroundHover: brand.shade10,
-    colorBrandBackgroundPressed: brand.shade40,
-    colorBrandBackgroundSelected: brand.shade20,
-    colorCompoundBrandBackground: brand.primary,
-    colorCompoundBrandBackgroundHover: brand.shade10,
-    colorCompoundBrandBackgroundPressed: brand.shade20,
-    colorBrandBackgroundStatic: brand.primary,
-    colorBrandBackground2: brand.tint60,
-    colorNeutralStrokeAccessible: colors_1.grey[38],
-    colorNeutralStrokeAccessibleHover: colors_1.grey[34],
-    colorNeutralStrokeAccessiblePressed: colors_1.grey[30],
-    colorNeutralStrokeAccessibleSelected: brand.primary,
-    colorNeutralStroke1: colors_1.grey[82],
-    colorNeutralStroke1Hover: colors_1.grey[78],
-    colorNeutralStroke1Pressed: colors_1.grey[70],
-    colorNeutralStroke1Selected: colors_1.grey[74],
-    colorNeutralStroke2: colors_1.grey[88],
-    colorNeutralStroke3: colors_1.grey[94],
-    colorBrandStroke1: brand.primary,
-    colorBrandStroke2: brand.tint40,
-    colorCompoundBrandStroke: brand.primary,
-    colorCompoundBrandStrokeHover: brand.shade10,
-    colorCompoundBrandStrokePressed: brand.shade20,
-    colorNeutralStrokeDisabled: colors_1.grey[88],
-    colorTransparentStroke: 'transparent',
-    colorTransparentStrokeInteractive: 'transparent',
-    colorTransparentStrokeDisabled: 'transparent',
-    colorStrokeFocus1: colors_1.white,
-    colorStrokeFocus2: colors_1.black,
-    colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
-    colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
-    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
-    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
-    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
-    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
-    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-    colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+exports.generateColorTokens = generateColorTokens;
+exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce((acc, sharedColor) => {
+  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+  const sharedColorTokens = {
+    [`colorPalette${color}Background1`]: colors_1.sharedColors[sharedColor].tint60,
+    [`colorPalette${color}Background2`]: colors_1.sharedColors[sharedColor].tint40,
+    [`colorPalette${color}Background3`]: colors_1.sharedColors[sharedColor].primary,
+    [`colorPalette${color}Foreground1`]: colors_1.sharedColors[sharedColor].shade10,
+    [`colorPalette${color}Foreground2`]: colors_1.sharedColors[sharedColor].shade30,
+    [`colorPalette${color}Foreground3`]: colors_1.sharedColors[sharedColor].primary,
+    [`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].primary,
+    [`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].primary
   };
-};
-
-exports.generateColorTokens = generateColorTokens;
-exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce(function (acc, sharedColor) {
-  var _a;
-
-  var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
-  var sharedColorTokens = (_a = {}, _a["colorPalette" + color + "Background1"] = colors_1.sharedColors[sharedColor].tint60, _a["colorPalette" + color + "Background2"] = colors_1.sharedColors[sharedColor].tint40, _a["colorPalette" + color + "Background3"] = colors_1.sharedColors[sharedColor].primary, _a["colorPalette" + color + "Foreground1"] = colors_1.sharedColors[sharedColor].shade10, _a["colorPalette" + color + "Foreground2"] = colors_1.sharedColors[sharedColor].shade30, _a["colorPalette" + color + "Foreground3"] = colors_1.sharedColors[sharedColor].primary, _a["colorPalette" + color + "BorderActive"] = colors_1.sharedColors[sharedColor].primary, _a["colorPalette" + color + "Border2"] = colors_1.sharedColors[sharedColor].primary, _a);
-  return tslib_1.__assign(tslib_1.__assign({}, acc), sharedColorTokens);
+  return { ...acc,
+    ...sharedColorTokens
+  };
 }, {});
 //# sourceMappingURL=light.js.map

lib-commonjs/alias/teamsDark.js

@@ -8,122 +8,127 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const colors_1 = /*#__PURE__*/require("../global/colors");
 
-var colors_1 = /*#__PURE__*/require("../global/colors");
+const generateColorTokens = brand => ({
+  colorNeutralForeground1: colors_1.white,
+  colorNeutralForeground2: colors_1.grey[84],
+  colorNeutralForeground2Hover: colors_1.white,
+  colorNeutralForeground2Pressed: colors_1.white,
+  colorNeutralForeground2Selected: colors_1.white,
+  colorNeutralForeground2BrandHover: brand.tint20,
+  colorNeutralForeground2BrandPressed: brand.tint10,
+  colorNeutralForeground2BrandSelected: brand.tint20,
+  colorNeutralForeground3: colors_1.grey[68],
+  colorNeutralForeground3Hover: colors_1.grey[84],
+  colorNeutralForeground3Pressed: colors_1.grey[84],
+  colorNeutralForeground3Selected: colors_1.grey[84],
+  colorNeutralForeground3BrandHover: brand.tint20,
+  colorNeutralForeground3BrandPressed: brand.tint10,
+  colorNeutralForeground3BrandSelected: brand.tint20,
+  colorNeutralForeground4: colors_1.grey[60],
+  colorNeutralForegroundDisabled: colors_1.grey[36],
+  colorBrandForegroundLink: brand.tint10,
+  colorBrandForegroundLinkHover: brand.tint30,
+  colorBrandForegroundLinkPressed: brand.tint20,
+  colorBrandForegroundLinkSelected: brand.tint10,
+  colorCompoundBrandForeground1: brand.tint10,
+  colorCompoundBrandForeground1Hover: brand.tint20,
+  colorCompoundBrandForeground1Pressed: brand.primary,
+  colorBrandForeground1: brand.tint20,
+  colorBrandForeground2: brand.tint30,
+  colorNeutralForegroundInverted: colors_1.white,
+  colorNeutralForegroundOnBrand: colors_1.white,
+  colorNeutralForegroundInvertedLink: colors_1.white,
+  colorNeutralForegroundInvertedLinkHover: colors_1.white,
+  colorNeutralForegroundInvertedLinkPressed: colors_1.white,
+  colorNeutralForegroundInvertedLinkSelected: colors_1.white,
+  colorNeutralBackground1: colors_1.grey[16],
+  colorNeutralBackground1Hover: colors_1.grey[24],
+  colorNeutralBackground1Pressed: colors_1.grey[12],
+  colorNeutralBackground1Selected: colors_1.grey[22],
+  colorNeutralBackground2: colors_1.grey[14],
+  colorNeutralBackground2Hover: colors_1.grey[22],
+  colorNeutralBackground2Pressed: colors_1.grey[10],
+  colorNeutralBackground2Selected: colors_1.grey[20],
+  colorNeutralBackground3: colors_1.grey[12],
+  colorNeutralBackground3Hover: colors_1.grey[20],
+  colorNeutralBackground3Pressed: colors_1.grey[8],
+  colorNeutralBackground3Selected: colors_1.grey[18],
+  colorNeutralBackground4: colors_1.grey[8],
+  colorNeutralBackground4Hover: colors_1.grey[16],
+  colorNeutralBackground4Pressed: colors_1.grey[4],
+  colorNeutralBackground4Selected: colors_1.grey[14],
+  colorNeutralBackground5: colors_1.grey[4],
+  colorNeutralBackground5Hover: colors_1.grey[12],
+  colorNeutralBackground5Pressed: colors_1.black,
+  colorNeutralBackground5Selected: colors_1.grey[10],
+  colorNeutralBackground6: colors_1.grey[20],
+  colorNeutralBackgroundInverted: colors_1.white,
+  colorSubtleBackground: 'transparent',
+  colorSubtleBackgroundHover: colors_1.grey[22],
+  colorSubtleBackgroundPressed: colors_1.grey[18],
+  colorSubtleBackgroundSelected: colors_1.grey[20],
+  colorTransparentBackground: 'transparent',
+  colorTransparentBackgroundHover: 'transparent',
+  colorTransparentBackgroundPressed: 'transparent',
+  colorTransparentBackgroundSelected: 'transparent',
+  colorNeutralBackgroundDisabled: colors_1.grey[8],
+  colorNeutralStencil1: colors_1.grey[20],
+  colorNeutralStencil2: colors_1.grey[34],
+  colorBrandBackground: brand.shade10,
+  colorBrandBackgroundHover: brand.primary,
+  colorBrandBackgroundPressed: brand.shade40,
+  colorBrandBackgroundSelected: brand.shade20,
+  colorCompoundBrandBackground: brand.tint10,
+  colorCompoundBrandBackgroundHover: brand.tint20,
+  colorCompoundBrandBackgroundPressed: brand.primary,
+  colorBrandBackgroundStatic: brand.primary,
+  colorBrandBackground2: brand.shade40,
+  colorNeutralStrokeAccessible: colors_1.grey[68],
+  colorNeutralStrokeAccessibleHover: colors_1.grey[74],
+  colorNeutralStrokeAccessiblePressed: colors_1.grey[70],
+  colorNeutralStrokeAccessibleSelected: brand.tint20,
+  colorNeutralStroke1: colors_1.grey[40],
+  colorNeutralStroke1Hover: colors_1.grey[46],
+  colorNeutralStroke1Pressed: colors_1.grey[42],
+  colorNeutralStroke1Selected: colors_1.grey[44],
+  colorNeutralStroke2: colors_1.grey[32],
+  colorNeutralStroke3: colors_1.grey[24],
+  colorBrandStroke1: brand.tint10,
+  colorBrandStroke2: brand.shade30,
+  colorCompoundBrandStroke: brand.tint10,
+  colorCompoundBrandStrokeHover: brand.tint20,
+  colorCompoundBrandStrokePressed: brand.primary,
+  colorNeutralStrokeDisabled: colors_1.grey[26],
+  colorTransparentStroke: 'transparent',
+  colorTransparentStrokeInteractive: 'transparent',
+  colorTransparentStrokeDisabled: 'transparent',
+  colorStrokeFocus1: colors_1.black,
+  colorStrokeFocus2: colors_1.white,
+  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+  colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+});
 
-var generateColorTokens = function (brand) {
-  return {
-    colorNeutralForeground1: colors_1.white,
-    colorNeutralForeground2: colors_1.grey[84],
-    colorNeutralForeground2Hover: colors_1.white,
-    colorNeutralForeground2Pressed: colors_1.white,
-    colorNeutralForeground2Selected: colors_1.white,
-    colorNeutralForeground2BrandHover: brand.tint20,
-    colorNeutralForeground2BrandPressed: brand.tint10,
-    colorNeutralForeground2BrandSelected: brand.tint20,
-    colorNeutralForeground3: colors_1.grey[68],
-    colorNeutralForeground3Hover: colors_1.grey[84],
-    colorNeutralForeground3Pressed: colors_1.grey[84],
-    colorNeutralForeground3Selected: colors_1.grey[84],
-    colorNeutralForeground3BrandHover: brand.tint20,
-    colorNeutralForeground3BrandPressed: brand.tint10,
-    colorNeutralForeground3BrandSelected: brand.tint20,
-    colorNeutralForeground4: colors_1.grey[60],
-    colorNeutralForegroundDisabled: colors_1.grey[36],
-    colorBrandForegroundLink: brand.tint10,
-    colorBrandForegroundLinkHover: brand.tint30,
-    colorBrandForegroundLinkPressed: brand.tint20,
-    colorBrandForegroundLinkSelected: brand.tint10,
-    colorCompoundBrandForeground1: brand.tint10,
-    colorCompoundBrandForeground1Hover: brand.tint20,
-    colorCompoundBrandForeground1Pressed: brand.primary,
-    colorBrandForeground1: brand.tint20,
-    colorBrandForeground2: brand.tint30,
-    colorNeutralForegroundInverted: colors_1.white,
-    colorNeutralForegroundOnBrand: colors_1.white,
-    colorNeutralForegroundInvertedLink: colors_1.white,
-    colorNeutralForegroundInvertedLinkHover: colors_1.white,
-    colorNeutralForegroundInvertedLinkPressed: colors_1.white,
-    colorNeutralForegroundInvertedLinkSelected: colors_1.white,
-    colorNeutralBackground1: colors_1.grey[16],
-    colorNeutralBackground1Hover: colors_1.grey[24],
-    colorNeutralBackground1Pressed: colors_1.grey[12],
-    colorNeutralBackground1Selected: colors_1.grey[22],
-    colorNeutralBackground2: colors_1.grey[14],
-    colorNeutralBackground2Hover: colors_1.grey[22],
-    colorNeutralBackground2Pressed: colors_1.grey[10],
-    colorNeutralBackground2Selected: colors_1.grey[20],
-    colorNeutralBackground3: colors_1.grey[12],
-    colorNeutralBackground3Hover: colors_1.grey[20],
-    colorNeutralBackground3Pressed: colors_1.grey[8],
-    colorNeutralBackground3Selected: colors_1.grey[18],
-    colorNeutralBackground4: colors_1.grey[8],
-    colorNeutralBackground4Hover: colors_1.grey[16],
-    colorNeutralBackground4Pressed: colors_1.grey[4],
-    colorNeutralBackground4Selected: colors_1.grey[14],
-    colorNeutralBackground5: colors_1.grey[4],
-    colorNeutralBackground5Hover: colors_1.grey[12],
-    colorNeutralBackground5Pressed: colors_1.black,
-    colorNeutralBackground5Selected: colors_1.grey[10],
-    colorNeutralBackground6: colors_1.grey[20],
-    colorNeutralBackgroundInverted: colors_1.white,
-    colorSubtleBackground: 'transparent',
-    colorSubtleBackgroundHover: colors_1.grey[22],
-    colorSubtleBackgroundPressed: colors_1.grey[18],
-    colorSubtleBackgroundSelected: colors_1.grey[20],
-    colorTransparentBackground: 'transparent',
-    colorTransparentBackgroundHover: 'transparent',
-    colorTransparentBackgroundPressed: 'transparent',
-    colorTransparentBackgroundSelected: 'transparent',
-    colorNeutralBackgroundDisabled: colors_1.grey[8],
-    colorNeutralStencil1: colors_1.grey[20],
-    colorNeutralStencil2: colors_1.grey[34],
-    colorBrandBackground: brand.shade10,
-    colorBrandBackgroundHover: brand.primary,
-    colorBrandBackgroundPressed: brand.shade40,
-    colorBrandBackgroundSelected: brand.shade20,
-    colorCompoundBrandBackground: brand.tint10,
-    colorCompoundBrandBackgroundHover: brand.tint20,
-    colorCompoundBrandBackgroundPressed: brand.primary,
-    colorBrandBackgroundStatic: brand.primary,
-    colorBrandBackground2: brand.shade40,
-    colorNeutralStrokeAccessible: colors_1.grey[68],
-    colorNeutralStrokeAccessibleHover: colors_1.grey[74],
-    colorNeutralStrokeAccessiblePressed: colors_1.grey[70],
-    colorNeutralStrokeAccessibleSelected: brand.tint20,
-    colorNeutralStroke1: colors_1.grey[40],
-    colorNeutralStroke1Hover: colors_1.grey[46],
-    colorNeutralStroke1Pressed: colors_1.grey[42],
-    colorNeutralStroke1Selected: colors_1.grey[44],
-    colorNeutralStroke2: colors_1.grey[32],
-    colorNeutralStroke3: colors_1.grey[24],
-    colorBrandStroke1: brand.tint10,
-    colorBrandStroke2: brand.shade30,
-    colorCompoundBrandStroke: brand.tint10,
-    colorCompoundBrandStrokeHover: brand.tint20,
-    colorCompoundBrandStrokePressed: brand.primary,
-    colorNeutralStrokeDisabled: colors_1.grey[26],
-    colorTransparentStroke: 'transparent',
-    colorTransparentStrokeInteractive: 'transparent',
-    colorTransparentStrokeDisabled: 'transparent',
-    colorStrokeFocus1: colors_1.black,
-    colorStrokeFocus2: colors_1.white,
-    colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
-    colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
-    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
-    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
-    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
-    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
-    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-    colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+exports.generateColorTokens = generateColorTokens;
+exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce((acc, sharedColor) => {
+  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+  const sharedColorTokens = {
+    [`colorPalette${color}Background1`]: colors_1.sharedColors[sharedColor].shade40,
+    [`colorPalette${color}Background2`]: colors_1.sharedColors[sharedColor].shade30,
+    [`colorPalette${color}Background3`]: colors_1.sharedColors[sharedColor].primary,
+    [`colorPalette${color}Foreground1`]: colors_1.sharedColors[sharedColor].tint30,
+    [`colorPalette${color}Foreground2`]: colors_1.sharedColors[sharedColor].tint40,
+    [`colorPalette${color}Foreground3`]: colors_1.sharedColors[sharedColor].tint20,
+    [`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].tint30,
+    [`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].tint20
   };
-};
-
-exports.generateColorTokens = generateColorTokens;
-exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce(function (acc, sharedColor) {
-  var _a;
-
-  var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
-  var sharedColorTokens = (_a = {}, _a["colorPalette" + color + "Background1"] = colors_1.sharedColors[sharedColor].shade40, _a["colorPalette" + color + "Background2"] = colors_1.sharedColors[sharedColor].shade30, _a["colorPalette" + color + "Background3"] = colors_1.sharedColors[sharedColor].primary, _a["colorPalette" + color + "Foreground1"] = colors_1.sharedColors[sharedColor].tint30, _a["colorPalette" + color + "Foreground2"] = colors_1.sharedColors[sharedColor].tint40, _a["colorPalette" + color + "Foreground3"] = colors_1.sharedColors[sharedColor].tint20, _a["colorPalette" + color + "BorderActive"] = colors_1.sharedColors[sharedColor].tint30, _a["colorPalette" + color + "Border2"] = colors_1.sharedColors[sharedColor].tint20, _a);
-  return tslib_1.__assign(tslib_1.__assign({}, acc), sharedColorTokens);
+  return { ...acc,
+    ...sharedColorTokens
+  };
 }, {});
 //# sourceMappingURL=teamsDark.js.map

lib-commonjs/global/colors.js

@@ -94,3 +94,3 @@ "use strict";
 exports.hcButtonFace = '#ffffff';
-var darkRed = {
+const darkRed = {
   shade50: '#130204',
@@ -109,3 +109,3 @@ shade40: '#230308',
 };
-var burgundy = {
+const burgundy = {
   shade50: '#1a0607',
@@ -124,3 +124,3 @@ shade40: '#310b0d',
 };
-var cranberry = {
+const cranberry = {
   shade50: '#200205',
@@ -139,3 +139,3 @@ shade40: '#3b0509',
 };
-var red = {
+const red = {
   shade50: '#210809',
@@ -154,3 +154,3 @@ shade40: '#3f1011',
 };
-var darkOrange = {
+const darkOrange = {
   shade50: '#230900',
@@ -169,3 +169,3 @@ shade40: '#411200',
 };
-var bronze = {
+const bronze = {
   shade50: '#1b0a01',
@@ -184,3 +184,3 @@ shade40: '#321303',
 };
-var pumpkin = {
+const pumpkin = {
   shade50: '#200d03',
@@ -199,3 +199,3 @@ shade40: '#3d1805',
 };
-var orange = {
+const orange = {
   shade50: '#271002',
@@ -214,3 +214,3 @@ shade40: '#4a1e04',
 };
-var peach = {
+const peach = {
   shade50: '#291600',
@@ -229,3 +229,3 @@ shade40: '#4d2a00',
 };
-var marigold = {
+const marigold = {
   shade50: '#251a00',
@@ -244,3 +244,3 @@ shade40: '#463100',
 };
-var yellow = {
+const yellow = {
   shade50: '#282400',
@@ -259,3 +259,3 @@ shade40: '#4c4400',
 };
-var gold = {
+const gold = {
   shade50: '#1f1900',
@@ -274,3 +274,3 @@ shade40: '#3a2f00',
 };
-var brass = {
+const brass = {
   shade50: '#181202',
@@ -289,3 +289,3 @@ shade40: '#2e2103',
 };
-var brown = {
+const brown = {
   shade50: '#170e07',
@@ -304,3 +304,3 @@ shade40: '#2b1a0e',
 };
-var darkBrown = {
+const darkBrown = {
   shade50: '#0c0704',
@@ -319,3 +319,3 @@ shade40: '#170c08',
 };
-var lime = {
+const lime = {
   shade50: '#121b06',
@@ -334,3 +334,3 @@ shade40: '#23330b',
 };
-var forest = {
+const forest = {
   shade50: '#0c1501',
@@ -349,3 +349,3 @@ shade40: '#162702',
 };
-var seafoam = {
+const seafoam = {
   shade50: '#002111',
@@ -364,3 +364,3 @@ shade40: '#003d20',
 };
-var lightGreen = {
+const lightGreen = {
   shade50: '#031a02',
@@ -379,3 +379,3 @@ shade40: '#063004',
 };
-var green = {
+const green = {
   shade50: '#031403',
@@ -394,3 +394,3 @@ shade40: '#052505',
 };
-var darkGreen = {
+const darkGreen = {
   shade50: '#021102',
@@ -409,3 +409,3 @@ shade40: '#032003',
 };
-var lightTeal = {
+const lightTeal = {
   shade50: '#001d1f',
@@ -424,3 +424,3 @@ shade40: '#00373a',
 };
-var teal = {
+const teal = {
   shade50: '#001516',
@@ -439,3 +439,3 @@ shade40: '#012728',
 };
-var darkTeal = {
+const darkTeal = {
   shade50: '#001010',
@@ -454,3 +454,3 @@ shade40: '#001f1f',
 };
-var cyan = {
+const cyan = {
   shade50: '#00181e',
@@ -469,3 +469,3 @@ shade40: '#002e38',
 };
-var steel = {
+const steel = {
   shade50: '#000f12',
@@ -484,3 +484,3 @@ shade40: '#001b22',
 };
-var lightBlue = {
+const lightBlue = {
   shade50: '#091823',
@@ -499,3 +499,3 @@ shade40: '#112d42',
 };
-var blue = {
+const blue = {
   shade50: '#001322',
@@ -514,3 +514,3 @@ shade40: '#002440',
 };
-var royalBlue = {
+const royalBlue = {
   shade50: '#000c16',
@@ -529,3 +529,3 @@ shade40: '#00172a',
 };
-var darkBlue = {
+const darkBlue = {
   shade50: '#000910',
@@ -544,3 +544,3 @@ shade40: '#00111f',
 };
-var cornflower = {
+const cornflower = {
   shade50: '#0d1126',
@@ -559,3 +559,3 @@ shade40: '#182047',
 };
-var navy = {
+const navy = {
   shade50: '#00061d',
@@ -574,3 +574,3 @@ shade40: '#000c36',
 };
-var lavender = {
+const lavender = {
   shade50: '#120f25',
@@ -589,3 +589,3 @@ shade40: '#221d46',
 };
-var purple = {
+const purple = {
   shade50: '#0f0717',
@@ -604,3 +604,3 @@ shade40: '#1c0e2b',
 };
-var darkPurple = {
+const darkPurple = {
   shade50: '#0a0411',
@@ -619,3 +619,3 @@ shade40: '#130820',
 };
-var orchid = {
+const orchid = {
   shade50: '#16101d',
@@ -634,3 +634,3 @@ shade40: '#281e37',
 };
-var grape = {
+const grape = {
   shade50: '#160418',
@@ -649,3 +649,3 @@ shade40: '#29072e',
 };
-var berry = {
+const berry = {
   shade50: '#1f091d',
@@ -664,3 +664,3 @@ shade40: '#3a1136',
 };
-var lilac = {
+const lilac = {
   shade50: '#1c0b1f',
@@ -679,3 +679,3 @@ shade40: '#35153a',
 };
-var pink = {
+const pink = {
   shade50: '#24091b',
@@ -694,3 +694,3 @@ shade40: '#441232',
 };
-var hotPink = {
+const hotPink = {
   shade50: '#240016',
@@ -709,3 +709,3 @@ shade40: '#44002a',
 };
-var magenta = {
+const magenta = {
   shade50: '#1f0013',
@@ -724,3 +724,3 @@ shade40: '#390024',
 };
-var plum = {
+const plum = {
   shade50: '#13000c',
@@ -739,3 +739,3 @@ shade40: '#240017',
 };
-var beige = {
+const beige = {
   shade50: '#141313',
@@ -754,3 +754,3 @@ shade40: '#252323',
 };
-var mink = {
+const mink = {
   shade50: '#0f0e0e',
@@ -769,3 +769,3 @@ shade40: '#1c1b1a',
 };
-var silver = {
+const silver = {
   shade50: '#151818',
@@ -784,3 +784,3 @@ shade40: '#282d2e',
 };
-var platinum = {
+const platinum = {
   shade50: '#111314',
@@ -799,3 +799,3 @@ shade40: '#1f2426',
 };
-var anchor = {
+const anchor = {
   shade50: '#090a0b',
@@ -814,3 +814,3 @@ shade40: '#111315',
 };
-var charcoal = {
+const charcoal = {
   shade50: '#130204',
@@ -830,52 +830,52 @@ shade40: '#230308',
 exports.sharedColors = {
-  darkRed: darkRed,
-  burgundy: burgundy,
-  cranberry: cranberry,
-  red: red,
-  darkOrange: darkOrange,
-  bronze: bronze,
-  pumpkin: pumpkin,
-  orange: orange,
-  peach: peach,
-  marigold: marigold,
-  yellow: yellow,
-  gold: gold,
-  brass: brass,
-  brown: brown,
-  darkBrown: darkBrown,
-  lime: lime,
-  forest: forest,
-  seafoam: seafoam,
-  lightGreen: lightGreen,
-  green: green,
-  darkGreen: darkGreen,
-  lightTeal: lightTeal,
-  teal: teal,
-  darkTeal: darkTeal,
-  cyan: cyan,
-  steel: steel,
-  lightBlue: lightBlue,
-  blue: blue,
-  royalBlue: royalBlue,
-  darkBlue: darkBlue,
-  cornflower: cornflower,
-  navy: navy,
-  lavender: lavender,
-  purple: purple,
-  darkPurple: darkPurple,
-  orchid: orchid,
-  grape: grape,
-  berry: berry,
-  lilac: lilac,
-  pink: pink,
-  hotPink: hotPink,
-  magenta: magenta,
-  plum: plum,
-  beige: beige,
-  mink: mink,
-  silver: silver,
-  platinum: platinum,
-  anchor: anchor,
-  charcoal: charcoal
+  darkRed,
+  burgundy,
+  cranberry,
+  red,
+  darkOrange,
+  bronze,
+  pumpkin,
+  orange,
+  peach,
+  marigold,
+  yellow,
+  gold,
+  brass,
+  brown,
+  darkBrown,
+  lime,
+  forest,
+  seafoam,
+  lightGreen,
+  green,
+  darkGreen,
+  lightTeal,
+  teal,
+  darkTeal,
+  cyan,
+  steel,
+  lightBlue,
+  blue,
+  royalBlue,
+  darkBlue,
+  cornflower,
+  navy,
+  lavender,
+  purple,
+  darkPurple,
+  orchid,
+  grape,
+  berry,
+  lilac,
+  pink,
+  hotPink,
+  magenta,
+  plum,
+  beige,
+  mink,
+  silver,
+  platinum,
+  anchor,
+  charcoal
 };
 //# sourceMappingURL=colors.js.map

lib-commonjs/global/index.js

@@ -7,3 +7,3 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
@@ -10,0 +10,0 @@ tslib_1.__exportStar(require("./colors"), exports);

lib-commonjs/index.js

@@ -7,3 +7,3 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
@@ -10,0 +10,0 @@ tslib_1.__exportStar(require("./themes/index"), exports);

lib-commonjs/themes/index.js

@@ -7,3 +7,3 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
@@ -10,0 +10,0 @@ tslib_1.__exportStar(require("./teams/index"), exports);

lib-commonjs/themes/teams/darkTheme.js

@@ -8,7 +8,7 @@ "use strict";
 
-var createTeamsDarkTheme_1 = /*#__PURE__*/require("../../utils/createTeamsDarkTheme");
+const createTeamsDarkTheme_1 = /*#__PURE__*/require("../../utils/createTeamsDarkTheme");
 
-var brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
+const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
 
 exports.teamsDarkTheme = /*#__PURE__*/createTeamsDarkTheme_1.createTeamsDarkTheme(brandColors_1.brandTeams);
 //# sourceMappingURL=darkTheme.js.map

lib-commonjs/themes/teams/highContrastTheme.js

@@ -8,5 +8,5 @@ "use strict";
 
-var createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
+const createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
 
 exports.teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme_1.createHighContrastTheme();
 //# sourceMappingURL=highContrastTheme.js.map

lib-commonjs/themes/teams/index.js

@@ -7,3 +7,3 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
@@ -10,0 +10,0 @@ tslib_1.__exportStar(require("./lightTheme"), exports);

lib-commonjs/themes/teams/lightTheme.js

@@ -8,7 +8,7 @@ "use strict";
 
-var createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
+const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
 
-var brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
+const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
 
 exports.teamsLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandTeams);
 //# sourceMappingURL=lightTheme.js.map

lib-commonjs/themes/web/darkTheme.js

@@ -8,7 +8,7 @@ "use strict";
 
-var createDarkTheme_1 = /*#__PURE__*/require("../../utils/createDarkTheme");
+const createDarkTheme_1 = /*#__PURE__*/require("../../utils/createDarkTheme");
 
-var brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
+const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
 
 exports.webDarkTheme = /*#__PURE__*/createDarkTheme_1.createDarkTheme(brandColors_1.brandWeb);
 //# sourceMappingURL=darkTheme.js.map

lib-commonjs/themes/web/highContrastTheme.js

@@ -8,5 +8,5 @@ "use strict";
 
-var createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
+const createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
 
 exports.webHighContrastTheme = /*#__PURE__*/createHighContrastTheme_1.createHighContrastTheme();
 //# sourceMappingURL=highContrastTheme.js.map

lib-commonjs/themes/web/index.js

@@ -7,3 +7,3 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
@@ -10,0 +10,0 @@ tslib_1.__exportStar(require("./lightTheme"), exports);

lib-commonjs/themes/web/lightTheme.js

@@ -8,7 +8,7 @@ "use strict";
 
-var createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
+const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
 
-var brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
+const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
 
 exports.webLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandWeb);
 //# sourceMappingURL=lightTheme.js.map

lib-commonjs/utils/createDarkTheme.js

@@ -8,13 +8,20 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const dark_1 = /*#__PURE__*/require("../alias/dark");
 
-var dark_1 = /*#__PURE__*/require("../alias/dark");
+const index_1 = /*#__PURE__*/require("../global/index");
 
-var index_1 = /*#__PURE__*/require("../global/index");
+const shadows_1 = /*#__PURE__*/require("./shadows");
 
-var shadows_1 = /*#__PURE__*/require("./shadows");
-
-var createDarkTheme = function (brand) {
-  var colorTokens = dark_1.generateColorTokens(brand);
-  return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), colorTokens), dark_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
+const createDarkTheme = brand => {
+  const colorTokens = dark_1.generateColorTokens(brand);
+  return { ...index_1.borderRadius,
+    ...index_1.fontSizes,
+    ...index_1.lineHeights,
+    ...index_1.fontFamilies,
+    ...index_1.fontWeights,
+    ...index_1.strokeWidths,
+    ...colorTokens,
+    ...dark_1.colorPaletteTokens,
+    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)
+  };
 };
@@ -21,0 +28,0 @@

lib-commonjs/utils/createHighContrastTheme.js

@@ -8,13 +8,20 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const highContrast_1 = /*#__PURE__*/require("../alias/highContrast");
 
-var highContrast_1 = /*#__PURE__*/require("../alias/highContrast");
+const index_1 = /*#__PURE__*/require("../global/index");
 
-var index_1 = /*#__PURE__*/require("../global/index");
+const shadows_1 = /*#__PURE__*/require("./shadows");
 
-var shadows_1 = /*#__PURE__*/require("./shadows");
-
-var createHighContrastTheme = function () {
-  var colorTokens = highContrast_1.generateColorTokens();
-  return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), colorTokens), highContrast_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
+const createHighContrastTheme = () => {
+  const colorTokens = highContrast_1.generateColorTokens();
+  return { ...index_1.borderRadius,
+    ...index_1.fontSizes,
+    ...index_1.lineHeights,
+    ...index_1.fontFamilies,
+    ...index_1.fontWeights,
+    ...index_1.strokeWidths,
+    ...colorTokens,
+    ...highContrast_1.colorPaletteTokens,
+    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)
+  };
 };
@@ -21,0 +28,0 @@

lib-commonjs/utils/createLightTheme.js

@@ -8,13 +8,20 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const light_1 = /*#__PURE__*/require("../alias/light");
 
-var light_1 = /*#__PURE__*/require("../alias/light");
+const index_1 = /*#__PURE__*/require("../global/index");
 
-var index_1 = /*#__PURE__*/require("../global/index");
+const shadows_1 = /*#__PURE__*/require("./shadows");
 
-var shadows_1 = /*#__PURE__*/require("./shadows");
-
-var createLightTheme = function (brand) {
-  var colorTokens = light_1.generateColorTokens(brand);
-  return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), colorTokens), light_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
+const createLightTheme = brand => {
+  const colorTokens = light_1.generateColorTokens(brand);
+  return { ...index_1.borderRadius,
+    ...index_1.fontSizes,
+    ...index_1.lineHeights,
+    ...index_1.fontFamilies,
+    ...index_1.fontWeights,
+    ...index_1.strokeWidths,
+    ...colorTokens,
+    ...light_1.colorPaletteTokens,
+    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)
+  };
 };
@@ -21,0 +28,0 @@

lib-commonjs/utils/createTeamsDarkTheme.js

@@ -8,13 +8,20 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const teamsDark_1 = /*#__PURE__*/require("../alias/teamsDark");
 
-var teamsDark_1 = /*#__PURE__*/require("../alias/teamsDark");
+const index_1 = /*#__PURE__*/require("../global/index");
 
-var index_1 = /*#__PURE__*/require("../global/index");
+const shadows_1 = /*#__PURE__*/require("./shadows");
 
-var shadows_1 = /*#__PURE__*/require("./shadows");
-
-var createTeamsDarkTheme = function (brand) {
-  var colorTokens = teamsDark_1.generateColorTokens(brand);
-  return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), colorTokens), teamsDark_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
+const createTeamsDarkTheme = brand => {
+  const colorTokens = teamsDark_1.generateColorTokens(brand);
+  return { ...index_1.borderRadius,
+    ...index_1.fontSizes,
+    ...index_1.lineHeights,
+    ...index_1.fontFamilies,
+    ...index_1.fontWeights,
+    ...index_1.strokeWidths,
+    ...colorTokens,
+    ...teamsDark_1.colorPaletteTokens,
+    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)
+  };
 };
@@ -21,0 +28,0 @@

lib-commonjs/utils/index.js

@@ -8,3 +8,3 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
@@ -11,0 +11,0 @@ tslib_1.__exportStar(require("./createLightTheme"), exports);

lib-commonjs/utils/mergeThemes.js

@@ -8,8 +8,8 @@ "use strict";
 
-var tslib_1 = /*#__PURE__*/require("tslib");
-
 function mergeThemes(a, b) {
   // Merge impacts perf: we should like to avoid it if it's possible
   if (a && b) {
-    return tslib_1.__assign(tslib_1.__assign({}, a), b);
+    return { ...a,
+      ...b
+    };
   }
@@ -16,0 +16,0 @@

lib-commonjs/utils/shadows.js

@@ -10,8 +10,8 @@ "use strict";
   return {
-    shadow2: "0 0 2px " + ambientColor + ", 0 1px 2px " + keyColor,
-    shadow4: "0 0 2px " + ambientColor + ", 0 2px 4px " + keyColor,
-    shadow8: "0 0 2px " + ambientColor + ", 0 4px 8px " + keyColor,
-    shadow16: "0 0 2px " + ambientColor + ", 0 6px 16px " + keyColor,
-    shadow28: "0 0 8px " + ambientColor + ", 0 14px 28px " + keyColor,
-    shadow64: "0 0 8px " + ambientColor + ", 0 32px 64px " + keyColor
+    shadow2: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
+    shadow4: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
+    shadow8: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
+    shadow16: `0 0 2px ${ambientColor}, 0 6px 16px ${keyColor}`,
+    shadow28: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
+    shadow64: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
   };
@@ -18,0 +18,0 @@ }

lib-commonjs/utils/themeToCSSVariables.js

@@ -9,7 +9,7 @@ "use strict";
 function themeToCSSVariables(theme) {
-  var result = {};
+  const result = {};
 
-  for (var propertyName in theme) {
+  for (const propertyName in theme) {
     if (Object.prototype.hasOwnProperty.call(theme, propertyName)) {
-      result["--" + propertyName] = theme[propertyName];
+      result[`--${propertyName}`] = theme[propertyName];
     }
@@ -16,0 +16,0 @@ }

lib/alias/dark.js

@@ -1,117 +0,123 @@
-import { __assign } from "tslib";
 import { black, grey, white, sharedColors } from '../global/colors';
-export var generateColorTokens = function (brand) {
-  return {
-    colorNeutralForeground1: white,
-    colorNeutralForeground2: grey[84],
-    colorNeutralForeground2Hover: white,
-    colorNeutralForeground2Pressed: white,
-    colorNeutralForeground2Selected: white,
-    colorNeutralForeground2BrandHover: brand.tint20,
-    colorNeutralForeground2BrandPressed: brand.tint10,
-    colorNeutralForeground2BrandSelected: brand.tint20,
-    colorNeutralForeground3: grey[68],
-    colorNeutralForeground3Hover: grey[84],
-    colorNeutralForeground3Pressed: grey[84],
-    colorNeutralForeground3Selected: grey[84],
-    colorNeutralForeground3BrandHover: brand.tint20,
-    colorNeutralForeground3BrandPressed: brand.tint10,
-    colorNeutralForeground3BrandSelected: brand.tint20,
-    colorNeutralForeground4: grey[60],
-    colorNeutralForegroundDisabled: grey[36],
-    colorBrandForegroundLink: brand.tint10,
-    colorBrandForegroundLinkHover: brand.tint30,
-    colorBrandForegroundLinkPressed: brand.tint20,
-    colorBrandForegroundLinkSelected: brand.tint10,
-    colorCompoundBrandForeground1: brand.tint10,
-    colorCompoundBrandForeground1Hover: brand.tint20,
-    colorCompoundBrandForeground1Pressed: brand.primary,
-    colorBrandForeground1: brand.tint20,
-    colorBrandForeground2: brand.tint30,
-    colorNeutralForegroundInverted: grey[14],
-    colorNeutralForegroundOnBrand: white,
-    colorNeutralForegroundInvertedLink: white,
-    colorNeutralForegroundInvertedLinkHover: white,
-    colorNeutralForegroundInvertedLinkPressed: white,
-    colorNeutralForegroundInvertedLinkSelected: white,
-    colorNeutralBackground1: grey[16],
-    colorNeutralBackground1Hover: grey[24],
-    colorNeutralBackground1Pressed: grey[12],
-    colorNeutralBackground1Selected: grey[22],
-    colorNeutralBackground2: grey[12],
-    colorNeutralBackground2Hover: grey[20],
-    colorNeutralBackground2Pressed: grey[8],
-    colorNeutralBackground2Selected: grey[18],
-    colorNeutralBackground3: grey[8],
-    colorNeutralBackground3Hover: grey[16],
-    colorNeutralBackground3Pressed: grey[4],
-    colorNeutralBackground3Selected: grey[14],
-    colorNeutralBackground4: grey[4],
-    colorNeutralBackground4Hover: grey[12],
-    colorNeutralBackground4Pressed: black,
-    colorNeutralBackground4Selected: grey[10],
-    colorNeutralBackground5: black,
-    colorNeutralBackground5Hover: grey[8],
-    colorNeutralBackground5Pressed: grey[2],
-    colorNeutralBackground5Selected: grey[6],
-    colorNeutralBackground6: grey[20],
-    colorNeutralBackgroundInverted: white,
-    colorSubtleBackground: 'transparent',
-    colorSubtleBackgroundHover: grey[22],
-    colorSubtleBackgroundPressed: grey[18],
-    colorSubtleBackgroundSelected: grey[20],
-    colorTransparentBackground: 'transparent',
-    colorTransparentBackgroundHover: 'transparent',
-    colorTransparentBackgroundPressed: 'transparent',
-    colorTransparentBackgroundSelected: 'transparent',
-    colorNeutralBackgroundDisabled: grey[8],
-    colorNeutralStencil1: grey[20],
-    colorNeutralStencil2: grey[34],
-    colorBrandBackground: brand.shade10,
-    colorBrandBackgroundHover: brand.primary,
-    colorBrandBackgroundPressed: brand.shade40,
-    colorBrandBackgroundSelected: brand.shade20,
-    colorCompoundBrandBackground: brand.tint10,
-    colorCompoundBrandBackgroundHover: brand.tint20,
-    colorCompoundBrandBackgroundPressed: brand.primary,
-    colorBrandBackgroundStatic: brand.primary,
-    colorBrandBackground2: brand.shade40,
-    colorNeutralStrokeAccessible: grey[68],
-    colorNeutralStrokeAccessibleHover: grey[74],
-    colorNeutralStrokeAccessiblePressed: grey[70],
-    colorNeutralStrokeAccessibleSelected: brand.tint20,
-    colorNeutralStroke1: grey[40],
-    colorNeutralStroke1Hover: grey[46],
-    colorNeutralStroke1Pressed: grey[42],
-    colorNeutralStroke1Selected: grey[44],
-    colorNeutralStroke2: grey[32],
-    colorNeutralStroke3: grey[24],
-    colorBrandStroke1: brand.tint10,
-    colorBrandStroke2: brand.shade30,
-    colorCompoundBrandStroke: brand.tint10,
-    colorCompoundBrandStrokeHover: brand.tint20,
-    colorCompoundBrandStrokePressed: brand.primary,
-    colorNeutralStrokeDisabled: grey[26],
-    colorTransparentStroke: 'transparent',
-    colorTransparentStrokeInteractive: 'transparent',
-    colorTransparentStrokeDisabled: 'transparent',
-    colorStrokeFocus1: black,
-    colorStrokeFocus2: white,
-    colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
-    colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
-    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
-    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
-    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
-    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
-    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-    colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+export const generateColorTokens = brand => ({
+  colorNeutralForeground1: white,
+  colorNeutralForeground2: grey[84],
+  colorNeutralForeground2Hover: white,
+  colorNeutralForeground2Pressed: white,
+  colorNeutralForeground2Selected: white,
+  colorNeutralForeground2BrandHover: brand.tint20,
+  colorNeutralForeground2BrandPressed: brand.tint10,
+  colorNeutralForeground2BrandSelected: brand.tint20,
+  colorNeutralForeground3: grey[68],
+  colorNeutralForeground3Hover: grey[84],
+  colorNeutralForeground3Pressed: grey[84],
+  colorNeutralForeground3Selected: grey[84],
+  colorNeutralForeground3BrandHover: brand.tint20,
+  colorNeutralForeground3BrandPressed: brand.tint10,
+  colorNeutralForeground3BrandSelected: brand.tint20,
+  colorNeutralForeground4: grey[60],
+  colorNeutralForegroundDisabled: grey[36],
+  colorBrandForegroundLink: brand.tint10,
+  colorBrandForegroundLinkHover: brand.tint30,
+  colorBrandForegroundLinkPressed: brand.tint20,
+  colorBrandForegroundLinkSelected: brand.tint10,
+  colorCompoundBrandForeground1: brand.tint10,
+  colorCompoundBrandForeground1Hover: brand.tint20,
+  colorCompoundBrandForeground1Pressed: brand.primary,
+  colorBrandForeground1: brand.tint20,
+  colorBrandForeground2: brand.tint30,
+  colorNeutralForegroundInverted: grey[14],
+  colorNeutralForegroundOnBrand: white,
+  colorNeutralForegroundInvertedLink: white,
+  colorNeutralForegroundInvertedLinkHover: white,
+  colorNeutralForegroundInvertedLinkPressed: white,
+  colorNeutralForegroundInvertedLinkSelected: white,
+  colorNeutralBackground1: grey[16],
+  colorNeutralBackground1Hover: grey[24],
+  colorNeutralBackground1Pressed: grey[12],
+  colorNeutralBackground1Selected: grey[22],
+  colorNeutralBackground2: grey[12],
+  colorNeutralBackground2Hover: grey[20],
+  colorNeutralBackground2Pressed: grey[8],
+  colorNeutralBackground2Selected: grey[18],
+  colorNeutralBackground3: grey[8],
+  colorNeutralBackground3Hover: grey[16],
+  colorNeutralBackground3Pressed: grey[4],
+  colorNeutralBackground3Selected: grey[14],
+  colorNeutralBackground4: grey[4],
+  colorNeutralBackground4Hover: grey[12],
+  colorNeutralBackground4Pressed: black,
+  colorNeutralBackground4Selected: grey[10],
+  colorNeutralBackground5: black,
+  colorNeutralBackground5Hover: grey[8],
+  colorNeutralBackground5Pressed: grey[2],
+  colorNeutralBackground5Selected: grey[6],
+  colorNeutralBackground6: grey[20],
+  colorNeutralBackgroundInverted: white,
+  colorSubtleBackground: 'transparent',
+  colorSubtleBackgroundHover: grey[22],
+  colorSubtleBackgroundPressed: grey[18],
+  colorSubtleBackgroundSelected: grey[20],
+  colorTransparentBackground: 'transparent',
+  colorTransparentBackgroundHover: 'transparent',
+  colorTransparentBackgroundPressed: 'transparent',
+  colorTransparentBackgroundSelected: 'transparent',
+  colorNeutralBackgroundDisabled: grey[8],
+  colorNeutralStencil1: grey[20],
+  colorNeutralStencil2: grey[34],
+  colorBrandBackground: brand.shade10,
+  colorBrandBackgroundHover: brand.primary,
+  colorBrandBackgroundPressed: brand.shade40,
+  colorBrandBackgroundSelected: brand.shade20,
+  colorCompoundBrandBackground: brand.tint10,
+  colorCompoundBrandBackgroundHover: brand.tint20,
+  colorCompoundBrandBackgroundPressed: brand.primary,
+  colorBrandBackgroundStatic: brand.primary,
+  colorBrandBackground2: brand.shade40,
+  colorNeutralStrokeAccessible: grey[68],
+  colorNeutralStrokeAccessibleHover: grey[74],
+  colorNeutralStrokeAccessiblePressed: grey[70],
+  colorNeutralStrokeAccessibleSelected: brand.tint20,
+  colorNeutralStroke1: grey[40],
+  colorNeutralStroke1Hover: grey[46],
+  colorNeutralStroke1Pressed: grey[42],
+  colorNeutralStroke1Selected: grey[44],
+  colorNeutralStroke2: grey[32],
+  colorNeutralStroke3: grey[24],
+  colorBrandStroke1: brand.tint10,
+  colorBrandStroke2: brand.shade30,
+  colorCompoundBrandStroke: brand.tint10,
+  colorCompoundBrandStrokeHover: brand.tint20,
+  colorCompoundBrandStrokePressed: brand.primary,
+  colorNeutralStrokeDisabled: grey[26],
+  colorTransparentStroke: 'transparent',
+  colorTransparentStrokeInteractive: 'transparent',
+  colorTransparentStrokeDisabled: 'transparent',
+  colorStrokeFocus1: black,
+  colorStrokeFocus2: white,
+  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+  colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+});
+export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
+  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+  const sharedColorTokens = {
+    [`colorPalette${color}Background1`]: sharedColors[sharedColor].shade40,
+    [`colorPalette${color}Background2`]: sharedColors[sharedColor].shade30,
+    [`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,
+    [`colorPalette${color}Foreground1`]: sharedColors[sharedColor].tint30,
+    [`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,
+    [`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,
+    [`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,
+    [`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20
   };
-};
-export var colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce(function (acc, sharedColor) {
-  var _a;
-
-  var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
-  var sharedColorTokens = (_a = {}, _a["colorPalette" + color + "Background1"] = sharedColors[sharedColor].shade40, _a["colorPalette" + color + "Background2"] = sharedColors[sharedColor].shade30, _a["colorPalette" + color + "Background3"] = sharedColors[sharedColor].primary, _a["colorPalette" + color + "Foreground1"] = sharedColors[sharedColor].tint30, _a["colorPalette" + color + "Foreground2"] = sharedColors[sharedColor].tint40, _a["colorPalette" + color + "Foreground3"] = sharedColors[sharedColor].tint20, _a["colorPalette" + color + "BorderActive"] = sharedColors[sharedColor].tint30, _a["colorPalette" + color + "Border2"] = sharedColors[sharedColor].tint20, _a);
-  return __assign(__assign({}, acc), sharedColorTokens);
+  return { ...acc,
+    ...sharedColorTokens
+  };
 }, {});
 //# sourceMappingURL=dark.js.map

lib/alias/highContrast.js

@@ -1,117 +0,123 @@
-import { __assign } from "tslib";
 import { hcCanvasText, hcHighlightText, hcDisabled, hcHyperlink, hcHighlight, hcButtonText, hcCanvas, hcButtonFace, grey, sharedColors, white, black } from '../global/colors';
-export var generateColorTokens = function () {
-  return {
-    colorNeutralForeground1: hcCanvasText,
-    colorNeutralForeground2: hcCanvasText,
-    colorNeutralForeground2Hover: hcHighlightText,
-    colorNeutralForeground2Pressed: hcHighlightText,
-    colorNeutralForeground2Selected: hcHighlightText,
-    colorNeutralForeground2BrandHover: hcHighlightText,
-    colorNeutralForeground2BrandPressed: hcHighlightText,
-    colorNeutralForeground2BrandSelected: hcHighlightText,
-    colorNeutralForeground3: hcCanvasText,
-    colorNeutralForeground3Hover: hcHighlightText,
-    colorNeutralForeground3Pressed: hcHighlightText,
-    colorNeutralForeground3Selected: hcHighlightText,
-    colorNeutralForeground3BrandHover: hcHighlightText,
-    colorNeutralForeground3BrandPressed: hcHighlightText,
-    colorNeutralForeground3BrandSelected: hcHighlightText,
-    colorNeutralForeground4: hcCanvasText,
-    colorNeutralForegroundDisabled: hcDisabled,
-    colorBrandForegroundLink: hcHyperlink,
-    colorBrandForegroundLinkHover: hcHyperlink,
-    colorBrandForegroundLinkPressed: hcHyperlink,
-    colorBrandForegroundLinkSelected: hcHyperlink,
-    colorCompoundBrandForeground1: hcHighlight,
-    colorCompoundBrandForeground1Hover: hcHighlight,
-    colorCompoundBrandForeground1Pressed: hcHighlight,
-    colorBrandForeground1: hcCanvasText,
-    colorBrandForeground2: hcButtonText,
-    colorNeutralForegroundInverted: hcCanvas,
-    colorNeutralForegroundOnBrand: hcButtonText,
-    colorNeutralForegroundInvertedLink: hcHyperlink,
-    colorNeutralForegroundInvertedLinkHover: hcHyperlink,
-    colorNeutralForegroundInvertedLinkPressed: hcHyperlink,
-    colorNeutralForegroundInvertedLinkSelected: hcHyperlink,
-    colorNeutralBackground1: hcCanvas,
-    colorNeutralBackground1Hover: hcHighlight,
-    colorNeutralBackground1Pressed: hcHighlight,
-    colorNeutralBackground1Selected: hcHighlight,
-    colorNeutralBackground2: hcCanvas,
-    colorNeutralBackground2Hover: hcHighlight,
-    colorNeutralBackground2Pressed: hcHighlight,
-    colorNeutralBackground2Selected: hcHighlight,
-    colorNeutralBackground3: hcCanvas,
-    colorNeutralBackground3Hover: hcHighlight,
-    colorNeutralBackground3Pressed: hcHighlight,
-    colorNeutralBackground3Selected: hcHighlight,
-    colorNeutralBackground4: hcCanvas,
-    colorNeutralBackground4Hover: hcHighlight,
-    colorNeutralBackground4Pressed: hcHighlight,
-    colorNeutralBackground4Selected: hcHighlight,
-    colorNeutralBackground5: hcCanvas,
-    colorNeutralBackground5Hover: hcHighlight,
-    colorNeutralBackground5Pressed: hcHighlight,
-    colorNeutralBackground5Selected: hcHighlight,
-    colorNeutralBackground6: hcCanvas,
-    colorNeutralBackgroundInverted: hcCanvasText,
-    colorSubtleBackground: 'transparent',
-    colorSubtleBackgroundHover: hcHighlight,
-    colorSubtleBackgroundPressed: hcHighlight,
-    colorSubtleBackgroundSelected: hcHighlight,
-    colorTransparentBackground: 'transparent',
-    colorTransparentBackgroundHover: hcHighlight,
-    colorTransparentBackgroundPressed: hcHighlight,
-    colorTransparentBackgroundSelected: hcHighlight,
-    colorNeutralBackgroundDisabled: hcCanvas,
-    colorNeutralStencil1: grey[8],
-    colorNeutralStencil2: grey[52],
-    colorBrandBackground: hcButtonFace,
-    colorBrandBackgroundHover: hcHighlight,
-    colorBrandBackgroundPressed: hcHighlight,
-    colorBrandBackgroundSelected: hcHighlight,
-    colorCompoundBrandBackground: hcHighlight,
-    colorCompoundBrandBackgroundHover: hcHighlight,
-    colorCompoundBrandBackgroundPressed: hcHighlight,
-    colorBrandBackgroundStatic: hcCanvas,
-    colorBrandBackground2: hcButtonFace,
-    colorNeutralStrokeAccessible: hcCanvasText,
-    colorNeutralStrokeAccessibleHover: hcHighlight,
-    colorNeutralStrokeAccessiblePressed: hcHighlight,
-    colorNeutralStrokeAccessibleSelected: hcHighlight,
-    colorNeutralStroke1: hcCanvasText,
-    colorNeutralStroke1Hover: hcHighlight,
-    colorNeutralStroke1Pressed: hcHighlight,
-    colorNeutralStroke1Selected: hcHighlight,
-    colorNeutralStroke2: hcCanvasText,
-    colorNeutralStroke3: hcCanvasText,
-    colorBrandStroke1: hcCanvasText,
-    colorBrandStroke2: hcCanvas,
-    colorCompoundBrandStroke: hcHighlight,
-    colorCompoundBrandStrokeHover: hcHighlight,
-    colorCompoundBrandStrokePressed: hcHighlight,
-    colorNeutralStrokeDisabled: hcDisabled,
-    colorTransparentStroke: hcCanvasText,
-    colorTransparentStrokeInteractive: hcHighlight,
-    colorTransparentStrokeDisabled: hcDisabled,
-    colorStrokeFocus1: hcCanvas,
-    colorStrokeFocus2: hcHighlight,
-    colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
-    colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
-    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
-    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
-    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
-    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
-    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-    colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+export const generateColorTokens = () => ({
+  colorNeutralForeground1: hcCanvasText,
+  colorNeutralForeground2: hcCanvasText,
+  colorNeutralForeground2Hover: hcHighlightText,
+  colorNeutralForeground2Pressed: hcHighlightText,
+  colorNeutralForeground2Selected: hcHighlightText,
+  colorNeutralForeground2BrandHover: hcHighlightText,
+  colorNeutralForeground2BrandPressed: hcHighlightText,
+  colorNeutralForeground2BrandSelected: hcHighlightText,
+  colorNeutralForeground3: hcCanvasText,
+  colorNeutralForeground3Hover: hcHighlightText,
+  colorNeutralForeground3Pressed: hcHighlightText,
+  colorNeutralForeground3Selected: hcHighlightText,
+  colorNeutralForeground3BrandHover: hcHighlightText,
+  colorNeutralForeground3BrandPressed: hcHighlightText,
+  colorNeutralForeground3BrandSelected: hcHighlightText,
+  colorNeutralForeground4: hcCanvasText,
+  colorNeutralForegroundDisabled: hcDisabled,
+  colorBrandForegroundLink: hcHyperlink,
+  colorBrandForegroundLinkHover: hcHyperlink,
+  colorBrandForegroundLinkPressed: hcHyperlink,
+  colorBrandForegroundLinkSelected: hcHyperlink,
+  colorCompoundBrandForeground1: hcHighlight,
+  colorCompoundBrandForeground1Hover: hcHighlight,
+  colorCompoundBrandForeground1Pressed: hcHighlight,
+  colorBrandForeground1: hcCanvasText,
+  colorBrandForeground2: hcButtonText,
+  colorNeutralForegroundInverted: hcCanvas,
+  colorNeutralForegroundOnBrand: hcButtonText,
+  colorNeutralForegroundInvertedLink: hcHyperlink,
+  colorNeutralForegroundInvertedLinkHover: hcHyperlink,
+  colorNeutralForegroundInvertedLinkPressed: hcHyperlink,
+  colorNeutralForegroundInvertedLinkSelected: hcHyperlink,
+  colorNeutralBackground1: hcCanvas,
+  colorNeutralBackground1Hover: hcHighlight,
+  colorNeutralBackground1Pressed: hcHighlight,
+  colorNeutralBackground1Selected: hcHighlight,
+  colorNeutralBackground2: hcCanvas,
+  colorNeutralBackground2Hover: hcHighlight,
+  colorNeutralBackground2Pressed: hcHighlight,
+  colorNeutralBackground2Selected: hcHighlight,
+  colorNeutralBackground3: hcCanvas,
+  colorNeutralBackground3Hover: hcHighlight,
+  colorNeutralBackground3Pressed: hcHighlight,
+  colorNeutralBackground3Selected: hcHighlight,
+  colorNeutralBackground4: hcCanvas,
+  colorNeutralBackground4Hover: hcHighlight,
+  colorNeutralBackground4Pressed: hcHighlight,
+  colorNeutralBackground4Selected: hcHighlight,
+  colorNeutralBackground5: hcCanvas,
+  colorNeutralBackground5Hover: hcHighlight,
+  colorNeutralBackground5Pressed: hcHighlight,
+  colorNeutralBackground5Selected: hcHighlight,
+  colorNeutralBackground6: hcCanvas,
+  colorNeutralBackgroundInverted: hcCanvasText,
+  colorSubtleBackground: 'transparent',
+  colorSubtleBackgroundHover: hcHighlight,
+  colorSubtleBackgroundPressed: hcHighlight,
+  colorSubtleBackgroundSelected: hcHighlight,
+  colorTransparentBackground: 'transparent',
+  colorTransparentBackgroundHover: hcHighlight,
+  colorTransparentBackgroundPressed: hcHighlight,
+  colorTransparentBackgroundSelected: hcHighlight,
+  colorNeutralBackgroundDisabled: hcCanvas,
+  colorNeutralStencil1: grey[8],
+  colorNeutralStencil2: grey[52],
+  colorBrandBackground: hcButtonFace,
+  colorBrandBackgroundHover: hcHighlight,
+  colorBrandBackgroundPressed: hcHighlight,
+  colorBrandBackgroundSelected: hcHighlight,
+  colorCompoundBrandBackground: hcHighlight,
+  colorCompoundBrandBackgroundHover: hcHighlight,
+  colorCompoundBrandBackgroundPressed: hcHighlight,
+  colorBrandBackgroundStatic: hcCanvas,
+  colorBrandBackground2: hcButtonFace,
+  colorNeutralStrokeAccessible: hcCanvasText,
+  colorNeutralStrokeAccessibleHover: hcHighlight,
+  colorNeutralStrokeAccessiblePressed: hcHighlight,
+  colorNeutralStrokeAccessibleSelected: hcHighlight,
+  colorNeutralStroke1: hcCanvasText,
+  colorNeutralStroke1Hover: hcHighlight,
+  colorNeutralStroke1Pressed: hcHighlight,
+  colorNeutralStroke1Selected: hcHighlight,
+  colorNeutralStroke2: hcCanvasText,
+  colorNeutralStroke3: hcCanvasText,
+  colorBrandStroke1: hcCanvasText,
+  colorBrandStroke2: hcCanvas,
+  colorCompoundBrandStroke: hcHighlight,
+  colorCompoundBrandStrokeHover: hcHighlight,
+  colorCompoundBrandStrokePressed: hcHighlight,
+  colorNeutralStrokeDisabled: hcDisabled,
+  colorTransparentStroke: hcCanvasText,
+  colorTransparentStrokeInteractive: hcHighlight,
+  colorTransparentStrokeDisabled: hcDisabled,
+  colorStrokeFocus1: hcCanvas,
+  colorStrokeFocus2: hcHighlight,
+  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+  colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+});
+export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
+  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+  const sharedColorTokens = {
+    [`colorPalette${color}Background1`]: white,
+    [`colorPalette${color}Background2`]: black,
+    [`colorPalette${color}Background3`]: white,
+    [`colorPalette${color}Foreground1`]: black,
+    [`colorPalette${color}Foreground2`]: white,
+    [`colorPalette${color}Foreground3`]: white,
+    [`colorPalette${color}BorderActive`]: hcHighlight,
+    [`colorPalette${color}Border2`]: white
   };
-};
-export var colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce(function (acc, sharedColor) {
-  var _a;
-
-  var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
-  var sharedColorTokens = (_a = {}, _a["colorPalette" + color + "Background1"] = white, _a["colorPalette" + color + "Background2"] = black, _a["colorPalette" + color + "Background3"] = white, _a["colorPalette" + color + "Foreground1"] = black, _a["colorPalette" + color + "Foreground2"] = white, _a["colorPalette" + color + "Foreground3"] = white, _a["colorPalette" + color + "BorderActive"] = hcHighlight, _a["colorPalette" + color + "Border2"] = white, _a);
-  return __assign(__assign({}, acc), sharedColorTokens);
+  return { ...acc,
+    ...sharedColorTokens
+  };
 }, {});
 //# sourceMappingURL=highContrast.js.map

lib/alias/light.js

@@ -1,117 +0,123 @@
-import { __assign } from "tslib";
 import { black, grey, white, sharedColors } from '../global/colors';
-export var generateColorTokens = function (brand) {
-  return {
-    colorNeutralForeground1: grey[14],
-    colorNeutralForeground2: grey[26],
-    colorNeutralForeground2Hover: grey[14],
-    colorNeutralForeground2Pressed: grey[14],
-    colorNeutralForeground2Selected: grey[14],
-    colorNeutralForeground2BrandHover: brand.primary,
-    colorNeutralForeground2BrandPressed: brand.shade10,
-    colorNeutralForeground2BrandSelected: brand.primary,
-    colorNeutralForeground3: grey[38],
-    colorNeutralForeground3Hover: grey[26],
-    colorNeutralForeground3Pressed: grey[26],
-    colorNeutralForeground3Selected: grey[26],
-    colorNeutralForeground3BrandHover: brand.primary,
-    colorNeutralForeground3BrandPressed: brand.shade10,
-    colorNeutralForeground3BrandSelected: brand.primary,
-    colorNeutralForeground4: grey[44],
-    colorNeutralForegroundDisabled: grey[74],
-    colorBrandForegroundLink: brand.shade10,
-    colorBrandForegroundLinkHover: brand.shade20,
-    colorBrandForegroundLinkPressed: brand.shade40,
-    colorBrandForegroundLinkSelected: brand.shade10,
-    colorCompoundBrandForeground1: brand.primary,
-    colorCompoundBrandForeground1Hover: brand.shade10,
-    colorCompoundBrandForeground1Pressed: brand.shade20,
-    colorBrandForeground1: brand.primary,
-    colorBrandForeground2: brand.shade10,
-    colorNeutralForegroundInverted: white,
-    colorNeutralForegroundOnBrand: white,
-    colorNeutralForegroundInvertedLink: white,
-    colorNeutralForegroundInvertedLinkHover: white,
-    colorNeutralForegroundInvertedLinkPressed: white,
-    colorNeutralForegroundInvertedLinkSelected: white,
-    colorNeutralBackground1: white,
-    colorNeutralBackground1Hover: grey[96],
-    colorNeutralBackground1Pressed: grey[88],
-    colorNeutralBackground1Selected: grey[92],
-    colorNeutralBackground2: grey[98],
-    colorNeutralBackground2Hover: grey[94],
-    colorNeutralBackground2Pressed: grey[86],
-    colorNeutralBackground2Selected: grey[90],
-    colorNeutralBackground3: grey[96],
-    colorNeutralBackground3Hover: grey[92],
-    colorNeutralBackground3Pressed: grey[84],
-    colorNeutralBackground3Selected: grey[88],
-    colorNeutralBackground4: grey[94],
-    colorNeutralBackground4Hover: grey[98],
-    colorNeutralBackground4Pressed: grey[96],
-    colorNeutralBackground4Selected: white,
-    colorNeutralBackground5: grey[92],
-    colorNeutralBackground5Hover: grey[96],
-    colorNeutralBackground5Pressed: grey[94],
-    colorNeutralBackground5Selected: grey[98],
-    colorNeutralBackground6: grey[90],
-    colorNeutralBackgroundInverted: grey[38],
-    colorSubtleBackground: 'transparent',
-    colorSubtleBackgroundHover: grey[96],
-    colorSubtleBackgroundPressed: grey[88],
-    colorSubtleBackgroundSelected: grey[92],
-    colorTransparentBackground: 'transparent',
-    colorTransparentBackgroundHover: 'transparent',
-    colorTransparentBackgroundPressed: 'transparent',
-    colorTransparentBackgroundSelected: 'transparent',
-    colorNeutralBackgroundDisabled: grey[94],
-    colorNeutralStencil1: grey[90],
-    colorNeutralStencil2: grey[98],
-    colorBrandBackground: brand.primary,
-    colorBrandBackgroundHover: brand.shade10,
-    colorBrandBackgroundPressed: brand.shade40,
-    colorBrandBackgroundSelected: brand.shade20,
-    colorCompoundBrandBackground: brand.primary,
-    colorCompoundBrandBackgroundHover: brand.shade10,
-    colorCompoundBrandBackgroundPressed: brand.shade20,
-    colorBrandBackgroundStatic: brand.primary,
-    colorBrandBackground2: brand.tint60,
-    colorNeutralStrokeAccessible: grey[38],
-    colorNeutralStrokeAccessibleHover: grey[34],
-    colorNeutralStrokeAccessiblePressed: grey[30],
-    colorNeutralStrokeAccessibleSelected: brand.primary,
-    colorNeutralStroke1: grey[82],
-    colorNeutralStroke1Hover: grey[78],
-    colorNeutralStroke1Pressed: grey[70],
-    colorNeutralStroke1Selected: grey[74],
-    colorNeutralStroke2: grey[88],
-    colorNeutralStroke3: grey[94],
-    colorBrandStroke1: brand.primary,
-    colorBrandStroke2: brand.tint40,
-    colorCompoundBrandStroke: brand.primary,
-    colorCompoundBrandStrokeHover: brand.shade10,
-    colorCompoundBrandStrokePressed: brand.shade20,
-    colorNeutralStrokeDisabled: grey[88],
-    colorTransparentStroke: 'transparent',
-    colorTransparentStrokeInteractive: 'transparent',
-    colorTransparentStrokeDisabled: 'transparent',
-    colorStrokeFocus1: white,
-    colorStrokeFocus2: black,
-    colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
-    colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
-    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
-    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
-    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
-    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
-    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-    colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+export const generateColorTokens = brand => ({
+  colorNeutralForeground1: grey[14],
+  colorNeutralForeground2: grey[26],
+  colorNeutralForeground2Hover: grey[14],
+  colorNeutralForeground2Pressed: grey[14],
+  colorNeutralForeground2Selected: grey[14],
+  colorNeutralForeground2BrandHover: brand.primary,
+  colorNeutralForeground2BrandPressed: brand.shade10,
+  colorNeutralForeground2BrandSelected: brand.primary,
+  colorNeutralForeground3: grey[38],
+  colorNeutralForeground3Hover: grey[26],
+  colorNeutralForeground3Pressed: grey[26],
+  colorNeutralForeground3Selected: grey[26],
+  colorNeutralForeground3BrandHover: brand.primary,
+  colorNeutralForeground3BrandPressed: brand.shade10,
+  colorNeutralForeground3BrandSelected: brand.primary,
+  colorNeutralForeground4: grey[44],
+  colorNeutralForegroundDisabled: grey[74],
+  colorBrandForegroundLink: brand.shade10,
+  colorBrandForegroundLinkHover: brand.shade20,
+  colorBrandForegroundLinkPressed: brand.shade40,
+  colorBrandForegroundLinkSelected: brand.shade10,
+  colorCompoundBrandForeground1: brand.primary,
+  colorCompoundBrandForeground1Hover: brand.shade10,
+  colorCompoundBrandForeground1Pressed: brand.shade20,
+  colorBrandForeground1: brand.primary,
+  colorBrandForeground2: brand.shade10,
+  colorNeutralForegroundInverted: white,
+  colorNeutralForegroundOnBrand: white,
+  colorNeutralForegroundInvertedLink: white,
+  colorNeutralForegroundInvertedLinkHover: white,
+  colorNeutralForegroundInvertedLinkPressed: white,
+  colorNeutralForegroundInvertedLinkSelected: white,
+  colorNeutralBackground1: white,
+  colorNeutralBackground1Hover: grey[96],
+  colorNeutralBackground1Pressed: grey[88],
+  colorNeutralBackground1Selected: grey[92],
+  colorNeutralBackground2: grey[98],
+  colorNeutralBackground2Hover: grey[94],
+  colorNeutralBackground2Pressed: grey[86],
+  colorNeutralBackground2Selected: grey[90],
+  colorNeutralBackground3: grey[96],
+  colorNeutralBackground3Hover: grey[92],
+  colorNeutralBackground3Pressed: grey[84],
+  colorNeutralBackground3Selected: grey[88],
+  colorNeutralBackground4: grey[94],
+  colorNeutralBackground4Hover: grey[98],
+  colorNeutralBackground4Pressed: grey[96],
+  colorNeutralBackground4Selected: white,
+  colorNeutralBackground5: grey[92],
+  colorNeutralBackground5Hover: grey[96],
+  colorNeutralBackground5Pressed: grey[94],
+  colorNeutralBackground5Selected: grey[98],
+  colorNeutralBackground6: grey[90],
+  colorNeutralBackgroundInverted: grey[38],
+  colorSubtleBackground: 'transparent',
+  colorSubtleBackgroundHover: grey[96],
+  colorSubtleBackgroundPressed: grey[88],
+  colorSubtleBackgroundSelected: grey[92],
+  colorTransparentBackground: 'transparent',
+  colorTransparentBackgroundHover: 'transparent',
+  colorTransparentBackgroundPressed: 'transparent',
+  colorTransparentBackgroundSelected: 'transparent',
+  colorNeutralBackgroundDisabled: grey[94],
+  colorNeutralStencil1: grey[90],
+  colorNeutralStencil2: grey[98],
+  colorBrandBackground: brand.primary,
+  colorBrandBackgroundHover: brand.shade10,
+  colorBrandBackgroundPressed: brand.shade40,
+  colorBrandBackgroundSelected: brand.shade20,
+  colorCompoundBrandBackground: brand.primary,
+  colorCompoundBrandBackgroundHover: brand.shade10,
+  colorCompoundBrandBackgroundPressed: brand.shade20,
+  colorBrandBackgroundStatic: brand.primary,
+  colorBrandBackground2: brand.tint60,
+  colorNeutralStrokeAccessible: grey[38],
+  colorNeutralStrokeAccessibleHover: grey[34],
+  colorNeutralStrokeAccessiblePressed: grey[30],
+  colorNeutralStrokeAccessibleSelected: brand.primary,
+  colorNeutralStroke1: grey[82],
+  colorNeutralStroke1Hover: grey[78],
+  colorNeutralStroke1Pressed: grey[70],
+  colorNeutralStroke1Selected: grey[74],
+  colorNeutralStroke2: grey[88],
+  colorNeutralStroke3: grey[94],
+  colorBrandStroke1: brand.primary,
+  colorBrandStroke2: brand.tint40,
+  colorCompoundBrandStroke: brand.primary,
+  colorCompoundBrandStrokeHover: brand.shade10,
+  colorCompoundBrandStrokePressed: brand.shade20,
+  colorNeutralStrokeDisabled: grey[88],
+  colorTransparentStroke: 'transparent',
+  colorTransparentStrokeInteractive: 'transparent',
+  colorTransparentStrokeDisabled: 'transparent',
+  colorStrokeFocus1: white,
+  colorStrokeFocus2: black,
+  colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
+  colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
+  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
+  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
+  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
+  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
+  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+});
+export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
+  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+  const sharedColorTokens = {
+    [`colorPalette${color}Background1`]: sharedColors[sharedColor].tint60,
+    [`colorPalette${color}Background2`]: sharedColors[sharedColor].tint40,
+    [`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,
+    [`colorPalette${color}Foreground1`]: sharedColors[sharedColor].shade10,
+    [`colorPalette${color}Foreground2`]: sharedColors[sharedColor].shade30,
+    [`colorPalette${color}Foreground3`]: sharedColors[sharedColor].primary,
+    [`colorPalette${color}BorderActive`]: sharedColors[sharedColor].primary,
+    [`colorPalette${color}Border2`]: sharedColors[sharedColor].primary
   };
-};
-export var colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce(function (acc, sharedColor) {
-  var _a;
-
-  var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
-  var sharedColorTokens = (_a = {}, _a["colorPalette" + color + "Background1"] = sharedColors[sharedColor].tint60, _a["colorPalette" + color + "Background2"] = sharedColors[sharedColor].tint40, _a["colorPalette" + color + "Background3"] = sharedColors[sharedColor].primary, _a["colorPalette" + color + "Foreground1"] = sharedColors[sharedColor].shade10, _a["colorPalette" + color + "Foreground2"] = sharedColors[sharedColor].shade30, _a["colorPalette" + color + "Foreground3"] = sharedColors[sharedColor].primary, _a["colorPalette" + color + "BorderActive"] = sharedColors[sharedColor].primary, _a["colorPalette" + color + "Border2"] = sharedColors[sharedColor].primary, _a);
-  return __assign(__assign({}, acc), sharedColorTokens);
+  return { ...acc,
+    ...sharedColorTokens
+  };
 }, {});
 //# sourceMappingURL=light.js.map

lib/alias/teamsDark.js

@@ -1,117 +0,123 @@
-import { __assign } from "tslib";
 import { black, grey, white, sharedColors } from '../global/colors';
-export var generateColorTokens = function (brand) {
-  return {
-    colorNeutralForeground1: white,
-    colorNeutralForeground2: grey[84],
-    colorNeutralForeground2Hover: white,
-    colorNeutralForeground2Pressed: white,
-    colorNeutralForeground2Selected: white,
-    colorNeutralForeground2BrandHover: brand.tint20,
-    colorNeutralForeground2BrandPressed: brand.tint10,
-    colorNeutralForeground2BrandSelected: brand.tint20,
-    colorNeutralForeground3: grey[68],
-    colorNeutralForeground3Hover: grey[84],
-    colorNeutralForeground3Pressed: grey[84],
-    colorNeutralForeground3Selected: grey[84],
-    colorNeutralForeground3BrandHover: brand.tint20,
-    colorNeutralForeground3BrandPressed: brand.tint10,
-    colorNeutralForeground3BrandSelected: brand.tint20,
-    colorNeutralForeground4: grey[60],
-    colorNeutralForegroundDisabled: grey[36],
-    colorBrandForegroundLink: brand.tint10,
-    colorBrandForegroundLinkHover: brand.tint30,
-    colorBrandForegroundLinkPressed: brand.tint20,
-    colorBrandForegroundLinkSelected: brand.tint10,
-    colorCompoundBrandForeground1: brand.tint10,
-    colorCompoundBrandForeground1Hover: brand.tint20,
-    colorCompoundBrandForeground1Pressed: brand.primary,
-    colorBrandForeground1: brand.tint20,
-    colorBrandForeground2: brand.tint30,
-    colorNeutralForegroundInverted: white,
-    colorNeutralForegroundOnBrand: white,
-    colorNeutralForegroundInvertedLink: white,
-    colorNeutralForegroundInvertedLinkHover: white,
-    colorNeutralForegroundInvertedLinkPressed: white,
-    colorNeutralForegroundInvertedLinkSelected: white,
-    colorNeutralBackground1: grey[16],
-    colorNeutralBackground1Hover: grey[24],
-    colorNeutralBackground1Pressed: grey[12],
-    colorNeutralBackground1Selected: grey[22],
-    colorNeutralBackground2: grey[14],
-    colorNeutralBackground2Hover: grey[22],
-    colorNeutralBackground2Pressed: grey[10],
-    colorNeutralBackground2Selected: grey[20],
-    colorNeutralBackground3: grey[12],
-    colorNeutralBackground3Hover: grey[20],
-    colorNeutralBackground3Pressed: grey[8],
-    colorNeutralBackground3Selected: grey[18],
-    colorNeutralBackground4: grey[8],
-    colorNeutralBackground4Hover: grey[16],
-    colorNeutralBackground4Pressed: grey[4],
-    colorNeutralBackground4Selected: grey[14],
-    colorNeutralBackground5: grey[4],
-    colorNeutralBackground5Hover: grey[12],
-    colorNeutralBackground5Pressed: black,
-    colorNeutralBackground5Selected: grey[10],
-    colorNeutralBackground6: grey[20],
-    colorNeutralBackgroundInverted: white,
-    colorSubtleBackground: 'transparent',
-    colorSubtleBackgroundHover: grey[22],
-    colorSubtleBackgroundPressed: grey[18],
-    colorSubtleBackgroundSelected: grey[20],
-    colorTransparentBackground: 'transparent',
-    colorTransparentBackgroundHover: 'transparent',
-    colorTransparentBackgroundPressed: 'transparent',
-    colorTransparentBackgroundSelected: 'transparent',
-    colorNeutralBackgroundDisabled: grey[8],
-    colorNeutralStencil1: grey[20],
-    colorNeutralStencil2: grey[34],
-    colorBrandBackground: brand.shade10,
-    colorBrandBackgroundHover: brand.primary,
-    colorBrandBackgroundPressed: brand.shade40,
-    colorBrandBackgroundSelected: brand.shade20,
-    colorCompoundBrandBackground: brand.tint10,
-    colorCompoundBrandBackgroundHover: brand.tint20,
-    colorCompoundBrandBackgroundPressed: brand.primary,
-    colorBrandBackgroundStatic: brand.primary,
-    colorBrandBackground2: brand.shade40,
-    colorNeutralStrokeAccessible: grey[68],
-    colorNeutralStrokeAccessibleHover: grey[74],
-    colorNeutralStrokeAccessiblePressed: grey[70],
-    colorNeutralStrokeAccessibleSelected: brand.tint20,
-    colorNeutralStroke1: grey[40],
-    colorNeutralStroke1Hover: grey[46],
-    colorNeutralStroke1Pressed: grey[42],
-    colorNeutralStroke1Selected: grey[44],
-    colorNeutralStroke2: grey[32],
-    colorNeutralStroke3: grey[24],
-    colorBrandStroke1: brand.tint10,
-    colorBrandStroke2: brand.shade30,
-    colorCompoundBrandStroke: brand.tint10,
-    colorCompoundBrandStrokeHover: brand.tint20,
-    colorCompoundBrandStrokePressed: brand.primary,
-    colorNeutralStrokeDisabled: grey[26],
-    colorTransparentStroke: 'transparent',
-    colorTransparentStrokeInteractive: 'transparent',
-    colorTransparentStrokeDisabled: 'transparent',
-    colorStrokeFocus1: black,
-    colorStrokeFocus2: white,
-    colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
-    colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
-    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
-    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
-    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
-    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
-    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
-    colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+export const generateColorTokens = brand => ({
+  colorNeutralForeground1: white,
+  colorNeutralForeground2: grey[84],
+  colorNeutralForeground2Hover: white,
+  colorNeutralForeground2Pressed: white,
+  colorNeutralForeground2Selected: white,
+  colorNeutralForeground2BrandHover: brand.tint20,
+  colorNeutralForeground2BrandPressed: brand.tint10,
+  colorNeutralForeground2BrandSelected: brand.tint20,
+  colorNeutralForeground3: grey[68],
+  colorNeutralForeground3Hover: grey[84],
+  colorNeutralForeground3Pressed: grey[84],
+  colorNeutralForeground3Selected: grey[84],
+  colorNeutralForeground3BrandHover: brand.tint20,
+  colorNeutralForeground3BrandPressed: brand.tint10,
+  colorNeutralForeground3BrandSelected: brand.tint20,
+  colorNeutralForeground4: grey[60],
+  colorNeutralForegroundDisabled: grey[36],
+  colorBrandForegroundLink: brand.tint10,
+  colorBrandForegroundLinkHover: brand.tint30,
+  colorBrandForegroundLinkPressed: brand.tint20,
+  colorBrandForegroundLinkSelected: brand.tint10,
+  colorCompoundBrandForeground1: brand.tint10,
+  colorCompoundBrandForeground1Hover: brand.tint20,
+  colorCompoundBrandForeground1Pressed: brand.primary,
+  colorBrandForeground1: brand.tint20,
+  colorBrandForeground2: brand.tint30,
+  colorNeutralForegroundInverted: white,
+  colorNeutralForegroundOnBrand: white,
+  colorNeutralForegroundInvertedLink: white,
+  colorNeutralForegroundInvertedLinkHover: white,
+  colorNeutralForegroundInvertedLinkPressed: white,
+  colorNeutralForegroundInvertedLinkSelected: white,
+  colorNeutralBackground1: grey[16],
+  colorNeutralBackground1Hover: grey[24],
+  colorNeutralBackground1Pressed: grey[12],
+  colorNeutralBackground1Selected: grey[22],
+  colorNeutralBackground2: grey[14],
+  colorNeutralBackground2Hover: grey[22],
+  colorNeutralBackground2Pressed: grey[10],
+  colorNeutralBackground2Selected: grey[20],
+  colorNeutralBackground3: grey[12],
+  colorNeutralBackground3Hover: grey[20],
+  colorNeutralBackground3Pressed: grey[8],
+  colorNeutralBackground3Selected: grey[18],
+  colorNeutralBackground4: grey[8],
+  colorNeutralBackground4Hover: grey[16],
+  colorNeutralBackground4Pressed: grey[4],
+  colorNeutralBackground4Selected: grey[14],
+  colorNeutralBackground5: grey[4],
+  colorNeutralBackground5Hover: grey[12],
+  colorNeutralBackground5Pressed: black,
+  colorNeutralBackground5Selected: grey[10],
+  colorNeutralBackground6: grey[20],
+  colorNeutralBackgroundInverted: white,
+  colorSubtleBackground: 'transparent',
+  colorSubtleBackgroundHover: grey[22],
+  colorSubtleBackgroundPressed: grey[18],
+  colorSubtleBackgroundSelected: grey[20],
+  colorTransparentBackground: 'transparent',
+  colorTransparentBackgroundHover: 'transparent',
+  colorTransparentBackgroundPressed: 'transparent',
+  colorTransparentBackgroundSelected: 'transparent',
+  colorNeutralBackgroundDisabled: grey[8],
+  colorNeutralStencil1: grey[20],
+  colorNeutralStencil2: grey[34],
+  colorBrandBackground: brand.shade10,
+  colorBrandBackgroundHover: brand.primary,
+  colorBrandBackgroundPressed: brand.shade40,
+  colorBrandBackgroundSelected: brand.shade20,
+  colorCompoundBrandBackground: brand.tint10,
+  colorCompoundBrandBackgroundHover: brand.tint20,
+  colorCompoundBrandBackgroundPressed: brand.primary,
+  colorBrandBackgroundStatic: brand.primary,
+  colorBrandBackground2: brand.shade40,
+  colorNeutralStrokeAccessible: grey[68],
+  colorNeutralStrokeAccessibleHover: grey[74],
+  colorNeutralStrokeAccessiblePressed: grey[70],
+  colorNeutralStrokeAccessibleSelected: brand.tint20,
+  colorNeutralStroke1: grey[40],
+  colorNeutralStroke1Hover: grey[46],
+  colorNeutralStroke1Pressed: grey[42],
+  colorNeutralStroke1Selected: grey[44],
+  colorNeutralStroke2: grey[32],
+  colorNeutralStroke3: grey[24],
+  colorBrandStroke1: brand.tint10,
+  colorBrandStroke2: brand.shade30,
+  colorCompoundBrandStroke: brand.tint10,
+  colorCompoundBrandStrokeHover: brand.tint20,
+  colorCompoundBrandStrokePressed: brand.primary,
+  colorNeutralStrokeDisabled: grey[26],
+  colorTransparentStroke: 'transparent',
+  colorTransparentStrokeInteractive: 'transparent',
+  colorTransparentStrokeDisabled: 'transparent',
+  colorStrokeFocus1: black,
+  colorStrokeFocus2: white,
+  colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
+  colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
+  colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
+  colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
+  colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
+  colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
+  colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+  colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+});
+export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
+  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
+  const sharedColorTokens = {
+    [`colorPalette${color}Background1`]: sharedColors[sharedColor].shade40,
+    [`colorPalette${color}Background2`]: sharedColors[sharedColor].shade30,
+    [`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,
+    [`colorPalette${color}Foreground1`]: sharedColors[sharedColor].tint30,
+    [`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,
+    [`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,
+    [`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,
+    [`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20
   };
-};
-export var colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce(function (acc, sharedColor) {
-  var _a;
-
-  var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
-  var sharedColorTokens = (_a = {}, _a["colorPalette" + color + "Background1"] = sharedColors[sharedColor].shade40, _a["colorPalette" + color + "Background2"] = sharedColors[sharedColor].shade30, _a["colorPalette" + color + "Background3"] = sharedColors[sharedColor].primary, _a["colorPalette" + color + "Foreground1"] = sharedColors[sharedColor].tint30, _a["colorPalette" + color + "Foreground2"] = sharedColors[sharedColor].tint40, _a["colorPalette" + color + "Foreground3"] = sharedColors[sharedColor].tint20, _a["colorPalette" + color + "BorderActive"] = sharedColors[sharedColor].tint30, _a["colorPalette" + color + "Border2"] = sharedColors[sharedColor].tint20, _a);
-  return __assign(__assign({}, acc), sharedColorTokens);
+  return { ...acc,
+    ...sharedColorTokens
+  };
 }, {});
 //# sourceMappingURL=teamsDark.js.map

lib/global/borderRadius.js

@@ -1,2 +0,2 @@
-export var borderRadius = {
+export const borderRadius = {
   borderRadiusNone: '0',
@@ -3,0 +3,0 @@ borderRadiusSmall: '2px',

lib/global/brandColors.js

 // TODO: values should be set per product theme
-export var brandWeb = {
+export const brandWeb = {
   shade60: '#092C47',
@@ -18,3 +18,3 @@ shade50: '#043862',
 
-export var brandTeams = {
+export const brandTeams = {
   shade60: '#323348',
@@ -21,0 +21,0 @@ shade50: '#393b5d',

lib/global/colors.js

@@ -1,2 +0,2 @@
-export var grey = {
+export const grey = {
   '0': '#000000',
@@ -54,5 +54,5 @@ '2': '#050505',
 };
-export var white = '#ffffff';
-export var black = '#000000';
-export var whiteAlpha = {
+export const white = '#ffffff';
+export const black = '#000000';
+export const whiteAlpha = {
   '5': 'rgba(255, 255, 255, 0.05)',
@@ -69,3 +69,3 @@ '10': 'rgba(255, 255, 255, 0.1)',
 };
-export var blackAlpha = {
+export const blackAlpha = {
   '5': 'rgba(0, 0, 0, 0.05)',
@@ -82,11 +82,11 @@ '10': 'rgba(0, 0, 0, 0.1)',
 };
-export var hcHyperlink = '#ffff00';
-export var hcHighlight = '#1aebff';
-export var hcDisabled = '#3ff23f';
-export var hcCanvas = '#000000';
-export var hcCanvasText = '#ffffff';
-export var hcHighlightText = '#000000';
-export var hcButtonText = '#000000';
-export var hcButtonFace = '#ffffff';
-var darkRed = {
+export const hcHyperlink = '#ffff00';
+export const hcHighlight = '#1aebff';
+export const hcDisabled = '#3ff23f';
+export const hcCanvas = '#000000';
+export const hcCanvasText = '#ffffff';
+export const hcHighlightText = '#000000';
+export const hcButtonText = '#000000';
+export const hcButtonFace = '#ffffff';
+const darkRed = {
   shade50: '#130204',
@@ -105,3 +105,3 @@ shade40: '#230308',
 };
-var burgundy = {
+const burgundy = {
   shade50: '#1a0607',
@@ -120,3 +120,3 @@ shade40: '#310b0d',
 };
-var cranberry = {
+const cranberry = {
   shade50: '#200205',
@@ -135,3 +135,3 @@ shade40: '#3b0509',
 };
-var red = {
+const red = {
   shade50: '#210809',
@@ -150,3 +150,3 @@ shade40: '#3f1011',
 };
-var darkOrange = {
+const darkOrange = {
   shade50: '#230900',
@@ -165,3 +165,3 @@ shade40: '#411200',
 };
-var bronze = {
+const bronze = {
   shade50: '#1b0a01',
@@ -180,3 +180,3 @@ shade40: '#321303',
 };
-var pumpkin = {
+const pumpkin = {
   shade50: '#200d03',
@@ -195,3 +195,3 @@ shade40: '#3d1805',
 };
-var orange = {
+const orange = {
   shade50: '#271002',
@@ -210,3 +210,3 @@ shade40: '#4a1e04',
 };
-var peach = {
+const peach = {
   shade50: '#291600',
@@ -225,3 +225,3 @@ shade40: '#4d2a00',
 };
-var marigold = {
+const marigold = {
   shade50: '#251a00',
@@ -240,3 +240,3 @@ shade40: '#463100',
 };
-var yellow = {
+const yellow = {
   shade50: '#282400',
@@ -255,3 +255,3 @@ shade40: '#4c4400',
 };
-var gold = {
+const gold = {
   shade50: '#1f1900',
@@ -270,3 +270,3 @@ shade40: '#3a2f00',
 };
-var brass = {
+const brass = {
   shade50: '#181202',
@@ -285,3 +285,3 @@ shade40: '#2e2103',
 };
-var brown = {
+const brown = {
   shade50: '#170e07',
@@ -300,3 +300,3 @@ shade40: '#2b1a0e',
 };
-var darkBrown = {
+const darkBrown = {
   shade50: '#0c0704',
@@ -315,3 +315,3 @@ shade40: '#170c08',
 };
-var lime = {
+const lime = {
   shade50: '#121b06',
@@ -330,3 +330,3 @@ shade40: '#23330b',
 };
-var forest = {
+const forest = {
   shade50: '#0c1501',
@@ -345,3 +345,3 @@ shade40: '#162702',
 };
-var seafoam = {
+const seafoam = {
   shade50: '#002111',
@@ -360,3 +360,3 @@ shade40: '#003d20',
 };
-var lightGreen = {
+const lightGreen = {
   shade50: '#031a02',
@@ -375,3 +375,3 @@ shade40: '#063004',
 };
-var green = {
+const green = {
   shade50: '#031403',
@@ -390,3 +390,3 @@ shade40: '#052505',
 };
-var darkGreen = {
+const darkGreen = {
   shade50: '#021102',
@@ -405,3 +405,3 @@ shade40: '#032003',
 };
-var lightTeal = {
+const lightTeal = {
   shade50: '#001d1f',
@@ -420,3 +420,3 @@ shade40: '#00373a',
 };
-var teal = {
+const teal = {
   shade50: '#001516',
@@ -435,3 +435,3 @@ shade40: '#012728',
 };
-var darkTeal = {
+const darkTeal = {
   shade50: '#001010',
@@ -450,3 +450,3 @@ shade40: '#001f1f',
 };
-var cyan = {
+const cyan = {
   shade50: '#00181e',
@@ -465,3 +465,3 @@ shade40: '#002e38',
 };
-var steel = {
+const steel = {
   shade50: '#000f12',
@@ -480,3 +480,3 @@ shade40: '#001b22',
 };
-var lightBlue = {
+const lightBlue = {
   shade50: '#091823',
@@ -495,3 +495,3 @@ shade40: '#112d42',
 };
-var blue = {
+const blue = {
   shade50: '#001322',
@@ -510,3 +510,3 @@ shade40: '#002440',
 };
-var royalBlue = {
+const royalBlue = {
   shade50: '#000c16',
@@ -525,3 +525,3 @@ shade40: '#00172a',
 };
-var darkBlue = {
+const darkBlue = {
   shade50: '#000910',
@@ -540,3 +540,3 @@ shade40: '#00111f',
 };
-var cornflower = {
+const cornflower = {
   shade50: '#0d1126',
@@ -555,3 +555,3 @@ shade40: '#182047',
 };
-var navy = {
+const navy = {
   shade50: '#00061d',
@@ -570,3 +570,3 @@ shade40: '#000c36',
 };
-var lavender = {
+const lavender = {
   shade50: '#120f25',
@@ -585,3 +585,3 @@ shade40: '#221d46',
 };
-var purple = {
+const purple = {
   shade50: '#0f0717',
@@ -600,3 +600,3 @@ shade40: '#1c0e2b',
 };
-var darkPurple = {
+const darkPurple = {
   shade50: '#0a0411',
@@ -615,3 +615,3 @@ shade40: '#130820',
 };
-var orchid = {
+const orchid = {
   shade50: '#16101d',
@@ -630,3 +630,3 @@ shade40: '#281e37',
 };
-var grape = {
+const grape = {
   shade50: '#160418',
@@ -645,3 +645,3 @@ shade40: '#29072e',
 };
-var berry = {
+const berry = {
   shade50: '#1f091d',
@@ -660,3 +660,3 @@ shade40: '#3a1136',
 };
-var lilac = {
+const lilac = {
   shade50: '#1c0b1f',
@@ -675,3 +675,3 @@ shade40: '#35153a',
 };
-var pink = {
+const pink = {
   shade50: '#24091b',
@@ -690,3 +690,3 @@ shade40: '#441232',
 };
-var hotPink = {
+const hotPink = {
   shade50: '#240016',
@@ -705,3 +705,3 @@ shade40: '#44002a',
 };
-var magenta = {
+const magenta = {
   shade50: '#1f0013',
@@ -720,3 +720,3 @@ shade40: '#390024',
 };
-var plum = {
+const plum = {
   shade50: '#13000c',
@@ -735,3 +735,3 @@ shade40: '#240017',
 };
-var beige = {
+const beige = {
   shade50: '#141313',
@@ -750,3 +750,3 @@ shade40: '#252323',
 };
-var mink = {
+const mink = {
   shade50: '#0f0e0e',
@@ -765,3 +765,3 @@ shade40: '#1c1b1a',
 };
-var silver = {
+const silver = {
   shade50: '#151818',
@@ -780,3 +780,3 @@ shade40: '#282d2e',
 };
-var platinum = {
+const platinum = {
   shade50: '#111314',
@@ -795,3 +795,3 @@ shade40: '#1f2426',
 };
-var anchor = {
+const anchor = {
   shade50: '#090a0b',
@@ -810,3 +810,3 @@ shade40: '#111315',
 };
-var charcoal = {
+const charcoal = {
   shade50: '#130204',
@@ -825,53 +825,53 @@ shade40: '#230308',
 };
-export var sharedColors = {
-  darkRed: darkRed,
-  burgundy: burgundy,
-  cranberry: cranberry,
-  red: red,
-  darkOrange: darkOrange,
-  bronze: bronze,
-  pumpkin: pumpkin,
-  orange: orange,
-  peach: peach,
-  marigold: marigold,
-  yellow: yellow,
-  gold: gold,
-  brass: brass,
-  brown: brown,
-  darkBrown: darkBrown,
-  lime: lime,
-  forest: forest,
-  seafoam: seafoam,
-  lightGreen: lightGreen,
-  green: green,
-  darkGreen: darkGreen,
-  lightTeal: lightTeal,
-  teal: teal,
-  darkTeal: darkTeal,
-  cyan: cyan,
-  steel: steel,
-  lightBlue: lightBlue,
-  blue: blue,
-  royalBlue: royalBlue,
-  darkBlue: darkBlue,
-  cornflower: cornflower,
-  navy: navy,
-  lavender: lavender,
-  purple: purple,
-  darkPurple: darkPurple,
-  orchid: orchid,
-  grape: grape,
-  berry: berry,
-  lilac: lilac,
-  pink: pink,
-  hotPink: hotPink,
-  magenta: magenta,
-  plum: plum,
-  beige: beige,
-  mink: mink,
-  silver: silver,
-  platinum: platinum,
-  anchor: anchor,
-  charcoal: charcoal
+export const sharedColors = {
+  darkRed,
+  burgundy,
+  cranberry,
+  red,
+  darkOrange,
+  bronze,
+  pumpkin,
+  orange,
+  peach,
+  marigold,
+  yellow,
+  gold,
+  brass,
+  brown,
+  darkBrown,
+  lime,
+  forest,
+  seafoam,
+  lightGreen,
+  green,
+  darkGreen,
+  lightTeal,
+  teal,
+  darkTeal,
+  cyan,
+  steel,
+  lightBlue,
+  blue,
+  royalBlue,
+  darkBlue,
+  cornflower,
+  navy,
+  lavender,
+  purple,
+  darkPurple,
+  orchid,
+  grape,
+  berry,
+  lilac,
+  pink,
+  hotPink,
+  magenta,
+  plum,
+  beige,
+  mink,
+  silver,
+  platinum,
+  anchor,
+  charcoal
 };
 //# sourceMappingURL=colors.js.map

lib/global/fonts.js

@@ -1,2 +0,2 @@
-export var fontSizes = {
+export const fontSizes = {
   fontSizeBase100: '10px',
@@ -13,3 +13,3 @@ fontSizeBase200: '12px',
 };
-export var lineHeights = {
+export const lineHeights = {
   lineHeightBase100: '14px',
@@ -26,3 +26,3 @@ lineHeightBase200: '16px',
 };
-export var fontWeights = {
+export const fontWeights = {
   fontWeightRegular: 400,
@@ -32,3 +32,3 @@ fontWeightMedium: 500,
 };
-export var fontFamilies = {
+export const fontFamilies = {
   fontFamilyBase: // eslint-disable-next-line @fluentui/max-len
@@ -35,0 +35,0 @@ "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",

lib/global/strokeWidths.js

@@ -1,2 +0,2 @@
-export var strokeWidths = {
+export const strokeWidths = {
   strokeWidthThin: '1px',
@@ -3,0 +3,0 @@ strokeWidthThick: '2px',

lib/themes/teams/darkTheme.js

 import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';
 import { brandTeams } from '../../global/brandColors';
-export var teamsDarkTheme = /*#__PURE__*/createTeamsDarkTheme(brandTeams);
+export const teamsDarkTheme = /*#__PURE__*/createTeamsDarkTheme(brandTeams);
 //# sourceMappingURL=darkTheme.js.map

lib/themes/teams/highContrastTheme.js

 import { createHighContrastTheme } from '../../utils/createHighContrastTheme';
-export var teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme();
+export const teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme();
 //# sourceMappingURL=highContrastTheme.js.map

lib/themes/teams/lightTheme.js

 import { createLightTheme } from '../../utils/createLightTheme';
 import { brandTeams } from '../../global/brandColors';
-export var teamsLightTheme = /*#__PURE__*/createLightTheme(brandTeams);
+export const teamsLightTheme = /*#__PURE__*/createLightTheme(brandTeams);
 //# sourceMappingURL=lightTheme.js.map

lib/themes/web/darkTheme.js

 import { createDarkTheme } from '../../utils/createDarkTheme';
 import { brandWeb } from '../../global/brandColors';
-export var webDarkTheme = /*#__PURE__*/createDarkTheme(brandWeb);
+export const webDarkTheme = /*#__PURE__*/createDarkTheme(brandWeb);
 //# sourceMappingURL=darkTheme.js.map

lib/themes/web/highContrastTheme.js

 import { createHighContrastTheme } from '../../utils/createHighContrastTheme';
-export var webHighContrastTheme = /*#__PURE__*/createHighContrastTheme();
+export const webHighContrastTheme = /*#__PURE__*/createHighContrastTheme();
 //# sourceMappingURL=highContrastTheme.js.map

lib/themes/web/lightTheme.js

 import { createLightTheme } from '../../utils/createLightTheme';
 import { brandWeb } from '../../global/brandColors';
-export var webLightTheme = /*#__PURE__*/createLightTheme(brandWeb);
+export const webLightTheme = /*#__PURE__*/createLightTheme(brandWeb);
 //# sourceMappingURL=lightTheme.js.map

lib/utils/createDarkTheme.js

@@ -1,9 +0,17 @@
-import { __assign } from "tslib";
 import { colorPaletteTokens, generateColorTokens } from '../alias/dark';
 import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
 import { createShadowTokens } from './shadows';
-export var createDarkTheme = function (brand) {
-  var colorTokens = generateColorTokens(brand);
-  return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, borderRadius), fontSizes), lineHeights), fontFamilies), fontWeights), strokeWidths), colorTokens), colorPaletteTokens), createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
+export const createDarkTheme = brand => {
+  const colorTokens = generateColorTokens(brand);
+  return { ...borderRadius,
+    ...fontSizes,
+    ...lineHeights,
+    ...fontFamilies,
+    ...fontWeights,
+    ...strokeWidths,
+    ...colorTokens,
+    ...colorPaletteTokens,
+    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)
+  };
 };
 //# sourceMappingURL=createDarkTheme.js.map

lib/utils/createHighContrastTheme.js

@@ -1,9 +0,17 @@
-import { __assign } from "tslib";
 import { colorPaletteTokens, generateColorTokens } from '../alias/highContrast';
 import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
 import { createShadowTokens } from './shadows';
-export var createHighContrastTheme = function () {
-  var colorTokens = generateColorTokens();
-  return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, borderRadius), fontSizes), lineHeights), fontFamilies), fontWeights), strokeWidths), colorTokens), colorPaletteTokens), createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
+export const createHighContrastTheme = () => {
+  const colorTokens = generateColorTokens();
+  return { ...borderRadius,
+    ...fontSizes,
+    ...lineHeights,
+    ...fontFamilies,
+    ...fontWeights,
+    ...strokeWidths,
+    ...colorTokens,
+    ...colorPaletteTokens,
+    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)
+  };
 };
 //# sourceMappingURL=createHighContrastTheme.js.map

lib/utils/createLightTheme.js

@@ -1,9 +0,17 @@
-import { __assign } from "tslib";
 import { colorPaletteTokens, generateColorTokens } from '../alias/light';
 import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
 import { createShadowTokens } from './shadows';
-export var createLightTheme = function (brand) {
-  var colorTokens = generateColorTokens(brand);
-  return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, borderRadius), fontSizes), lineHeights), fontFamilies), fontWeights), strokeWidths), colorTokens), colorPaletteTokens), createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
+export const createLightTheme = brand => {
+  const colorTokens = generateColorTokens(brand);
+  return { ...borderRadius,
+    ...fontSizes,
+    ...lineHeights,
+    ...fontFamilies,
+    ...fontWeights,
+    ...strokeWidths,
+    ...colorTokens,
+    ...colorPaletteTokens,
+    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)
+  };
 };
 //# sourceMappingURL=createLightTheme.js.map

lib/utils/createTeamsDarkTheme.js

@@ -1,9 +0,17 @@
-import { __assign } from "tslib";
 import { colorPaletteTokens, generateColorTokens } from '../alias/teamsDark';
 import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
 import { createShadowTokens } from './shadows';
-export var createTeamsDarkTheme = function (brand) {
-  var colorTokens = generateColorTokens(brand);
-  return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, borderRadius), fontSizes), lineHeights), fontFamilies), fontWeights), strokeWidths), colorTokens), colorPaletteTokens), createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
+export const createTeamsDarkTheme = brand => {
+  const colorTokens = generateColorTokens(brand);
+  return { ...borderRadius,
+    ...fontSizes,
+    ...lineHeights,
+    ...fontFamilies,
+    ...fontWeights,
+    ...strokeWidths,
+    ...colorTokens,
+    ...colorPaletteTokens,
+    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)
+  };
 };
 //# sourceMappingURL=createTeamsDarkTheme.js.map

lib/utils/mergeThemes.js

@@ -1,6 +0,7 @@
-import { __assign } from "tslib";
 export function mergeThemes(a, b) {
   // Merge impacts perf: we should like to avoid it if it's possible
   if (a && b) {
-    return __assign(__assign({}, a), b);
+    return { ...a,
+      ...b
+    };
   }
@@ -7,0 +8,0 @@

lib/utils/shadows.js

 export function createShadowTokens(ambientColor, keyColor) {
   return {
-    shadow2: "0 0 2px " + ambientColor + ", 0 1px 2px " + keyColor,
-    shadow4: "0 0 2px " + ambientColor + ", 0 2px 4px " + keyColor,
-    shadow8: "0 0 2px " + ambientColor + ", 0 4px 8px " + keyColor,
-    shadow16: "0 0 2px " + ambientColor + ", 0 6px 16px " + keyColor,
-    shadow28: "0 0 8px " + ambientColor + ", 0 14px 28px " + keyColor,
-    shadow64: "0 0 8px " + ambientColor + ", 0 32px 64px " + keyColor
+    shadow2: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
+    shadow4: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
+    shadow8: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
+    shadow16: `0 0 2px ${ambientColor}, 0 6px 16px ${keyColor}`,
+    shadow28: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
+    shadow64: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
   };
 }
 //# sourceMappingURL=shadows.js.map

lib/utils/themeToCSSVariables.js

 export function themeToCSSVariables(theme) {
-  var result = {};
+  const result = {};
 
-  for (var propertyName in theme) {
+  for (const propertyName in theme) {
     if (Object.prototype.hasOwnProperty.call(theme, propertyName)) {
-      result["--" + propertyName] = theme[propertyName];
+      result[`--${propertyName}`] = theme[propertyName];
     }
@@ -8,0 +8,0 @@ }

package.json

 {
   "name": "@fluentui/react-theme",
-  "version": "0.0.0-nightlya372ad979820211103.1",
+  "version": "0.0.0-nightlybc5ff01fb020211104.1",
   "description": "Fluent UI themes",
@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

5336

increased by2.03%

Worsened metrics

Total package byte prevSize

336054

decreased by-2.28%

No dependency changes