@fluentui/react-theme 0.0.0-nightly0e0cf06c3420211029.1 → 0.0.0-nightly131c59c96120211203.1

package/lib/global/fonts.js

@@ -1,4 +1,4 @@
-export var fontSizes = {
+export const fontSizes = {
   fontSizeBase100: '10px',
   fontSizeBase200: '12px',
   fontSizeBase300: '14px',
@@ -10,7 +10,7 @@ export var fontSizes = {
   fontSizeHero900: '40px',
   fontSizeHero1000: '68px'
 };
-export var lineHeights = {
+export const lineHeights = {
   lineHeightBase100: '14px',
   lineHeightBase200: '16px',
   lineHeightBase300: '20px',
@@ -22,12 +22,12 @@ export var lineHeights = {
   lineHeightHero900: '52px',
   lineHeightHero1000: '92px'
 };
-export var fontWeights = {
+export const fontWeights = {
   fontWeightRegular: 400,
   fontWeightMedium: 500,
   fontWeightSemibold: 600
 };
-export var fontFamilies = {
+export const fontFamilies = {
   fontFamilyBase: // eslint-disable-next-line @fluentui/max-len
   "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
   fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace",

package/lib/global/fonts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/global/fonts.ts"],"names":[],"mappings":"AAEA,OAAO,IAAM,SAAS,GAAmB;AACvC,EAAA,eAAe,EAAE,MADsB;AAEvC,EAAA,eAAe,EAAE,MAFsB;AAGvC,EAAA,eAAe,EAAE,MAHsB;AAIvC,EAAA,eAAe,EAAE,MAJsB;AAKvC,EAAA,eAAe,EAAE,MALsB;AAMvC,EAAA,eAAe,EAAE,MANsB;AAQvC,EAAA,eAAe,EAAE,MARsB;AASvC,EAAA,eAAe,EAAE,MATsB;AAUvC,EAAA,eAAe,EAAE,MAVsB;AAWvC,EAAA,gBAAgB,EAAE;AAXqB,CAAlC;AAcP,OAAO,IAAM,WAAW,GAAqB;AAC3C,EAAA,iBAAiB,EAAE,MADwB;AAE3C,EAAA,iBAAiB,EAAE,MAFwB;AAG3C,EAAA,iBAAiB,EAAE,MAHwB;AAI3C,EAAA,iBAAiB,EAAE,MAJwB;AAK3C,EAAA,iBAAiB,EAAE,MALwB;AAM3C,EAAA,iBAAiB,EAAE,MANwB;AAQ3C,EAAA,iBAAiB,EAAE,MARwB;AAS3C,EAAA,iBAAiB,EAAE,MATwB;AAU3C,EAAA,iBAAiB,EAAE,MAVwB;AAW3C,EAAA,kBAAkB,EAAE;AAXuB,CAAtC;AAcP,OAAO,IAAM,WAAW,GAAqB;AAC3C,EAAA,iBAAiB,EAAE,GADwB;AAE3C,EAAA,gBAAgB,EAAE,GAFyB;AAG3C,EAAA,kBAAkB,EAAE;AAHuB,CAAtC;AAMP,OAAO,IAAM,YAAY,GAAqB;AAC5C,EAAA,cAAc,EACZ;AACA,uHAH0C;AAI5C,EAAA,mBAAmB,EAAE,6CAJuB;AAK5C,EAAA,iBAAiB,EACf;AACA;AAP0C,CAAvC","sourceRoot":""}
+{"version":3,"sources":["../../src/global/fonts.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,SAAS,GAAmB;AACvC,EAAA,eAAe,EAAE,MADsB;AAEvC,EAAA,eAAe,EAAE,MAFsB;AAGvC,EAAA,eAAe,EAAE,MAHsB;AAIvC,EAAA,eAAe,EAAE,MAJsB;AAKvC,EAAA,eAAe,EAAE,MALsB;AAMvC,EAAA,eAAe,EAAE,MANsB;AAQvC,EAAA,eAAe,EAAE,MARsB;AASvC,EAAA,eAAe,EAAE,MATsB;AAUvC,EAAA,eAAe,EAAE,MAVsB;AAWvC,EAAA,gBAAgB,EAAE;AAXqB,CAAlC;AAcP,OAAO,MAAM,WAAW,GAAqB;AAC3C,EAAA,iBAAiB,EAAE,MADwB;AAE3C,EAAA,iBAAiB,EAAE,MAFwB;AAG3C,EAAA,iBAAiB,EAAE,MAHwB;AAI3C,EAAA,iBAAiB,EAAE,MAJwB;AAK3C,EAAA,iBAAiB,EAAE,MALwB;AAM3C,EAAA,iBAAiB,EAAE,MANwB;AAQ3C,EAAA,iBAAiB,EAAE,MARwB;AAS3C,EAAA,iBAAiB,EAAE,MATwB;AAU3C,EAAA,iBAAiB,EAAE,MAVwB;AAW3C,EAAA,kBAAkB,EAAE;AAXuB,CAAtC;AAcP,OAAO,MAAM,WAAW,GAAqB;AAC3C,EAAA,iBAAiB,EAAE,GADwB;AAE3C,EAAA,gBAAgB,EAAE,GAFyB;AAG3C,EAAA,kBAAkB,EAAE;AAHuB,CAAtC;AAMP,OAAO,MAAM,YAAY,GAAqB;AAC5C,EAAA,cAAc,EACZ;AACA,uHAH0C;AAI5C,EAAA,mBAAmB,EAAE,6CAJuB;AAK5C,EAAA,iBAAiB,EACf;AACA;AAP0C,CAAvC","sourceRoot":""}

package/lib/global/strokeWidths.js

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

package/lib/global/strokeWidths.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/global/strokeWidths.ts"],"names":[],"mappings":"AAEA,OAAO,IAAM,YAAY,GAAsB;AAC7C,EAAA,eAAe,EAAE,KAD4B;AAE7C,EAAA,gBAAgB,EAAE,KAF2B;AAG7C,EAAA,kBAAkB,EAAE,KAHyB;AAI7C,EAAA,mBAAmB,EAAE;AAJwB,CAAxC","sourceRoot":""}
+{"version":3,"sources":["../../src/global/strokeWidths.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,YAAY,GAAsB;AAC7C,EAAA,eAAe,EAAE,KAD4B;AAE7C,EAAA,gBAAgB,EAAE,KAF2B;AAG7C,EAAA,kBAAkB,EAAE,KAHyB;AAI7C,EAAA,mBAAmB,EAAE;AAJwB,CAAxC","sourceRoot":""}

package/lib/index.d.ts

@@ -1,3 +1,3 @@
 export * from './themes/index';
 export * from './utils/index';
-export type { BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, FontFamilyTokens, ColorPaletteTokens, ColorTokens, PartialTheme, Theme, } from './types';
+export type { BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorTokens, PartialTheme, Theme, } from './types';

package/lib/themes/teams/darkTheme.js

@@ -1,4 +1,4 @@
 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

package/lib/themes/teams/darkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/teams/darkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,oBAAT,QAAqC,kCAArC;AACA,SAAS,UAAT,QAA2B,0BAA3B;AAGA,OAAO,IAAM,cAAc,gBAAU,oBAAoB,CAAC,UAAD,CAAlD","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/teams/darkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,oBAAT,QAAqC,kCAArC;AACA,SAAS,UAAT,QAA2B,0BAA3B;AAGA,OAAO,MAAM,cAAc,gBAAU,oBAAoB,CAAC,UAAD,CAAlD","sourceRoot":""}

package/lib/themes/teams/highContrastTheme.js

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

package/lib/themes/teams/highContrastTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/teams/highContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAT,QAAwC,qCAAxC;AAGA,OAAO,IAAM,sBAAsB,gBAAU,uBAAuB,EAA7D","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/teams/highContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAT,QAAwC,qCAAxC;AAGA,OAAO,MAAM,sBAAsB,gBAAU,uBAAuB,EAA7D","sourceRoot":""}

package/lib/themes/teams/lightTheme.js

@@ -1,4 +1,4 @@
 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

package/lib/themes/teams/lightTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/teams/lightTheme.ts"],"names":[],"mappings":"AAAA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,UAAT,QAA2B,0BAA3B;AAGA,OAAO,IAAM,eAAe,gBAAU,gBAAgB,CAAC,UAAD,CAA/C","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/teams/lightTheme.ts"],"names":[],"mappings":"AAAA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,UAAT,QAA2B,0BAA3B;AAGA,OAAO,MAAM,eAAe,gBAAU,gBAAgB,CAAC,UAAD,CAA/C","sourceRoot":""}

package/lib/themes/web/darkTheme.js

@@ -1,4 +1,4 @@
 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

package/lib/themes/web/darkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/web/darkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,eAAT,QAAgC,6BAAhC;AACA,SAAS,QAAT,QAAyB,0BAAzB;AAGA,OAAO,IAAM,YAAY,gBAAU,eAAe,CAAC,QAAD,CAA3C","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/web/darkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,eAAT,QAAgC,6BAAhC;AACA,SAAS,QAAT,QAAyB,0BAAzB;AAGA,OAAO,MAAM,YAAY,gBAAU,eAAe,CAAC,QAAD,CAA3C","sourceRoot":""}

package/lib/themes/web/highContrastTheme.js

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

package/lib/themes/web/highContrastTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/web/highContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAT,QAAwC,qCAAxC;AAGA,OAAO,IAAM,oBAAoB,gBAAU,uBAAuB,EAA3D","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/web/highContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAT,QAAwC,qCAAxC;AAGA,OAAO,MAAM,oBAAoB,gBAAU,uBAAuB,EAA3D","sourceRoot":""}

package/lib/themes/web/lightTheme.js

@@ -1,4 +1,4 @@
 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

package/lib/themes/web/lightTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/web/lightTheme.ts"],"names":[],"mappings":"AAAA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,QAAT,QAAyB,0BAAzB;AAGA,OAAO,IAAM,aAAa,gBAAU,gBAAgB,CAAC,QAAD,CAA7C","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/web/lightTheme.ts"],"names":[],"mappings":"AAAA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,QAAT,QAAyB,0BAAzB;AAGA,OAAO,MAAM,aAAa,gBAAU,gBAAgB,CAAC,QAAD,CAA7C","sourceRoot":""}

package/lib/types.d.ts

@@ -3,6 +3,9 @@
  */
 export declare type ColorTokens = {
     colorNeutralForeground1: string;
+    colorNeutralForeground1Hover: string;
+    colorNeutralForeground1Pressed: string;
+    colorNeutralForeground1Selected: string;
     colorNeutralForeground2: string;
     colorNeutralForeground2Hover: string;
     colorNeutralForeground2Pressed: string;
@@ -19,6 +22,7 @@ export declare type ColorTokens = {
     colorNeutralForeground3BrandSelected: string;
     colorNeutralForeground4: string;
     colorNeutralForegroundDisabled: string;
+    colorNeutralForegroundInvertedDisabled: string;
     colorBrandForegroundLink: string;
     colorBrandForegroundLinkHover: string;
     colorBrandForegroundLinkPressed: string;
@@ -29,11 +33,21 @@ export declare type ColorTokens = {
     colorBrandForeground1: string;
     colorBrandForeground2: string;
     colorNeutralForegroundInverted: string;
+    colorNeutralForegroundInvertedHover: string;
+    colorNeutralForegroundInvertedPressed: string;
+    colorNeutralForegroundInvertedSelected: string;
     colorNeutralForegroundOnBrand: string;
     colorNeutralForegroundInvertedLink: string;
     colorNeutralForegroundInvertedLinkHover: string;
     colorNeutralForegroundInvertedLinkPressed: string;
     colorNeutralForegroundInvertedLinkSelected: string;
+    colorBrandForegroundInverted: string;
+    colorBrandForegroundInvertedHover: string;
+    colorBrandForegroundInvertedPressed: string;
+    colorBrandForegroundOnLight: string;
+    colorBrandForegroundOnLightHover: string;
+    colorBrandForegroundOnLightPressed: string;
+    colorBrandForegroundOnLightSelected: string;
     colorNeutralBackground1: string;
     colorNeutralBackground1Hover: string;
     colorNeutralBackground1Pressed: string;
@@ -60,11 +74,19 @@ export declare type ColorTokens = {
     colorSubtleBackgroundHover: string;
     colorSubtleBackgroundPressed: string;
     colorSubtleBackgroundSelected: string;
+    colorSubtleBackgroundLightAlphaHover: string;
+    colorSubtleBackgroundLightAlphaPressed: string;
+    colorSubtleBackgroundLightAlphaSelected: string;
+    colorSubtleBackgroundInverted: string;
+    colorSubtleBackgroundInvertedHover: string;
+    colorSubtleBackgroundInvertedPressed: string;
+    colorSubtleBackgroundInvertedSelected: string;
     colorTransparentBackground: string;
     colorTransparentBackgroundHover: string;
     colorTransparentBackgroundPressed: string;
     colorTransparentBackgroundSelected: string;
     colorNeutralBackgroundDisabled: string;
+    colorNeutralBackgroundInvertedDisabled: string;
     colorNeutralStencil1: string;
     colorNeutralStencil2: string;
     colorBrandBackground: string;
@@ -76,6 +98,10 @@ export declare type ColorTokens = {
     colorCompoundBrandBackgroundPressed: string;
     colorBrandBackgroundStatic: string;
     colorBrandBackground2: string;
+    colorBrandBackgroundInverted: string;
+    colorBrandBackgroundInvertedHover: string;
+    colorBrandBackgroundInvertedPressed: string;
+    colorBrandBackgroundInvertedSelected: string;
     colorNeutralStrokeAccessible: string;
     colorNeutralStrokeAccessibleHover: string;
     colorNeutralStrokeAccessiblePressed: string;
@@ -86,12 +112,18 @@ export declare type ColorTokens = {
     colorNeutralStroke1Selected: string;
     colorNeutralStroke2: string;
     colorNeutralStroke3: string;
+    colorNeutralStrokeOnBrand: string;
+    colorNeutralStrokeOnBrand2: string;
+    colorNeutralStrokeOnBrand2Hover: string;
+    colorNeutralStrokeOnBrand2Pressed: string;
+    colorNeutralStrokeOnBrand2Selected: string;
     colorBrandStroke1: string;
     colorBrandStroke2: string;
     colorCompoundBrandStroke: string;
     colorCompoundBrandStrokeHover: string;
     colorCompoundBrandStrokePressed: string;
     colorNeutralStrokeDisabled: string;
+    colorNeutralStrokeInvertedDisabled: string;
     colorTransparentStroke: string;
     colorTransparentStrokeInteractive: string;
     colorTransparentStrokeDisabled: string;
@@ -296,6 +328,14 @@ export declare type ShadowTokens = {
     shadow28: string;
     shadow64: string;
 };
+export declare type ShadowBrandTokens = {
+    shadow2Brand: string;
+    shadow4Brand: string;
+    shadow8Brand: string;
+    shadow16Brand: string;
+    shadow28Brand: string;
+    shadow64Brand: string;
+};
 export declare type GhostColorTokens = {
     ghostBackground: string;
     ghostBackgroundHover: string;
@@ -323,5 +363,5 @@ export declare type BrandColorTokens = {
 };
 export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 | 56 | 58 | 60 | 62 | 64 | 66 | 68 | 70 | 72 | 74 | 76 | 78 | 80 | 82 | 84 | 86 | 88 | 90 | 92 | 94 | 96 | 98 | 100;
 export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
-export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
+export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
 export declare type PartialTheme = Partial<Theme>;

package/lib/utils/createDarkTheme.js

@@ -1,9 +1,18 @@
-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),
+    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
 };
 //# sourceMappingURL=createDarkTheme.js.map

package/lib/utils/createDarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":";AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,eAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,IAAM,eAAe,GAAoC,UAAA,KAAA,EAAK;AACnE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACK,YADL,CAAA,EAEK,SAFL,CAAA,EAGK,WAHL,CAAA,EAIK,YAJL,CAAA,EAKK,WALL,CAAA,EAMK,YANL,CAAA,EAQK,WARL,CAAA,EASK,kBATL,CAAA,EAWK,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXvB,CAAA;AAaD,CAhBM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,eAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,MAAM,eAAe,GAAoC,KAAK,IAAG;AACtE,QAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAQL,OAAG,WARE;AASL,OAAG,kBATE;AAWL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXhB;AAYL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAZhB,GAAP;AAcD,CAjBM","sourceRoot":""}

package/lib/utils/createHighContrastTheme.js

@@ -1,9 +1,18 @@
-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),
+    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
 };
 //# sourceMappingURL=createHighContrastTheme.js.map

package/lib/utils/createHighContrastTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createHighContrastTheme.ts"],"names":[],"mappings":";AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,uBAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,IAAM,uBAAuB,GAAG,YAAA;AACrC,MAAM,WAAW,GAAG,mBAAmB,EAAvC;AAEA,SAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACK,YADL,CAAA,EAEK,SAFL,CAAA,EAGK,WAHL,CAAA,EAIK,YAJL,CAAA,EAKK,WALL,CAAA,EAMK,YANL,CAAA,EAQK,WARL,CAAA,EASK,kBATL,CAAA,EAWK,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXvB,CAAA;AAaD,CAhBM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/createHighContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,uBAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,MAAM,uBAAuB,GAAG,MAAY;AACjD,QAAM,WAAW,GAAG,mBAAmB,EAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAQL,OAAG,WARE;AASL,OAAG,kBATE;AAWL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXhB;AAYL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAZhB,GAAP;AAcD,CAjBM","sourceRoot":""}

package/lib/utils/createLightTheme.js

@@ -1,9 +1,18 @@
-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),
+    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
 };
 //# sourceMappingURL=createLightTheme.js.map

package/lib/utils/createLightTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createLightTheme.ts"],"names":[],"mappings":";AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,gBAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,IAAM,gBAAgB,GAAoC,UAAA,KAAA,EAAK;AACpE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACK,YADL,CAAA,EAEK,SAFL,CAAA,EAGK,WAHL,CAAA,EAIK,YAJL,CAAA,EAKK,WALL,CAAA,EAMK,YANL,CAAA,EAQK,WARL,CAAA,EASK,kBATL,CAAA,EAWK,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXvB,CAAA;AAaD,CAhBM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/createLightTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,gBAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,MAAM,gBAAgB,GAAoC,KAAK,IAAG;AACvE,QAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAQL,OAAG,WARE;AASL,OAAG,kBATE;AAWL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXhB;AAYL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAZhB,GAAP;AAcD,CAjBM","sourceRoot":""}

package/lib/utils/createTeamsDarkTheme.js

@@ -1,9 +1,18 @@
-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),
+    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
 };
 //# sourceMappingURL=createTeamsDarkTheme.js.map

package/lib/utils/createTeamsDarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,oBAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,IAAM,oBAAoB,GAAoC,UAAA,KAAA,EAAK;AACxE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACK,YADL,CAAA,EAEK,SAFL,CAAA,EAGK,WAHL,CAAA,EAIK,YAJL,CAAA,EAKK,WALL,CAAA,EAMK,YANL,CAAA,EAQK,WARL,CAAA,EASK,kBATL,CAAA,EAWK,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXvB,CAAA;AAaD,CAhBM","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,oBAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;AAC3E,QAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAQL,OAAG,WARE;AASL,OAAG,kBATE;AAWL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXhB;AAYL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAZhB,GAAP;AAcD,CAjBM","sourceRoot":""}

package/lib/utils/index.d.ts

@@ -3,4 +3,3 @@ export * from './createDarkTheme';
 export * from './createTeamsDarkTheme';
 export * from './createHighContrastTheme';
 export { mergeThemes } from './mergeThemes';
-export * from './themeToCSSVariables';

package/lib/utils/index.js

@@ -3,5 +3,4 @@ export * from './createDarkTheme';
 export * from './createTeamsDarkTheme';
 export * from './createHighContrastTheme';
 export { mergeThemes } from './mergeThemes';
-export * from './themeToCSSVariables';
 //# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/lib/utils/mergeThemes.js

@@ -1,8 +1,9 @@
-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
+    };
   }
 
   if (a) {

package/lib/utils/mergeThemes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/mergeThemes.ts"],"names":[],"mappings":";AAEA,OAAM,SAAU,WAAV,CAAsB,CAAtB,EAA4C,CAA5C,EAA+E;AACnF;AACA,MAAI,CAAC,IAAI,CAAT,EAAY;AACV,WAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAY,CAAZ,CAAA,EAAkB,CAAlB,CAAA;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/mergeThemes.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,WAAV,CAAsB,CAAtB,EAA4C,CAA5C,EAA+E;AACnF;AACA,MAAI,CAAC,IAAI,CAAT,EAAY;AACV,WAAO,EAAE,GAAG,CAAL;AAAQ,SAAG;AAAX,KAAP;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD","sourceRoot":""}

package/lib/utils/shadows.d.ts

@@ -1,2 +1,3 @@
-import type { ShadowTokens } from '../types';
+import type { ShadowBrandTokens, ShadowTokens } from '../types';
+export declare function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;
 export declare function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;

package/lib/utils/shadows.js

@@ -1,11 +1,11 @@
-export function createShadowTokens(ambientColor, keyColor) {
+export function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
   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${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
+    [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
+    [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
+    [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,
+    [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
+    [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
   };
 }
 //# sourceMappingURL=shadows.js.map

package/lib/utils/shadows.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/shadows.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,kBAAV,CAA6B,YAA7B,EAAmD,QAAnD,EAAmE;AACvE,SAAO;AACL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAD1C;AAEL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAF1C;AAGL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAH1C;AAIL,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,eAAvB,GAAuC,QAJ5C;AAKL,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,gBAAvB,GAAwC,QAL7C;AAML,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,gBAAvB,GAAwC;AAN7C,GAAP;AAQD","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/shadows.ts"],"names":[],"mappings":"AAKA,OAAM,SAAU,kBAAV,CAA6B,YAA7B,EAAmD,QAAnD,EAAqE,WAAA,GAA4B,EAAjG,EAAmG;AACvG,SAAO;AACL,KAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EADpE;AAEL,KAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAFpE;AAGL,KAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAHpE;AAIL,KAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,gBAAgB,QAAQ,EAJtE;AAKL,KAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ,EALvE;AAML,KAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ;AANvE,GAAP;AAQD","sourceRoot":""}