@fluentui/react-theme 0.0.0-nightlya0ab3454ed20211208.1 → 0.0.0-nightlya0aef7969220220228.1

package/lib-commonjs/index.js

@@ -3,10 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.tokens = exports.themeToTokensObject = void 0;
 
 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":["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","sourcesContent":["export * from './themes/index';\nexport * from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\n\nexport type {\n  Brands,\n  BrandVariants,\n  FontSizeTokens,\n  FontWeightTokens,\n  LineHeightTokens,\n  BorderRadiusTokens,\n  StrokeWidthTokens,\n  ShadowTokens,\n  ShadowBrandTokens,\n  FontFamilyTokens,\n  ColorPaletteTokens,\n  ColorPaletteDarkRed,\n  ColorPaletteBurgundy,\n  ColorPaletteCranberry,\n  ColorPaletteRed,\n  ColorPaletteDarkOrange,\n  ColorPaletteBronze,\n  ColorPalettePumpkin,\n  ColorPaletteOrange,\n  ColorPalettePeach,\n  ColorPaletteMarigold,\n  ColorPaletteYellow,\n  ColorPaletteGold,\n  ColorPaletteBrass,\n  ColorPaletteBrown,\n  ColorPaletteDarkBrown,\n  ColorPaletteLime,\n  ColorPaletteForest,\n  ColorPaletteSeafoam,\n  ColorPaletteLightGreen,\n  ColorPaletteGreen,\n  ColorPaletteDarkGreen,\n  ColorPaletteLightTeal,\n  ColorPaletteTeal,\n  ColorPaletteDarkTeal,\n  ColorPaletteCyan,\n  ColorPaletteSteel,\n  ColorPaletteLightBlue,\n  ColorPaletteBlue,\n  ColorPaletteRoyalBlue,\n  ColorPaletteDarkBlue,\n  ColorPaletteCornflower,\n  ColorPaletteNavy,\n  ColorPaletteLavender,\n  ColorPalettePurple,\n  ColorPaletteDarkPurple,\n  ColorPaletteOrchid,\n  ColorPaletteGrape,\n  ColorPaletteBerry,\n  ColorPaletteLilac,\n  ColorPalettePink,\n  ColorPaletteHotPink,\n  ColorPaletteMagenta,\n  ColorPalettePlum,\n  ColorPaletteBeige,\n  ColorPaletteMink,\n  ColorPaletteSilver,\n  ColorPalettePlatinum,\n  ColorPaletteAnchor,\n  ColorPaletteCharcoal,\n  ColorTokens,\n  PartialTheme,\n  Theme,\n} from './types';\n"],"sourceRoot":"../src/"}

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":["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","sourcesContent":["import { Theme } from './types';\n\n/**\n * Programmatically generates a tokens to css variables mapping object from the keys in a theme.\n * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could\n * affect tree-shaking since bundlers do not know the shape of the output.\n *\n * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object\n * @returns Tokens to css variables mapping object corresponding to the passed theme\n */\nexport function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string> {\n  const tokens = {} as Record<keyof TTheme, string>;\n  const keys = Object.keys(theme) as (keyof TTheme)[];\n  for (const key of keys) {\n    tokens[key] = `var(--${key})`;\n  }\n  return tokens;\n}\n"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/themes/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["themes/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"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":""}
+{"version":3,"sources":["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","sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsDarkTheme: Theme = createTeamsDarkTheme(brandTeams);\n"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"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":""}
+{"version":3,"sources":["themes/teams/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,gBAAgC,yBAAA,CAAA,uBAAA,EAAhC","sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const teamsHighContrastTheme: Theme = createHighContrastTheme();\n"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/teams/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["themes/teams/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\nexport * from './highContrastTheme';\n"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"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":""}
+{"version":3,"sources":["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","sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsLightTheme: Theme = createLightTheme(brandTeams);\n"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"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":""}
+{"version":3,"sources":["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","sourcesContent":["import { createDarkTheme } from '../../utils/createDarkTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webDarkTheme: Theme = createDarkTheme(brandWeb);\n"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"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":""}
+{"version":3,"sources":["themes/web/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,gBAA8B,yBAAA,CAAA,uBAAA,EAA9B","sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const webHighContrastTheme: Theme = createHighContrastTheme();\n"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/themes/web/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["themes/web/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\nexport * from './highContrastTheme';\n"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"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":""}
+{"version":3,"sources":["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","sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webLightTheme: Theme = createLightTheme(brandWeb);\n"],"sourceRoot":"../src/"}

package/lib-commonjs/tokens.d.ts

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