@fluentui-react-native/default-theme 0.16.4 → 0.16.6

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 (4) hide show
  1. package/CHANGELOG.json +37 -1
  2. package/CHANGELOG.md +19 -2
  3. package/package.json +3 -3
  4. package/src/__tests__/__snapshots__/default-theme.test.ts.snap +2023 -609
package/src/__tests__/__snapshots__/default-theme.test.ts.snap CHANGED
@@ -2,178 +2,767 @@
2
2
 
3
3
  exports[`createColorAliasTokens test appearanceOptions - dark 1`] = `
4
4
  Object {
5
- "neutralBackground1": "#ffffff",
6
- "neutralBackground1Hover": undefined,
7
- "neutralBackground1Pressed": "#e0e0e0",
8
- "neutralBackground1Selected": "#ebebeb",
9
- "neutralBackground2": "#ffffff",
10
- "neutralBackground2Hover": undefined,
11
- "neutralBackground2Pressed": "#e0e0e0",
12
- "neutralBackground2Selected": "#ebebeb",
13
- "neutralBackground3": "#ffffff",
14
- "neutralBackground3Hover": undefined,
15
- "neutralBackground3Pressed": "#e0e0e0",
16
- "neutralBackground3Selected": "#ebebeb",
17
- "neutralBackground4": "#fafafa",
18
- "neutralBackground4Hover": undefined,
19
- "neutralBackground4Pressed": "#dbdbdb",
20
- "neutralBackground4Selected": "#e6e6e6",
21
- "neutralBackground5": "#ebebeb",
22
- "neutralBackground5Hover": undefined,
23
- "neutralBackground5Pressed": "#d1d1d1",
24
- "neutralBackground5Selected": "#dbdbdb",
25
- "neutralBackground6": "#d1d1d1",
26
- "neutralBackgroundDisabled": "#e0e0e0",
27
- "neutralBackgroundInverted": "#242424",
5
+ "brandBackground": "#106ebe",
6
+ "brandBackground2": "#004578",
7
+ "brandBackgroundDisabled": undefined,
8
+ "brandBackgroundHover": "#0078d4",
9
+ "brandBackgroundPressed": "#004578",
10
+ "brandBackgroundSelected": "#005a9e",
11
+ "brandBackgroundStatic": "#0078d4",
12
+ "brandForeground1": "#3aa0f3",
13
+ "brandForeground1Disabled": undefined,
14
+ "brandForeground1Pressed": undefined,
15
+ "brandForeground2": "#6cb8f6",
16
+ "brandForegroundLink": "#2899f5",
17
+ "brandForegroundLinkHover": "#6cb8f6",
18
+ "brandForegroundLinkPressed": "#3aa0f3",
19
+ "brandForegroundLinkSelected": "#2899f5",
20
+ "brandStroke1": "#2899f5",
21
+ "brandStroke2": "#004c87",
22
+ "compoundBrandBackground1": "#2899f5",
23
+ "compoundBrandBackground1Hover": "#3aa0f3",
24
+ "compoundBrandBackground1Pressed": "#0078d4",
25
+ "compoundBrandForeground1": "#2899f5",
26
+ "compoundBrandForeground1Hover": "#3aa0f3",
27
+ "compoundBrandForeground1Pressed": "#0078d4",
28
+ "compoundBrandStroke1": "#2899f5",
29
+ "compoundBrandStroke1Hover": "#3aa0f3",
30
+ "compoundBrandStroke1Pressed": "#0078d4",
31
+ "neutralBackground1": "#292929",
32
+ "neutralBackground1Hover": "#3d3d3d",
33
+ "neutralBackground1Pressed": "#1f1f1f",
34
+ "neutralBackground1Selected": "#383838",
35
+ "neutralBackground2": "#1f1f1f",
36
+ "neutralBackground2Hover": "#333333",
37
+ "neutralBackground2Pressed": "#141414",
38
+ "neutralBackground2Selected": "#2e2e2e",
39
+ "neutralBackground3": "#141414",
40
+ "neutralBackground3Hover": "#292929",
41
+ "neutralBackground3Pressed": "#0a0a0a",
42
+ "neutralBackground3Selected": "#242424",
43
+ "neutralBackground4": "#0a0a0a",
44
+ "neutralBackground4Hover": "#1f1f1f",
45
+ "neutralBackground4Pressed": "#000000",
46
+ "neutralBackground4Selected": "#1a1a1a",
47
+ "neutralBackground5": "#000000",
48
+ "neutralBackground5Hover": "#141414",
49
+ "neutralBackground5Pressed": "#050505",
50
+ "neutralBackground5Selected": "#0f0f0f",
51
+ "neutralBackground6": "#333333",
52
+ "neutralBackgroundDisabled": "#141414",
53
+ "neutralBackgroundInverted": "#ffffff",
28
54
  "neutralForeground1": "#ffffff",
29
- "neutralForeground1Hover": undefined,
30
- "neutralForeground1Pressed": undefined,
31
- "neutralForeground1Selected": undefined,
55
+ "neutralForeground1Hover": "#ffffff",
56
+ "neutralForeground1Pressed": "#ffffff",
57
+ "neutralForeground1Selected": "#ffffff",
32
58
  "neutralForeground2": "#d6d6d6",
33
- "neutralForeground2BrandHover": undefined,
34
- "neutralForeground2BrandPressed": undefined,
35
- "neutralForeground2BrandSelected": undefined,
36
- "neutralForeground2Hover": undefined,
37
- "neutralForeground2Pressed": undefined,
38
- "neutralForeground2Selected": undefined,
59
+ "neutralForeground2BrandHover": "#3aa0f3",
60
+ "neutralForeground2BrandPressed": "#2899f5",
61
+ "neutralForeground2BrandSelected": "#3aa0f3",
62
+ "neutralForeground2Hover": "#ffffff",
63
+ "neutralForeground2Pressed": "#ffffff",
64
+ "neutralForeground2Selected": "#ffffff",
39
65
  "neutralForeground3": "#adadad",
40
- "neutralForeground3BrandHover": undefined,
41
- "neutralForeground3BrandPressed": undefined,
42
- "neutralForeground3BrandSelected": undefined,
43
- "neutralForeground3Hover": undefined,
44
- "neutralForeground3Pressed": undefined,
45
- "neutralForeground3Selected": undefined,
46
- "neutralForegroundInverted": "#ffffff",
47
- "neutralStencil1": "#e6e6e6",
48
- "neutralStencil2": "#fafafa",
49
- "neutralStroke1": "#525252",
50
- "neutralStroke1Hover": undefined,
51
- "neutralStroke1Pressed": undefined,
52
- "neutralStroke1Selected": undefined,
53
- "neutralStroke2": "#3d3d3d",
54
- "neutralStrokeAccessible": "#9e9e9e",
55
- "neutralStrokeAccessibleHover": undefined,
56
- "neutralStrokeAccessiblePressed": undefined,
57
- "neutralStrokeAccessibleSelected": undefined,
66
+ "neutralForeground3BrandHover": "#3aa0f3",
67
+ "neutralForeground3BrandPressed": "#2899f5",
68
+ "neutralForeground3BrandSelected": "#3aa0f3",
69
+ "neutralForeground3Hover": "#d6d6d6",
70
+ "neutralForeground3Pressed": "#d6d6d6",
71
+ "neutralForeground3Selected": "#d6d6d6",
72
+ "neutralForeground4": "#999999",
73
+ "neutralForegroundDisabled": "#5c5c5c",
74
+ "neutralForegroundInverted": "#242424",
75
+ "neutralForegroundInvertedLink": "#ffffff",
76
+ "neutralForegroundInvertedLinkHover": "#ffffff",
77
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
78
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
79
+ "neutralForegroundOnBrand": "#ffffff",
80
+ "neutralForegroundOnBrandHover": "#ffffff",
81
+ "neutralForegroundOnBrandPressed": "#ffffff",
82
+ "neutralForegroundOnBrandSelected": "#ffffff",
83
+ "neutralStencil1": "#333333",
84
+ "neutralStencil2": "#575757",
85
+ "neutralStroke1": "#666666",
86
+ "neutralStroke1Hover": "#757575",
87
+ "neutralStroke1Pressed": "#6b6b6b",
88
+ "neutralStroke1Selected": "#707070",
89
+ "neutralStroke2": "#525252",
90
+ "neutralStroke3": "#3d3d3d",
91
+ "neutralStrokeAccessible": "#adadad",
92
+ "neutralStrokeAccessibleHover": "#bdbdbd",
93
+ "neutralStrokeAccessiblePressed": "#b3b3b3",
94
+ "neutralStrokeAccessibleSelected": "#3aa0f3",
58
95
  "neutralStrokeDisabled": "#424242",
96
+ "redBackground1": "#230308",
97
+ "redBackground2": "#420610",
98
+ "redBackground3": "#750b1c",
99
+ "redBorder1": "#750b1c",
100
+ "redBorder2": "#962f3f",
101
+ "redBorderActive": "#ac4f5e",
102
+ "redForeground1": "#ac4f5e",
103
+ "redForeground2": "#420610",
104
+ "redForeground3": "#750b1c",
105
+ "strokeFocus1": "#000000",
106
+ "strokeFocus2": "#ffffff",
107
+ "subtleBackground": "transparent",
108
+ "subtleBackgroundHover": "#383838",
109
+ "subtleBackgroundPressed": "#2e2e2e",
110
+ "subtleBackgroundSelected": "#333333",
111
+ "transparentBackground": "transparent",
112
+ "transparentBackgroundHover": "transparent",
113
+ "transparentBackgroundPressed": "transparent",
114
+ "transparentBackgroundSelected": "transparent",
115
+ "transparentStroke": "transparent",
116
+ "transparentStrokeDisabled": "transparent",
117
+ "transparentStrokeInteractive": "transparent",
59
118
  }
60
119
  `;
61
120
 
62
121
  exports[`createColorAliasTokens test appearanceOptions - highContrast 1`] = `
63
122
  Object {
64
- "neutralBackground1": "#000000",
65
- "neutralBackground1Hover": undefined,
66
- "neutralBackground1Pressed": "#2e2e2e",
67
- "neutralBackground1Selected": "#242424",
68
- "neutralBackground2": "#1f1f1f",
69
- "neutralBackground2Hover": undefined,
70
- "neutralBackground2Pressed": "#4d4d4d",
71
- "neutralBackground2Selected": "#424242",
72
- "neutralBackground3": "#ffffff",
73
- "neutralBackground3Hover": undefined,
74
- "neutralBackground3Pressed": "#e0e0e0",
75
- "neutralBackground3Selected": "#ebebeb",
76
- "neutralBackground4": "#333333",
77
- "neutralBackground4Hover": undefined,
78
- "neutralBackground4Pressed": "#616161",
79
- "neutralBackground4Selected": "#575757",
80
- "neutralBackground5": "#3d3d3d",
81
- "neutralBackground5Hover": undefined,
82
- "neutralBackground5Pressed": "#6b6b6b",
83
- "neutralBackground5Selected": "#616161",
84
- "neutralBackground6": "#5c5c5c",
85
- "neutralBackgroundDisabled": "#e0e0e0",
86
- "neutralBackgroundInverted": "#575757",
87
- "neutralForeground1": "#242424",
88
- "neutralForeground1Hover": undefined,
89
- "neutralForeground1Pressed": undefined,
90
- "neutralForeground1Selected": undefined,
91
- "neutralForeground2": "#616161",
92
- "neutralForeground2BrandHover": undefined,
93
- "neutralForeground2BrandPressed": undefined,
94
- "neutralForeground2BrandSelected": undefined,
95
- "neutralForeground2Hover": undefined,
96
- "neutralForeground2Pressed": undefined,
97
- "neutralForeground2Selected": undefined,
98
- "neutralForeground3": "#808080",
99
- "neutralForeground3BrandHover": undefined,
100
- "neutralForeground3BrandPressed": undefined,
101
- "neutralForeground3BrandSelected": undefined,
102
- "neutralForeground3Hover": undefined,
103
- "neutralForeground3Pressed": undefined,
104
- "neutralForeground3Selected": undefined,
105
- "neutralForegroundInverted": "#ffffff",
106
- "neutralStencil1": "#575757",
107
- "neutralStencil2": "#333333",
108
- "neutralStroke1": "#d1d1d1",
109
- "neutralStroke1Hover": undefined,
110
- "neutralStroke1Pressed": undefined,
111
- "neutralStroke1Selected": undefined,
112
- "neutralStroke2": "#e0e0e0",
113
- "neutralStrokeAccessible": "#616161",
114
- "neutralStrokeAccessibleHover": undefined,
115
- "neutralStrokeAccessiblePressed": undefined,
116
- "neutralStrokeAccessibleSelected": undefined,
117
- "neutralStrokeDisabled": "#e0e0e0",
123
+ "brandBackground": Object {
124
+ "semantic": Array [
125
+ "SystemColorButtonFaceColor",
126
+ ],
127
+ },
128
+ "brandBackground2": Object {
129
+ "semantic": Array [
130
+ "SystemColorButtonFaceColor",
131
+ ],
132
+ },
133
+ "brandBackgroundDisabled": undefined,
134
+ "brandBackgroundHover": Object {
135
+ "semantic": Array [
136
+ "SystemColorHighlightColor",
137
+ ],
138
+ },
139
+ "brandBackgroundPressed": Object {
140
+ "semantic": Array [
141
+ "SystemColorHighlightColor",
142
+ ],
143
+ },
144
+ "brandBackgroundSelected": Object {
145
+ "semantic": Array [
146
+ "SystemColorHighlightColor",
147
+ ],
148
+ },
149
+ "brandBackgroundStatic": Object {
150
+ "semantic": Array [
151
+ "SystemColorWindowColor",
152
+ ],
153
+ },
154
+ "brandForeground1": Object {
155
+ "semantic": Array [
156
+ "SystemColorWindowTextColor",
157
+ ],
158
+ },
159
+ "brandForeground1Disabled": undefined,
160
+ "brandForeground1Pressed": undefined,
161
+ "brandForeground2": Object {
162
+ "semantic": Array [
163
+ "SystemColorButtonTextColor",
164
+ ],
165
+ },
166
+ "brandForegroundLink": Object {
167
+ "semantic": Array [
168
+ "SystemColorHotlightColor",
169
+ ],
170
+ },
171
+ "brandForegroundLinkHover": Object {
172
+ "semantic": Array [
173
+ "SystemColorHotlightColor",
174
+ ],
175
+ },
176
+ "brandForegroundLinkPressed": Object {
177
+ "semantic": Array [
178
+ "SystemColorHotlightColor",
179
+ ],
180
+ },
181
+ "brandForegroundLinkSelected": Object {
182
+ "semantic": Array [
183
+ "SystemColorHotlightColor",
184
+ ],
185
+ },
186
+ "brandStroke1": Object {
187
+ "semantic": Array [
188
+ "SystemColorWindowTextColor",
189
+ ],
190
+ },
191
+ "brandStroke2": Object {
192
+ "semantic": Array [
193
+ "SystemColorWindowColor",
194
+ ],
195
+ },
196
+ "compoundBrandBackground1": Object {
197
+ "semantic": Array [
198
+ "SystemColorHighlightColor",
199
+ ],
200
+ },
201
+ "compoundBrandBackground1Hover": Object {
202
+ "semantic": Array [
203
+ "SystemColorHighlightColor",
204
+ ],
205
+ },
206
+ "compoundBrandBackground1Pressed": Object {
207
+ "semantic": Array [
208
+ "SystemColorHighlightColor",
209
+ ],
210
+ },
211
+ "compoundBrandForeground1": Object {
212
+ "semantic": Array [
213
+ "SystemColorHighlightColor",
214
+ ],
215
+ },
216
+ "compoundBrandForeground1Hover": Object {
217
+ "semantic": Array [
218
+ "SystemColorHighlightColor",
219
+ ],
220
+ },
221
+ "compoundBrandForeground1Pressed": Object {
222
+ "semantic": Array [
223
+ "SystemColorHighlightColor",
224
+ ],
225
+ },
226
+ "compoundBrandStroke1": Object {
227
+ "semantic": Array [
228
+ "SystemColorWindowColor",
229
+ ],
230
+ },
231
+ "compoundBrandStroke1Hover": Object {
232
+ "semantic": Array [
233
+ "SystemColorHighlightColor",
234
+ ],
235
+ },
236
+ "compoundBrandStroke1Pressed": Object {
237
+ "semantic": Array [
238
+ "SystemColorHighlightColor",
239
+ ],
240
+ },
241
+ "neutralBackground1": Object {
242
+ "semantic": Array [
243
+ "SystemColorWindowColor",
244
+ ],
245
+ },
246
+ "neutralBackground1Hover": Object {
247
+ "semantic": Array [
248
+ "SystemColorHighlightColor",
249
+ ],
250
+ },
251
+ "neutralBackground1Pressed": Object {
252
+ "semantic": Array [
253
+ "SystemColorHighlightColor",
254
+ ],
255
+ },
256
+ "neutralBackground1Selected": Object {
257
+ "semantic": Array [
258
+ "SystemColorHighlightColor",
259
+ ],
260
+ },
261
+ "neutralBackground2": Object {
262
+ "semantic": Array [
263
+ "SystemColorWindowColor",
264
+ ],
265
+ },
266
+ "neutralBackground2Hover": Object {
267
+ "semantic": Array [
268
+ "SystemColorHighlightColor",
269
+ ],
270
+ },
271
+ "neutralBackground2Pressed": Object {
272
+ "semantic": Array [
273
+ "SystemColorHighlightColor",
274
+ ],
275
+ },
276
+ "neutralBackground2Selected": Object {
277
+ "semantic": Array [
278
+ "SystemColorHighlightColor",
279
+ ],
280
+ },
281
+ "neutralBackground3": Object {
282
+ "semantic": Array [
283
+ "SystemColorWindowColor",
284
+ ],
285
+ },
286
+ "neutralBackground3Hover": Object {
287
+ "semantic": Array [
288
+ "SystemColorHighlightColor",
289
+ ],
290
+ },
291
+ "neutralBackground3Pressed": Object {
292
+ "semantic": Array [
293
+ "SystemColorHighlightColor",
294
+ ],
295
+ },
296
+ "neutralBackground3Selected": Object {
297
+ "semantic": Array [
298
+ "SystemColorHighlightColor",
299
+ ],
300
+ },
301
+ "neutralBackground4": Object {
302
+ "semantic": Array [
303
+ "SystemColorWindowColor",
304
+ ],
305
+ },
306
+ "neutralBackground4Hover": Object {
307
+ "semantic": Array [
308
+ "SystemColorHighlightColor",
309
+ ],
310
+ },
311
+ "neutralBackground4Pressed": Object {
312
+ "semantic": Array [
313
+ "SystemColorHighlightColor",
314
+ ],
315
+ },
316
+ "neutralBackground4Selected": Object {
317
+ "semantic": Array [
318
+ "SystemColorHighlightColor",
319
+ ],
320
+ },
321
+ "neutralBackground5": Object {
322
+ "semantic": Array [
323
+ "SystemColorWindowColor",
324
+ ],
325
+ },
326
+ "neutralBackground5Hover": Object {
327
+ "semantic": Array [
328
+ "SystemColorHighlightColor",
329
+ ],
330
+ },
331
+ "neutralBackground5Pressed": Object {
332
+ "semantic": Array [
333
+ "SystemColorHighlightColor",
334
+ ],
335
+ },
336
+ "neutralBackground5Selected": Object {
337
+ "semantic": Array [
338
+ "SystemColorHighlightColor",
339
+ ],
340
+ },
341
+ "neutralBackground6": Object {
342
+ "semantic": Array [
343
+ "SystemColorWindowColor",
344
+ ],
345
+ },
346
+ "neutralBackgroundDisabled": Object {
347
+ "semantic": Array [
348
+ "SystemColorWindowColor",
349
+ ],
350
+ },
351
+ "neutralBackgroundInverted": Object {
352
+ "semantic": Array [
353
+ "SystemColorWindowTextColor",
354
+ ],
355
+ },
356
+ "neutralForeground1": Object {
357
+ "semantic": Array [
358
+ "SystemColorWindowTextColor",
359
+ ],
360
+ },
361
+ "neutralForeground1Hover": Object {
362
+ "semantic": Array [
363
+ "SystemColorHighlightTextColor",
364
+ ],
365
+ },
366
+ "neutralForeground1Pressed": Object {
367
+ "semantic": Array [
368
+ "SystemColorHighlightTextColor",
369
+ ],
370
+ },
371
+ "neutralForeground1Selected": Object {
372
+ "semantic": Array [
373
+ "SystemColorHighlightTextColor",
374
+ ],
375
+ },
376
+ "neutralForeground2": Object {
377
+ "semantic": Array [
378
+ "SystemColorWindowTextColor",
379
+ ],
380
+ },
381
+ "neutralForeground2BrandHover": Object {
382
+ "semantic": Array [
383
+ "SystemColorHighlightTextColor",
384
+ ],
385
+ },
386
+ "neutralForeground2BrandPressed": Object {
387
+ "semantic": Array [
388
+ "SystemColorHighlightTextColor",
389
+ ],
390
+ },
391
+ "neutralForeground2BrandSelected": Object {
392
+ "semantic": Array [
393
+ "SystemColorHighlightTextColor",
394
+ ],
395
+ },
396
+ "neutralForeground2Hover": Object {
397
+ "semantic": Array [
398
+ "SystemColorHighlightTextColor",
399
+ ],
400
+ },
401
+ "neutralForeground2Pressed": Object {
402
+ "semantic": Array [
403
+ "SystemColorHighlightTextColor",
404
+ ],
405
+ },
406
+ "neutralForeground2Selected": Object {
407
+ "semantic": Array [
408
+ "SystemColorHighlightTextColor",
409
+ ],
410
+ },
411
+ "neutralForeground3": Object {
412
+ "semantic": Array [
413
+ "SystemColorWindowTextColor",
414
+ ],
415
+ },
416
+ "neutralForeground3BrandHover": Object {
417
+ "semantic": Array [
418
+ "SystemColorHighlightTextColor",
419
+ ],
420
+ },
421
+ "neutralForeground3BrandPressed": Object {
422
+ "semantic": Array [
423
+ "SystemColorHighlightTextColor",
424
+ ],
425
+ },
426
+ "neutralForeground3BrandSelected": Object {
427
+ "semantic": Array [
428
+ "SystemColorHighlightTextColor",
429
+ ],
430
+ },
431
+ "neutralForeground3Hover": Object {
432
+ "semantic": Array [
433
+ "SystemColorHighlightTextColor",
434
+ ],
435
+ },
436
+ "neutralForeground3Pressed": Object {
437
+ "semantic": Array [
438
+ "SystemColorHighlightTextColor",
439
+ ],
440
+ },
441
+ "neutralForeground3Selected": Object {
442
+ "semantic": Array [
443
+ "SystemColorHighlightTextColor",
444
+ ],
445
+ },
446
+ "neutralForeground4": Object {
447
+ "semantic": Array [
448
+ "SystemColorWindowTextColor",
449
+ ],
450
+ },
451
+ "neutralForegroundDisabled": Object {
452
+ "semantic": Array [
453
+ "SystemColorGrayTextColor",
454
+ ],
455
+ },
456
+ "neutralForegroundInverted": Object {
457
+ "semantic": Array [
458
+ "SystemColorWindowColor",
459
+ ],
460
+ },
461
+ "neutralForegroundInvertedLink": Object {
462
+ "semantic": Array [
463
+ "SystemColorHotlightColor",
464
+ ],
465
+ },
466
+ "neutralForegroundInvertedLinkHover": Object {
467
+ "semantic": Array [
468
+ "SystemColorHotlightColor",
469
+ ],
470
+ },
471
+ "neutralForegroundInvertedLinkPressed": Object {
472
+ "semantic": Array [
473
+ "SystemColorHotlightColor",
474
+ ],
475
+ },
476
+ "neutralForegroundInvertedLinkSelected": Object {
477
+ "semantic": Array [
478
+ "SystemColorHotlightColor",
479
+ ],
480
+ },
481
+ "neutralForegroundOnBrand": Object {
482
+ "semantic": Array [
483
+ "SystemColorButtonTextColor",
484
+ ],
485
+ },
486
+ "neutralForegroundOnBrandHover": Object {
487
+ "semantic": Array [
488
+ "SystemColorHighlightTextColor",
489
+ ],
490
+ },
491
+ "neutralForegroundOnBrandPressed": Object {
492
+ "semantic": Array [
493
+ "SystemColorHighlightTextColor",
494
+ ],
495
+ },
496
+ "neutralForegroundOnBrandSelected": Object {
497
+ "semantic": Array [
498
+ "SystemColorHighlightTextColor",
499
+ ],
500
+ },
501
+ "neutralStencil1": "#141414",
502
+ "neutralStencil2": "#858585",
503
+ "neutralStroke1": Object {
504
+ "semantic": Array [
505
+ "SystemColorWindowTextColor",
506
+ ],
507
+ },
508
+ "neutralStroke1Hover": Object {
509
+ "semantic": Array [
510
+ "SystemColorHighlightColor",
511
+ ],
512
+ },
513
+ "neutralStroke1Pressed": Object {
514
+ "semantic": Array [
515
+ "SystemColorHighlightColor",
516
+ ],
517
+ },
518
+ "neutralStroke1Selected": Object {
519
+ "semantic": Array [
520
+ "SystemColorHighlightColor",
521
+ ],
522
+ },
523
+ "neutralStroke2": Object {
524
+ "semantic": Array [
525
+ "SystemColorWindowTextColor",
526
+ ],
527
+ },
528
+ "neutralStroke3": Object {
529
+ "semantic": Array [
530
+ "SystemColorWindowTextColor",
531
+ ],
532
+ },
533
+ "neutralStrokeAccessible": Object {
534
+ "semantic": Array [
535
+ "SystemColorWindowTextColor",
536
+ ],
537
+ },
538
+ "neutralStrokeAccessibleHover": Object {
539
+ "semantic": Array [
540
+ "SystemColorHighlightColor",
541
+ ],
542
+ },
543
+ "neutralStrokeAccessiblePressed": Object {
544
+ "semantic": Array [
545
+ "SystemColorHighlightColor",
546
+ ],
547
+ },
548
+ "neutralStrokeAccessibleSelected": Object {
549
+ "semantic": Array [
550
+ "SystemColorHighlightColor",
551
+ ],
552
+ },
553
+ "neutralStrokeDisabled": Object {
554
+ "semantic": Array [
555
+ "SystemColorGrayTextColor",
556
+ ],
557
+ },
558
+ "redBackground1": Object {
559
+ "semantic": Array [
560
+ "SystemColorButtonFaceColor",
561
+ ],
562
+ },
563
+ "redBackground2": Object {
564
+ "semantic": Array [
565
+ "SystemColorWindowColor",
566
+ ],
567
+ },
568
+ "redBackground3": Object {
569
+ "semantic": Array [
570
+ "SystemColorButtonFaceColor",
571
+ ],
572
+ },
573
+ "redBorder1": Object {
574
+ "semantic": Array [
575
+ "SystemColorWindowTextColor",
576
+ ],
577
+ },
578
+ "redBorder2": Object {
579
+ "semantic": Array [
580
+ "SystemColorWindowTextColor",
581
+ ],
582
+ },
583
+ "redBorderActive": Object {
584
+ "semantic": Array [
585
+ "SystemColorHighlightColor",
586
+ ],
587
+ },
588
+ "redForeground1": Object {
589
+ "semantic": Array [
590
+ "SystemColorButtonTextColor",
591
+ ],
592
+ },
593
+ "redForeground2": Object {
594
+ "semantic": Array [
595
+ "SystemColorWindowColor",
596
+ ],
597
+ },
598
+ "redForeground3": Object {
599
+ "semantic": Array [
600
+ "SystemColorButtonFaceColor",
601
+ ],
602
+ },
603
+ "strokeFocus1": Object {
604
+ "semantic": Array [
605
+ "SystemColorWindowColor",
606
+ ],
607
+ },
608
+ "strokeFocus2": Object {
609
+ "semantic": Array [
610
+ "SystemColorHighlightColor",
611
+ ],
612
+ },
613
+ "subtleBackground": "transparent",
614
+ "subtleBackgroundHover": Object {
615
+ "semantic": Array [
616
+ "SystemColorHighlightColor",
617
+ ],
618
+ },
619
+ "subtleBackgroundPressed": Object {
620
+ "semantic": Array [
621
+ "SystemColorHighlightColor",
622
+ ],
623
+ },
624
+ "subtleBackgroundSelected": Object {
625
+ "semantic": Array [
626
+ "SystemColorHighlightColor",
627
+ ],
628
+ },
629
+ "transparentBackground": "transparent",
630
+ "transparentBackgroundHover": "transparent",
631
+ "transparentBackgroundPressed": "transparent",
632
+ "transparentBackgroundSelected": "transparent",
633
+ "transparentStroke": Object {
634
+ "semantic": Array [
635
+ "SystemColorWindowTextColor",
636
+ ],
637
+ },
638
+ "transparentStrokeDisabled": Object {
639
+ "semantic": Array [
640
+ "SystemColorGrayTextColor",
641
+ ],
642
+ },
643
+ "transparentStrokeInteractive": Object {
644
+ "semantic": Array [
645
+ "SystemColorHighlightColor",
646
+ ],
647
+ },
118
648
  }
119
649
  `;
120
650
 
121
651
  exports[`createColorAliasTokens test appearanceOptions - light 1`] = `
122
652
  Object {
123
- "neutralBackground1": "#000000",
124
- "neutralBackground1Hover": undefined,
125
- "neutralBackground1Pressed": "#2e2e2e",
126
- "neutralBackground1Selected": "#242424",
127
- "neutralBackground2": "#1f1f1f",
128
- "neutralBackground2Hover": undefined,
129
- "neutralBackground2Pressed": "#4d4d4d",
130
- "neutralBackground2Selected": "#424242",
131
- "neutralBackground3": "#ffffff",
132
- "neutralBackground3Hover": undefined,
133
- "neutralBackground3Pressed": "#e0e0e0",
134
- "neutralBackground3Selected": "#ebebeb",
135
- "neutralBackground4": "#333333",
136
- "neutralBackground4Hover": undefined,
137
- "neutralBackground4Pressed": "#616161",
138
- "neutralBackground4Selected": "#575757",
139
- "neutralBackground5": "#3d3d3d",
140
- "neutralBackground5Hover": undefined,
141
- "neutralBackground5Pressed": "#6b6b6b",
142
- "neutralBackground5Selected": "#616161",
143
- "neutralBackground6": "#5c5c5c",
144
- "neutralBackgroundDisabled": "#e0e0e0",
145
- "neutralBackgroundInverted": "#575757",
653
+ "brandBackground": "#0078d4",
654
+ "brandBackground2": "#eff6fc",
655
+ "brandBackgroundDisabled": undefined,
656
+ "brandBackgroundHover": "#106ebe",
657
+ "brandBackgroundPressed": "#004578",
658
+ "brandBackgroundSelected": "#005a9e",
659
+ "brandBackgroundStatic": "#0078d4",
660
+ "brandForeground1": "#0078d4",
661
+ "brandForeground1Disabled": undefined,
662
+ "brandForeground1Pressed": undefined,
663
+ "brandForeground2": "#106ebe",
664
+ "brandForegroundLink": "#106ebe",
665
+ "brandForegroundLinkHover": "#005a9e",
666
+ "brandForegroundLinkPressed": "#004578",
667
+ "brandForegroundLinkSelected": "#106ebe",
668
+ "brandStroke1": "#0078d4",
669
+ "brandStroke2": "#c7e0f4",
670
+ "compoundBrandBackground1": "#0078d4",
671
+ "compoundBrandBackground1Hover": "#106ebe",
672
+ "compoundBrandBackground1Pressed": "#005a9e",
673
+ "compoundBrandForeground1": "#0078d4",
674
+ "compoundBrandForeground1Hover": "#106ebe",
675
+ "compoundBrandForeground1Pressed": "#005a9e",
676
+ "compoundBrandStroke1": "#0078d4",
677
+ "compoundBrandStroke1Hover": "#106ebe",
678
+ "compoundBrandStroke1Pressed": "#005a9e",
679
+ "neutralBackground1": "#ffffff",
680
+ "neutralBackground1Hover": "#f5f5f5",
681
+ "neutralBackground1Pressed": "#e0e0e0",
682
+ "neutralBackground1Selected": "#ebebeb",
683
+ "neutralBackground2": "#fafafa",
684
+ "neutralBackground2Hover": "#f0f0f0",
685
+ "neutralBackground2Pressed": "#dbdbdb",
686
+ "neutralBackground2Selected": "#e6e6e6",
687
+ "neutralBackground3": "#f5f5f5",
688
+ "neutralBackground3Hover": "#ebebeb",
689
+ "neutralBackground3Pressed": "#d6d6d6",
690
+ "neutralBackground3Selected": "#e0e0e0",
691
+ "neutralBackground4": "#f0f0f0",
692
+ "neutralBackground4Hover": "#fafafa",
693
+ "neutralBackground4Pressed": "#f5f5f5",
694
+ "neutralBackground4Selected": "#ffffff",
695
+ "neutralBackground5": "#ebebeb",
696
+ "neutralBackground5Hover": "#f5f5f5",
697
+ "neutralBackground5Pressed": "#f0f0f0",
698
+ "neutralBackground5Selected": "#fafafa",
699
+ "neutralBackground6": "#e6e6e6",
700
+ "neutralBackgroundDisabled": "#f0f0f0",
701
+ "neutralBackgroundInverted": "#616161",
146
702
  "neutralForeground1": "#242424",
147
- "neutralForeground1Hover": undefined,
148
- "neutralForeground1Pressed": undefined,
149
- "neutralForeground1Selected": undefined,
150
- "neutralForeground2": "#616161",
151
- "neutralForeground2BrandHover": undefined,
152
- "neutralForeground2BrandPressed": undefined,
153
- "neutralForeground2BrandSelected": undefined,
154
- "neutralForeground2Hover": undefined,
155
- "neutralForeground2Pressed": undefined,
156
- "neutralForeground2Selected": undefined,
157
- "neutralForeground3": "#808080",
158
- "neutralForeground3BrandHover": undefined,
159
- "neutralForeground3BrandPressed": undefined,
160
- "neutralForeground3BrandSelected": undefined,
161
- "neutralForeground3Hover": undefined,
162
- "neutralForeground3Pressed": undefined,
163
- "neutralForeground3Selected": undefined,
703
+ "neutralForeground1Hover": "#242424",
704
+ "neutralForeground1Pressed": "#242424",
705
+ "neutralForeground1Selected": "#242424",
706
+ "neutralForeground2": "#424242",
707
+ "neutralForeground2BrandHover": "#0078d4",
708
+ "neutralForeground2BrandPressed": "#106ebe",
709
+ "neutralForeground2BrandSelected": "#0078d4",
710
+ "neutralForeground2Hover": "#242424",
711
+ "neutralForeground2Pressed": "#242424",
712
+ "neutralForeground2Selected": "#242424",
713
+ "neutralForeground3": "#616161",
714
+ "neutralForeground3BrandHover": "#0078d4",
715
+ "neutralForeground3BrandPressed": "#106ebe",
716
+ "neutralForeground3BrandSelected": "#0078d4",
717
+ "neutralForeground3Hover": "#424242",
718
+ "neutralForeground3Pressed": "#424242",
719
+ "neutralForeground3Selected": "#424242",
720
+ "neutralForeground4": "#707070",
721
+ "neutralForegroundDisabled": "#bdbdbd",
164
722
  "neutralForegroundInverted": "#ffffff",
165
- "neutralStencil1": "#575757",
166
- "neutralStencil2": "#333333",
723
+ "neutralForegroundInvertedLink": "#ffffff",
724
+ "neutralForegroundInvertedLinkHover": "#ffffff",
725
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
726
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
727
+ "neutralForegroundOnBrand": "#ffffff",
728
+ "neutralForegroundOnBrandHover": "#ffffff",
729
+ "neutralForegroundOnBrandPressed": "#ffffff",
730
+ "neutralForegroundOnBrandSelected": "#ffffff",
731
+ "neutralStencil1": "#e6e6e6",
732
+ "neutralStencil2": "#fafafa",
167
733
  "neutralStroke1": "#d1d1d1",
168
- "neutralStroke1Hover": undefined,
169
- "neutralStroke1Pressed": undefined,
170
- "neutralStroke1Selected": undefined,
734
+ "neutralStroke1Hover": "#c7c7c7",
735
+ "neutralStroke1Pressed": "#b3b3b3",
736
+ "neutralStroke1Selected": "#bdbdbd",
171
737
  "neutralStroke2": "#e0e0e0",
738
+ "neutralStroke3": "#f0f0f0",
172
739
  "neutralStrokeAccessible": "#616161",
173
- "neutralStrokeAccessibleHover": undefined,
174
- "neutralStrokeAccessiblePressed": undefined,
175
- "neutralStrokeAccessibleSelected": undefined,
740
+ "neutralStrokeAccessibleHover": "#575757",
741
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
742
+ "neutralStrokeAccessibleSelected": "#0078d4",
176
743
  "neutralStrokeDisabled": "#e0e0e0",
744
+ "redBackground1": "#f9f0f2",
745
+ "redBackground2": "#d69ca5",
746
+ "redBackground3": "#750b1c",
747
+ "redBorder1": "#d69ca5",
748
+ "redBorder2": "#750b1c",
749
+ "redBorderActive": "#750b1c",
750
+ "redForeground1": "#690a19",
751
+ "redForeground2": "#d69ca5",
752
+ "redForeground3": "#750b1c",
753
+ "strokeFocus1": "#ffffff",
754
+ "strokeFocus2": "#000000",
755
+ "subtleBackground": "transparent",
756
+ "subtleBackgroundHover": "#f5f5f5",
757
+ "subtleBackgroundPressed": "#e0e0e0",
758
+ "subtleBackgroundSelected": "#ebebeb",
759
+ "transparentBackground": "transparent",
760
+ "transparentBackgroundHover": "transparent",
761
+ "transparentBackgroundPressed": "transparent",
762
+ "transparentBackgroundSelected": "transparent",
763
+ "transparentStroke": "transparent",
764
+ "transparentStrokeDisabled": "transparent",
765
+ "transparentStrokeInteractive": "transparent",
177
766
  }
178
767
  `;
179
768
 
@@ -192,8 +781,25 @@ Object {
192
781
  "bodyStandoutBackground": "#201f1e",
193
782
  "bodyText": "#f3f2f1",
194
783
  "bodyTextChecked": "#ffffff",
195
- "brandedBackground": "#2b88d8",
196
- "brandedBorder": "#deecf9",
784
+ "brandBackground": "#106ebe",
785
+ "brandBackground2": "#004578",
786
+ "brandBackgroundDisabled": undefined,
787
+ "brandBackgroundHover": "#0078d4",
788
+ "brandBackgroundPressed": "#004578",
789
+ "brandBackgroundSelected": "#005a9e",
790
+ "brandBackgroundStatic": "#0078d4",
791
+ "brandForeground1": "#3aa0f3",
792
+ "brandForeground1Disabled": undefined,
793
+ "brandForeground1Pressed": undefined,
794
+ "brandForeground2": "#6cb8f6",
795
+ "brandForegroundLink": "#2899f5",
796
+ "brandForegroundLinkHover": "#6cb8f6",
797
+ "brandForegroundLinkPressed": "#3aa0f3",
798
+ "brandForegroundLinkSelected": "#2899f5",
799
+ "brandStroke1": "#2899f5",
800
+ "brandStroke2": "#004c87",
801
+ "brandedBackground": "#2899f5",
802
+ "brandedBorder": "#6cb8f6",
197
803
  "brandedCheckedBackground": "#484644",
198
804
  "brandedCheckedContent": "#faf9f8",
199
805
  "brandedCheckedHoveredBackground": "#292827",
@@ -203,18 +809,18 @@ Object {
203
809
  "brandedDisabledBorder": "#252423",
204
810
  "brandedDisabledContent": "#3b3a39",
205
811
  "brandedDisabledIcon": "#3b3a39",
206
- "brandedFocusedBackground": "#c7e0f4",
812
+ "brandedFocusedBackground": "#3aa0f3",
207
813
  "brandedFocusedBorder": "#82c7ff",
208
814
  "brandedFocusedContent": "#1b1a19",
209
815
  "brandedFocusedIcon": "#1b1a19",
210
816
  "brandedFocusedSecondaryContent": "#201f1e",
211
- "brandedHoveredBackground": "#c7e0f4",
817
+ "brandedHoveredBackground": "#3aa0f3",
212
818
  "brandedHoveredBorder": "#82c7ff",
213
819
  "brandedHoveredContent": "#1b1a19",
214
820
  "brandedHoveredIcon": "#1b1a19",
215
821
  "brandedHoveredSecondaryContent": "#201f1e",
216
822
  "brandedIcon": "#1b1a19",
217
- "brandedPressedBackground": "#deecf9",
823
+ "brandedPressedBackground": "#6cb8f6",
218
824
  "brandedPressedBorder": "#82c7ff",
219
825
  "brandedPressedContent": "#1b1a19",
220
826
  "brandedPressedIcon": "#1b1a19",
@@ -235,10 +841,19 @@ Object {
235
841
  "buttonTextDisabled": "#797775",
236
842
  "buttonTextHovered": "#f3f2f1",
237
843
  "buttonTextPressed": "#faf9f8",
238
- "checkboxBackground": "#2b88d8",
844
+ "checkboxBackground": "#2899f5",
239
845
  "checkboxBackgroundDisabled": "#252423",
240
846
  "checkboxBorderColor": "#979693",
241
847
  "checkmarkColor": "#1b1a19",
848
+ "compoundBrandBackground1": "#2899f5",
849
+ "compoundBrandBackground1Hover": "#3aa0f3",
850
+ "compoundBrandBackground1Pressed": "#0078d4",
851
+ "compoundBrandForeground1": "#2899f5",
852
+ "compoundBrandForeground1Hover": "#3aa0f3",
853
+ "compoundBrandForeground1Pressed": "#0078d4",
854
+ "compoundBrandStroke1": "#2899f5",
855
+ "compoundBrandStroke1Hover": "#3aa0f3",
856
+ "compoundBrandStroke1Pressed": "#0078d4",
242
857
  "defaultBackground": "#252423",
243
858
  "defaultBorder": "#979693",
244
859
  "defaultCheckedBackground": "#484644",
@@ -305,18 +920,18 @@ Object {
305
920
  "ghostPressedSecondaryContent": "#a19f9d",
306
921
  "ghostSecondaryContent": "#a19f9d",
307
922
  "inputBackground": "#1b1a19",
308
- "inputBackgroundChecked": "#2b88d8",
309
- "inputBackgroundCheckedHovered": "#c7e0f4",
923
+ "inputBackgroundChecked": "#2899f5",
924
+ "inputBackgroundCheckedHovered": "#3aa0f3",
310
925
  "inputBorder": "#797775",
311
926
  "inputBorderHovered": "#f3f2f1",
312
- "inputFocusBorderAlt": "#2b88d8",
927
+ "inputFocusBorderAlt": "#2899f5",
313
928
  "inputForegroundChecked": "#1b1a19",
314
929
  "inputPlaceholderText": "#a19f9d",
315
930
  "inputText": "#f3f2f1",
316
931
  "inputTextHovered": "#faf9f8",
317
- "link": "#2b88d8",
932
+ "link": "#2899f5",
318
933
  "linkHovered": "#82c7ff",
319
- "linkPressed": "#deecf9",
934
+ "linkPressed": "#6cb8f6",
320
935
  "listBackground": "#1b1a19",
321
936
  "listHeaderBackgroundHovered": "#252423",
322
937
  "listHeaderBackgroundPressed": "#292827",
@@ -327,80 +942,113 @@ Object {
327
942
  "menuBackground": "#252423",
328
943
  "menuDivider": "#484644",
329
944
  "menuHeader": "#ffffff",
330
- "menuIcon": "#c7e0f4",
945
+ "menuIcon": "#3aa0f3",
331
946
  "menuItemBackgroundHovered": "#323130",
332
947
  "menuItemBackgroundPressed": "#3b3a39",
333
948
  "menuItemText": "#f3f2f1",
334
949
  "menuItemTextHovered": "#faf9f8",
335
- "neutralBackground1": "#ffffff",
336
- "neutralBackground1Hover": undefined,
337
- "neutralBackground1Pressed": "#e0e0e0",
338
- "neutralBackground1Selected": "#ebebeb",
339
- "neutralBackground2": "#ffffff",
340
- "neutralBackground2Hover": undefined,
341
- "neutralBackground2Pressed": "#e0e0e0",
342
- "neutralBackground2Selected": "#ebebeb",
343
- "neutralBackground3": "#ffffff",
344
- "neutralBackground3Hover": undefined,
345
- "neutralBackground3Pressed": "#e0e0e0",
346
- "neutralBackground3Selected": "#ebebeb",
347
- "neutralBackground4": "#fafafa",
348
- "neutralBackground4Hover": undefined,
349
- "neutralBackground4Pressed": "#dbdbdb",
350
- "neutralBackground4Selected": "#e6e6e6",
351
- "neutralBackground5": "#ebebeb",
352
- "neutralBackground5Hover": undefined,
353
- "neutralBackground5Pressed": "#d1d1d1",
354
- "neutralBackground5Selected": "#dbdbdb",
355
- "neutralBackground6": "#d1d1d1",
356
- "neutralBackgroundDisabled": "#e0e0e0",
357
- "neutralBackgroundInverted": "#242424",
950
+ "neutralBackground1": "#292929",
951
+ "neutralBackground1Hover": "#3d3d3d",
952
+ "neutralBackground1Pressed": "#1f1f1f",
953
+ "neutralBackground1Selected": "#383838",
954
+ "neutralBackground2": "#1f1f1f",
955
+ "neutralBackground2Hover": "#333333",
956
+ "neutralBackground2Pressed": "#141414",
957
+ "neutralBackground2Selected": "#2e2e2e",
958
+ "neutralBackground3": "#141414",
959
+ "neutralBackground3Hover": "#292929",
960
+ "neutralBackground3Pressed": "#0a0a0a",
961
+ "neutralBackground3Selected": "#242424",
962
+ "neutralBackground4": "#0a0a0a",
963
+ "neutralBackground4Hover": "#1f1f1f",
964
+ "neutralBackground4Pressed": "#000000",
965
+ "neutralBackground4Selected": "#1a1a1a",
966
+ "neutralBackground5": "#000000",
967
+ "neutralBackground5Hover": "#141414",
968
+ "neutralBackground5Pressed": "#050505",
969
+ "neutralBackground5Selected": "#0f0f0f",
970
+ "neutralBackground6": "#333333",
971
+ "neutralBackgroundDisabled": "#141414",
972
+ "neutralBackgroundInverted": "#ffffff",
358
973
  "neutralForeground1": "#ffffff",
359
- "neutralForeground1Hover": undefined,
360
- "neutralForeground1Pressed": undefined,
361
- "neutralForeground1Selected": undefined,
974
+ "neutralForeground1Hover": "#ffffff",
975
+ "neutralForeground1Pressed": "#ffffff",
976
+ "neutralForeground1Selected": "#ffffff",
362
977
  "neutralForeground2": "#d6d6d6",
363
- "neutralForeground2BrandHover": undefined,
364
- "neutralForeground2BrandPressed": undefined,
365
- "neutralForeground2BrandSelected": undefined,
366
- "neutralForeground2Hover": undefined,
367
- "neutralForeground2Pressed": undefined,
368
- "neutralForeground2Selected": undefined,
978
+ "neutralForeground2BrandHover": "#3aa0f3",
979
+ "neutralForeground2BrandPressed": "#2899f5",
980
+ "neutralForeground2BrandSelected": "#3aa0f3",
981
+ "neutralForeground2Hover": "#ffffff",
982
+ "neutralForeground2Pressed": "#ffffff",
983
+ "neutralForeground2Selected": "#ffffff",
369
984
  "neutralForeground3": "#adadad",
370
- "neutralForeground3BrandHover": undefined,
371
- "neutralForeground3BrandPressed": undefined,
372
- "neutralForeground3BrandSelected": undefined,
373
- "neutralForeground3Hover": undefined,
374
- "neutralForeground3Pressed": undefined,
375
- "neutralForeground3Selected": undefined,
376
- "neutralForegroundInverted": "#ffffff",
377
- "neutralStencil1": "#e6e6e6",
378
- "neutralStencil2": "#fafafa",
379
- "neutralStroke1": "#525252",
380
- "neutralStroke1Hover": undefined,
381
- "neutralStroke1Pressed": undefined,
382
- "neutralStroke1Selected": undefined,
383
- "neutralStroke2": "#3d3d3d",
384
- "neutralStrokeAccessible": "#9e9e9e",
385
- "neutralStrokeAccessibleHover": undefined,
386
- "neutralStrokeAccessiblePressed": undefined,
387
- "neutralStrokeAccessibleSelected": undefined,
985
+ "neutralForeground3BrandHover": "#3aa0f3",
986
+ "neutralForeground3BrandPressed": "#2899f5",
987
+ "neutralForeground3BrandSelected": "#3aa0f3",
988
+ "neutralForeground3Hover": "#d6d6d6",
989
+ "neutralForeground3Pressed": "#d6d6d6",
990
+ "neutralForeground3Selected": "#d6d6d6",
991
+ "neutralForeground4": "#999999",
992
+ "neutralForegroundDisabled": "#5c5c5c",
993
+ "neutralForegroundInverted": "#242424",
994
+ "neutralForegroundInvertedLink": "#ffffff",
995
+ "neutralForegroundInvertedLinkHover": "#ffffff",
996
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
997
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
998
+ "neutralForegroundOnBrand": "#ffffff",
999
+ "neutralForegroundOnBrandHover": "#ffffff",
1000
+ "neutralForegroundOnBrandPressed": "#ffffff",
1001
+ "neutralForegroundOnBrandSelected": "#ffffff",
1002
+ "neutralStencil1": "#333333",
1003
+ "neutralStencil2": "#575757",
1004
+ "neutralStroke1": "#666666",
1005
+ "neutralStroke1Hover": "#757575",
1006
+ "neutralStroke1Pressed": "#6b6b6b",
1007
+ "neutralStroke1Selected": "#707070",
1008
+ "neutralStroke2": "#525252",
1009
+ "neutralStroke3": "#3d3d3d",
1010
+ "neutralStrokeAccessible": "#adadad",
1011
+ "neutralStrokeAccessibleHover": "#bdbdbd",
1012
+ "neutralStrokeAccessiblePressed": "#b3b3b3",
1013
+ "neutralStrokeAccessibleSelected": "#3aa0f3",
388
1014
  "neutralStrokeDisabled": "#424242",
389
- "personaActivityGlow": "#2b88d8",
1015
+ "personaActivityGlow": "#2899f5",
390
1016
  "personaActivityRing": "#1b1a19",
391
- "primaryButtonBackground": "#2b88d8",
1017
+ "primaryButtonBackground": "#2899f5",
392
1018
  "primaryButtonBackgroundDisabled": "#252423",
393
- "primaryButtonBackgroundHovered": "#c7e0f4",
394
- "primaryButtonBackgroundPressed": "#deecf9",
1019
+ "primaryButtonBackgroundHovered": "#3aa0f3",
1020
+ "primaryButtonBackgroundPressed": "#6cb8f6",
395
1021
  "primaryButtonBorder": "transparent",
396
1022
  "primaryButtonBorderFocused": "transparent",
397
1023
  "primaryButtonText": "#1b1a19",
398
1024
  "primaryButtonTextDisabled": "#3b3a39",
399
1025
  "primaryButtonTextHovered": "#1b1a19",
400
1026
  "primaryButtonTextPressed": "#1b1a19",
1027
+ "redBackground1": "#230308",
1028
+ "redBackground2": "#420610",
1029
+ "redBackground3": "#750b1c",
1030
+ "redBorder1": "#750b1c",
1031
+ "redBorder2": "#962f3f",
1032
+ "redBorderActive": "#ac4f5e",
1033
+ "redForeground1": "#ac4f5e",
1034
+ "redForeground2": "#420610",
1035
+ "redForeground3": "#750b1c",
401
1036
  "smallInputBorder": "#a19f9d",
1037
+ "strokeFocus1": "#000000",
1038
+ "strokeFocus2": "#ffffff",
402
1039
  "subText": "#a19f9d",
1040
+ "subtleBackground": "transparent",
1041
+ "subtleBackgroundHover": "#383838",
1042
+ "subtleBackgroundPressed": "#2e2e2e",
1043
+ "subtleBackgroundSelected": "#333333",
403
1044
  "successBackground": "rgba(186, 216, 10, .4)",
1045
+ "transparentBackground": "transparent",
1046
+ "transparentBackgroundHover": "transparent",
1047
+ "transparentBackgroundPressed": "transparent",
1048
+ "transparentBackgroundSelected": "transparent",
1049
+ "transparentStroke": "transparent",
1050
+ "transparentStrokeDisabled": "transparent",
1051
+ "transparentStrokeInteractive": "transparent",
404
1052
  "variantBorder": "#292827",
405
1053
  "variantBorderHovered": "#797775",
406
1054
  "warningBackground": "rgba(255, 251, 0, .6)",
@@ -592,18 +1240,18 @@ Object {
592
1240
  "families": Object {
593
1241
  "cursive": "System",
594
1242
  "monospace": "System",
595
- "primary": "Segoe UI",
1243
+ "primary": "System",
596
1244
  "sansSerif": "System",
597
- "secondary": "Segoe UI",
1245
+ "secondary": "System",
598
1246
  "serif": "System",
599
1247
  },
600
1248
  "sizes": Object {
601
1249
  "body": 14,
602
- "caption": 12,
603
- "header": 18,
604
- "hero": 24,
605
- "heroLarge": 60,
606
- "secondary": 13,
1250
+ "caption": 10,
1251
+ "header": 20,
1252
+ "hero": 28,
1253
+ "heroLarge": 40,
1254
+ "secondary": 12,
607
1255
  "subheader": 16,
608
1256
  },
609
1257
  "variants": Object {
@@ -761,8 +1409,25 @@ Object {
761
1409
  "bodyStandoutBackground": "#201f1e",
762
1410
  "bodyText": "#f3f2f1",
763
1411
  "bodyTextChecked": "#ffffff",
764
- "brandedBackground": "#2b88d8",
765
- "brandedBorder": "#deecf9",
1412
+ "brandBackground": "#106ebe",
1413
+ "brandBackground2": "#004578",
1414
+ "brandBackgroundDisabled": undefined,
1415
+ "brandBackgroundHover": "#0078d4",
1416
+ "brandBackgroundPressed": "#004578",
1417
+ "brandBackgroundSelected": "#005a9e",
1418
+ "brandBackgroundStatic": "#0078d4",
1419
+ "brandForeground1": "#3aa0f3",
1420
+ "brandForeground1Disabled": undefined,
1421
+ "brandForeground1Pressed": undefined,
1422
+ "brandForeground2": "#6cb8f6",
1423
+ "brandForegroundLink": "#2899f5",
1424
+ "brandForegroundLinkHover": "#6cb8f6",
1425
+ "brandForegroundLinkPressed": "#3aa0f3",
1426
+ "brandForegroundLinkSelected": "#2899f5",
1427
+ "brandStroke1": "#2899f5",
1428
+ "brandStroke2": "#004c87",
1429
+ "brandedBackground": "#2899f5",
1430
+ "brandedBorder": "#6cb8f6",
766
1431
  "brandedCheckedBackground": "#484644",
767
1432
  "brandedCheckedContent": "#faf9f8",
768
1433
  "brandedCheckedHoveredBackground": "#292827",
@@ -772,18 +1437,18 @@ Object {
772
1437
  "brandedDisabledBorder": "#252423",
773
1438
  "brandedDisabledContent": "#3b3a39",
774
1439
  "brandedDisabledIcon": "#3b3a39",
775
- "brandedFocusedBackground": "#c7e0f4",
1440
+ "brandedFocusedBackground": "#3aa0f3",
776
1441
  "brandedFocusedBorder": "#82c7ff",
777
1442
  "brandedFocusedContent": "#1b1a19",
778
1443
  "brandedFocusedIcon": "#1b1a19",
779
1444
  "brandedFocusedSecondaryContent": "#201f1e",
780
- "brandedHoveredBackground": "#c7e0f4",
1445
+ "brandedHoveredBackground": "#3aa0f3",
781
1446
  "brandedHoveredBorder": "#82c7ff",
782
1447
  "brandedHoveredContent": "#1b1a19",
783
1448
  "brandedHoveredIcon": "#1b1a19",
784
1449
  "brandedHoveredSecondaryContent": "#201f1e",
785
1450
  "brandedIcon": "#1b1a19",
786
- "brandedPressedBackground": "#deecf9",
1451
+ "brandedPressedBackground": "#6cb8f6",
787
1452
  "brandedPressedBorder": "#82c7ff",
788
1453
  "brandedPressedContent": "#1b1a19",
789
1454
  "brandedPressedIcon": "#1b1a19",
@@ -804,10 +1469,19 @@ Object {
804
1469
  "buttonTextDisabled": "#797775",
805
1470
  "buttonTextHovered": "#f3f2f1",
806
1471
  "buttonTextPressed": "#faf9f8",
807
- "checkboxBackground": "#2b88d8",
1472
+ "checkboxBackground": "#2899f5",
808
1473
  "checkboxBackgroundDisabled": "#252423",
809
1474
  "checkboxBorderColor": "#979693",
810
1475
  "checkmarkColor": "#1b1a19",
1476
+ "compoundBrandBackground1": "#2899f5",
1477
+ "compoundBrandBackground1Hover": "#3aa0f3",
1478
+ "compoundBrandBackground1Pressed": "#0078d4",
1479
+ "compoundBrandForeground1": "#2899f5",
1480
+ "compoundBrandForeground1Hover": "#3aa0f3",
1481
+ "compoundBrandForeground1Pressed": "#0078d4",
1482
+ "compoundBrandStroke1": "#2899f5",
1483
+ "compoundBrandStroke1Hover": "#3aa0f3",
1484
+ "compoundBrandStroke1Pressed": "#0078d4",
811
1485
  "defaultBackground": "#252423",
812
1486
  "defaultBorder": "#979693",
813
1487
  "defaultCheckedBackground": "#484644",
@@ -874,18 +1548,18 @@ Object {
874
1548
  "ghostPressedSecondaryContent": "#a19f9d",
875
1549
  "ghostSecondaryContent": "#a19f9d",
876
1550
  "inputBackground": "#1b1a19",
877
- "inputBackgroundChecked": "#2b88d8",
878
- "inputBackgroundCheckedHovered": "#c7e0f4",
1551
+ "inputBackgroundChecked": "#2899f5",
1552
+ "inputBackgroundCheckedHovered": "#3aa0f3",
879
1553
  "inputBorder": "#797775",
880
1554
  "inputBorderHovered": "#f3f2f1",
881
- "inputFocusBorderAlt": "#2b88d8",
1555
+ "inputFocusBorderAlt": "#2899f5",
882
1556
  "inputForegroundChecked": "#1b1a19",
883
1557
  "inputPlaceholderText": "#a19f9d",
884
1558
  "inputText": "#f3f2f1",
885
1559
  "inputTextHovered": "#faf9f8",
886
- "link": "#2b88d8",
1560
+ "link": "#2899f5",
887
1561
  "linkHovered": "#82c7ff",
888
- "linkPressed": "#deecf9",
1562
+ "linkPressed": "#6cb8f6",
889
1563
  "listBackground": "#1b1a19",
890
1564
  "listHeaderBackgroundHovered": "#252423",
891
1565
  "listHeaderBackgroundPressed": "#292827",
@@ -896,80 +1570,113 @@ Object {
896
1570
  "menuBackground": "#252423",
897
1571
  "menuDivider": "#484644",
898
1572
  "menuHeader": "#ffffff",
899
- "menuIcon": "#c7e0f4",
1573
+ "menuIcon": "#3aa0f3",
900
1574
  "menuItemBackgroundHovered": "#323130",
901
1575
  "menuItemBackgroundPressed": "#3b3a39",
902
1576
  "menuItemText": "#f3f2f1",
903
1577
  "menuItemTextHovered": "#faf9f8",
904
- "neutralBackground1": "#ffffff",
905
- "neutralBackground1Hover": undefined,
906
- "neutralBackground1Pressed": "#e0e0e0",
907
- "neutralBackground1Selected": "#ebebeb",
908
- "neutralBackground2": "#ffffff",
909
- "neutralBackground2Hover": undefined,
910
- "neutralBackground2Pressed": "#e0e0e0",
911
- "neutralBackground2Selected": "#ebebeb",
912
- "neutralBackground3": "#ffffff",
913
- "neutralBackground3Hover": undefined,
914
- "neutralBackground3Pressed": "#e0e0e0",
915
- "neutralBackground3Selected": "#ebebeb",
916
- "neutralBackground4": "#fafafa",
917
- "neutralBackground4Hover": undefined,
918
- "neutralBackground4Pressed": "#dbdbdb",
919
- "neutralBackground4Selected": "#e6e6e6",
920
- "neutralBackground5": "#ebebeb",
921
- "neutralBackground5Hover": undefined,
922
- "neutralBackground5Pressed": "#d1d1d1",
923
- "neutralBackground5Selected": "#dbdbdb",
924
- "neutralBackground6": "#d1d1d1",
925
- "neutralBackgroundDisabled": "#e0e0e0",
926
- "neutralBackgroundInverted": "#242424",
1578
+ "neutralBackground1": "#292929",
1579
+ "neutralBackground1Hover": "#3d3d3d",
1580
+ "neutralBackground1Pressed": "#1f1f1f",
1581
+ "neutralBackground1Selected": "#383838",
1582
+ "neutralBackground2": "#1f1f1f",
1583
+ "neutralBackground2Hover": "#333333",
1584
+ "neutralBackground2Pressed": "#141414",
1585
+ "neutralBackground2Selected": "#2e2e2e",
1586
+ "neutralBackground3": "#141414",
1587
+ "neutralBackground3Hover": "#292929",
1588
+ "neutralBackground3Pressed": "#0a0a0a",
1589
+ "neutralBackground3Selected": "#242424",
1590
+ "neutralBackground4": "#0a0a0a",
1591
+ "neutralBackground4Hover": "#1f1f1f",
1592
+ "neutralBackground4Pressed": "#000000",
1593
+ "neutralBackground4Selected": "#1a1a1a",
1594
+ "neutralBackground5": "#000000",
1595
+ "neutralBackground5Hover": "#141414",
1596
+ "neutralBackground5Pressed": "#050505",
1597
+ "neutralBackground5Selected": "#0f0f0f",
1598
+ "neutralBackground6": "#333333",
1599
+ "neutralBackgroundDisabled": "#141414",
1600
+ "neutralBackgroundInverted": "#ffffff",
927
1601
  "neutralForeground1": "#ffffff",
928
- "neutralForeground1Hover": undefined,
929
- "neutralForeground1Pressed": undefined,
930
- "neutralForeground1Selected": undefined,
1602
+ "neutralForeground1Hover": "#ffffff",
1603
+ "neutralForeground1Pressed": "#ffffff",
1604
+ "neutralForeground1Selected": "#ffffff",
931
1605
  "neutralForeground2": "#d6d6d6",
932
- "neutralForeground2BrandHover": undefined,
933
- "neutralForeground2BrandPressed": undefined,
934
- "neutralForeground2BrandSelected": undefined,
935
- "neutralForeground2Hover": undefined,
936
- "neutralForeground2Pressed": undefined,
937
- "neutralForeground2Selected": undefined,
1606
+ "neutralForeground2BrandHover": "#3aa0f3",
1607
+ "neutralForeground2BrandPressed": "#2899f5",
1608
+ "neutralForeground2BrandSelected": "#3aa0f3",
1609
+ "neutralForeground2Hover": "#ffffff",
1610
+ "neutralForeground2Pressed": "#ffffff",
1611
+ "neutralForeground2Selected": "#ffffff",
938
1612
  "neutralForeground3": "#adadad",
939
- "neutralForeground3BrandHover": undefined,
940
- "neutralForeground3BrandPressed": undefined,
941
- "neutralForeground3BrandSelected": undefined,
942
- "neutralForeground3Hover": undefined,
943
- "neutralForeground3Pressed": undefined,
944
- "neutralForeground3Selected": undefined,
945
- "neutralForegroundInverted": "#ffffff",
946
- "neutralStencil1": "#e6e6e6",
947
- "neutralStencil2": "#fafafa",
948
- "neutralStroke1": "#525252",
949
- "neutralStroke1Hover": undefined,
950
- "neutralStroke1Pressed": undefined,
951
- "neutralStroke1Selected": undefined,
952
- "neutralStroke2": "#3d3d3d",
953
- "neutralStrokeAccessible": "#9e9e9e",
954
- "neutralStrokeAccessibleHover": undefined,
955
- "neutralStrokeAccessiblePressed": undefined,
956
- "neutralStrokeAccessibleSelected": undefined,
1613
+ "neutralForeground3BrandHover": "#3aa0f3",
1614
+ "neutralForeground3BrandPressed": "#2899f5",
1615
+ "neutralForeground3BrandSelected": "#3aa0f3",
1616
+ "neutralForeground3Hover": "#d6d6d6",
1617
+ "neutralForeground3Pressed": "#d6d6d6",
1618
+ "neutralForeground3Selected": "#d6d6d6",
1619
+ "neutralForeground4": "#999999",
1620
+ "neutralForegroundDisabled": "#5c5c5c",
1621
+ "neutralForegroundInverted": "#242424",
1622
+ "neutralForegroundInvertedLink": "#ffffff",
1623
+ "neutralForegroundInvertedLinkHover": "#ffffff",
1624
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
1625
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
1626
+ "neutralForegroundOnBrand": "#ffffff",
1627
+ "neutralForegroundOnBrandHover": "#ffffff",
1628
+ "neutralForegroundOnBrandPressed": "#ffffff",
1629
+ "neutralForegroundOnBrandSelected": "#ffffff",
1630
+ "neutralStencil1": "#333333",
1631
+ "neutralStencil2": "#575757",
1632
+ "neutralStroke1": "#666666",
1633
+ "neutralStroke1Hover": "#757575",
1634
+ "neutralStroke1Pressed": "#6b6b6b",
1635
+ "neutralStroke1Selected": "#707070",
1636
+ "neutralStroke2": "#525252",
1637
+ "neutralStroke3": "#3d3d3d",
1638
+ "neutralStrokeAccessible": "#adadad",
1639
+ "neutralStrokeAccessibleHover": "#bdbdbd",
1640
+ "neutralStrokeAccessiblePressed": "#b3b3b3",
1641
+ "neutralStrokeAccessibleSelected": "#3aa0f3",
957
1642
  "neutralStrokeDisabled": "#424242",
958
- "personaActivityGlow": "#2b88d8",
1643
+ "personaActivityGlow": "#2899f5",
959
1644
  "personaActivityRing": "#1b1a19",
960
- "primaryButtonBackground": "#2b88d8",
1645
+ "primaryButtonBackground": "#2899f5",
961
1646
  "primaryButtonBackgroundDisabled": "#252423",
962
- "primaryButtonBackgroundHovered": "#c7e0f4",
963
- "primaryButtonBackgroundPressed": "#deecf9",
1647
+ "primaryButtonBackgroundHovered": "#3aa0f3",
1648
+ "primaryButtonBackgroundPressed": "#6cb8f6",
964
1649
  "primaryButtonBorder": "transparent",
965
1650
  "primaryButtonBorderFocused": "transparent",
966
1651
  "primaryButtonText": "#1b1a19",
967
1652
  "primaryButtonTextDisabled": "#3b3a39",
968
1653
  "primaryButtonTextHovered": "#1b1a19",
969
1654
  "primaryButtonTextPressed": "#1b1a19",
1655
+ "redBackground1": "#230308",
1656
+ "redBackground2": "#420610",
1657
+ "redBackground3": "#750b1c",
1658
+ "redBorder1": "#750b1c",
1659
+ "redBorder2": "#962f3f",
1660
+ "redBorderActive": "#ac4f5e",
1661
+ "redForeground1": "#ac4f5e",
1662
+ "redForeground2": "#420610",
1663
+ "redForeground3": "#750b1c",
970
1664
  "smallInputBorder": "#a19f9d",
1665
+ "strokeFocus1": "#000000",
1666
+ "strokeFocus2": "#ffffff",
971
1667
  "subText": "#a19f9d",
1668
+ "subtleBackground": "transparent",
1669
+ "subtleBackgroundHover": "#383838",
1670
+ "subtleBackgroundPressed": "#2e2e2e",
1671
+ "subtleBackgroundSelected": "#333333",
972
1672
  "successBackground": "rgba(186, 216, 10, .4)",
1673
+ "transparentBackground": "transparent",
1674
+ "transparentBackgroundHover": "transparent",
1675
+ "transparentBackgroundPressed": "transparent",
1676
+ "transparentBackgroundSelected": "transparent",
1677
+ "transparentStroke": "transparent",
1678
+ "transparentStrokeDisabled": "transparent",
1679
+ "transparentStrokeInteractive": "transparent",
973
1680
  "variantBorder": "#292827",
974
1681
  "variantBorderHovered": "#797775",
975
1682
  "warningBackground": "rgba(255, 251, 0, .6)",
@@ -1161,18 +1868,18 @@ Object {
1161
1868
  "families": Object {
1162
1869
  "cursive": "System",
1163
1870
  "monospace": "System",
1164
- "primary": "Segoe UI",
1871
+ "primary": "System",
1165
1872
  "sansSerif": "System",
1166
- "secondary": "Segoe UI",
1873
+ "secondary": "System",
1167
1874
  "serif": "System",
1168
1875
  },
1169
1876
  "sizes": Object {
1170
1877
  "body": 14,
1171
- "caption": 12,
1172
- "header": 18,
1173
- "hero": 24,
1174
- "heroLarge": 60,
1175
- "secondary": 13,
1878
+ "caption": 10,
1879
+ "header": 20,
1880
+ "hero": 28,
1881
+ "heroLarge": 40,
1882
+ "secondary": 12,
1176
1883
  "subheader": 16,
1177
1884
  },
1178
1885
  "variants": Object {
@@ -1330,6 +2037,79 @@ Object {
1330
2037
  "bodyStandoutBackground": "#000000",
1331
2038
  "bodyText": "#ffffff",
1332
2039
  "bodyTextChecked": "#000000",
2040
+ "brandBackground": Object {
2041
+ "semantic": Array [
2042
+ "SystemColorButtonFaceColor",
2043
+ ],
2044
+ },
2045
+ "brandBackground2": Object {
2046
+ "semantic": Array [
2047
+ "SystemColorButtonFaceColor",
2048
+ ],
2049
+ },
2050
+ "brandBackgroundDisabled": undefined,
2051
+ "brandBackgroundHover": Object {
2052
+ "semantic": Array [
2053
+ "SystemColorHighlightColor",
2054
+ ],
2055
+ },
2056
+ "brandBackgroundPressed": Object {
2057
+ "semantic": Array [
2058
+ "SystemColorHighlightColor",
2059
+ ],
2060
+ },
2061
+ "brandBackgroundSelected": Object {
2062
+ "semantic": Array [
2063
+ "SystemColorHighlightColor",
2064
+ ],
2065
+ },
2066
+ "brandBackgroundStatic": Object {
2067
+ "semantic": Array [
2068
+ "SystemColorWindowColor",
2069
+ ],
2070
+ },
2071
+ "brandForeground1": Object {
2072
+ "semantic": Array [
2073
+ "SystemColorWindowTextColor",
2074
+ ],
2075
+ },
2076
+ "brandForeground1Disabled": undefined,
2077
+ "brandForeground1Pressed": undefined,
2078
+ "brandForeground2": Object {
2079
+ "semantic": Array [
2080
+ "SystemColorButtonTextColor",
2081
+ ],
2082
+ },
2083
+ "brandForegroundLink": Object {
2084
+ "semantic": Array [
2085
+ "SystemColorHotlightColor",
2086
+ ],
2087
+ },
2088
+ "brandForegroundLinkHover": Object {
2089
+ "semantic": Array [
2090
+ "SystemColorHotlightColor",
2091
+ ],
2092
+ },
2093
+ "brandForegroundLinkPressed": Object {
2094
+ "semantic": Array [
2095
+ "SystemColorHotlightColor",
2096
+ ],
2097
+ },
2098
+ "brandForegroundLinkSelected": Object {
2099
+ "semantic": Array [
2100
+ "SystemColorHotlightColor",
2101
+ ],
2102
+ },
2103
+ "brandStroke1": Object {
2104
+ "semantic": Array [
2105
+ "SystemColorWindowTextColor",
2106
+ ],
2107
+ },
2108
+ "brandStroke2": Object {
2109
+ "semantic": Array [
2110
+ "SystemColorWindowColor",
2111
+ ],
2112
+ },
1333
2113
  "brandedBackground": "#000000",
1334
2114
  "brandedBorder": "#ffffff",
1335
2115
  "brandedCheckedBackground": "#1aebff",
@@ -1377,6 +2157,51 @@ Object {
1377
2157
  "checkboxBackgroundDisabled": "#000000",
1378
2158
  "checkboxBorderColor": "#ffffff",
1379
2159
  "checkmarkColor": "#ffffff",
2160
+ "compoundBrandBackground1": Object {
2161
+ "semantic": Array [
2162
+ "SystemColorHighlightColor",
2163
+ ],
2164
+ },
2165
+ "compoundBrandBackground1Hover": Object {
2166
+ "semantic": Array [
2167
+ "SystemColorHighlightColor",
2168
+ ],
2169
+ },
2170
+ "compoundBrandBackground1Pressed": Object {
2171
+ "semantic": Array [
2172
+ "SystemColorHighlightColor",
2173
+ ],
2174
+ },
2175
+ "compoundBrandForeground1": Object {
2176
+ "semantic": Array [
2177
+ "SystemColorHighlightColor",
2178
+ ],
2179
+ },
2180
+ "compoundBrandForeground1Hover": Object {
2181
+ "semantic": Array [
2182
+ "SystemColorHighlightColor",
2183
+ ],
2184
+ },
2185
+ "compoundBrandForeground1Pressed": Object {
2186
+ "semantic": Array [
2187
+ "SystemColorHighlightColor",
2188
+ ],
2189
+ },
2190
+ "compoundBrandStroke1": Object {
2191
+ "semantic": Array [
2192
+ "SystemColorWindowColor",
2193
+ ],
2194
+ },
2195
+ "compoundBrandStroke1Hover": Object {
2196
+ "semantic": Array [
2197
+ "SystemColorHighlightColor",
2198
+ ],
2199
+ },
2200
+ "compoundBrandStroke1Pressed": Object {
2201
+ "semantic": Array [
2202
+ "SystemColorHighlightColor",
2203
+ ],
2204
+ },
1380
2205
  "defaultBackground": "#000000",
1381
2206
  "defaultBorder": "#ffffff",
1382
2207
  "defaultCheckedBackground": "#1aebff",
@@ -1470,60 +2295,323 @@ Object {
1470
2295
  "menuItemBackgroundPressed": "#1aebff",
1471
2296
  "menuItemText": "#ffffff",
1472
2297
  "menuItemTextHovered": "#000000",
1473
- "neutralBackground1": "#000000",
1474
- "neutralBackground1Hover": undefined,
1475
- "neutralBackground1Pressed": "#2e2e2e",
1476
- "neutralBackground1Selected": "#242424",
1477
- "neutralBackground2": "#1f1f1f",
1478
- "neutralBackground2Hover": undefined,
1479
- "neutralBackground2Pressed": "#4d4d4d",
1480
- "neutralBackground2Selected": "#424242",
1481
- "neutralBackground3": "#ffffff",
1482
- "neutralBackground3Hover": undefined,
1483
- "neutralBackground3Pressed": "#e0e0e0",
1484
- "neutralBackground3Selected": "#ebebeb",
1485
- "neutralBackground4": "#333333",
1486
- "neutralBackground4Hover": undefined,
1487
- "neutralBackground4Pressed": "#616161",
1488
- "neutralBackground4Selected": "#575757",
1489
- "neutralBackground5": "#3d3d3d",
1490
- "neutralBackground5Hover": undefined,
1491
- "neutralBackground5Pressed": "#6b6b6b",
1492
- "neutralBackground5Selected": "#616161",
1493
- "neutralBackground6": "#5c5c5c",
1494
- "neutralBackgroundDisabled": "#e0e0e0",
1495
- "neutralBackgroundInverted": "#575757",
1496
- "neutralForeground1": "#242424",
1497
- "neutralForeground1Hover": undefined,
1498
- "neutralForeground1Pressed": undefined,
1499
- "neutralForeground1Selected": undefined,
1500
- "neutralForeground2": "#616161",
1501
- "neutralForeground2BrandHover": undefined,
1502
- "neutralForeground2BrandPressed": undefined,
1503
- "neutralForeground2BrandSelected": undefined,
1504
- "neutralForeground2Hover": undefined,
1505
- "neutralForeground2Pressed": undefined,
1506
- "neutralForeground2Selected": undefined,
1507
- "neutralForeground3": "#808080",
1508
- "neutralForeground3BrandHover": undefined,
1509
- "neutralForeground3BrandPressed": undefined,
1510
- "neutralForeground3BrandSelected": undefined,
1511
- "neutralForeground3Hover": undefined,
1512
- "neutralForeground3Pressed": undefined,
1513
- "neutralForeground3Selected": undefined,
1514
- "neutralForegroundInverted": "#ffffff",
1515
- "neutralStencil1": "#575757",
1516
- "neutralStencil2": "#333333",
1517
- "neutralStroke1": "#d1d1d1",
1518
- "neutralStroke1Hover": undefined,
1519
- "neutralStroke1Pressed": undefined,
1520
- "neutralStroke1Selected": undefined,
1521
- "neutralStroke2": "#e0e0e0",
1522
- "neutralStrokeAccessible": "#616161",
1523
- "neutralStrokeAccessibleHover": undefined,
1524
- "neutralStrokeAccessiblePressed": undefined,
1525
- "neutralStrokeAccessibleSelected": undefined,
1526
- "neutralStrokeDisabled": "#e0e0e0",
2298
+ "neutralBackground1": Object {
2299
+ "semantic": Array [
2300
+ "SystemColorWindowColor",
2301
+ ],
2302
+ },
2303
+ "neutralBackground1Hover": Object {
2304
+ "semantic": Array [
2305
+ "SystemColorHighlightColor",
2306
+ ],
2307
+ },
2308
+ "neutralBackground1Pressed": Object {
2309
+ "semantic": Array [
2310
+ "SystemColorHighlightColor",
2311
+ ],
2312
+ },
2313
+ "neutralBackground1Selected": Object {
2314
+ "semantic": Array [
2315
+ "SystemColorHighlightColor",
2316
+ ],
2317
+ },
2318
+ "neutralBackground2": Object {
2319
+ "semantic": Array [
2320
+ "SystemColorWindowColor",
2321
+ ],
2322
+ },
2323
+ "neutralBackground2Hover": Object {
2324
+ "semantic": Array [
2325
+ "SystemColorHighlightColor",
2326
+ ],
2327
+ },
2328
+ "neutralBackground2Pressed": Object {
2329
+ "semantic": Array [
2330
+ "SystemColorHighlightColor",
2331
+ ],
2332
+ },
2333
+ "neutralBackground2Selected": Object {
2334
+ "semantic": Array [
2335
+ "SystemColorHighlightColor",
2336
+ ],
2337
+ },
2338
+ "neutralBackground3": Object {
2339
+ "semantic": Array [
2340
+ "SystemColorWindowColor",
2341
+ ],
2342
+ },
2343
+ "neutralBackground3Hover": Object {
2344
+ "semantic": Array [
2345
+ "SystemColorHighlightColor",
2346
+ ],
2347
+ },
2348
+ "neutralBackground3Pressed": Object {
2349
+ "semantic": Array [
2350
+ "SystemColorHighlightColor",
2351
+ ],
2352
+ },
2353
+ "neutralBackground3Selected": Object {
2354
+ "semantic": Array [
2355
+ "SystemColorHighlightColor",
2356
+ ],
2357
+ },
2358
+ "neutralBackground4": Object {
2359
+ "semantic": Array [
2360
+ "SystemColorWindowColor",
2361
+ ],
2362
+ },
2363
+ "neutralBackground4Hover": Object {
2364
+ "semantic": Array [
2365
+ "SystemColorHighlightColor",
2366
+ ],
2367
+ },
2368
+ "neutralBackground4Pressed": Object {
2369
+ "semantic": Array [
2370
+ "SystemColorHighlightColor",
2371
+ ],
2372
+ },
2373
+ "neutralBackground4Selected": Object {
2374
+ "semantic": Array [
2375
+ "SystemColorHighlightColor",
2376
+ ],
2377
+ },
2378
+ "neutralBackground5": Object {
2379
+ "semantic": Array [
2380
+ "SystemColorWindowColor",
2381
+ ],
2382
+ },
2383
+ "neutralBackground5Hover": Object {
2384
+ "semantic": Array [
2385
+ "SystemColorHighlightColor",
2386
+ ],
2387
+ },
2388
+ "neutralBackground5Pressed": Object {
2389
+ "semantic": Array [
2390
+ "SystemColorHighlightColor",
2391
+ ],
2392
+ },
2393
+ "neutralBackground5Selected": Object {
2394
+ "semantic": Array [
2395
+ "SystemColorHighlightColor",
2396
+ ],
2397
+ },
2398
+ "neutralBackground6": Object {
2399
+ "semantic": Array [
2400
+ "SystemColorWindowColor",
2401
+ ],
2402
+ },
2403
+ "neutralBackgroundDisabled": Object {
2404
+ "semantic": Array [
2405
+ "SystemColorWindowColor",
2406
+ ],
2407
+ },
2408
+ "neutralBackgroundInverted": Object {
2409
+ "semantic": Array [
2410
+ "SystemColorWindowTextColor",
2411
+ ],
2412
+ },
2413
+ "neutralForeground1": Object {
2414
+ "semantic": Array [
2415
+ "SystemColorWindowTextColor",
2416
+ ],
2417
+ },
2418
+ "neutralForeground1Hover": Object {
2419
+ "semantic": Array [
2420
+ "SystemColorHighlightTextColor",
2421
+ ],
2422
+ },
2423
+ "neutralForeground1Pressed": Object {
2424
+ "semantic": Array [
2425
+ "SystemColorHighlightTextColor",
2426
+ ],
2427
+ },
2428
+ "neutralForeground1Selected": Object {
2429
+ "semantic": Array [
2430
+ "SystemColorHighlightTextColor",
2431
+ ],
2432
+ },
2433
+ "neutralForeground2": Object {
2434
+ "semantic": Array [
2435
+ "SystemColorWindowTextColor",
2436
+ ],
2437
+ },
2438
+ "neutralForeground2BrandHover": Object {
2439
+ "semantic": Array [
2440
+ "SystemColorHighlightTextColor",
2441
+ ],
2442
+ },
2443
+ "neutralForeground2BrandPressed": Object {
2444
+ "semantic": Array [
2445
+ "SystemColorHighlightTextColor",
2446
+ ],
2447
+ },
2448
+ "neutralForeground2BrandSelected": Object {
2449
+ "semantic": Array [
2450
+ "SystemColorHighlightTextColor",
2451
+ ],
2452
+ },
2453
+ "neutralForeground2Hover": Object {
2454
+ "semantic": Array [
2455
+ "SystemColorHighlightTextColor",
2456
+ ],
2457
+ },
2458
+ "neutralForeground2Pressed": Object {
2459
+ "semantic": Array [
2460
+ "SystemColorHighlightTextColor",
2461
+ ],
2462
+ },
2463
+ "neutralForeground2Selected": Object {
2464
+ "semantic": Array [
2465
+ "SystemColorHighlightTextColor",
2466
+ ],
2467
+ },
2468
+ "neutralForeground3": Object {
2469
+ "semantic": Array [
2470
+ "SystemColorWindowTextColor",
2471
+ ],
2472
+ },
2473
+ "neutralForeground3BrandHover": Object {
2474
+ "semantic": Array [
2475
+ "SystemColorHighlightTextColor",
2476
+ ],
2477
+ },
2478
+ "neutralForeground3BrandPressed": Object {
2479
+ "semantic": Array [
2480
+ "SystemColorHighlightTextColor",
2481
+ ],
2482
+ },
2483
+ "neutralForeground3BrandSelected": Object {
2484
+ "semantic": Array [
2485
+ "SystemColorHighlightTextColor",
2486
+ ],
2487
+ },
2488
+ "neutralForeground3Hover": Object {
2489
+ "semantic": Array [
2490
+ "SystemColorHighlightTextColor",
2491
+ ],
2492
+ },
2493
+ "neutralForeground3Pressed": Object {
2494
+ "semantic": Array [
2495
+ "SystemColorHighlightTextColor",
2496
+ ],
2497
+ },
2498
+ "neutralForeground3Selected": Object {
2499
+ "semantic": Array [
2500
+ "SystemColorHighlightTextColor",
2501
+ ],
2502
+ },
2503
+ "neutralForeground4": Object {
2504
+ "semantic": Array [
2505
+ "SystemColorWindowTextColor",
2506
+ ],
2507
+ },
2508
+ "neutralForegroundDisabled": Object {
2509
+ "semantic": Array [
2510
+ "SystemColorGrayTextColor",
2511
+ ],
2512
+ },
2513
+ "neutralForegroundInverted": Object {
2514
+ "semantic": Array [
2515
+ "SystemColorWindowColor",
2516
+ ],
2517
+ },
2518
+ "neutralForegroundInvertedLink": Object {
2519
+ "semantic": Array [
2520
+ "SystemColorHotlightColor",
2521
+ ],
2522
+ },
2523
+ "neutralForegroundInvertedLinkHover": Object {
2524
+ "semantic": Array [
2525
+ "SystemColorHotlightColor",
2526
+ ],
2527
+ },
2528
+ "neutralForegroundInvertedLinkPressed": Object {
2529
+ "semantic": Array [
2530
+ "SystemColorHotlightColor",
2531
+ ],
2532
+ },
2533
+ "neutralForegroundInvertedLinkSelected": Object {
2534
+ "semantic": Array [
2535
+ "SystemColorHotlightColor",
2536
+ ],
2537
+ },
2538
+ "neutralForegroundOnBrand": Object {
2539
+ "semantic": Array [
2540
+ "SystemColorButtonTextColor",
2541
+ ],
2542
+ },
2543
+ "neutralForegroundOnBrandHover": Object {
2544
+ "semantic": Array [
2545
+ "SystemColorHighlightTextColor",
2546
+ ],
2547
+ },
2548
+ "neutralForegroundOnBrandPressed": Object {
2549
+ "semantic": Array [
2550
+ "SystemColorHighlightTextColor",
2551
+ ],
2552
+ },
2553
+ "neutralForegroundOnBrandSelected": Object {
2554
+ "semantic": Array [
2555
+ "SystemColorHighlightTextColor",
2556
+ ],
2557
+ },
2558
+ "neutralStencil1": "#141414",
2559
+ "neutralStencil2": "#858585",
2560
+ "neutralStroke1": Object {
2561
+ "semantic": Array [
2562
+ "SystemColorWindowTextColor",
2563
+ ],
2564
+ },
2565
+ "neutralStroke1Hover": Object {
2566
+ "semantic": Array [
2567
+ "SystemColorHighlightColor",
2568
+ ],
2569
+ },
2570
+ "neutralStroke1Pressed": Object {
2571
+ "semantic": Array [
2572
+ "SystemColorHighlightColor",
2573
+ ],
2574
+ },
2575
+ "neutralStroke1Selected": Object {
2576
+ "semantic": Array [
2577
+ "SystemColorHighlightColor",
2578
+ ],
2579
+ },
2580
+ "neutralStroke2": Object {
2581
+ "semantic": Array [
2582
+ "SystemColorWindowTextColor",
2583
+ ],
2584
+ },
2585
+ "neutralStroke3": Object {
2586
+ "semantic": Array [
2587
+ "SystemColorWindowTextColor",
2588
+ ],
2589
+ },
2590
+ "neutralStrokeAccessible": Object {
2591
+ "semantic": Array [
2592
+ "SystemColorWindowTextColor",
2593
+ ],
2594
+ },
2595
+ "neutralStrokeAccessibleHover": Object {
2596
+ "semantic": Array [
2597
+ "SystemColorHighlightColor",
2598
+ ],
2599
+ },
2600
+ "neutralStrokeAccessiblePressed": Object {
2601
+ "semantic": Array [
2602
+ "SystemColorHighlightColor",
2603
+ ],
2604
+ },
2605
+ "neutralStrokeAccessibleSelected": Object {
2606
+ "semantic": Array [
2607
+ "SystemColorHighlightColor",
2608
+ ],
2609
+ },
2610
+ "neutralStrokeDisabled": Object {
2611
+ "semantic": Array [
2612
+ "SystemColorGrayTextColor",
2613
+ ],
2614
+ },
1527
2615
  "personaActivityGlow": "transparent",
1528
2616
  "personaActivityRing": "#ffffff",
1529
2617
  "primaryButtonBackground": "#000000",
@@ -1536,9 +2624,99 @@ Object {
1536
2624
  "primaryButtonTextDisabled": "#3ff23f",
1537
2625
  "primaryButtonTextHovered": "#000000",
1538
2626
  "primaryButtonTextPressed": "#000000",
2627
+ "redBackground1": Object {
2628
+ "semantic": Array [
2629
+ "SystemColorButtonFaceColor",
2630
+ ],
2631
+ },
2632
+ "redBackground2": Object {
2633
+ "semantic": Array [
2634
+ "SystemColorWindowColor",
2635
+ ],
2636
+ },
2637
+ "redBackground3": Object {
2638
+ "semantic": Array [
2639
+ "SystemColorButtonFaceColor",
2640
+ ],
2641
+ },
2642
+ "redBorder1": Object {
2643
+ "semantic": Array [
2644
+ "SystemColorWindowTextColor",
2645
+ ],
2646
+ },
2647
+ "redBorder2": Object {
2648
+ "semantic": Array [
2649
+ "SystemColorWindowTextColor",
2650
+ ],
2651
+ },
2652
+ "redBorderActive": Object {
2653
+ "semantic": Array [
2654
+ "SystemColorHighlightColor",
2655
+ ],
2656
+ },
2657
+ "redForeground1": Object {
2658
+ "semantic": Array [
2659
+ "SystemColorButtonTextColor",
2660
+ ],
2661
+ },
2662
+ "redForeground2": Object {
2663
+ "semantic": Array [
2664
+ "SystemColorWindowColor",
2665
+ ],
2666
+ },
2667
+ "redForeground3": Object {
2668
+ "semantic": Array [
2669
+ "SystemColorButtonFaceColor",
2670
+ ],
2671
+ },
1539
2672
  "smallInputBorder": "#ffffff",
2673
+ "strokeFocus1": Object {
2674
+ "semantic": Array [
2675
+ "SystemColorWindowColor",
2676
+ ],
2677
+ },
2678
+ "strokeFocus2": Object {
2679
+ "semantic": Array [
2680
+ "SystemColorHighlightColor",
2681
+ ],
2682
+ },
1540
2683
  "subText": "#ffffff",
2684
+ "subtleBackground": "transparent",
2685
+ "subtleBackgroundHover": Object {
2686
+ "semantic": Array [
2687
+ "SystemColorHighlightColor",
2688
+ ],
2689
+ },
2690
+ "subtleBackgroundPressed": Object {
2691
+ "semantic": Array [
2692
+ "SystemColorHighlightColor",
2693
+ ],
2694
+ },
2695
+ "subtleBackgroundSelected": Object {
2696
+ "semantic": Array [
2697
+ "SystemColorHighlightColor",
2698
+ ],
2699
+ },
1541
2700
  "successBackground": "#000000",
2701
+ "transparentBackground": "transparent",
2702
+ "transparentBackgroundHover": "transparent",
2703
+ "transparentBackgroundPressed": "transparent",
2704
+ "transparentBackgroundSelected": "transparent",
2705
+ "transparentStroke": Object {
2706
+ "semantic": Array [
2707
+ "SystemColorWindowTextColor",
2708
+ ],
2709
+ },
2710
+ "transparentStrokeDisabled": Object {
2711
+ "semantic": Array [
2712
+ "SystemColorGrayTextColor",
2713
+ ],
2714
+ },
2715
+ "transparentStrokeInteractive": Object {
2716
+ "semantic": Array [
2717
+ "SystemColorHighlightColor",
2718
+ ],
2719
+ },
1542
2720
  "variantBorder": "#ffffff",
1543
2721
  "variantBorderHovered": "#ffffff",
1544
2722
  "warningBackground": "#000000",
@@ -1730,18 +2908,18 @@ Object {
1730
2908
  "families": Object {
1731
2909
  "cursive": "System",
1732
2910
  "monospace": "System",
1733
- "primary": "Segoe UI",
2911
+ "primary": "System",
1734
2912
  "sansSerif": "System",
1735
- "secondary": "Segoe UI",
2913
+ "secondary": "System",
1736
2914
  "serif": "System",
1737
2915
  },
1738
2916
  "sizes": Object {
1739
2917
  "body": 14,
1740
- "caption": 12,
1741
- "header": 18,
1742
- "hero": 24,
1743
- "heroLarge": 60,
1744
- "secondary": 13,
2918
+ "caption": 10,
2919
+ "header": 20,
2920
+ "hero": 28,
2921
+ "heroLarge": 40,
2922
+ "secondary": 12,
1745
2923
  "subheader": 16,
1746
2924
  },
1747
2925
  "variants": Object {
@@ -1899,6 +3077,23 @@ Object {
1899
3077
  "bodyStandoutBackground": "#faf9f8",
1900
3078
  "bodyText": "#323130",
1901
3079
  "bodyTextChecked": "#000000",
3080
+ "brandBackground": "#0078d4",
3081
+ "brandBackground2": "#eff6fc",
3082
+ "brandBackgroundDisabled": undefined,
3083
+ "brandBackgroundHover": "#106ebe",
3084
+ "brandBackgroundPressed": "#004578",
3085
+ "brandBackgroundSelected": "#005a9e",
3086
+ "brandBackgroundStatic": "#0078d4",
3087
+ "brandForeground1": "#0078d4",
3088
+ "brandForeground1Disabled": undefined,
3089
+ "brandForeground1Pressed": undefined,
3090
+ "brandForeground2": "#106ebe",
3091
+ "brandForegroundLink": "#106ebe",
3092
+ "brandForegroundLinkHover": "#005a9e",
3093
+ "brandForegroundLinkPressed": "#004578",
3094
+ "brandForegroundLinkSelected": "#106ebe",
3095
+ "brandStroke1": "#0078d4",
3096
+ "brandStroke2": "#c7e0f4",
1902
3097
  "brandedBackground": "#0078d4",
1903
3098
  "brandedBorder": "#005a9e",
1904
3099
  "brandedCheckedBackground": "#c8c6c4",
@@ -1911,18 +3106,18 @@ Object {
1911
3106
  "brandedDisabledContent": "#d2d0ce",
1912
3107
  "brandedDisabledIcon": "#d2d0ce",
1913
3108
  "brandedFocusedBackground": "#106ebe",
1914
- "brandedFocusedBorder": undefined,
3109
+ "brandedFocusedBorder": "#004578",
1915
3110
  "brandedFocusedContent": "#ffffff",
1916
3111
  "brandedFocusedIcon": "#ffffff",
1917
3112
  "brandedFocusedSecondaryContent": "#faf9f8",
1918
3113
  "brandedHoveredBackground": "#106ebe",
1919
- "brandedHoveredBorder": undefined,
3114
+ "brandedHoveredBorder": "#004578",
1920
3115
  "brandedHoveredContent": "#ffffff",
1921
3116
  "brandedHoveredIcon": "#ffffff",
1922
3117
  "brandedHoveredSecondaryContent": "#faf9f8",
1923
3118
  "brandedIcon": "#ffffff",
1924
3119
  "brandedPressedBackground": "#005a9e",
1925
- "brandedPressedBorder": undefined,
3120
+ "brandedPressedBorder": "#004578",
1926
3121
  "brandedPressedContent": "#ffffff",
1927
3122
  "brandedPressedIcon": "#ffffff",
1928
3123
  "brandedPressedSecondaryContent": "#faf9f8",
@@ -1946,6 +3141,15 @@ Object {
1946
3141
  "checkboxBackgroundDisabled": "#f3f2f1",
1947
3142
  "checkboxBorderColor": "#8a8886",
1948
3143
  "checkmarkColor": "#ffffff",
3144
+ "compoundBrandBackground1": "#0078d4",
3145
+ "compoundBrandBackground1Hover": "#106ebe",
3146
+ "compoundBrandBackground1Pressed": "#005a9e",
3147
+ "compoundBrandForeground1": "#0078d4",
3148
+ "compoundBrandForeground1Hover": "#106ebe",
3149
+ "compoundBrandForeground1Pressed": "#005a9e",
3150
+ "compoundBrandStroke1": "#0078d4",
3151
+ "compoundBrandStroke1Hover": "#106ebe",
3152
+ "compoundBrandStroke1Pressed": "#005a9e",
1949
3153
  "defaultBackground": "#f3f2f1",
1950
3154
  "defaultBorder": "#8a8886",
1951
3155
  "defaultCheckedBackground": "#c8c6c4",
@@ -2022,7 +3226,7 @@ Object {
2022
3226
  "inputText": "#323130",
2023
3227
  "inputTextHovered": "#201f1e",
2024
3228
  "link": "#0078d4",
2025
- "linkHovered": undefined,
3229
+ "linkHovered": "#004578",
2026
3230
  "linkPressed": "#005a9e",
2027
3231
  "listBackground": "#ffffff",
2028
3232
  "listHeaderBackgroundHovered": "#f3f2f1",
@@ -2039,59 +3243,70 @@ Object {
2039
3243
  "menuItemBackgroundPressed": "#edebe9",
2040
3244
  "menuItemText": "#323130",
2041
3245
  "menuItemTextHovered": "#201f1e",
2042
- "neutralBackground1": "#000000",
2043
- "neutralBackground1Hover": undefined,
2044
- "neutralBackground1Pressed": "#2e2e2e",
2045
- "neutralBackground1Selected": "#242424",
2046
- "neutralBackground2": "#1f1f1f",
2047
- "neutralBackground2Hover": undefined,
2048
- "neutralBackground2Pressed": "#4d4d4d",
2049
- "neutralBackground2Selected": "#424242",
2050
- "neutralBackground3": "#ffffff",
2051
- "neutralBackground3Hover": undefined,
2052
- "neutralBackground3Pressed": "#e0e0e0",
2053
- "neutralBackground3Selected": "#ebebeb",
2054
- "neutralBackground4": "#333333",
2055
- "neutralBackground4Hover": undefined,
2056
- "neutralBackground4Pressed": "#616161",
2057
- "neutralBackground4Selected": "#575757",
2058
- "neutralBackground5": "#3d3d3d",
2059
- "neutralBackground5Hover": undefined,
2060
- "neutralBackground5Pressed": "#6b6b6b",
2061
- "neutralBackground5Selected": "#616161",
2062
- "neutralBackground6": "#5c5c5c",
2063
- "neutralBackgroundDisabled": "#e0e0e0",
2064
- "neutralBackgroundInverted": "#575757",
3246
+ "neutralBackground1": "#ffffff",
3247
+ "neutralBackground1Hover": "#f5f5f5",
3248
+ "neutralBackground1Pressed": "#e0e0e0",
3249
+ "neutralBackground1Selected": "#ebebeb",
3250
+ "neutralBackground2": "#fafafa",
3251
+ "neutralBackground2Hover": "#f0f0f0",
3252
+ "neutralBackground2Pressed": "#dbdbdb",
3253
+ "neutralBackground2Selected": "#e6e6e6",
3254
+ "neutralBackground3": "#f5f5f5",
3255
+ "neutralBackground3Hover": "#ebebeb",
3256
+ "neutralBackground3Pressed": "#d6d6d6",
3257
+ "neutralBackground3Selected": "#e0e0e0",
3258
+ "neutralBackground4": "#f0f0f0",
3259
+ "neutralBackground4Hover": "#fafafa",
3260
+ "neutralBackground4Pressed": "#f5f5f5",
3261
+ "neutralBackground4Selected": "#ffffff",
3262
+ "neutralBackground5": "#ebebeb",
3263
+ "neutralBackground5Hover": "#f5f5f5",
3264
+ "neutralBackground5Pressed": "#f0f0f0",
3265
+ "neutralBackground5Selected": "#fafafa",
3266
+ "neutralBackground6": "#e6e6e6",
3267
+ "neutralBackgroundDisabled": "#f0f0f0",
3268
+ "neutralBackgroundInverted": "#616161",
2065
3269
  "neutralForeground1": "#242424",
2066
- "neutralForeground1Hover": undefined,
2067
- "neutralForeground1Pressed": undefined,
2068
- "neutralForeground1Selected": undefined,
2069
- "neutralForeground2": "#616161",
2070
- "neutralForeground2BrandHover": undefined,
2071
- "neutralForeground2BrandPressed": undefined,
2072
- "neutralForeground2BrandSelected": undefined,
2073
- "neutralForeground2Hover": undefined,
2074
- "neutralForeground2Pressed": undefined,
2075
- "neutralForeground2Selected": undefined,
2076
- "neutralForeground3": "#808080",
2077
- "neutralForeground3BrandHover": undefined,
2078
- "neutralForeground3BrandPressed": undefined,
2079
- "neutralForeground3BrandSelected": undefined,
2080
- "neutralForeground3Hover": undefined,
2081
- "neutralForeground3Pressed": undefined,
2082
- "neutralForeground3Selected": undefined,
3270
+ "neutralForeground1Hover": "#242424",
3271
+ "neutralForeground1Pressed": "#242424",
3272
+ "neutralForeground1Selected": "#242424",
3273
+ "neutralForeground2": "#424242",
3274
+ "neutralForeground2BrandHover": "#0078d4",
3275
+ "neutralForeground2BrandPressed": "#106ebe",
3276
+ "neutralForeground2BrandSelected": "#0078d4",
3277
+ "neutralForeground2Hover": "#242424",
3278
+ "neutralForeground2Pressed": "#242424",
3279
+ "neutralForeground2Selected": "#242424",
3280
+ "neutralForeground3": "#616161",
3281
+ "neutralForeground3BrandHover": "#0078d4",
3282
+ "neutralForeground3BrandPressed": "#106ebe",
3283
+ "neutralForeground3BrandSelected": "#0078d4",
3284
+ "neutralForeground3Hover": "#424242",
3285
+ "neutralForeground3Pressed": "#424242",
3286
+ "neutralForeground3Selected": "#424242",
3287
+ "neutralForeground4": "#707070",
3288
+ "neutralForegroundDisabled": "#bdbdbd",
2083
3289
  "neutralForegroundInverted": "#ffffff",
2084
- "neutralStencil1": "#575757",
2085
- "neutralStencil2": "#333333",
3290
+ "neutralForegroundInvertedLink": "#ffffff",
3291
+ "neutralForegroundInvertedLinkHover": "#ffffff",
3292
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
3293
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
3294
+ "neutralForegroundOnBrand": "#ffffff",
3295
+ "neutralForegroundOnBrandHover": "#ffffff",
3296
+ "neutralForegroundOnBrandPressed": "#ffffff",
3297
+ "neutralForegroundOnBrandSelected": "#ffffff",
3298
+ "neutralStencil1": "#e6e6e6",
3299
+ "neutralStencil2": "#fafafa",
2086
3300
  "neutralStroke1": "#d1d1d1",
2087
- "neutralStroke1Hover": undefined,
2088
- "neutralStroke1Pressed": undefined,
2089
- "neutralStroke1Selected": undefined,
3301
+ "neutralStroke1Hover": "#c7c7c7",
3302
+ "neutralStroke1Pressed": "#b3b3b3",
3303
+ "neutralStroke1Selected": "#bdbdbd",
2090
3304
  "neutralStroke2": "#e0e0e0",
3305
+ "neutralStroke3": "#f0f0f0",
2091
3306
  "neutralStrokeAccessible": "#616161",
2092
- "neutralStrokeAccessibleHover": undefined,
2093
- "neutralStrokeAccessiblePressed": undefined,
2094
- "neutralStrokeAccessibleSelected": undefined,
3307
+ "neutralStrokeAccessibleHover": "#575757",
3308
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
3309
+ "neutralStrokeAccessibleSelected": "#0078d4",
2095
3310
  "neutralStrokeDisabled": "#e0e0e0",
2096
3311
  "personaActivityGlow": "#0078d4",
2097
3312
  "personaActivityRing": "#ffffff",
@@ -2105,9 +3320,31 @@ Object {
2105
3320
  "primaryButtonTextDisabled": "#d2d0ce",
2106
3321
  "primaryButtonTextHovered": "#ffffff",
2107
3322
  "primaryButtonTextPressed": "#ffffff",
3323
+ "redBackground1": "#f9f0f2",
3324
+ "redBackground2": "#d69ca5",
3325
+ "redBackground3": "#750b1c",
3326
+ "redBorder1": "#d69ca5",
3327
+ "redBorder2": "#750b1c",
3328
+ "redBorderActive": "#750b1c",
3329
+ "redForeground1": "#690a19",
3330
+ "redForeground2": "#d69ca5",
3331
+ "redForeground3": "#750b1c",
2108
3332
  "smallInputBorder": "#605e5c",
3333
+ "strokeFocus1": "#ffffff",
3334
+ "strokeFocus2": "#000000",
2109
3335
  "subText": "#605e5c",
3336
+ "subtleBackground": "transparent",
3337
+ "subtleBackgroundHover": "#f5f5f5",
3338
+ "subtleBackgroundPressed": "#e0e0e0",
3339
+ "subtleBackgroundSelected": "#ebebeb",
2110
3340
  "successBackground": "rgba(95, 210, 85, .2)",
3341
+ "transparentBackground": "transparent",
3342
+ "transparentBackgroundHover": "transparent",
3343
+ "transparentBackgroundPressed": "transparent",
3344
+ "transparentBackgroundSelected": "transparent",
3345
+ "transparentStroke": "transparent",
3346
+ "transparentStrokeDisabled": "transparent",
3347
+ "transparentStrokeInteractive": "transparent",
2111
3348
  "variantBorder": "#edebe9",
2112
3349
  "variantBorderHovered": "#a19f9d",
2113
3350
  "warningBackground": "rgba(255, 200, 10, .2)",
@@ -2299,18 +3536,18 @@ Object {
2299
3536
  "families": Object {
2300
3537
  "cursive": "System",
2301
3538
  "monospace": "System",
2302
- "primary": "Segoe UI",
3539
+ "primary": "System",
2303
3540
  "sansSerif": "System",
2304
- "secondary": "Segoe UI",
3541
+ "secondary": "System",
2305
3542
  "serif": "System",
2306
3543
  },
2307
3544
  "sizes": Object {
2308
3545
  "body": 14,
2309
- "caption": 12,
2310
- "header": 18,
2311
- "hero": 24,
2312
- "heroLarge": 60,
2313
- "secondary": 13,
3546
+ "caption": 10,
3547
+ "header": 20,
3548
+ "hero": 28,
3549
+ "heroLarge": 40,
3550
+ "secondary": 12,
2314
3551
  "subheader": 16,
2315
3552
  },
2316
3553
  "variants": Object {
@@ -2468,6 +3705,23 @@ Object {
2468
3705
  "bodyStandoutBackground": "#faf9f8",
2469
3706
  "bodyText": "#323130",
2470
3707
  "bodyTextChecked": "#000000",
3708
+ "brandBackground": "#0078d4",
3709
+ "brandBackground2": "#eff6fc",
3710
+ "brandBackgroundDisabled": undefined,
3711
+ "brandBackgroundHover": "#106ebe",
3712
+ "brandBackgroundPressed": "#004578",
3713
+ "brandBackgroundSelected": "#005a9e",
3714
+ "brandBackgroundStatic": "#0078d4",
3715
+ "brandForeground1": "#0078d4",
3716
+ "brandForeground1Disabled": undefined,
3717
+ "brandForeground1Pressed": undefined,
3718
+ "brandForeground2": "#106ebe",
3719
+ "brandForegroundLink": "#106ebe",
3720
+ "brandForegroundLinkHover": "#005a9e",
3721
+ "brandForegroundLinkPressed": "#004578",
3722
+ "brandForegroundLinkSelected": "#106ebe",
3723
+ "brandStroke1": "#0078d4",
3724
+ "brandStroke2": "#c7e0f4",
2471
3725
  "brandedBackground": "#0078d4",
2472
3726
  "brandedBorder": "#005a9e",
2473
3727
  "brandedCheckedBackground": "#c8c6c4",
@@ -2480,18 +3734,18 @@ Object {
2480
3734
  "brandedDisabledContent": "#d2d0ce",
2481
3735
  "brandedDisabledIcon": "#d2d0ce",
2482
3736
  "brandedFocusedBackground": "#106ebe",
2483
- "brandedFocusedBorder": undefined,
3737
+ "brandedFocusedBorder": "#004578",
2484
3738
  "brandedFocusedContent": "#ffffff",
2485
3739
  "brandedFocusedIcon": "#ffffff",
2486
3740
  "brandedFocusedSecondaryContent": "#faf9f8",
2487
3741
  "brandedHoveredBackground": "#106ebe",
2488
- "brandedHoveredBorder": undefined,
3742
+ "brandedHoveredBorder": "#004578",
2489
3743
  "brandedHoveredContent": "#ffffff",
2490
3744
  "brandedHoveredIcon": "#ffffff",
2491
3745
  "brandedHoveredSecondaryContent": "#faf9f8",
2492
3746
  "brandedIcon": "#ffffff",
2493
3747
  "brandedPressedBackground": "#005a9e",
2494
- "brandedPressedBorder": undefined,
3748
+ "brandedPressedBorder": "#004578",
2495
3749
  "brandedPressedContent": "#ffffff",
2496
3750
  "brandedPressedIcon": "#ffffff",
2497
3751
  "brandedPressedSecondaryContent": "#faf9f8",
@@ -2515,6 +3769,15 @@ Object {
2515
3769
  "checkboxBackgroundDisabled": "#f3f2f1",
2516
3770
  "checkboxBorderColor": "#8a8886",
2517
3771
  "checkmarkColor": "#ffffff",
3772
+ "compoundBrandBackground1": "#0078d4",
3773
+ "compoundBrandBackground1Hover": "#106ebe",
3774
+ "compoundBrandBackground1Pressed": "#005a9e",
3775
+ "compoundBrandForeground1": "#0078d4",
3776
+ "compoundBrandForeground1Hover": "#106ebe",
3777
+ "compoundBrandForeground1Pressed": "#005a9e",
3778
+ "compoundBrandStroke1": "#0078d4",
3779
+ "compoundBrandStroke1Hover": "#106ebe",
3780
+ "compoundBrandStroke1Pressed": "#005a9e",
2518
3781
  "defaultBackground": "#f3f2f1",
2519
3782
  "defaultBorder": "#8a8886",
2520
3783
  "defaultCheckedBackground": "#c8c6c4",
@@ -2591,7 +3854,7 @@ Object {
2591
3854
  "inputText": "#323130",
2592
3855
  "inputTextHovered": "#201f1e",
2593
3856
  "link": "#0078d4",
2594
- "linkHovered": undefined,
3857
+ "linkHovered": "#004578",
2595
3858
  "linkPressed": "#005a9e",
2596
3859
  "listBackground": "#ffffff",
2597
3860
  "listHeaderBackgroundHovered": "#f3f2f1",
@@ -2608,59 +3871,70 @@ Object {
2608
3871
  "menuItemBackgroundPressed": "#edebe9",
2609
3872
  "menuItemText": "#323130",
2610
3873
  "menuItemTextHovered": "#201f1e",
2611
- "neutralBackground1": "#000000",
2612
- "neutralBackground1Hover": undefined,
2613
- "neutralBackground1Pressed": "#2e2e2e",
2614
- "neutralBackground1Selected": "#242424",
2615
- "neutralBackground2": "#1f1f1f",
2616
- "neutralBackground2Hover": undefined,
2617
- "neutralBackground2Pressed": "#4d4d4d",
2618
- "neutralBackground2Selected": "#424242",
2619
- "neutralBackground3": "#ffffff",
2620
- "neutralBackground3Hover": undefined,
2621
- "neutralBackground3Pressed": "#e0e0e0",
2622
- "neutralBackground3Selected": "#ebebeb",
2623
- "neutralBackground4": "#333333",
2624
- "neutralBackground4Hover": undefined,
2625
- "neutralBackground4Pressed": "#616161",
2626
- "neutralBackground4Selected": "#575757",
2627
- "neutralBackground5": "#3d3d3d",
2628
- "neutralBackground5Hover": undefined,
2629
- "neutralBackground5Pressed": "#6b6b6b",
2630
- "neutralBackground5Selected": "#616161",
2631
- "neutralBackground6": "#5c5c5c",
2632
- "neutralBackgroundDisabled": "#e0e0e0",
2633
- "neutralBackgroundInverted": "#575757",
3874
+ "neutralBackground1": "#ffffff",
3875
+ "neutralBackground1Hover": "#f5f5f5",
3876
+ "neutralBackground1Pressed": "#e0e0e0",
3877
+ "neutralBackground1Selected": "#ebebeb",
3878
+ "neutralBackground2": "#fafafa",
3879
+ "neutralBackground2Hover": "#f0f0f0",
3880
+ "neutralBackground2Pressed": "#dbdbdb",
3881
+ "neutralBackground2Selected": "#e6e6e6",
3882
+ "neutralBackground3": "#f5f5f5",
3883
+ "neutralBackground3Hover": "#ebebeb",
3884
+ "neutralBackground3Pressed": "#d6d6d6",
3885
+ "neutralBackground3Selected": "#e0e0e0",
3886
+ "neutralBackground4": "#f0f0f0",
3887
+ "neutralBackground4Hover": "#fafafa",
3888
+ "neutralBackground4Pressed": "#f5f5f5",
3889
+ "neutralBackground4Selected": "#ffffff",
3890
+ "neutralBackground5": "#ebebeb",
3891
+ "neutralBackground5Hover": "#f5f5f5",
3892
+ "neutralBackground5Pressed": "#f0f0f0",
3893
+ "neutralBackground5Selected": "#fafafa",
3894
+ "neutralBackground6": "#e6e6e6",
3895
+ "neutralBackgroundDisabled": "#f0f0f0",
3896
+ "neutralBackgroundInverted": "#616161",
2634
3897
  "neutralForeground1": "#242424",
2635
- "neutralForeground1Hover": undefined,
2636
- "neutralForeground1Pressed": undefined,
2637
- "neutralForeground1Selected": undefined,
2638
- "neutralForeground2": "#616161",
2639
- "neutralForeground2BrandHover": undefined,
2640
- "neutralForeground2BrandPressed": undefined,
2641
- "neutralForeground2BrandSelected": undefined,
2642
- "neutralForeground2Hover": undefined,
2643
- "neutralForeground2Pressed": undefined,
2644
- "neutralForeground2Selected": undefined,
2645
- "neutralForeground3": "#808080",
2646
- "neutralForeground3BrandHover": undefined,
2647
- "neutralForeground3BrandPressed": undefined,
2648
- "neutralForeground3BrandSelected": undefined,
2649
- "neutralForeground3Hover": undefined,
2650
- "neutralForeground3Pressed": undefined,
2651
- "neutralForeground3Selected": undefined,
3898
+ "neutralForeground1Hover": "#242424",
3899
+ "neutralForeground1Pressed": "#242424",
3900
+ "neutralForeground1Selected": "#242424",
3901
+ "neutralForeground2": "#424242",
3902
+ "neutralForeground2BrandHover": "#0078d4",
3903
+ "neutralForeground2BrandPressed": "#106ebe",
3904
+ "neutralForeground2BrandSelected": "#0078d4",
3905
+ "neutralForeground2Hover": "#242424",
3906
+ "neutralForeground2Pressed": "#242424",
3907
+ "neutralForeground2Selected": "#242424",
3908
+ "neutralForeground3": "#616161",
3909
+ "neutralForeground3BrandHover": "#0078d4",
3910
+ "neutralForeground3BrandPressed": "#106ebe",
3911
+ "neutralForeground3BrandSelected": "#0078d4",
3912
+ "neutralForeground3Hover": "#424242",
3913
+ "neutralForeground3Pressed": "#424242",
3914
+ "neutralForeground3Selected": "#424242",
3915
+ "neutralForeground4": "#707070",
3916
+ "neutralForegroundDisabled": "#bdbdbd",
2652
3917
  "neutralForegroundInverted": "#ffffff",
2653
- "neutralStencil1": "#575757",
2654
- "neutralStencil2": "#333333",
3918
+ "neutralForegroundInvertedLink": "#ffffff",
3919
+ "neutralForegroundInvertedLinkHover": "#ffffff",
3920
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
3921
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
3922
+ "neutralForegroundOnBrand": "#ffffff",
3923
+ "neutralForegroundOnBrandHover": "#ffffff",
3924
+ "neutralForegroundOnBrandPressed": "#ffffff",
3925
+ "neutralForegroundOnBrandSelected": "#ffffff",
3926
+ "neutralStencil1": "#e6e6e6",
3927
+ "neutralStencil2": "#fafafa",
2655
3928
  "neutralStroke1": "#d1d1d1",
2656
- "neutralStroke1Hover": undefined,
2657
- "neutralStroke1Pressed": undefined,
2658
- "neutralStroke1Selected": undefined,
3929
+ "neutralStroke1Hover": "#c7c7c7",
3930
+ "neutralStroke1Pressed": "#b3b3b3",
3931
+ "neutralStroke1Selected": "#bdbdbd",
2659
3932
  "neutralStroke2": "#e0e0e0",
3933
+ "neutralStroke3": "#f0f0f0",
2660
3934
  "neutralStrokeAccessible": "#616161",
2661
- "neutralStrokeAccessibleHover": undefined,
2662
- "neutralStrokeAccessiblePressed": undefined,
2663
- "neutralStrokeAccessibleSelected": undefined,
3935
+ "neutralStrokeAccessibleHover": "#575757",
3936
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
3937
+ "neutralStrokeAccessibleSelected": "#0078d4",
2664
3938
  "neutralStrokeDisabled": "#e0e0e0",
2665
3939
  "personaActivityGlow": "#0078d4",
2666
3940
  "personaActivityRing": "#ffffff",
@@ -2674,9 +3948,31 @@ Object {
2674
3948
  "primaryButtonTextDisabled": "#d2d0ce",
2675
3949
  "primaryButtonTextHovered": "#ffffff",
2676
3950
  "primaryButtonTextPressed": "#ffffff",
3951
+ "redBackground1": "#f9f0f2",
3952
+ "redBackground2": "#d69ca5",
3953
+ "redBackground3": "#750b1c",
3954
+ "redBorder1": "#d69ca5",
3955
+ "redBorder2": "#750b1c",
3956
+ "redBorderActive": "#750b1c",
3957
+ "redForeground1": "#690a19",
3958
+ "redForeground2": "#d69ca5",
3959
+ "redForeground3": "#750b1c",
2677
3960
  "smallInputBorder": "#605e5c",
3961
+ "strokeFocus1": "#ffffff",
3962
+ "strokeFocus2": "#000000",
2678
3963
  "subText": "#605e5c",
3964
+ "subtleBackground": "transparent",
3965
+ "subtleBackgroundHover": "#f5f5f5",
3966
+ "subtleBackgroundPressed": "#e0e0e0",
3967
+ "subtleBackgroundSelected": "#ebebeb",
2679
3968
  "successBackground": "rgba(95, 210, 85, .2)",
3969
+ "transparentBackground": "transparent",
3970
+ "transparentBackgroundHover": "transparent",
3971
+ "transparentBackgroundPressed": "transparent",
3972
+ "transparentBackgroundSelected": "transparent",
3973
+ "transparentStroke": "transparent",
3974
+ "transparentStrokeDisabled": "transparent",
3975
+ "transparentStrokeInteractive": "transparent",
2680
3976
  "variantBorder": "#edebe9",
2681
3977
  "variantBorderHovered": "#a19f9d",
2682
3978
  "warningBackground": "rgba(255, 200, 10, .2)",
@@ -2868,18 +4164,18 @@ Object {
2868
4164
  "families": Object {
2869
4165
  "cursive": "System",
2870
4166
  "monospace": "System",
2871
- "primary": "Segoe UI",
4167
+ "primary": "System",
2872
4168
  "sansSerif": "System",
2873
- "secondary": "Segoe UI",
4169
+ "secondary": "System",
2874
4170
  "serif": "System",
2875
4171
  },
2876
4172
  "sizes": Object {
2877
4173
  "body": 14,
2878
- "caption": 12,
2879
- "header": 18,
2880
- "hero": 24,
2881
- "heroLarge": 60,
2882
- "secondary": 13,
4174
+ "caption": 10,
4175
+ "header": 20,
4176
+ "hero": 28,
4177
+ "heroLarge": 40,
4178
+ "secondary": 12,
2883
4179
  "subheader": 16,
2884
4180
  },
2885
4181
  "variants": Object {
@@ -3556,8 +4852,25 @@ Object {
3556
4852
  "bodyStandoutBackground": "#201f1e",
3557
4853
  "bodyText": "#f3f2f1",
3558
4854
  "bodyTextChecked": "#ffffff",
3559
- "brandedBackground": "#2b88d8",
3560
- "brandedBorder": "#deecf9",
4855
+ "brandBackground": "#106ebe",
4856
+ "brandBackground2": "#004578",
4857
+ "brandBackgroundDisabled": undefined,
4858
+ "brandBackgroundHover": "#0078d4",
4859
+ "brandBackgroundPressed": "#004578",
4860
+ "brandBackgroundSelected": "#005a9e",
4861
+ "brandBackgroundStatic": "#0078d4",
4862
+ "brandForeground1": "#3aa0f3",
4863
+ "brandForeground1Disabled": undefined,
4864
+ "brandForeground1Pressed": undefined,
4865
+ "brandForeground2": "#6cb8f6",
4866
+ "brandForegroundLink": "#2899f5",
4867
+ "brandForegroundLinkHover": "#6cb8f6",
4868
+ "brandForegroundLinkPressed": "#3aa0f3",
4869
+ "brandForegroundLinkSelected": "#2899f5",
4870
+ "brandStroke1": "#2899f5",
4871
+ "brandStroke2": "#004c87",
4872
+ "brandedBackground": "#2899f5",
4873
+ "brandedBorder": "#6cb8f6",
3561
4874
  "brandedCheckedBackground": "#484644",
3562
4875
  "brandedCheckedContent": "#faf9f8",
3563
4876
  "brandedCheckedHoveredBackground": "#292827",
@@ -3567,18 +4880,18 @@ Object {
3567
4880
  "brandedDisabledBorder": "#252423",
3568
4881
  "brandedDisabledContent": "#3b3a39",
3569
4882
  "brandedDisabledIcon": "#3b3a39",
3570
- "brandedFocusedBackground": "#c7e0f4",
4883
+ "brandedFocusedBackground": "#3aa0f3",
3571
4884
  "brandedFocusedBorder": "#82c7ff",
3572
4885
  "brandedFocusedContent": "#1b1a19",
3573
4886
  "brandedFocusedIcon": "#1b1a19",
3574
4887
  "brandedFocusedSecondaryContent": "#201f1e",
3575
- "brandedHoveredBackground": "#c7e0f4",
4888
+ "brandedHoveredBackground": "#3aa0f3",
3576
4889
  "brandedHoveredBorder": "#82c7ff",
3577
4890
  "brandedHoveredContent": "#1b1a19",
3578
4891
  "brandedHoveredIcon": "#1b1a19",
3579
4892
  "brandedHoveredSecondaryContent": "#201f1e",
3580
4893
  "brandedIcon": "#1b1a19",
3581
- "brandedPressedBackground": "#deecf9",
4894
+ "brandedPressedBackground": "#6cb8f6",
3582
4895
  "brandedPressedBorder": "#82c7ff",
3583
4896
  "brandedPressedContent": "#1b1a19",
3584
4897
  "brandedPressedIcon": "#1b1a19",
@@ -3599,10 +4912,19 @@ Object {
3599
4912
  "buttonTextDisabled": "#797775",
3600
4913
  "buttonTextHovered": "#f3f2f1",
3601
4914
  "buttonTextPressed": "#faf9f8",
3602
- "checkboxBackground": "#2b88d8",
4915
+ "checkboxBackground": "#2899f5",
3603
4916
  "checkboxBackgroundDisabled": "#252423",
3604
4917
  "checkboxBorderColor": "#979693",
3605
4918
  "checkmarkColor": "#1b1a19",
4919
+ "compoundBrandBackground1": "#2899f5",
4920
+ "compoundBrandBackground1Hover": "#3aa0f3",
4921
+ "compoundBrandBackground1Pressed": "#0078d4",
4922
+ "compoundBrandForeground1": "#2899f5",
4923
+ "compoundBrandForeground1Hover": "#3aa0f3",
4924
+ "compoundBrandForeground1Pressed": "#0078d4",
4925
+ "compoundBrandStroke1": "#2899f5",
4926
+ "compoundBrandStroke1Hover": "#3aa0f3",
4927
+ "compoundBrandStroke1Pressed": "#0078d4",
3606
4928
  "defaultBackground": "#252423",
3607
4929
  "defaultBorder": "#979693",
3608
4930
  "defaultCheckedBackground": "#484644",
@@ -3669,18 +4991,18 @@ Object {
3669
4991
  "ghostPressedSecondaryContent": "#a19f9d",
3670
4992
  "ghostSecondaryContent": "#a19f9d",
3671
4993
  "inputBackground": "#1b1a19",
3672
- "inputBackgroundChecked": "#2b88d8",
3673
- "inputBackgroundCheckedHovered": "#c7e0f4",
4994
+ "inputBackgroundChecked": "#2899f5",
4995
+ "inputBackgroundCheckedHovered": "#3aa0f3",
3674
4996
  "inputBorder": "#797775",
3675
4997
  "inputBorderHovered": "#f3f2f1",
3676
- "inputFocusBorderAlt": "#2b88d8",
4998
+ "inputFocusBorderAlt": "#2899f5",
3677
4999
  "inputForegroundChecked": "#1b1a19",
3678
5000
  "inputPlaceholderText": "#a19f9d",
3679
5001
  "inputText": "#f3f2f1",
3680
5002
  "inputTextHovered": "#faf9f8",
3681
- "link": "#2b88d8",
5003
+ "link": "#2899f5",
3682
5004
  "linkHovered": "#82c7ff",
3683
- "linkPressed": "#deecf9",
5005
+ "linkPressed": "#6cb8f6",
3684
5006
  "listBackground": "#1b1a19",
3685
5007
  "listHeaderBackgroundHovered": "#252423",
3686
5008
  "listHeaderBackgroundPressed": "#292827",
@@ -3691,80 +5013,113 @@ Object {
3691
5013
  "menuBackground": "#252423",
3692
5014
  "menuDivider": "#484644",
3693
5015
  "menuHeader": "#ffffff",
3694
- "menuIcon": "#c7e0f4",
5016
+ "menuIcon": "#3aa0f3",
3695
5017
  "menuItemBackgroundHovered": "#323130",
3696
5018
  "menuItemBackgroundPressed": "#3b3a39",
3697
5019
  "menuItemText": "#f3f2f1",
3698
5020
  "menuItemTextHovered": "#faf9f8",
3699
- "neutralBackground1": "#ffffff",
3700
- "neutralBackground1Hover": undefined,
3701
- "neutralBackground1Pressed": "#e0e0e0",
3702
- "neutralBackground1Selected": "#ebebeb",
3703
- "neutralBackground2": "#ffffff",
3704
- "neutralBackground2Hover": undefined,
3705
- "neutralBackground2Pressed": "#e0e0e0",
3706
- "neutralBackground2Selected": "#ebebeb",
3707
- "neutralBackground3": "#ffffff",
3708
- "neutralBackground3Hover": undefined,
3709
- "neutralBackground3Pressed": "#e0e0e0",
3710
- "neutralBackground3Selected": "#ebebeb",
3711
- "neutralBackground4": "#fafafa",
3712
- "neutralBackground4Hover": undefined,
3713
- "neutralBackground4Pressed": "#dbdbdb",
3714
- "neutralBackground4Selected": "#e6e6e6",
3715
- "neutralBackground5": "#ebebeb",
3716
- "neutralBackground5Hover": undefined,
3717
- "neutralBackground5Pressed": "#d1d1d1",
3718
- "neutralBackground5Selected": "#dbdbdb",
3719
- "neutralBackground6": "#d1d1d1",
3720
- "neutralBackgroundDisabled": "#e0e0e0",
3721
- "neutralBackgroundInverted": "#242424",
5021
+ "neutralBackground1": "#292929",
5022
+ "neutralBackground1Hover": "#3d3d3d",
5023
+ "neutralBackground1Pressed": "#1f1f1f",
5024
+ "neutralBackground1Selected": "#383838",
5025
+ "neutralBackground2": "#1f1f1f",
5026
+ "neutralBackground2Hover": "#333333",
5027
+ "neutralBackground2Pressed": "#141414",
5028
+ "neutralBackground2Selected": "#2e2e2e",
5029
+ "neutralBackground3": "#141414",
5030
+ "neutralBackground3Hover": "#292929",
5031
+ "neutralBackground3Pressed": "#0a0a0a",
5032
+ "neutralBackground3Selected": "#242424",
5033
+ "neutralBackground4": "#0a0a0a",
5034
+ "neutralBackground4Hover": "#1f1f1f",
5035
+ "neutralBackground4Pressed": "#000000",
5036
+ "neutralBackground4Selected": "#1a1a1a",
5037
+ "neutralBackground5": "#000000",
5038
+ "neutralBackground5Hover": "#141414",
5039
+ "neutralBackground5Pressed": "#050505",
5040
+ "neutralBackground5Selected": "#0f0f0f",
5041
+ "neutralBackground6": "#333333",
5042
+ "neutralBackgroundDisabled": "#141414",
5043
+ "neutralBackgroundInverted": "#ffffff",
3722
5044
  "neutralForeground1": "#ffffff",
3723
- "neutralForeground1Hover": undefined,
3724
- "neutralForeground1Pressed": undefined,
3725
- "neutralForeground1Selected": undefined,
5045
+ "neutralForeground1Hover": "#ffffff",
5046
+ "neutralForeground1Pressed": "#ffffff",
5047
+ "neutralForeground1Selected": "#ffffff",
3726
5048
  "neutralForeground2": "#d6d6d6",
3727
- "neutralForeground2BrandHover": undefined,
3728
- "neutralForeground2BrandPressed": undefined,
3729
- "neutralForeground2BrandSelected": undefined,
3730
- "neutralForeground2Hover": undefined,
3731
- "neutralForeground2Pressed": undefined,
3732
- "neutralForeground2Selected": undefined,
5049
+ "neutralForeground2BrandHover": "#3aa0f3",
5050
+ "neutralForeground2BrandPressed": "#2899f5",
5051
+ "neutralForeground2BrandSelected": "#3aa0f3",
5052
+ "neutralForeground2Hover": "#ffffff",
5053
+ "neutralForeground2Pressed": "#ffffff",
5054
+ "neutralForeground2Selected": "#ffffff",
3733
5055
  "neutralForeground3": "#adadad",
3734
- "neutralForeground3BrandHover": undefined,
3735
- "neutralForeground3BrandPressed": undefined,
3736
- "neutralForeground3BrandSelected": undefined,
3737
- "neutralForeground3Hover": undefined,
3738
- "neutralForeground3Pressed": undefined,
3739
- "neutralForeground3Selected": undefined,
3740
- "neutralForegroundInverted": "#ffffff",
3741
- "neutralStencil1": "#e6e6e6",
3742
- "neutralStencil2": "#fafafa",
3743
- "neutralStroke1": "#525252",
3744
- "neutralStroke1Hover": undefined,
3745
- "neutralStroke1Pressed": undefined,
3746
- "neutralStroke1Selected": undefined,
3747
- "neutralStroke2": "#3d3d3d",
3748
- "neutralStrokeAccessible": "#9e9e9e",
3749
- "neutralStrokeAccessibleHover": undefined,
3750
- "neutralStrokeAccessiblePressed": undefined,
3751
- "neutralStrokeAccessibleSelected": undefined,
5056
+ "neutralForeground3BrandHover": "#3aa0f3",
5057
+ "neutralForeground3BrandPressed": "#2899f5",
5058
+ "neutralForeground3BrandSelected": "#3aa0f3",
5059
+ "neutralForeground3Hover": "#d6d6d6",
5060
+ "neutralForeground3Pressed": "#d6d6d6",
5061
+ "neutralForeground3Selected": "#d6d6d6",
5062
+ "neutralForeground4": "#999999",
5063
+ "neutralForegroundDisabled": "#5c5c5c",
5064
+ "neutralForegroundInverted": "#242424",
5065
+ "neutralForegroundInvertedLink": "#ffffff",
5066
+ "neutralForegroundInvertedLinkHover": "#ffffff",
5067
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
5068
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
5069
+ "neutralForegroundOnBrand": "#ffffff",
5070
+ "neutralForegroundOnBrandHover": "#ffffff",
5071
+ "neutralForegroundOnBrandPressed": "#ffffff",
5072
+ "neutralForegroundOnBrandSelected": "#ffffff",
5073
+ "neutralStencil1": "#333333",
5074
+ "neutralStencil2": "#575757",
5075
+ "neutralStroke1": "#666666",
5076
+ "neutralStroke1Hover": "#757575",
5077
+ "neutralStroke1Pressed": "#6b6b6b",
5078
+ "neutralStroke1Selected": "#707070",
5079
+ "neutralStroke2": "#525252",
5080
+ "neutralStroke3": "#3d3d3d",
5081
+ "neutralStrokeAccessible": "#adadad",
5082
+ "neutralStrokeAccessibleHover": "#bdbdbd",
5083
+ "neutralStrokeAccessiblePressed": "#b3b3b3",
5084
+ "neutralStrokeAccessibleSelected": "#3aa0f3",
3752
5085
  "neutralStrokeDisabled": "#424242",
3753
- "personaActivityGlow": "#2b88d8",
5086
+ "personaActivityGlow": "#2899f5",
3754
5087
  "personaActivityRing": "#1b1a19",
3755
- "primaryButtonBackground": "#2b88d8",
5088
+ "primaryButtonBackground": "#2899f5",
3756
5089
  "primaryButtonBackgroundDisabled": "#252423",
3757
- "primaryButtonBackgroundHovered": "#c7e0f4",
3758
- "primaryButtonBackgroundPressed": "#deecf9",
5090
+ "primaryButtonBackgroundHovered": "#3aa0f3",
5091
+ "primaryButtonBackgroundPressed": "#6cb8f6",
3759
5092
  "primaryButtonBorder": "transparent",
3760
5093
  "primaryButtonBorderFocused": "transparent",
3761
5094
  "primaryButtonText": "#1b1a19",
3762
5095
  "primaryButtonTextDisabled": "#3b3a39",
3763
5096
  "primaryButtonTextHovered": "#1b1a19",
3764
5097
  "primaryButtonTextPressed": "#1b1a19",
5098
+ "redBackground1": "#230308",
5099
+ "redBackground2": "#420610",
5100
+ "redBackground3": "#750b1c",
5101
+ "redBorder1": "#750b1c",
5102
+ "redBorder2": "#962f3f",
5103
+ "redBorderActive": "#ac4f5e",
5104
+ "redForeground1": "#ac4f5e",
5105
+ "redForeground2": "#420610",
5106
+ "redForeground3": "#750b1c",
3765
5107
  "smallInputBorder": "#a19f9d",
5108
+ "strokeFocus1": "#000000",
5109
+ "strokeFocus2": "#ffffff",
3766
5110
  "subText": "#a19f9d",
5111
+ "subtleBackground": "transparent",
5112
+ "subtleBackgroundHover": "#383838",
5113
+ "subtleBackgroundPressed": "#2e2e2e",
5114
+ "subtleBackgroundSelected": "#333333",
3767
5115
  "successBackground": "rgba(186, 216, 10, .4)",
5116
+ "transparentBackground": "transparent",
5117
+ "transparentBackgroundHover": "transparent",
5118
+ "transparentBackgroundPressed": "transparent",
5119
+ "transparentBackgroundSelected": "transparent",
5120
+ "transparentStroke": "transparent",
5121
+ "transparentStrokeDisabled": "transparent",
5122
+ "transparentStrokeInteractive": "transparent",
3768
5123
  "variantBorder": "#292827",
3769
5124
  "variantBorderHovered": "#797775",
3770
5125
  "warningBackground": "rgba(255, 251, 0, .6)",
@@ -3956,18 +5311,18 @@ Object {
3956
5311
  "families": Object {
3957
5312
  "cursive": "System",
3958
5313
  "monospace": "System",
3959
- "primary": "Segoe UI",
5314
+ "primary": "System",
3960
5315
  "sansSerif": "System",
3961
- "secondary": "Segoe UI",
5316
+ "secondary": "System",
3962
5317
  "serif": "System",
3963
5318
  },
3964
5319
  "sizes": Object {
3965
5320
  "body": 14,
3966
- "caption": 12,
3967
- "header": 18,
3968
- "hero": 24,
3969
- "heroLarge": 60,
3970
- "secondary": 13,
5321
+ "caption": 10,
5322
+ "header": 20,
5323
+ "hero": 28,
5324
+ "heroLarge": 40,
5325
+ "secondary": 12,
3971
5326
  "subheader": 16,
3972
5327
  },
3973
5328
  "variants": Object {
@@ -4125,6 +5480,23 @@ Object {
4125
5480
  "bodyStandoutBackground": "#faf9f8",
4126
5481
  "bodyText": "#323130",
4127
5482
  "bodyTextChecked": "#000000",
5483
+ "brandBackground": "#0078d4",
5484
+ "brandBackground2": "#eff6fc",
5485
+ "brandBackgroundDisabled": undefined,
5486
+ "brandBackgroundHover": "#106ebe",
5487
+ "brandBackgroundPressed": "#004578",
5488
+ "brandBackgroundSelected": "#005a9e",
5489
+ "brandBackgroundStatic": "#0078d4",
5490
+ "brandForeground1": "#0078d4",
5491
+ "brandForeground1Disabled": undefined,
5492
+ "brandForeground1Pressed": undefined,
5493
+ "brandForeground2": "#106ebe",
5494
+ "brandForegroundLink": "#106ebe",
5495
+ "brandForegroundLinkHover": "#005a9e",
5496
+ "brandForegroundLinkPressed": "#004578",
5497
+ "brandForegroundLinkSelected": "#106ebe",
5498
+ "brandStroke1": "#0078d4",
5499
+ "brandStroke2": "#c7e0f4",
4128
5500
  "brandedBackground": "#0078d4",
4129
5501
  "brandedBorder": "#005a9e",
4130
5502
  "brandedCheckedBackground": "#c8c6c4",
@@ -4137,18 +5509,18 @@ Object {
4137
5509
  "brandedDisabledContent": "#d2d0ce",
4138
5510
  "brandedDisabledIcon": "#d2d0ce",
4139
5511
  "brandedFocusedBackground": "#106ebe",
4140
- "brandedFocusedBorder": undefined,
5512
+ "brandedFocusedBorder": "#004578",
4141
5513
  "brandedFocusedContent": "#ffffff",
4142
5514
  "brandedFocusedIcon": "#ffffff",
4143
5515
  "brandedFocusedSecondaryContent": "#faf9f8",
4144
5516
  "brandedHoveredBackground": "#106ebe",
4145
- "brandedHoveredBorder": undefined,
5517
+ "brandedHoveredBorder": "#004578",
4146
5518
  "brandedHoveredContent": "#ffffff",
4147
5519
  "brandedHoveredIcon": "#ffffff",
4148
5520
  "brandedHoveredSecondaryContent": "#faf9f8",
4149
5521
  "brandedIcon": "#ffffff",
4150
5522
  "brandedPressedBackground": "#005a9e",
4151
- "brandedPressedBorder": undefined,
5523
+ "brandedPressedBorder": "#004578",
4152
5524
  "brandedPressedContent": "#ffffff",
4153
5525
  "brandedPressedIcon": "#ffffff",
4154
5526
  "brandedPressedSecondaryContent": "#faf9f8",
@@ -4172,6 +5544,15 @@ Object {
4172
5544
  "checkboxBackgroundDisabled": "#f3f2f1",
4173
5545
  "checkboxBorderColor": "#8a8886",
4174
5546
  "checkmarkColor": "#ffffff",
5547
+ "compoundBrandBackground1": "#0078d4",
5548
+ "compoundBrandBackground1Hover": "#106ebe",
5549
+ "compoundBrandBackground1Pressed": "#005a9e",
5550
+ "compoundBrandForeground1": "#0078d4",
5551
+ "compoundBrandForeground1Hover": "#106ebe",
5552
+ "compoundBrandForeground1Pressed": "#005a9e",
5553
+ "compoundBrandStroke1": "#0078d4",
5554
+ "compoundBrandStroke1Hover": "#106ebe",
5555
+ "compoundBrandStroke1Pressed": "#005a9e",
4175
5556
  "defaultBackground": "#f3f2f1",
4176
5557
  "defaultBorder": "#8a8886",
4177
5558
  "defaultCheckedBackground": "#c8c6c4",
@@ -4248,7 +5629,7 @@ Object {
4248
5629
  "inputText": "#323130",
4249
5630
  "inputTextHovered": "#201f1e",
4250
5631
  "link": "#0078d4",
4251
- "linkHovered": undefined,
5632
+ "linkHovered": "#004578",
4252
5633
  "linkPressed": "#005a9e",
4253
5634
  "listBackground": "#ffffff",
4254
5635
  "listHeaderBackgroundHovered": "#f3f2f1",
@@ -4265,59 +5646,70 @@ Object {
4265
5646
  "menuItemBackgroundPressed": "#edebe9",
4266
5647
  "menuItemText": "#323130",
4267
5648
  "menuItemTextHovered": "#201f1e",
4268
- "neutralBackground1": "#000000",
4269
- "neutralBackground1Hover": undefined,
4270
- "neutralBackground1Pressed": "#2e2e2e",
4271
- "neutralBackground1Selected": "#242424",
4272
- "neutralBackground2": "#1f1f1f",
4273
- "neutralBackground2Hover": undefined,
4274
- "neutralBackground2Pressed": "#4d4d4d",
4275
- "neutralBackground2Selected": "#424242",
4276
- "neutralBackground3": "#ffffff",
4277
- "neutralBackground3Hover": undefined,
4278
- "neutralBackground3Pressed": "#e0e0e0",
4279
- "neutralBackground3Selected": "#ebebeb",
4280
- "neutralBackground4": "#333333",
4281
- "neutralBackground4Hover": undefined,
4282
- "neutralBackground4Pressed": "#616161",
4283
- "neutralBackground4Selected": "#575757",
4284
- "neutralBackground5": "#3d3d3d",
4285
- "neutralBackground5Hover": undefined,
4286
- "neutralBackground5Pressed": "#6b6b6b",
4287
- "neutralBackground5Selected": "#616161",
4288
- "neutralBackground6": "#5c5c5c",
4289
- "neutralBackgroundDisabled": "#e0e0e0",
4290
- "neutralBackgroundInverted": "#575757",
5649
+ "neutralBackground1": "#ffffff",
5650
+ "neutralBackground1Hover": "#f5f5f5",
5651
+ "neutralBackground1Pressed": "#e0e0e0",
5652
+ "neutralBackground1Selected": "#ebebeb",
5653
+ "neutralBackground2": "#fafafa",
5654
+ "neutralBackground2Hover": "#f0f0f0",
5655
+ "neutralBackground2Pressed": "#dbdbdb",
5656
+ "neutralBackground2Selected": "#e6e6e6",
5657
+ "neutralBackground3": "#f5f5f5",
5658
+ "neutralBackground3Hover": "#ebebeb",
5659
+ "neutralBackground3Pressed": "#d6d6d6",
5660
+ "neutralBackground3Selected": "#e0e0e0",
5661
+ "neutralBackground4": "#f0f0f0",
5662
+ "neutralBackground4Hover": "#fafafa",
5663
+ "neutralBackground4Pressed": "#f5f5f5",
5664
+ "neutralBackground4Selected": "#ffffff",
5665
+ "neutralBackground5": "#ebebeb",
5666
+ "neutralBackground5Hover": "#f5f5f5",
5667
+ "neutralBackground5Pressed": "#f0f0f0",
5668
+ "neutralBackground5Selected": "#fafafa",
5669
+ "neutralBackground6": "#e6e6e6",
5670
+ "neutralBackgroundDisabled": "#f0f0f0",
5671
+ "neutralBackgroundInverted": "#616161",
4291
5672
  "neutralForeground1": "#242424",
4292
- "neutralForeground1Hover": undefined,
4293
- "neutralForeground1Pressed": undefined,
4294
- "neutralForeground1Selected": undefined,
4295
- "neutralForeground2": "#616161",
4296
- "neutralForeground2BrandHover": undefined,
4297
- "neutralForeground2BrandPressed": undefined,
4298
- "neutralForeground2BrandSelected": undefined,
4299
- "neutralForeground2Hover": undefined,
4300
- "neutralForeground2Pressed": undefined,
4301
- "neutralForeground2Selected": undefined,
4302
- "neutralForeground3": "#808080",
4303
- "neutralForeground3BrandHover": undefined,
4304
- "neutralForeground3BrandPressed": undefined,
4305
- "neutralForeground3BrandSelected": undefined,
4306
- "neutralForeground3Hover": undefined,
4307
- "neutralForeground3Pressed": undefined,
4308
- "neutralForeground3Selected": undefined,
5673
+ "neutralForeground1Hover": "#242424",
5674
+ "neutralForeground1Pressed": "#242424",
5675
+ "neutralForeground1Selected": "#242424",
5676
+ "neutralForeground2": "#424242",
5677
+ "neutralForeground2BrandHover": "#0078d4",
5678
+ "neutralForeground2BrandPressed": "#106ebe",
5679
+ "neutralForeground2BrandSelected": "#0078d4",
5680
+ "neutralForeground2Hover": "#242424",
5681
+ "neutralForeground2Pressed": "#242424",
5682
+ "neutralForeground2Selected": "#242424",
5683
+ "neutralForeground3": "#616161",
5684
+ "neutralForeground3BrandHover": "#0078d4",
5685
+ "neutralForeground3BrandPressed": "#106ebe",
5686
+ "neutralForeground3BrandSelected": "#0078d4",
5687
+ "neutralForeground3Hover": "#424242",
5688
+ "neutralForeground3Pressed": "#424242",
5689
+ "neutralForeground3Selected": "#424242",
5690
+ "neutralForeground4": "#707070",
5691
+ "neutralForegroundDisabled": "#bdbdbd",
4309
5692
  "neutralForegroundInverted": "#ffffff",
4310
- "neutralStencil1": "#575757",
4311
- "neutralStencil2": "#333333",
5693
+ "neutralForegroundInvertedLink": "#ffffff",
5694
+ "neutralForegroundInvertedLinkHover": "#ffffff",
5695
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
5696
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
5697
+ "neutralForegroundOnBrand": "#ffffff",
5698
+ "neutralForegroundOnBrandHover": "#ffffff",
5699
+ "neutralForegroundOnBrandPressed": "#ffffff",
5700
+ "neutralForegroundOnBrandSelected": "#ffffff",
5701
+ "neutralStencil1": "#e6e6e6",
5702
+ "neutralStencil2": "#fafafa",
4312
5703
  "neutralStroke1": "#d1d1d1",
4313
- "neutralStroke1Hover": undefined,
4314
- "neutralStroke1Pressed": undefined,
4315
- "neutralStroke1Selected": undefined,
5704
+ "neutralStroke1Hover": "#c7c7c7",
5705
+ "neutralStroke1Pressed": "#b3b3b3",
5706
+ "neutralStroke1Selected": "#bdbdbd",
4316
5707
  "neutralStroke2": "#e0e0e0",
5708
+ "neutralStroke3": "#f0f0f0",
4317
5709
  "neutralStrokeAccessible": "#616161",
4318
- "neutralStrokeAccessibleHover": undefined,
4319
- "neutralStrokeAccessiblePressed": undefined,
4320
- "neutralStrokeAccessibleSelected": undefined,
5710
+ "neutralStrokeAccessibleHover": "#575757",
5711
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
5712
+ "neutralStrokeAccessibleSelected": "#0078d4",
4321
5713
  "neutralStrokeDisabled": "#e0e0e0",
4322
5714
  "personaActivityGlow": "#0078d4",
4323
5715
  "personaActivityRing": "#ffffff",
@@ -4331,9 +5723,31 @@ Object {
4331
5723
  "primaryButtonTextDisabled": "#d2d0ce",
4332
5724
  "primaryButtonTextHovered": "#ffffff",
4333
5725
  "primaryButtonTextPressed": "#ffffff",
5726
+ "redBackground1": "#f9f0f2",
5727
+ "redBackground2": "#d69ca5",
5728
+ "redBackground3": "#750b1c",
5729
+ "redBorder1": "#d69ca5",
5730
+ "redBorder2": "#750b1c",
5731
+ "redBorderActive": "#750b1c",
5732
+ "redForeground1": "#690a19",
5733
+ "redForeground2": "#d69ca5",
5734
+ "redForeground3": "#750b1c",
4334
5735
  "smallInputBorder": "#605e5c",
5736
+ "strokeFocus1": "#ffffff",
5737
+ "strokeFocus2": "#000000",
4335
5738
  "subText": "#605e5c",
5739
+ "subtleBackground": "transparent",
5740
+ "subtleBackgroundHover": "#f5f5f5",
5741
+ "subtleBackgroundPressed": "#e0e0e0",
5742
+ "subtleBackgroundSelected": "#ebebeb",
4336
5743
  "successBackground": "rgba(95, 210, 85, .2)",
5744
+ "transparentBackground": "transparent",
5745
+ "transparentBackgroundHover": "transparent",
5746
+ "transparentBackgroundPressed": "transparent",
5747
+ "transparentBackgroundSelected": "transparent",
5748
+ "transparentStroke": "transparent",
5749
+ "transparentStrokeDisabled": "transparent",
5750
+ "transparentStrokeInteractive": "transparent",
4337
5751
  "variantBorder": "#edebe9",
4338
5752
  "variantBorderHovered": "#a19f9d",
4339
5753
  "warningBackground": "rgba(255, 200, 10, .2)",
@@ -4525,18 +5939,18 @@ Object {
4525
5939
  "families": Object {
4526
5940
  "cursive": "System",
4527
5941
  "monospace": "System",
4528
- "primary": "Segoe UI",
5942
+ "primary": "System",
4529
5943
  "sansSerif": "System",
4530
- "secondary": "Segoe UI",
5944
+ "secondary": "System",
4531
5945
  "serif": "System",
4532
5946
  },
4533
5947
  "sizes": Object {
4534
5948
  "body": 14,
4535
- "caption": 12,
4536
- "header": 18,
4537
- "hero": 24,
4538
- "heroLarge": 60,
4539
- "secondary": 13,
5949
+ "caption": 10,
5950
+ "header": 20,
5951
+ "hero": 28,
5952
+ "heroLarge": 40,
5953
+ "secondary": 12,
4540
5954
  "subheader": 16,
4541
5955
  },
4542
5956
  "variants": Object {