@fluentui/react-theme 9.0.0-alpha.24 → 9.0.0-alpha.26
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.
- package/CHANGELOG.json +24 -1
- package/CHANGELOG.md +11 -2
- package/dist/react-theme.d.ts +163 -353
- package/lib/alias/dark.d.ts +3 -3
- package/lib/alias/dark.js +113 -119
- package/lib/alias/dark.js.map +1 -1
- package/lib/alias/highContrast.d.ts +3 -3
- package/lib/alias/highContrast.js +113 -119
- package/lib/alias/highContrast.js.map +1 -1
- package/lib/alias/light.d.ts +3 -3
- package/lib/alias/light.js +113 -119
- package/lib/alias/light.js.map +1 -1
- package/lib/alias/teamsDark.d.ts +3 -3
- package/lib/alias/teamsDark.js +113 -119
- package/lib/alias/teamsDark.js.map +1 -1
- package/lib/global/borderRadius.d.ts +2 -2
- package/lib/global/borderRadius.js +6 -6
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.d.ts +1 -2
- package/lib/global/brandColors.js +0 -4
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/fonts.d.ts +5 -6
- package/lib/global/fonts.js +26 -40
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.d.ts +0 -1
- package/lib/global/index.js +0 -1
- package/lib/global/index.js.map +1 -1
- package/lib/global/strokeWidths.d.ts +2 -2
- package/lib/global/strokeWidths.js +4 -4
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/index.d.ts +1 -2
- package/lib/index.js +0 -2
- package/lib/index.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -2
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/web/highContrastTheme.js +1 -2
- package/lib/themes/web/highContrastTheme.js.map +1 -1
- package/lib/types.d.ts +153 -203
- package/lib/utils/createDarkTheme.js +5 -15
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.d.ts +2 -2
- package/lib/utils/createHighContrastTheme.js +6 -16
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +5 -15
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +5 -15
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/mergeThemes.d.ts +0 -6
- package/lib/utils/mergeThemes.js +3 -60
- package/lib/utils/mergeThemes.js.map +1 -1
- package/lib/utils/shadows.d.ts +2 -2
- package/lib/utils/shadows.js +1 -1
- package/lib/utils/shadows.js.map +1 -1
- package/lib/utils/themeToCSSVariables.d.ts +1 -1
- package/lib/utils/themeToCSSVariables.js +5 -22
- package/lib/utils/themeToCSSVariables.js.map +1 -1
- package/lib-commonjs/alias/dark.d.ts +3 -3
- package/lib-commonjs/alias/dark.js +116 -123
- package/lib-commonjs/alias/dark.js.map +1 -1
- package/lib-commonjs/alias/highContrast.d.ts +3 -3
- package/lib-commonjs/alias/highContrast.js +116 -123
- package/lib-commonjs/alias/highContrast.js.map +1 -1
- package/lib-commonjs/alias/light.d.ts +3 -3
- package/lib-commonjs/alias/light.js +116 -123
- package/lib-commonjs/alias/light.js.map +1 -1
- package/lib-commonjs/alias/teamsDark.d.ts +3 -3
- package/lib-commonjs/alias/teamsDark.js +116 -123
- package/lib-commonjs/alias/teamsDark.js.map +1 -1
- package/lib-commonjs/global/borderRadius.d.ts +2 -2
- package/lib-commonjs/global/borderRadius.js +6 -6
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.d.ts +1 -2
- package/lib-commonjs/global/brandColors.js +1 -5
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/fonts.d.ts +5 -6
- package/lib-commonjs/global/fonts.js +27 -41
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.d.ts +0 -1
- package/lib-commonjs/global/index.js +0 -2
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.d.ts +2 -2
- package/lib-commonjs/global/strokeWidths.js +4 -4
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -2
- package/lib-commonjs/index.js +0 -4
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -3
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/web/highContrastTheme.js +1 -3
- package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
- package/lib-commonjs/types.d.ts +153 -203
- package/lib-commonjs/utils/createDarkTheme.js +4 -15
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +2 -2
- package/lib-commonjs/utils/createHighContrastTheme.js +5 -16
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +4 -15
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +4 -15
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/mergeThemes.d.ts +0 -6
- package/lib-commonjs/utils/mergeThemes.js +4 -61
- package/lib-commonjs/utils/mergeThemes.js.map +1 -1
- package/lib-commonjs/utils/shadows.d.ts +2 -2
- package/lib-commonjs/utils/shadows.js +3 -3
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/lib-commonjs/utils/themeToCSSVariables.d.ts +1 -1
- package/lib-commonjs/utils/themeToCSSVariables.js +5 -22
- package/lib-commonjs/utils/themeToCSSVariables.js.map +1 -1
- package/package.json +1 -1
- package/lib/global/utils.d.ts +0 -2
- package/lib/global/utils.js +0 -37
- package/lib/global/utils.js.map +0 -1
- package/lib-commonjs/global/utils.d.ts +0 -2
- package/lib-commonjs/global/utils.js +0 -51
- package/lib-commonjs/global/utils.js.map +0 -1
package/lib-commonjs/types.d.ts
CHANGED
@@ -1,130 +1,116 @@
|
|
1
1
|
/**
|
2
|
-
*
|
2
|
+
* Design tokens for alias colors
|
3
3
|
*/
|
4
|
-
declare type
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
neutralShadowAmbientLighter: string;
|
109
|
-
neutralShadowKeyLighter: string;
|
110
|
-
neutralShadowAmbientDarker: string;
|
111
|
-
neutralShadowKeyDarker: string;
|
112
|
-
brandShadowAmbient: string;
|
113
|
-
brandShadowKey: string;
|
4
|
+
export declare type ColorTokens = {
|
5
|
+
colorNeutralForeground1: string;
|
6
|
+
colorNeutralForeground2: string;
|
7
|
+
colorNeutralForeground2Hover: string;
|
8
|
+
colorNeutralForeground2Pressed: string;
|
9
|
+
colorNeutralForeground2Selected: string;
|
10
|
+
colorNeutralForeground2BrandHover: string;
|
11
|
+
colorNeutralForeground2BrandPressed: string;
|
12
|
+
colorNeutralForeground2BrandSelected: string;
|
13
|
+
colorNeutralForeground3: string;
|
14
|
+
colorNeutralForeground3Hover: string;
|
15
|
+
colorNeutralForeground3Pressed: string;
|
16
|
+
colorNeutralForeground3Selected: string;
|
17
|
+
colorNeutralForeground3BrandHover: string;
|
18
|
+
colorNeutralForeground3BrandPressed: string;
|
19
|
+
colorNeutralForeground3BrandSelected: string;
|
20
|
+
colorNeutralForeground4: string;
|
21
|
+
colorNeutralForegroundDisabled: string;
|
22
|
+
colorBrandForegroundLink: string;
|
23
|
+
colorBrandForegroundLinkHover: string;
|
24
|
+
colorBrandForegroundLinkPressed: string;
|
25
|
+
colorBrandForegroundLinkSelected: string;
|
26
|
+
colorCompoundBrandForeground1: string;
|
27
|
+
colorCompoundBrandForeground1Hover: string;
|
28
|
+
colorCompoundBrandForeground1Pressed: string;
|
29
|
+
colorBrandForeground1: string;
|
30
|
+
colorBrandForeground2: string;
|
31
|
+
colorNeutralForegroundInverted: string;
|
32
|
+
colorNeutralForegroundOnBrand: string;
|
33
|
+
colorNeutralForegroundInvertedLink: string;
|
34
|
+
colorNeutralForegroundInvertedLinkHover: string;
|
35
|
+
colorNeutralForegroundInvertedLinkPressed: string;
|
36
|
+
colorNeutralForegroundInvertedLinkSelected: string;
|
37
|
+
colorNeutralBackground1: string;
|
38
|
+
colorNeutralBackground1Hover: string;
|
39
|
+
colorNeutralBackground1Pressed: string;
|
40
|
+
colorNeutralBackground1Selected: string;
|
41
|
+
colorNeutralBackground2: string;
|
42
|
+
colorNeutralBackground2Hover: string;
|
43
|
+
colorNeutralBackground2Pressed: string;
|
44
|
+
colorNeutralBackground2Selected: string;
|
45
|
+
colorNeutralBackground3: string;
|
46
|
+
colorNeutralBackground3Hover: string;
|
47
|
+
colorNeutralBackground3Pressed: string;
|
48
|
+
colorNeutralBackground3Selected: string;
|
49
|
+
colorNeutralBackground4: string;
|
50
|
+
colorNeutralBackground4Hover: string;
|
51
|
+
colorNeutralBackground4Pressed: string;
|
52
|
+
colorNeutralBackground4Selected: string;
|
53
|
+
colorNeutralBackground5: string;
|
54
|
+
colorNeutralBackground5Hover: string;
|
55
|
+
colorNeutralBackground5Pressed: string;
|
56
|
+
colorNeutralBackground5Selected: string;
|
57
|
+
colorNeutralBackground6: string;
|
58
|
+
colorNeutralBackgroundInverted: string;
|
59
|
+
colorSubtleBackground: string;
|
60
|
+
colorSubtleBackgroundHover: string;
|
61
|
+
colorSubtleBackgroundPressed: string;
|
62
|
+
colorSubtleBackgroundSelected: string;
|
63
|
+
colorTransparentBackground: string;
|
64
|
+
colorTransparentBackgroundHover: string;
|
65
|
+
colorTransparentBackgroundPressed: string;
|
66
|
+
colorTransparentBackgroundSelected: string;
|
67
|
+
colorNeutralBackgroundDisabled: string;
|
68
|
+
colorNeutralStencil1: string;
|
69
|
+
colorNeutralStencil2: string;
|
70
|
+
colorBrandBackground: string;
|
71
|
+
colorBrandBackgroundHover: string;
|
72
|
+
colorBrandBackgroundPressed: string;
|
73
|
+
colorBrandBackgroundSelected: string;
|
74
|
+
colorCompoundBrandBackground: string;
|
75
|
+
colorCompoundBrandBackgroundHover: string;
|
76
|
+
colorCompoundBrandBackgroundPressed: string;
|
77
|
+
colorBrandBackgroundStatic: string;
|
78
|
+
colorBrandBackground2: string;
|
79
|
+
colorNeutralStrokeAccessible: string;
|
80
|
+
colorNeutralStrokeAccessibleHover: string;
|
81
|
+
colorNeutralStrokeAccessiblePressed: string;
|
82
|
+
colorNeutralStrokeAccessibleSelected: string;
|
83
|
+
colorNeutralStroke1: string;
|
84
|
+
colorNeutralStroke1Hover: string;
|
85
|
+
colorNeutralStroke1Pressed: string;
|
86
|
+
colorNeutralStroke1Selected: string;
|
87
|
+
colorNeutralStroke2: string;
|
88
|
+
colorNeutralStroke3: string;
|
89
|
+
colorBrandStroke1: string;
|
90
|
+
colorBrandStroke2: string;
|
91
|
+
colorCompoundBrandStroke: string;
|
92
|
+
colorCompoundBrandStrokeHover: string;
|
93
|
+
colorCompoundBrandStrokePressed: string;
|
94
|
+
colorNeutralStrokeDisabled: string;
|
95
|
+
colorTransparentStroke: string;
|
96
|
+
colorTransparentStrokeInteractive: string;
|
97
|
+
colorTransparentStrokeDisabled: string;
|
98
|
+
colorStrokeFocus1: string;
|
99
|
+
colorStrokeFocus2: string;
|
100
|
+
colorNeutralShadowAmbient: string;
|
101
|
+
colorNeutralShadowKey: string;
|
102
|
+
colorNeutralShadowAmbientLighter: string;
|
103
|
+
colorNeutralShadowKeyLighter: string;
|
104
|
+
colorNeutralShadowAmbientDarker: string;
|
105
|
+
colorNeutralShadowKeyDarker: string;
|
106
|
+
colorBrandShadowAmbient: string;
|
107
|
+
colorBrandShadowKey: string;
|
114
108
|
};
|
109
|
+
export declare type ColorPaletteT<Color extends string> = `colorPalette${Color}Background1` | `colorPalette${Color}Background2` | `colorPalette${Color}Background3` | `colorPalette${Color}Foreground1` | `colorPalette${Color}Foreground2` | `colorPalette${Color}Foreground3` | `colorPalette${Color}BorderActive` | `colorPalette${Color}Border2`;
|
115
110
|
/**
|
116
111
|
* Design tokens available for shared colors
|
117
112
|
*/
|
118
|
-
export declare type
|
119
|
-
background1: string;
|
120
|
-
background2: string;
|
121
|
-
background3: string;
|
122
|
-
foreground1: string;
|
123
|
-
foreground2: string;
|
124
|
-
foreground3: string;
|
125
|
-
borderActive: string;
|
126
|
-
border2: string;
|
127
|
-
};
|
113
|
+
export declare type ColorPaletteTokens = Record<ColorPaletteT<GlobalSharedColorsT>, string>;
|
128
114
|
/**
|
129
115
|
* Possible color variant values
|
130
116
|
*/
|
@@ -199,39 +185,40 @@ export declare type GlobalSharedColors = {
|
|
199
185
|
anchor: ColorVariants;
|
200
186
|
charcoal: ColorVariants;
|
201
187
|
};
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
|
188
|
+
export declare type GlobalSharedColorsT = 'DarkRed' | 'Burgundy' | 'Cranberry' | 'Red' | 'DarkOrange' | 'Bronze' | 'Pumpkin' | 'Orange' | 'Peach' | 'Marigold' | 'Yellow' | 'Gold' | 'Brass' | 'Brown' | 'DarkBrown' | 'Lime' | 'Forest' | 'Seafoam' | 'LightGreen' | 'Green' | 'DarkGreen' | 'LightTeal' | 'Teal' | 'DarkTeal' | 'Cyan' | 'Steel' | 'LightBlue' | 'Blue' | 'RoyalBlue' | 'DarkBlue' | 'Cornflower' | 'Navy' | 'Lavender' | 'Purple' | 'DarkPurple' | 'Orchid' | 'Grape' | 'Berry' | 'Lilac' | 'Pink' | 'HotPink' | 'Magenta' | 'Plum' | 'Beige' | 'Mink' | 'Silver' | 'Platinum' | 'Anchor' | 'Charcoal';
|
189
|
+
export declare type FontSizeTokens = {
|
190
|
+
fontSizeBase100: string;
|
191
|
+
fontSizeBase200: string;
|
192
|
+
fontSizeBase300: string;
|
193
|
+
fontSizeBase400: string;
|
194
|
+
fontSizeBase500: string;
|
195
|
+
fontSizeBase600: string;
|
196
|
+
fontSizeHero700: string;
|
197
|
+
fontSizeHero800: string;
|
198
|
+
fontSizeHero900: string;
|
199
|
+
fontSizeHero1000: string;
|
208
200
|
};
|
209
|
-
export declare type
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
214
|
-
|
215
|
-
|
216
|
-
|
217
|
-
|
218
|
-
|
219
|
-
|
220
|
-
800: string;
|
221
|
-
900: string;
|
222
|
-
1000: string;
|
223
|
-
};
|
201
|
+
export declare type LineHeightTokens = {
|
202
|
+
lineHeightBase100: string;
|
203
|
+
lineHeightBase200: string;
|
204
|
+
lineHeightBase300: string;
|
205
|
+
lineHeightBase400: string;
|
206
|
+
lineHeightBase500: string;
|
207
|
+
lineHeightBase600: string;
|
208
|
+
lineHeightHero700: string;
|
209
|
+
lineHeightHero800: string;
|
210
|
+
lineHeightHero900: string;
|
211
|
+
lineHeightHero1000: string;
|
224
212
|
};
|
225
|
-
export declare type
|
226
|
-
|
227
|
-
|
228
|
-
|
229
|
-
semibold: number;
|
213
|
+
export declare type FontWeightTokens = {
|
214
|
+
fontWeightRegular: number;
|
215
|
+
fontWeightMedium: number;
|
216
|
+
fontWeightSemibold: number;
|
230
217
|
};
|
231
|
-
export declare type
|
232
|
-
|
233
|
-
|
234
|
-
|
218
|
+
export declare type FontFamilyTokens = {
|
219
|
+
fontFamilyBase: string;
|
220
|
+
fontFamilyMonospace: string;
|
221
|
+
fontFamilyNumeric: string;
|
235
222
|
};
|
236
223
|
export declare type TextAlignment = 'inherit' | 'initial' | 'revert' | 'unset' | 'center' | 'end' | 'start' | 'justify' | 'left' | 'match-parent' | 'right';
|
237
224
|
export declare type TextAlignments = {
|
@@ -240,24 +227,24 @@ export declare type TextAlignments = {
|
|
240
227
|
end: TextAlignment;
|
241
228
|
justify: TextAlignment;
|
242
229
|
};
|
243
|
-
export declare type
|
244
|
-
|
245
|
-
|
246
|
-
|
247
|
-
|
248
|
-
|
249
|
-
|
230
|
+
export declare type BorderRadiusTokens = {
|
231
|
+
borderRadiusNone: string;
|
232
|
+
borderRadiusSmall: string;
|
233
|
+
borderRadiusMedium: string;
|
234
|
+
borderRadiusLarge: string;
|
235
|
+
borderRadiusXLarge: string;
|
236
|
+
borderRadiusCircular: string;
|
250
237
|
};
|
251
|
-
export declare type
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
238
|
+
export declare type StrokeWidthTokens = {
|
239
|
+
strokeWidthThin: string;
|
240
|
+
strokeWidthThick: string;
|
241
|
+
strokeWidthThicker: string;
|
242
|
+
strokeWidthThickest: string;
|
256
243
|
};
|
257
244
|
/**
|
258
245
|
* Design tokens for shadow levels
|
259
246
|
*/
|
260
|
-
export declare type
|
247
|
+
export declare type ShadowTokens = {
|
261
248
|
shadow2: string;
|
262
249
|
shadow4: string;
|
263
250
|
shadow8: string;
|
@@ -292,42 +279,5 @@ export declare type BrandColorTokens = {
|
|
292
279
|
};
|
293
280
|
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;
|
294
281
|
export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
|
295
|
-
export declare type Theme =
|
296
|
-
|
297
|
-
color: {
|
298
|
-
black: string;
|
299
|
-
white: string;
|
300
|
-
hcHyperlink: string;
|
301
|
-
hcHighlight: string;
|
302
|
-
hcDisabled: string;
|
303
|
-
hcCanvas: string;
|
304
|
-
hcCanvasText: string;
|
305
|
-
hcHighlightText: string;
|
306
|
-
hcButtonText: string;
|
307
|
-
hcButtonFace: string;
|
308
|
-
};
|
309
|
-
palette: GlobalSharedColors & {
|
310
|
-
brand: BrandVariants;
|
311
|
-
grey: Record<Greys, string>;
|
312
|
-
whiteAlpha: Record<AlphaColors, string>;
|
313
|
-
blackAlpha: Record<AlphaColors, string>;
|
314
|
-
};
|
315
|
-
type: {
|
316
|
-
fontSizes: FontSizes;
|
317
|
-
fontWeights: FontWeights;
|
318
|
-
fontFamilies: FontFamilies;
|
319
|
-
lineHeights: LineHeights;
|
320
|
-
alignment: TextAlignments;
|
321
|
-
};
|
322
|
-
borderRadius: BorderRadius;
|
323
|
-
strokeWidth: StrokeWidths;
|
324
|
-
};
|
325
|
-
alias: {
|
326
|
-
color: Record<keyof GlobalSharedColors, SharedColorTokens> & {
|
327
|
-
neutral: NeutralColorTokens;
|
328
|
-
};
|
329
|
-
shadow: ShadowLevelTokens;
|
330
|
-
};
|
331
|
-
};
|
332
|
-
export declare type PartialTheme = RecursivePartial<Theme>;
|
333
|
-
export {};
|
282
|
+
export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
|
283
|
+
export declare type PartialTheme = Partial<Theme>;
|
@@ -7,26 +7,15 @@ exports.createDarkTheme = void 0;
|
|
7
7
|
|
8
8
|
var tslib_1 = /*#__PURE__*/require("tslib");
|
9
9
|
|
10
|
-
var shadows_1 = /*#__PURE__*/require("./shadows");
|
11
|
-
|
12
10
|
var dark_1 = /*#__PURE__*/require("../alias/dark");
|
13
11
|
|
14
|
-
var
|
12
|
+
var index_1 = /*#__PURE__*/require("../global/index");
|
15
13
|
|
16
|
-
var
|
14
|
+
var shadows_1 = /*#__PURE__*/require("./shadows");
|
17
15
|
|
18
16
|
var createDarkTheme = function (brand) {
|
19
|
-
var
|
20
|
-
|
21
|
-
return {
|
22
|
-
global: global,
|
23
|
-
alias: {
|
24
|
-
color: tslib_1.__assign(tslib_1.__assign({}, dark_1.generateSharedColorTokens(colors_1.sharedColors)), {
|
25
|
-
neutral: neutral
|
26
|
-
}),
|
27
|
-
shadow: shadows_1.createShadowLevelTokens(neutral.neutralShadowAmbient, neutral.neutralShadowKey)
|
28
|
-
}
|
29
|
-
};
|
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));
|
30
19
|
};
|
31
20
|
|
32
21
|
exports.createDarkTheme = createDarkTheme;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,
|
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,2 +1,2 @@
|
|
1
|
-
import type {
|
2
|
-
export declare const createHighContrastTheme: (
|
1
|
+
import type { Theme } from '../types';
|
2
|
+
export declare const createHighContrastTheme: () => Theme;
|
@@ -7,26 +7,15 @@ exports.createHighContrastTheme = void 0;
|
|
7
7
|
|
8
8
|
var tslib_1 = /*#__PURE__*/require("tslib");
|
9
9
|
|
10
|
-
var shadows_1 = /*#__PURE__*/require("./shadows");
|
11
|
-
|
12
10
|
var highContrast_1 = /*#__PURE__*/require("../alias/highContrast");
|
13
11
|
|
14
|
-
var
|
12
|
+
var index_1 = /*#__PURE__*/require("../global/index");
|
15
13
|
|
16
|
-
var
|
14
|
+
var shadows_1 = /*#__PURE__*/require("./shadows");
|
17
15
|
|
18
|
-
var createHighContrastTheme = function (
|
19
|
-
var
|
20
|
-
|
21
|
-
return {
|
22
|
-
global: global,
|
23
|
-
alias: {
|
24
|
-
color: tslib_1.__assign(tslib_1.__assign({}, highContrast_1.generateSharedColorTokens(colors_1.sharedColors, global.color)), {
|
25
|
-
neutral: neutral
|
26
|
-
}),
|
27
|
-
shadow: shadows_1.createShadowLevelTokens(neutral.neutralShadowAmbient, neutral.neutralShadowKey)
|
28
|
-
}
|
29
|
-
};
|
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));
|
30
19
|
};
|
31
20
|
|
32
21
|
exports.createHighContrastTheme = createHighContrastTheme;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,
|
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":""}
|
@@ -7,26 +7,15 @@ exports.createLightTheme = void 0;
|
|
7
7
|
|
8
8
|
var tslib_1 = /*#__PURE__*/require("tslib");
|
9
9
|
|
10
|
-
var shadows_1 = /*#__PURE__*/require("./shadows");
|
11
|
-
|
12
10
|
var light_1 = /*#__PURE__*/require("../alias/light");
|
13
11
|
|
14
|
-
var
|
12
|
+
var index_1 = /*#__PURE__*/require("../global/index");
|
15
13
|
|
16
|
-
var
|
14
|
+
var shadows_1 = /*#__PURE__*/require("./shadows");
|
17
15
|
|
18
16
|
var createLightTheme = function (brand) {
|
19
|
-
var
|
20
|
-
|
21
|
-
return {
|
22
|
-
global: global,
|
23
|
-
alias: {
|
24
|
-
color: tslib_1.__assign(tslib_1.__assign({}, light_1.generateSharedColorTokens(colors_1.sharedColors)), {
|
25
|
-
neutral: neutral
|
26
|
-
}),
|
27
|
-
shadow: shadows_1.createShadowLevelTokens(neutral.neutralShadowAmbient, neutral.neutralShadowKey)
|
28
|
-
}
|
29
|
-
};
|
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));
|
30
19
|
};
|
31
20
|
|
32
21
|
exports.createLightTheme = createLightTheme;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,
|
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":""}
|
@@ -7,26 +7,15 @@ exports.createTeamsDarkTheme = void 0;
|
|
7
7
|
|
8
8
|
var tslib_1 = /*#__PURE__*/require("tslib");
|
9
9
|
|
10
|
-
var shadows_1 = /*#__PURE__*/require("./shadows");
|
11
|
-
|
12
10
|
var teamsDark_1 = /*#__PURE__*/require("../alias/teamsDark");
|
13
11
|
|
14
|
-
var
|
12
|
+
var index_1 = /*#__PURE__*/require("../global/index");
|
15
13
|
|
16
|
-
var
|
14
|
+
var shadows_1 = /*#__PURE__*/require("./shadows");
|
17
15
|
|
18
16
|
var createTeamsDarkTheme = function (brand) {
|
19
|
-
var
|
20
|
-
|
21
|
-
return {
|
22
|
-
global: global,
|
23
|
-
alias: {
|
24
|
-
color: tslib_1.__assign(tslib_1.__assign({}, teamsDark_1.generateSharedColorTokens(colors_1.sharedColors)), {
|
25
|
-
neutral: neutral
|
26
|
-
}),
|
27
|
-
shadow: shadows_1.createShadowLevelTokens(neutral.neutralShadowAmbient, neutral.neutralShadowKey)
|
28
|
-
}
|
29
|
-
};
|
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));
|
30
19
|
};
|
31
20
|
|
32
21
|
exports.createTeamsDarkTheme = createTeamsDarkTheme;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,
|
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,8 +1,2 @@
|
|
1
1
|
import type { PartialTheme, Theme } from '../types';
|
2
|
-
/**
|
3
|
-
* Simple deep merge function. Takes all arguments and returns a deep copy of the objects merged
|
4
|
-
* together in the order provided. If an object creates a circular reference, it will assign the
|
5
|
-
* original reference.
|
6
|
-
*/
|
7
|
-
export declare function merge<T = {}>(target: Partial<T>, ...args: (Partial<T> | null | undefined | false)[]): T;
|
8
2
|
export declare function mergeThemes(a: Theme | undefined, b: PartialTheme | Theme | undefined): Theme;
|