@fluentui/react-theme 0.0.0-nightly627ad67f1120211109.1 → 0.0.0-nightly6faffd280a20220221.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 (120) hide show
  1. package/CHANGELOG.json +148 -4
  2. package/CHANGELOG.md +49 -5
  3. package/dist/react-theme.d.ts +106 -74
  4. package/lib/alias/dark.js +71 -36
  5. package/lib/alias/dark.js.map +1 -1
  6. package/lib/alias/highContrast.js +41 -6
  7. package/lib/alias/highContrast.js.map +1 -1
  8. package/lib/alias/light.js +67 -32
  9. package/lib/alias/light.js.map +1 -1
  10. package/lib/alias/teamsDark.js +70 -35
  11. package/lib/alias/teamsDark.js.map +1 -1
  12. package/lib/global/borderRadius.js.map +1 -1
  13. package/lib/global/brandColors.d.ts +1 -0
  14. package/lib/global/brandColors.js +51 -29
  15. package/lib/global/brandColors.js.map +1 -1
  16. package/lib/global/colors.d.ts +2 -2
  17. package/lib/global/colors.js +14 -14
  18. package/lib/global/colors.js.map +1 -1
  19. package/lib/global/fonts.js.map +1 -1
  20. package/lib/global/index.js.map +1 -1
  21. package/lib/global/strokeWidths.js.map +1 -1
  22. package/lib/index.d.ts +3 -1
  23. package/lib/index.js +2 -0
  24. package/lib/index.js.map +1 -1
  25. package/lib/themeToTokensObject.d.ts +10 -0
  26. package/lib/themeToTokensObject.js +19 -0
  27. package/lib/themeToTokensObject.js.map +1 -0
  28. package/lib/themes/index.js.map +1 -1
  29. package/lib/themes/teams/darkTheme.js.map +1 -1
  30. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  31. package/lib/themes/teams/index.js.map +1 -1
  32. package/lib/themes/teams/lightTheme.js.map +1 -1
  33. package/lib/themes/web/darkTheme.js.map +1 -1
  34. package/lib/themes/web/highContrastTheme.js.map +1 -1
  35. package/lib/themes/web/index.js.map +1 -1
  36. package/lib/themes/web/lightTheme.js.map +1 -1
  37. package/lib/tokens.d.ts +2 -0
  38. package/lib/tokens.js +687 -0
  39. package/lib/tokens.js.map +1 -0
  40. package/lib/types.d.ts +92 -77
  41. package/lib/types.js.map +1 -1
  42. package/lib/utils/createDarkTheme.js +2 -1
  43. package/lib/utils/createDarkTheme.js.map +1 -1
  44. package/lib/utils/createHighContrastTheme.js +2 -1
  45. package/lib/utils/createHighContrastTheme.js.map +1 -1
  46. package/lib/utils/createLightTheme.js +2 -1
  47. package/lib/utils/createLightTheme.js.map +1 -1
  48. package/lib/utils/createTeamsDarkTheme.js +2 -1
  49. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  50. package/lib/utils/index.d.ts +0 -2
  51. package/lib/utils/index.js +0 -2
  52. package/lib/utils/index.js.map +1 -1
  53. package/lib/utils/shadows.d.ts +2 -1
  54. package/lib/utils/shadows.js +7 -7
  55. package/lib/utils/shadows.js.map +1 -1
  56. package/lib-commonjs/alias/dark.js +70 -35
  57. package/lib-commonjs/alias/dark.js.map +1 -1
  58. package/lib-commonjs/alias/highContrast.js +40 -5
  59. package/lib-commonjs/alias/highContrast.js.map +1 -1
  60. package/lib-commonjs/alias/light.js +66 -31
  61. package/lib-commonjs/alias/light.js.map +1 -1
  62. package/lib-commonjs/alias/teamsDark.js +69 -34
  63. package/lib-commonjs/alias/teamsDark.js.map +1 -1
  64. package/lib-commonjs/global/borderRadius.js.map +1 -1
  65. package/lib-commonjs/global/brandColors.d.ts +1 -0
  66. package/lib-commonjs/global/brandColors.js +52 -30
  67. package/lib-commonjs/global/brandColors.js.map +1 -1
  68. package/lib-commonjs/global/colors.d.ts +2 -2
  69. package/lib-commonjs/global/colors.js +15 -15
  70. package/lib-commonjs/global/colors.js.map +1 -1
  71. package/lib-commonjs/global/fonts.js.map +1 -1
  72. package/lib-commonjs/global/index.js.map +1 -1
  73. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  74. package/lib-commonjs/index.d.ts +3 -1
  75. package/lib-commonjs/index.js +19 -0
  76. package/lib-commonjs/index.js.map +1 -1
  77. package/lib-commonjs/themeToTokensObject.d.ts +10 -0
  78. package/lib-commonjs/themeToTokensObject.js +28 -0
  79. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  80. package/lib-commonjs/themes/index.js.map +1 -1
  81. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  82. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  83. package/lib-commonjs/themes/teams/index.js.map +1 -1
  84. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  85. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  86. package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
  87. package/lib-commonjs/themes/web/index.js.map +1 -1
  88. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  89. package/lib-commonjs/tokens.d.ts +2 -0
  90. package/lib-commonjs/tokens.js +693 -0
  91. package/lib-commonjs/tokens.js.map +1 -0
  92. package/lib-commonjs/types.d.ts +92 -77
  93. package/lib-commonjs/types.js.map +1 -1
  94. package/lib-commonjs/utils/createDarkTheme.js +2 -1
  95. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  96. package/lib-commonjs/utils/createHighContrastTheme.js +2 -1
  97. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  98. package/lib-commonjs/utils/createLightTheme.js +2 -1
  99. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  100. package/lib-commonjs/utils/createTeamsDarkTheme.js +2 -1
  101. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  102. package/lib-commonjs/utils/index.d.ts +0 -2
  103. package/lib-commonjs/utils/index.js +0 -12
  104. package/lib-commonjs/utils/index.js.map +1 -1
  105. package/lib-commonjs/utils/shadows.d.ts +2 -1
  106. package/lib-commonjs/utils/shadows.js +7 -7
  107. package/lib-commonjs/utils/shadows.js.map +1 -1
  108. package/package.json +6 -6
  109. package/lib/utils/mergeThemes.d.ts +0 -2
  110. package/lib/utils/mergeThemes.js +0 -15
  111. package/lib/utils/mergeThemes.js.map +0 -1
  112. package/lib/utils/themeToCSSVariables.d.ts +0 -2
  113. package/lib/utils/themeToCSSVariables.js +0 -12
  114. package/lib/utils/themeToCSSVariables.js.map +0 -1
  115. package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
  116. package/lib-commonjs/utils/mergeThemes.js +0 -24
  117. package/lib-commonjs/utils/mergeThemes.js.map +0 -1
  118. package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
  119. package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
  120. package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
@@ -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,WAAW,YAAY,eAAe,QAAQ,EADlD;AAEL,IAAA,OAAO,EAAE,WAAW,YAAY,eAAe,QAAQ,EAFlD;AAGL,IAAA,OAAO,EAAE,WAAW,YAAY,eAAe,QAAQ,EAHlD;AAIL,IAAA,QAAQ,EAAE,WAAW,YAAY,gBAAgB,QAAQ,EAJpD;AAKL,IAAA,QAAQ,EAAE,WAAW,YAAY,iBAAiB,QAAQ,EALrD;AAML,IAAA,QAAQ,EAAE,WAAW,YAAY,iBAAiB,QAAQ;AANrD,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": "0.0.0-nightly627ad67f1120211109.1",
3
+ "version": "0.0.0-nightly6faffd280a20220221.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,15 +0,0 @@
1
- export function mergeThemes(a, b) {
2
- // Merge impacts perf: we should like to avoid it if it's possible
3
- if (a && b) {
4
- return { ...a,
5
- ...b
6
- };
7
- }
8
-
9
- if (a) {
10
- return a;
11
- }
12
-
13
- return b;
14
- }
15
- //# 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,WAAO,EAAE,GAAG,CAAL;AAAQ,SAAG;AAAX,KAAP;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
- const result = {};
3
-
4
- for (const 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,QAAM,MAAM,GAA2C,EAAvD;;AAEA,OAAK,MAAM,YAAX,IAA2B,KAA3B,EAAkC;AAChC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,KAArC,EAA4C,YAA5C,CAAJ,EAA+D;AAC7D,MAAA,MAAM,CAAC,KAAK,YAAY,EAAlB,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
- function mergeThemes(a, b) {
9
- // Merge impacts perf: we should like to avoid it if it's possible
10
- if (a && b) {
11
- return { ...a,
12
- ...b
13
- };
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,WAAO,EAAE,GAAG,CAAL;AAAQ,SAAG;AAAX,KAAP;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
- const result = {};
10
-
11
- for (const 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,QAAM,MAAM,GAA2C,EAAvD;;AAEA,OAAK,MAAM,YAAX,IAA2B,KAA3B,EAAkC;AAChC,QAAI,MAAM,CAAC,SAAP,CAAiB,cAAjB,CAAgC,IAAhC,CAAqC,KAArC,EAA4C,YAA5C,CAAJ,EAA+D;AAC7D,MAAA,MAAM,CAAC,KAAK,YAAY,EAAlB,CAAN,GAA8B,KAAK,CAAC,YAAD,CAAnC;AACD;AACF;;AAED,SAAO,MAAP;AACD;;AAVD,OAAA,CAAA,mBAAA,GAAA,mBAAA","sourceRoot":""}