@fluentui/react-theme 0.0.0-nightly050f89bf0020211102.1 → 0.0.0-nightly07d9ed6d1b20211221.1

package/lib-commonjs/utils/createTeamsDarkTheme.js

@@ -5,17 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createTeamsDarkTheme = void 0;
 
-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),
+    ...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
 };
 
 exports.createTeamsDarkTheme = createTeamsDarkTheme;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,WAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,IAAM,oBAAoB,GAAoC,UAAA,KAAA,EAAK;AACxE,MAAM,WAAW,GAAG,WAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACK,OAAA,CAAA,YADL,CAAA,EAEK,OAAA,CAAA,SAFL,CAAA,EAGK,OAAA,CAAA,WAHL,CAAA,EAIK,OAAA,CAAA,YAJL,CAAA,EAKK,OAAA,CAAA,WALL,CAAA,EAMK,OAAA,CAAA,YANL,CAAA,EAQK,WARL,CAAA,EASK,WAAA,CAAA,kBATL,CAAA,EAWK,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXL,CAAA;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/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-commonjs/utils/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mergeThemes = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./createLightTheme"), exports);
 
@@ -23,6 +23,4 @@ Object.defineProperty(exports, "mergeThemes", {
     return mergeThemes_1.mergeThemes;
   }
 });
-
-tslib_1.__exportStar(require("./themeToCSSVariables"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA;;AAEA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,aAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,aAAA,CAAA,WAAA;AAAW;AAAX,CAAA;;AACT,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA;;AAEA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,aAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,aAAA,CAAA,WAAA;AAAW;AAAX,CAAA","sourceRoot":""}

package/lib-commonjs/utils/mergeThemes.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mergeThemes = void 0;
 
-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
+    };
   }
 
   if (a) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/mergeThemes.ts"],"names":[],"mappings":";;;;;;;;;AAEA,SAAgB,WAAhB,CAA4B,CAA5B,EAAkD,CAAlD,EAAqF;AACnF;AACA,MAAI,CAAC,IAAI,CAAT,EAAY;AACV,WAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAAY,CAAZ,CAAA,EAAkB,CAAlB,CAAA;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD;;AAXD,OAAA,CAAA,WAAA,GAAA,WAAA","sourceRoot":""}
+{"version":3,"sources":["../../src/utils/mergeThemes.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,WAAhB,CAA4B,CAA5B,EAAkD,CAAlD,EAAqF;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;;AAXD,OAAA,CAAA,WAAA,GAAA,WAAA","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,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;;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-nightly050f89bf0020211102.1",
+  "version": "0.0.0-nightly07d9ed6d1b20211221.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",

package/lib/utils/themeToCSSVariables.d.ts

@@ -1,2 +0,0 @@
-import type { Theme } from '../types';
-export declare function themeToCSSVariables(theme: Theme): Record<string, string | number>;

package/lib/utils/themeToCSSVariables.js

@@ -1,12 +0,0 @@
-export function themeToCSSVariables(theme) {
-  var result = {};
-
-  for (var propertyName in theme) {
-    if (Object.prototype.hasOwnProperty.call(theme, propertyName)) {
-      result["--" + propertyName] = theme[propertyName];
-    }
-  }
-
-  return result;
-}
-//# sourceMappingURL=themeToCSSVariables.js.map

package/lib/utils/themeToCSSVariables.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/themeToCSSVariables.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,mBAAV,CAA8B,KAA9B,EAA0C;AAC9C,MAAM,MAAM,GAA2C,EAAvD;;AAEA,OAAK,IAAM,YAAX,IAA2B,KAA3B,EAAkC;AAChC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,KAArC,EAA4C,YAA5C,CAAJ,EAA+D;AAC7D,MAAA,MAAM,CAAC,OAAK,YAAN,CAAN,GAA8B,KAAK,CAAC,YAAD,CAAnC;AACD;AACF;;AAED,SAAO,MAAP;AACD","sourceRoot":""}

package/lib-commonjs/utils/themeToCSSVariables.d.ts

@@ -1,2 +0,0 @@
-import type { Theme } from '../types';
-export declare function themeToCSSVariables(theme: Theme): Record<string, string | number>;

package/lib-commonjs/utils/themeToCSSVariables.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.themeToCSSVariables = void 0;
-
-function themeToCSSVariables(theme) {
-  var result = {};
-
-  for (var propertyName in theme) {
-    if (Object.prototype.hasOwnProperty.call(theme, propertyName)) {
-      result["--" + propertyName] = theme[propertyName];
-    }
-  }
-
-  return result;
-}
-
-exports.themeToCSSVariables = themeToCSSVariables;
-//# sourceMappingURL=themeToCSSVariables.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/themeToCSSVariables.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,mBAAhB,CAAoC,KAApC,EAAgD;AAC9C,MAAM,MAAM,GAA2C,EAAvD;;AAEA,OAAK,IAAM,YAAX,IAA2B,KAA3B,EAAkC;AAChC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,KAArC,EAA4C,YAA5C,CAAJ,EAA+D;AAC7D,MAAA,MAAM,CAAC,OAAK,YAAN,CAAN,GAA8B,KAAK,CAAC,YAAD,CAAnC;AACD;AACF;;AAED,SAAO,MAAP;AACD;;AAVD,OAAA,CAAA,mBAAA,GAAA,mBAAA","sourceRoot":""}