@fluentui/react-theme 9.1.4 → 9.1.5

package/lib-commonjs/utils/createHighContrastTheme.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createHighContrastTheme = void 0;
-
-const highContrastColorPalette_1 = /*#__PURE__*/require("../alias/highContrastColorPalette");
-
-const highContrastColor_1 = /*#__PURE__*/require("../alias/highContrastColor");
-
-const index_1 = /*#__PURE__*/require("../global/index");
-
-const shadows_1 = /*#__PURE__*/require("./shadows");
-
-const durations_1 = /*#__PURE__*/require("../global/durations");
-
-const curves_1 = /*#__PURE__*/require("../global/curves");
-
-const spacings_1 = /*#__PURE__*/require("../global/spacings");
-
-const createHighContrastTheme = () => {
-  const colorTokens = highContrastColor_1.generateColorTokens();
-  return { ...index_1.borderRadius,
-    ...index_1.fontSizes,
-    ...index_1.lineHeights,
-    ...index_1.fontFamilies,
-    ...index_1.fontWeights,
-    ...index_1.strokeWidths,
-    ...spacings_1.horizontalSpacings,
-    ...spacings_1.verticalSpacings,
-    ...durations_1.durations,
-    ...curves_1.curves,
-    ...colorTokens,
-    ...highContrastColorPalette_1.colorPaletteTokens,
-    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
-    ...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
-  };
-};
-
-exports.createHighContrastTheme = createHighContrastTheme;
-//# sourceMappingURL=createHighContrastTheme.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["packages/react-components/react-theme/src/utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,0BAAA,gBAAA,OAAA,CAAA,mCAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAEA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAEO,MAAM,uBAAuB,GAAG,MAAY;EACjD,MAAM,WAAW,GAAG,mBAAA,CAAA,mBAAA,EAApB;EAEA,OAAO,EACL,GAAG,OAAA,CAAA,YADE;IAEL,GAAG,OAAA,CAAA,SAFE;IAGL,GAAG,OAAA,CAAA,WAHE;IAIL,GAAG,OAAA,CAAA,YAJE;IAKL,GAAG,OAAA,CAAA,WALE;IAML,GAAG,OAAA,CAAA,YANE;IAOL,GAAG,UAAA,CAAA,kBAPE;IAQL,GAAG,UAAA,CAAA,gBARE;IASL,GAAG,WAAA,CAAA,SATE;IAUL,GAAG,QAAA,CAAA,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,0BAAA,CAAA,kBAbE;IAeL,GAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAfE;IAgBL,GAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;EAhBE,CAAP;AAkBD,CArBM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourcesContent":["import { colorPaletteTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n  const colorTokens = generateColorTokens();\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/createLightTheme.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createLightTheme = void 0;
-
-const lightColorPalette_1 = /*#__PURE__*/require("../alias/lightColorPalette");
-
-const lightColor_1 = /*#__PURE__*/require("../alias/lightColor");
-
-const index_1 = /*#__PURE__*/require("../global/index");
-
-const shadows_1 = /*#__PURE__*/require("./shadows");
-
-const durations_1 = /*#__PURE__*/require("../global/durations");
-
-const curves_1 = /*#__PURE__*/require("../global/curves");
-
-const spacings_1 = /*#__PURE__*/require("../global/spacings");
-
-const createLightTheme = brand => {
-  const colorTokens = lightColor_1.generateColorTokens(brand);
-  return { ...index_1.borderRadius,
-    ...index_1.fontSizes,
-    ...index_1.lineHeights,
-    ...index_1.fontFamilies,
-    ...index_1.fontWeights,
-    ...index_1.strokeWidths,
-    ...spacings_1.horizontalSpacings,
-    ...spacings_1.verticalSpacings,
-    ...durations_1.durations,
-    ...curves_1.curves,
-    ...colorTokens,
-    ...lightColorPalette_1.colorPaletteTokens,
-    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
-    ...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
-  };
-};
-
-exports.createLightTheme = createLightTheme;
-//# sourceMappingURL=createLightTheme.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["packages/react-components/react-theme/src/utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAEA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAEO,MAAM,gBAAgB,GAAoC,KAAK,IAAG;EACvE,MAAM,WAAW,GAAG,YAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;EAEA,OAAO,EACL,GAAG,OAAA,CAAA,YADE;IAEL,GAAG,OAAA,CAAA,SAFE;IAGL,GAAG,OAAA,CAAA,WAHE;IAIL,GAAG,OAAA,CAAA,YAJE;IAKL,GAAG,OAAA,CAAA,WALE;IAML,GAAG,OAAA,CAAA,YANE;IAOL,GAAG,UAAA,CAAA,kBAPE;IAQL,GAAG,UAAA,CAAA,gBARE;IASL,GAAG,WAAA,CAAA,SATE;IAUL,GAAG,QAAA,CAAA,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,mBAAA,CAAA,kBAbE;IAeL,GAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAfE;IAgBL,GAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;EAhBE,CAAP;AAkBD,CArBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourcesContent":["import { colorPaletteTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/createTeamsDarkTheme.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createTeamsDarkTheme = void 0;
-
-const darkColorPalette_1 = /*#__PURE__*/require("../alias/darkColorPalette");
-
-const teamsDarkColor_1 = /*#__PURE__*/require("../alias/teamsDarkColor");
-
-const index_1 = /*#__PURE__*/require("../global/index");
-
-const shadows_1 = /*#__PURE__*/require("./shadows");
-
-const durations_1 = /*#__PURE__*/require("../global/durations");
-
-const curves_1 = /*#__PURE__*/require("../global/curves");
-
-const spacings_1 = /*#__PURE__*/require("../global/spacings");
-
-const createTeamsDarkTheme = brand => {
-  const colorTokens = teamsDarkColor_1.generateColorTokens(brand);
-  return { ...index_1.borderRadius,
-    ...index_1.fontSizes,
-    ...index_1.lineHeights,
-    ...index_1.fontFamilies,
-    ...index_1.fontWeights,
-    ...index_1.strokeWidths,
-    ...spacings_1.horizontalSpacings,
-    ...spacings_1.verticalSpacings,
-    ...durations_1.durations,
-    ...curves_1.curves,
-    ...colorTokens,
-    ...darkColorPalette_1.colorPaletteTokens,
-    ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
-    ...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
-  };
-};
-
-exports.createTeamsDarkTheme = createTeamsDarkTheme;
-//# sourceMappingURL=createTeamsDarkTheme.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["packages/react-components/react-theme/src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAEA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAEO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;EAC3E,MAAM,WAAW,GAAG,gBAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;EAEA,OAAO,EACL,GAAG,OAAA,CAAA,YADE;IAEL,GAAG,OAAA,CAAA,SAFE;IAGL,GAAG,OAAA,CAAA,WAHE;IAIL,GAAG,OAAA,CAAA,YAJE;IAKL,GAAG,OAAA,CAAA,WALE;IAML,GAAG,OAAA,CAAA,YANE;IAOL,GAAG,UAAA,CAAA,kBAPE;IAQL,GAAG,UAAA,CAAA,gBARE;IASL,GAAG,WAAA,CAAA,SATE;IAUL,GAAG,QAAA,CAAA,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAAA,CAAA,kBAbE;IAeL,GAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAfE;IAgBL,GAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;EAhBE,CAAP;AAkBD,CArBM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n  const colorTokens = generateColorTokens(brand);\n\n  return {\n    ...borderRadius,\n    ...fontSizes,\n    ...lineHeights,\n    ...fontFamilies,\n    ...fontWeights,\n    ...strokeWidths,\n    ...horizontalSpacings,\n    ...verticalSpacings,\n    ...durations,\n    ...curves,\n\n    ...colorTokens,\n    ...colorPaletteTokens,\n\n    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-const tslib_1 = /*#__PURE__*/require("tslib");
-
-tslib_1.__exportStar(require("./createLightTheme"), exports);
-
-tslib_1.__exportStar(require("./createDarkTheme"), exports);
-
-tslib_1.__exportStar(require("./createTeamsDarkTheme"), exports);
-
-tslib_1.__exportStar(require("./createHighContrastTheme"), exports);
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["packages/react-components/react-theme/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","sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/shadows.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createShadowTokens = void 0;
-
-function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
-  return {
-    [`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}`
-  };
-}
-
-exports.createShadowTokens = createShadowTokens;
-//# sourceMappingURL=shadows.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["packages/react-components/react-theme/src/utils/shadows.ts"],"names":[],"mappings":";;;;;;;AAKA,SAAgB,kBAAhB,CAAmC,YAAnC,EAAyD,QAAzD,EAA2E,WAAA,GAA4B,EAAvG,EAAyG;EACvG,OAAO;IACL,CAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EADpE;IAEL,CAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAFpE;IAGL,CAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAHpE;IAIL,CAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,gBAAgB,QAAQ,EAJtE;IAKL,CAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ,EALvE;IAML,CAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ;EANvE,CAAP;AAQD;;AATD,OAAA,CAAA,kBAAA,GAAA,kBAAA","sourcesContent":["import type { ShadowBrandTokens, ShadowTokens } from '../types';\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;\nexport function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand' | '' = '') {\n  return {\n    [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n    [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n    [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n    [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,\n    [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n    [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n  };\n}\n"],"sourceRoot":"../src/"}