@fluentui/react-theme 9.0.0-nightly.46b9ea7036.0 → 9.0.0-rc.1

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 (126) hide show
  1. package/CHANGELOG.json +139 -10
  2. package/CHANGELOG.md +42 -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/strokeWidths.js +1 -1
  23. package/lib/global/strokeWidths.js.map +1 -1
  24. package/lib/index.d.ts +3 -1
  25. package/lib/index.js +2 -0
  26. package/lib/index.js.map +1 -1
  27. package/lib/themeToTokensObject.d.ts +10 -0
  28. package/lib/themeToTokensObject.js +19 -0
  29. package/lib/themeToTokensObject.js.map +1 -0
  30. package/lib/themes/teams/darkTheme.js +1 -1
  31. package/lib/themes/teams/darkTheme.js.map +1 -1
  32. package/lib/themes/teams/highContrastTheme.js +1 -1
  33. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  34. package/lib/themes/teams/lightTheme.js +1 -1
  35. package/lib/themes/teams/lightTheme.js.map +1 -1
  36. package/lib/themes/web/darkTheme.js +1 -1
  37. package/lib/themes/web/darkTheme.js.map +1 -1
  38. package/lib/themes/web/highContrastTheme.js +1 -1
  39. package/lib/themes/web/highContrastTheme.js.map +1 -1
  40. package/lib/themes/web/lightTheme.js +1 -1
  41. package/lib/themes/web/lightTheme.js.map +1 -1
  42. package/lib/tokens.d.ts +2 -0
  43. package/lib/tokens.js +687 -0
  44. package/lib/tokens.js.map +1 -0
  45. package/lib/types.d.ts +92 -77
  46. package/lib/utils/createDarkTheme.js +13 -4
  47. package/lib/utils/createDarkTheme.js.map +1 -1
  48. package/lib/utils/createHighContrastTheme.js +13 -4
  49. package/lib/utils/createHighContrastTheme.js.map +1 -1
  50. package/lib/utils/createLightTheme.js +13 -4
  51. package/lib/utils/createLightTheme.js.map +1 -1
  52. package/lib/utils/createTeamsDarkTheme.js +13 -4
  53. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  54. package/lib/utils/index.d.ts +0 -2
  55. package/lib/utils/index.js +0 -2
  56. package/lib/utils/index.js.map +1 -1
  57. package/lib/utils/shadows.d.ts +2 -1
  58. package/lib/utils/shadows.js +7 -7
  59. package/lib/utils/shadows.js.map +1 -1
  60. package/lib-commonjs/alias/dark.js +155 -115
  61. package/lib-commonjs/alias/dark.js.map +1 -1
  62. package/lib-commonjs/alias/highContrast.js +155 -115
  63. package/lib-commonjs/alias/highContrast.js.map +1 -1
  64. package/lib-commonjs/alias/light.js +155 -115
  65. package/lib-commonjs/alias/light.js.map +1 -1
  66. package/lib-commonjs/alias/teamsDark.js +155 -115
  67. package/lib-commonjs/alias/teamsDark.js.map +1 -1
  68. package/lib-commonjs/global/brandColors.d.ts +1 -0
  69. package/lib-commonjs/global/brandColors.js +52 -30
  70. package/lib-commonjs/global/brandColors.js.map +1 -1
  71. package/lib-commonjs/global/colors.d.ts +2 -2
  72. package/lib-commonjs/global/colors.js +113 -113
  73. package/lib-commonjs/global/colors.js.map +1 -1
  74. package/lib-commonjs/global/index.js +1 -1
  75. package/lib-commonjs/index.d.ts +3 -1
  76. package/lib-commonjs/index.js +20 -1
  77. package/lib-commonjs/index.js.map +1 -1
  78. package/lib-commonjs/themeToTokensObject.d.ts +10 -0
  79. package/lib-commonjs/themeToTokensObject.js +28 -0
  80. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  81. package/lib-commonjs/themes/index.js +1 -1
  82. package/lib-commonjs/themes/teams/darkTheme.js +2 -2
  83. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  84. package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
  85. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  86. package/lib-commonjs/themes/teams/index.js +1 -1
  87. package/lib-commonjs/themes/teams/lightTheme.js +2 -2
  88. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  89. package/lib-commonjs/themes/web/darkTheme.js +2 -2
  90. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  91. package/lib-commonjs/themes/web/highContrastTheme.js +1 -1
  92. package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
  93. package/lib-commonjs/themes/web/index.js +1 -1
  94. package/lib-commonjs/themes/web/lightTheme.js +2 -2
  95. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  96. package/lib-commonjs/tokens.d.ts +2 -0
  97. package/lib-commonjs/tokens.js +693 -0
  98. package/lib-commonjs/tokens.js.map +1 -0
  99. package/lib-commonjs/types.d.ts +92 -77
  100. package/lib-commonjs/utils/createDarkTheme.js +16 -8
  101. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  102. package/lib-commonjs/utils/createHighContrastTheme.js +16 -8
  103. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  104. package/lib-commonjs/utils/createLightTheme.js +16 -8
  105. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  106. package/lib-commonjs/utils/createTeamsDarkTheme.js +16 -8
  107. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  108. package/lib-commonjs/utils/index.d.ts +0 -2
  109. package/lib-commonjs/utils/index.js +1 -13
  110. package/lib-commonjs/utils/index.js.map +1 -1
  111. package/lib-commonjs/utils/shadows.d.ts +2 -1
  112. package/lib-commonjs/utils/shadows.js +7 -7
  113. package/lib-commonjs/utils/shadows.js.map +1 -1
  114. package/package.json +6 -6
  115. package/lib/utils/mergeThemes.d.ts +0 -2
  116. package/lib/utils/mergeThemes.js +0 -14
  117. package/lib/utils/mergeThemes.js.map +0 -1
  118. package/lib/utils/themeToCSSVariables.d.ts +0 -2
  119. package/lib/utils/themeToCSSVariables.js +0 -12
  120. package/lib/utils/themeToCSSVariables.js.map +0 -1
  121. package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
  122. package/lib-commonjs/utils/mergeThemes.js +0 -24
  123. package/lib-commonjs/utils/mergeThemes.js.map +0 -1
  124. package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
  125. package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
  126. package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
@@ -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":["../../src/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","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-theme",
3
- "version": "9.0.0-nightly.46b9ea7036.0",
3
+ "version": "9.0.0-rc.1",
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":""}