@fluentui/react-theme 9.0.0-nightly.46b9ea7036.0 → 9.0.0-rc.1

package/lib-commonjs/index.js

@@ -3,10 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.tokens = exports.themeToTokensObject = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./themes/index"), exports);
 
 tslib_1.__exportStar(require("./utils/index"), exports);
+
+var themeToTokensObject_1 = /*#__PURE__*/require("./themeToTokensObject");
+
+Object.defineProperty(exports, "themeToTokensObject", {
+  enumerable: true,
+  get: function () {
+    return themeToTokensObject_1.themeToTokensObject;
+  }
+});
+
+var tokens_1 = /*#__PURE__*/require("./tokens");
+
+Object.defineProperty(exports, "tokens", {
+  enumerable: true,
+  get: function () {
+    return tokens_1.tokens;
+  }
+});
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AAEA,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,qBAAA,CAAA,mBAAA;AAAmB;AAAnB,CAAA;;AACT,IAAA,QAAA,gBAAA,OAAA,CAAA,UAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,QAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,QAAA,CAAA,MAAA;AAAM;AAAN,CAAA","sourceRoot":""}

package/lib-commonjs/themeToTokensObject.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from './types';
+/**
+ * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
+ * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
+ * affect tree-shaking since bundlers do not know the shape of the output.
+ *
+ * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
+ * @returns Tokens to css variables mapping object corresponding to the passed theme
+ */
+export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string>;

package/lib-commonjs/themeToTokensObject.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.themeToTokensObject = void 0;
+/**
+ * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
+ * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
+ * affect tree-shaking since bundlers do not know the shape of the output.
+ *
+ * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
+ * @returns Tokens to css variables mapping object corresponding to the passed theme
+ */
+
+function themeToTokensObject(theme) {
+  const tokens = {};
+  const keys = Object.keys(theme);
+
+  for (const key of keys) {
+    tokens[key] = `var(--${key})`;
+  }
+
+  return tokens;
+}
+
+exports.themeToTokensObject = themeToTokensObject;
+//# sourceMappingURL=themeToTokensObject.js.map

package/lib-commonjs/themeToTokensObject.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themeToTokensObject.ts"],"names":[],"mappings":";;;;;;AAEA;;;;;;;AAOG;;AACH,SAAgB,mBAAhB,CAA0D,KAA1D,EAAuE;AACrE,QAAM,MAAM,GAAG,EAAf;AACA,QAAM,IAAI,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,CAAb;;AACA,OAAK,MAAM,GAAX,IAAkB,IAAlB,EAAwB;AACtB,IAAA,MAAM,CAAC,GAAD,CAAN,GAAc,SAAS,GAAG,GAA1B;AACD;;AACD,SAAO,MAAP;AACD;;AAPD,OAAA,CAAA,mBAAA,GAAA,mBAAA","sourceRoot":""}

package/lib-commonjs/themes/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./teams/index"), exports);
 

package/lib-commonjs/themes/teams/darkTheme.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/teams/darkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,sBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,gBAAwB,sBAAA,CAAA,oBAAA,CAAqB,aAAA,CAAA,UAArB,CAAxB","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/teams/darkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,sBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,gBAAwB,sBAAA,CAAA,oBAAA,CAAqB,aAAA,CAAA,UAArB,CAAxB","sourceRoot":""}

package/lib-commonjs/themes/teams/highContrastTheme.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.teamsHighContrastTheme = void 0;
 
-var createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
+const createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
 
 exports.teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme_1.createHighContrastTheme();
 //# sourceMappingURL=highContrastTheme.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/teams/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,gBAAgC,yBAAA,CAAA,uBAAA,EAAhC","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/teams/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,gBAAgC,yBAAA,CAAA,uBAAA,EAAhC","sourceRoot":""}

package/lib-commonjs/themes/teams/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./lightTheme"), exports);
 

package/lib-commonjs/themes/teams/lightTheme.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/teams/lightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,kBAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,eAAA,gBAAyB,kBAAA,CAAA,gBAAA,CAAiB,aAAA,CAAA,UAAjB,CAAzB","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/teams/lightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,eAAA,gBAAyB,kBAAA,CAAA,gBAAA,CAAiB,aAAA,CAAA,UAAjB,CAAzB","sourceRoot":""}

package/lib-commonjs/themes/web/darkTheme.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/web/darkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,iBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,YAAA,gBAAsB,iBAAA,CAAA,eAAA,CAAgB,aAAA,CAAA,QAAhB,CAAtB","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/web/darkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,iBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,YAAA,gBAAsB,iBAAA,CAAA,eAAA,CAAgB,aAAA,CAAA,QAAhB,CAAtB","sourceRoot":""}

package/lib-commonjs/themes/web/highContrastTheme.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.webHighContrastTheme = void 0;
 
-var createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
+const createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
 
 exports.webHighContrastTheme = /*#__PURE__*/createHighContrastTheme_1.createHighContrastTheme();
 //# sourceMappingURL=highContrastTheme.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/web/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,gBAA8B,yBAAA,CAAA,uBAAA,EAA9B","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/web/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,gBAA8B,yBAAA,CAAA,uBAAA,EAA9B","sourceRoot":""}

package/lib-commonjs/themes/web/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./lightTheme"), exports);
 

package/lib-commonjs/themes/web/lightTheme.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/web/lightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,kBAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,aAAA,gBAAuB,kBAAA,CAAA,gBAAA,CAAiB,aAAA,CAAA,QAAjB,CAAvB","sourceRoot":""}
+{"version":3,"sources":["../../../src/themes/web/lightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,aAAA,gBAAuB,kBAAA,CAAA,gBAAA,CAAiB,aAAA,CAAA,QAAjB,CAAvB","sourceRoot":""}

package/lib-commonjs/tokens.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from './types';
+export declare const tokens: Record<keyof Theme, string>;