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