@fluentui/react-theme 0.0.0-nightly0e0cf06c3420211029.1 → 0.0.0-nightly131c59c96120211203.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 (107) hide show
  1. package/CHANGELOG.json +68 -4
  2. package/CHANGELOG.md +26 -5
  3. package/dist/react-theme.d.ts +42 -3
  4. package/lib/alias/dark.js +152 -114
  5. package/lib/alias/dark.js.map +1 -1
  6. package/lib/alias/highContrast.js +152 -114
  7. package/lib/alias/highContrast.js.map +1 -1
  8. package/lib/alias/light.js +152 -114
  9. package/lib/alias/light.js.map +1 -1
  10. package/lib/alias/teamsDark.js +152 -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.js +16 -17
  15. package/lib/global/brandColors.js.map +1 -1
  16. package/lib/global/colors.d.ts +2 -2
  17. package/lib/global/colors.js +125 -125
  18. package/lib/global/colors.js.map +1 -1
  19. package/lib/global/fonts.js +4 -4
  20. package/lib/global/fonts.js.map +1 -1
  21. package/lib/global/strokeWidths.js +1 -1
  22. package/lib/global/strokeWidths.js.map +1 -1
  23. package/lib/index.d.ts +1 -1
  24. package/lib/themes/teams/darkTheme.js +1 -1
  25. package/lib/themes/teams/darkTheme.js.map +1 -1
  26. package/lib/themes/teams/highContrastTheme.js +1 -1
  27. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  28. package/lib/themes/teams/lightTheme.js +1 -1
  29. package/lib/themes/teams/lightTheme.js.map +1 -1
  30. package/lib/themes/web/darkTheme.js +1 -1
  31. package/lib/themes/web/darkTheme.js.map +1 -1
  32. package/lib/themes/web/highContrastTheme.js +1 -1
  33. package/lib/themes/web/highContrastTheme.js.map +1 -1
  34. package/lib/themes/web/lightTheme.js +1 -1
  35. package/lib/themes/web/lightTheme.js.map +1 -1
  36. package/lib/types.d.ts +41 -1
  37. package/lib/utils/createDarkTheme.js +13 -4
  38. package/lib/utils/createDarkTheme.js.map +1 -1
  39. package/lib/utils/createHighContrastTheme.js +13 -4
  40. package/lib/utils/createHighContrastTheme.js.map +1 -1
  41. package/lib/utils/createLightTheme.js +13 -4
  42. package/lib/utils/createLightTheme.js.map +1 -1
  43. package/lib/utils/createTeamsDarkTheme.js +13 -4
  44. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  45. package/lib/utils/index.d.ts +0 -1
  46. package/lib/utils/index.js +0 -1
  47. package/lib/utils/index.js.map +1 -1
  48. package/lib/utils/mergeThemes.js +3 -2
  49. package/lib/utils/mergeThemes.js.map +1 -1
  50. package/lib/utils/shadows.d.ts +2 -1
  51. package/lib/utils/shadows.js +7 -7
  52. package/lib/utils/shadows.js.map +1 -1
  53. package/lib-commonjs/alias/dark.js +153 -116
  54. package/lib-commonjs/alias/dark.js.map +1 -1
  55. package/lib-commonjs/alias/highContrast.js +153 -116
  56. package/lib-commonjs/alias/highContrast.js.map +1 -1
  57. package/lib-commonjs/alias/light.js +153 -116
  58. package/lib-commonjs/alias/light.js.map +1 -1
  59. package/lib-commonjs/alias/teamsDark.js +153 -116
  60. package/lib-commonjs/alias/teamsDark.js.map +1 -1
  61. package/lib-commonjs/global/brandColors.js +14 -15
  62. package/lib-commonjs/global/brandColors.js.map +1 -1
  63. package/lib-commonjs/global/colors.d.ts +2 -2
  64. package/lib-commonjs/global/colors.js +113 -113
  65. package/lib-commonjs/global/colors.js.map +1 -1
  66. package/lib-commonjs/global/index.js +1 -1
  67. package/lib-commonjs/index.d.ts +1 -1
  68. package/lib-commonjs/index.js +1 -1
  69. package/lib-commonjs/themes/index.js +1 -1
  70. package/lib-commonjs/themes/teams/darkTheme.js +2 -2
  71. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  72. package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
  73. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  74. package/lib-commonjs/themes/teams/index.js +1 -1
  75. package/lib-commonjs/themes/teams/lightTheme.js +2 -2
  76. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  77. package/lib-commonjs/themes/web/darkTheme.js +2 -2
  78. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  79. package/lib-commonjs/themes/web/highContrastTheme.js +1 -1
  80. package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
  81. package/lib-commonjs/themes/web/index.js +1 -1
  82. package/lib-commonjs/themes/web/lightTheme.js +2 -2
  83. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  84. package/lib-commonjs/types.d.ts +41 -1
  85. package/lib-commonjs/utils/createDarkTheme.js +16 -8
  86. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  87. package/lib-commonjs/utils/createHighContrastTheme.js +16 -8
  88. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  89. package/lib-commonjs/utils/createLightTheme.js +16 -8
  90. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  91. package/lib-commonjs/utils/createTeamsDarkTheme.js +16 -8
  92. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  93. package/lib-commonjs/utils/index.d.ts +0 -1
  94. package/lib-commonjs/utils/index.js +1 -3
  95. package/lib-commonjs/utils/index.js.map +1 -1
  96. package/lib-commonjs/utils/mergeThemes.js +3 -3
  97. package/lib-commonjs/utils/mergeThemes.js.map +1 -1
  98. package/lib-commonjs/utils/shadows.d.ts +2 -1
  99. package/lib-commonjs/utils/shadows.js +7 -7
  100. package/lib-commonjs/utils/shadows.js.map +1 -1
  101. package/package.json +4 -4
  102. package/lib/utils/themeToCSSVariables.d.ts +0 -2
  103. package/lib/utils/themeToCSSVariables.js +0 -12
  104. package/lib/utils/themeToCSSVariables.js.map +0 -1
  105. package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
  106. package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
  107. package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./themes/index"), exports);
10
10
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./teams/index"), exports);
10
10
 
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.teamsDarkTheme = void 0;
7
7
 
8
- var createTeamsDarkTheme_1 = /*#__PURE__*/require("../../utils/createTeamsDarkTheme");
8
+ const createTeamsDarkTheme_1 = /*#__PURE__*/require("../../utils/createTeamsDarkTheme");
9
9
 
10
- var brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
10
+ const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
11
11
 
12
12
  exports.teamsDarkTheme = /*#__PURE__*/createTeamsDarkTheme_1.createTeamsDarkTheme(brandColors_1.brandTeams);
13
13
  //# sourceMappingURL=darkTheme.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/themes/teams/darkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,sBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,gBAAwB,sBAAA,CAAA,oBAAA,CAAqB,aAAA,CAAA,UAArB,CAAxB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/themes/teams/darkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,sBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,gBAAwB,sBAAA,CAAA,oBAAA,CAAqB,aAAA,CAAA,UAArB,CAAxB","sourceRoot":""}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.teamsHighContrastTheme = void 0;
7
7
 
8
- var createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
8
+ const createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
9
9
 
10
10
  exports.teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme_1.createHighContrastTheme();
11
11
  //# sourceMappingURL=highContrastTheme.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/themes/teams/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,gBAAgC,yBAAA,CAAA,uBAAA,EAAhC","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/themes/teams/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,gBAAgC,yBAAA,CAAA,uBAAA,EAAhC","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./lightTheme"), exports);
10
10
 
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.teamsLightTheme = void 0;
7
7
 
8
- var createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
8
+ const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
9
9
 
10
- var brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
10
+ const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
11
11
 
12
12
  exports.teamsLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandTeams);
13
13
  //# sourceMappingURL=lightTheme.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/themes/teams/lightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,kBAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,eAAA,gBAAyB,kBAAA,CAAA,gBAAA,CAAiB,aAAA,CAAA,UAAjB,CAAzB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/themes/teams/lightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,eAAA,gBAAyB,kBAAA,CAAA,gBAAA,CAAiB,aAAA,CAAA,UAAjB,CAAzB","sourceRoot":""}
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.webDarkTheme = void 0;
7
7
 
8
- var createDarkTheme_1 = /*#__PURE__*/require("../../utils/createDarkTheme");
8
+ const createDarkTheme_1 = /*#__PURE__*/require("../../utils/createDarkTheme");
9
9
 
10
- var brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
10
+ const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
11
11
 
12
12
  exports.webDarkTheme = /*#__PURE__*/createDarkTheme_1.createDarkTheme(brandColors_1.brandWeb);
13
13
  //# sourceMappingURL=darkTheme.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/themes/web/darkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,iBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,YAAA,gBAAsB,iBAAA,CAAA,eAAA,CAAgB,aAAA,CAAA,QAAhB,CAAtB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/themes/web/darkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,iBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,YAAA,gBAAsB,iBAAA,CAAA,eAAA,CAAgB,aAAA,CAAA,QAAhB,CAAtB","sourceRoot":""}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.webHighContrastTheme = void 0;
7
7
 
8
- var createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
8
+ const createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
9
9
 
10
10
  exports.webHighContrastTheme = /*#__PURE__*/createHighContrastTheme_1.createHighContrastTheme();
11
11
  //# sourceMappingURL=highContrastTheme.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/themes/web/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,gBAA8B,yBAAA,CAAA,uBAAA,EAA9B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/themes/web/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,gBAA8B,yBAAA,CAAA,uBAAA,EAA9B","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./lightTheme"), exports);
10
10
 
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.webLightTheme = void 0;
7
7
 
8
- var createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
8
+ const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
9
9
 
10
- var brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
10
+ const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
11
11
 
12
12
  exports.webLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandWeb);
13
13
  //# sourceMappingURL=lightTheme.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/themes/web/lightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,kBAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,aAAA,gBAAuB,kBAAA,CAAA,gBAAA,CAAiB,aAAA,CAAA,QAAjB,CAAvB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/themes/web/lightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,aAAA,gBAAuB,kBAAA,CAAA,gBAAA,CAAiB,aAAA,CAAA,QAAjB,CAAvB","sourceRoot":""}
@@ -3,6 +3,9 @@
3
3
  */
4
4
  export declare type ColorTokens = {
5
5
  colorNeutralForeground1: string;
6
+ colorNeutralForeground1Hover: string;
7
+ colorNeutralForeground1Pressed: string;
8
+ colorNeutralForeground1Selected: string;
6
9
  colorNeutralForeground2: string;
7
10
  colorNeutralForeground2Hover: string;
8
11
  colorNeutralForeground2Pressed: string;
@@ -19,6 +22,7 @@ export declare type ColorTokens = {
19
22
  colorNeutralForeground3BrandSelected: string;
20
23
  colorNeutralForeground4: string;
21
24
  colorNeutralForegroundDisabled: string;
25
+ colorNeutralForegroundInvertedDisabled: string;
22
26
  colorBrandForegroundLink: string;
23
27
  colorBrandForegroundLinkHover: string;
24
28
  colorBrandForegroundLinkPressed: string;
@@ -29,11 +33,21 @@ export declare type ColorTokens = {
29
33
  colorBrandForeground1: string;
30
34
  colorBrandForeground2: string;
31
35
  colorNeutralForegroundInverted: string;
36
+ colorNeutralForegroundInvertedHover: string;
37
+ colorNeutralForegroundInvertedPressed: string;
38
+ colorNeutralForegroundInvertedSelected: string;
32
39
  colorNeutralForegroundOnBrand: string;
33
40
  colorNeutralForegroundInvertedLink: string;
34
41
  colorNeutralForegroundInvertedLinkHover: string;
35
42
  colorNeutralForegroundInvertedLinkPressed: string;
36
43
  colorNeutralForegroundInvertedLinkSelected: string;
44
+ colorBrandForegroundInverted: string;
45
+ colorBrandForegroundInvertedHover: string;
46
+ colorBrandForegroundInvertedPressed: string;
47
+ colorBrandForegroundOnLight: string;
48
+ colorBrandForegroundOnLightHover: string;
49
+ colorBrandForegroundOnLightPressed: string;
50
+ colorBrandForegroundOnLightSelected: string;
37
51
  colorNeutralBackground1: string;
38
52
  colorNeutralBackground1Hover: string;
39
53
  colorNeutralBackground1Pressed: string;
@@ -60,11 +74,19 @@ export declare type ColorTokens = {
60
74
  colorSubtleBackgroundHover: string;
61
75
  colorSubtleBackgroundPressed: string;
62
76
  colorSubtleBackgroundSelected: string;
77
+ colorSubtleBackgroundLightAlphaHover: string;
78
+ colorSubtleBackgroundLightAlphaPressed: string;
79
+ colorSubtleBackgroundLightAlphaSelected: string;
80
+ colorSubtleBackgroundInverted: string;
81
+ colorSubtleBackgroundInvertedHover: string;
82
+ colorSubtleBackgroundInvertedPressed: string;
83
+ colorSubtleBackgroundInvertedSelected: string;
63
84
  colorTransparentBackground: string;
64
85
  colorTransparentBackgroundHover: string;
65
86
  colorTransparentBackgroundPressed: string;
66
87
  colorTransparentBackgroundSelected: string;
67
88
  colorNeutralBackgroundDisabled: string;
89
+ colorNeutralBackgroundInvertedDisabled: string;
68
90
  colorNeutralStencil1: string;
69
91
  colorNeutralStencil2: string;
70
92
  colorBrandBackground: string;
@@ -76,6 +98,10 @@ export declare type ColorTokens = {
76
98
  colorCompoundBrandBackgroundPressed: string;
77
99
  colorBrandBackgroundStatic: string;
78
100
  colorBrandBackground2: string;
101
+ colorBrandBackgroundInverted: string;
102
+ colorBrandBackgroundInvertedHover: string;
103
+ colorBrandBackgroundInvertedPressed: string;
104
+ colorBrandBackgroundInvertedSelected: string;
79
105
  colorNeutralStrokeAccessible: string;
80
106
  colorNeutralStrokeAccessibleHover: string;
81
107
  colorNeutralStrokeAccessiblePressed: string;
@@ -86,12 +112,18 @@ export declare type ColorTokens = {
86
112
  colorNeutralStroke1Selected: string;
87
113
  colorNeutralStroke2: string;
88
114
  colorNeutralStroke3: string;
115
+ colorNeutralStrokeOnBrand: string;
116
+ colorNeutralStrokeOnBrand2: string;
117
+ colorNeutralStrokeOnBrand2Hover: string;
118
+ colorNeutralStrokeOnBrand2Pressed: string;
119
+ colorNeutralStrokeOnBrand2Selected: string;
89
120
  colorBrandStroke1: string;
90
121
  colorBrandStroke2: string;
91
122
  colorCompoundBrandStroke: string;
92
123
  colorCompoundBrandStrokeHover: string;
93
124
  colorCompoundBrandStrokePressed: string;
94
125
  colorNeutralStrokeDisabled: string;
126
+ colorNeutralStrokeInvertedDisabled: string;
95
127
  colorTransparentStroke: string;
96
128
  colorTransparentStrokeInteractive: string;
97
129
  colorTransparentStrokeDisabled: string;
@@ -296,6 +328,14 @@ export declare type ShadowTokens = {
296
328
  shadow28: string;
297
329
  shadow64: string;
298
330
  };
331
+ export declare type ShadowBrandTokens = {
332
+ shadow2Brand: string;
333
+ shadow4Brand: string;
334
+ shadow8Brand: string;
335
+ shadow16Brand: string;
336
+ shadow28Brand: string;
337
+ shadow64Brand: string;
338
+ };
299
339
  export declare type GhostColorTokens = {
300
340
  ghostBackground: string;
301
341
  ghostBackgroundHover: string;
@@ -323,5 +363,5 @@ export declare type BrandColorTokens = {
323
363
  };
324
364
  export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 | 56 | 58 | 60 | 62 | 64 | 66 | 68 | 70 | 72 | 74 | 76 | 78 | 80 | 82 | 84 | 86 | 88 | 90 | 92 | 94 | 96 | 98 | 100;
325
365
  export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
326
- export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
366
+ export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
327
367
  export declare type PartialTheme = Partial<Theme>;
@@ -5,17 +5,25 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.createDarkTheme = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const dark_1 = /*#__PURE__*/require("../alias/dark");
9
9
 
10
- var dark_1 = /*#__PURE__*/require("../alias/dark");
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 createDarkTheme = function (brand) {
17
- var colorTokens = dark_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), dark_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
14
+ const createDarkTheme = brand => {
15
+ const colorTokens = dark_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
+ ...dark_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.createDarkTheme = createDarkTheme;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,MAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,IAAM,eAAe,GAAoC,UAAA,KAAA,EAAK;AACnE,MAAM,WAAW,GAAG,MAAA,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,MAAA,CAAA,kBATL,CAAA,EAWK,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXL,CAAA;AAaD,CAhBM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,MAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,eAAe,GAAoC,KAAK,IAAG;AACtE,QAAM,WAAW,GAAG,MAAA,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,MAAA,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,eAAA,GAAe,eAAf","sourceRoot":""}
@@ -5,17 +5,25 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.createHighContrastTheme = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const highContrast_1 = /*#__PURE__*/require("../alias/highContrast");
9
9
 
10
- var highContrast_1 = /*#__PURE__*/require("../alias/highContrast");
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 createHighContrastTheme = function () {
17
- var colorTokens = highContrast_1.generateColorTokens();
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), highContrast_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
14
+ const createHighContrastTheme = () => {
15
+ const colorTokens = highContrast_1.generateColorTokens();
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
+ ...highContrast_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.createHighContrastTheme = createHighContrastTheme;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,cAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,IAAM,uBAAuB,GAAG,YAAA;AACrC,MAAM,WAAW,GAAG,cAAA,CAAA,mBAAA,EAApB;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,cAAA,CAAA,kBATL,CAAA,EAWK,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXL,CAAA;AAaD,CAhBM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,cAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,MAAM,uBAAuB,GAAG,MAAY;AACjD,QAAM,WAAW,GAAG,cAAA,CAAA,mBAAA,EAApB;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,cAAA,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,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
@@ -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":["../../src/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","sourceRoot":""}
@@ -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":["../../src/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","sourceRoot":""}
@@ -3,4 +3,3 @@ export * from './createDarkTheme';
3
3
  export * from './createTeamsDarkTheme';
4
4
  export * from './createHighContrastTheme';
5
5
  export { mergeThemes } from './mergeThemes';
6
- export * from './themeToCSSVariables';
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.mergeThemes = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const tslib_1 = /*#__PURE__*/require("tslib");
9
9
 
10
10
  tslib_1.__exportStar(require("./createLightTheme"), exports);
11
11
 
@@ -23,6 +23,4 @@ Object.defineProperty(exports, "mergeThemes", {
23
23
  return mergeThemes_1.mergeThemes;
24
24
  }
25
25
  });
26
-
27
- tslib_1.__exportStar(require("./themeToCSSVariables"), exports);
28
26
  //# 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":["../../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","sourceRoot":""}
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.mergeThemes = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
9
-
10
8
  function mergeThemes(a, b) {
11
9
  // Merge impacts perf: we should like to avoid it if it's possible
12
10
  if (a && b) {
13
- return tslib_1.__assign(tslib_1.__assign({}, a), b);
11
+ return { ...a,
12
+ ...b
13
+ };
14
14
  }
15
15
 
16
16
  if (a) {
@@ -1 +1 @@
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
+ {"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 +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":["../../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": "0.0.0-nightly0e0cf06c3420211029.1",
3
+ "version": "0.0.0-nightly131c59c96120211203.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",
21
+ "start": "yarn storybook",
22
22
  "storybook": "start-storybook",
23
23
  "test": "jest",
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 { 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 { 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":""}