@fluentui/react-theme 9.0.0-nightly.b5b7401007.0 → 9.0.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/CHANGELOG.json +154 -10
  2. package/CHANGELOG.md +51 -7
  3. package/dist/react-theme.d.ts +106 -74
  4. package/lib/alias/dark.js +155 -114
  5. package/lib/alias/dark.js.map +1 -1
  6. package/lib/alias/highContrast.js +155 -114
  7. package/lib/alias/highContrast.js.map +1 -1
  8. package/lib/alias/light.js +155 -114
  9. package/lib/alias/light.js.map +1 -1
  10. package/lib/alias/teamsDark.js +155 -114
  11. package/lib/alias/teamsDark.js.map +1 -1
  12. package/lib/global/borderRadius.js +1 -1
  13. package/lib/global/borderRadius.js.map +1 -1
  14. package/lib/global/brandColors.d.ts +1 -0
  15. package/lib/global/brandColors.js +53 -31
  16. package/lib/global/brandColors.js.map +1 -1
  17. package/lib/global/colors.d.ts +2 -2
  18. package/lib/global/colors.js +125 -125
  19. package/lib/global/colors.js.map +1 -1
  20. package/lib/global/fonts.js +4 -4
  21. package/lib/global/fonts.js.map +1 -1
  22. package/lib/global/index.js.map +1 -1
  23. package/lib/global/strokeWidths.js +1 -1
  24. package/lib/global/strokeWidths.js.map +1 -1
  25. package/lib/index.d.ts +3 -1
  26. package/lib/index.js +2 -0
  27. package/lib/index.js.map +1 -1
  28. package/lib/themeToTokensObject.d.ts +10 -0
  29. package/lib/themeToTokensObject.js +19 -0
  30. package/lib/themeToTokensObject.js.map +1 -0
  31. package/lib/themes/index.js.map +1 -1
  32. package/lib/themes/teams/darkTheme.js +1 -1
  33. package/lib/themes/teams/darkTheme.js.map +1 -1
  34. package/lib/themes/teams/highContrastTheme.js +1 -1
  35. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  36. package/lib/themes/teams/index.js.map +1 -1
  37. package/lib/themes/teams/lightTheme.js +1 -1
  38. package/lib/themes/teams/lightTheme.js.map +1 -1
  39. package/lib/themes/web/darkTheme.js +1 -1
  40. package/lib/themes/web/darkTheme.js.map +1 -1
  41. package/lib/themes/web/highContrastTheme.js +1 -1
  42. package/lib/themes/web/highContrastTheme.js.map +1 -1
  43. package/lib/themes/web/index.js.map +1 -1
  44. package/lib/themes/web/lightTheme.js +1 -1
  45. package/lib/themes/web/lightTheme.js.map +1 -1
  46. package/lib/tokens.d.ts +2 -0
  47. package/lib/tokens.js +687 -0
  48. package/lib/tokens.js.map +1 -0
  49. package/lib/types.d.ts +92 -77
  50. package/lib/types.js.map +1 -1
  51. package/lib/utils/createDarkTheme.js +13 -4
  52. package/lib/utils/createDarkTheme.js.map +1 -1
  53. package/lib/utils/createHighContrastTheme.js +13 -4
  54. package/lib/utils/createHighContrastTheme.js.map +1 -1
  55. package/lib/utils/createLightTheme.js +13 -4
  56. package/lib/utils/createLightTheme.js.map +1 -1
  57. package/lib/utils/createTeamsDarkTheme.js +13 -4
  58. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  59. package/lib/utils/index.d.ts +0 -2
  60. package/lib/utils/index.js +0 -2
  61. package/lib/utils/index.js.map +1 -1
  62. package/lib/utils/shadows.d.ts +2 -1
  63. package/lib/utils/shadows.js +7 -7
  64. package/lib/utils/shadows.js.map +1 -1
  65. package/lib-commonjs/alias/dark.js +155 -115
  66. package/lib-commonjs/alias/dark.js.map +1 -1
  67. package/lib-commonjs/alias/highContrast.js +155 -115
  68. package/lib-commonjs/alias/highContrast.js.map +1 -1
  69. package/lib-commonjs/alias/light.js +155 -115
  70. package/lib-commonjs/alias/light.js.map +1 -1
  71. package/lib-commonjs/alias/teamsDark.js +155 -115
  72. package/lib-commonjs/alias/teamsDark.js.map +1 -1
  73. package/lib-commonjs/global/borderRadius.js.map +1 -1
  74. package/lib-commonjs/global/brandColors.d.ts +1 -0
  75. package/lib-commonjs/global/brandColors.js +52 -30
  76. package/lib-commonjs/global/brandColors.js.map +1 -1
  77. package/lib-commonjs/global/colors.d.ts +2 -2
  78. package/lib-commonjs/global/colors.js +113 -113
  79. package/lib-commonjs/global/colors.js.map +1 -1
  80. package/lib-commonjs/global/fonts.js.map +1 -1
  81. package/lib-commonjs/global/index.js +1 -1
  82. package/lib-commonjs/global/index.js.map +1 -1
  83. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  84. package/lib-commonjs/index.d.ts +3 -1
  85. package/lib-commonjs/index.js +20 -1
  86. package/lib-commonjs/index.js.map +1 -1
  87. package/lib-commonjs/themeToTokensObject.d.ts +10 -0
  88. package/lib-commonjs/themeToTokensObject.js +28 -0
  89. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  90. package/lib-commonjs/themes/index.js +1 -1
  91. package/lib-commonjs/themes/index.js.map +1 -1
  92. package/lib-commonjs/themes/teams/darkTheme.js +2 -2
  93. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  94. package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
  95. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  96. package/lib-commonjs/themes/teams/index.js +1 -1
  97. package/lib-commonjs/themes/teams/index.js.map +1 -1
  98. package/lib-commonjs/themes/teams/lightTheme.js +2 -2
  99. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  100. package/lib-commonjs/themes/web/darkTheme.js +2 -2
  101. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  102. package/lib-commonjs/themes/web/highContrastTheme.js +1 -1
  103. package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
  104. package/lib-commonjs/themes/web/index.js +1 -1
  105. package/lib-commonjs/themes/web/index.js.map +1 -1
  106. package/lib-commonjs/themes/web/lightTheme.js +2 -2
  107. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  108. package/lib-commonjs/tokens.d.ts +2 -0
  109. package/lib-commonjs/tokens.js +693 -0
  110. package/lib-commonjs/tokens.js.map +1 -0
  111. package/lib-commonjs/types.d.ts +92 -77
  112. package/lib-commonjs/types.js.map +1 -1
  113. package/lib-commonjs/utils/createDarkTheme.js +16 -8
  114. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  115. package/lib-commonjs/utils/createHighContrastTheme.js +16 -8
  116. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  117. package/lib-commonjs/utils/createLightTheme.js +16 -8
  118. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  119. package/lib-commonjs/utils/createTeamsDarkTheme.js +16 -8
  120. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  121. package/lib-commonjs/utils/index.d.ts +0 -2
  122. package/lib-commonjs/utils/index.js +1 -13
  123. package/lib-commonjs/utils/index.js.map +1 -1
  124. package/lib-commonjs/utils/shadows.d.ts +2 -1
  125. package/lib-commonjs/utils/shadows.js +7 -7
  126. package/lib-commonjs/utils/shadows.js.map +1 -1
  127. package/package.json +6 -6
  128. package/lib/utils/mergeThemes.d.ts +0 -2
  129. package/lib/utils/mergeThemes.js +0 -14
  130. package/lib/utils/mergeThemes.js.map +0 -1
  131. package/lib/utils/themeToCSSVariables.d.ts +0 -2
  132. package/lib/utils/themeToCSSVariables.js +0 -12
  133. package/lib/utils/themeToCSSVariables.js.map +0 -1
  134. package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
  135. package/lib-commonjs/utils/mergeThemes.js +0 -24
  136. package/lib-commonjs/utils/mergeThemes.js.map +0 -1
  137. package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
  138. package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
  139. package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
@@ -5,17 +5,25 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.createLightTheme = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const light_1 = /*#__PURE__*/require("../alias/light");
9
9
 
10
- var light_1 = /*#__PURE__*/require("../alias/light");
10
+ const index_1 = /*#__PURE__*/require("../global/index");
11
11
 
12
- var index_1 = /*#__PURE__*/require("../global/index");
12
+ const shadows_1 = /*#__PURE__*/require("./shadows");
13
13
 
14
- var shadows_1 = /*#__PURE__*/require("./shadows");
15
-
16
- var createLightTheme = function (brand) {
17
- var colorTokens = light_1.generateColorTokens(brand);
18
- return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), colorTokens), light_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
14
+ const createLightTheme = brand => {
15
+ const colorTokens = light_1.generateColorTokens(brand);
16
+ return { ...index_1.borderRadius,
17
+ ...index_1.fontSizes,
18
+ ...index_1.lineHeights,
19
+ ...index_1.fontFamilies,
20
+ ...index_1.fontWeights,
21
+ ...index_1.strokeWidths,
22
+ ...colorTokens,
23
+ ...light_1.colorPaletteTokens,
24
+ ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
25
+ ...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
26
+ };
19
27
  };
20
28
 
21
29
  exports.createLightTheme = createLightTheme;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,IAAM,gBAAgB,GAAoC,UAAA,KAAA,EAAK;AACpE,MAAM,WAAW,GAAG,OAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACK,OAAA,CAAA,YADL,CAAA,EAEK,OAAA,CAAA,SAFL,CAAA,EAGK,OAAA,CAAA,WAHL,CAAA,EAIK,OAAA,CAAA,YAJL,CAAA,EAKK,OAAA,CAAA,WALL,CAAA,EAMK,OAAA,CAAA,YANL,CAAA,EAQK,WARL,CAAA,EASK,OAAA,CAAA,kBATL,CAAA,EAWK,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXL,CAAA;AAaD,CAhBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
1
+ {"version":3,"sources":["utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,gBAAgB,GAAoC,KAAK,IAAG;AACvE,QAAM,WAAW,GAAG,OAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,OAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXE;AAYL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAZE,GAAP;AAcD,CAjBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourcesContent":["import { colorPaletteTokens, generateColorTokens } from '../alias/light';\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\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\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"sourceRoot":"../src/"}
@@ -5,17 +5,25 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.createTeamsDarkTheme = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const teamsDark_1 = /*#__PURE__*/require("../alias/teamsDark");
9
9
 
10
- var teamsDark_1 = /*#__PURE__*/require("../alias/teamsDark");
10
+ const index_1 = /*#__PURE__*/require("../global/index");
11
11
 
12
- var index_1 = /*#__PURE__*/require("../global/index");
12
+ const shadows_1 = /*#__PURE__*/require("./shadows");
13
13
 
14
- var shadows_1 = /*#__PURE__*/require("./shadows");
15
-
16
- var createTeamsDarkTheme = function (brand) {
17
- var colorTokens = teamsDark_1.generateColorTokens(brand);
18
- return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), colorTokens), teamsDark_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
14
+ const createTeamsDarkTheme = brand => {
15
+ const colorTokens = teamsDark_1.generateColorTokens(brand);
16
+ return { ...index_1.borderRadius,
17
+ ...index_1.fontSizes,
18
+ ...index_1.lineHeights,
19
+ ...index_1.fontFamilies,
20
+ ...index_1.fontWeights,
21
+ ...index_1.strokeWidths,
22
+ ...colorTokens,
23
+ ...teamsDark_1.colorPaletteTokens,
24
+ ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
25
+ ...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
26
+ };
19
27
  };
20
28
 
21
29
  exports.createTeamsDarkTheme = createTeamsDarkTheme;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,WAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,IAAM,oBAAoB,GAAoC,UAAA,KAAA,EAAK;AACxE,MAAM,WAAW,GAAG,WAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACK,OAAA,CAAA,YADL,CAAA,EAEK,OAAA,CAAA,SAFL,CAAA,EAGK,OAAA,CAAA,WAHL,CAAA,EAIK,OAAA,CAAA,YAJL,CAAA,EAKK,OAAA,CAAA,WALL,CAAA,EAMK,OAAA,CAAA,YANL,CAAA,EAQK,WARL,CAAA,EASK,WAAA,CAAA,kBATL,CAAA,EAWK,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXL,CAAA;AAaD,CAhBM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
1
+ {"version":3,"sources":["utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,WAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;AAC3E,QAAM,WAAW,GAAG,WAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAQL,OAAG,WARE;AASL,OAAG,WAAA,CAAA,kBATE;AAWL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXE;AAYL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAZE,GAAP;AAcD,CAjBM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import { colorPaletteTokens, generateColorTokens } from '../alias/teamsDark';\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\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\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"sourceRoot":"../src/"}
@@ -2,5 +2,3 @@ export * from './createLightTheme';
2
2
  export * from './createDarkTheme';
3
3
  export * from './createTeamsDarkTheme';
4
4
  export * from './createHighContrastTheme';
5
- export { mergeThemes } from './mergeThemes';
6
- export * from './themeToCSSVariables';
@@ -3,9 +3,8 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.mergeThemes = void 0;
7
6
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
9
8
 
10
9
  tslib_1.__exportStar(require("./createLightTheme"), exports);
11
10
 
@@ -14,15 +13,4 @@ tslib_1.__exportStar(require("./createDarkTheme"), exports);
14
13
  tslib_1.__exportStar(require("./createTeamsDarkTheme"), exports);
15
14
 
16
15
  tslib_1.__exportStar(require("./createHighContrastTheme"), exports);
17
-
18
- var mergeThemes_1 = /*#__PURE__*/require("./mergeThemes");
19
-
20
- Object.defineProperty(exports, "mergeThemes", {
21
- enumerable: true,
22
- get: function () {
23
- return mergeThemes_1.mergeThemes;
24
- }
25
- });
26
-
27
- tslib_1.__exportStar(require("./themeToCSSVariables"), exports);
28
16
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../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;;AAEA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,aAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,aAAA,CAAA,WAAA;AAAW;AAAX,CAAA;;AACT,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
1
+ {"version":3,"sources":["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/"}
@@ -1,2 +1,3 @@
1
- import type { ShadowTokens } from '../types';
1
+ import type { ShadowBrandTokens, ShadowTokens } from '../types';
2
+ export declare function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;
2
3
  export declare function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.createShadowTokens = void 0;
7
7
 
8
- function createShadowTokens(ambientColor, keyColor) {
8
+ function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
9
9
  return {
10
- shadow2: "0 0 2px " + ambientColor + ", 0 1px 2px " + keyColor,
11
- shadow4: "0 0 2px " + ambientColor + ", 0 2px 4px " + keyColor,
12
- shadow8: "0 0 2px " + ambientColor + ", 0 4px 8px " + keyColor,
13
- shadow16: "0 0 2px " + ambientColor + ", 0 6px 16px " + keyColor,
14
- shadow28: "0 0 8px " + ambientColor + ", 0 14px 28px " + keyColor,
15
- shadow64: "0 0 8px " + ambientColor + ", 0 32px 64px " + keyColor
10
+ [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
11
+ [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
12
+ [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
13
+ [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,
14
+ [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
15
+ [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
16
16
  };
17
17
  }
18
18
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/shadows.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,kBAAhB,CAAmC,YAAnC,EAAyD,QAAzD,EAAyE;AACvE,SAAO;AACL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAD1C;AAEL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAF1C;AAGL,IAAA,OAAO,EAAE,aAAW,YAAX,GAAuB,cAAvB,GAAsC,QAH1C;AAIL,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,eAAvB,GAAuC,QAJ5C;AAKL,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,gBAAvB,GAAwC,QAL7C;AAML,IAAA,QAAQ,EAAE,aAAW,YAAX,GAAuB,gBAAvB,GAAwC;AAN7C,GAAP;AAQD;;AATD,OAAA,CAAA,kBAAA,GAAA,kBAAA","sourceRoot":""}
1
+ {"version":3,"sources":["utils/shadows.ts"],"names":[],"mappings":";;;;;;;AAKA,SAAgB,kBAAhB,CAAmC,YAAnC,EAAyD,QAAzD,EAA2E,WAAA,GAA4B,EAAvG,EAAyG;AACvG,SAAO;AACL,KAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EADpE;AAEL,KAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAFpE;AAGL,KAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAHpE;AAIL,KAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,gBAAgB,QAAQ,EAJtE;AAKL,KAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ,EALvE;AAML,KAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ;AANvE,GAAP;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/"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-theme",
3
- "version": "9.0.0-nightly.b5b7401007.0",
3
+ "version": "9.0.0-rc.3",
4
4
  "description": "Fluent UI themes",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -18,11 +18,12 @@
18
18
  "code-style": "just-scripts code-style",
19
19
  "just": "just-scripts",
20
20
  "lint": "just-scripts lint",
21
- "start": "storybook",
22
- "storybook": "start-storybook",
23
- "test": "jest",
21
+ "start": "yarn storybook",
22
+ "storybook": "node ../../scripts/storybook/runner",
23
+ "test": "jest --passWithNoTests",
24
24
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
25
- "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-theme/src && yarn docs"
25
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-theme/src && yarn docs",
26
+ "type-check": "tsc -b tsconfig.json"
26
27
  },
27
28
  "devDependencies": {
28
29
  "@fluentui/eslint-plugin": "*",
@@ -42,7 +43,6 @@
42
43
  "react-dom": ">=16.8.0 <18.0.0"
43
44
  },
44
45
  "beachball": {
45
- "tag": "beta",
46
46
  "disallowedChangeTypes": [
47
47
  "major",
48
48
  "minor",
@@ -1,2 +0,0 @@
1
- import type { PartialTheme, Theme } from '../types';
2
- export declare function mergeThemes(a: Theme | undefined, b: PartialTheme | Theme | undefined): Theme;
@@ -1,14 +0,0 @@
1
- import { __assign } from "tslib";
2
- export function mergeThemes(a, b) {
3
- // Merge impacts perf: we should like to avoid it if it's possible
4
- if (a && b) {
5
- return __assign(__assign({}, a), b);
6
- }
7
-
8
- if (a) {
9
- return a;
10
- }
11
-
12
- return b;
13
- }
14
- //# sourceMappingURL=mergeThemes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/utils/mergeThemes.ts"],"names":[],"mappings":";AAEA,OAAM,SAAU,WAAV,CAAsB,CAAtB,EAA4C,CAA5C,EAA+E;AACnF;AACA,MAAI,CAAC,IAAI,CAAT,EAAY;AACV,WAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAY,CAAZ,CAAA,EAAkB,CAAlB,CAAA;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD","sourceRoot":""}
@@ -1,2 +0,0 @@
1
- import type { Theme } from '../types';
2
- export declare function themeToCSSVariables(theme: Theme): Record<string, string | number>;
@@ -1,12 +0,0 @@
1
- export function themeToCSSVariables(theme) {
2
- var result = {};
3
-
4
- for (var propertyName in theme) {
5
- if (Object.prototype.hasOwnProperty.call(theme, propertyName)) {
6
- result["--" + propertyName] = theme[propertyName];
7
- }
8
- }
9
-
10
- return result;
11
- }
12
- //# sourceMappingURL=themeToCSSVariables.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/utils/themeToCSSVariables.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,mBAAV,CAA8B,KAA9B,EAA0C;AAC9C,MAAM,MAAM,GAA2C,EAAvD;;AAEA,OAAK,IAAM,YAAX,IAA2B,KAA3B,EAAkC;AAChC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,KAArC,EAA4C,YAA5C,CAAJ,EAA+D;AAC7D,MAAA,MAAM,CAAC,OAAK,YAAN,CAAN,GAA8B,KAAK,CAAC,YAAD,CAAnC;AACD;AACF;;AAED,SAAO,MAAP;AACD","sourceRoot":""}
@@ -1,2 +0,0 @@
1
- import type { PartialTheme, Theme } from '../types';
2
- export declare function mergeThemes(a: Theme | undefined, b: PartialTheme | Theme | undefined): Theme;
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.mergeThemes = void 0;
7
-
8
- var tslib_1 = /*#__PURE__*/require("tslib");
9
-
10
- function mergeThemes(a, b) {
11
- // Merge impacts perf: we should like to avoid it if it's possible
12
- if (a && b) {
13
- return tslib_1.__assign(tslib_1.__assign({}, a), b);
14
- }
15
-
16
- if (a) {
17
- return a;
18
- }
19
-
20
- return b;
21
- }
22
-
23
- exports.mergeThemes = mergeThemes;
24
- //# sourceMappingURL=mergeThemes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/utils/mergeThemes.ts"],"names":[],"mappings":";;;;;;;;;AAEA,SAAgB,WAAhB,CAA4B,CAA5B,EAAkD,CAAlD,EAAqF;AACnF;AACA,MAAI,CAAC,IAAI,CAAT,EAAY;AACV,WAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAAY,CAAZ,CAAA,EAAkB,CAAlB,CAAA;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD;;AAXD,OAAA,CAAA,WAAA,GAAA,WAAA","sourceRoot":""}
@@ -1,2 +0,0 @@
1
- import type { Theme } from '../types';
2
- export declare function themeToCSSVariables(theme: Theme): Record<string, string | number>;
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.themeToCSSVariables = void 0;
7
-
8
- function themeToCSSVariables(theme) {
9
- var result = {};
10
-
11
- for (var propertyName in theme) {
12
- if (Object.prototype.hasOwnProperty.call(theme, propertyName)) {
13
- result["--" + propertyName] = theme[propertyName];
14
- }
15
- }
16
-
17
- return result;
18
- }
19
-
20
- exports.themeToCSSVariables = themeToCSSVariables;
21
- //# sourceMappingURL=themeToCSSVariables.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/utils/themeToCSSVariables.ts"],"names":[],"mappings":";;;;;;;AAEA,SAAgB,mBAAhB,CAAoC,KAApC,EAAgD;AAC9C,MAAM,MAAM,GAA2C,EAAvD;;AAEA,OAAK,IAAM,YAAX,IAA2B,KAA3B,EAAkC;AAChC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,KAArC,EAA4C,YAA5C,CAAJ,EAA+D;AAC7D,MAAA,MAAM,CAAC,OAAK,YAAN,CAAN,GAA8B,KAAK,CAAC,YAAD,CAAnC;AACD;AACF;;AAED,SAAO,MAAP;AACD;;AAVD,OAAA,CAAA,mBAAA,GAAA,mBAAA","sourceRoot":""}