@fluentui/react-theme 0.0.0-nightly627ad67f1120211109.1 → 0.0.0-nightly99adff5a9a20211125.1

package/lib-commonjs/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-commonjs/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-commonjs/utils/createDarkTheme.js

@@ -21,7 +21,8 @@ const createDarkTheme = brand => {
     ...index_1.strokeWidths,
     ...colorTokens,
     ...dark_1.colorPaletteTokens,
-    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)
+    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+    ...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
   };
 };
 

package/lib-commonjs/utils/createDarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,MAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,eAAe,GAAoC,KAAK,IAAG;AACtE,QAAM,WAAW,GAAG,MAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,MAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE;AAXE,GAAP;AAaD,CAhBM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,MAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,eAAe,GAAoC,KAAK,IAAG;AACtE,QAAM,WAAW,GAAG,MAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,MAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXE;AAYL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAZE,GAAP;AAcD,CAjBM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}

package/lib-commonjs/utils/createHighContrastTheme.js

@@ -21,7 +21,8 @@ const createHighContrastTheme = () => {
     ...index_1.strokeWidths,
     ...colorTokens,
     ...highContrast_1.colorPaletteTokens,
-    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)
+    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+    ...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
   };
 };
 

package/lib-commonjs/utils/createHighContrastTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,cAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,uBAAuB,GAAG,MAAY;AACjD,QAAM,WAAW,GAAG,cAAA,CAAA,mBAAA,EAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,cAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE;AAXE,GAAP;AAaD,CAhBM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,cAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,uBAAuB,GAAG,MAAY;AACjD,QAAM,WAAW,GAAG,cAAA,CAAA,mBAAA,EAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,cAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXE;AAYL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAZE,GAAP;AAcD,CAjBM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}

package/lib-commonjs/utils/createLightTheme.js

@@ -21,7 +21,8 @@ const createLightTheme = brand => {
     ...index_1.strokeWidths,
     ...colorTokens,
     ...light_1.colorPaletteTokens,
-    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)
+    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+    ...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
   };
 };
 

package/lib-commonjs/utils/createLightTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,gBAAgB,GAAoC,KAAK,IAAG;AACvE,QAAM,WAAW,GAAG,OAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,OAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE;AAXE,GAAP;AAaD,CAhBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,gBAAgB,GAAoC,KAAK,IAAG;AACvE,QAAM,WAAW,GAAG,OAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,OAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXE;AAYL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAZE,GAAP;AAcD,CAjBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}

package/lib-commonjs/utils/createTeamsDarkTheme.js

@@ -21,7 +21,8 @@ const createTeamsDarkTheme = brand => {
     ...index_1.strokeWidths,
     ...colorTokens,
     ...teamsDark_1.colorPaletteTokens,
-    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey)
+    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+    ...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
   };
 };
 

package/lib-commonjs/utils/createTeamsDarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,WAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;AAC3E,QAAM,WAAW,GAAG,WAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,WAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE;AAXE,GAAP;AAaD,CAhBM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,WAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;AAC3E,QAAM,WAAW,GAAG,WAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,WAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXE;AAYL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAZE,GAAP;AAcD,CAjBM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}

package/lib-commonjs/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-commonjs/utils/shadows.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createShadowTokens = void 0;
 
-function createShadowTokens(ambientColor, keyColor) {
+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}`
   };
 }
 

package/lib-commonjs/utils/shadows.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/shadows.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,kBAAhB,CAAmC,YAAnC,EAAyD,QAAzD,EAAyE;AACvE,SAAO;AACL,IAAA,OAAO,EAAE,WAAW,YAAY,eAAe,QAAQ,EADlD;AAEL,IAAA,OAAO,EAAE,WAAW,YAAY,eAAe,QAAQ,EAFlD;AAGL,IAAA,OAAO,EAAE,WAAW,YAAY,eAAe,QAAQ,EAHlD;AAIL,IAAA,QAAQ,EAAE,WAAW,YAAY,gBAAgB,QAAQ,EAJpD;AAKL,IAAA,QAAQ,EAAE,WAAW,YAAY,iBAAiB,QAAQ,EALrD;AAML,IAAA,QAAQ,EAAE,WAAW,YAAY,iBAAiB,QAAQ;AANrD,GAAP;AAQD;;AATD,OAAA,CAAA,kBAAA,GAAA,kBAAA","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/shadows.ts"],"names":[],"mappings":";;;;;;;AAKA,SAAgB,kBAAhB,CAAmC,YAAnC,EAAyD,QAAzD,EAA2E,WAAA,GAA4B,EAAvG,EAAyG;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;;AATD,OAAA,CAAA,kBAAA,GAAA,kBAAA","sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-theme",
-  "version": "0.0.0-nightly627ad67f1120211109.1",
+  "version": "0.0.0-nightly99adff5a9a20211125.1",
   "description": "Fluent UI themes",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,11 +18,12 @@
     "code-style": "just-scripts code-style",
     "just": "just-scripts",
     "lint": "just-scripts lint",
-    "start": "storybook",
+    "start": "yarn storybook",
     "storybook": "start-storybook",
     "test": "jest",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-theme/src && yarn docs"
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-theme/src && yarn docs",
+    "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
@@ -42,7 +43,6 @@
     "react-dom": ">=16.8.0 <18.0.0"
   },
   "beachball": {
-    "tag": "beta",
     "disallowedChangeTypes": [
       "major",
       "minor",