@fluentui/tokens 1.0.0-alpha.1 → 1.0.0-alpha.10

package/lib-commonjs/themeToTokensObject.js

@@ -0,0 +1,25 @@
+/**
+ * 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
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "themeToTokensObject", {
+    enumerable: true,
+    get: function() {
+        return themeToTokensObject;
+    }
+});
+function themeToTokensObject(theme) {
+    const tokens = {};
+    const keys = Object.keys(theme);
+    for (const key of keys){
+        tokens[key] = `var(--${String(key)})`;
+    }
+    return tokens;
+}

package/lib-commonjs/themeToTokensObject.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["themeToTokensObject.js"],"sourcesContent":["/**\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 */ export function themeToTokensObject(theme) {\n    const tokens = {};\n    const keys = Object.keys(theme);\n    for (const key of keys){\n        tokens[key] = `var(--${String(key)})`;\n    }\n    return tokens;\n}\n"],"names":["themeToTokensObject","theme","tokens","keys","Object","key","String"],"mappings":"AAAA;;;;;;;CAOC;;;;+BAAmBA;;;eAAAA;;;AAAT,SAASA,oBAAoBC,KAAK;IACzC,MAAMC,SAAS,CAAC;IAChB,MAAMC,OAAOC,OAAOD,IAAI,CAACF;IACzB,KAAK,MAAMI,OAAOF,KAAK;QACnBD,MAAM,CAACG,IAAI,GAAG,CAAC,MAAM,EAAEC,OAAOD,KAAK,CAAC,CAAC;IACzC;IACA,OAAOH;AACX"}

package/lib-commonjs/themes/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./teams/index"), exports);
+_export_star._(require("./web/index"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "teamsDarkTheme", {
+    enumerable: true,
+    get: function() {
+        return teamsDarkTheme;
+    }
+});
+const _createTeamsDarkTheme = require("../../utils/createTeamsDarkTheme");
+const _brandColors = require("../../global/brandColors");
+const teamsDarkTheme = (0, _createTeamsDarkTheme.createTeamsDarkTheme)(_brandColors.brandTeams);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["darkTheme.js"],"sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams } from '../../global/brandColors';\nexport const teamsDarkTheme = createTeamsDarkTheme(brandTeams);\n"],"names":["teamsDarkTheme","createTeamsDarkTheme","brandTeams"],"mappings":";;;;+BAEaA;;;eAAAA;;;sCAFwB;6BACV;AACpB,MAAMA,iBAAiBC,IAAAA,0CAAoB,EAACC,uBAAU"}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "teamsHighContrastTheme", {
+    enumerable: true,
+    get: function() {
+        return teamsHighContrastTheme;
+    }
+});
+const _createHighContrastTheme = require("../../utils/createHighContrastTheme");
+const teamsHighContrastTheme = (0, _createHighContrastTheme.createHighContrastTheme)();

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

@@ -0,0 +1 @@
+{"version":3,"sources":["highContrastTheme.js"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nexport const teamsHighContrastTheme = createHighContrastTheme();\n"],"names":["teamsHighContrastTheme","createHighContrastTheme"],"mappings":";;;;+BACaA;;;eAAAA;;;yCAD2B;AACjC,MAAMA,yBAAyBC,IAAAA,gDAAuB"}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./lightTheme"), exports);
+_export_star._(require("./darkTheme"), exports);
+_export_star._(require("./highContrastTheme"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\nexport * from './highContrastTheme';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA"}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "teamsLightTheme", {
+    enumerable: true,
+    get: function() {
+        return teamsLightTheme;
+    }
+});
+const _createLightTheme = require("../../utils/createLightTheme");
+const _brandColors = require("../../global/brandColors");
+const teamsLightTheme = (0, _createLightTheme.createLightTheme)(_brandColors.brandTeams);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["lightTheme.js"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nexport const teamsLightTheme = createLightTheme(brandTeams);\n"],"names":["teamsLightTheme","createLightTheme","brandTeams"],"mappings":";;;;+BAEaA;;;eAAAA;;;kCAFoB;6BACN;AACpB,MAAMA,kBAAkBC,IAAAA,kCAAgB,EAACC,uBAAU"}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "webDarkTheme", {
+    enumerable: true,
+    get: function() {
+        return webDarkTheme;
+    }
+});
+const _createDarkTheme = require("../../utils/createDarkTheme");
+const _brandColors = require("../../global/brandColors");
+const webDarkTheme = (0, _createDarkTheme.createDarkTheme)(_brandColors.brandWeb);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["darkTheme.js"],"sourcesContent":["import { createDarkTheme } from '../../utils/createDarkTheme';\nimport { brandWeb } from '../../global/brandColors';\nexport const webDarkTheme = createDarkTheme(brandWeb);\n"],"names":["webDarkTheme","createDarkTheme","brandWeb"],"mappings":";;;;+BAEaA;;;eAAAA;;;iCAFmB;6BACP;AAClB,MAAMA,eAAeC,IAAAA,gCAAe,EAACC,qBAAQ"}

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./lightTheme"), exports);
+_export_star._(require("./darkTheme"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "webLightTheme", {
+    enumerable: true,
+    get: function() {
+        return webLightTheme;
+    }
+});
+const _createLightTheme = require("../../utils/createLightTheme");
+const _brandColors = require("../../global/brandColors");
+const webLightTheme = (0, _createLightTheme.createLightTheme)(_brandColors.brandWeb);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["lightTheme.js"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandWeb } from '../../global/brandColors';\nexport const webLightTheme = createLightTheme(brandWeb);\n"],"names":["webLightTheme","createLightTheme","brandWeb"],"mappings":";;;;+BAEaA;;;eAAAA;;;kCAFoB;6BACR;AAClB,MAAMA,gBAAgBC,IAAAA,kCAAgB,EAACC,qBAAQ"}