@fluentui-react-native/default-theme 0.27.16 → 0.28.0

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 (67) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +4 -1
  3. package/lib/__tests__/default-theme.test.js +1 -14
  4. package/lib/__tests__/default-theme.test.js.map +1 -1
  5. package/lib/__tests__/defaultThemes.test.android.js +8 -3
  6. package/lib/__tests__/defaultThemes.test.android.js.map +1 -1
  7. package/lib/__tests__/defaultThemes.test.ios.js +8 -3
  8. package/lib/__tests__/defaultThemes.test.ios.js.map +1 -1
  9. package/lib/__tests__/defaultThemes.test.macos.js +8 -3
  10. package/lib/__tests__/defaultThemes.test.macos.js.map +1 -1
  11. package/lib/__tests__/defaultThemes.test.win32.js +8 -3
  12. package/lib/__tests__/defaultThemes.test.win32.js.map +1 -1
  13. package/lib/__tests__/defaultThemes.test.windows.js +8 -3
  14. package/lib/__tests__/defaultThemes.test.windows.js.map +1 -1
  15. package/lib/createDefaultTheme.d.ts +4 -0
  16. package/lib/createDefaultTheme.d.ts.map +1 -1
  17. package/lib/createDefaultTheme.js +11 -22
  18. package/lib/createDefaultTheme.js.map +1 -1
  19. package/lib/index.d.ts +1 -2
  20. package/lib/index.d.ts.map +1 -1
  21. package/lib/index.js +1 -2
  22. package/lib/index.js.map +1 -1
  23. package/package.json +2 -4
  24. package/src/__tests__/__snapshots__/default-theme.test.ts.snap +2520 -3042
  25. package/src/__tests__/__snapshots__/defaultThemes.test.android.ts.snap +1927 -692
  26. package/src/__tests__/__snapshots__/defaultThemes.test.ios.ts.snap +2027 -606
  27. package/src/__tests__/__snapshots__/defaultThemes.test.macos.ts.snap +1654 -1374
  28. package/src/__tests__/__snapshots__/defaultThemes.test.win32.ts.snap +4087 -1383
  29. package/src/__tests__/__snapshots__/defaultThemes.test.windows.ts.snap +4054 -1350
  30. package/src/__tests__/default-theme.test.ts +2 -18
  31. package/src/__tests__/defaultThemes.test.android.ts +8 -3
  32. package/src/__tests__/defaultThemes.test.ios.ts +8 -3
  33. package/src/__tests__/defaultThemes.test.macos.ts +8 -3
  34. package/src/__tests__/defaultThemes.test.win32.ts +8 -3
  35. package/src/__tests__/defaultThemes.test.windows.ts +8 -3
  36. package/src/createDefaultTheme.ts +12 -28
  37. package/src/index.ts +1 -2
  38. package/lib/createAliasTokens.d.ts +0 -3
  39. package/lib/createAliasTokens.d.ts.map +0 -1
  40. package/lib/createAliasTokens.js +0 -14
  41. package/lib/createAliasTokens.js.map +0 -1
  42. package/lib/defaultColors.d.ts +0 -10
  43. package/lib/defaultColors.d.ts.map +0 -1
  44. package/lib/defaultColors.js +0 -265
  45. package/lib/defaultColors.js.map +0 -1
  46. package/lib/defaultTheme.d.ts +0 -4
  47. package/lib/defaultTheme.d.ts.map +0 -1
  48. package/lib/defaultTheme.js +0 -17
  49. package/lib/defaultTheme.js.map +0 -1
  50. package/lib/stockWebPalette.d.ts +0 -4
  51. package/lib/stockWebPalette.d.ts.map +0 -1
  52. package/lib/stockWebPalette.js +0 -98
  53. package/lib/stockWebPalette.js.map +0 -1
  54. package/lib/stockWebPalette.macos.d.ts +0 -4
  55. package/lib/stockWebPalette.macos.d.ts.map +0 -1
  56. package/lib/stockWebPalette.macos.js +0 -75
  57. package/lib/stockWebPalette.macos.js.map +0 -1
  58. package/lib/stockWebPalette.win32.d.ts +0 -4
  59. package/lib/stockWebPalette.win32.d.ts.map +0 -1
  60. package/lib/stockWebPalette.win32.js +0 -75
  61. package/lib/stockWebPalette.win32.js.map +0 -1
  62. package/src/createAliasTokens.ts +0 -18
  63. package/src/defaultColors.ts +0 -325
  64. package/src/defaultTheme.ts +0 -19
  65. package/src/stockWebPalette.macos.ts +0 -82
  66. package/src/stockWebPalette.ts +0 -107
  67. package/src/stockWebPalette.win32.ts +0 -82
package/src/__tests__/__snapshots__/defaultThemes.test.ios.ts.snap CHANGED
@@ -3,152 +3,183 @@
3
3
  exports[`defaultFluentDarkTheme 1`] = `
4
4
  {
5
5
  "colors": {
6
- "accentButtonBackground": "#0c3b5e",
7
- "actionLink": "#f3f2f1",
8
- "background": "#1b1a19",
9
- "bodyDivider": "#292827",
10
- "bodyFrameBackground": "#1b1a19",
11
- "bodyFrameDivider": "#292827",
12
- "bodyStandoutBackground": "#201f1e",
13
- "bodyText": "#f3f2f1",
6
+ "accentButtonBackground": "#479ef5",
7
+ "actionLink": "#ffffff",
8
+ "background": "#000000",
9
+ "bodyDivider": "#3d3d3d",
10
+ "bodyFrameBackground": "#000000",
11
+ "bodyFrameDivider": "#3d3d3d",
12
+ "bodyStandoutBackground": "#1f1f1f",
13
+ "bodyText": "#ffffff",
14
14
  "bodyTextChecked": "#ffffff",
15
15
  "brandBackground": "#479ef5",
16
- "brandBackground2": undefined,
17
- "brandBackground2Pressed": undefined,
18
- "brandBackground2Selected": undefined,
19
- "brandBackground3": undefined,
16
+ "brandBackground2": "#479ef5",
17
+ "brandBackground2Pressed": "#96c6fa",
18
+ "brandBackground2Selected": "#77b7f7",
19
+ "brandBackground3": "#479ef5",
20
20
  "brandBackgroundDisabled": "#0c3b5e",
21
+ "brandBackgroundHover": "#479ef5",
22
+ "brandBackgroundInverted": "#b8b8b8",
23
+ "brandBackgroundInvertedDisabled": "#525252",
21
24
  "brandBackgroundPressed": "#96c6fa",
22
25
  "brandBackgroundSelected": "#77b7f7",
26
+ "brandBackgroundStatic": "#479ef5",
23
27
  "brandBackgroundTint": "#0c3b5e",
24
28
  "brandForeground1": "#479ef5",
29
+ "brandForeground1Disabled": "#2886de",
25
30
  "brandForeground1Pressed": "#96c6fa",
26
31
  "brandForeground1Selected": "#77b7f7",
32
+ "brandForeground2": "#479ef5",
27
33
  "brandForegroundDisabled1": "#2886de",
28
34
  "brandForegroundDisabled2": "#0c3b5e",
35
+ "brandForegroundLink": "#479ef5",
36
+ "brandForegroundLinkHover": "#479ef5",
37
+ "brandForegroundLinkPressed": "#96c6fa",
38
+ "brandForegroundLinkSelected": "#77b7f7",
29
39
  "brandForegroundTint": "#96c6fa",
30
40
  "brandStroke1": "#479ef5",
31
41
  "brandStroke1Pressed": "#96c6fa",
32
42
  "brandStroke1Selected": "#77b7f7",
43
+ "brandStroke2": "#479ef5",
33
44
  "brandStrokeTint": "#479ef5",
34
- "brandedBackground": "#2886de",
35
- "brandedDisabledBorder": "#252423",
36
- "brandedFocusedSecondaryContent": "#201f1e",
37
- "brandedHoveredSecondaryContent": "#201f1e",
38
- "brandedPressedSecondaryContent": "#201f1e",
39
- "brandedSecondaryContent": "#201f1e",
40
- "buttonBackground": "#252423",
41
- "buttonBackgroundChecked": "#484644",
42
- "buttonBackgroundDisabled": "#252423",
43
- "buttonBackgroundHovered": "#292827",
44
- "buttonBackgroundPressed": "#292827",
45
- "buttonBorder": "#979693",
46
- "buttonBorderDisabled": "#252423",
47
- "buttonBorderFocused": "#979693",
45
+ "brandedBackground": "#479ef5",
46
+ "brandedDisabledBorder": "#00000000",
47
+ "brandedFocusedSecondaryContent": "#ffffff",
48
+ "brandedHoveredSecondaryContent": "#ffffff",
49
+ "brandedPressedSecondaryContent": "#ffffff",
50
+ "brandedSecondaryContent": "#000000",
51
+ "buttonBackground": "#000000",
52
+ "buttonBackgroundChecked": "#242424",
53
+ "buttonBackgroundDisabled": "#525252",
54
+ "buttonBackgroundHovered": "#000000",
55
+ "buttonBackgroundPressed": "#2e2e2e",
56
+ "buttonBorder": "#4d4d4d",
57
+ "buttonBorderDisabled": "#424242",
58
+ "buttonBorderFocused": "#ffffff",
48
59
  "buttonText": "#ffffff",
49
- "buttonTextChecked": "#faf9f8",
50
- "buttonTextDisabled": "#797775",
51
- "buttonTextHovered": "#f3f2f1",
52
- "buttonTextPressed": "#faf9f8",
53
- "checkboxBackground": "#2886de",
54
- "checkboxBackgroundDisabled": "#252423",
55
- "checkboxBorderColor": "#979693",
56
- "checkmarkColor": "#1b1a19",
60
+ "buttonTextChecked": "#ffffff",
61
+ "buttonTextDisabled": "#5c5c5c",
62
+ "buttonTextHovered": "#ffffff",
63
+ "buttonTextPressed": "#ffffff",
64
+ "checkboxBackground": "#479ef5",
65
+ "checkboxBackgroundDisabled": "#525252",
66
+ "checkboxBorderColor": "#9e9e9e",
67
+ "checkmarkColor": "#000000",
68
+ "compoundBrandBackground1": "#479ef5",
69
+ "compoundBrandBackground1Hover": "#479ef5",
70
+ "compoundBrandBackground1Pressed": "#96c6fa",
71
+ "compoundBrandForeground1": "#479ef5",
72
+ "compoundBrandForeground1Hover": "#479ef5",
73
+ "compoundBrandForeground1Pressed": "#96c6fa",
74
+ "compoundBrandStroke1": "#479ef5",
75
+ "compoundBrandStroke1Hover": "#479ef5",
76
+ "compoundBrandStroke1Pressed": "#96c6fa",
57
77
  "dangerBackground1": "#3f1011",
58
78
  "dangerBackground2": "#bc2f32",
79
+ "dangerBackground3": "#d13438",
80
+ "dangerBorder1": "#dc5e62",
81
+ "dangerBorder2": "#dc5e62",
82
+ "dangerBorderActive": "#e37d80",
59
83
  "dangerForeground1": "#e37d80",
60
84
  "dangerForeground2": "#e37d80",
85
+ "dangerForeground3": "#e37d80",
86
+ "dangerForegroundInverted": "#d13438",
61
87
  "dangerStroke1": "#dc5e62",
62
- "defaultBackground": "#252423",
63
- "defaultBorder": "#979693",
64
- "defaultCheckedBackground": "#484644",
65
- "defaultCheckedContent": "#faf9f8",
66
- "defaultCheckedHoveredBackground": "#292827",
67
- "defaultCheckedHoveredContent": "#f3f2f1",
88
+ "defaultBackground": "#000000",
89
+ "defaultBorder": "#4d4d4d",
90
+ "defaultCheckedBackground": "#242424",
91
+ "defaultCheckedContent": "#ffffff",
92
+ "defaultCheckedHoveredBackground": "#000000",
93
+ "defaultCheckedHoveredContent": "#ffffff",
68
94
  "defaultContent": "#ffffff",
69
- "defaultDisabledBackground": "#252423",
70
- "defaultDisabledBorder": "#252423",
71
- "defaultDisabledContent": "#797775",
72
- "defaultDisabledIcon": "#797775",
73
- "defaultFocusedBackground": "#292827",
74
- "defaultFocusedBorder": "#979693",
75
- "defaultFocusedContent": "#f3f2f1",
76
- "defaultFocusedIcon": "#f3f2f1",
77
- "defaultHoveredBackground": "#292827",
78
- "defaultHoveredBorder": "#979693",
79
- "defaultHoveredContent": "#f3f2f1",
80
- "defaultHoveredIcon": "#f3f2f1",
81
- "defaultHoveredSecondaryContent": "#797775",
95
+ "defaultDisabledBackground": "#525252",
96
+ "defaultDisabledBorder": "#424242",
97
+ "defaultDisabledContent": "#5c5c5c",
98
+ "defaultDisabledIcon": "#5c5c5c",
99
+ "defaultFocusedBackground": "#000000",
100
+ "defaultFocusedBorder": "#ffffff",
101
+ "defaultFocusedContent": "#ffffff",
102
+ "defaultFocusedIcon": "#ffffff",
103
+ "defaultHoveredBackground": "#000000",
104
+ "defaultHoveredBorder": "#4d4d4d",
105
+ "defaultHoveredContent": "#ffffff",
106
+ "defaultHoveredIcon": "#ffffff",
107
+ "defaultHoveredSecondaryContent": "#adadad",
82
108
  "defaultIcon": "#ffffff",
83
- "defaultPressedBackground": "#292827",
84
- "defaultPressedBorder": "#979693",
85
- "defaultPressedContent": "#faf9f8",
86
- "defaultPressedIcon": "#faf9f8",
87
- "defaultPressedSecondaryContent": "#797775",
88
- "disabledBackground": "#323130",
89
- "disabledBodyText": "#797775",
90
- "disabledText": "#797775",
91
- "errorText": "#ff5f5f",
92
- "focusBorder": "#a19f9d",
93
- "ghostBackground": "#1b1a19",
94
- "ghostBorder": "#1b1a19",
95
- "ghostCheckedBackground": "#292827",
96
- "ghostCheckedContent": "#ffffff",
97
- "ghostCheckedHoveredBackground": "#252423",
98
- "ghostCheckedHoveredBorder": "#faf9f8",
99
- "ghostCheckedHoveredContent": "#faf9f8",
100
- "ghostContent": "#f3f2f1",
101
- "ghostDisabledBackground": "#1b1a19",
102
- "ghostDisabledBorder": "#1b1a19",
103
- "ghostDisabledContent": "#797775",
104
- "ghostDisabledIcon": "#797775",
105
- "ghostFocusedBackground": "#252423",
106
- "ghostFocusedBorder": "#979693",
107
- "ghostFocusedContent": "#faf9f8",
108
- "ghostFocusedIcon": "#faf9f8",
109
- "ghostFocusedSecondaryContent": "#a19f9d",
110
- "ghostHoveredBackground": "#252423",
111
- "ghostHoveredBorder": "#252423",
112
- "ghostHoveredContent": "#faf9f8",
113
- "ghostHoveredIcon": "#faf9f8",
114
- "ghostHoveredSecondaryContent": "#a19f9d",
115
- "ghostIcon": "#f3f2f1",
116
- "ghostPressedBackground": "#292827",
117
- "ghostPressedBorder": "#292827",
118
- "ghostPressedContent": "#faf9f8",
119
- "ghostPressedIcon": "#faf9f8",
120
- "ghostPressedSecondaryContent": "#a19f9d",
121
- "ghostSecondaryContent": "#a19f9d",
122
- "inputBackground": "#1b1a19",
123
- "inputBorder": "#797775",
124
- "inputFocusBorderAlt": "#2886de",
125
- "inputPlaceholderText": "#a19f9d",
126
- "inputText": "#f3f2f1",
127
- "link": "#2886de",
128
- "linkHovered": "#62abf5",
129
- "linkPressed": "#479ef5",
130
- "listHeaderBackgroundHovered": "#252423",
131
- "listHeaderBackgroundPressed": "#292827",
132
- "menuBackground": "#252423",
133
- "menuDivider": "#484644",
134
- "menuIcon": "#479ef5",
135
- "menuItemBackgroundHovered": "#323130",
136
- "menuItemBackgroundPressed": "#3b3a39",
137
- "menuItemText": "#f3f2f1",
138
- "menuItemTextHovered": "#faf9f8",
109
+ "defaultPressedBackground": "#2e2e2e",
110
+ "defaultPressedBorder": "#4d4d4d",
111
+ "defaultPressedContent": "#ffffff",
112
+ "defaultPressedIcon": "#ffffff",
113
+ "defaultPressedSecondaryContent": "#adadad",
114
+ "disabledBackground": "#525252",
115
+ "disabledBodyText": "#5c5c5c",
116
+ "disabledText": "#5c5c5c",
117
+ "errorText": "#e37d80",
118
+ "focusBorder": "#ffffff",
119
+ "ghostBackground": "#00000000",
120
+ "ghostBorder": "#00000000",
121
+ "ghostCheckedBackground": "#383838",
122
+ "ghostCheckedContent": "#d6d6d6",
123
+ "ghostCheckedHoveredBackground": "#3d3d3d",
124
+ "ghostCheckedHoveredBorder": "#00000000",
125
+ "ghostCheckedHoveredContent": "#d6d6d6",
126
+ "ghostContent": "#ffffff",
127
+ "ghostDisabledBackground": "#00000000",
128
+ "ghostDisabledBorder": "#00000000",
129
+ "ghostDisabledContent": "#5c5c5c",
130
+ "ghostDisabledIcon": "#5c5c5c",
131
+ "ghostFocusedBackground": "#3d3d3d",
132
+ "ghostFocusedBorder": "#ffffff",
133
+ "ghostFocusedContent": "#ffffff",
134
+ "ghostFocusedIcon": "#ffffff",
135
+ "ghostFocusedSecondaryContent": "#adadad",
136
+ "ghostHoveredBackground": "#3d3d3d",
137
+ "ghostHoveredBorder": "#00000000",
138
+ "ghostHoveredContent": "#ffffff",
139
+ "ghostHoveredIcon": "#ffffff",
140
+ "ghostHoveredSecondaryContent": "#adadad",
141
+ "ghostIcon": "#ffffff",
142
+ "ghostPressedBackground": "#1f1f1f",
143
+ "ghostPressedBorder": "#00000000",
144
+ "ghostPressedContent": "#ffffff",
145
+ "ghostPressedIcon": "#ffffff",
146
+ "ghostPressedSecondaryContent": "#adadad",
147
+ "ghostSecondaryContent": "#adadad",
148
+ "inputBackground": "#000000",
149
+ "inputBorder": "#4d4d4d",
150
+ "inputFocusBorderAlt": "#479ef5",
151
+ "inputPlaceholderText": "#adadad",
152
+ "inputText": "#ffffff",
153
+ "link": "#479ef5",
154
+ "linkHovered": "#479ef5",
155
+ "linkPressed": "#96c6fa",
156
+ "listHeaderBackgroundHovered": "#000000",
157
+ "listHeaderBackgroundPressed": "#2e2e2e",
158
+ "menuBackground": "#000000",
159
+ "menuDivider": "#3d3d3d",
160
+ "menuIcon": "#d6d6d6",
161
+ "menuItemBackgroundHovered": "#000000",
162
+ "menuItemBackgroundPressed": "#2e2e2e",
163
+ "menuItemText": "#ffffff",
164
+ "menuItemTextHovered": "#ffffff",
139
165
  "neutralBackground1": "#000000",
166
+ "neutralBackground1Hover": "#000000",
140
167
  "neutralBackground1Pressed": "#2e2e2e",
141
168
  "neutralBackground1Selected": "#242424",
142
169
  "neutralBackground2": "#1f1f1f",
170
+ "neutralBackground2Hover": "#1f1f1f",
143
171
  "neutralBackground2Pressed": "#4d4d4d",
144
172
  "neutralBackground2Selected": "#424242",
145
173
  "neutralBackground3": "#292929",
174
+ "neutralBackground3Hover": "#292929",
146
175
  "neutralBackground3Pressed": "#575757",
147
176
  "neutralBackground3Selected": "#4d4d4d",
148
177
  "neutralBackground4": "#333333",
178
+ "neutralBackground4Hover": "#333333",
149
179
  "neutralBackground4Pressed": "#616161",
150
180
  "neutralBackground4Selected": "#575757",
151
181
  "neutralBackground5": "#3d3d3d",
182
+ "neutralBackground5Hover": "#3d3d3d",
152
183
  "neutralBackground5Pressed": "#6b6b6b",
153
184
  "neutralBackground5Selected": "#616161",
154
185
  "neutralBackground6": "#5c5c5c",
@@ -159,53 +190,134 @@ exports[`defaultFluentDarkTheme 1`] = `
159
190
  "neutralBackgroundLightStatic": "#ffffff",
160
191
  "neutralBackgroundLightStaticDisabled": "#adadad",
161
192
  "neutralForeground1": "#ffffff",
193
+ "neutralForeground1Hover": "#ffffff",
194
+ "neutralForeground1Pressed": "#ffffff",
195
+ "neutralForeground1Selected": "#ffffff",
162
196
  "neutralForeground2": "#d6d6d6",
197
+ "neutralForeground2BrandHover": "#d6d6d6",
198
+ "neutralForeground2BrandPressed": "#d6d6d6",
199
+ "neutralForeground2BrandSelected": "#d6d6d6",
200
+ "neutralForeground2Hover": "#d6d6d6",
201
+ "neutralForeground2Pressed": "#d6d6d6",
202
+ "neutralForeground2Selected": "#d6d6d6",
163
203
  "neutralForeground3": "#adadad",
204
+ "neutralForeground3BrandHover": "#adadad",
205
+ "neutralForeground3BrandPressed": "#adadad",
206
+ "neutralForeground3BrandSelected": "#adadad",
207
+ "neutralForeground3Hover": "#adadad",
208
+ "neutralForeground3Pressed": "#adadad",
209
+ "neutralForeground3Selected": "#adadad",
210
+ "neutralForeground4": "#adadad",
164
211
  "neutralForegroundDarkStatic": "#000000",
212
+ "neutralForegroundDisabled": "#5c5c5c",
165
213
  "neutralForegroundDisabled1": "#5c5c5c",
166
214
  "neutralForegroundDisabled2": "#2e2e2e",
215
+ "neutralForegroundInverted": "#000000",
216
+ "neutralForegroundInvertedLink": "#000000",
217
+ "neutralForegroundInvertedLinkHover": "#000000",
218
+ "neutralForegroundInvertedLinkPressed": "#000000",
219
+ "neutralForegroundInvertedLinkSelected": "#000000",
167
220
  "neutralForegroundLightStatic": "#ffffff",
221
+ "neutralForegroundOnBrand": "#000000",
222
+ "neutralForegroundOnBrandHover": "#ffffff",
223
+ "neutralForegroundOnBrandPressed": "#ffffff",
224
+ "neutralForegroundOnBrandSelected": "#ffffff",
168
225
  "neutralForegroundOnColor": "#000000",
169
226
  "neutralStencil1": "#575757",
170
227
  "neutralStencil2": "#333333",
171
228
  "neutralStroke1": "#4d4d4d",
229
+ "neutralStroke1Hover": "#4d4d4d",
230
+ "neutralStroke1Pressed": "#4d4d4d",
231
+ "neutralStroke1Selected": "#4d4d4d",
172
232
  "neutralStroke2": "#3d3d3d",
233
+ "neutralStroke3": "#3d3d3d",
173
234
  "neutralStrokeAccessible": "#9e9e9e",
235
+ "neutralStrokeAccessibleHover": "#9e9e9e",
236
+ "neutralStrokeAccessiblePressed": "#9e9e9e",
237
+ "neutralStrokeAccessibleSelected": "#9e9e9e",
174
238
  "neutralStrokeDisabled": "#424242",
175
239
  "neutralStrokeFocus1": "#000000",
176
240
  "neutralStrokeFocus2": "#ffffff",
177
- "personaActivityGlow": "#2886de",
178
- "personaActivityRing": "#1b1a19",
241
+ "outofofficeBackground1": "#3a1136",
242
+ "outofofficeBackground2": "#6d2064",
243
+ "outofofficeBackground3": "#c239b3",
244
+ "outofofficeBorder1": "#c239b3",
245
+ "outofofficeBorder2": "#d161c4",
246
+ "outofofficeBorderActive": "#da7ed0",
247
+ "outofofficeForeground1": "#da7ed0",
248
+ "outofofficeForeground2": "#edbbe7",
249
+ "outofofficeForeground3": "#d161c4",
250
+ "personaActivityGlow": "#479ef5",
251
+ "personaActivityRing": "#000000",
179
252
  "presenceAvailable": "#3db838",
180
253
  "presenceAway": "#eaa300",
181
254
  "presenceDnd": "#d7494c",
182
255
  "presenceOof": "#d161c4",
183
- "primaryButtonBackground": "#2886de",
184
- "primaryButtonBackgroundDisabled": "#252423",
256
+ "primaryButtonBackground": "#479ef5",
257
+ "primaryButtonBackgroundDisabled": "#525252",
185
258
  "primaryButtonBackgroundHovered": "#479ef5",
186
- "primaryButtonBackgroundPressed": "#479ef5",
187
- "primaryButtonBorder": "transparent",
188
- "primaryButtonBorderFocused": "transparent",
189
- "primaryButtonText": "#1b1a19",
190
- "primaryButtonTextDisabled": "#3b3a39",
191
- "primaryButtonTextHovered": "#1b1a19",
192
- "primaryButtonTextPressed": "#1b1a19",
259
+ "primaryButtonBackgroundPressed": "#96c6fa",
260
+ "primaryButtonBorder": "#00000000",
261
+ "primaryButtonBorderFocused": "#ffffff",
262
+ "primaryButtonText": "#000000",
263
+ "primaryButtonTextDisabled": "#5c5c5c",
264
+ "primaryButtonTextHovered": "#ffffff",
265
+ "primaryButtonTextPressed": "#ffffff",
266
+ "redBackground1": "#3f1011",
267
+ "redBackground2": "#bc2f32",
268
+ "redBackground3": "#d13438",
269
+ "redBorder1": "#dc5e62",
270
+ "redBorder2": "#dc5e62",
271
+ "redBorderActive": "#e37d80",
272
+ "redForeground1": "#e37d80",
273
+ "redForeground2": "#e37d80",
274
+ "redForeground3": "#e37d80",
193
275
  "severeBackground1": "#411200",
194
276
  "severeBackground2": "#c43501",
277
+ "severeBackground3": "#da3b01",
278
+ "severeBorder1": "#e36537",
279
+ "severeBorder2": "#e9835e",
280
+ "severeBorderActive": "#e9835e",
195
281
  "severeForeground1": "#e9835e",
196
282
  "severeForeground2": "#e9835e",
283
+ "severeForeground3": "#e9835e",
197
284
  "severeStroke1": "#e36537",
198
- "subText": "#a19f9d",
285
+ "strokeFocus1": "#000000",
286
+ "strokeFocus2": "#ffffff",
287
+ "subText": "#d6d6d6",
288
+ "subtleBackground": "#00000000",
289
+ "subtleBackgroundHover": "#3d3d3d",
290
+ "subtleBackgroundPressed": "#1f1f1f",
291
+ "subtleBackgroundSelected": "#383838",
199
292
  "successBackground1": "#052505",
200
293
  "successBackground2": "#0e700e",
294
+ "successBackground3": "#107c10",
295
+ "successBorder1": "#359b35",
296
+ "successBorder2": "#9fd89f",
297
+ "successBorderActive": "#54b054",
201
298
  "successForeground1": "#54b054",
202
299
  "successForeground2": "#54b054",
300
+ "successForeground3": "#9fd89f",
301
+ "successForegroundInverted": "#107c10",
203
302
  "successStroke1": "#359b35",
204
- "variantBorder": "#292827",
303
+ "transparentBackground": "#00000000",
304
+ "transparentBackgroundHover": "#00000000",
305
+ "transparentBackgroundPressed": "#00000000",
306
+ "transparentBackgroundSelected": "#00000000",
307
+ "transparentStroke": "#00000000",
308
+ "transparentStrokeDisabled": "#00000000",
309
+ "transparentStrokeInteractive": "#00000000",
310
+ "variantBorder": "#3d3d3d",
205
311
  "warningBackground1": "#4c4400",
206
312
  "warningBackground2": "#e4cc00",
313
+ "warningBackground3": "#fde300",
314
+ "warningBorder1": "#c0ad00",
315
+ "warningBorder2": "#fdea3d",
316
+ "warningBorderActive": "#feee66",
207
317
  "warningForeground1": "#feee66",
208
318
  "warningForeground2": "#feee66",
319
+ "warningForeground3": "#fdea3d",
320
+ "warningForegroundInverted": "#817400",
209
321
  "warningStroke1": "#c0ad00",
210
322
  },
211
323
  "components": {},
@@ -410,139 +522,244 @@ exports[`defaultFluentDarkTheme 1`] = `
410
522
  },
411
523
  "variants": {
412
524
  "body1": {
413
- "face": "primary",
414
- "size": "secondary",
415
- "weight": "regular",
525
+ "dynamicTypeRamp": "body",
526
+ "face": "System",
527
+ "letterSpacing": -0.43,
528
+ "lineHeight": 22,
529
+ "size": 17,
530
+ "weight": "400",
416
531
  },
417
532
  "body1Strong": {
418
- "face": "primary",
419
- "size": "secondary",
420
- "weight": "semiBold",
533
+ "dynamicTypeRamp": "body",
534
+ "face": "System",
535
+ "letterSpacing": -0.43,
536
+ "lineHeight": 22,
537
+ "size": 17,
538
+ "weight": "600",
421
539
  },
422
540
  "body2": {
423
- "face": "primary",
424
- "size": "body",
425
- "weight": "regular",
541
+ "dynamicTypeRamp": "subheadline",
542
+ "face": "System",
543
+ "letterSpacing": -0.23,
544
+ "lineHeight": 20,
545
+ "size": 15,
546
+ "weight": "400",
426
547
  },
427
548
  "body2Strong": {
428
- "face": "primary",
429
- "size": "body",
430
- "weight": "semiBold",
549
+ "dynamicTypeRamp": "subheadline",
550
+ "face": "System",
551
+ "letterSpacing": -0.23,
552
+ "lineHeight": 20,
553
+ "size": 15,
554
+ "weight": "600",
431
555
  },
432
556
  "bodySemibold": {
433
- "face": "primary",
434
- "size": "body",
435
- "weight": "semiBold",
557
+ "dynamicTypeRamp": "subheadline",
558
+ "face": "System",
559
+ "letterSpacing": -0.23,
560
+ "lineHeight": 20,
561
+ "size": 15,
562
+ "weight": "600",
436
563
  },
437
564
  "bodyStandard": {
438
- "face": "primary",
439
- "size": "body",
440
- "weight": "regular",
565
+ "dynamicTypeRamp": "subheadline",
566
+ "face": "System",
567
+ "letterSpacing": -0.23,
568
+ "lineHeight": 20,
569
+ "size": 15,
570
+ "weight": "400",
441
571
  },
442
572
  "caption1": {
443
- "face": "primary",
444
- "size": "caption",
445
- "weight": "regular",
573
+ "dynamicTypeRamp": "footnote",
574
+ "face": "System",
575
+ "letterSpacing": -0.08,
576
+ "lineHeight": 18,
577
+ "size": 13,
578
+ "weight": "400",
446
579
  },
447
580
  "caption1Strong": {
448
- "face": "primary",
449
- "size": "caption",
450
- "weight": "semiBold",
581
+ "dynamicTypeRamp": "footnote",
582
+ "face": "System",
583
+ "letterSpacing": -0.08,
584
+ "lineHeight": 18,
585
+ "size": 13,
586
+ "weight": "600",
587
+ },
588
+ "caption2": {
589
+ "dynamicTypeRamp": "caption1",
590
+ "face": "System",
591
+ "letterSpacing": 0,
592
+ "lineHeight": 16,
593
+ "size": 12,
594
+ "weight": "400",
451
595
  },
452
596
  "captionStandard": {
453
- "face": "primary",
454
- "size": "caption",
455
- "weight": "regular",
597
+ "dynamicTypeRamp": "footnote",
598
+ "face": "System",
599
+ "letterSpacing": -0.08,
600
+ "lineHeight": 18,
601
+ "size": 13,
602
+ "weight": "400",
456
603
  },
457
604
  "display": {
458
- "face": "primary",
459
- "size": "heroLarge",
460
- "weight": "semiBold",
605
+ "dynamicTypeRamp": "largeTitle",
606
+ "face": "System",
607
+ "letterSpacing": 0.26,
608
+ "lineHeight": 70,
609
+ "size": 60,
610
+ "weight": "700",
461
611
  },
462
612
  "headerSemibold": {
463
- "face": "primary",
464
- "size": "header",
465
- "weight": "semiBold",
613
+ "dynamicTypeRamp": "title2",
614
+ "face": "System",
615
+ "letterSpacing": -0.26,
616
+ "lineHeight": 28,
617
+ "size": 22,
618
+ "weight": "600",
466
619
  },
467
620
  "headerStandard": {
468
- "face": "primary",
469
- "size": "header",
470
- "weight": "regular",
621
+ "dynamicTypeRamp": "title2",
622
+ "face": "System",
623
+ "letterSpacing": -0.26,
624
+ "lineHeight": 28,
625
+ "size": 22,
626
+ "weight": "600",
471
627
  },
472
628
  "heroLargeSemibold": {
473
- "face": "primary",
474
- "size": "heroLarge",
475
- "weight": "semiBold",
629
+ "dynamicTypeRamp": "largeTitle",
630
+ "face": "System",
631
+ "letterSpacing": 0.26,
632
+ "lineHeight": 70,
633
+ "size": 60,
634
+ "weight": "700",
476
635
  },
477
636
  "heroLargeStandard": {
478
- "face": "primary",
479
- "size": "heroLarge",
480
- "weight": "regular",
637
+ "dynamicTypeRamp": "largeTitle",
638
+ "face": "System",
639
+ "letterSpacing": 0.4,
640
+ "lineHeight": 41,
641
+ "size": 34,
642
+ "weight": "700",
481
643
  },
482
644
  "heroSemibold": {
483
- "face": "primary",
484
- "size": "hero",
485
- "weight": "semiBold",
645
+ "dynamicTypeRamp": "title1",
646
+ "face": "System",
647
+ "letterSpacing": 0.38,
648
+ "lineHeight": 34,
649
+ "size": 28,
650
+ "weight": "600",
486
651
  },
487
652
  "heroStandard": {
488
- "face": "primary",
489
- "size": "hero",
490
- "weight": "regular",
653
+ "dynamicTypeRamp": "title1",
654
+ "face": "System",
655
+ "letterSpacing": 0.38,
656
+ "lineHeight": 34,
657
+ "size": 28,
658
+ "weight": "700",
491
659
  },
492
660
  "largeTitle": {
493
- "face": "primary",
494
- "size": "heroLarge",
495
- "weight": "regular",
661
+ "dynamicTypeRamp": "largeTitle",
662
+ "face": "System",
663
+ "letterSpacing": 0.4,
664
+ "lineHeight": 41,
665
+ "size": 34,
666
+ "weight": "700",
496
667
  },
497
668
  "secondarySemibold": {
498
- "face": "primary",
499
- "size": "secondary",
500
- "weight": "semiBold",
669
+ "dynamicTypeRamp": "body",
670
+ "face": "System",
671
+ "letterSpacing": -0.43,
672
+ "lineHeight": 22,
673
+ "size": 17,
674
+ "weight": "600",
501
675
  },
502
676
  "secondaryStandard": {
503
- "face": "primary",
504
- "size": "secondary",
505
- "weight": "regular",
677
+ "dynamicTypeRamp": "body",
678
+ "face": "System",
679
+ "letterSpacing": -0.43,
680
+ "lineHeight": 22,
681
+ "size": 17,
682
+ "weight": "400",
506
683
  },
507
684
  "subheaderSemibold": {
508
- "face": "primary",
509
- "size": "subheader",
510
- "weight": "semiBold",
685
+ "dynamicTypeRamp": "title3",
686
+ "face": "System",
687
+ "letterSpacing": -0.45,
688
+ "lineHeight": 25,
689
+ "size": 20,
690
+ "weight": "600",
511
691
  },
512
692
  "subheaderStandard": {
513
- "face": "primary",
514
- "size": "subheader",
515
- "weight": "regular",
693
+ "dynamicTypeRamp": "title3",
694
+ "face": "System",
695
+ "letterSpacing": -0.45,
696
+ "lineHeight": 25,
697
+ "size": 20,
698
+ "weight": "600",
516
699
  },
517
700
  "subtitle1": {
518
- "face": "primary",
519
- "size": "header",
520
- "weight": "regular",
701
+ "dynamicTypeRamp": "title2",
702
+ "face": "System",
703
+ "letterSpacing": -0.26,
704
+ "lineHeight": 28,
705
+ "size": 22,
706
+ "weight": "600",
521
707
  },
522
708
  "subtitle1Strong": {
523
- "face": "primary",
524
- "size": "header",
525
- "weight": "semiBold",
709
+ "dynamicTypeRamp": "title2",
710
+ "face": "System",
711
+ "letterSpacing": -0.26,
712
+ "lineHeight": 28,
713
+ "size": 22,
714
+ "weight": "600",
526
715
  },
527
716
  "subtitle2": {
528
- "face": "primary",
529
- "size": "subheader",
530
- "weight": "regular",
717
+ "dynamicTypeRamp": "title3",
718
+ "face": "System",
719
+ "letterSpacing": -0.45,
720
+ "lineHeight": 25,
721
+ "size": 20,
722
+ "weight": "600",
531
723
  },
532
724
  "subtitle2Strong": {
533
- "face": "primary",
534
- "size": "subheader",
535
- "weight": "semiBold",
725
+ "dynamicTypeRamp": "title3",
726
+ "face": "System",
727
+ "letterSpacing": -0.45,
728
+ "lineHeight": 25,
729
+ "size": 20,
730
+ "weight": "600",
536
731
  },
537
732
  "title1": {
538
- "face": "primary",
539
- "size": "hero",
540
- "weight": "regular",
733
+ "dynamicTypeRamp": "title1",
734
+ "face": "System",
735
+ "letterSpacing": 0.38,
736
+ "lineHeight": 34,
737
+ "size": 28,
738
+ "weight": "700",
541
739
  },
542
740
  "title1Strong": {
543
- "face": "primary",
544
- "size": "hero",
545
- "weight": "semiBold",
741
+ "dynamicTypeRamp": "title1",
742
+ "face": "System",
743
+ "letterSpacing": 0.38,
744
+ "lineHeight": 34,
745
+ "size": 28,
746
+ "weight": "600",
747
+ },
748
+ "title2": {
749
+ "dynamicTypeRamp": "title2",
750
+ "face": "System",
751
+ "letterSpacing": -0.26,
752
+ "lineHeight": 28,
753
+ "size": 22,
754
+ "weight": "600",
755
+ },
756
+ "title3": {
757
+ "dynamicTypeRamp": "title3",
758
+ "face": "System",
759
+ "letterSpacing": -0.45,
760
+ "lineHeight": 25,
761
+ "size": 20,
762
+ "weight": "600",
546
763
  },
547
764
  },
548
765
  "weights": {
@@ -553,155 +770,186 @@ exports[`defaultFluentDarkTheme 1`] = `
553
770
  }
554
771
  `;
555
772
 
556
- exports[`defaultFluentHighConstrastTheme 1`] = `
773
+ exports[`defaultFluentTheme 1`] = `
557
774
  {
558
775
  "colors": {
559
- "accentButtonBackground": "#000000",
560
- "actionLink": "#ffff00",
561
- "background": "#000000",
562
- "bodyDivider": "#ffffff",
563
- "bodyFrameBackground": "#000000",
564
- "bodyFrameDivider": "#000000",
565
- "bodyStandoutBackground": "#000000",
566
- "bodyText": "#ffffff",
567
- "bodyTextChecked": "#000000",
776
+ "accentButtonBackground": "#0f6cbd",
777
+ "actionLink": "#242424",
778
+ "background": "#ffffff",
779
+ "bodyDivider": "#e0e0e0",
780
+ "bodyFrameBackground": "#ffffff",
781
+ "bodyFrameDivider": "#e0e0e0",
782
+ "bodyStandoutBackground": "#ffffff",
783
+ "bodyText": "#242424",
784
+ "bodyTextChecked": "#242424",
568
785
  "brandBackground": "#0f6cbd",
569
786
  "brandBackground2": "#115ea3",
570
787
  "brandBackground2Pressed": "#0c3b5e",
571
788
  "brandBackground2Selected": "#0e4775",
572
789
  "brandBackground3": "#0f548c",
573
790
  "brandBackgroundDisabled": "#b4d6fa",
791
+ "brandBackgroundHover": "#0f6cbd",
792
+ "brandBackgroundInverted": "#757575",
793
+ "brandBackgroundInvertedDisabled": "#e0e0e0",
574
794
  "brandBackgroundPressed": "#0e4775",
575
795
  "brandBackgroundSelected": "#0f548c",
796
+ "brandBackgroundStatic": "#0f6cbd",
576
797
  "brandBackgroundTint": "#cfe4fa",
577
798
  "brandForeground1": "#0f6cbd",
799
+ "brandForeground1Disabled": "#2886de",
578
800
  "brandForeground1Pressed": "#0e4775",
579
801
  "brandForeground1Selected": "#0f548c",
802
+ "brandForeground2": "#0f6cbd",
580
803
  "brandForegroundDisabled1": "#2886de",
581
804
  "brandForegroundDisabled2": "#b4d6fa",
805
+ "brandForegroundLink": "#0f6cbd",
806
+ "brandForegroundLinkHover": "#0f6cbd",
807
+ "brandForegroundLinkPressed": "#0e4775",
808
+ "brandForegroundLinkSelected": "#0f548c",
582
809
  "brandForegroundTint": "#0f548c",
583
810
  "brandStroke1": "#0f6cbd",
584
811
  "brandStroke1Pressed": "#0e4775",
585
812
  "brandStroke1Selected": "#0f548c",
813
+ "brandStroke2": "#2886de",
586
814
  "brandStrokeTint": "#2886de",
587
- "brandedBackground": "#000000",
588
- "brandedDisabledBorder": "#3ff23f",
815
+ "brandedBackground": "#0f6cbd",
816
+ "brandedDisabledBorder": "#00000000",
589
817
  "brandedFocusedSecondaryContent": "#ffffff",
590
- "brandedHoveredSecondaryContent": "#000000",
591
- "brandedPressedSecondaryContent": "#000000",
818
+ "brandedHoveredSecondaryContent": "#ffffff",
819
+ "brandedPressedSecondaryContent": "#ffffff",
592
820
  "brandedSecondaryContent": "#ffffff",
593
- "buttonBackground": "#000000",
594
- "buttonBackgroundChecked": "#1aebff",
595
- "buttonBackgroundDisabled": "#000000",
596
- "buttonBackgroundHovered": "#1aebff",
597
- "buttonBackgroundPressed": "#1aebff",
598
- "buttonBorder": "#ffffff",
599
- "buttonBorderDisabled": "#3ff23f",
600
- "buttonBorderFocused": "#ffffff",
601
- "buttonText": "#ffffff",
602
- "buttonTextChecked": "#000000",
603
- "buttonTextDisabled": "#3ff23f",
604
- "buttonTextHovered": "#000000",
605
- "buttonTextPressed": "#000000",
606
- "checkboxBackground": "#000000",
607
- "checkboxBackgroundDisabled": "#000000",
608
- "checkboxBorderColor": "#ffffff",
821
+ "buttonBackground": "#ffffff",
822
+ "buttonBackgroundChecked": "#ebebeb",
823
+ "buttonBackgroundDisabled": "#e0e0e0",
824
+ "buttonBackgroundHovered": "#ffffff",
825
+ "buttonBackgroundPressed": "#e0e0e0",
826
+ "buttonBorder": "#d1d1d1",
827
+ "buttonBorderDisabled": "#e0e0e0",
828
+ "buttonBorderFocused": "#000000",
829
+ "buttonText": "#242424",
830
+ "buttonTextChecked": "#242424",
831
+ "buttonTextDisabled": "#bdbdbd",
832
+ "buttonTextHovered": "#242424",
833
+ "buttonTextPressed": "#242424",
834
+ "checkboxBackground": "#0f6cbd",
835
+ "checkboxBackgroundDisabled": "#e0e0e0",
836
+ "checkboxBorderColor": "#616161",
609
837
  "checkmarkColor": "#ffffff",
838
+ "compoundBrandBackground1": "#0f6cbd",
839
+ "compoundBrandBackground1Hover": "#0f6cbd",
840
+ "compoundBrandBackground1Pressed": "#0e4775",
841
+ "compoundBrandForeground1": "#0f6cbd",
842
+ "compoundBrandForeground1Hover": "#0f6cbd",
843
+ "compoundBrandForeground1Pressed": "#0e4775",
844
+ "compoundBrandStroke1": "#0f6cbd",
845
+ "compoundBrandStroke1Hover": "#0f6cbd",
846
+ "compoundBrandStroke1Pressed": "#0e4775",
610
847
  "dangerBackground1": "#fdf6f6",
611
848
  "dangerBackground2": "#d13438",
849
+ "dangerBackground3": "#d13438",
850
+ "dangerBorder1": "#dc5e62",
851
+ "dangerBorder2": "#d13438",
852
+ "dangerBorderActive": "#d13438",
612
853
  "dangerForeground1": "#bc2f32",
613
854
  "dangerForeground2": "#d13438",
855
+ "dangerForeground3": "#d13438",
856
+ "dangerForegroundInverted": "#dc5e62",
614
857
  "dangerStroke1": "#dc5e62",
615
- "defaultBackground": "#000000",
616
- "defaultBorder": "#ffffff",
617
- "defaultCheckedBackground": "#1aebff",
618
- "defaultCheckedContent": "#000000",
619
- "defaultCheckedHoveredBackground": "#1aebff",
620
- "defaultCheckedHoveredContent": "#000000",
621
- "defaultContent": "#ffffff",
622
- "defaultDisabledBackground": "#000000",
623
- "defaultDisabledBorder": "#3ff23f",
624
- "defaultDisabledContent": "#3ff23f",
625
- "defaultDisabledIcon": "#3ff23f",
626
- "defaultFocusedBackground": "#000000",
627
- "defaultFocusedBorder": "#ffffff",
628
- "defaultFocusedContent": "#ffffff",
629
- "defaultFocusedIcon": "#ffffff",
630
- "defaultHoveredBackground": "#1aebff",
631
- "defaultHoveredBorder": "#1aebff",
632
- "defaultHoveredContent": "#000000",
633
- "defaultHoveredIcon": "#000000",
634
- "defaultHoveredSecondaryContent": "#000000",
635
- "defaultIcon": "#ffffff",
636
- "defaultPressedBackground": "#1aebff",
637
- "defaultPressedBorder": "#1aebff",
638
- "defaultPressedContent": "#000000",
639
- "defaultPressedIcon": "#000000",
640
- "defaultPressedSecondaryContent": "#000000",
641
- "disabledBackground": "#000000",
642
- "disabledBodyText": "#3ff23f",
643
- "disabledText": "#3ff23f",
644
- "errorText": "#ffffff",
645
- "focusBorder": "#ffffff",
646
- "ghostBackground": "#000000",
647
- "ghostBorder": "#000000",
648
- "ghostCheckedBackground": "#1aebff",
649
- "ghostCheckedContent": "#000000",
650
- "ghostCheckedHoveredBackground": "#1aebff",
651
- "ghostCheckedHoveredBorder": "#000000",
652
- "ghostCheckedHoveredContent": "#000000",
653
- "ghostContent": "#ffffff",
654
- "ghostDisabledBackground": "#000000",
655
- "ghostDisabledBorder": "#000000",
656
- "ghostDisabledContent": "#3ff23f",
657
- "ghostDisabledIcon": "#3ff23f",
658
- "ghostFocusedBackground": "#000000",
659
- "ghostFocusedBorder": "#ffffff",
660
- "ghostFocusedContent": "#ffffff",
661
- "ghostFocusedIcon": "#ffffff",
662
- "ghostFocusedSecondaryContent": "#ffffff",
663
- "ghostHoveredBackground": "#1aebff",
664
- "ghostHoveredBorder": "#1aebff",
665
- "ghostHoveredContent": "#000000",
666
- "ghostHoveredIcon": "#000000",
667
- "ghostHoveredSecondaryContent": "#000000",
668
- "ghostIcon": "#ffffff",
669
- "ghostPressedBackground": "#1aebff",
670
- "ghostPressedBorder": "#1aebff",
671
- "ghostPressedContent": "#000000",
672
- "ghostPressedIcon": "#000000",
673
- "ghostPressedSecondaryContent": "#000000",
674
- "ghostSecondaryContent": "#ffffff",
675
- "inputBackground": "#000000",
676
- "inputBorder": "#ffffff",
677
- "inputFocusBorderAlt": "#ffffff",
678
- "inputPlaceholderText": "#ffffff",
679
- "inputText": "#ffffff",
680
- "link": "#ffff00",
681
- "linkHovered": "#ffffff",
682
- "linkPressed": "#ffffff",
683
- "listHeaderBackgroundHovered": "#1aebff",
684
- "listHeaderBackgroundPressed": "#1aebff",
685
- "menuBackground": "#000000",
686
- "menuDivider": "#ffffff",
687
- "menuIcon": "#ffffff",
688
- "menuItemBackgroundHovered": "#1aebff",
689
- "menuItemBackgroundPressed": "#1aebff",
690
- "menuItemText": "#ffffff",
691
- "menuItemTextHovered": "#000000",
858
+ "defaultBackground": "#ffffff",
859
+ "defaultBorder": "#d1d1d1",
860
+ "defaultCheckedBackground": "#ebebeb",
861
+ "defaultCheckedContent": "#242424",
862
+ "defaultCheckedHoveredBackground": "#ffffff",
863
+ "defaultCheckedHoveredContent": "#242424",
864
+ "defaultContent": "#242424",
865
+ "defaultDisabledBackground": "#e0e0e0",
866
+ "defaultDisabledBorder": "#e0e0e0",
867
+ "defaultDisabledContent": "#bdbdbd",
868
+ "defaultDisabledIcon": "#bdbdbd",
869
+ "defaultFocusedBackground": "#ffffff",
870
+ "defaultFocusedBorder": "#000000",
871
+ "defaultFocusedContent": "#242424",
872
+ "defaultFocusedIcon": "#242424",
873
+ "defaultHoveredBackground": "#ffffff",
874
+ "defaultHoveredBorder": "#d1d1d1",
875
+ "defaultHoveredContent": "#242424",
876
+ "defaultHoveredIcon": "#242424",
877
+ "defaultHoveredSecondaryContent": "#808080",
878
+ "defaultIcon": "#242424",
879
+ "defaultPressedBackground": "#e0e0e0",
880
+ "defaultPressedBorder": "#d1d1d1",
881
+ "defaultPressedContent": "#242424",
882
+ "defaultPressedIcon": "#242424",
883
+ "defaultPressedSecondaryContent": "#808080",
884
+ "disabledBackground": "#e0e0e0",
885
+ "disabledBodyText": "#bdbdbd",
886
+ "disabledText": "#bdbdbd",
887
+ "errorText": "#bc2f32",
888
+ "focusBorder": "#000000",
889
+ "ghostBackground": "#00000000",
890
+ "ghostBorder": "#00000000",
891
+ "ghostCheckedBackground": "#ebebeb",
892
+ "ghostCheckedContent": "#616161",
893
+ "ghostCheckedHoveredBackground": "#f5f5f5",
894
+ "ghostCheckedHoveredBorder": "#00000000",
895
+ "ghostCheckedHoveredContent": "#616161",
896
+ "ghostContent": "#242424",
897
+ "ghostDisabledBackground": "#00000000",
898
+ "ghostDisabledBorder": "#00000000",
899
+ "ghostDisabledContent": "#bdbdbd",
900
+ "ghostDisabledIcon": "#bdbdbd",
901
+ "ghostFocusedBackground": "#f5f5f5",
902
+ "ghostFocusedBorder": "#000000",
903
+ "ghostFocusedContent": "#242424",
904
+ "ghostFocusedIcon": "#242424",
905
+ "ghostFocusedSecondaryContent": "#808080",
906
+ "ghostHoveredBackground": "#f5f5f5",
907
+ "ghostHoveredBorder": "#00000000",
908
+ "ghostHoveredContent": "#242424",
909
+ "ghostHoveredIcon": "#242424",
910
+ "ghostHoveredSecondaryContent": "#808080",
911
+ "ghostIcon": "#242424",
912
+ "ghostPressedBackground": "#e0e0e0",
913
+ "ghostPressedBorder": "#00000000",
914
+ "ghostPressedContent": "#242424",
915
+ "ghostPressedIcon": "#242424",
916
+ "ghostPressedSecondaryContent": "#808080",
917
+ "ghostSecondaryContent": "#808080",
918
+ "inputBackground": "#ffffff",
919
+ "inputBorder": "#d1d1d1",
920
+ "inputFocusBorderAlt": "#0f6cbd",
921
+ "inputPlaceholderText": "#808080",
922
+ "inputText": "#242424",
923
+ "link": "#0f6cbd",
924
+ "linkHovered": "#0f6cbd",
925
+ "linkPressed": "#0e4775",
926
+ "listHeaderBackgroundHovered": "#ffffff",
927
+ "listHeaderBackgroundPressed": "#e0e0e0",
928
+ "menuBackground": "#ffffff",
929
+ "menuDivider": "#e0e0e0",
930
+ "menuIcon": "#616161",
931
+ "menuItemBackgroundHovered": "#ffffff",
932
+ "menuItemBackgroundPressed": "#e0e0e0",
933
+ "menuItemText": "#242424",
934
+ "menuItemTextHovered": "#242424",
692
935
  "neutralBackground1": "#ffffff",
936
+ "neutralBackground1Hover": "#ffffff",
693
937
  "neutralBackground1Pressed": "#e0e0e0",
694
938
  "neutralBackground1Selected": "#ebebeb",
695
939
  "neutralBackground2": "#ffffff",
940
+ "neutralBackground2Hover": "#ffffff",
696
941
  "neutralBackground2Pressed": "#e0e0e0",
697
942
  "neutralBackground2Selected": "#ebebeb",
698
943
  "neutralBackground3": "#ffffff",
944
+ "neutralBackground3Hover": "#ffffff",
699
945
  "neutralBackground3Pressed": "#e0e0e0",
700
946
  "neutralBackground3Selected": "#ebebeb",
701
947
  "neutralBackground4": "#fafafa",
948
+ "neutralBackground4Hover": "#fafafa",
702
949
  "neutralBackground4Pressed": "#dbdbdb",
703
950
  "neutralBackground4Selected": "#e6e6e6",
704
951
  "neutralBackground5": "#f0f0f0",
952
+ "neutralBackground5Hover": "#f0f0f0",
705
953
  "neutralBackground5Pressed": "#d1d1d1",
706
954
  "neutralBackground5Selected": "#dbdbdb",
707
955
  "neutralBackground6": "#d1d1d1",
@@ -712,58 +960,139 @@ exports[`defaultFluentHighConstrastTheme 1`] = `
712
960
  "neutralBackgroundLightStatic": "#ffffff",
713
961
  "neutralBackgroundLightStaticDisabled": "#ffffff",
714
962
  "neutralForeground1": "#242424",
963
+ "neutralForeground1Hover": "#242424",
964
+ "neutralForeground1Pressed": "#242424",
965
+ "neutralForeground1Selected": "#242424",
715
966
  "neutralForeground2": "#616161",
967
+ "neutralForeground2BrandHover": "#616161",
968
+ "neutralForeground2BrandPressed": "#616161",
969
+ "neutralForeground2BrandSelected": "#616161",
970
+ "neutralForeground2Hover": "#616161",
971
+ "neutralForeground2Pressed": "#616161",
972
+ "neutralForeground2Selected": "#616161",
716
973
  "neutralForeground3": "#808080",
974
+ "neutralForeground3BrandHover": "#808080",
975
+ "neutralForeground3BrandPressed": "#808080",
976
+ "neutralForeground3BrandSelected": "#808080",
977
+ "neutralForeground3Hover": "#808080",
978
+ "neutralForeground3Pressed": "#808080",
979
+ "neutralForeground3Selected": "#808080",
980
+ "neutralForeground4": "#808080",
717
981
  "neutralForegroundDarkStatic": "#000000",
982
+ "neutralForegroundDisabled": "#bdbdbd",
718
983
  "neutralForegroundDisabled1": "#bdbdbd",
719
984
  "neutralForegroundDisabled2": "#ffffff",
985
+ "neutralForegroundInverted": "#ffffff",
986
+ "neutralForegroundInvertedLink": "#ffffff",
987
+ "neutralForegroundInvertedLinkHover": "#ffffff",
988
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
989
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
720
990
  "neutralForegroundLightStatic": "#ffffff",
991
+ "neutralForegroundOnBrand": "#ffffff",
992
+ "neutralForegroundOnBrandHover": "#ffffff",
993
+ "neutralForegroundOnBrandPressed": "#ffffff",
994
+ "neutralForegroundOnBrandSelected": "#ffffff",
721
995
  "neutralForegroundOnColor": "#ffffff",
722
996
  "neutralStencil1": "#e6e6e6",
723
997
  "neutralStencil2": "#fafafa",
724
998
  "neutralStroke1": "#d1d1d1",
999
+ "neutralStroke1Hover": "#d1d1d1",
1000
+ "neutralStroke1Pressed": "#d1d1d1",
1001
+ "neutralStroke1Selected": "#d1d1d1",
725
1002
  "neutralStroke2": "#e0e0e0",
1003
+ "neutralStroke3": "#e0e0e0",
726
1004
  "neutralStrokeAccessible": "#616161",
1005
+ "neutralStrokeAccessibleHover": "#616161",
1006
+ "neutralStrokeAccessiblePressed": "#616161",
1007
+ "neutralStrokeAccessibleSelected": "#616161",
727
1008
  "neutralStrokeDisabled": "#e0e0e0",
728
1009
  "neutralStrokeFocus1": "#ffffff",
729
1010
  "neutralStrokeFocus2": "#000000",
730
- "personaActivityGlow": "transparent",
1011
+ "outofofficeBackground1": "#fdf5fc",
1012
+ "outofofficeBackground2": "#edbbe7",
1013
+ "outofofficeBackground3": "#c239b3",
1014
+ "outofofficeBorder1": "#edbbe7",
1015
+ "outofofficeBorder2": "#c239b3",
1016
+ "outofofficeBorderActive": "#c239b3",
1017
+ "outofofficeForeground1": "#af33a1",
1018
+ "outofofficeForeground2": "#6d2064",
1019
+ "outofofficeForeground3": "#c239b3",
1020
+ "personaActivityGlow": "#0f6cbd",
731
1021
  "personaActivityRing": "#ffffff",
732
1022
  "presenceAvailable": "#13a10e",
733
1023
  "presenceAway": "#eaa300",
734
1024
  "presenceDnd": "#d13438",
735
1025
  "presenceOof": "#c239b3",
736
- "primaryButtonBackground": "#000000",
737
- "primaryButtonBackgroundDisabled": "#000000",
738
- "primaryButtonBackgroundHovered": "#1aebff",
739
- "primaryButtonBackgroundPressed": "#1aebff",
740
- "primaryButtonBorder": "#ffffff",
741
- "primaryButtonBorderFocused": "#ffffff",
1026
+ "primaryButtonBackground": "#0f6cbd",
1027
+ "primaryButtonBackgroundDisabled": "#e0e0e0",
1028
+ "primaryButtonBackgroundHovered": "#0f6cbd",
1029
+ "primaryButtonBackgroundPressed": "#0e4775",
1030
+ "primaryButtonBorder": "#00000000",
1031
+ "primaryButtonBorderFocused": "#000000",
742
1032
  "primaryButtonText": "#ffffff",
743
- "primaryButtonTextDisabled": "#3ff23f",
744
- "primaryButtonTextHovered": "#000000",
745
- "primaryButtonTextPressed": "#000000",
1033
+ "primaryButtonTextDisabled": "#bdbdbd",
1034
+ "primaryButtonTextHovered": "#ffffff",
1035
+ "primaryButtonTextPressed": "#ffffff",
1036
+ "redBackground1": "#fdf6f6",
1037
+ "redBackground2": "#d13438",
1038
+ "redBackground3": "#d13438",
1039
+ "redBorder1": "#dc5e62",
1040
+ "redBorder2": "#d13438",
1041
+ "redBorderActive": "#d13438",
1042
+ "redForeground1": "#bc2f32",
1043
+ "redForeground2": "#d13438",
1044
+ "redForeground3": "#d13438",
746
1045
  "severeBackground1": "#fdf6f3",
747
1046
  "severeBackground2": "#da3b01",
1047
+ "severeBackground3": "#da3b01",
1048
+ "severeBorder1": "#de501c",
1049
+ "severeBorder2": "#da3b01",
1050
+ "severeBorderActive": "#da3b01",
748
1051
  "severeForeground1": "#c43501",
749
1052
  "severeForeground2": "#a62d01",
1053
+ "severeForeground3": "#da3b01",
750
1054
  "severeStroke1": "#de501c",
751
- "subText": "#ffffff",
1055
+ "strokeFocus1": "#ffffff",
1056
+ "strokeFocus2": "#000000",
1057
+ "subText": "#616161",
1058
+ "subtleBackground": "#00000000",
1059
+ "subtleBackgroundHover": "#f5f5f5",
1060
+ "subtleBackgroundPressed": "#e0e0e0",
1061
+ "subtleBackgroundSelected": "#ebebeb",
752
1062
  "successBackground1": "#f1faf1",
753
1063
  "successBackground2": "#107c10",
1064
+ "successBackground3": "#107c10",
1065
+ "successBorder1": "#359b35",
1066
+ "successBorder2": "#107c10",
1067
+ "successBorderActive": "#107c10",
754
1068
  "successForeground1": "#0e700e",
755
1069
  "successForeground2": "#107c10",
1070
+ "successForeground3": "#107c10",
1071
+ "successForegroundInverted": "#359b35",
756
1072
  "successStroke1": "#359b35",
757
- "variantBorder": "#ffffff",
1073
+ "transparentBackground": "#00000000",
1074
+ "transparentBackgroundHover": "#00000000",
1075
+ "transparentBackgroundPressed": "#00000000",
1076
+ "transparentBackgroundSelected": "#00000000",
1077
+ "transparentStroke": "#00000000",
1078
+ "transparentStrokeDisabled": "#00000000",
1079
+ "transparentStrokeInteractive": "#00000000",
1080
+ "variantBorder": "#e0e0e0",
758
1081
  "warningBackground1": "#fffef5",
759
1082
  "warningBackground2": "#fde300",
1083
+ "warningBackground3": "#fde300",
1084
+ "warningBorder1": "#817400",
1085
+ "warningBorder2": "#fde300",
1086
+ "warningBorderActive": "#fde300",
760
1087
  "warningForeground1": "#817400",
761
1088
  "warningForeground2": "#817400",
1089
+ "warningForeground3": "#fde300",
1090
+ "warningForegroundInverted": "#fef7b2",
762
1091
  "warningStroke1": "#817400",
763
1092
  },
764
1093
  "components": {},
765
1094
  "host": {
766
- "appearance": "highContrast",
1095
+ "appearance": "light",
767
1096
  },
768
1097
  "shadows": {
769
1098
  "shadow16": {
@@ -963,139 +1292,244 @@ exports[`defaultFluentHighConstrastTheme 1`] = `
963
1292
  },
964
1293
  "variants": {
965
1294
  "body1": {
966
- "face": "primary",
967
- "size": "secondary",
968
- "weight": "regular",
1295
+ "dynamicTypeRamp": "body",
1296
+ "face": "System",
1297
+ "letterSpacing": -0.43,
1298
+ "lineHeight": 22,
1299
+ "size": 17,
1300
+ "weight": "400",
969
1301
  },
970
1302
  "body1Strong": {
971
- "face": "primary",
972
- "size": "secondary",
973
- "weight": "semiBold",
1303
+ "dynamicTypeRamp": "body",
1304
+ "face": "System",
1305
+ "letterSpacing": -0.43,
1306
+ "lineHeight": 22,
1307
+ "size": 17,
1308
+ "weight": "600",
974
1309
  },
975
1310
  "body2": {
976
- "face": "primary",
977
- "size": "body",
978
- "weight": "regular",
1311
+ "dynamicTypeRamp": "subheadline",
1312
+ "face": "System",
1313
+ "letterSpacing": -0.23,
1314
+ "lineHeight": 20,
1315
+ "size": 15,
1316
+ "weight": "400",
979
1317
  },
980
1318
  "body2Strong": {
981
- "face": "primary",
982
- "size": "body",
983
- "weight": "semiBold",
1319
+ "dynamicTypeRamp": "subheadline",
1320
+ "face": "System",
1321
+ "letterSpacing": -0.23,
1322
+ "lineHeight": 20,
1323
+ "size": 15,
1324
+ "weight": "600",
984
1325
  },
985
1326
  "bodySemibold": {
986
- "face": "primary",
987
- "size": "body",
988
- "weight": "semiBold",
1327
+ "dynamicTypeRamp": "subheadline",
1328
+ "face": "System",
1329
+ "letterSpacing": -0.23,
1330
+ "lineHeight": 20,
1331
+ "size": 15,
1332
+ "weight": "600",
989
1333
  },
990
1334
  "bodyStandard": {
991
- "face": "primary",
992
- "size": "body",
993
- "weight": "regular",
1335
+ "dynamicTypeRamp": "subheadline",
1336
+ "face": "System",
1337
+ "letterSpacing": -0.23,
1338
+ "lineHeight": 20,
1339
+ "size": 15,
1340
+ "weight": "400",
994
1341
  },
995
1342
  "caption1": {
996
- "face": "primary",
997
- "size": "caption",
998
- "weight": "regular",
1343
+ "dynamicTypeRamp": "footnote",
1344
+ "face": "System",
1345
+ "letterSpacing": -0.08,
1346
+ "lineHeight": 18,
1347
+ "size": 13,
1348
+ "weight": "400",
999
1349
  },
1000
1350
  "caption1Strong": {
1001
- "face": "primary",
1002
- "size": "caption",
1003
- "weight": "semiBold",
1351
+ "dynamicTypeRamp": "footnote",
1352
+ "face": "System",
1353
+ "letterSpacing": -0.08,
1354
+ "lineHeight": 18,
1355
+ "size": 13,
1356
+ "weight": "600",
1357
+ },
1358
+ "caption2": {
1359
+ "dynamicTypeRamp": "caption1",
1360
+ "face": "System",
1361
+ "letterSpacing": 0,
1362
+ "lineHeight": 16,
1363
+ "size": 12,
1364
+ "weight": "400",
1004
1365
  },
1005
1366
  "captionStandard": {
1006
- "face": "primary",
1007
- "size": "caption",
1008
- "weight": "regular",
1367
+ "dynamicTypeRamp": "footnote",
1368
+ "face": "System",
1369
+ "letterSpacing": -0.08,
1370
+ "lineHeight": 18,
1371
+ "size": 13,
1372
+ "weight": "400",
1009
1373
  },
1010
1374
  "display": {
1011
- "face": "primary",
1012
- "size": "heroLarge",
1013
- "weight": "semiBold",
1375
+ "dynamicTypeRamp": "largeTitle",
1376
+ "face": "System",
1377
+ "letterSpacing": 0.26,
1378
+ "lineHeight": 70,
1379
+ "size": 60,
1380
+ "weight": "700",
1014
1381
  },
1015
1382
  "headerSemibold": {
1016
- "face": "primary",
1017
- "size": "header",
1018
- "weight": "semiBold",
1383
+ "dynamicTypeRamp": "title2",
1384
+ "face": "System",
1385
+ "letterSpacing": -0.26,
1386
+ "lineHeight": 28,
1387
+ "size": 22,
1388
+ "weight": "600",
1019
1389
  },
1020
1390
  "headerStandard": {
1021
- "face": "primary",
1022
- "size": "header",
1023
- "weight": "regular",
1391
+ "dynamicTypeRamp": "title2",
1392
+ "face": "System",
1393
+ "letterSpacing": -0.26,
1394
+ "lineHeight": 28,
1395
+ "size": 22,
1396
+ "weight": "600",
1024
1397
  },
1025
1398
  "heroLargeSemibold": {
1026
- "face": "primary",
1027
- "size": "heroLarge",
1028
- "weight": "semiBold",
1399
+ "dynamicTypeRamp": "largeTitle",
1400
+ "face": "System",
1401
+ "letterSpacing": 0.26,
1402
+ "lineHeight": 70,
1403
+ "size": 60,
1404
+ "weight": "700",
1029
1405
  },
1030
1406
  "heroLargeStandard": {
1031
- "face": "primary",
1032
- "size": "heroLarge",
1033
- "weight": "regular",
1407
+ "dynamicTypeRamp": "largeTitle",
1408
+ "face": "System",
1409
+ "letterSpacing": 0.4,
1410
+ "lineHeight": 41,
1411
+ "size": 34,
1412
+ "weight": "700",
1034
1413
  },
1035
1414
  "heroSemibold": {
1036
- "face": "primary",
1037
- "size": "hero",
1038
- "weight": "semiBold",
1415
+ "dynamicTypeRamp": "title1",
1416
+ "face": "System",
1417
+ "letterSpacing": 0.38,
1418
+ "lineHeight": 34,
1419
+ "size": 28,
1420
+ "weight": "600",
1039
1421
  },
1040
1422
  "heroStandard": {
1041
- "face": "primary",
1042
- "size": "hero",
1043
- "weight": "regular",
1423
+ "dynamicTypeRamp": "title1",
1424
+ "face": "System",
1425
+ "letterSpacing": 0.38,
1426
+ "lineHeight": 34,
1427
+ "size": 28,
1428
+ "weight": "700",
1044
1429
  },
1045
1430
  "largeTitle": {
1046
- "face": "primary",
1047
- "size": "heroLarge",
1048
- "weight": "regular",
1431
+ "dynamicTypeRamp": "largeTitle",
1432
+ "face": "System",
1433
+ "letterSpacing": 0.4,
1434
+ "lineHeight": 41,
1435
+ "size": 34,
1436
+ "weight": "700",
1049
1437
  },
1050
1438
  "secondarySemibold": {
1051
- "face": "primary",
1052
- "size": "secondary",
1053
- "weight": "semiBold",
1439
+ "dynamicTypeRamp": "body",
1440
+ "face": "System",
1441
+ "letterSpacing": -0.43,
1442
+ "lineHeight": 22,
1443
+ "size": 17,
1444
+ "weight": "600",
1054
1445
  },
1055
1446
  "secondaryStandard": {
1056
- "face": "primary",
1057
- "size": "secondary",
1058
- "weight": "regular",
1447
+ "dynamicTypeRamp": "body",
1448
+ "face": "System",
1449
+ "letterSpacing": -0.43,
1450
+ "lineHeight": 22,
1451
+ "size": 17,
1452
+ "weight": "400",
1059
1453
  },
1060
1454
  "subheaderSemibold": {
1061
- "face": "primary",
1062
- "size": "subheader",
1063
- "weight": "semiBold",
1455
+ "dynamicTypeRamp": "title3",
1456
+ "face": "System",
1457
+ "letterSpacing": -0.45,
1458
+ "lineHeight": 25,
1459
+ "size": 20,
1460
+ "weight": "600",
1064
1461
  },
1065
1462
  "subheaderStandard": {
1066
- "face": "primary",
1067
- "size": "subheader",
1068
- "weight": "regular",
1463
+ "dynamicTypeRamp": "title3",
1464
+ "face": "System",
1465
+ "letterSpacing": -0.45,
1466
+ "lineHeight": 25,
1467
+ "size": 20,
1468
+ "weight": "600",
1069
1469
  },
1070
1470
  "subtitle1": {
1071
- "face": "primary",
1072
- "size": "header",
1073
- "weight": "regular",
1471
+ "dynamicTypeRamp": "title2",
1472
+ "face": "System",
1473
+ "letterSpacing": -0.26,
1474
+ "lineHeight": 28,
1475
+ "size": 22,
1476
+ "weight": "600",
1074
1477
  },
1075
1478
  "subtitle1Strong": {
1076
- "face": "primary",
1077
- "size": "header",
1078
- "weight": "semiBold",
1479
+ "dynamicTypeRamp": "title2",
1480
+ "face": "System",
1481
+ "letterSpacing": -0.26,
1482
+ "lineHeight": 28,
1483
+ "size": 22,
1484
+ "weight": "600",
1079
1485
  },
1080
1486
  "subtitle2": {
1081
- "face": "primary",
1082
- "size": "subheader",
1083
- "weight": "regular",
1487
+ "dynamicTypeRamp": "title3",
1488
+ "face": "System",
1489
+ "letterSpacing": -0.45,
1490
+ "lineHeight": 25,
1491
+ "size": 20,
1492
+ "weight": "600",
1084
1493
  },
1085
1494
  "subtitle2Strong": {
1086
- "face": "primary",
1087
- "size": "subheader",
1088
- "weight": "semiBold",
1495
+ "dynamicTypeRamp": "title3",
1496
+ "face": "System",
1497
+ "letterSpacing": -0.45,
1498
+ "lineHeight": 25,
1499
+ "size": 20,
1500
+ "weight": "600",
1089
1501
  },
1090
1502
  "title1": {
1091
- "face": "primary",
1092
- "size": "hero",
1093
- "weight": "regular",
1503
+ "dynamicTypeRamp": "title1",
1504
+ "face": "System",
1505
+ "letterSpacing": 0.38,
1506
+ "lineHeight": 34,
1507
+ "size": 28,
1508
+ "weight": "700",
1094
1509
  },
1095
1510
  "title1Strong": {
1096
- "face": "primary",
1097
- "size": "hero",
1098
- "weight": "semiBold",
1511
+ "dynamicTypeRamp": "title1",
1512
+ "face": "System",
1513
+ "letterSpacing": 0.38,
1514
+ "lineHeight": 34,
1515
+ "size": 28,
1516
+ "weight": "600",
1517
+ },
1518
+ "title2": {
1519
+ "dynamicTypeRamp": "title2",
1520
+ "face": "System",
1521
+ "letterSpacing": -0.26,
1522
+ "lineHeight": 28,
1523
+ "size": 22,
1524
+ "weight": "600",
1525
+ },
1526
+ "title3": {
1527
+ "dynamicTypeRamp": "title3",
1528
+ "face": "System",
1529
+ "letterSpacing": -0.45,
1530
+ "lineHeight": 25,
1531
+ "size": 20,
1532
+ "weight": "600",
1099
1533
  },
1100
1534
  },
1101
1535
  "weights": {
@@ -1106,155 +1540,956 @@ exports[`defaultFluentHighConstrastTheme 1`] = `
1106
1540
  }
1107
1541
  `;
1108
1542
 
1109
- exports[`defaultFluentTheme 1`] = `
1543
+ exports[`high contrast dark theme 1`] = `
1544
+ {
1545
+ "colors": {
1546
+ "accentButtonBackground": "#479ef5",
1547
+ "actionLink": "#ffffff",
1548
+ "background": "#000000",
1549
+ "bodyDivider": "#3d3d3d",
1550
+ "bodyFrameBackground": "#000000",
1551
+ "bodyFrameDivider": "#3d3d3d",
1552
+ "bodyStandoutBackground": "#1f1f1f",
1553
+ "bodyText": "#ffffff",
1554
+ "bodyTextChecked": "#ffffff",
1555
+ "brandBackground": "#479ef5",
1556
+ "brandBackground2": "#479ef5",
1557
+ "brandBackground2Pressed": "#96c6fa",
1558
+ "brandBackground2Selected": "#77b7f7",
1559
+ "brandBackground3": "#479ef5",
1560
+ "brandBackgroundDisabled": "#0c3b5e",
1561
+ "brandBackgroundHover": "#479ef5",
1562
+ "brandBackgroundInverted": "#b8b8b8",
1563
+ "brandBackgroundInvertedDisabled": "#525252",
1564
+ "brandBackgroundPressed": "#96c6fa",
1565
+ "brandBackgroundSelected": "#77b7f7",
1566
+ "brandBackgroundStatic": "#479ef5",
1567
+ "brandBackgroundTint": "#0c3b5e",
1568
+ "brandForeground1": "#479ef5",
1569
+ "brandForeground1Disabled": "#2886de",
1570
+ "brandForeground1Pressed": "#96c6fa",
1571
+ "brandForeground1Selected": "#77b7f7",
1572
+ "brandForeground2": "#479ef5",
1573
+ "brandForegroundDisabled1": "#2886de",
1574
+ "brandForegroundDisabled2": "#0c3b5e",
1575
+ "brandForegroundLink": "#479ef5",
1576
+ "brandForegroundLinkHover": "#479ef5",
1577
+ "brandForegroundLinkPressed": "#96c6fa",
1578
+ "brandForegroundLinkSelected": "#77b7f7",
1579
+ "brandForegroundTint": "#96c6fa",
1580
+ "brandStroke1": "#479ef5",
1581
+ "brandStroke1Pressed": "#96c6fa",
1582
+ "brandStroke1Selected": "#77b7f7",
1583
+ "brandStroke2": "#479ef5",
1584
+ "brandStrokeTint": "#479ef5",
1585
+ "brandedBackground": "#479ef5",
1586
+ "brandedDisabledBorder": "#00000000",
1587
+ "brandedFocusedSecondaryContent": "#ffffff",
1588
+ "brandedHoveredSecondaryContent": "#ffffff",
1589
+ "brandedPressedSecondaryContent": "#ffffff",
1590
+ "brandedSecondaryContent": "#000000",
1591
+ "buttonBackground": "#000000",
1592
+ "buttonBackgroundChecked": "#242424",
1593
+ "buttonBackgroundDisabled": "#525252",
1594
+ "buttonBackgroundHovered": "#000000",
1595
+ "buttonBackgroundPressed": "#2e2e2e",
1596
+ "buttonBorder": "#4d4d4d",
1597
+ "buttonBorderDisabled": "#424242",
1598
+ "buttonBorderFocused": "#ffffff",
1599
+ "buttonText": "#ffffff",
1600
+ "buttonTextChecked": "#ffffff",
1601
+ "buttonTextDisabled": "#5c5c5c",
1602
+ "buttonTextHovered": "#ffffff",
1603
+ "buttonTextPressed": "#ffffff",
1604
+ "checkboxBackground": "#479ef5",
1605
+ "checkboxBackgroundDisabled": "#525252",
1606
+ "checkboxBorderColor": "#9e9e9e",
1607
+ "checkmarkColor": "#000000",
1608
+ "compoundBrandBackground1": "#479ef5",
1609
+ "compoundBrandBackground1Hover": "#479ef5",
1610
+ "compoundBrandBackground1Pressed": "#96c6fa",
1611
+ "compoundBrandForeground1": "#479ef5",
1612
+ "compoundBrandForeground1Hover": "#479ef5",
1613
+ "compoundBrandForeground1Pressed": "#96c6fa",
1614
+ "compoundBrandStroke1": "#479ef5",
1615
+ "compoundBrandStroke1Hover": "#479ef5",
1616
+ "compoundBrandStroke1Pressed": "#96c6fa",
1617
+ "dangerBackground1": "#3f1011",
1618
+ "dangerBackground2": "#bc2f32",
1619
+ "dangerBackground3": "#d13438",
1620
+ "dangerBorder1": "#dc5e62",
1621
+ "dangerBorder2": "#dc5e62",
1622
+ "dangerBorderActive": "#e37d80",
1623
+ "dangerForeground1": "#e37d80",
1624
+ "dangerForeground2": "#e37d80",
1625
+ "dangerForeground3": "#e37d80",
1626
+ "dangerForegroundInverted": "#d13438",
1627
+ "dangerStroke1": "#dc5e62",
1628
+ "defaultBackground": "#000000",
1629
+ "defaultBorder": "#4d4d4d",
1630
+ "defaultCheckedBackground": "#242424",
1631
+ "defaultCheckedContent": "#ffffff",
1632
+ "defaultCheckedHoveredBackground": "#000000",
1633
+ "defaultCheckedHoveredContent": "#ffffff",
1634
+ "defaultContent": "#ffffff",
1635
+ "defaultDisabledBackground": "#525252",
1636
+ "defaultDisabledBorder": "#424242",
1637
+ "defaultDisabledContent": "#5c5c5c",
1638
+ "defaultDisabledIcon": "#5c5c5c",
1639
+ "defaultFocusedBackground": "#000000",
1640
+ "defaultFocusedBorder": "#ffffff",
1641
+ "defaultFocusedContent": "#ffffff",
1642
+ "defaultFocusedIcon": "#ffffff",
1643
+ "defaultHoveredBackground": "#000000",
1644
+ "defaultHoveredBorder": "#4d4d4d",
1645
+ "defaultHoveredContent": "#ffffff",
1646
+ "defaultHoveredIcon": "#ffffff",
1647
+ "defaultHoveredSecondaryContent": "#adadad",
1648
+ "defaultIcon": "#ffffff",
1649
+ "defaultPressedBackground": "#2e2e2e",
1650
+ "defaultPressedBorder": "#4d4d4d",
1651
+ "defaultPressedContent": "#ffffff",
1652
+ "defaultPressedIcon": "#ffffff",
1653
+ "defaultPressedSecondaryContent": "#adadad",
1654
+ "disabledBackground": "#525252",
1655
+ "disabledBodyText": "#5c5c5c",
1656
+ "disabledText": "#5c5c5c",
1657
+ "errorText": "#e37d80",
1658
+ "focusBorder": "#ffffff",
1659
+ "ghostBackground": "#00000000",
1660
+ "ghostBorder": "#00000000",
1661
+ "ghostCheckedBackground": "#383838",
1662
+ "ghostCheckedContent": "#d6d6d6",
1663
+ "ghostCheckedHoveredBackground": "#3d3d3d",
1664
+ "ghostCheckedHoveredBorder": "#00000000",
1665
+ "ghostCheckedHoveredContent": "#d6d6d6",
1666
+ "ghostContent": "#ffffff",
1667
+ "ghostDisabledBackground": "#00000000",
1668
+ "ghostDisabledBorder": "#00000000",
1669
+ "ghostDisabledContent": "#5c5c5c",
1670
+ "ghostDisabledIcon": "#5c5c5c",
1671
+ "ghostFocusedBackground": "#3d3d3d",
1672
+ "ghostFocusedBorder": "#ffffff",
1673
+ "ghostFocusedContent": "#ffffff",
1674
+ "ghostFocusedIcon": "#ffffff",
1675
+ "ghostFocusedSecondaryContent": "#adadad",
1676
+ "ghostHoveredBackground": "#3d3d3d",
1677
+ "ghostHoveredBorder": "#00000000",
1678
+ "ghostHoveredContent": "#ffffff",
1679
+ "ghostHoveredIcon": "#ffffff",
1680
+ "ghostHoveredSecondaryContent": "#adadad",
1681
+ "ghostIcon": "#ffffff",
1682
+ "ghostPressedBackground": "#1f1f1f",
1683
+ "ghostPressedBorder": "#00000000",
1684
+ "ghostPressedContent": "#ffffff",
1685
+ "ghostPressedIcon": "#ffffff",
1686
+ "ghostPressedSecondaryContent": "#adadad",
1687
+ "ghostSecondaryContent": "#adadad",
1688
+ "inputBackground": "#000000",
1689
+ "inputBorder": "#4d4d4d",
1690
+ "inputFocusBorderAlt": "#479ef5",
1691
+ "inputPlaceholderText": "#adadad",
1692
+ "inputText": "#ffffff",
1693
+ "link": "#479ef5",
1694
+ "linkHovered": "#479ef5",
1695
+ "linkPressed": "#96c6fa",
1696
+ "listHeaderBackgroundHovered": "#000000",
1697
+ "listHeaderBackgroundPressed": "#2e2e2e",
1698
+ "menuBackground": "#000000",
1699
+ "menuDivider": "#3d3d3d",
1700
+ "menuIcon": "#d6d6d6",
1701
+ "menuItemBackgroundHovered": "#000000",
1702
+ "menuItemBackgroundPressed": "#2e2e2e",
1703
+ "menuItemText": "#ffffff",
1704
+ "menuItemTextHovered": "#ffffff",
1705
+ "neutralBackground1": "#000000",
1706
+ "neutralBackground1Hover": "#000000",
1707
+ "neutralBackground1Pressed": "#2e2e2e",
1708
+ "neutralBackground1Selected": "#242424",
1709
+ "neutralBackground2": "#1f1f1f",
1710
+ "neutralBackground2Hover": "#1f1f1f",
1711
+ "neutralBackground2Pressed": "#4d4d4d",
1712
+ "neutralBackground2Selected": "#424242",
1713
+ "neutralBackground3": "#292929",
1714
+ "neutralBackground3Hover": "#292929",
1715
+ "neutralBackground3Pressed": "#575757",
1716
+ "neutralBackground3Selected": "#4d4d4d",
1717
+ "neutralBackground4": "#333333",
1718
+ "neutralBackground4Hover": "#333333",
1719
+ "neutralBackground4Pressed": "#616161",
1720
+ "neutralBackground4Selected": "#575757",
1721
+ "neutralBackground5": "#3d3d3d",
1722
+ "neutralBackground5Hover": "#3d3d3d",
1723
+ "neutralBackground5Pressed": "#6b6b6b",
1724
+ "neutralBackground5Selected": "#616161",
1725
+ "neutralBackground6": "#5c5c5c",
1726
+ "neutralBackgroundCanvas": "#141414",
1727
+ "neutralBackgroundDarkStatic": "#3d3d3d",
1728
+ "neutralBackgroundDisabled": "#525252",
1729
+ "neutralBackgroundInverted": "#b8b8b8",
1730
+ "neutralBackgroundLightStatic": "#ffffff",
1731
+ "neutralBackgroundLightStaticDisabled": "#adadad",
1732
+ "neutralForeground1": "#ffffff",
1733
+ "neutralForeground1Hover": "#ffffff",
1734
+ "neutralForeground1Pressed": "#ffffff",
1735
+ "neutralForeground1Selected": "#ffffff",
1736
+ "neutralForeground2": "#d6d6d6",
1737
+ "neutralForeground2BrandHover": "#d6d6d6",
1738
+ "neutralForeground2BrandPressed": "#d6d6d6",
1739
+ "neutralForeground2BrandSelected": "#d6d6d6",
1740
+ "neutralForeground2Hover": "#d6d6d6",
1741
+ "neutralForeground2Pressed": "#d6d6d6",
1742
+ "neutralForeground2Selected": "#d6d6d6",
1743
+ "neutralForeground3": "#adadad",
1744
+ "neutralForeground3BrandHover": "#adadad",
1745
+ "neutralForeground3BrandPressed": "#adadad",
1746
+ "neutralForeground3BrandSelected": "#adadad",
1747
+ "neutralForeground3Hover": "#adadad",
1748
+ "neutralForeground3Pressed": "#adadad",
1749
+ "neutralForeground3Selected": "#adadad",
1750
+ "neutralForeground4": "#adadad",
1751
+ "neutralForegroundDarkStatic": "#000000",
1752
+ "neutralForegroundDisabled": "#5c5c5c",
1753
+ "neutralForegroundDisabled1": "#5c5c5c",
1754
+ "neutralForegroundDisabled2": "#2e2e2e",
1755
+ "neutralForegroundInverted": "#000000",
1756
+ "neutralForegroundInvertedLink": "#000000",
1757
+ "neutralForegroundInvertedLinkHover": "#000000",
1758
+ "neutralForegroundInvertedLinkPressed": "#000000",
1759
+ "neutralForegroundInvertedLinkSelected": "#000000",
1760
+ "neutralForegroundLightStatic": "#ffffff",
1761
+ "neutralForegroundOnBrand": "#000000",
1762
+ "neutralForegroundOnBrandHover": "#ffffff",
1763
+ "neutralForegroundOnBrandPressed": "#ffffff",
1764
+ "neutralForegroundOnBrandSelected": "#ffffff",
1765
+ "neutralForegroundOnColor": "#000000",
1766
+ "neutralStencil1": "#575757",
1767
+ "neutralStencil2": "#333333",
1768
+ "neutralStroke1": "#4d4d4d",
1769
+ "neutralStroke1Hover": "#4d4d4d",
1770
+ "neutralStroke1Pressed": "#4d4d4d",
1771
+ "neutralStroke1Selected": "#4d4d4d",
1772
+ "neutralStroke2": "#3d3d3d",
1773
+ "neutralStroke3": "#3d3d3d",
1774
+ "neutralStrokeAccessible": "#9e9e9e",
1775
+ "neutralStrokeAccessibleHover": "#9e9e9e",
1776
+ "neutralStrokeAccessiblePressed": "#9e9e9e",
1777
+ "neutralStrokeAccessibleSelected": "#9e9e9e",
1778
+ "neutralStrokeDisabled": "#424242",
1779
+ "neutralStrokeFocus1": "#000000",
1780
+ "neutralStrokeFocus2": "#ffffff",
1781
+ "outofofficeBackground1": "#3a1136",
1782
+ "outofofficeBackground2": "#6d2064",
1783
+ "outofofficeBackground3": "#c239b3",
1784
+ "outofofficeBorder1": "#c239b3",
1785
+ "outofofficeBorder2": "#d161c4",
1786
+ "outofofficeBorderActive": "#da7ed0",
1787
+ "outofofficeForeground1": "#da7ed0",
1788
+ "outofofficeForeground2": "#edbbe7",
1789
+ "outofofficeForeground3": "#d161c4",
1790
+ "personaActivityGlow": "#479ef5",
1791
+ "personaActivityRing": "#000000",
1792
+ "presenceAvailable": "#3db838",
1793
+ "presenceAway": "#eaa300",
1794
+ "presenceDnd": "#d7494c",
1795
+ "presenceOof": "#d161c4",
1796
+ "primaryButtonBackground": "#479ef5",
1797
+ "primaryButtonBackgroundDisabled": "#525252",
1798
+ "primaryButtonBackgroundHovered": "#479ef5",
1799
+ "primaryButtonBackgroundPressed": "#96c6fa",
1800
+ "primaryButtonBorder": "#00000000",
1801
+ "primaryButtonBorderFocused": "#ffffff",
1802
+ "primaryButtonText": "#000000",
1803
+ "primaryButtonTextDisabled": "#5c5c5c",
1804
+ "primaryButtonTextHovered": "#ffffff",
1805
+ "primaryButtonTextPressed": "#ffffff",
1806
+ "redBackground1": "#3f1011",
1807
+ "redBackground2": "#bc2f32",
1808
+ "redBackground3": "#d13438",
1809
+ "redBorder1": "#dc5e62",
1810
+ "redBorder2": "#dc5e62",
1811
+ "redBorderActive": "#e37d80",
1812
+ "redForeground1": "#e37d80",
1813
+ "redForeground2": "#e37d80",
1814
+ "redForeground3": "#e37d80",
1815
+ "severeBackground1": "#411200",
1816
+ "severeBackground2": "#c43501",
1817
+ "severeBackground3": "#da3b01",
1818
+ "severeBorder1": "#e36537",
1819
+ "severeBorder2": "#e9835e",
1820
+ "severeBorderActive": "#e9835e",
1821
+ "severeForeground1": "#e9835e",
1822
+ "severeForeground2": "#e9835e",
1823
+ "severeForeground3": "#e9835e",
1824
+ "severeStroke1": "#e36537",
1825
+ "strokeFocus1": "#000000",
1826
+ "strokeFocus2": "#ffffff",
1827
+ "subText": "#d6d6d6",
1828
+ "subtleBackground": "#00000000",
1829
+ "subtleBackgroundHover": "#3d3d3d",
1830
+ "subtleBackgroundPressed": "#1f1f1f",
1831
+ "subtleBackgroundSelected": "#383838",
1832
+ "successBackground1": "#052505",
1833
+ "successBackground2": "#0e700e",
1834
+ "successBackground3": "#107c10",
1835
+ "successBorder1": "#359b35",
1836
+ "successBorder2": "#9fd89f",
1837
+ "successBorderActive": "#54b054",
1838
+ "successForeground1": "#54b054",
1839
+ "successForeground2": "#54b054",
1840
+ "successForeground3": "#9fd89f",
1841
+ "successForegroundInverted": "#107c10",
1842
+ "successStroke1": "#359b35",
1843
+ "transparentBackground": "#00000000",
1844
+ "transparentBackgroundHover": "#00000000",
1845
+ "transparentBackgroundPressed": "#00000000",
1846
+ "transparentBackgroundSelected": "#00000000",
1847
+ "transparentStroke": "#00000000",
1848
+ "transparentStrokeDisabled": "#00000000",
1849
+ "transparentStrokeInteractive": "#00000000",
1850
+ "variantBorder": "#3d3d3d",
1851
+ "warningBackground1": "#4c4400",
1852
+ "warningBackground2": "#e4cc00",
1853
+ "warningBackground3": "#fde300",
1854
+ "warningBorder1": "#c0ad00",
1855
+ "warningBorder2": "#fdea3d",
1856
+ "warningBorderActive": "#feee66",
1857
+ "warningForeground1": "#feee66",
1858
+ "warningForeground2": "#feee66",
1859
+ "warningForeground3": "#fdea3d",
1860
+ "warningForegroundInverted": "#817400",
1861
+ "warningStroke1": "#c0ad00",
1862
+ },
1863
+ "components": {},
1864
+ "host": {
1865
+ "appearance": "highContrast",
1866
+ },
1867
+ "shadows": {
1868
+ "shadow16": {
1869
+ "ambient": {
1870
+ "blur": 2,
1871
+ "color": "#0000003d",
1872
+ "x": 0,
1873
+ "y": 0,
1874
+ },
1875
+ "key": {
1876
+ "blur": 16,
1877
+ "color": "#00000047",
1878
+ "x": 0,
1879
+ "y": 8,
1880
+ },
1881
+ },
1882
+ "shadow16brand": {
1883
+ "ambient": {
1884
+ "blur": 2,
1885
+ "color": "#0000004d",
1886
+ "x": 0,
1887
+ "y": 0,
1888
+ },
1889
+ "key": {
1890
+ "blur": 16,
1891
+ "color": "#00000040",
1892
+ "x": 0,
1893
+ "y": 8,
1894
+ },
1895
+ },
1896
+ "shadow2": {
1897
+ "ambient": {
1898
+ "blur": 2,
1899
+ "color": "#0000003d",
1900
+ "x": 0,
1901
+ "y": 0,
1902
+ },
1903
+ "key": {
1904
+ "blur": 2,
1905
+ "color": "#00000047",
1906
+ "x": 0,
1907
+ "y": 1,
1908
+ },
1909
+ },
1910
+ "shadow28": {
1911
+ "ambient": {
1912
+ "blur": 8,
1913
+ "color": "#00000066",
1914
+ "x": 0,
1915
+ "y": 0,
1916
+ },
1917
+ "key": {
1918
+ "blur": 28,
1919
+ "color": "#0000007a",
1920
+ "x": 0,
1921
+ "y": 14,
1922
+ },
1923
+ },
1924
+ "shadow28brand": {
1925
+ "ambient": {
1926
+ "blur": 8,
1927
+ "color": "#0000004d",
1928
+ "x": 0,
1929
+ "y": 0,
1930
+ },
1931
+ "key": {
1932
+ "blur": 28,
1933
+ "color": "#00000040",
1934
+ "x": 0,
1935
+ "y": 14,
1936
+ },
1937
+ },
1938
+ "shadow2brand": {
1939
+ "ambient": {
1940
+ "blur": 2,
1941
+ "color": "#0000004d",
1942
+ "x": 0,
1943
+ "y": 0,
1944
+ },
1945
+ "key": {
1946
+ "blur": 2,
1947
+ "color": "#00000040",
1948
+ "x": 0,
1949
+ "y": 1,
1950
+ },
1951
+ },
1952
+ "shadow4": {
1953
+ "ambient": {
1954
+ "blur": 2,
1955
+ "color": "#0000003d",
1956
+ "x": 0,
1957
+ "y": 0,
1958
+ },
1959
+ "key": {
1960
+ "blur": 4,
1961
+ "color": "#00000047",
1962
+ "x": 0,
1963
+ "y": 2,
1964
+ },
1965
+ },
1966
+ "shadow4brand": {
1967
+ "ambient": {
1968
+ "blur": 2,
1969
+ "color": "#0000004d",
1970
+ "x": 0,
1971
+ "y": 0,
1972
+ },
1973
+ "key": {
1974
+ "blur": 4,
1975
+ "color": "#00000040",
1976
+ "x": 0,
1977
+ "y": 2,
1978
+ },
1979
+ },
1980
+ "shadow64": {
1981
+ "ambient": {
1982
+ "blur": 8,
1983
+ "color": "#00000066",
1984
+ "x": 0,
1985
+ "y": 0,
1986
+ },
1987
+ "key": {
1988
+ "blur": 64,
1989
+ "color": "#0000007a",
1990
+ "x": 0,
1991
+ "y": 32,
1992
+ },
1993
+ },
1994
+ "shadow64brand": {
1995
+ "ambient": {
1996
+ "blur": 8,
1997
+ "color": "#0000004d",
1998
+ "x": 0,
1999
+ "y": 0,
2000
+ },
2001
+ "key": {
2002
+ "blur": 64,
2003
+ "color": "#00000040",
2004
+ "x": 0,
2005
+ "y": 32,
2006
+ },
2007
+ },
2008
+ "shadow8": {
2009
+ "ambient": {
2010
+ "blur": 2,
2011
+ "color": "#0000003d",
2012
+ "x": 0,
2013
+ "y": 0,
2014
+ },
2015
+ "key": {
2016
+ "blur": 8,
2017
+ "color": "#00000047",
2018
+ "x": 0,
2019
+ "y": 4,
2020
+ },
2021
+ },
2022
+ "shadow8brand": {
2023
+ "ambient": {
2024
+ "blur": 2,
2025
+ "color": "#0000004d",
2026
+ "x": 0,
2027
+ "y": 0,
2028
+ },
2029
+ "key": {
2030
+ "blur": 8,
2031
+ "color": "#00000040",
2032
+ "x": 0,
2033
+ "y": 4,
2034
+ },
2035
+ },
2036
+ },
2037
+ "spacing": {
2038
+ "l1": "20px",
2039
+ "l2": "32px",
2040
+ "m": "16px",
2041
+ "s1": "8px",
2042
+ "s2": "4px",
2043
+ },
2044
+ "typography": {
2045
+ "families": {
2046
+ "cursive": "System",
2047
+ "monospace": "System",
2048
+ "numeric": "System",
2049
+ "primary": "System",
2050
+ "sansSerif": "System",
2051
+ "secondary": "System",
2052
+ "serif": "System",
2053
+ },
2054
+ "sizes": {
2055
+ "body": 15,
2056
+ "caption": 12,
2057
+ "header": 20,
2058
+ "hero": 28,
2059
+ "heroLarge": 60,
2060
+ "secondary": 13,
2061
+ "subheader": 17,
2062
+ },
2063
+ "variants": {
2064
+ "body1": {
2065
+ "dynamicTypeRamp": "body",
2066
+ "face": "System",
2067
+ "letterSpacing": -0.43,
2068
+ "lineHeight": 22,
2069
+ "size": 17,
2070
+ "weight": "400",
2071
+ },
2072
+ "body1Strong": {
2073
+ "dynamicTypeRamp": "body",
2074
+ "face": "System",
2075
+ "letterSpacing": -0.43,
2076
+ "lineHeight": 22,
2077
+ "size": 17,
2078
+ "weight": "600",
2079
+ },
2080
+ "body2": {
2081
+ "dynamicTypeRamp": "subheadline",
2082
+ "face": "System",
2083
+ "letterSpacing": -0.23,
2084
+ "lineHeight": 20,
2085
+ "size": 15,
2086
+ "weight": "400",
2087
+ },
2088
+ "body2Strong": {
2089
+ "dynamicTypeRamp": "subheadline",
2090
+ "face": "System",
2091
+ "letterSpacing": -0.23,
2092
+ "lineHeight": 20,
2093
+ "size": 15,
2094
+ "weight": "600",
2095
+ },
2096
+ "bodySemibold": {
2097
+ "dynamicTypeRamp": "subheadline",
2098
+ "face": "System",
2099
+ "letterSpacing": -0.23,
2100
+ "lineHeight": 20,
2101
+ "size": 15,
2102
+ "weight": "600",
2103
+ },
2104
+ "bodyStandard": {
2105
+ "dynamicTypeRamp": "subheadline",
2106
+ "face": "System",
2107
+ "letterSpacing": -0.23,
2108
+ "lineHeight": 20,
2109
+ "size": 15,
2110
+ "weight": "400",
2111
+ },
2112
+ "caption1": {
2113
+ "dynamicTypeRamp": "footnote",
2114
+ "face": "System",
2115
+ "letterSpacing": -0.08,
2116
+ "lineHeight": 18,
2117
+ "size": 13,
2118
+ "weight": "400",
2119
+ },
2120
+ "caption1Strong": {
2121
+ "dynamicTypeRamp": "footnote",
2122
+ "face": "System",
2123
+ "letterSpacing": -0.08,
2124
+ "lineHeight": 18,
2125
+ "size": 13,
2126
+ "weight": "600",
2127
+ },
2128
+ "caption2": {
2129
+ "dynamicTypeRamp": "caption1",
2130
+ "face": "System",
2131
+ "letterSpacing": 0,
2132
+ "lineHeight": 16,
2133
+ "size": 12,
2134
+ "weight": "400",
2135
+ },
2136
+ "captionStandard": {
2137
+ "dynamicTypeRamp": "footnote",
2138
+ "face": "System",
2139
+ "letterSpacing": -0.08,
2140
+ "lineHeight": 18,
2141
+ "size": 13,
2142
+ "weight": "400",
2143
+ },
2144
+ "display": {
2145
+ "dynamicTypeRamp": "largeTitle",
2146
+ "face": "System",
2147
+ "letterSpacing": 0.26,
2148
+ "lineHeight": 70,
2149
+ "size": 60,
2150
+ "weight": "700",
2151
+ },
2152
+ "headerSemibold": {
2153
+ "dynamicTypeRamp": "title2",
2154
+ "face": "System",
2155
+ "letterSpacing": -0.26,
2156
+ "lineHeight": 28,
2157
+ "size": 22,
2158
+ "weight": "600",
2159
+ },
2160
+ "headerStandard": {
2161
+ "dynamicTypeRamp": "title2",
2162
+ "face": "System",
2163
+ "letterSpacing": -0.26,
2164
+ "lineHeight": 28,
2165
+ "size": 22,
2166
+ "weight": "600",
2167
+ },
2168
+ "heroLargeSemibold": {
2169
+ "dynamicTypeRamp": "largeTitle",
2170
+ "face": "System",
2171
+ "letterSpacing": 0.26,
2172
+ "lineHeight": 70,
2173
+ "size": 60,
2174
+ "weight": "700",
2175
+ },
2176
+ "heroLargeStandard": {
2177
+ "dynamicTypeRamp": "largeTitle",
2178
+ "face": "System",
2179
+ "letterSpacing": 0.4,
2180
+ "lineHeight": 41,
2181
+ "size": 34,
2182
+ "weight": "700",
2183
+ },
2184
+ "heroSemibold": {
2185
+ "dynamicTypeRamp": "title1",
2186
+ "face": "System",
2187
+ "letterSpacing": 0.38,
2188
+ "lineHeight": 34,
2189
+ "size": 28,
2190
+ "weight": "600",
2191
+ },
2192
+ "heroStandard": {
2193
+ "dynamicTypeRamp": "title1",
2194
+ "face": "System",
2195
+ "letterSpacing": 0.38,
2196
+ "lineHeight": 34,
2197
+ "size": 28,
2198
+ "weight": "700",
2199
+ },
2200
+ "largeTitle": {
2201
+ "dynamicTypeRamp": "largeTitle",
2202
+ "face": "System",
2203
+ "letterSpacing": 0.4,
2204
+ "lineHeight": 41,
2205
+ "size": 34,
2206
+ "weight": "700",
2207
+ },
2208
+ "secondarySemibold": {
2209
+ "dynamicTypeRamp": "body",
2210
+ "face": "System",
2211
+ "letterSpacing": -0.43,
2212
+ "lineHeight": 22,
2213
+ "size": 17,
2214
+ "weight": "600",
2215
+ },
2216
+ "secondaryStandard": {
2217
+ "dynamicTypeRamp": "body",
2218
+ "face": "System",
2219
+ "letterSpacing": -0.43,
2220
+ "lineHeight": 22,
2221
+ "size": 17,
2222
+ "weight": "400",
2223
+ },
2224
+ "subheaderSemibold": {
2225
+ "dynamicTypeRamp": "title3",
2226
+ "face": "System",
2227
+ "letterSpacing": -0.45,
2228
+ "lineHeight": 25,
2229
+ "size": 20,
2230
+ "weight": "600",
2231
+ },
2232
+ "subheaderStandard": {
2233
+ "dynamicTypeRamp": "title3",
2234
+ "face": "System",
2235
+ "letterSpacing": -0.45,
2236
+ "lineHeight": 25,
2237
+ "size": 20,
2238
+ "weight": "600",
2239
+ },
2240
+ "subtitle1": {
2241
+ "dynamicTypeRamp": "title2",
2242
+ "face": "System",
2243
+ "letterSpacing": -0.26,
2244
+ "lineHeight": 28,
2245
+ "size": 22,
2246
+ "weight": "600",
2247
+ },
2248
+ "subtitle1Strong": {
2249
+ "dynamicTypeRamp": "title2",
2250
+ "face": "System",
2251
+ "letterSpacing": -0.26,
2252
+ "lineHeight": 28,
2253
+ "size": 22,
2254
+ "weight": "600",
2255
+ },
2256
+ "subtitle2": {
2257
+ "dynamicTypeRamp": "title3",
2258
+ "face": "System",
2259
+ "letterSpacing": -0.45,
2260
+ "lineHeight": 25,
2261
+ "size": 20,
2262
+ "weight": "600",
2263
+ },
2264
+ "subtitle2Strong": {
2265
+ "dynamicTypeRamp": "title3",
2266
+ "face": "System",
2267
+ "letterSpacing": -0.45,
2268
+ "lineHeight": 25,
2269
+ "size": 20,
2270
+ "weight": "600",
2271
+ },
2272
+ "title1": {
2273
+ "dynamicTypeRamp": "title1",
2274
+ "face": "System",
2275
+ "letterSpacing": 0.38,
2276
+ "lineHeight": 34,
2277
+ "size": 28,
2278
+ "weight": "700",
2279
+ },
2280
+ "title1Strong": {
2281
+ "dynamicTypeRamp": "title1",
2282
+ "face": "System",
2283
+ "letterSpacing": 0.38,
2284
+ "lineHeight": 34,
2285
+ "size": 28,
2286
+ "weight": "600",
2287
+ },
2288
+ "title2": {
2289
+ "dynamicTypeRamp": "title2",
2290
+ "face": "System",
2291
+ "letterSpacing": -0.26,
2292
+ "lineHeight": 28,
2293
+ "size": 22,
2294
+ "weight": "600",
2295
+ },
2296
+ "title3": {
2297
+ "dynamicTypeRamp": "title3",
2298
+ "face": "System",
2299
+ "letterSpacing": -0.45,
2300
+ "lineHeight": 25,
2301
+ "size": 20,
2302
+ "weight": "600",
2303
+ },
2304
+ },
2305
+ "weights": {
2306
+ "regular": "400",
2307
+ "semiBold": "600",
2308
+ },
2309
+ },
2310
+ }
2311
+ `;
2312
+
2313
+ exports[`high contrast light theme 1`] = `
1110
2314
  {
1111
2315
  "colors": {
1112
2316
  "accentButtonBackground": "#0f6cbd",
1113
- "actionLink": "#323130",
2317
+ "actionLink": "#242424",
1114
2318
  "background": "#ffffff",
1115
- "bodyDivider": "#edebe9",
2319
+ "bodyDivider": "#e0e0e0",
1116
2320
  "bodyFrameBackground": "#ffffff",
1117
- "bodyFrameDivider": "#edebe9",
1118
- "bodyStandoutBackground": "#faf9f8",
1119
- "bodyText": "#323130",
1120
- "bodyTextChecked": "#000000",
2321
+ "bodyFrameDivider": "#e0e0e0",
2322
+ "bodyStandoutBackground": "#ffffff",
2323
+ "bodyText": "#242424",
2324
+ "bodyTextChecked": "#242424",
1121
2325
  "brandBackground": "#0f6cbd",
1122
2326
  "brandBackground2": "#115ea3",
1123
2327
  "brandBackground2Pressed": "#0c3b5e",
1124
2328
  "brandBackground2Selected": "#0e4775",
1125
2329
  "brandBackground3": "#0f548c",
1126
2330
  "brandBackgroundDisabled": "#b4d6fa",
2331
+ "brandBackgroundHover": "#0f6cbd",
2332
+ "brandBackgroundInverted": "#757575",
2333
+ "brandBackgroundInvertedDisabled": "#e0e0e0",
1127
2334
  "brandBackgroundPressed": "#0e4775",
1128
2335
  "brandBackgroundSelected": "#0f548c",
2336
+ "brandBackgroundStatic": "#0f6cbd",
1129
2337
  "brandBackgroundTint": "#cfe4fa",
1130
2338
  "brandForeground1": "#0f6cbd",
2339
+ "brandForeground1Disabled": "#2886de",
1131
2340
  "brandForeground1Pressed": "#0e4775",
1132
2341
  "brandForeground1Selected": "#0f548c",
2342
+ "brandForeground2": "#0f6cbd",
1133
2343
  "brandForegroundDisabled1": "#2886de",
1134
2344
  "brandForegroundDisabled2": "#b4d6fa",
2345
+ "brandForegroundLink": "#0f6cbd",
2346
+ "brandForegroundLinkHover": "#0f6cbd",
2347
+ "brandForegroundLinkPressed": "#0e4775",
2348
+ "brandForegroundLinkSelected": "#0f548c",
1135
2349
  "brandForegroundTint": "#0f548c",
1136
2350
  "brandStroke1": "#0f6cbd",
1137
2351
  "brandStroke1Pressed": "#0e4775",
1138
2352
  "brandStroke1Selected": "#0f548c",
2353
+ "brandStroke2": "#2886de",
1139
2354
  "brandStrokeTint": "#2886de",
1140
2355
  "brandedBackground": "#0f6cbd",
1141
- "brandedDisabledBorder": "#f3f2f1",
1142
- "brandedFocusedSecondaryContent": "#faf9f8",
1143
- "brandedHoveredSecondaryContent": "#faf9f8",
1144
- "brandedPressedSecondaryContent": "#faf9f8",
1145
- "brandedSecondaryContent": "#faf9f8",
1146
- "buttonBackground": "#f3f2f1",
1147
- "buttonBackgroundChecked": "#c8c6c4",
1148
- "buttonBackgroundDisabled": "#f3f2f1",
1149
- "buttonBackgroundHovered": "#edebe9",
1150
- "buttonBackgroundPressed": "#edebe9",
1151
- "buttonBorder": "#8a8886",
1152
- "buttonBorderDisabled": "#f3f2f1",
1153
- "buttonBorderFocused": "#8a8886",
1154
- "buttonText": "#323130",
1155
- "buttonTextChecked": "#201f1e",
1156
- "buttonTextDisabled": "#a19f9d",
1157
- "buttonTextHovered": "#201f1e",
1158
- "buttonTextPressed": "#201f1e",
2356
+ "brandedDisabledBorder": "#00000000",
2357
+ "brandedFocusedSecondaryContent": "#ffffff",
2358
+ "brandedHoveredSecondaryContent": "#ffffff",
2359
+ "brandedPressedSecondaryContent": "#ffffff",
2360
+ "brandedSecondaryContent": "#ffffff",
2361
+ "buttonBackground": "#ffffff",
2362
+ "buttonBackgroundChecked": "#ebebeb",
2363
+ "buttonBackgroundDisabled": "#e0e0e0",
2364
+ "buttonBackgroundHovered": "#ffffff",
2365
+ "buttonBackgroundPressed": "#e0e0e0",
2366
+ "buttonBorder": "#d1d1d1",
2367
+ "buttonBorderDisabled": "#e0e0e0",
2368
+ "buttonBorderFocused": "#000000",
2369
+ "buttonText": "#242424",
2370
+ "buttonTextChecked": "#242424",
2371
+ "buttonTextDisabled": "#bdbdbd",
2372
+ "buttonTextHovered": "#242424",
2373
+ "buttonTextPressed": "#242424",
1159
2374
  "checkboxBackground": "#0f6cbd",
1160
- "checkboxBackgroundDisabled": "#f3f2f1",
1161
- "checkboxBorderColor": "#8a8886",
2375
+ "checkboxBackgroundDisabled": "#e0e0e0",
2376
+ "checkboxBorderColor": "#616161",
1162
2377
  "checkmarkColor": "#ffffff",
2378
+ "compoundBrandBackground1": "#0f6cbd",
2379
+ "compoundBrandBackground1Hover": "#0f6cbd",
2380
+ "compoundBrandBackground1Pressed": "#0e4775",
2381
+ "compoundBrandForeground1": "#0f6cbd",
2382
+ "compoundBrandForeground1Hover": "#0f6cbd",
2383
+ "compoundBrandForeground1Pressed": "#0e4775",
2384
+ "compoundBrandStroke1": "#0f6cbd",
2385
+ "compoundBrandStroke1Hover": "#0f6cbd",
2386
+ "compoundBrandStroke1Pressed": "#0e4775",
1163
2387
  "dangerBackground1": "#fdf6f6",
1164
2388
  "dangerBackground2": "#d13438",
2389
+ "dangerBackground3": "#d13438",
2390
+ "dangerBorder1": "#dc5e62",
2391
+ "dangerBorder2": "#d13438",
2392
+ "dangerBorderActive": "#d13438",
1165
2393
  "dangerForeground1": "#bc2f32",
1166
2394
  "dangerForeground2": "#d13438",
2395
+ "dangerForeground3": "#d13438",
2396
+ "dangerForegroundInverted": "#dc5e62",
1167
2397
  "dangerStroke1": "#dc5e62",
1168
- "defaultBackground": "#f3f2f1",
1169
- "defaultBorder": "#8a8886",
1170
- "defaultCheckedBackground": "#c8c6c4",
1171
- "defaultCheckedContent": "#201f1e",
1172
- "defaultCheckedHoveredBackground": "#edebe9",
1173
- "defaultCheckedHoveredContent": "#201f1e",
1174
- "defaultContent": "#323130",
1175
- "defaultDisabledBackground": "#f3f2f1",
1176
- "defaultDisabledBorder": "#f3f2f1",
1177
- "defaultDisabledContent": "#a19f9d",
1178
- "defaultDisabledIcon": "#a19f9d",
1179
- "defaultFocusedBackground": "#edebe9",
1180
- "defaultFocusedBorder": "#8a8886",
1181
- "defaultFocusedContent": "#201f1e",
1182
- "defaultFocusedIcon": "#201f1e",
1183
- "defaultHoveredBackground": "#edebe9",
1184
- "defaultHoveredBorder": "#8a8886",
1185
- "defaultHoveredContent": "#201f1e",
1186
- "defaultHoveredIcon": "#201f1e",
1187
- "defaultHoveredSecondaryContent": "#a19f9d",
1188
- "defaultIcon": "#323130",
1189
- "defaultPressedBackground": "#edebe9",
1190
- "defaultPressedBorder": "#8a8886",
1191
- "defaultPressedContent": "#201f1e",
1192
- "defaultPressedIcon": "#201f1e",
1193
- "defaultPressedSecondaryContent": "#a19f9d",
1194
- "disabledBackground": "#f3f2f1",
1195
- "disabledBodyText": "#a19f9d",
1196
- "disabledText": "#a19f9d",
1197
- "errorText": "#a4262c",
1198
- "focusBorder": "#605e5c",
1199
- "ghostBackground": "#ffffff",
1200
- "ghostBorder": "#ffffff",
1201
- "ghostCheckedBackground": "#edebe9",
1202
- "ghostCheckedContent": "#000000",
1203
- "ghostCheckedHoveredBackground": "#f3f2f1",
1204
- "ghostCheckedHoveredBorder": "#201f1e",
1205
- "ghostCheckedHoveredContent": "#201f1e",
1206
- "ghostContent": "#323130",
1207
- "ghostDisabledBackground": "#ffffff",
1208
- "ghostDisabledBorder": "#ffffff",
1209
- "ghostDisabledContent": "#a19f9d",
1210
- "ghostDisabledIcon": "#a19f9d",
1211
- "ghostFocusedBackground": "#f3f2f1",
1212
- "ghostFocusedBorder": "#8a8886",
1213
- "ghostFocusedContent": "#201f1e",
1214
- "ghostFocusedIcon": "#201f1e",
1215
- "ghostFocusedSecondaryContent": "#605e5c",
1216
- "ghostHoveredBackground": "#f3f2f1",
1217
- "ghostHoveredBorder": "#f3f2f1",
1218
- "ghostHoveredContent": "#201f1e",
1219
- "ghostHoveredIcon": "#201f1e",
1220
- "ghostHoveredSecondaryContent": "#605e5c",
1221
- "ghostIcon": "#323130",
1222
- "ghostPressedBackground": "#edebe9",
1223
- "ghostPressedBorder": "#edebe9",
1224
- "ghostPressedContent": "#201f1e",
1225
- "ghostPressedIcon": "#201f1e",
1226
- "ghostPressedSecondaryContent": "#605e5c",
1227
- "ghostSecondaryContent": "#605e5c",
2398
+ "defaultBackground": "#ffffff",
2399
+ "defaultBorder": "#d1d1d1",
2400
+ "defaultCheckedBackground": "#ebebeb",
2401
+ "defaultCheckedContent": "#242424",
2402
+ "defaultCheckedHoveredBackground": "#ffffff",
2403
+ "defaultCheckedHoveredContent": "#242424",
2404
+ "defaultContent": "#242424",
2405
+ "defaultDisabledBackground": "#e0e0e0",
2406
+ "defaultDisabledBorder": "#e0e0e0",
2407
+ "defaultDisabledContent": "#bdbdbd",
2408
+ "defaultDisabledIcon": "#bdbdbd",
2409
+ "defaultFocusedBackground": "#ffffff",
2410
+ "defaultFocusedBorder": "#000000",
2411
+ "defaultFocusedContent": "#242424",
2412
+ "defaultFocusedIcon": "#242424",
2413
+ "defaultHoveredBackground": "#ffffff",
2414
+ "defaultHoveredBorder": "#d1d1d1",
2415
+ "defaultHoveredContent": "#242424",
2416
+ "defaultHoveredIcon": "#242424",
2417
+ "defaultHoveredSecondaryContent": "#808080",
2418
+ "defaultIcon": "#242424",
2419
+ "defaultPressedBackground": "#e0e0e0",
2420
+ "defaultPressedBorder": "#d1d1d1",
2421
+ "defaultPressedContent": "#242424",
2422
+ "defaultPressedIcon": "#242424",
2423
+ "defaultPressedSecondaryContent": "#808080",
2424
+ "disabledBackground": "#e0e0e0",
2425
+ "disabledBodyText": "#bdbdbd",
2426
+ "disabledText": "#bdbdbd",
2427
+ "errorText": "#bc2f32",
2428
+ "focusBorder": "#000000",
2429
+ "ghostBackground": "#00000000",
2430
+ "ghostBorder": "#00000000",
2431
+ "ghostCheckedBackground": "#ebebeb",
2432
+ "ghostCheckedContent": "#616161",
2433
+ "ghostCheckedHoveredBackground": "#f5f5f5",
2434
+ "ghostCheckedHoveredBorder": "#00000000",
2435
+ "ghostCheckedHoveredContent": "#616161",
2436
+ "ghostContent": "#242424",
2437
+ "ghostDisabledBackground": "#00000000",
2438
+ "ghostDisabledBorder": "#00000000",
2439
+ "ghostDisabledContent": "#bdbdbd",
2440
+ "ghostDisabledIcon": "#bdbdbd",
2441
+ "ghostFocusedBackground": "#f5f5f5",
2442
+ "ghostFocusedBorder": "#000000",
2443
+ "ghostFocusedContent": "#242424",
2444
+ "ghostFocusedIcon": "#242424",
2445
+ "ghostFocusedSecondaryContent": "#808080",
2446
+ "ghostHoveredBackground": "#f5f5f5",
2447
+ "ghostHoveredBorder": "#00000000",
2448
+ "ghostHoveredContent": "#242424",
2449
+ "ghostHoveredIcon": "#242424",
2450
+ "ghostHoveredSecondaryContent": "#808080",
2451
+ "ghostIcon": "#242424",
2452
+ "ghostPressedBackground": "#e0e0e0",
2453
+ "ghostPressedBorder": "#00000000",
2454
+ "ghostPressedContent": "#242424",
2455
+ "ghostPressedIcon": "#242424",
2456
+ "ghostPressedSecondaryContent": "#808080",
2457
+ "ghostSecondaryContent": "#808080",
1228
2458
  "inputBackground": "#ffffff",
1229
- "inputBorder": "#a19f9d",
2459
+ "inputBorder": "#d1d1d1",
1230
2460
  "inputFocusBorderAlt": "#0f6cbd",
1231
- "inputPlaceholderText": "#605e5c",
1232
- "inputText": "#323130",
2461
+ "inputPlaceholderText": "#808080",
2462
+ "inputText": "#242424",
1233
2463
  "link": "#0f6cbd",
1234
- "linkHovered": "#0c3b5e",
1235
- "linkPressed": "#0f548c",
1236
- "listHeaderBackgroundHovered": "#f3f2f1",
1237
- "listHeaderBackgroundPressed": "#edebe9",
2464
+ "linkHovered": "#0f6cbd",
2465
+ "linkPressed": "#0e4775",
2466
+ "listHeaderBackgroundHovered": "#ffffff",
2467
+ "listHeaderBackgroundPressed": "#e0e0e0",
1238
2468
  "menuBackground": "#ffffff",
1239
- "menuDivider": "#c8c6c4",
1240
- "menuIcon": "#0f6cbd",
1241
- "menuItemBackgroundHovered": "#f3f2f1",
1242
- "menuItemBackgroundPressed": "#edebe9",
1243
- "menuItemText": "#323130",
1244
- "menuItemTextHovered": "#201f1e",
2469
+ "menuDivider": "#e0e0e0",
2470
+ "menuIcon": "#616161",
2471
+ "menuItemBackgroundHovered": "#ffffff",
2472
+ "menuItemBackgroundPressed": "#e0e0e0",
2473
+ "menuItemText": "#242424",
2474
+ "menuItemTextHovered": "#242424",
1245
2475
  "neutralBackground1": "#ffffff",
2476
+ "neutralBackground1Hover": "#ffffff",
1246
2477
  "neutralBackground1Pressed": "#e0e0e0",
1247
2478
  "neutralBackground1Selected": "#ebebeb",
1248
2479
  "neutralBackground2": "#ffffff",
2480
+ "neutralBackground2Hover": "#ffffff",
1249
2481
  "neutralBackground2Pressed": "#e0e0e0",
1250
2482
  "neutralBackground2Selected": "#ebebeb",
1251
2483
  "neutralBackground3": "#ffffff",
2484
+ "neutralBackground3Hover": "#ffffff",
1252
2485
  "neutralBackground3Pressed": "#e0e0e0",
1253
2486
  "neutralBackground3Selected": "#ebebeb",
1254
2487
  "neutralBackground4": "#fafafa",
2488
+ "neutralBackground4Hover": "#fafafa",
1255
2489
  "neutralBackground4Pressed": "#dbdbdb",
1256
2490
  "neutralBackground4Selected": "#e6e6e6",
1257
2491
  "neutralBackground5": "#f0f0f0",
2492
+ "neutralBackground5Hover": "#f0f0f0",
1258
2493
  "neutralBackground5Pressed": "#d1d1d1",
1259
2494
  "neutralBackground5Selected": "#dbdbdb",
1260
2495
  "neutralBackground6": "#d1d1d1",
@@ -1265,21 +2500,63 @@ exports[`defaultFluentTheme 1`] = `
1265
2500
  "neutralBackgroundLightStatic": "#ffffff",
1266
2501
  "neutralBackgroundLightStaticDisabled": "#ffffff",
1267
2502
  "neutralForeground1": "#242424",
2503
+ "neutralForeground1Hover": "#242424",
2504
+ "neutralForeground1Pressed": "#242424",
2505
+ "neutralForeground1Selected": "#242424",
1268
2506
  "neutralForeground2": "#616161",
2507
+ "neutralForeground2BrandHover": "#616161",
2508
+ "neutralForeground2BrandPressed": "#616161",
2509
+ "neutralForeground2BrandSelected": "#616161",
2510
+ "neutralForeground2Hover": "#616161",
2511
+ "neutralForeground2Pressed": "#616161",
2512
+ "neutralForeground2Selected": "#616161",
1269
2513
  "neutralForeground3": "#808080",
2514
+ "neutralForeground3BrandHover": "#808080",
2515
+ "neutralForeground3BrandPressed": "#808080",
2516
+ "neutralForeground3BrandSelected": "#808080",
2517
+ "neutralForeground3Hover": "#808080",
2518
+ "neutralForeground3Pressed": "#808080",
2519
+ "neutralForeground3Selected": "#808080",
2520
+ "neutralForeground4": "#808080",
1270
2521
  "neutralForegroundDarkStatic": "#000000",
2522
+ "neutralForegroundDisabled": "#bdbdbd",
1271
2523
  "neutralForegroundDisabled1": "#bdbdbd",
1272
2524
  "neutralForegroundDisabled2": "#ffffff",
2525
+ "neutralForegroundInverted": "#ffffff",
2526
+ "neutralForegroundInvertedLink": "#ffffff",
2527
+ "neutralForegroundInvertedLinkHover": "#ffffff",
2528
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
2529
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
1273
2530
  "neutralForegroundLightStatic": "#ffffff",
2531
+ "neutralForegroundOnBrand": "#ffffff",
2532
+ "neutralForegroundOnBrandHover": "#ffffff",
2533
+ "neutralForegroundOnBrandPressed": "#ffffff",
2534
+ "neutralForegroundOnBrandSelected": "#ffffff",
1274
2535
  "neutralForegroundOnColor": "#ffffff",
1275
2536
  "neutralStencil1": "#e6e6e6",
1276
2537
  "neutralStencil2": "#fafafa",
1277
2538
  "neutralStroke1": "#d1d1d1",
2539
+ "neutralStroke1Hover": "#d1d1d1",
2540
+ "neutralStroke1Pressed": "#d1d1d1",
2541
+ "neutralStroke1Selected": "#d1d1d1",
1278
2542
  "neutralStroke2": "#e0e0e0",
2543
+ "neutralStroke3": "#e0e0e0",
1279
2544
  "neutralStrokeAccessible": "#616161",
2545
+ "neutralStrokeAccessibleHover": "#616161",
2546
+ "neutralStrokeAccessiblePressed": "#616161",
2547
+ "neutralStrokeAccessibleSelected": "#616161",
1280
2548
  "neutralStrokeDisabled": "#e0e0e0",
1281
2549
  "neutralStrokeFocus1": "#ffffff",
1282
2550
  "neutralStrokeFocus2": "#000000",
2551
+ "outofofficeBackground1": "#fdf5fc",
2552
+ "outofofficeBackground2": "#edbbe7",
2553
+ "outofofficeBackground3": "#c239b3",
2554
+ "outofofficeBorder1": "#edbbe7",
2555
+ "outofofficeBorder2": "#c239b3",
2556
+ "outofofficeBorderActive": "#c239b3",
2557
+ "outofofficeForeground1": "#af33a1",
2558
+ "outofofficeForeground2": "#6d2064",
2559
+ "outofofficeForeground3": "#c239b3",
1283
2560
  "personaActivityGlow": "#0f6cbd",
1284
2561
  "personaActivityRing": "#ffffff",
1285
2562
  "presenceAvailable": "#13a10e",
@@ -1287,48 +2564,87 @@ exports[`defaultFluentTheme 1`] = `
1287
2564
  "presenceDnd": "#d13438",
1288
2565
  "presenceOof": "#c239b3",
1289
2566
  "primaryButtonBackground": "#0f6cbd",
1290
- "primaryButtonBackgroundDisabled": "#f3f2f1",
1291
- "primaryButtonBackgroundHovered": "#115ea3",
1292
- "primaryButtonBackgroundPressed": "#0f548c",
1293
- "primaryButtonBorder": "transparent",
1294
- "primaryButtonBorderFocused": "transparent",
2567
+ "primaryButtonBackgroundDisabled": "#e0e0e0",
2568
+ "primaryButtonBackgroundHovered": "#0f6cbd",
2569
+ "primaryButtonBackgroundPressed": "#0e4775",
2570
+ "primaryButtonBorder": "#00000000",
2571
+ "primaryButtonBorderFocused": "#000000",
1295
2572
  "primaryButtonText": "#ffffff",
1296
- "primaryButtonTextDisabled": "#d2d0ce",
2573
+ "primaryButtonTextDisabled": "#bdbdbd",
1297
2574
  "primaryButtonTextHovered": "#ffffff",
1298
2575
  "primaryButtonTextPressed": "#ffffff",
2576
+ "redBackground1": "#fdf6f6",
2577
+ "redBackground2": "#d13438",
2578
+ "redBackground3": "#d13438",
2579
+ "redBorder1": "#dc5e62",
2580
+ "redBorder2": "#d13438",
2581
+ "redBorderActive": "#d13438",
2582
+ "redForeground1": "#bc2f32",
2583
+ "redForeground2": "#d13438",
2584
+ "redForeground3": "#d13438",
1299
2585
  "severeBackground1": "#fdf6f3",
1300
2586
  "severeBackground2": "#da3b01",
2587
+ "severeBackground3": "#da3b01",
2588
+ "severeBorder1": "#de501c",
2589
+ "severeBorder2": "#da3b01",
2590
+ "severeBorderActive": "#da3b01",
1301
2591
  "severeForeground1": "#c43501",
1302
2592
  "severeForeground2": "#a62d01",
2593
+ "severeForeground3": "#da3b01",
1303
2594
  "severeStroke1": "#de501c",
1304
- "subText": "#605e5c",
2595
+ "strokeFocus1": "#ffffff",
2596
+ "strokeFocus2": "#000000",
2597
+ "subText": "#616161",
2598
+ "subtleBackground": "#00000000",
2599
+ "subtleBackgroundHover": "#f5f5f5",
2600
+ "subtleBackgroundPressed": "#e0e0e0",
2601
+ "subtleBackgroundSelected": "#ebebeb",
1305
2602
  "successBackground1": "#f1faf1",
1306
2603
  "successBackground2": "#107c10",
2604
+ "successBackground3": "#107c10",
2605
+ "successBorder1": "#359b35",
2606
+ "successBorder2": "#107c10",
2607
+ "successBorderActive": "#107c10",
1307
2608
  "successForeground1": "#0e700e",
1308
2609
  "successForeground2": "#107c10",
2610
+ "successForeground3": "#107c10",
2611
+ "successForegroundInverted": "#359b35",
1309
2612
  "successStroke1": "#359b35",
1310
- "variantBorder": "#edebe9",
2613
+ "transparentBackground": "#00000000",
2614
+ "transparentBackgroundHover": "#00000000",
2615
+ "transparentBackgroundPressed": "#00000000",
2616
+ "transparentBackgroundSelected": "#00000000",
2617
+ "transparentStroke": "#00000000",
2618
+ "transparentStrokeDisabled": "#00000000",
2619
+ "transparentStrokeInteractive": "#00000000",
2620
+ "variantBorder": "#e0e0e0",
1311
2621
  "warningBackground1": "#fffef5",
1312
2622
  "warningBackground2": "#fde300",
2623
+ "warningBackground3": "#fde300",
2624
+ "warningBorder1": "#817400",
2625
+ "warningBorder2": "#fde300",
2626
+ "warningBorderActive": "#fde300",
1313
2627
  "warningForeground1": "#817400",
1314
2628
  "warningForeground2": "#817400",
2629
+ "warningForeground3": "#fde300",
2630
+ "warningForegroundInverted": "#fef7b2",
1315
2631
  "warningStroke1": "#817400",
1316
2632
  },
1317
2633
  "components": {},
1318
2634
  "host": {
1319
- "appearance": "light",
2635
+ "appearance": "highContrast",
1320
2636
  },
1321
2637
  "shadows": {
1322
2638
  "shadow16": {
1323
2639
  "ambient": {
1324
2640
  "blur": 2,
1325
- "color": "#0000001f",
2641
+ "color": "#0000003d",
1326
2642
  "x": 0,
1327
2643
  "y": 0,
1328
2644
  },
1329
2645
  "key": {
1330
2646
  "blur": 16,
1331
- "color": "#00000024",
2647
+ "color": "#00000047",
1332
2648
  "x": 0,
1333
2649
  "y": 8,
1334
2650
  },
@@ -1350,13 +2666,13 @@ exports[`defaultFluentTheme 1`] = `
1350
2666
  "shadow2": {
1351
2667
  "ambient": {
1352
2668
  "blur": 2,
1353
- "color": "#0000001f",
2669
+ "color": "#0000003d",
1354
2670
  "x": 0,
1355
2671
  "y": 0,
1356
2672
  },
1357
2673
  "key": {
1358
2674
  "blur": 2,
1359
- "color": "#00000024",
2675
+ "color": "#00000047",
1360
2676
  "x": 0,
1361
2677
  "y": 1,
1362
2678
  },
@@ -1364,13 +2680,13 @@ exports[`defaultFluentTheme 1`] = `
1364
2680
  "shadow28": {
1365
2681
  "ambient": {
1366
2682
  "blur": 8,
1367
- "color": "#00000033",
2683
+ "color": "#00000066",
1368
2684
  "x": 0,
1369
2685
  "y": 0,
1370
2686
  },
1371
2687
  "key": {
1372
2688
  "blur": 28,
1373
- "color": "#0000003d",
2689
+ "color": "#0000007a",
1374
2690
  "x": 0,
1375
2691
  "y": 14,
1376
2692
  },
@@ -1406,13 +2722,13 @@ exports[`defaultFluentTheme 1`] = `
1406
2722
  "shadow4": {
1407
2723
  "ambient": {
1408
2724
  "blur": 2,
1409
- "color": "#0000001f",
2725
+ "color": "#0000003d",
1410
2726
  "x": 0,
1411
2727
  "y": 0,
1412
2728
  },
1413
2729
  "key": {
1414
2730
  "blur": 4,
1415
- "color": "#00000024",
2731
+ "color": "#00000047",
1416
2732
  "x": 0,
1417
2733
  "y": 2,
1418
2734
  },
@@ -1434,13 +2750,13 @@ exports[`defaultFluentTheme 1`] = `
1434
2750
  "shadow64": {
1435
2751
  "ambient": {
1436
2752
  "blur": 8,
1437
- "color": "#00000033",
2753
+ "color": "#00000066",
1438
2754
  "x": 0,
1439
2755
  "y": 0,
1440
2756
  },
1441
2757
  "key": {
1442
2758
  "blur": 64,
1443
- "color": "#0000003d",
2759
+ "color": "#0000007a",
1444
2760
  "x": 0,
1445
2761
  "y": 32,
1446
2762
  },
@@ -1462,13 +2778,13 @@ exports[`defaultFluentTheme 1`] = `
1462
2778
  "shadow8": {
1463
2779
  "ambient": {
1464
2780
  "blur": 2,
1465
- "color": "#0000001f",
2781
+ "color": "#0000003d",
1466
2782
  "x": 0,
1467
2783
  "y": 0,
1468
2784
  },
1469
2785
  "key": {
1470
2786
  "blur": 8,
1471
- "color": "#00000024",
2787
+ "color": "#00000047",
1472
2788
  "x": 0,
1473
2789
  "y": 4,
1474
2790
  },
@@ -1516,139 +2832,244 @@ exports[`defaultFluentTheme 1`] = `
1516
2832
  },
1517
2833
  "variants": {
1518
2834
  "body1": {
1519
- "face": "primary",
1520
- "size": "secondary",
1521
- "weight": "regular",
2835
+ "dynamicTypeRamp": "body",
2836
+ "face": "System",
2837
+ "letterSpacing": -0.43,
2838
+ "lineHeight": 22,
2839
+ "size": 17,
2840
+ "weight": "400",
1522
2841
  },
1523
2842
  "body1Strong": {
1524
- "face": "primary",
1525
- "size": "secondary",
1526
- "weight": "semiBold",
2843
+ "dynamicTypeRamp": "body",
2844
+ "face": "System",
2845
+ "letterSpacing": -0.43,
2846
+ "lineHeight": 22,
2847
+ "size": 17,
2848
+ "weight": "600",
1527
2849
  },
1528
2850
  "body2": {
1529
- "face": "primary",
1530
- "size": "body",
1531
- "weight": "regular",
2851
+ "dynamicTypeRamp": "subheadline",
2852
+ "face": "System",
2853
+ "letterSpacing": -0.23,
2854
+ "lineHeight": 20,
2855
+ "size": 15,
2856
+ "weight": "400",
1532
2857
  },
1533
2858
  "body2Strong": {
1534
- "face": "primary",
1535
- "size": "body",
1536
- "weight": "semiBold",
2859
+ "dynamicTypeRamp": "subheadline",
2860
+ "face": "System",
2861
+ "letterSpacing": -0.23,
2862
+ "lineHeight": 20,
2863
+ "size": 15,
2864
+ "weight": "600",
1537
2865
  },
1538
2866
  "bodySemibold": {
1539
- "face": "primary",
1540
- "size": "body",
1541
- "weight": "semiBold",
2867
+ "dynamicTypeRamp": "subheadline",
2868
+ "face": "System",
2869
+ "letterSpacing": -0.23,
2870
+ "lineHeight": 20,
2871
+ "size": 15,
2872
+ "weight": "600",
1542
2873
  },
1543
2874
  "bodyStandard": {
1544
- "face": "primary",
1545
- "size": "body",
1546
- "weight": "regular",
2875
+ "dynamicTypeRamp": "subheadline",
2876
+ "face": "System",
2877
+ "letterSpacing": -0.23,
2878
+ "lineHeight": 20,
2879
+ "size": 15,
2880
+ "weight": "400",
1547
2881
  },
1548
2882
  "caption1": {
1549
- "face": "primary",
1550
- "size": "caption",
1551
- "weight": "regular",
2883
+ "dynamicTypeRamp": "footnote",
2884
+ "face": "System",
2885
+ "letterSpacing": -0.08,
2886
+ "lineHeight": 18,
2887
+ "size": 13,
2888
+ "weight": "400",
1552
2889
  },
1553
2890
  "caption1Strong": {
1554
- "face": "primary",
1555
- "size": "caption",
1556
- "weight": "semiBold",
2891
+ "dynamicTypeRamp": "footnote",
2892
+ "face": "System",
2893
+ "letterSpacing": -0.08,
2894
+ "lineHeight": 18,
2895
+ "size": 13,
2896
+ "weight": "600",
2897
+ },
2898
+ "caption2": {
2899
+ "dynamicTypeRamp": "caption1",
2900
+ "face": "System",
2901
+ "letterSpacing": 0,
2902
+ "lineHeight": 16,
2903
+ "size": 12,
2904
+ "weight": "400",
1557
2905
  },
1558
2906
  "captionStandard": {
1559
- "face": "primary",
1560
- "size": "caption",
1561
- "weight": "regular",
2907
+ "dynamicTypeRamp": "footnote",
2908
+ "face": "System",
2909
+ "letterSpacing": -0.08,
2910
+ "lineHeight": 18,
2911
+ "size": 13,
2912
+ "weight": "400",
1562
2913
  },
1563
2914
  "display": {
1564
- "face": "primary",
1565
- "size": "heroLarge",
1566
- "weight": "semiBold",
2915
+ "dynamicTypeRamp": "largeTitle",
2916
+ "face": "System",
2917
+ "letterSpacing": 0.26,
2918
+ "lineHeight": 70,
2919
+ "size": 60,
2920
+ "weight": "700",
1567
2921
  },
1568
2922
  "headerSemibold": {
1569
- "face": "primary",
1570
- "size": "header",
1571
- "weight": "semiBold",
2923
+ "dynamicTypeRamp": "title2",
2924
+ "face": "System",
2925
+ "letterSpacing": -0.26,
2926
+ "lineHeight": 28,
2927
+ "size": 22,
2928
+ "weight": "600",
1572
2929
  },
1573
2930
  "headerStandard": {
1574
- "face": "primary",
1575
- "size": "header",
1576
- "weight": "regular",
2931
+ "dynamicTypeRamp": "title2",
2932
+ "face": "System",
2933
+ "letterSpacing": -0.26,
2934
+ "lineHeight": 28,
2935
+ "size": 22,
2936
+ "weight": "600",
1577
2937
  },
1578
2938
  "heroLargeSemibold": {
1579
- "face": "primary",
1580
- "size": "heroLarge",
1581
- "weight": "semiBold",
2939
+ "dynamicTypeRamp": "largeTitle",
2940
+ "face": "System",
2941
+ "letterSpacing": 0.26,
2942
+ "lineHeight": 70,
2943
+ "size": 60,
2944
+ "weight": "700",
1582
2945
  },
1583
2946
  "heroLargeStandard": {
1584
- "face": "primary",
1585
- "size": "heroLarge",
1586
- "weight": "regular",
2947
+ "dynamicTypeRamp": "largeTitle",
2948
+ "face": "System",
2949
+ "letterSpacing": 0.4,
2950
+ "lineHeight": 41,
2951
+ "size": 34,
2952
+ "weight": "700",
1587
2953
  },
1588
2954
  "heroSemibold": {
1589
- "face": "primary",
1590
- "size": "hero",
1591
- "weight": "semiBold",
2955
+ "dynamicTypeRamp": "title1",
2956
+ "face": "System",
2957
+ "letterSpacing": 0.38,
2958
+ "lineHeight": 34,
2959
+ "size": 28,
2960
+ "weight": "600",
1592
2961
  },
1593
2962
  "heroStandard": {
1594
- "face": "primary",
1595
- "size": "hero",
1596
- "weight": "regular",
2963
+ "dynamicTypeRamp": "title1",
2964
+ "face": "System",
2965
+ "letterSpacing": 0.38,
2966
+ "lineHeight": 34,
2967
+ "size": 28,
2968
+ "weight": "700",
1597
2969
  },
1598
2970
  "largeTitle": {
1599
- "face": "primary",
1600
- "size": "heroLarge",
1601
- "weight": "regular",
2971
+ "dynamicTypeRamp": "largeTitle",
2972
+ "face": "System",
2973
+ "letterSpacing": 0.4,
2974
+ "lineHeight": 41,
2975
+ "size": 34,
2976
+ "weight": "700",
1602
2977
  },
1603
2978
  "secondarySemibold": {
1604
- "face": "primary",
1605
- "size": "secondary",
1606
- "weight": "semiBold",
2979
+ "dynamicTypeRamp": "body",
2980
+ "face": "System",
2981
+ "letterSpacing": -0.43,
2982
+ "lineHeight": 22,
2983
+ "size": 17,
2984
+ "weight": "600",
1607
2985
  },
1608
2986
  "secondaryStandard": {
1609
- "face": "primary",
1610
- "size": "secondary",
1611
- "weight": "regular",
2987
+ "dynamicTypeRamp": "body",
2988
+ "face": "System",
2989
+ "letterSpacing": -0.43,
2990
+ "lineHeight": 22,
2991
+ "size": 17,
2992
+ "weight": "400",
1612
2993
  },
1613
2994
  "subheaderSemibold": {
1614
- "face": "primary",
1615
- "size": "subheader",
1616
- "weight": "semiBold",
2995
+ "dynamicTypeRamp": "title3",
2996
+ "face": "System",
2997
+ "letterSpacing": -0.45,
2998
+ "lineHeight": 25,
2999
+ "size": 20,
3000
+ "weight": "600",
1617
3001
  },
1618
3002
  "subheaderStandard": {
1619
- "face": "primary",
1620
- "size": "subheader",
1621
- "weight": "regular",
3003
+ "dynamicTypeRamp": "title3",
3004
+ "face": "System",
3005
+ "letterSpacing": -0.45,
3006
+ "lineHeight": 25,
3007
+ "size": 20,
3008
+ "weight": "600",
1622
3009
  },
1623
3010
  "subtitle1": {
1624
- "face": "primary",
1625
- "size": "header",
1626
- "weight": "regular",
3011
+ "dynamicTypeRamp": "title2",
3012
+ "face": "System",
3013
+ "letterSpacing": -0.26,
3014
+ "lineHeight": 28,
3015
+ "size": 22,
3016
+ "weight": "600",
1627
3017
  },
1628
3018
  "subtitle1Strong": {
1629
- "face": "primary",
1630
- "size": "header",
1631
- "weight": "semiBold",
3019
+ "dynamicTypeRamp": "title2",
3020
+ "face": "System",
3021
+ "letterSpacing": -0.26,
3022
+ "lineHeight": 28,
3023
+ "size": 22,
3024
+ "weight": "600",
1632
3025
  },
1633
3026
  "subtitle2": {
1634
- "face": "primary",
1635
- "size": "subheader",
1636
- "weight": "regular",
3027
+ "dynamicTypeRamp": "title3",
3028
+ "face": "System",
3029
+ "letterSpacing": -0.45,
3030
+ "lineHeight": 25,
3031
+ "size": 20,
3032
+ "weight": "600",
1637
3033
  },
1638
3034
  "subtitle2Strong": {
1639
- "face": "primary",
1640
- "size": "subheader",
1641
- "weight": "semiBold",
3035
+ "dynamicTypeRamp": "title3",
3036
+ "face": "System",
3037
+ "letterSpacing": -0.45,
3038
+ "lineHeight": 25,
3039
+ "size": 20,
3040
+ "weight": "600",
1642
3041
  },
1643
3042
  "title1": {
1644
- "face": "primary",
1645
- "size": "hero",
1646
- "weight": "regular",
3043
+ "dynamicTypeRamp": "title1",
3044
+ "face": "System",
3045
+ "letterSpacing": 0.38,
3046
+ "lineHeight": 34,
3047
+ "size": 28,
3048
+ "weight": "700",
1647
3049
  },
1648
3050
  "title1Strong": {
1649
- "face": "primary",
1650
- "size": "hero",
1651
- "weight": "semiBold",
3051
+ "dynamicTypeRamp": "title1",
3052
+ "face": "System",
3053
+ "letterSpacing": 0.38,
3054
+ "lineHeight": 34,
3055
+ "size": 28,
3056
+ "weight": "600",
3057
+ },
3058
+ "title2": {
3059
+ "dynamicTypeRamp": "title2",
3060
+ "face": "System",
3061
+ "letterSpacing": -0.26,
3062
+ "lineHeight": 28,
3063
+ "size": 22,
3064
+ "weight": "600",
3065
+ },
3066
+ "title3": {
3067
+ "dynamicTypeRamp": "title3",
3068
+ "face": "System",
3069
+ "letterSpacing": -0.45,
3070
+ "lineHeight": 25,
3071
+ "size": 20,
3072
+ "weight": "600",
1652
3073
  },
1653
3074
  },
1654
3075
  "weights": {