@fluentui/react-theme 0.0.0-nightly0e0cf06c3420211029.1 → 0.0.0-nightly3082edf34720220208.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,5 @@
 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 { themeToTokensObject } from './themeToTokensObject';
+export { tokens } from './tokens';
+export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, } from './types';

package/lib/index.js

@@ -1,3 +1,5 @@
 export * from './themes/index';
 export * from './utils/index';
+export { themeToTokensObject } from './themeToTokensObject';
+export { tokens } from './tokens';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/lib/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/themeToTokensObject.js

@@ -0,0 +1,19 @@
+/**
+ * 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 function themeToTokensObject(theme) {
+  const tokens = {};
+  const keys = Object.keys(theme);
+
+  for (const key of keys) {
+    tokens[key] = `var(--${key})`;
+  }
+
+  return tokens;
+}
+//# sourceMappingURL=themeToTokensObject.js.map

package/lib/themeToTokensObject.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themeToTokensObject.ts"],"names":[],"mappings":"AAEA;;;;;;;AAOG;AACH,OAAM,SAAU,mBAAV,CAAoD,KAApD,EAAiE;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","sourceRoot":""}

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/tokens.d.ts

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