@fluentui-react-native/win32-theme 0.27.1 → 0.27.3

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 (8) hide show
  1. package/CHANGELOG.json +73 -1
  2. package/CHANGELOG.md +25 -2
  3. package/lib/getOfficeTokens.d.ts +150 -176
  4. package/lib/getOfficeTokens.d.ts.map +1 -1
  5. package/lib-commonjs/getOfficeTokens.d.ts +150 -176
  6. package/lib-commonjs/getOfficeTokens.d.ts.map +1 -1
  7. package/package.json +7 -7
  8. package/src/__tests__/__snapshots__/win32-theme.test.ts.snap +1780 -1780
package/src/__tests__/__snapshots__/win32-theme.test.ts.snap CHANGED
@@ -37,7 +37,190 @@ exports[`createBrandedThemeWithAlias test themeName: Black 1`] = `
37
37
  }
38
38
  `;
39
39
 
40
- exports[`createBrandedThemeWithAlias test themeName: Black 2`] = `
40
+ exports[`createBrandedThemeWithAlias test themeName: Colorful 1`] = `
41
+ {
42
+ "colors": {
43
+ "brandBackground": "#185abd",
44
+ "brandBackground2": "#d2e0f4",
45
+ "brandBackgroundHover": "#1651aa",
46
+ "brandBackgroundPressed": "#0e336a",
47
+ "brandBackgroundSelected": "#13458f",
48
+ "brandBackgroundStatic": "#185abd",
49
+ "brandForeground1": "#185abd",
50
+ "brandForeground2": "#1651aa",
51
+ "brandForegroundLink": "#185abd",
52
+ "brandForegroundLinkHover": "#1651aa",
53
+ "brandForegroundLinkPressed": "#0e336a",
54
+ "brandForegroundLinkSelected": "#13458f",
55
+ "brandStroke1": "#185abd",
56
+ "brandStroke2": "#d2e0f4",
57
+ "compoundBrandBackground1": "#185abd",
58
+ "compoundBrandBackground1Hover": "#1651aa",
59
+ "compoundBrandBackground1Pressed": "#13458f",
60
+ "compoundBrandForeground1": "#185abd",
61
+ "compoundBrandForeground1Hover": "#1651aa",
62
+ "compoundBrandForeground1Pressed": "#0e336a",
63
+ "compoundBrandStroke1": "#185abd",
64
+ "compoundBrandStroke1Hover": "#1651aa",
65
+ "compoundBrandStroke1Pressed": "#13458f",
66
+ "neutralForeground2BrandHover": "#1651aa",
67
+ "neutralForeground2BrandPressed": "#0e336a",
68
+ "neutralForeground2BrandSelected": "#13458f",
69
+ "neutralForeground3BrandHover": "#1651aa",
70
+ "neutralForeground3BrandPressed": "#0e336a",
71
+ "neutralForeground3BrandSelected": "#13458f",
72
+ "neutralStrokeAccessibleSelected": "#185abd",
73
+ },
74
+ }
75
+ `;
76
+
77
+ exports[`createBrandedThemeWithAlias test themeName: DarkGray 1`] = `
78
+ {
79
+ "colors": {
80
+ "brandBackground": "#185abd",
81
+ "brandBackground2": "#d2e0f4",
82
+ "brandBackgroundHover": "#1651aa",
83
+ "brandBackgroundPressed": "#0e336a",
84
+ "brandBackgroundSelected": "#13458f",
85
+ "brandBackgroundStatic": "#185abd",
86
+ "brandForeground1": "#aec6eb",
87
+ "brandForeground2": "#d2e0f4",
88
+ "brandForegroundLink": "#aec6eb",
89
+ "brandForegroundLinkHover": "#d2e0f4",
90
+ "brandForegroundLinkPressed": "#2e6ac5",
91
+ "brandForegroundLinkSelected": "#d2e0f4",
92
+ "brandStroke1": "#185abd",
93
+ "brandStroke2": "#d2e0f4",
94
+ "compoundBrandBackground1": "#185abd",
95
+ "compoundBrandBackground1Hover": "#1651aa",
96
+ "compoundBrandBackground1Pressed": "#13458f",
97
+ "compoundBrandForeground1": "#aec6eb",
98
+ "compoundBrandForeground1Hover": "#d2e0f4",
99
+ "compoundBrandForeground1Pressed": "#2e6ac5",
100
+ "compoundBrandStroke1": "#185abd",
101
+ "compoundBrandStroke1Hover": "#1651aa",
102
+ "compoundBrandStroke1Pressed": "#13458f",
103
+ "neutralForeground2BrandHover": "#d2e0f4",
104
+ "neutralForeground2BrandPressed": "#2e6ac5",
105
+ "neutralForeground2BrandSelected": "#d2e0f4",
106
+ "neutralForeground3BrandHover": "#d2e0f4",
107
+ "neutralForeground3BrandPressed": "#2e6ac5",
108
+ "neutralForeground3BrandSelected": "#d2e0f4",
109
+ "neutralStrokeAccessibleSelected": "#185abd",
110
+ },
111
+ }
112
+ `;
113
+
114
+ exports[`createBrandedThemeWithAlias test themeName: HighContrast 1`] = `{}`;
115
+
116
+ exports[`createBrandedThemeWithAlias test themeName: White 1`] = `
117
+ {
118
+ "colors": {
119
+ "brandBackground": "#185abd",
120
+ "brandBackground2": "#d2e0f4",
121
+ "brandBackgroundHover": "#1651aa",
122
+ "brandBackgroundPressed": "#0e336a",
123
+ "brandBackgroundSelected": "#13458f",
124
+ "brandBackgroundStatic": "#185abd",
125
+ "brandForeground1": "#185abd",
126
+ "brandForeground2": "#1651aa",
127
+ "brandForegroundLink": "#185abd",
128
+ "brandForegroundLinkHover": "#1651aa",
129
+ "brandForegroundLinkPressed": "#0e336a",
130
+ "brandForegroundLinkSelected": "#13458f",
131
+ "brandStroke1": "#185abd",
132
+ "brandStroke2": "#d2e0f4",
133
+ "compoundBrandBackground1": "#185abd",
134
+ "compoundBrandBackground1Hover": "#1651aa",
135
+ "compoundBrandBackground1Pressed": "#13458f",
136
+ "compoundBrandForeground1": "#185abd",
137
+ "compoundBrandForeground1Hover": "#1651aa",
138
+ "compoundBrandForeground1Pressed": "#0e336a",
139
+ "compoundBrandStroke1": "#185abd",
140
+ "compoundBrandStroke1Hover": "#1651aa",
141
+ "compoundBrandStroke1Pressed": "#13458f",
142
+ "neutralForeground2BrandHover": "#1651aa",
143
+ "neutralForeground2BrandPressed": "#0e336a",
144
+ "neutralForeground2BrandSelected": "#13458f",
145
+ "neutralForeground3BrandHover": "#1651aa",
146
+ "neutralForeground3BrandPressed": "#0e336a",
147
+ "neutralForeground3BrandSelected": "#13458f",
148
+ "neutralStrokeAccessibleSelected": "#185abd",
149
+ },
150
+ }
151
+ `;
152
+
153
+ exports[`createFontAliasTokens test 1`] = `
154
+ {
155
+ "body1": {
156
+ "face": "primary",
157
+ "size": 12,
158
+ "weight": "400",
159
+ },
160
+ "body1Strong": {
161
+ "face": "primary",
162
+ "size": 12,
163
+ "weight": "600",
164
+ },
165
+ "body2": {
166
+ "face": "primary",
167
+ "size": 14,
168
+ "weight": "400",
169
+ },
170
+ "body2Strong": {
171
+ "face": "primary",
172
+ "size": 14,
173
+ "weight": "600",
174
+ },
175
+ "caption1": {
176
+ "face": "primary",
177
+ "size": 10,
178
+ "weight": "400",
179
+ },
180
+ "display": {
181
+ "face": "primary",
182
+ "size": 40,
183
+ "weight": "600",
184
+ },
185
+ "largeTitle": {
186
+ "face": "primary",
187
+ "size": 40,
188
+ "weight": "400",
189
+ },
190
+ "subtitle1": {
191
+ "face": "primary",
192
+ "size": 20,
193
+ "weight": "400",
194
+ },
195
+ "subtitle1Strong": {
196
+ "face": "primary",
197
+ "size": 20,
198
+ "weight": "600",
199
+ },
200
+ "subtitle2": {
201
+ "face": "primary",
202
+ "size": 16,
203
+ "weight": "400",
204
+ },
205
+ "subtitle2Strong": {
206
+ "face": "primary",
207
+ "size": 16,
208
+ "weight": "600",
209
+ },
210
+ "title1": {
211
+ "face": "primary",
212
+ "size": 28,
213
+ "weight": "400",
214
+ },
215
+ "title1Strong": {
216
+ "face": "primary",
217
+ "size": 28,
218
+ "weight": "600",
219
+ },
220
+ }
221
+ `;
222
+
223
+ exports[`createOfficeColorAliasTokens test officeTheme: Black 1`] = `
41
224
  {
42
225
  "brandBackground": "#185abd",
43
226
  "brandBackground2": "#d2e0f4",
@@ -194,322 +377,7 @@ exports[`createBrandedThemeWithAlias test themeName: Black 2`] = `
194
377
  }
195
378
  `;
196
379
 
197
- exports[`createBrandedThemeWithAlias test themeName: Black 3`] = `
198
- {
199
- "shadow16": {
200
- "ambient": {
201
- "blur": 2,
202
- "color": "#0000003d",
203
- "x": 0,
204
- "y": 0,
205
- },
206
- "key": {
207
- "blur": 16,
208
- "color": "#00000047",
209
- "x": 0,
210
- "y": 8,
211
- },
212
- },
213
- "shadow16brand": {
214
- "ambient": {
215
- "blur": 2,
216
- "color": "#0000004d",
217
- "x": 0,
218
- "y": 0,
219
- },
220
- "key": {
221
- "blur": 16,
222
- "color": "#00000040",
223
- "x": 0,
224
- "y": 8,
225
- },
226
- },
227
- "shadow2": {
228
- "ambient": {
229
- "blur": 2,
230
- "color": "#0000003d",
231
- "x": 0,
232
- "y": 0,
233
- },
234
- "key": {
235
- "blur": 2,
236
- "color": "#00000047",
237
- "x": 0,
238
- "y": 1,
239
- },
240
- },
241
- "shadow28": {
242
- "ambient": {
243
- "blur": 8,
244
- "color": "#00000066",
245
- "x": 0,
246
- "y": 0,
247
- },
248
- "key": {
249
- "blur": 28,
250
- "color": "#0000007a",
251
- "x": 0,
252
- "y": 14,
253
- },
254
- },
255
- "shadow28brand": {
256
- "ambient": {
257
- "blur": 8,
258
- "color": "#0000004d",
259
- "x": 0,
260
- "y": 0,
261
- },
262
- "key": {
263
- "blur": 28,
264
- "color": "#00000040",
265
- "x": 0,
266
- "y": 14,
267
- },
268
- },
269
- "shadow2brand": {
270
- "ambient": {
271
- "blur": 2,
272
- "color": "#0000004d",
273
- "x": 0,
274
- "y": 0,
275
- },
276
- "key": {
277
- "blur": 2,
278
- "color": "#00000040",
279
- "x": 0,
280
- "y": 1,
281
- },
282
- },
283
- "shadow4": {
284
- "ambient": {
285
- "blur": 2,
286
- "color": "#0000003d",
287
- "x": 0,
288
- "y": 0,
289
- },
290
- "key": {
291
- "blur": 4,
292
- "color": "#00000047",
293
- "x": 0,
294
- "y": 2,
295
- },
296
- },
297
- "shadow4brand": {
298
- "ambient": {
299
- "blur": 2,
300
- "color": "#0000004d",
301
- "x": 0,
302
- "y": 0,
303
- },
304
- "key": {
305
- "blur": 4,
306
- "color": "#00000040",
307
- "x": 0,
308
- "y": 2,
309
- },
310
- },
311
- "shadow64": {
312
- "ambient": {
313
- "blur": 8,
314
- "color": "#00000066",
315
- "x": 0,
316
- "y": 0,
317
- },
318
- "key": {
319
- "blur": 64,
320
- "color": "#0000007a",
321
- "x": 0,
322
- "y": 32,
323
- },
324
- },
325
- "shadow64brand": {
326
- "ambient": {
327
- "blur": 8,
328
- "color": "#0000004d",
329
- "x": 0,
330
- "y": 0,
331
- },
332
- "key": {
333
- "blur": 64,
334
- "color": "#00000040",
335
- "x": 0,
336
- "y": 32,
337
- },
338
- },
339
- "shadow8": {
340
- "ambient": {
341
- "blur": 2,
342
- "color": "#0000003d",
343
- "x": 0,
344
- "y": 0,
345
- },
346
- "key": {
347
- "blur": 8,
348
- "color": "#00000047",
349
- "x": 0,
350
- "y": 4,
351
- },
352
- },
353
- "shadow8brand": {
354
- "ambient": {
355
- "blur": 2,
356
- "color": "#0000004d",
357
- "x": 0,
358
- "y": 0,
359
- },
360
- "key": {
361
- "blur": 8,
362
- "color": "#00000040",
363
- "x": 0,
364
- "y": 4,
365
- },
366
- },
367
- }
368
- `;
369
-
370
- exports[`createBrandedThemeWithAlias test themeName: Black 4`] = `
371
- {
372
- "brandBackground": "#80397b",
373
- "brandBackground2": "#f0daee",
374
- "brandBackgroundHover": "#6c2f68",
375
- "brandBackgroundPressed": "#3c1a3a",
376
- "brandBackgroundSelected": "#52254f",
377
- "brandBackgroundStatic": "#80397b",
378
- "brandForeground1": "#80397b",
379
- "brandForeground2": "#6c2f68",
380
- "brandForegroundLink": "#80397b",
381
- "brandForegroundLinkHover": "#6c2f68",
382
- "brandForegroundLinkPressed": "#3c1a3a",
383
- "brandForegroundLinkSelected": "#52254f",
384
- "brandStroke1": "#80397b",
385
- "brandStroke2": "#f0daee",
386
- "compoundBrandBackground1": "#80397b",
387
- "compoundBrandBackground1Hover": "#6c2f68",
388
- "compoundBrandBackground1Pressed": "#52254f",
389
- "compoundBrandForeground1": "#80397b",
390
- "compoundBrandForeground1Hover": "#6c2f68",
391
- "compoundBrandForeground1Pressed": "#3c1a3a",
392
- "compoundBrandStroke1": "#80397b",
393
- "compoundBrandStroke1Hover": "#6c2f68",
394
- "compoundBrandStroke1Pressed": "#52254f",
395
- "neutralForeground2BrandHover": "#6c2f68",
396
- "neutralForeground2BrandPressed": "#3c1a3a",
397
- "neutralForeground2BrandSelected": "#52254f",
398
- "neutralForeground3BrandHover": "#6c2f68",
399
- "neutralForeground3BrandPressed": "#3c1a3a",
400
- "neutralForeground3BrandSelected": "#52254f",
401
- "neutralStrokeAccessibleSelected": "#80397b",
402
- }
403
- `;
404
-
405
- exports[`createBrandedThemeWithAlias test themeName: Black 5`] = `
406
- {
407
- "brandBackground": "#d83b01",
408
- "brandBackground2": "#f9dcd1",
409
- "brandBackgroundHover": "#c33400",
410
- "brandBackgroundPressed": "#792000",
411
- "brandBackgroundSelected": "#a52c00",
412
- "brandBackgroundStatic": "#d83b01",
413
- "brandForeground1": "#d83b01",
414
- "brandForeground2": "#c33400",
415
- "brandForegroundLink": "#d83b01",
416
- "brandForegroundLinkHover": "#c33400",
417
- "brandForegroundLinkPressed": "#792000",
418
- "brandForegroundLinkSelected": "#a52c00",
419
- "brandStroke1": "#d83b01",
420
- "brandStroke2": "#f9dcd1",
421
- "compoundBrandBackground1": "#d83b01",
422
- "compoundBrandBackground1Hover": "#c33400",
423
- "compoundBrandBackground1Pressed": "#a52c00",
424
- "compoundBrandForeground1": "#d83b01",
425
- "compoundBrandForeground1Hover": "#c33400",
426
- "compoundBrandForeground1Pressed": "#792000",
427
- "compoundBrandStroke1": "#d83b01",
428
- "compoundBrandStroke1Hover": "#c33400",
429
- "compoundBrandStroke1Pressed": "#a52c00",
430
- "neutralForeground2BrandHover": "#c33400",
431
- "neutralForeground2BrandPressed": "#792000",
432
- "neutralForeground2BrandSelected": "#a52c00",
433
- "neutralForeground3BrandHover": "#c33400",
434
- "neutralForeground3BrandPressed": "#792000",
435
- "neutralForeground3BrandSelected": "#a52c00",
436
- "neutralStrokeAccessibleSelected": "#d83b01",
437
- }
438
- `;
439
-
440
- exports[`createBrandedThemeWithAlias test themeName: Black 6`] = `
441
- {
442
- "brandBackground": "#107c41",
443
- "brandBackground2": "#caead8",
444
- "brandBackgroundHover": "#0f703b",
445
- "brandBackgroundPressed": "#094624",
446
- "brandBackgroundSelected": "#0c5f32",
447
- "brandBackgroundStatic": "#107c41",
448
- "brandForeground1": "#a0d8b9",
449
- "brandForeground2": "#caead8",
450
- "brandForegroundLink": "#a0d8b9",
451
- "brandForegroundLinkHover": "#caead8",
452
- "brandForegroundLinkPressed": "#218d51",
453
- "brandForegroundLinkSelected": "#caead8",
454
- "brandStroke1": "#107c41",
455
- "brandStroke2": "#caead8",
456
- "compoundBrandBackground1": "#107c41",
457
- "compoundBrandBackground1Hover": "#0f703b",
458
- "compoundBrandBackground1Pressed": "#0c5f32",
459
- "compoundBrandForeground1": "#a0d8b9",
460
- "compoundBrandForeground1Hover": "#caead8",
461
- "compoundBrandForeground1Pressed": "#218d51",
462
- "compoundBrandStroke1": "#107c41",
463
- "compoundBrandStroke1Hover": "#0f703b",
464
- "compoundBrandStroke1Pressed": "#0c5f32",
465
- "neutralForeground2BrandHover": "#caead8",
466
- "neutralForeground2BrandPressed": "#218d51",
467
- "neutralForeground2BrandSelected": "#caead8",
468
- "neutralForeground3BrandHover": "#caead8",
469
- "neutralForeground3BrandPressed": "#218d51",
470
- "neutralForeground3BrandSelected": "#caead8",
471
- "neutralStrokeAccessibleSelected": "#107c41",
472
- }
473
- `;
474
-
475
- exports[`createBrandedThemeWithAlias test themeName: Colorful 1`] = `
476
- {
477
- "colors": {
478
- "brandBackground": "#185abd",
479
- "brandBackground2": "#d2e0f4",
480
- "brandBackgroundHover": "#1651aa",
481
- "brandBackgroundPressed": "#0e336a",
482
- "brandBackgroundSelected": "#13458f",
483
- "brandBackgroundStatic": "#185abd",
484
- "brandForeground1": "#185abd",
485
- "brandForeground2": "#1651aa",
486
- "brandForegroundLink": "#185abd",
487
- "brandForegroundLinkHover": "#1651aa",
488
- "brandForegroundLinkPressed": "#0e336a",
489
- "brandForegroundLinkSelected": "#13458f",
490
- "brandStroke1": "#185abd",
491
- "brandStroke2": "#d2e0f4",
492
- "compoundBrandBackground1": "#185abd",
493
- "compoundBrandBackground1Hover": "#1651aa",
494
- "compoundBrandBackground1Pressed": "#13458f",
495
- "compoundBrandForeground1": "#185abd",
496
- "compoundBrandForeground1Hover": "#1651aa",
497
- "compoundBrandForeground1Pressed": "#0e336a",
498
- "compoundBrandStroke1": "#185abd",
499
- "compoundBrandStroke1Hover": "#1651aa",
500
- "compoundBrandStroke1Pressed": "#13458f",
501
- "neutralForeground2BrandHover": "#1651aa",
502
- "neutralForeground2BrandPressed": "#0e336a",
503
- "neutralForeground2BrandSelected": "#13458f",
504
- "neutralForeground3BrandHover": "#1651aa",
505
- "neutralForeground3BrandPressed": "#0e336a",
506
- "neutralForeground3BrandSelected": "#13458f",
507
- "neutralStrokeAccessibleSelected": "#185abd",
508
- },
509
- }
510
- `;
511
-
512
- exports[`createBrandedThemeWithAlias test themeName: Colorful 2`] = `
380
+ exports[`createOfficeColorAliasTokens test officeTheme: Colorful 1`] = `
513
381
  {
514
382
  "brandBackground": "#185abd",
515
383
  "brandBackground2": "#d2e0f4",
@@ -666,381 +534,31 @@ exports[`createBrandedThemeWithAlias test themeName: Colorful 2`] = `
666
534
  }
667
535
  `;
668
536
 
669
- exports[`createBrandedThemeWithAlias test themeName: Colorful 3`] = `
670
- {
671
- "shadow16": {
672
- "ambient": {
673
- "blur": 2,
674
- "color": "#0000001f",
675
- "x": 0,
676
- "y": 0,
677
- },
678
- "key": {
679
- "blur": 16,
680
- "color": "#00000024",
681
- "x": 0,
682
- "y": 8,
683
- },
684
- },
685
- "shadow16brand": {
686
- "ambient": {
687
- "blur": 2,
688
- "color": "#0000004d",
689
- "x": 0,
690
- "y": 0,
691
- },
692
- "key": {
693
- "blur": 16,
694
- "color": "#00000040",
695
- "x": 0,
696
- "y": 8,
697
- },
698
- },
699
- "shadow2": {
700
- "ambient": {
701
- "blur": 2,
702
- "color": "#0000001f",
703
- "x": 0,
704
- "y": 0,
705
- },
706
- "key": {
707
- "blur": 2,
708
- "color": "#00000024",
709
- "x": 0,
710
- "y": 1,
711
- },
712
- },
713
- "shadow28": {
714
- "ambient": {
715
- "blur": 8,
716
- "color": "#00000033",
717
- "x": 0,
718
- "y": 0,
719
- },
720
- "key": {
721
- "blur": 28,
722
- "color": "#0000003d",
723
- "x": 0,
724
- "y": 14,
725
- },
726
- },
727
- "shadow28brand": {
728
- "ambient": {
729
- "blur": 8,
730
- "color": "#0000004d",
731
- "x": 0,
732
- "y": 0,
733
- },
734
- "key": {
735
- "blur": 28,
736
- "color": "#00000040",
737
- "x": 0,
738
- "y": 14,
739
- },
740
- },
741
- "shadow2brand": {
742
- "ambient": {
743
- "blur": 2,
744
- "color": "#0000004d",
745
- "x": 0,
746
- "y": 0,
747
- },
748
- "key": {
749
- "blur": 2,
750
- "color": "#00000040",
751
- "x": 0,
752
- "y": 1,
753
- },
754
- },
755
- "shadow4": {
756
- "ambient": {
757
- "blur": 2,
758
- "color": "#0000001f",
759
- "x": 0,
760
- "y": 0,
761
- },
762
- "key": {
763
- "blur": 4,
764
- "color": "#00000024",
765
- "x": 0,
766
- "y": 2,
767
- },
768
- },
769
- "shadow4brand": {
770
- "ambient": {
771
- "blur": 2,
772
- "color": "#0000004d",
773
- "x": 0,
774
- "y": 0,
775
- },
776
- "key": {
777
- "blur": 4,
778
- "color": "#00000040",
779
- "x": 0,
780
- "y": 2,
781
- },
782
- },
783
- "shadow64": {
784
- "ambient": {
785
- "blur": 8,
786
- "color": "#00000033",
787
- "x": 0,
788
- "y": 0,
789
- },
790
- "key": {
791
- "blur": 64,
792
- "color": "#0000003d",
793
- "x": 0,
794
- "y": 32,
795
- },
796
- },
797
- "shadow64brand": {
798
- "ambient": {
799
- "blur": 8,
800
- "color": "#0000004d",
801
- "x": 0,
802
- "y": 0,
803
- },
804
- "key": {
805
- "blur": 64,
806
- "color": "#00000040",
807
- "x": 0,
808
- "y": 32,
809
- },
810
- },
811
- "shadow8": {
812
- "ambient": {
813
- "blur": 2,
814
- "color": "#0000001f",
815
- "x": 0,
816
- "y": 0,
817
- },
818
- "key": {
819
- "blur": 8,
820
- "color": "#00000024",
821
- "x": 0,
822
- "y": 4,
823
- },
824
- },
825
- "shadow8brand": {
826
- "ambient": {
827
- "blur": 2,
828
- "color": "#0000004d",
829
- "x": 0,
830
- "y": 0,
831
- },
832
- "key": {
833
- "blur": 8,
834
- "color": "#00000040",
835
- "x": 0,
836
- "y": 4,
837
- },
838
- },
839
- }
840
- `;
841
-
842
- exports[`createBrandedThemeWithAlias test themeName: Colorful 4`] = `
843
- {
844
- "brandBackground": "#107c41",
845
- "brandBackground2": "#caead8",
846
- "brandBackgroundHover": "#0f703b",
847
- "brandBackgroundPressed": "#094624",
848
- "brandBackgroundSelected": "#0c5f32",
849
- "brandBackgroundStatic": "#107c41",
850
- "brandForeground1": "#107c41",
851
- "brandForeground2": "#0f703b",
852
- "brandForegroundLink": "#107c41",
853
- "brandForegroundLinkHover": "#0f703b",
854
- "brandForegroundLinkPressed": "#094624",
855
- "brandForegroundLinkSelected": "#0c5f32",
856
- "brandStroke1": "#107c41",
857
- "brandStroke2": "#caead8",
858
- "compoundBrandBackground1": "#107c41",
859
- "compoundBrandBackground1Hover": "#0f703b",
860
- "compoundBrandBackground1Pressed": "#0c5f32",
861
- "compoundBrandForeground1": "#107c41",
862
- "compoundBrandForeground1Hover": "#0f703b",
863
- "compoundBrandForeground1Pressed": "#094624",
864
- "compoundBrandStroke1": "#107c41",
865
- "compoundBrandStroke1Hover": "#0f703b",
866
- "compoundBrandStroke1Pressed": "#0c5f32",
867
- "neutralForeground2BrandHover": "#0f703b",
868
- "neutralForeground2BrandPressed": "#094624",
869
- "neutralForeground2BrandSelected": "#0c5f32",
870
- "neutralForeground3BrandHover": "#0f703b",
871
- "neutralForeground3BrandPressed": "#094624",
872
- "neutralForeground3BrandSelected": "#0c5f32",
873
- "neutralStrokeAccessibleSelected": "#107c41",
874
- }
875
- `;
876
-
877
- exports[`createBrandedThemeWithAlias test themeName: Colorful 5`] = `
537
+ exports[`createOfficeColorAliasTokens test officeTheme: DarkGray 1`] = `
878
538
  {
879
539
  "brandBackground": "#185abd",
880
540
  "brandBackground2": "#d2e0f4",
541
+ "brandBackgroundDisabled": undefined,
881
542
  "brandBackgroundHover": "#1651aa",
882
543
  "brandBackgroundPressed": "#0e336a",
883
544
  "brandBackgroundSelected": "#13458f",
884
545
  "brandBackgroundStatic": "#185abd",
885
- "brandForeground1": "#185abd",
886
- "brandForeground2": "#1651aa",
887
- "brandForegroundLink": "#185abd",
888
- "brandForegroundLinkHover": "#1651aa",
889
- "brandForegroundLinkPressed": "#0e336a",
890
- "brandForegroundLinkSelected": "#13458f",
546
+ "brandForeground1": "#aec6eb",
547
+ "brandForeground1Disabled": undefined,
548
+ "brandForeground1Pressed": undefined,
549
+ "brandForeground2": "#d2e0f4",
550
+ "brandForegroundLink": "#aec6eb",
551
+ "brandForegroundLinkHover": "#d2e0f4",
552
+ "brandForegroundLinkPressed": "#2e6ac5",
553
+ "brandForegroundLinkSelected": "#d2e0f4",
891
554
  "brandStroke1": "#185abd",
892
- "brandStroke2": "#d2e0f4",
555
+ "brandStroke2": "#6794d7",
893
556
  "compoundBrandBackground1": "#185abd",
894
557
  "compoundBrandBackground1Hover": "#1651aa",
895
- "compoundBrandBackground1Pressed": "#13458f",
896
- "compoundBrandForeground1": "#185abd",
897
- "compoundBrandForeground1Hover": "#1651aa",
898
- "compoundBrandForeground1Pressed": "#0e336a",
899
- "compoundBrandStroke1": "#185abd",
900
- "compoundBrandStroke1Hover": "#1651aa",
901
- "compoundBrandStroke1Pressed": "#13458f",
902
- "neutralForeground2BrandHover": "#1651aa",
903
- "neutralForeground2BrandPressed": "#0e336a",
904
- "neutralForeground2BrandSelected": "#13458f",
905
- "neutralForeground3BrandHover": "#1651aa",
906
- "neutralForeground3BrandPressed": "#0e336a",
907
- "neutralForeground3BrandSelected": "#13458f",
908
- "neutralStrokeAccessibleSelected": "#185abd",
909
- }
910
- `;
911
-
912
- exports[`createBrandedThemeWithAlias test themeName: Colorful 6`] = `
913
- {
914
- "brandBackground": "#c43e1c",
915
- "brandBackground2": "#f6dbd4",
916
- "brandBackgroundHover": "#b13719",
917
- "brandBackgroundPressed": "#6e220f",
918
- "brandBackgroundSelected": "#952f15",
919
- "brandBackgroundStatic": "#c43e1c",
920
- "brandForeground1": "#c43e1c",
921
- "brandForeground2": "#b13719",
922
- "brandForegroundLink": "#c43e1c",
923
- "brandForegroundLinkHover": "#b13719",
924
- "brandForegroundLinkPressed": "#6e220f",
925
- "brandForegroundLinkSelected": "#952f15",
926
- "brandStroke1": "#c43e1c",
927
- "brandStroke2": "#f6dbd4",
928
- "compoundBrandBackground1": "#c43e1c",
929
- "compoundBrandBackground1Hover": "#b13719",
930
- "compoundBrandBackground1Pressed": "#952f15",
931
- "compoundBrandForeground1": "#c43e1c",
932
- "compoundBrandForeground1Hover": "#b13719",
933
- "compoundBrandForeground1Pressed": "#6e220f",
934
- "compoundBrandStroke1": "#c43e1c",
935
- "compoundBrandStroke1Hover": "#b13719",
936
- "compoundBrandStroke1Pressed": "#952f15",
937
- "neutralForeground2BrandHover": "#b13719",
938
- "neutralForeground2BrandPressed": "#6e220f",
939
- "neutralForeground2BrandSelected": "#952f15",
940
- "neutralForeground3BrandHover": "#b13719",
941
- "neutralForeground3BrandPressed": "#6e220f",
942
- "neutralForeground3BrandSelected": "#952f15",
943
- "neutralStrokeAccessibleSelected": "#c43e1c",
944
- }
945
- `;
946
-
947
- exports[`createBrandedThemeWithAlias test themeName: Colorful 7`] = `
948
- {
949
- "brandBackground": "#0078d4",
950
- "brandBackground2": "#cce3f5",
951
- "brandBackgroundHover": "#106ebe",
952
- "brandBackgroundPressed": "#135995",
953
- "brandBackgroundSelected": "#1664a7",
954
- "brandBackgroundStatic": "#0078d4",
955
- "brandForeground1": "#b3d6f2",
956
- "brandForeground2": "#cce3f5",
957
- "brandForegroundLink": "#b3d6f2",
958
- "brandForegroundLinkHover": "#cce3f5",
959
- "brandForegroundLinkPressed": "#2488d8",
960
- "brandForegroundLinkSelected": "#cce3f5",
961
- "brandStroke1": "#0078d4",
962
- "brandStroke2": "#cce3f5",
963
- "compoundBrandBackground1": "#0078d4",
964
- "compoundBrandBackground1Hover": "#106ebe",
965
- "compoundBrandBackground1Pressed": "#1664a7",
966
- "compoundBrandForeground1": "#b3d6f2",
967
- "compoundBrandForeground1Hover": "#cce3f5",
968
- "compoundBrandForeground1Pressed": "#2488d8",
969
- "compoundBrandStroke1": "#0078d4",
970
- "compoundBrandStroke1Hover": "#106ebe",
971
- "compoundBrandStroke1Pressed": "#1664a7",
972
- "neutralForeground2BrandHover": "#cce3f5",
973
- "neutralForeground2BrandPressed": "#2488d8",
974
- "neutralForeground2BrandSelected": "#cce3f5",
975
- "neutralForeground3BrandHover": "#cce3f5",
976
- "neutralForeground3BrandPressed": "#2488d8",
977
- "neutralForeground3BrandSelected": "#cce3f5",
978
- "neutralStrokeAccessibleSelected": "#0078d4",
979
- }
980
- `;
981
-
982
- exports[`createBrandedThemeWithAlias test themeName: DarkGray 1`] = `
983
- {
984
- "colors": {
985
- "brandBackground": "#185abd",
986
- "brandBackground2": "#d2e0f4",
987
- "brandBackgroundHover": "#1651aa",
988
- "brandBackgroundPressed": "#0e336a",
989
- "brandBackgroundSelected": "#13458f",
990
- "brandBackgroundStatic": "#185abd",
991
- "brandForeground1": "#aec6eb",
992
- "brandForeground2": "#d2e0f4",
993
- "brandForegroundLink": "#aec6eb",
994
- "brandForegroundLinkHover": "#d2e0f4",
995
- "brandForegroundLinkPressed": "#2e6ac5",
996
- "brandForegroundLinkSelected": "#d2e0f4",
997
- "brandStroke1": "#185abd",
998
- "brandStroke2": "#d2e0f4",
999
- "compoundBrandBackground1": "#185abd",
1000
- "compoundBrandBackground1Hover": "#1651aa",
1001
- "compoundBrandBackground1Pressed": "#13458f",
1002
- "compoundBrandForeground1": "#aec6eb",
1003
- "compoundBrandForeground1Hover": "#d2e0f4",
1004
- "compoundBrandForeground1Pressed": "#2e6ac5",
1005
- "compoundBrandStroke1": "#185abd",
1006
- "compoundBrandStroke1Hover": "#1651aa",
1007
- "compoundBrandStroke1Pressed": "#13458f",
1008
- "neutralForeground2BrandHover": "#d2e0f4",
1009
- "neutralForeground2BrandPressed": "#2e6ac5",
1010
- "neutralForeground2BrandSelected": "#d2e0f4",
1011
- "neutralForeground3BrandHover": "#d2e0f4",
1012
- "neutralForeground3BrandPressed": "#2e6ac5",
1013
- "neutralForeground3BrandSelected": "#d2e0f4",
1014
- "neutralStrokeAccessibleSelected": "#185abd",
1015
- },
1016
- }
1017
- `;
1018
-
1019
- exports[`createBrandedThemeWithAlias test themeName: DarkGray 2`] = `
1020
- {
1021
- "brandBackground": "#185abd",
1022
- "brandBackground2": "#d2e0f4",
1023
- "brandBackgroundDisabled": undefined,
1024
- "brandBackgroundHover": "#1651aa",
1025
- "brandBackgroundPressed": "#0e336a",
1026
- "brandBackgroundSelected": "#13458f",
1027
- "brandBackgroundStatic": "#185abd",
1028
- "brandForeground1": "#aec6eb",
1029
- "brandForeground1Disabled": undefined,
1030
- "brandForeground1Pressed": undefined,
1031
- "brandForeground2": "#d2e0f4",
1032
- "brandForegroundLink": "#aec6eb",
1033
- "brandForegroundLinkHover": "#d2e0f4",
1034
- "brandForegroundLinkPressed": "#2e6ac5",
1035
- "brandForegroundLinkSelected": "#d2e0f4",
1036
- "brandStroke1": "#185abd",
1037
- "brandStroke2": "#6794d7",
1038
- "compoundBrandBackground1": "#185abd",
1039
- "compoundBrandBackground1Hover": "#1651aa",
1040
- "compoundBrandBackground1Pressed": "#0e336a",
1041
- "compoundBrandForeground1": "#aec6eb",
1042
- "compoundBrandForeground1Hover": "#d2e0f4",
1043
- "compoundBrandForeground1Pressed": "#2e6ac5",
558
+ "compoundBrandBackground1Pressed": "#0e336a",
559
+ "compoundBrandForeground1": "#aec6eb",
560
+ "compoundBrandForeground1Hover": "#d2e0f4",
561
+ "compoundBrandForeground1Pressed": "#2e6ac5",
1044
562
  "compoundBrandStroke1": "#185abd",
1045
563
  "compoundBrandStroke1Hover": "#1651aa",
1046
564
  "compoundBrandStroke1Pressed": "#0e336a",
@@ -1173,370 +691,55 @@ exports[`createBrandedThemeWithAlias test themeName: DarkGray 2`] = `
1173
691
  }
1174
692
  `;
1175
693
 
1176
- exports[`createBrandedThemeWithAlias test themeName: DarkGray 3`] = `
694
+ exports[`createOfficeColorAliasTokens test officeTheme: HighContrast 1`] = `
1177
695
  {
1178
- "shadow16": {
1179
- "ambient": {
1180
- "blur": 2,
1181
- "color": "#0000003d",
1182
- "x": 0,
1183
- "y": 0,
1184
- },
1185
- "key": {
1186
- "blur": 16,
1187
- "color": "#00000047",
1188
- "x": 0,
1189
- "y": 8,
1190
- },
696
+ "brandBackground": {
697
+ "resource_paths": [
698
+ "ButtonFace",
699
+ ],
1191
700
  },
1192
- "shadow16brand": {
1193
- "ambient": {
1194
- "blur": 2,
1195
- "color": "#0000004d",
1196
- "x": 0,
1197
- "y": 0,
1198
- },
1199
- "key": {
1200
- "blur": 16,
1201
- "color": "#00000040",
1202
- "x": 0,
1203
- "y": 8,
1204
- },
701
+ "brandBackground2": {
702
+ "resource_paths": [
703
+ "ButtonFace",
704
+ ],
1205
705
  },
1206
- "shadow2": {
1207
- "ambient": {
1208
- "blur": 2,
1209
- "color": "#0000003d",
1210
- "x": 0,
1211
- "y": 0,
1212
- },
1213
- "key": {
1214
- "blur": 2,
1215
- "color": "#00000047",
1216
- "x": 0,
1217
- "y": 1,
1218
- },
706
+ "brandBackgroundDisabled": undefined,
707
+ "brandBackgroundHover": {
708
+ "resource_paths": [
709
+ "Highlight",
710
+ ],
1219
711
  },
1220
- "shadow28": {
1221
- "ambient": {
1222
- "blur": 8,
1223
- "color": "#00000066",
1224
- "x": 0,
1225
- "y": 0,
1226
- },
1227
- "key": {
1228
- "blur": 28,
1229
- "color": "#0000007a",
1230
- "x": 0,
1231
- "y": 14,
1232
- },
712
+ "brandBackgroundPressed": {
713
+ "resource_paths": [
714
+ "Highlight",
715
+ ],
1233
716
  },
1234
- "shadow28brand": {
1235
- "ambient": {
1236
- "blur": 8,
1237
- "color": "#0000004d",
1238
- "x": 0,
1239
- "y": 0,
1240
- },
1241
- "key": {
1242
- "blur": 28,
1243
- "color": "#00000040",
1244
- "x": 0,
1245
- "y": 14,
1246
- },
717
+ "brandBackgroundSelected": {
718
+ "resource_paths": [
719
+ "Highlight",
720
+ ],
1247
721
  },
1248
- "shadow2brand": {
1249
- "ambient": {
1250
- "blur": 2,
1251
- "color": "#0000004d",
1252
- "x": 0,
1253
- "y": 0,
1254
- },
1255
- "key": {
1256
- "blur": 2,
1257
- "color": "#00000040",
1258
- "x": 0,
1259
- "y": 1,
1260
- },
722
+ "brandBackgroundStatic": {
723
+ "resource_paths": [
724
+ "Window",
725
+ ],
1261
726
  },
1262
- "shadow4": {
1263
- "ambient": {
1264
- "blur": 2,
1265
- "color": "#0000003d",
1266
- "x": 0,
1267
- "y": 0,
1268
- },
1269
- "key": {
1270
- "blur": 4,
1271
- "color": "#00000047",
1272
- "x": 0,
1273
- "y": 2,
1274
- },
727
+ "brandForeground1": {
728
+ "resource_paths": [
729
+ "WindowText",
730
+ ],
1275
731
  },
1276
- "shadow4brand": {
1277
- "ambient": {
1278
- "blur": 2,
1279
- "color": "#0000004d",
1280
- "x": 0,
1281
- "y": 0,
1282
- },
1283
- "key": {
1284
- "blur": 4,
1285
- "color": "#00000040",
1286
- "x": 0,
1287
- "y": 2,
1288
- },
732
+ "brandForeground1Disabled": undefined,
733
+ "brandForeground1Pressed": undefined,
734
+ "brandForeground2": {
735
+ "resource_paths": [
736
+ "ButtonText",
737
+ ],
1289
738
  },
1290
- "shadow64": {
1291
- "ambient": {
1292
- "blur": 8,
1293
- "color": "#00000066",
1294
- "x": 0,
1295
- "y": 0,
1296
- },
1297
- "key": {
1298
- "blur": 64,
1299
- "color": "#0000007a",
1300
- "x": 0,
1301
- "y": 32,
1302
- },
1303
- },
1304
- "shadow64brand": {
1305
- "ambient": {
1306
- "blur": 8,
1307
- "color": "#0000004d",
1308
- "x": 0,
1309
- "y": 0,
1310
- },
1311
- "key": {
1312
- "blur": 64,
1313
- "color": "#00000040",
1314
- "x": 0,
1315
- "y": 32,
1316
- },
1317
- },
1318
- "shadow8": {
1319
- "ambient": {
1320
- "blur": 2,
1321
- "color": "#0000003d",
1322
- "x": 0,
1323
- "y": 0,
1324
- },
1325
- "key": {
1326
- "blur": 8,
1327
- "color": "#00000047",
1328
- "x": 0,
1329
- "y": 4,
1330
- },
1331
- },
1332
- "shadow8brand": {
1333
- "ambient": {
1334
- "blur": 2,
1335
- "color": "#0000004d",
1336
- "x": 0,
1337
- "y": 0,
1338
- },
1339
- "key": {
1340
- "blur": 8,
1341
- "color": "#00000040",
1342
- "x": 0,
1343
- "y": 4,
1344
- },
1345
- },
1346
- }
1347
- `;
1348
-
1349
- exports[`createBrandedThemeWithAlias test themeName: DarkGray 4`] = `
1350
- {
1351
- "brandBackground": "#d83b01",
1352
- "brandBackground2": "#f9dcd1",
1353
- "brandBackgroundHover": "#c33400",
1354
- "brandBackgroundPressed": "#792000",
1355
- "brandBackgroundSelected": "#a52c00",
1356
- "brandBackgroundStatic": "#d83b01",
1357
- "brandForeground1": "#d83b01",
1358
- "brandForeground2": "#c33400",
1359
- "brandForegroundLink": "#d83b01",
1360
- "brandForegroundLinkHover": "#c33400",
1361
- "brandForegroundLinkPressed": "#792000",
1362
- "brandForegroundLinkSelected": "#a52c00",
1363
- "brandStroke1": "#d83b01",
1364
- "brandStroke2": "#f9dcd1",
1365
- "compoundBrandBackground1": "#d83b01",
1366
- "compoundBrandBackground1Hover": "#c33400",
1367
- "compoundBrandBackground1Pressed": "#a52c00",
1368
- "compoundBrandForeground1": "#d83b01",
1369
- "compoundBrandForeground1Hover": "#c33400",
1370
- "compoundBrandForeground1Pressed": "#792000",
1371
- "compoundBrandStroke1": "#d83b01",
1372
- "compoundBrandStroke1Hover": "#c33400",
1373
- "compoundBrandStroke1Pressed": "#a52c00",
1374
- "neutralForeground2BrandHover": "#c33400",
1375
- "neutralForeground2BrandPressed": "#792000",
1376
- "neutralForeground2BrandSelected": "#a52c00",
1377
- "neutralForeground3BrandHover": "#c33400",
1378
- "neutralForeground3BrandPressed": "#792000",
1379
- "neutralForeground3BrandSelected": "#a52c00",
1380
- "neutralStrokeAccessibleSelected": "#d83b01",
1381
- }
1382
- `;
1383
-
1384
- exports[`createBrandedThemeWithAlias test themeName: DarkGray 5`] = `
1385
- {
1386
- "brandBackground": "#107c41",
1387
- "brandBackground2": "#caead8",
1388
- "brandBackgroundHover": "#0f703b",
1389
- "brandBackgroundPressed": "#094624",
1390
- "brandBackgroundSelected": "#0c5f32",
1391
- "brandBackgroundStatic": "#107c41",
1392
- "brandForeground1": "#107c41",
1393
- "brandForeground2": "#0f703b",
1394
- "brandForegroundLink": "#107c41",
1395
- "brandForegroundLinkHover": "#0f703b",
1396
- "brandForegroundLinkPressed": "#094624",
1397
- "brandForegroundLinkSelected": "#0c5f32",
1398
- "brandStroke1": "#107c41",
1399
- "brandStroke2": "#caead8",
1400
- "compoundBrandBackground1": "#107c41",
1401
- "compoundBrandBackground1Hover": "#0f703b",
1402
- "compoundBrandBackground1Pressed": "#0c5f32",
1403
- "compoundBrandForeground1": "#107c41",
1404
- "compoundBrandForeground1Hover": "#0f703b",
1405
- "compoundBrandForeground1Pressed": "#094624",
1406
- "compoundBrandStroke1": "#107c41",
1407
- "compoundBrandStroke1Hover": "#0f703b",
1408
- "compoundBrandStroke1Pressed": "#0c5f32",
1409
- "neutralForeground2BrandHover": "#0f703b",
1410
- "neutralForeground2BrandPressed": "#094624",
1411
- "neutralForeground2BrandSelected": "#0c5f32",
1412
- "neutralForeground3BrandHover": "#0f703b",
1413
- "neutralForeground3BrandPressed": "#094624",
1414
- "neutralForeground3BrandSelected": "#0c5f32",
1415
- "neutralStrokeAccessibleSelected": "#107c41",
1416
- }
1417
- `;
1418
-
1419
- exports[`createBrandedThemeWithAlias test themeName: DarkGray 6`] = `
1420
- {
1421
- "brandBackground": "#185abd",
1422
- "brandBackground2": "#d2e0f4",
1423
- "brandBackgroundHover": "#1651aa",
1424
- "brandBackgroundPressed": "#0e336a",
1425
- "brandBackgroundSelected": "#13458f",
1426
- "brandBackgroundStatic": "#185abd",
1427
- "brandForeground1": "#aec6eb",
1428
- "brandForeground2": "#d2e0f4",
1429
- "brandForegroundLink": "#aec6eb",
1430
- "brandForegroundLinkHover": "#d2e0f4",
1431
- "brandForegroundLinkPressed": "#2e6ac5",
1432
- "brandForegroundLinkSelected": "#d2e0f4",
1433
- "brandStroke1": "#185abd",
1434
- "brandStroke2": "#d2e0f4",
1435
- "compoundBrandBackground1": "#185abd",
1436
- "compoundBrandBackground1Hover": "#1651aa",
1437
- "compoundBrandBackground1Pressed": "#13458f",
1438
- "compoundBrandForeground1": "#aec6eb",
1439
- "compoundBrandForeground1Hover": "#d2e0f4",
1440
- "compoundBrandForeground1Pressed": "#2e6ac5",
1441
- "compoundBrandStroke1": "#185abd",
1442
- "compoundBrandStroke1Hover": "#1651aa",
1443
- "compoundBrandStroke1Pressed": "#13458f",
1444
- "neutralForeground2BrandHover": "#d2e0f4",
1445
- "neutralForeground2BrandPressed": "#2e6ac5",
1446
- "neutralForeground2BrandSelected": "#d2e0f4",
1447
- "neutralForeground3BrandHover": "#d2e0f4",
1448
- "neutralForeground3BrandPressed": "#2e6ac5",
1449
- "neutralForeground3BrandSelected": "#d2e0f4",
1450
- "neutralStrokeAccessibleSelected": "#185abd",
1451
- }
1452
- `;
1453
-
1454
- exports[`createBrandedThemeWithAlias test themeName: DarkGray 7`] = `
1455
- {
1456
- "brandBackground": "#c43e1c",
1457
- "brandBackground2": "#f6dbd4",
1458
- "brandBackgroundHover": "#b13719",
1459
- "brandBackgroundPressed": "#6e220f",
1460
- "brandBackgroundSelected": "#952f15",
1461
- "brandBackgroundStatic": "#c43e1c",
1462
- "brandForeground1": "#edbcb0",
1463
- "brandForeground2": "#f6dbd4",
1464
- "brandForegroundLink": "#edbcb0",
1465
- "brandForegroundLinkHover": "#f6dbd4",
1466
- "brandForegroundLinkPressed": "#cb5031",
1467
- "brandForegroundLinkSelected": "#f6dbd4",
1468
- "brandStroke1": "#c43e1c",
1469
- "brandStroke2": "#f6dbd4",
1470
- "compoundBrandBackground1": "#c43e1c",
1471
- "compoundBrandBackground1Hover": "#b13719",
1472
- "compoundBrandBackground1Pressed": "#952f15",
1473
- "compoundBrandForeground1": "#edbcb0",
1474
- "compoundBrandForeground1Hover": "#f6dbd4",
1475
- "compoundBrandForeground1Pressed": "#cb5031",
1476
- "compoundBrandStroke1": "#c43e1c",
1477
- "compoundBrandStroke1Hover": "#b13719",
1478
- "compoundBrandStroke1Pressed": "#952f15",
1479
- "neutralForeground2BrandHover": "#f6dbd4",
1480
- "neutralForeground2BrandPressed": "#cb5031",
1481
- "neutralForeground2BrandSelected": "#f6dbd4",
1482
- "neutralForeground3BrandHover": "#f6dbd4",
1483
- "neutralForeground3BrandPressed": "#cb5031",
1484
- "neutralForeground3BrandSelected": "#f6dbd4",
1485
- "neutralStrokeAccessibleSelected": "#c43e1c",
1486
- }
1487
- `;
1488
-
1489
- exports[`createBrandedThemeWithAlias test themeName: HighContrast 1`] = `{}`;
1490
-
1491
- exports[`createBrandedThemeWithAlias test themeName: HighContrast 2`] = `
1492
- {
1493
- "brandBackground": {
1494
- "resource_paths": [
1495
- "ButtonFace",
1496
- ],
1497
- },
1498
- "brandBackground2": {
1499
- "resource_paths": [
1500
- "ButtonFace",
1501
- ],
1502
- },
1503
- "brandBackgroundDisabled": undefined,
1504
- "brandBackgroundHover": {
1505
- "resource_paths": [
1506
- "Highlight",
1507
- ],
1508
- },
1509
- "brandBackgroundPressed": {
1510
- "resource_paths": [
1511
- "Highlight",
1512
- ],
1513
- },
1514
- "brandBackgroundSelected": {
1515
- "resource_paths": [
1516
- "Highlight",
1517
- ],
1518
- },
1519
- "brandBackgroundStatic": {
1520
- "resource_paths": [
1521
- "Window",
1522
- ],
1523
- },
1524
- "brandForeground1": {
1525
- "resource_paths": [
1526
- "WindowText",
1527
- ],
1528
- },
1529
- "brandForeground1Disabled": undefined,
1530
- "brandForeground1Pressed": undefined,
1531
- "brandForeground2": {
1532
- "resource_paths": [
1533
- "ButtonText",
1534
- ],
1535
- },
1536
- "brandForegroundLink": {
1537
- "resource_paths": [
1538
- "Hotlight",
1539
- ],
739
+ "brandForegroundLink": {
740
+ "resource_paths": [
741
+ "Hotlight",
742
+ ],
1540
743
  },
1541
744
  "brandForegroundLinkHover": {
1542
745
  "resource_paths": [
@@ -2213,33 +1416,190 @@ exports[`createBrandedThemeWithAlias test themeName: HighContrast 2`] = `
2213
1416
  }
2214
1417
  `;
2215
1418
 
2216
- exports[`createBrandedThemeWithAlias test themeName: HighContrast 3`] = `
1419
+ exports[`createOfficeColorAliasTokens test officeTheme: White 1`] = `
2217
1420
  {
2218
- "shadow16": {
2219
- "ambient": {
2220
- "blur": 2,
2221
- "color": "#0000003d",
2222
- "x": 0,
2223
- "y": 0,
2224
- },
2225
- "key": {
2226
- "blur": 16,
2227
- "color": "#00000047",
2228
- "x": 0,
2229
- "y": 8,
2230
- },
2231
- },
2232
- "shadow16brand": {
2233
- "ambient": {
2234
- "blur": 2,
2235
- "color": "#0000004d",
2236
- "x": 0,
2237
- "y": 0,
2238
- },
2239
- "key": {
2240
- "blur": 16,
2241
- "color": "#00000040",
2242
- "x": 0,
1421
+ "brandBackground": "#185abd",
1422
+ "brandBackground2": "#d2e0f4",
1423
+ "brandBackgroundDisabled": undefined,
1424
+ "brandBackgroundHover": "#1651aa",
1425
+ "brandBackgroundPressed": "#0e336a",
1426
+ "brandBackgroundSelected": "#13458f",
1427
+ "brandBackgroundStatic": "#185abd",
1428
+ "brandForeground1": "#185abd",
1429
+ "brandForeground1Disabled": undefined,
1430
+ "brandForeground1Pressed": undefined,
1431
+ "brandForeground2": "#1651aa",
1432
+ "brandForegroundLink": "#185abd",
1433
+ "brandForegroundLinkHover": "#1651aa",
1434
+ "brandForegroundLinkPressed": "#0e336a",
1435
+ "brandForegroundLinkSelected": "#13458f",
1436
+ "brandStroke1": "#185abd",
1437
+ "brandStroke2": "#6794d7",
1438
+ "compoundBrandBackground1": "#185abd",
1439
+ "compoundBrandBackground1Hover": "#1651aa",
1440
+ "compoundBrandBackground1Pressed": "#0e336a",
1441
+ "compoundBrandForeground1": "#185abd",
1442
+ "compoundBrandForeground1Hover": "#1651aa",
1443
+ "compoundBrandForeground1Pressed": "#0e336a",
1444
+ "compoundBrandStroke1": "#185abd",
1445
+ "compoundBrandStroke1Hover": "#1651aa",
1446
+ "compoundBrandStroke1Pressed": "#0e336a",
1447
+ "dangerBackground1": "#fdf6f6",
1448
+ "dangerBackground2": "#f1bbbc",
1449
+ "dangerBackground3": "#d13438",
1450
+ "dangerBorder1": "#f1bbbc",
1451
+ "dangerBorder2": "#d13438",
1452
+ "dangerBorderActive": "#d13438",
1453
+ "dangerForeground1": "#bc2f32",
1454
+ "dangerForeground2": "#751d1f",
1455
+ "dangerForeground3": "#d13438",
1456
+ "dangerForegroundInverted": "#dc5e62",
1457
+ "neutralBackground1": "#ffffff",
1458
+ "neutralBackground1Hover": "#f5f5f5",
1459
+ "neutralBackground1Pressed": "#e0e0e0",
1460
+ "neutralBackground1Selected": "#ebebeb",
1461
+ "neutralBackground2": "#fafafa",
1462
+ "neutralBackground2Hover": "#f0f0f0",
1463
+ "neutralBackground2Pressed": "#dbdbdb",
1464
+ "neutralBackground2Selected": "#e6e6e6",
1465
+ "neutralBackground3": "#f5f5f5",
1466
+ "neutralBackground3Hover": "#ebebeb",
1467
+ "neutralBackground3Pressed": "#d6d6d6",
1468
+ "neutralBackground3Selected": "#e0e0e0",
1469
+ "neutralBackground4": "#f0f0f0",
1470
+ "neutralBackground4Hover": "#fafafa",
1471
+ "neutralBackground4Pressed": "#f5f5f5",
1472
+ "neutralBackground4Selected": "#ffffff",
1473
+ "neutralBackground5": "#ebebeb",
1474
+ "neutralBackground5Hover": "#f5f5f5",
1475
+ "neutralBackground5Pressed": "#f0f0f0",
1476
+ "neutralBackground5Selected": "#fafafa",
1477
+ "neutralBackground6": "#e6e6e6",
1478
+ "neutralBackgroundDisabled": "#f0f0f0",
1479
+ "neutralBackgroundInverted": "#616161",
1480
+ "neutralForeground1": "#242424",
1481
+ "neutralForeground1Hover": "#242424",
1482
+ "neutralForeground1Pressed": "#242424",
1483
+ "neutralForeground1Selected": "#242424",
1484
+ "neutralForeground2": "#424242",
1485
+ "neutralForeground2BrandHover": "#1651aa",
1486
+ "neutralForeground2BrandPressed": "#0e336a",
1487
+ "neutralForeground2BrandSelected": "#13458f",
1488
+ "neutralForeground2Hover": "#242424",
1489
+ "neutralForeground2Pressed": "#242424",
1490
+ "neutralForeground2Selected": "#242424",
1491
+ "neutralForeground3": "#616161",
1492
+ "neutralForeground3BrandHover": "#1651aa",
1493
+ "neutralForeground3BrandPressed": "#0e336a",
1494
+ "neutralForeground3BrandSelected": "#13458f",
1495
+ "neutralForeground3Hover": "#424242",
1496
+ "neutralForeground3Pressed": "#424242",
1497
+ "neutralForeground3Selected": "#424242",
1498
+ "neutralForeground4": "#707070",
1499
+ "neutralForegroundDisabled": "#bdbdbd",
1500
+ "neutralForegroundInverted": "#ffffff",
1501
+ "neutralForegroundInvertedLink": "#ffffff",
1502
+ "neutralForegroundInvertedLinkHover": "#ffffff",
1503
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
1504
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
1505
+ "neutralForegroundOnBrand": "#ffffff",
1506
+ "neutralForegroundOnBrandHover": "#ffffff",
1507
+ "neutralForegroundOnBrandPressed": "#ffffff",
1508
+ "neutralForegroundOnBrandSelected": "#ffffff",
1509
+ "neutralStencil1": "#e6e6e6",
1510
+ "neutralStencil2": "#fafafa",
1511
+ "neutralStroke1": "#d1d1d1",
1512
+ "neutralStroke1Hover": "#c7c7c7",
1513
+ "neutralStroke1Pressed": "#b3b3b3",
1514
+ "neutralStroke1Selected": "#bdbdbd",
1515
+ "neutralStroke2": "#e0e0e0",
1516
+ "neutralStroke3": "#f0f0f0",
1517
+ "neutralStrokeAccessible": "#616161",
1518
+ "neutralStrokeAccessibleHover": "#575757",
1519
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
1520
+ "neutralStrokeAccessibleSelected": "#185abd",
1521
+ "neutralStrokeDisabled": "#e0e0e0",
1522
+ "outofofficeBackground1": "#fdf5fc",
1523
+ "outofofficeBackground2": "#edbbe7",
1524
+ "outofofficeBackground3": "#c239b3",
1525
+ "outofofficeBorder1": "#edbbe7",
1526
+ "outofofficeBorder2": "#c239b3",
1527
+ "outofofficeBorderActive": "#c239b3",
1528
+ "outofofficeForeground1": "#af33a1",
1529
+ "outofofficeForeground2": "#6d2064",
1530
+ "outofofficeForeground3": "#c239b3",
1531
+ "severeBackground1": "#fdf6f3",
1532
+ "severeBackground2": "#f4bfab",
1533
+ "severeBackground3": "#da3b01",
1534
+ "severeBorder1": "#f4bfab",
1535
+ "severeBorder2": "#da3b01",
1536
+ "severeBorderActive": "#da3b01",
1537
+ "severeForeground1": "#c43501",
1538
+ "severeForeground2": "#7a2101",
1539
+ "severeForeground3": "#da3b01",
1540
+ "strokeFocus1": "#ffffff",
1541
+ "strokeFocus2": "#000000",
1542
+ "subtleBackground": "#00000000",
1543
+ "subtleBackgroundHover": "#f5f5f5",
1544
+ "subtleBackgroundPressed": "#e0e0e0",
1545
+ "subtleBackgroundSelected": "#ebebeb",
1546
+ "successBackground1": "#f1faf1",
1547
+ "successBackground2": "#9fd89f",
1548
+ "successBackground3": "#107c10",
1549
+ "successBorder1": "#9fd89f",
1550
+ "successBorder2": "#107c10",
1551
+ "successBorderActive": "#107c10",
1552
+ "successForeground1": "#0e700e",
1553
+ "successForeground2": "#094509",
1554
+ "successForeground3": "#107c10",
1555
+ "successForegroundInverted": "#359b35",
1556
+ "transparentBackground": "#00000000",
1557
+ "transparentBackgroundHover": "#00000000",
1558
+ "transparentBackgroundPressed": "#00000000",
1559
+ "transparentBackgroundSelected": "#00000000",
1560
+ "transparentStroke": "#00000000",
1561
+ "transparentStrokeDisabled": "#00000000",
1562
+ "transparentStrokeInteractive": "#00000000",
1563
+ "warningBackground1": "#fffef5",
1564
+ "warningBackground2": "#fef7b2",
1565
+ "warningBackground3": "#fde300",
1566
+ "warningBorder1": "#fef7b2",
1567
+ "warningBorder2": "#fde300",
1568
+ "warningBorderActive": "#fde300",
1569
+ "warningForeground1": "#817400",
1570
+ "warningForeground2": "#817400",
1571
+ "warningForeground3": "#fde300",
1572
+ "warningForegroundInverted": "#fef7b2",
1573
+ }
1574
+ `;
1575
+
1576
+ exports[`createOfficeShadowAliasTokens test officeTheme: Black 1`] = `
1577
+ {
1578
+ "shadow16": {
1579
+ "ambient": {
1580
+ "blur": 2,
1581
+ "color": "#0000003d",
1582
+ "x": 0,
1583
+ "y": 0,
1584
+ },
1585
+ "key": {
1586
+ "blur": 16,
1587
+ "color": "#00000047",
1588
+ "x": 0,
1589
+ "y": 8,
1590
+ },
1591
+ },
1592
+ "shadow16brand": {
1593
+ "ambient": {
1594
+ "blur": 2,
1595
+ "color": "#0000004d",
1596
+ "x": 0,
1597
+ "y": 0,
1598
+ },
1599
+ "key": {
1600
+ "blur": 16,
1601
+ "color": "#00000040",
1602
+ "x": 0,
2243
1603
  "y": 8,
2244
1604
  },
2245
1605
  },
@@ -2386,306 +1746,7 @@ exports[`createBrandedThemeWithAlias test themeName: HighContrast 3`] = `
2386
1746
  }
2387
1747
  `;
2388
1748
 
2389
- exports[`createBrandedThemeWithAlias test themeName: HighContrast 4`] = `
2390
- {
2391
- "brandBackground": "#0078d4",
2392
- "brandBackground2": "#cce3f5",
2393
- "brandBackgroundHover": "#106ebe",
2394
- "brandBackgroundPressed": "#135995",
2395
- "brandBackgroundSelected": "#1664a7",
2396
- "brandBackgroundStatic": "#0078d4",
2397
- "brandForeground1": "#0078d4",
2398
- "brandForeground2": "#106ebe",
2399
- "brandForegroundLink": "#0078d4",
2400
- "brandForegroundLinkHover": "#106ebe",
2401
- "brandForegroundLinkPressed": "#135995",
2402
- "brandForegroundLinkSelected": "#1664a7",
2403
- "brandStroke1": "#0078d4",
2404
- "brandStroke2": "#cce3f5",
2405
- "compoundBrandBackground1": "#0078d4",
2406
- "compoundBrandBackground1Hover": "#106ebe",
2407
- "compoundBrandBackground1Pressed": "#1664a7",
2408
- "compoundBrandForeground1": "#0078d4",
2409
- "compoundBrandForeground1Hover": "#106ebe",
2410
- "compoundBrandForeground1Pressed": "#135995",
2411
- "compoundBrandStroke1": "#0078d4",
2412
- "compoundBrandStroke1Hover": "#106ebe",
2413
- "compoundBrandStroke1Pressed": "#1664a7",
2414
- "neutralForeground2BrandHover": "#106ebe",
2415
- "neutralForeground2BrandPressed": "#135995",
2416
- "neutralForeground2BrandSelected": "#1664a7",
2417
- "neutralForeground3BrandHover": "#106ebe",
2418
- "neutralForeground3BrandPressed": "#135995",
2419
- "neutralForeground3BrandSelected": "#1664a7",
2420
- "neutralStrokeAccessibleSelected": "#0078d4",
2421
- }
2422
- `;
2423
-
2424
- exports[`createBrandedThemeWithAlias test themeName: HighContrast 5`] = `
2425
- {
2426
- "brandBackground": "#80397b",
2427
- "brandBackground2": "#f0daee",
2428
- "brandBackgroundHover": "#6c2f68",
2429
- "brandBackgroundPressed": "#3c1a3a",
2430
- "brandBackgroundSelected": "#52254f",
2431
- "brandBackgroundStatic": "#80397b",
2432
- "brandForeground1": "#80397b",
2433
- "brandForeground2": "#6c2f68",
2434
- "brandForegroundLink": "#80397b",
2435
- "brandForegroundLinkHover": "#6c2f68",
2436
- "brandForegroundLinkPressed": "#3c1a3a",
2437
- "brandForegroundLinkSelected": "#52254f",
2438
- "brandStroke1": "#80397b",
2439
- "brandStroke2": "#f0daee",
2440
- "compoundBrandBackground1": "#80397b",
2441
- "compoundBrandBackground1Hover": "#6c2f68",
2442
- "compoundBrandBackground1Pressed": "#52254f",
2443
- "compoundBrandForeground1": "#80397b",
2444
- "compoundBrandForeground1Hover": "#6c2f68",
2445
- "compoundBrandForeground1Pressed": "#3c1a3a",
2446
- "compoundBrandStroke1": "#80397b",
2447
- "compoundBrandStroke1Hover": "#6c2f68",
2448
- "compoundBrandStroke1Pressed": "#52254f",
2449
- "neutralForeground2BrandHover": "#6c2f68",
2450
- "neutralForeground2BrandPressed": "#3c1a3a",
2451
- "neutralForeground2BrandSelected": "#52254f",
2452
- "neutralForeground3BrandHover": "#6c2f68",
2453
- "neutralForeground3BrandPressed": "#3c1a3a",
2454
- "neutralForeground3BrandSelected": "#52254f",
2455
- "neutralStrokeAccessibleSelected": "#80397b",
2456
- }
2457
- `;
2458
-
2459
- exports[`createBrandedThemeWithAlias test themeName: HighContrast 6`] = `
2460
- {
2461
- "brandBackground": "#d83b01",
2462
- "brandBackground2": "#f9dcd1",
2463
- "brandBackgroundHover": "#c33400",
2464
- "brandBackgroundPressed": "#792000",
2465
- "brandBackgroundSelected": "#a52c00",
2466
- "brandBackgroundStatic": "#d83b01",
2467
- "brandForeground1": "#f4beaa",
2468
- "brandForeground2": "#f9dcd1",
2469
- "brandForegroundLink": "#f4beaa",
2470
- "brandForegroundLinkHover": "#f9dcd1",
2471
- "brandForegroundLinkPressed": "#dd4f1b",
2472
- "brandForegroundLinkSelected": "#f9dcd1",
2473
- "brandStroke1": "#d83b01",
2474
- "brandStroke2": "#f9dcd1",
2475
- "compoundBrandBackground1": "#d83b01",
2476
- "compoundBrandBackground1Hover": "#c33400",
2477
- "compoundBrandBackground1Pressed": "#a52c00",
2478
- "compoundBrandForeground1": "#f4beaa",
2479
- "compoundBrandForeground1Hover": "#f9dcd1",
2480
- "compoundBrandForeground1Pressed": "#dd4f1b",
2481
- "compoundBrandStroke1": "#d83b01",
2482
- "compoundBrandStroke1Hover": "#c33400",
2483
- "compoundBrandStroke1Pressed": "#a52c00",
2484
- "neutralForeground2BrandHover": "#f9dcd1",
2485
- "neutralForeground2BrandPressed": "#dd4f1b",
2486
- "neutralForeground2BrandSelected": "#f9dcd1",
2487
- "neutralForeground3BrandHover": "#f9dcd1",
2488
- "neutralForeground3BrandPressed": "#dd4f1b",
2489
- "neutralForeground3BrandSelected": "#f9dcd1",
2490
- "neutralStrokeAccessibleSelected": "#d83b01",
2491
- }
2492
- `;
2493
-
2494
- exports[`createBrandedThemeWithAlias test themeName: White 1`] = `
2495
- {
2496
- "colors": {
2497
- "brandBackground": "#185abd",
2498
- "brandBackground2": "#d2e0f4",
2499
- "brandBackgroundHover": "#1651aa",
2500
- "brandBackgroundPressed": "#0e336a",
2501
- "brandBackgroundSelected": "#13458f",
2502
- "brandBackgroundStatic": "#185abd",
2503
- "brandForeground1": "#185abd",
2504
- "brandForeground2": "#1651aa",
2505
- "brandForegroundLink": "#185abd",
2506
- "brandForegroundLinkHover": "#1651aa",
2507
- "brandForegroundLinkPressed": "#0e336a",
2508
- "brandForegroundLinkSelected": "#13458f",
2509
- "brandStroke1": "#185abd",
2510
- "brandStroke2": "#d2e0f4",
2511
- "compoundBrandBackground1": "#185abd",
2512
- "compoundBrandBackground1Hover": "#1651aa",
2513
- "compoundBrandBackground1Pressed": "#13458f",
2514
- "compoundBrandForeground1": "#185abd",
2515
- "compoundBrandForeground1Hover": "#1651aa",
2516
- "compoundBrandForeground1Pressed": "#0e336a",
2517
- "compoundBrandStroke1": "#185abd",
2518
- "compoundBrandStroke1Hover": "#1651aa",
2519
- "compoundBrandStroke1Pressed": "#13458f",
2520
- "neutralForeground2BrandHover": "#1651aa",
2521
- "neutralForeground2BrandPressed": "#0e336a",
2522
- "neutralForeground2BrandSelected": "#13458f",
2523
- "neutralForeground3BrandHover": "#1651aa",
2524
- "neutralForeground3BrandPressed": "#0e336a",
2525
- "neutralForeground3BrandSelected": "#13458f",
2526
- "neutralStrokeAccessibleSelected": "#185abd",
2527
- },
2528
- }
2529
- `;
2530
-
2531
- exports[`createBrandedThemeWithAlias test themeName: White 2`] = `
2532
- {
2533
- "brandBackground": "#185abd",
2534
- "brandBackground2": "#d2e0f4",
2535
- "brandBackgroundDisabled": undefined,
2536
- "brandBackgroundHover": "#1651aa",
2537
- "brandBackgroundPressed": "#0e336a",
2538
- "brandBackgroundSelected": "#13458f",
2539
- "brandBackgroundStatic": "#185abd",
2540
- "brandForeground1": "#185abd",
2541
- "brandForeground1Disabled": undefined,
2542
- "brandForeground1Pressed": undefined,
2543
- "brandForeground2": "#1651aa",
2544
- "brandForegroundLink": "#185abd",
2545
- "brandForegroundLinkHover": "#1651aa",
2546
- "brandForegroundLinkPressed": "#0e336a",
2547
- "brandForegroundLinkSelected": "#13458f",
2548
- "brandStroke1": "#185abd",
2549
- "brandStroke2": "#6794d7",
2550
- "compoundBrandBackground1": "#185abd",
2551
- "compoundBrandBackground1Hover": "#1651aa",
2552
- "compoundBrandBackground1Pressed": "#0e336a",
2553
- "compoundBrandForeground1": "#185abd",
2554
- "compoundBrandForeground1Hover": "#1651aa",
2555
- "compoundBrandForeground1Pressed": "#0e336a",
2556
- "compoundBrandStroke1": "#185abd",
2557
- "compoundBrandStroke1Hover": "#1651aa",
2558
- "compoundBrandStroke1Pressed": "#0e336a",
2559
- "dangerBackground1": "#fdf6f6",
2560
- "dangerBackground2": "#f1bbbc",
2561
- "dangerBackground3": "#d13438",
2562
- "dangerBorder1": "#f1bbbc",
2563
- "dangerBorder2": "#d13438",
2564
- "dangerBorderActive": "#d13438",
2565
- "dangerForeground1": "#bc2f32",
2566
- "dangerForeground2": "#751d1f",
2567
- "dangerForeground3": "#d13438",
2568
- "dangerForegroundInverted": "#dc5e62",
2569
- "neutralBackground1": "#ffffff",
2570
- "neutralBackground1Hover": "#f5f5f5",
2571
- "neutralBackground1Pressed": "#e0e0e0",
2572
- "neutralBackground1Selected": "#ebebeb",
2573
- "neutralBackground2": "#fafafa",
2574
- "neutralBackground2Hover": "#f0f0f0",
2575
- "neutralBackground2Pressed": "#dbdbdb",
2576
- "neutralBackground2Selected": "#e6e6e6",
2577
- "neutralBackground3": "#f5f5f5",
2578
- "neutralBackground3Hover": "#ebebeb",
2579
- "neutralBackground3Pressed": "#d6d6d6",
2580
- "neutralBackground3Selected": "#e0e0e0",
2581
- "neutralBackground4": "#f0f0f0",
2582
- "neutralBackground4Hover": "#fafafa",
2583
- "neutralBackground4Pressed": "#f5f5f5",
2584
- "neutralBackground4Selected": "#ffffff",
2585
- "neutralBackground5": "#ebebeb",
2586
- "neutralBackground5Hover": "#f5f5f5",
2587
- "neutralBackground5Pressed": "#f0f0f0",
2588
- "neutralBackground5Selected": "#fafafa",
2589
- "neutralBackground6": "#e6e6e6",
2590
- "neutralBackgroundDisabled": "#f0f0f0",
2591
- "neutralBackgroundInverted": "#616161",
2592
- "neutralForeground1": "#242424",
2593
- "neutralForeground1Hover": "#242424",
2594
- "neutralForeground1Pressed": "#242424",
2595
- "neutralForeground1Selected": "#242424",
2596
- "neutralForeground2": "#424242",
2597
- "neutralForeground2BrandHover": "#1651aa",
2598
- "neutralForeground2BrandPressed": "#0e336a",
2599
- "neutralForeground2BrandSelected": "#13458f",
2600
- "neutralForeground2Hover": "#242424",
2601
- "neutralForeground2Pressed": "#242424",
2602
- "neutralForeground2Selected": "#242424",
2603
- "neutralForeground3": "#616161",
2604
- "neutralForeground3BrandHover": "#1651aa",
2605
- "neutralForeground3BrandPressed": "#0e336a",
2606
- "neutralForeground3BrandSelected": "#13458f",
2607
- "neutralForeground3Hover": "#424242",
2608
- "neutralForeground3Pressed": "#424242",
2609
- "neutralForeground3Selected": "#424242",
2610
- "neutralForeground4": "#707070",
2611
- "neutralForegroundDisabled": "#bdbdbd",
2612
- "neutralForegroundInverted": "#ffffff",
2613
- "neutralForegroundInvertedLink": "#ffffff",
2614
- "neutralForegroundInvertedLinkHover": "#ffffff",
2615
- "neutralForegroundInvertedLinkPressed": "#ffffff",
2616
- "neutralForegroundInvertedLinkSelected": "#ffffff",
2617
- "neutralForegroundOnBrand": "#ffffff",
2618
- "neutralForegroundOnBrandHover": "#ffffff",
2619
- "neutralForegroundOnBrandPressed": "#ffffff",
2620
- "neutralForegroundOnBrandSelected": "#ffffff",
2621
- "neutralStencil1": "#e6e6e6",
2622
- "neutralStencil2": "#fafafa",
2623
- "neutralStroke1": "#d1d1d1",
2624
- "neutralStroke1Hover": "#c7c7c7",
2625
- "neutralStroke1Pressed": "#b3b3b3",
2626
- "neutralStroke1Selected": "#bdbdbd",
2627
- "neutralStroke2": "#e0e0e0",
2628
- "neutralStroke3": "#f0f0f0",
2629
- "neutralStrokeAccessible": "#616161",
2630
- "neutralStrokeAccessibleHover": "#575757",
2631
- "neutralStrokeAccessiblePressed": "#4d4d4d",
2632
- "neutralStrokeAccessibleSelected": "#185abd",
2633
- "neutralStrokeDisabled": "#e0e0e0",
2634
- "outofofficeBackground1": "#fdf5fc",
2635
- "outofofficeBackground2": "#edbbe7",
2636
- "outofofficeBackground3": "#c239b3",
2637
- "outofofficeBorder1": "#edbbe7",
2638
- "outofofficeBorder2": "#c239b3",
2639
- "outofofficeBorderActive": "#c239b3",
2640
- "outofofficeForeground1": "#af33a1",
2641
- "outofofficeForeground2": "#6d2064",
2642
- "outofofficeForeground3": "#c239b3",
2643
- "severeBackground1": "#fdf6f3",
2644
- "severeBackground2": "#f4bfab",
2645
- "severeBackground3": "#da3b01",
2646
- "severeBorder1": "#f4bfab",
2647
- "severeBorder2": "#da3b01",
2648
- "severeBorderActive": "#da3b01",
2649
- "severeForeground1": "#c43501",
2650
- "severeForeground2": "#7a2101",
2651
- "severeForeground3": "#da3b01",
2652
- "strokeFocus1": "#ffffff",
2653
- "strokeFocus2": "#000000",
2654
- "subtleBackground": "#00000000",
2655
- "subtleBackgroundHover": "#f5f5f5",
2656
- "subtleBackgroundPressed": "#e0e0e0",
2657
- "subtleBackgroundSelected": "#ebebeb",
2658
- "successBackground1": "#f1faf1",
2659
- "successBackground2": "#9fd89f",
2660
- "successBackground3": "#107c10",
2661
- "successBorder1": "#9fd89f",
2662
- "successBorder2": "#107c10",
2663
- "successBorderActive": "#107c10",
2664
- "successForeground1": "#0e700e",
2665
- "successForeground2": "#094509",
2666
- "successForeground3": "#107c10",
2667
- "successForegroundInverted": "#359b35",
2668
- "transparentBackground": "#00000000",
2669
- "transparentBackgroundHover": "#00000000",
2670
- "transparentBackgroundPressed": "#00000000",
2671
- "transparentBackgroundSelected": "#00000000",
2672
- "transparentStroke": "#00000000",
2673
- "transparentStrokeDisabled": "#00000000",
2674
- "transparentStrokeInteractive": "#00000000",
2675
- "warningBackground1": "#fffef5",
2676
- "warningBackground2": "#fef7b2",
2677
- "warningBackground3": "#fde300",
2678
- "warningBorder1": "#fef7b2",
2679
- "warningBorder2": "#fde300",
2680
- "warningBorderActive": "#fde300",
2681
- "warningForeground1": "#817400",
2682
- "warningForeground2": "#817400",
2683
- "warningForeground3": "#fde300",
2684
- "warningForegroundInverted": "#fef7b2",
2685
- }
2686
- `;
2687
-
2688
- exports[`createBrandedThemeWithAlias test themeName: White 3`] = `
1749
+ exports[`createOfficeShadowAliasTokens test officeTheme: Colorful 1`] = `
2689
1750
  {
2690
1751
  "shadow16": {
2691
1752
  "ambient": {
@@ -2858,249 +1919,558 @@ exports[`createBrandedThemeWithAlias test themeName: White 3`] = `
2858
1919
  }
2859
1920
  `;
2860
1921
 
2861
- exports[`createBrandedThemeWithAlias test themeName: White 4`] = `
2862
- {
2863
- "brandBackground": "#185abd",
2864
- "brandBackground2": "#d2e0f4",
2865
- "brandBackgroundHover": "#1651aa",
2866
- "brandBackgroundPressed": "#0e336a",
2867
- "brandBackgroundSelected": "#13458f",
2868
- "brandBackgroundStatic": "#185abd",
2869
- "brandForeground1": "#185abd",
2870
- "brandForeground2": "#1651aa",
2871
- "brandForegroundLink": "#185abd",
2872
- "brandForegroundLinkHover": "#1651aa",
2873
- "brandForegroundLinkPressed": "#0e336a",
2874
- "brandForegroundLinkSelected": "#13458f",
2875
- "brandStroke1": "#185abd",
2876
- "brandStroke2": "#d2e0f4",
2877
- "compoundBrandBackground1": "#185abd",
2878
- "compoundBrandBackground1Hover": "#1651aa",
2879
- "compoundBrandBackground1Pressed": "#13458f",
2880
- "compoundBrandForeground1": "#185abd",
2881
- "compoundBrandForeground1Hover": "#1651aa",
2882
- "compoundBrandForeground1Pressed": "#0e336a",
2883
- "compoundBrandStroke1": "#185abd",
2884
- "compoundBrandStroke1Hover": "#1651aa",
2885
- "compoundBrandStroke1Pressed": "#13458f",
2886
- "neutralForeground2BrandHover": "#1651aa",
2887
- "neutralForeground2BrandPressed": "#0e336a",
2888
- "neutralForeground2BrandSelected": "#13458f",
2889
- "neutralForeground3BrandHover": "#1651aa",
2890
- "neutralForeground3BrandPressed": "#0e336a",
2891
- "neutralForeground3BrandSelected": "#13458f",
2892
- "neutralStrokeAccessibleSelected": "#185abd",
2893
- }
2894
- `;
2895
-
2896
- exports[`createBrandedThemeWithAlias test themeName: White 5`] = `
1922
+ exports[`createOfficeShadowAliasTokens test officeTheme: DarkGray 1`] = `
2897
1923
  {
2898
- "brandBackground": "#c43e1c",
2899
- "brandBackground2": "#f6dbd4",
2900
- "brandBackgroundHover": "#b13719",
2901
- "brandBackgroundPressed": "#6e220f",
2902
- "brandBackgroundSelected": "#952f15",
2903
- "brandBackgroundStatic": "#c43e1c",
2904
- "brandForeground1": "#c43e1c",
2905
- "brandForeground2": "#b13719",
2906
- "brandForegroundLink": "#c43e1c",
2907
- "brandForegroundLinkHover": "#b13719",
2908
- "brandForegroundLinkPressed": "#6e220f",
2909
- "brandForegroundLinkSelected": "#952f15",
2910
- "brandStroke1": "#c43e1c",
2911
- "brandStroke2": "#f6dbd4",
2912
- "compoundBrandBackground1": "#c43e1c",
2913
- "compoundBrandBackground1Hover": "#b13719",
2914
- "compoundBrandBackground1Pressed": "#952f15",
2915
- "compoundBrandForeground1": "#c43e1c",
2916
- "compoundBrandForeground1Hover": "#b13719",
2917
- "compoundBrandForeground1Pressed": "#6e220f",
2918
- "compoundBrandStroke1": "#c43e1c",
2919
- "compoundBrandStroke1Hover": "#b13719",
2920
- "compoundBrandStroke1Pressed": "#952f15",
2921
- "neutralForeground2BrandHover": "#b13719",
2922
- "neutralForeground2BrandPressed": "#6e220f",
2923
- "neutralForeground2BrandSelected": "#952f15",
2924
- "neutralForeground3BrandHover": "#b13719",
2925
- "neutralForeground3BrandPressed": "#6e220f",
2926
- "neutralForeground3BrandSelected": "#952f15",
2927
- "neutralStrokeAccessibleSelected": "#c43e1c",
2928
- }
2929
- `;
2930
-
2931
- exports[`createBrandedThemeWithAlias test themeName: White 6`] = `
2932
- {
2933
- "brandBackground": "#0078d4",
2934
- "brandBackground2": "#cce3f5",
2935
- "brandBackgroundHover": "#106ebe",
2936
- "brandBackgroundPressed": "#135995",
2937
- "brandBackgroundSelected": "#1664a7",
2938
- "brandBackgroundStatic": "#0078d4",
2939
- "brandForeground1": "#0078d4",
2940
- "brandForeground2": "#106ebe",
2941
- "brandForegroundLink": "#0078d4",
2942
- "brandForegroundLinkHover": "#106ebe",
2943
- "brandForegroundLinkPressed": "#135995",
2944
- "brandForegroundLinkSelected": "#1664a7",
2945
- "brandStroke1": "#0078d4",
2946
- "brandStroke2": "#cce3f5",
2947
- "compoundBrandBackground1": "#0078d4",
2948
- "compoundBrandBackground1Hover": "#106ebe",
2949
- "compoundBrandBackground1Pressed": "#1664a7",
2950
- "compoundBrandForeground1": "#0078d4",
2951
- "compoundBrandForeground1Hover": "#106ebe",
2952
- "compoundBrandForeground1Pressed": "#135995",
2953
- "compoundBrandStroke1": "#0078d4",
2954
- "compoundBrandStroke1Hover": "#106ebe",
2955
- "compoundBrandStroke1Pressed": "#1664a7",
2956
- "neutralForeground2BrandHover": "#106ebe",
2957
- "neutralForeground2BrandPressed": "#135995",
2958
- "neutralForeground2BrandSelected": "#1664a7",
2959
- "neutralForeground3BrandHover": "#106ebe",
2960
- "neutralForeground3BrandPressed": "#135995",
2961
- "neutralForeground3BrandSelected": "#1664a7",
2962
- "neutralStrokeAccessibleSelected": "#0078d4",
2963
- }
2964
- `;
2965
-
2966
- exports[`createBrandedThemeWithAlias test themeName: White 7`] = `
2967
- {
2968
- "brandBackground": "#80397b",
2969
- "brandBackground2": "#f0daee",
2970
- "brandBackgroundHover": "#6c2f68",
2971
- "brandBackgroundPressed": "#3c1a3a",
2972
- "brandBackgroundSelected": "#52254f",
2973
- "brandBackgroundStatic": "#80397b",
2974
- "brandForeground1": "#e0bfde",
2975
- "brandForeground2": "#f0daee",
2976
- "brandForegroundLink": "#e0bfde",
2977
- "brandForegroundLinkHover": "#f0daee",
2978
- "brandForegroundLinkPressed": "#9e5499",
2979
- "brandForegroundLinkSelected": "#f0daee",
2980
- "brandStroke1": "#80397b",
2981
- "brandStroke2": "#f0daee",
2982
- "compoundBrandBackground1": "#80397b",
2983
- "compoundBrandBackground1Hover": "#6c2f68",
2984
- "compoundBrandBackground1Pressed": "#52254f",
2985
- "compoundBrandForeground1": "#e0bfde",
2986
- "compoundBrandForeground1Hover": "#f0daee",
2987
- "compoundBrandForeground1Pressed": "#9e5499",
2988
- "compoundBrandStroke1": "#80397b",
2989
- "compoundBrandStroke1Hover": "#6c2f68",
2990
- "compoundBrandStroke1Pressed": "#52254f",
2991
- "neutralForeground2BrandHover": "#f0daee",
2992
- "neutralForeground2BrandPressed": "#9e5499",
2993
- "neutralForeground2BrandSelected": "#f0daee",
2994
- "neutralForeground3BrandHover": "#f0daee",
2995
- "neutralForeground3BrandPressed": "#9e5499",
2996
- "neutralForeground3BrandSelected": "#f0daee",
2997
- "neutralStrokeAccessibleSelected": "#80397b",
2998
- }
2999
- `;
3000
-
3001
- exports[`createFontAliasTokens test 1`] = `
3002
- {
3003
- "body1": {
3004
- "face": "primary",
3005
- "size": 12,
3006
- "weight": "400",
1924
+ "shadow16": {
1925
+ "ambient": {
1926
+ "blur": 2,
1927
+ "color": "#0000003d",
1928
+ "x": 0,
1929
+ "y": 0,
1930
+ },
1931
+ "key": {
1932
+ "blur": 16,
1933
+ "color": "#00000047",
1934
+ "x": 0,
1935
+ "y": 8,
1936
+ },
3007
1937
  },
3008
- "body1Strong": {
3009
- "face": "primary",
3010
- "size": 12,
3011
- "weight": "600",
1938
+ "shadow16brand": {
1939
+ "ambient": {
1940
+ "blur": 2,
1941
+ "color": "#0000004d",
1942
+ "x": 0,
1943
+ "y": 0,
1944
+ },
1945
+ "key": {
1946
+ "blur": 16,
1947
+ "color": "#00000040",
1948
+ "x": 0,
1949
+ "y": 8,
1950
+ },
3012
1951
  },
3013
- "body2": {
3014
- "face": "primary",
3015
- "size": 14,
3016
- "weight": "400",
1952
+ "shadow2": {
1953
+ "ambient": {
1954
+ "blur": 2,
1955
+ "color": "#0000003d",
1956
+ "x": 0,
1957
+ "y": 0,
1958
+ },
1959
+ "key": {
1960
+ "blur": 2,
1961
+ "color": "#00000047",
1962
+ "x": 0,
1963
+ "y": 1,
1964
+ },
3017
1965
  },
3018
- "body2Strong": {
3019
- "face": "primary",
3020
- "size": 14,
3021
- "weight": "600",
1966
+ "shadow28": {
1967
+ "ambient": {
1968
+ "blur": 8,
1969
+ "color": "#00000066",
1970
+ "x": 0,
1971
+ "y": 0,
1972
+ },
1973
+ "key": {
1974
+ "blur": 28,
1975
+ "color": "#0000007a",
1976
+ "x": 0,
1977
+ "y": 14,
1978
+ },
3022
1979
  },
3023
- "caption1": {
3024
- "face": "primary",
3025
- "size": 10,
3026
- "weight": "400",
1980
+ "shadow28brand": {
1981
+ "ambient": {
1982
+ "blur": 8,
1983
+ "color": "#0000004d",
1984
+ "x": 0,
1985
+ "y": 0,
1986
+ },
1987
+ "key": {
1988
+ "blur": 28,
1989
+ "color": "#00000040",
1990
+ "x": 0,
1991
+ "y": 14,
1992
+ },
3027
1993
  },
3028
- "display": {
3029
- "face": "primary",
3030
- "size": 40,
3031
- "weight": "600",
1994
+ "shadow2brand": {
1995
+ "ambient": {
1996
+ "blur": 2,
1997
+ "color": "#0000004d",
1998
+ "x": 0,
1999
+ "y": 0,
2000
+ },
2001
+ "key": {
2002
+ "blur": 2,
2003
+ "color": "#00000040",
2004
+ "x": 0,
2005
+ "y": 1,
2006
+ },
3032
2007
  },
3033
- "largeTitle": {
3034
- "face": "primary",
3035
- "size": 40,
3036
- "weight": "400",
2008
+ "shadow4": {
2009
+ "ambient": {
2010
+ "blur": 2,
2011
+ "color": "#0000003d",
2012
+ "x": 0,
2013
+ "y": 0,
2014
+ },
2015
+ "key": {
2016
+ "blur": 4,
2017
+ "color": "#00000047",
2018
+ "x": 0,
2019
+ "y": 2,
2020
+ },
3037
2021
  },
3038
- "subtitle1": {
3039
- "face": "primary",
3040
- "size": 20,
3041
- "weight": "400",
2022
+ "shadow4brand": {
2023
+ "ambient": {
2024
+ "blur": 2,
2025
+ "color": "#0000004d",
2026
+ "x": 0,
2027
+ "y": 0,
2028
+ },
2029
+ "key": {
2030
+ "blur": 4,
2031
+ "color": "#00000040",
2032
+ "x": 0,
2033
+ "y": 2,
2034
+ },
3042
2035
  },
3043
- "subtitle1Strong": {
3044
- "face": "primary",
3045
- "size": 20,
3046
- "weight": "600",
2036
+ "shadow64": {
2037
+ "ambient": {
2038
+ "blur": 8,
2039
+ "color": "#00000066",
2040
+ "x": 0,
2041
+ "y": 0,
2042
+ },
2043
+ "key": {
2044
+ "blur": 64,
2045
+ "color": "#0000007a",
2046
+ "x": 0,
2047
+ "y": 32,
2048
+ },
3047
2049
  },
3048
- "subtitle2": {
3049
- "face": "primary",
3050
- "size": 16,
3051
- "weight": "400",
2050
+ "shadow64brand": {
2051
+ "ambient": {
2052
+ "blur": 8,
2053
+ "color": "#0000004d",
2054
+ "x": 0,
2055
+ "y": 0,
2056
+ },
2057
+ "key": {
2058
+ "blur": 64,
2059
+ "color": "#00000040",
2060
+ "x": 0,
2061
+ "y": 32,
2062
+ },
3052
2063
  },
3053
- "subtitle2Strong": {
3054
- "face": "primary",
3055
- "size": 16,
3056
- "weight": "600",
2064
+ "shadow8": {
2065
+ "ambient": {
2066
+ "blur": 2,
2067
+ "color": "#0000003d",
2068
+ "x": 0,
2069
+ "y": 0,
2070
+ },
2071
+ "key": {
2072
+ "blur": 8,
2073
+ "color": "#00000047",
2074
+ "x": 0,
2075
+ "y": 4,
2076
+ },
3057
2077
  },
3058
- "title1": {
3059
- "face": "primary",
3060
- "size": 28,
3061
- "weight": "400",
2078
+ "shadow8brand": {
2079
+ "ambient": {
2080
+ "blur": 2,
2081
+ "color": "#0000004d",
2082
+ "x": 0,
2083
+ "y": 0,
2084
+ },
2085
+ "key": {
2086
+ "blur": 8,
2087
+ "color": "#00000040",
2088
+ "x": 0,
2089
+ "y": 4,
2090
+ },
3062
2091
  },
3063
- "title1Strong": {
3064
- "face": "primary",
3065
- "size": 28,
3066
- "weight": "600",
2092
+ }
2093
+ `;
2094
+
2095
+ exports[`createOfficeShadowAliasTokens test officeTheme: HighContrast 1`] = `
2096
+ {
2097
+ "shadow16": {
2098
+ "ambient": {
2099
+ "blur": 2,
2100
+ "color": "#0000003d",
2101
+ "x": 0,
2102
+ "y": 0,
2103
+ },
2104
+ "key": {
2105
+ "blur": 16,
2106
+ "color": "#00000047",
2107
+ "x": 0,
2108
+ "y": 8,
2109
+ },
2110
+ },
2111
+ "shadow16brand": {
2112
+ "ambient": {
2113
+ "blur": 2,
2114
+ "color": "#0000004d",
2115
+ "x": 0,
2116
+ "y": 0,
2117
+ },
2118
+ "key": {
2119
+ "blur": 16,
2120
+ "color": "#00000040",
2121
+ "x": 0,
2122
+ "y": 8,
2123
+ },
2124
+ },
2125
+ "shadow2": {
2126
+ "ambient": {
2127
+ "blur": 2,
2128
+ "color": "#0000003d",
2129
+ "x": 0,
2130
+ "y": 0,
2131
+ },
2132
+ "key": {
2133
+ "blur": 2,
2134
+ "color": "#00000047",
2135
+ "x": 0,
2136
+ "y": 1,
2137
+ },
2138
+ },
2139
+ "shadow28": {
2140
+ "ambient": {
2141
+ "blur": 8,
2142
+ "color": "#00000066",
2143
+ "x": 0,
2144
+ "y": 0,
2145
+ },
2146
+ "key": {
2147
+ "blur": 28,
2148
+ "color": "#0000007a",
2149
+ "x": 0,
2150
+ "y": 14,
2151
+ },
2152
+ },
2153
+ "shadow28brand": {
2154
+ "ambient": {
2155
+ "blur": 8,
2156
+ "color": "#0000004d",
2157
+ "x": 0,
2158
+ "y": 0,
2159
+ },
2160
+ "key": {
2161
+ "blur": 28,
2162
+ "color": "#00000040",
2163
+ "x": 0,
2164
+ "y": 14,
2165
+ },
2166
+ },
2167
+ "shadow2brand": {
2168
+ "ambient": {
2169
+ "blur": 2,
2170
+ "color": "#0000004d",
2171
+ "x": 0,
2172
+ "y": 0,
2173
+ },
2174
+ "key": {
2175
+ "blur": 2,
2176
+ "color": "#00000040",
2177
+ "x": 0,
2178
+ "y": 1,
2179
+ },
2180
+ },
2181
+ "shadow4": {
2182
+ "ambient": {
2183
+ "blur": 2,
2184
+ "color": "#0000003d",
2185
+ "x": 0,
2186
+ "y": 0,
2187
+ },
2188
+ "key": {
2189
+ "blur": 4,
2190
+ "color": "#00000047",
2191
+ "x": 0,
2192
+ "y": 2,
2193
+ },
2194
+ },
2195
+ "shadow4brand": {
2196
+ "ambient": {
2197
+ "blur": 2,
2198
+ "color": "#0000004d",
2199
+ "x": 0,
2200
+ "y": 0,
2201
+ },
2202
+ "key": {
2203
+ "blur": 4,
2204
+ "color": "#00000040",
2205
+ "x": 0,
2206
+ "y": 2,
2207
+ },
2208
+ },
2209
+ "shadow64": {
2210
+ "ambient": {
2211
+ "blur": 8,
2212
+ "color": "#00000066",
2213
+ "x": 0,
2214
+ "y": 0,
2215
+ },
2216
+ "key": {
2217
+ "blur": 64,
2218
+ "color": "#0000007a",
2219
+ "x": 0,
2220
+ "y": 32,
2221
+ },
2222
+ },
2223
+ "shadow64brand": {
2224
+ "ambient": {
2225
+ "blur": 8,
2226
+ "color": "#0000004d",
2227
+ "x": 0,
2228
+ "y": 0,
2229
+ },
2230
+ "key": {
2231
+ "blur": 64,
2232
+ "color": "#00000040",
2233
+ "x": 0,
2234
+ "y": 32,
2235
+ },
2236
+ },
2237
+ "shadow8": {
2238
+ "ambient": {
2239
+ "blur": 2,
2240
+ "color": "#0000003d",
2241
+ "x": 0,
2242
+ "y": 0,
2243
+ },
2244
+ "key": {
2245
+ "blur": 8,
2246
+ "color": "#00000047",
2247
+ "x": 0,
2248
+ "y": 4,
2249
+ },
2250
+ },
2251
+ "shadow8brand": {
2252
+ "ambient": {
2253
+ "blur": 2,
2254
+ "color": "#0000004d",
2255
+ "x": 0,
2256
+ "y": 0,
2257
+ },
2258
+ "key": {
2259
+ "blur": 8,
2260
+ "color": "#00000040",
2261
+ "x": 0,
2262
+ "y": 4,
2263
+ },
3067
2264
  },
3068
2265
  }
3069
2266
  `;
3070
2267
 
3071
- exports[`createOfficeTheme test 1`] = `
2268
+ exports[`createOfficeShadowAliasTokens test officeTheme: White 1`] = `
3072
2269
  {
3073
- "colors": {
3074
- "accentButtonBackground": "#D83B01",
3075
- "accentButtonText": "#FFFFFF",
3076
- "actionLink": "#262626",
3077
- "actionLinkHovered": "#EA6115",
3078
- "background": "antiquewhite",
3079
- "blockingBackground": "antiquewhite",
3080
- "bodyDivider": "#E6E6E6",
3081
- "bodyFrameBackground": "antiquewhite",
3082
- "bodyFrameDivider": "#E6E6E6",
3083
- "bodyStandoutBackground": "antiquewhite",
3084
- "bodyText": "#262626",
3085
- "bodyTextChecked": "#262626",
3086
- "brandBackground": "#D83B01",
3087
- "brandBackground2": "#d2e0f4",
3088
- "brandBackgroundHover": "#F29F71",
3089
- "brandBackgroundPressed": "#A22C01",
3090
- "brandBackgroundSelected": "#13458f",
3091
- "brandBackgroundStatic": "#185abd",
3092
- "brandForeground1": "#185abd",
3093
- "brandForeground2": "#1651aa",
3094
- "brandForegroundLink": "#185abd",
3095
- "brandForegroundLinkHover": "#1651aa",
3096
- "brandForegroundLinkPressed": "#0e336a",
3097
- "brandForegroundLinkSelected": "#13458f",
3098
- "brandStroke1": "#D83B01",
3099
- "brandStroke2": "#d2e0f4",
3100
- "brandedBackground": "#D83B01",
3101
- "brandedBorder": "#A22C01",
3102
- "brandedCheckedBackground": "#c8c6c4",
3103
- "brandedCheckedContent": "#201f1e",
2270
+ "shadow16": {
2271
+ "ambient": {
2272
+ "blur": 2,
2273
+ "color": "#0000001f",
2274
+ "x": 0,
2275
+ "y": 0,
2276
+ },
2277
+ "key": {
2278
+ "blur": 16,
2279
+ "color": "#00000024",
2280
+ "x": 0,
2281
+ "y": 8,
2282
+ },
2283
+ },
2284
+ "shadow16brand": {
2285
+ "ambient": {
2286
+ "blur": 2,
2287
+ "color": "#0000004d",
2288
+ "x": 0,
2289
+ "y": 0,
2290
+ },
2291
+ "key": {
2292
+ "blur": 16,
2293
+ "color": "#00000040",
2294
+ "x": 0,
2295
+ "y": 8,
2296
+ },
2297
+ },
2298
+ "shadow2": {
2299
+ "ambient": {
2300
+ "blur": 2,
2301
+ "color": "#0000001f",
2302
+ "x": 0,
2303
+ "y": 0,
2304
+ },
2305
+ "key": {
2306
+ "blur": 2,
2307
+ "color": "#00000024",
2308
+ "x": 0,
2309
+ "y": 1,
2310
+ },
2311
+ },
2312
+ "shadow28": {
2313
+ "ambient": {
2314
+ "blur": 8,
2315
+ "color": "#00000033",
2316
+ "x": 0,
2317
+ "y": 0,
2318
+ },
2319
+ "key": {
2320
+ "blur": 28,
2321
+ "color": "#0000003d",
2322
+ "x": 0,
2323
+ "y": 14,
2324
+ },
2325
+ },
2326
+ "shadow28brand": {
2327
+ "ambient": {
2328
+ "blur": 8,
2329
+ "color": "#0000004d",
2330
+ "x": 0,
2331
+ "y": 0,
2332
+ },
2333
+ "key": {
2334
+ "blur": 28,
2335
+ "color": "#00000040",
2336
+ "x": 0,
2337
+ "y": 14,
2338
+ },
2339
+ },
2340
+ "shadow2brand": {
2341
+ "ambient": {
2342
+ "blur": 2,
2343
+ "color": "#0000004d",
2344
+ "x": 0,
2345
+ "y": 0,
2346
+ },
2347
+ "key": {
2348
+ "blur": 2,
2349
+ "color": "#00000040",
2350
+ "x": 0,
2351
+ "y": 1,
2352
+ },
2353
+ },
2354
+ "shadow4": {
2355
+ "ambient": {
2356
+ "blur": 2,
2357
+ "color": "#0000001f",
2358
+ "x": 0,
2359
+ "y": 0,
2360
+ },
2361
+ "key": {
2362
+ "blur": 4,
2363
+ "color": "#00000024",
2364
+ "x": 0,
2365
+ "y": 2,
2366
+ },
2367
+ },
2368
+ "shadow4brand": {
2369
+ "ambient": {
2370
+ "blur": 2,
2371
+ "color": "#0000004d",
2372
+ "x": 0,
2373
+ "y": 0,
2374
+ },
2375
+ "key": {
2376
+ "blur": 4,
2377
+ "color": "#00000040",
2378
+ "x": 0,
2379
+ "y": 2,
2380
+ },
2381
+ },
2382
+ "shadow64": {
2383
+ "ambient": {
2384
+ "blur": 8,
2385
+ "color": "#00000033",
2386
+ "x": 0,
2387
+ "y": 0,
2388
+ },
2389
+ "key": {
2390
+ "blur": 64,
2391
+ "color": "#0000003d",
2392
+ "x": 0,
2393
+ "y": 32,
2394
+ },
2395
+ },
2396
+ "shadow64brand": {
2397
+ "ambient": {
2398
+ "blur": 8,
2399
+ "color": "#0000004d",
2400
+ "x": 0,
2401
+ "y": 0,
2402
+ },
2403
+ "key": {
2404
+ "blur": 64,
2405
+ "color": "#00000040",
2406
+ "x": 0,
2407
+ "y": 32,
2408
+ },
2409
+ },
2410
+ "shadow8": {
2411
+ "ambient": {
2412
+ "blur": 2,
2413
+ "color": "#0000001f",
2414
+ "x": 0,
2415
+ "y": 0,
2416
+ },
2417
+ "key": {
2418
+ "blur": 8,
2419
+ "color": "#00000024",
2420
+ "x": 0,
2421
+ "y": 4,
2422
+ },
2423
+ },
2424
+ "shadow8brand": {
2425
+ "ambient": {
2426
+ "blur": 2,
2427
+ "color": "#0000004d",
2428
+ "x": 0,
2429
+ "y": 0,
2430
+ },
2431
+ "key": {
2432
+ "blur": 8,
2433
+ "color": "#00000040",
2434
+ "x": 0,
2435
+ "y": 4,
2436
+ },
2437
+ },
2438
+ }
2439
+ `;
2440
+
2441
+ exports[`createOfficeTheme test 1`] = `
2442
+ {
2443
+ "colors": {
2444
+ "accentButtonBackground": "#D83B01",
2445
+ "accentButtonText": "#FFFFFF",
2446
+ "actionLink": "#262626",
2447
+ "actionLinkHovered": "#EA6115",
2448
+ "background": "antiquewhite",
2449
+ "blockingBackground": "antiquewhite",
2450
+ "bodyDivider": "#E6E6E6",
2451
+ "bodyFrameBackground": "antiquewhite",
2452
+ "bodyFrameDivider": "#E6E6E6",
2453
+ "bodyStandoutBackground": "antiquewhite",
2454
+ "bodyText": "#262626",
2455
+ "bodyTextChecked": "#262626",
2456
+ "brandBackground": "#D83B01",
2457
+ "brandBackground2": "#d2e0f4",
2458
+ "brandBackgroundHover": "#F29F71",
2459
+ "brandBackgroundPressed": "#A22C01",
2460
+ "brandBackgroundSelected": "#13458f",
2461
+ "brandBackgroundStatic": "#185abd",
2462
+ "brandForeground1": "#185abd",
2463
+ "brandForeground2": "#1651aa",
2464
+ "brandForegroundLink": "#185abd",
2465
+ "brandForegroundLinkHover": "#1651aa",
2466
+ "brandForegroundLinkPressed": "#0e336a",
2467
+ "brandForegroundLinkSelected": "#13458f",
2468
+ "brandStroke1": "#D83B01",
2469
+ "brandStroke2": "#d2e0f4",
2470
+ "brandedBackground": "#D83B01",
2471
+ "brandedBorder": "#A22C01",
2472
+ "brandedCheckedBackground": "#c8c6c4",
2473
+ "brandedCheckedContent": "#201f1e",
3104
2474
  "brandedCheckedHoveredBackground": "#edebe9",
3105
2475
  "brandedCheckedHoveredContent": "#201f1e",
3106
2476
  "brandedContent": "#FFFFFF",
@@ -4031,203 +3401,833 @@ exports[`fallbackGetPalette test Random palette 1`] = `
4031
3401
  }
4032
3402
  `;
4033
3403
 
4034
- exports[`fallbackGetPalette test TaskPane palette 1`] = `
3404
+ exports[`fallbackGetPalette test TaskPane palette 1`] = `
3405
+ {
3406
+ "AccentDark": "#C6C6C6",
3407
+ "AccentEmphasis": "#D83B01",
3408
+ "AccentLight": "#E6E6E6",
3409
+ "AccentOutline": "#000000",
3410
+ "Bkg": "antiquewhite",
3411
+ "BkgCtl": "#E6E6E6",
3412
+ "BkgCtlDisabled": "#E6E6E6",
3413
+ "BkgCtlEmphasis": "#D83B01",
3414
+ "BkgCtlEmphasisDisabled": "#E6E6E6",
3415
+ "BkgCtlEmphasisFocus": "#F3F3F3",
3416
+ "BkgCtlEmphasisHover": "#F29F71",
3417
+ "BkgCtlEmphasisPressed": "#A22C01",
3418
+ "BkgCtlHover": "#FFF7F0",
3419
+ "BkgCtlPressed": "#FBDFD0",
3420
+ "BkgCtlSelected": "#E6E6E6",
3421
+ "BkgCtlSubtle": "#FFFFFF",
3422
+ "BkgCtlSubtleDisabled": "#F3F3F3",
3423
+ "BkgCtlSubtleFocus": "#F3F3F3",
3424
+ "BkgCtlSubtleHover": "#FFFFFF",
3425
+ "BkgCtlSubtleHoverDisabled": "#F3F3F3",
3426
+ "BkgCtlSubtlePressed": "#FFFFFF",
3427
+ "BkgCtlSubtleSelected": "#F3F3F3",
3428
+ "BkgCtlSubtleSelectedDisabled": "#F3F3F3",
3429
+ "BkgCtlSubtleSelectionHighlight": "#7DA3C6",
3430
+ "BkgHeader": "#E6E6E6",
3431
+ "BkgHover": "#D2D2D2",
3432
+ "BkgPressed": "#B1B1B1",
3433
+ "BkgSelected": "#C6C6C6",
3434
+ "BkgSelectionHighlight": "#737373",
3435
+ "BkgSubtle": "#F3F3F3",
3436
+ "BkgToggleSwitchOff": "#FFFFFF",
3437
+ "BkgToggleSwitchOffDisabled": "#FFFFFF",
3438
+ "BkgToggleSwitchOffHover": "#D2D2D2",
3439
+ "BkgToggleSwitchOffPressed": "#B1B1B1",
3440
+ "BkgToggleSwitchOn": "#D83B01",
3441
+ "BkgToggleSwitchOnDisabled": "#D2D2D2",
3442
+ "BkgToggleSwitchOnHover": "#EA6115",
3443
+ "BkgToggleSwitchOnPressed": "#A22C01",
3444
+ "SliderBuffer": "#262626",
3445
+ "SliderKeyboard": "#444444",
3446
+ "SliderPrimary": "#444444",
3447
+ "SliderPrimaryDisabled": "#969696",
3448
+ "SliderPrimaryHover": "#D2D2D2",
3449
+ "SliderPrimaryPressed": "#262626",
3450
+ "SliderSecondary": "#D2D2D2",
3451
+ "SliderToolTipBkg": "#FFFFFF",
3452
+ "SliderToolTipBorder": "#C6C6C6",
3453
+ "SliderToolTipLabel": "#262626",
3454
+ "StrokeCtl": "#969696",
3455
+ "StrokeCtlDisabled": "#D2D2D2",
3456
+ "StrokeCtlEmphasis": "#A22C01",
3457
+ "StrokeCtlEmphasisDisabled": "#D2D2D2",
3458
+ "StrokeCtlEmphasisHover": "#D83B01",
3459
+ "StrokeCtlEmphasisKeyboard": "#A22C01",
3460
+ "StrokeCtlEmphasisPressed": "#A22C01",
3461
+ "StrokeCtlHover": "#FBDFD0",
3462
+ "StrokeCtlKeyboard": "#FBDFD0",
3463
+ "StrokeCtlPressed": "#EA6115",
3464
+ "StrokeCtlSelected": "#969696",
3465
+ "StrokeCtlSubtle": "#C6C6C6",
3466
+ "StrokeCtlSubtleDisabled": "#C6C6C6",
3467
+ "StrokeCtlSubtleHover": "#969696",
3468
+ "StrokeCtlSubtleKeyboard": "#969696",
3469
+ "StrokeCtlSubtlePressed": "#969696",
3470
+ "StrokeKeyboard": "#969696",
3471
+ "StrokeOnlyHover": "#B1B1B1",
3472
+ "StrokeOnlyPressed": "#737373",
3473
+ "StrokeOnlySelected": "#969696",
3474
+ "StrokeOverHover": "#00000000",
3475
+ "StrokeOverPressed": "#00000000",
3476
+ "StrokeOverRest": "#00000000",
3477
+ "StrokeOverSelectedHover": "#969696",
3478
+ "StrokeOverSelectedPressed": "#00000000",
3479
+ "StrokeOverSelectedRest": "#00000000",
3480
+ "StrokeSelectedHover": "#969696",
3481
+ "StrokeToggleSwitchOff": "#505050",
3482
+ "StrokeToggleSwitchOffDisabled": "#D2D2D2",
3483
+ "StrokeToggleSwitchOffHover": "#505050",
3484
+ "StrokeToggleSwitchOffPressed": "#505050",
3485
+ "StrokeToggleSwitchOn": "#D83B01",
3486
+ "StrokeToggleSwitchOnDisabled": "#D2D2D2",
3487
+ "StrokeToggleSwitchOnHover": "#EA6115",
3488
+ "StrokeToggleSwitchOnPressed": "#A22C01",
3489
+ "Text": "#262626",
3490
+ "TextActive": "#262626",
3491
+ "TextActiveHover": "#EA6115",
3492
+ "TextActivePressed": "#A22C01",
3493
+ "TextActiveSelected": "#D83B01",
3494
+ "TextCtl": "#262626",
3495
+ "TextCtlDisabled": "#B1B1B1",
3496
+ "TextCtlEmphasis": "#FFFFFF",
3497
+ "TextCtlEmphasisDisabled": "#B1B1B1",
3498
+ "TextCtlEmphasisHover": "#FFFFFF",
3499
+ "TextCtlEmphasisPressed": "#FFFFFF",
3500
+ "TextCtlHover": "#262626",
3501
+ "TextCtlPressed": "#262626",
3502
+ "TextCtlSelected": "#262626",
3503
+ "TextCtlSubtle": "#262626",
3504
+ "TextCtlSubtleDisabled": "#B1B1B1",
3505
+ "TextCtlSubtleHover": "#262626",
3506
+ "TextCtlSubtlePlaceholder": "#666666",
3507
+ "TextCtlSubtlePressed": "#262626",
3508
+ "TextCtlSubtleSelected": "#262626",
3509
+ "TextCtlSubtleSelectionHighlight": "#262626",
3510
+ "TextDisabled": "#B1B1B1",
3511
+ "TextEmphasis": "#D83B01",
3512
+ "TextEmphasis2": "#D83B01",
3513
+ "TextEmphasisHover": "#EA6115",
3514
+ "TextEmphasisPressed": "#A22C01",
3515
+ "TextEmphasisRest": "#D83B01",
3516
+ "TextEmphasisSelected": "#D83B01",
3517
+ "TextError": "#A50000",
3518
+ "TextErrorHover": "#A50000",
3519
+ "TextErrorPressed": "#A50000",
3520
+ "TextErrorSelected": "#A50000",
3521
+ "TextHeader": "#262626",
3522
+ "TextHover": "#262626",
3523
+ "TextHyperlink": "#D83B01",
3524
+ "TextHyperlinkHover": "#A22C01",
3525
+ "TextHyperlinkPressed": "#6C1E01",
3526
+ "TextPressed": "#262626",
3527
+ "TextRest": "#262626",
3528
+ "TextSecondary": "#666666",
3529
+ "TextSecondaryHover": "#505050",
3530
+ "TextSecondaryPressed": "#666666",
3531
+ "TextSecondaryRest": "#666666",
3532
+ "TextSecondarySelected": "#666666",
3533
+ "TextSelected": "#262626",
3534
+ "TextSelectionHighlight": "#FFFFFF",
3535
+ "ThumbToggleSwitchOff": "#505050",
3536
+ "ThumbToggleSwitchOffDisabled": "#D2D2D2",
3537
+ "ThumbToggleSwitchOffHover": "#505050",
3538
+ "ThumbToggleSwitchOffPressed": "#505050",
3539
+ "ThumbToggleSwitchOn": "#FFFFFF",
3540
+ "ThumbToggleSwitchOnDisabled": "#FFFFFF",
3541
+ "ThumbToggleSwitchOnHover": "#FFFFFF",
3542
+ "ThumbToggleSwitchOnPressed": "#FFFFFF",
3543
+ }
3544
+ `;
3545
+
3546
+ exports[`fallbackOfficeModule test 1`] = `
3547
+ {
3548
+ "fluentTypography": {},
3549
+ "getPalette": [Function],
3550
+ "rampNames": {
3551
+ "App": [
3552
+ "FakeApp1",
3553
+ "App2",
3554
+ "App3",
3555
+ "App4",
3556
+ "App5",
3557
+ "App6",
3558
+ "App7",
3559
+ "App8",
3560
+ ],
3561
+ "ClassicGrays": [
3562
+ "FakeGray4",
3563
+ "Gray5",
3564
+ "Gray6",
3565
+ ],
3566
+ "FluentGrays": [
3567
+ "FakeGray1",
3568
+ "Gray2",
3569
+ "Gray3",
3570
+ ],
3571
+ "Sepias": [
3572
+ "FakeSepia",
3573
+ ],
3574
+ },
3575
+ "ramps": {
3576
+ "App": [
3577
+ "#F8F8F8",
3578
+ "#EFF6FC",
3579
+ "#BBDAF3",
3580
+ "#55A4E2",
3581
+ "#359EDD",
3582
+ "#0078d7",
3583
+ "#283E4A",
3584
+ "#030C13",
3585
+ ],
3586
+ "ClassicGrays": [
3587
+ "#FFFFFF",
3588
+ "#737373",
3589
+ "#000000",
3590
+ ],
3591
+ "FluentGrays": [
3592
+ "#FAF9F8",
3593
+ "#797775",
3594
+ "#11100F",
3595
+ ],
3596
+ "Sepias": [
3597
+ "#ECE6DE",
3598
+ ],
3599
+ },
3600
+ "typography": {},
3601
+ }
3602
+ `;
3603
+
3604
+ exports[`getCurrentBrandAliasTokens test themeName: Colorful, appPrimary: #0078d4 1`] = `
3605
+ {
3606
+ "brandBackground": "#0078d4",
3607
+ "brandBackground2": "#cce3f5",
3608
+ "brandBackgroundHover": "#106ebe",
3609
+ "brandBackgroundPressed": "#135995",
3610
+ "brandBackgroundSelected": "#1664a7",
3611
+ "brandBackgroundStatic": "#0078d4",
3612
+ "brandForeground1": "#0078d4",
3613
+ "brandForeground2": "#106ebe",
3614
+ "brandForegroundLink": "#0078d4",
3615
+ "brandForegroundLinkHover": "#106ebe",
3616
+ "brandForegroundLinkPressed": "#135995",
3617
+ "brandForegroundLinkSelected": "#1664a7",
3618
+ "brandStroke1": "#0078d4",
3619
+ "brandStroke2": "#cce3f5",
3620
+ "compoundBrandBackground1": "#0078d4",
3621
+ "compoundBrandBackground1Hover": "#106ebe",
3622
+ "compoundBrandBackground1Pressed": "#1664a7",
3623
+ "compoundBrandForeground1": "#0078d4",
3624
+ "compoundBrandForeground1Hover": "#106ebe",
3625
+ "compoundBrandForeground1Pressed": "#135995",
3626
+ "compoundBrandStroke1": "#0078d4",
3627
+ "compoundBrandStroke1Hover": "#106ebe",
3628
+ "compoundBrandStroke1Pressed": "#1664a7",
3629
+ "neutralForeground2BrandHover": "#106ebe",
3630
+ "neutralForeground2BrandPressed": "#135995",
3631
+ "neutralForeground2BrandSelected": "#1664a7",
3632
+ "neutralForeground3BrandHover": "#106ebe",
3633
+ "neutralForeground3BrandPressed": "#135995",
3634
+ "neutralForeground3BrandSelected": "#1664a7",
3635
+ "neutralStrokeAccessibleSelected": "#0078d4",
3636
+ }
3637
+ `;
3638
+
3639
+ exports[`getCurrentBrandAliasTokens test themeName: Colorful, appPrimary: #107c41 1`] = `
3640
+ {
3641
+ "brandBackground": "#107c41",
3642
+ "brandBackground2": "#caead8",
3643
+ "brandBackgroundHover": "#0f703b",
3644
+ "brandBackgroundPressed": "#094624",
3645
+ "brandBackgroundSelected": "#0c5f32",
3646
+ "brandBackgroundStatic": "#107c41",
3647
+ "brandForeground1": "#107c41",
3648
+ "brandForeground2": "#0f703b",
3649
+ "brandForegroundLink": "#107c41",
3650
+ "brandForegroundLinkHover": "#0f703b",
3651
+ "brandForegroundLinkPressed": "#094624",
3652
+ "brandForegroundLinkSelected": "#0c5f32",
3653
+ "brandStroke1": "#107c41",
3654
+ "brandStroke2": "#caead8",
3655
+ "compoundBrandBackground1": "#107c41",
3656
+ "compoundBrandBackground1Hover": "#0f703b",
3657
+ "compoundBrandBackground1Pressed": "#0c5f32",
3658
+ "compoundBrandForeground1": "#107c41",
3659
+ "compoundBrandForeground1Hover": "#0f703b",
3660
+ "compoundBrandForeground1Pressed": "#094624",
3661
+ "compoundBrandStroke1": "#107c41",
3662
+ "compoundBrandStroke1Hover": "#0f703b",
3663
+ "compoundBrandStroke1Pressed": "#0c5f32",
3664
+ "neutralForeground2BrandHover": "#0f703b",
3665
+ "neutralForeground2BrandPressed": "#094624",
3666
+ "neutralForeground2BrandSelected": "#0c5f32",
3667
+ "neutralForeground3BrandHover": "#0f703b",
3668
+ "neutralForeground3BrandPressed": "#094624",
3669
+ "neutralForeground3BrandSelected": "#0c5f32",
3670
+ "neutralStrokeAccessibleSelected": "#107c41",
3671
+ }
3672
+ `;
3673
+
3674
+ exports[`getCurrentBrandAliasTokens test themeName: Colorful, appPrimary: #185abd 1`] = `
3675
+ {
3676
+ "brandBackground": "#185abd",
3677
+ "brandBackground2": "#d2e0f4",
3678
+ "brandBackgroundHover": "#1651aa",
3679
+ "brandBackgroundPressed": "#0e336a",
3680
+ "brandBackgroundSelected": "#13458f",
3681
+ "brandBackgroundStatic": "#185abd",
3682
+ "brandForeground1": "#185abd",
3683
+ "brandForeground2": "#1651aa",
3684
+ "brandForegroundLink": "#185abd",
3685
+ "brandForegroundLinkHover": "#1651aa",
3686
+ "brandForegroundLinkPressed": "#0e336a",
3687
+ "brandForegroundLinkSelected": "#13458f",
3688
+ "brandStroke1": "#185abd",
3689
+ "brandStroke2": "#d2e0f4",
3690
+ "compoundBrandBackground1": "#185abd",
3691
+ "compoundBrandBackground1Hover": "#1651aa",
3692
+ "compoundBrandBackground1Pressed": "#13458f",
3693
+ "compoundBrandForeground1": "#185abd",
3694
+ "compoundBrandForeground1Hover": "#1651aa",
3695
+ "compoundBrandForeground1Pressed": "#0e336a",
3696
+ "compoundBrandStroke1": "#185abd",
3697
+ "compoundBrandStroke1Hover": "#1651aa",
3698
+ "compoundBrandStroke1Pressed": "#13458f",
3699
+ "neutralForeground2BrandHover": "#1651aa",
3700
+ "neutralForeground2BrandPressed": "#0e336a",
3701
+ "neutralForeground2BrandSelected": "#13458f",
3702
+ "neutralForeground3BrandHover": "#1651aa",
3703
+ "neutralForeground3BrandPressed": "#0e336a",
3704
+ "neutralForeground3BrandSelected": "#13458f",
3705
+ "neutralStrokeAccessibleSelected": "#185abd",
3706
+ }
3707
+ `;
3708
+
3709
+ exports[`getCurrentBrandAliasTokens test themeName: Colorful, appPrimary: #80397b 1`] = `
3710
+ {
3711
+ "brandBackground": "#80397b",
3712
+ "brandBackground2": "#f0daee",
3713
+ "brandBackgroundHover": "#6c2f68",
3714
+ "brandBackgroundPressed": "#3c1a3a",
3715
+ "brandBackgroundSelected": "#52254f",
3716
+ "brandBackgroundStatic": "#80397b",
3717
+ "brandForeground1": "#80397b",
3718
+ "brandForeground2": "#6c2f68",
3719
+ "brandForegroundLink": "#80397b",
3720
+ "brandForegroundLinkHover": "#6c2f68",
3721
+ "brandForegroundLinkPressed": "#3c1a3a",
3722
+ "brandForegroundLinkSelected": "#52254f",
3723
+ "brandStroke1": "#80397b",
3724
+ "brandStroke2": "#f0daee",
3725
+ "compoundBrandBackground1": "#80397b",
3726
+ "compoundBrandBackground1Hover": "#6c2f68",
3727
+ "compoundBrandBackground1Pressed": "#52254f",
3728
+ "compoundBrandForeground1": "#80397b",
3729
+ "compoundBrandForeground1Hover": "#6c2f68",
3730
+ "compoundBrandForeground1Pressed": "#3c1a3a",
3731
+ "compoundBrandStroke1": "#80397b",
3732
+ "compoundBrandStroke1Hover": "#6c2f68",
3733
+ "compoundBrandStroke1Pressed": "#52254f",
3734
+ "neutralForeground2BrandHover": "#6c2f68",
3735
+ "neutralForeground2BrandPressed": "#3c1a3a",
3736
+ "neutralForeground2BrandSelected": "#52254f",
3737
+ "neutralForeground3BrandHover": "#6c2f68",
3738
+ "neutralForeground3BrandPressed": "#3c1a3a",
3739
+ "neutralForeground3BrandSelected": "#52254f",
3740
+ "neutralStrokeAccessibleSelected": "#80397b",
3741
+ }
3742
+ `;
3743
+
3744
+ exports[`getCurrentBrandAliasTokens test themeName: Colorful, appPrimary: #c43e1c 1`] = `
3745
+ {
3746
+ "brandBackground": "#c43e1c",
3747
+ "brandBackground2": "#f6dbd4",
3748
+ "brandBackgroundHover": "#b13719",
3749
+ "brandBackgroundPressed": "#6e220f",
3750
+ "brandBackgroundSelected": "#952f15",
3751
+ "brandBackgroundStatic": "#c43e1c",
3752
+ "brandForeground1": "#c43e1c",
3753
+ "brandForeground2": "#b13719",
3754
+ "brandForegroundLink": "#c43e1c",
3755
+ "brandForegroundLinkHover": "#b13719",
3756
+ "brandForegroundLinkPressed": "#6e220f",
3757
+ "brandForegroundLinkSelected": "#952f15",
3758
+ "brandStroke1": "#c43e1c",
3759
+ "brandStroke2": "#f6dbd4",
3760
+ "compoundBrandBackground1": "#c43e1c",
3761
+ "compoundBrandBackground1Hover": "#b13719",
3762
+ "compoundBrandBackground1Pressed": "#952f15",
3763
+ "compoundBrandForeground1": "#c43e1c",
3764
+ "compoundBrandForeground1Hover": "#b13719",
3765
+ "compoundBrandForeground1Pressed": "#6e220f",
3766
+ "compoundBrandStroke1": "#c43e1c",
3767
+ "compoundBrandStroke1Hover": "#b13719",
3768
+ "compoundBrandStroke1Pressed": "#952f15",
3769
+ "neutralForeground2BrandHover": "#b13719",
3770
+ "neutralForeground2BrandPressed": "#6e220f",
3771
+ "neutralForeground2BrandSelected": "#952f15",
3772
+ "neutralForeground3BrandHover": "#b13719",
3773
+ "neutralForeground3BrandPressed": "#6e220f",
3774
+ "neutralForeground3BrandSelected": "#952f15",
3775
+ "neutralStrokeAccessibleSelected": "#c43e1c",
3776
+ }
3777
+ `;
3778
+
3779
+ exports[`getCurrentBrandAliasTokens test themeName: Colorful, appPrimary: #d83b01 1`] = `
3780
+ {
3781
+ "brandBackground": "#d83b01",
3782
+ "brandBackground2": "#f9dcd1",
3783
+ "brandBackgroundHover": "#c33400",
3784
+ "brandBackgroundPressed": "#792000",
3785
+ "brandBackgroundSelected": "#a52c00",
3786
+ "brandBackgroundStatic": "#d83b01",
3787
+ "brandForeground1": "#d83b01",
3788
+ "brandForeground2": "#c33400",
3789
+ "brandForegroundLink": "#d83b01",
3790
+ "brandForegroundLinkHover": "#c33400",
3791
+ "brandForegroundLinkPressed": "#792000",
3792
+ "brandForegroundLinkSelected": "#a52c00",
3793
+ "brandStroke1": "#d83b01",
3794
+ "brandStroke2": "#f9dcd1",
3795
+ "compoundBrandBackground1": "#d83b01",
3796
+ "compoundBrandBackground1Hover": "#c33400",
3797
+ "compoundBrandBackground1Pressed": "#a52c00",
3798
+ "compoundBrandForeground1": "#d83b01",
3799
+ "compoundBrandForeground1Hover": "#c33400",
3800
+ "compoundBrandForeground1Pressed": "#792000",
3801
+ "compoundBrandStroke1": "#d83b01",
3802
+ "compoundBrandStroke1Hover": "#c33400",
3803
+ "compoundBrandStroke1Pressed": "#a52c00",
3804
+ "neutralForeground2BrandHover": "#c33400",
3805
+ "neutralForeground2BrandPressed": "#792000",
3806
+ "neutralForeground2BrandSelected": "#a52c00",
3807
+ "neutralForeground3BrandHover": "#c33400",
3808
+ "neutralForeground3BrandPressed": "#792000",
3809
+ "neutralForeground3BrandSelected": "#a52c00",
3810
+ "neutralStrokeAccessibleSelected": "#d83b01",
3811
+ }
3812
+ `;
3813
+
3814
+ exports[`getCurrentBrandAliasTokens test themeName: White, appPrimary: #0078d4 1`] = `
3815
+ {
3816
+ "brandBackground": "#0078d4",
3817
+ "brandBackground2": "#cce3f5",
3818
+ "brandBackgroundHover": "#106ebe",
3819
+ "brandBackgroundPressed": "#135995",
3820
+ "brandBackgroundSelected": "#1664a7",
3821
+ "brandBackgroundStatic": "#0078d4",
3822
+ "brandForeground1": "#0078d4",
3823
+ "brandForeground2": "#106ebe",
3824
+ "brandForegroundLink": "#0078d4",
3825
+ "brandForegroundLinkHover": "#106ebe",
3826
+ "brandForegroundLinkPressed": "#135995",
3827
+ "brandForegroundLinkSelected": "#1664a7",
3828
+ "brandStroke1": "#0078d4",
3829
+ "brandStroke2": "#cce3f5",
3830
+ "compoundBrandBackground1": "#0078d4",
3831
+ "compoundBrandBackground1Hover": "#106ebe",
3832
+ "compoundBrandBackground1Pressed": "#1664a7",
3833
+ "compoundBrandForeground1": "#0078d4",
3834
+ "compoundBrandForeground1Hover": "#106ebe",
3835
+ "compoundBrandForeground1Pressed": "#135995",
3836
+ "compoundBrandStroke1": "#0078d4",
3837
+ "compoundBrandStroke1Hover": "#106ebe",
3838
+ "compoundBrandStroke1Pressed": "#1664a7",
3839
+ "neutralForeground2BrandHover": "#106ebe",
3840
+ "neutralForeground2BrandPressed": "#135995",
3841
+ "neutralForeground2BrandSelected": "#1664a7",
3842
+ "neutralForeground3BrandHover": "#106ebe",
3843
+ "neutralForeground3BrandPressed": "#135995",
3844
+ "neutralForeground3BrandSelected": "#1664a7",
3845
+ "neutralStrokeAccessibleSelected": "#0078d4",
3846
+ }
3847
+ `;
3848
+
3849
+ exports[`getCurrentBrandAliasTokens test themeName: White, appPrimary: #107c41 1`] = `
3850
+ {
3851
+ "brandBackground": "#107c41",
3852
+ "brandBackground2": "#caead8",
3853
+ "brandBackgroundHover": "#0f703b",
3854
+ "brandBackgroundPressed": "#094624",
3855
+ "brandBackgroundSelected": "#0c5f32",
3856
+ "brandBackgroundStatic": "#107c41",
3857
+ "brandForeground1": "#107c41",
3858
+ "brandForeground2": "#0f703b",
3859
+ "brandForegroundLink": "#107c41",
3860
+ "brandForegroundLinkHover": "#0f703b",
3861
+ "brandForegroundLinkPressed": "#094624",
3862
+ "brandForegroundLinkSelected": "#0c5f32",
3863
+ "brandStroke1": "#107c41",
3864
+ "brandStroke2": "#caead8",
3865
+ "compoundBrandBackground1": "#107c41",
3866
+ "compoundBrandBackground1Hover": "#0f703b",
3867
+ "compoundBrandBackground1Pressed": "#0c5f32",
3868
+ "compoundBrandForeground1": "#107c41",
3869
+ "compoundBrandForeground1Hover": "#0f703b",
3870
+ "compoundBrandForeground1Pressed": "#094624",
3871
+ "compoundBrandStroke1": "#107c41",
3872
+ "compoundBrandStroke1Hover": "#0f703b",
3873
+ "compoundBrandStroke1Pressed": "#0c5f32",
3874
+ "neutralForeground2BrandHover": "#0f703b",
3875
+ "neutralForeground2BrandPressed": "#094624",
3876
+ "neutralForeground2BrandSelected": "#0c5f32",
3877
+ "neutralForeground3BrandHover": "#0f703b",
3878
+ "neutralForeground3BrandPressed": "#094624",
3879
+ "neutralForeground3BrandSelected": "#0c5f32",
3880
+ "neutralStrokeAccessibleSelected": "#107c41",
3881
+ }
3882
+ `;
3883
+
3884
+ exports[`getCurrentBrandAliasTokens test themeName: White, appPrimary: #185abd 1`] = `
3885
+ {
3886
+ "brandBackground": "#185abd",
3887
+ "brandBackground2": "#d2e0f4",
3888
+ "brandBackgroundHover": "#1651aa",
3889
+ "brandBackgroundPressed": "#0e336a",
3890
+ "brandBackgroundSelected": "#13458f",
3891
+ "brandBackgroundStatic": "#185abd",
3892
+ "brandForeground1": "#185abd",
3893
+ "brandForeground2": "#1651aa",
3894
+ "brandForegroundLink": "#185abd",
3895
+ "brandForegroundLinkHover": "#1651aa",
3896
+ "brandForegroundLinkPressed": "#0e336a",
3897
+ "brandForegroundLinkSelected": "#13458f",
3898
+ "brandStroke1": "#185abd",
3899
+ "brandStroke2": "#d2e0f4",
3900
+ "compoundBrandBackground1": "#185abd",
3901
+ "compoundBrandBackground1Hover": "#1651aa",
3902
+ "compoundBrandBackground1Pressed": "#13458f",
3903
+ "compoundBrandForeground1": "#185abd",
3904
+ "compoundBrandForeground1Hover": "#1651aa",
3905
+ "compoundBrandForeground1Pressed": "#0e336a",
3906
+ "compoundBrandStroke1": "#185abd",
3907
+ "compoundBrandStroke1Hover": "#1651aa",
3908
+ "compoundBrandStroke1Pressed": "#13458f",
3909
+ "neutralForeground2BrandHover": "#1651aa",
3910
+ "neutralForeground2BrandPressed": "#0e336a",
3911
+ "neutralForeground2BrandSelected": "#13458f",
3912
+ "neutralForeground3BrandHover": "#1651aa",
3913
+ "neutralForeground3BrandPressed": "#0e336a",
3914
+ "neutralForeground3BrandSelected": "#13458f",
3915
+ "neutralStrokeAccessibleSelected": "#185abd",
3916
+ }
3917
+ `;
3918
+
3919
+ exports[`getCurrentBrandAliasTokens test themeName: White, appPrimary: #80397b 1`] = `
3920
+ {
3921
+ "brandBackground": "#80397b",
3922
+ "brandBackground2": "#f0daee",
3923
+ "brandBackgroundHover": "#6c2f68",
3924
+ "brandBackgroundPressed": "#3c1a3a",
3925
+ "brandBackgroundSelected": "#52254f",
3926
+ "brandBackgroundStatic": "#80397b",
3927
+ "brandForeground1": "#80397b",
3928
+ "brandForeground2": "#6c2f68",
3929
+ "brandForegroundLink": "#80397b",
3930
+ "brandForegroundLinkHover": "#6c2f68",
3931
+ "brandForegroundLinkPressed": "#3c1a3a",
3932
+ "brandForegroundLinkSelected": "#52254f",
3933
+ "brandStroke1": "#80397b",
3934
+ "brandStroke2": "#f0daee",
3935
+ "compoundBrandBackground1": "#80397b",
3936
+ "compoundBrandBackground1Hover": "#6c2f68",
3937
+ "compoundBrandBackground1Pressed": "#52254f",
3938
+ "compoundBrandForeground1": "#80397b",
3939
+ "compoundBrandForeground1Hover": "#6c2f68",
3940
+ "compoundBrandForeground1Pressed": "#3c1a3a",
3941
+ "compoundBrandStroke1": "#80397b",
3942
+ "compoundBrandStroke1Hover": "#6c2f68",
3943
+ "compoundBrandStroke1Pressed": "#52254f",
3944
+ "neutralForeground2BrandHover": "#6c2f68",
3945
+ "neutralForeground2BrandPressed": "#3c1a3a",
3946
+ "neutralForeground2BrandSelected": "#52254f",
3947
+ "neutralForeground3BrandHover": "#6c2f68",
3948
+ "neutralForeground3BrandPressed": "#3c1a3a",
3949
+ "neutralForeground3BrandSelected": "#52254f",
3950
+ "neutralStrokeAccessibleSelected": "#80397b",
3951
+ }
3952
+ `;
3953
+
3954
+ exports[`getCurrentBrandAliasTokens test themeName: White, appPrimary: #c43e1c 1`] = `
3955
+ {
3956
+ "brandBackground": "#c43e1c",
3957
+ "brandBackground2": "#f6dbd4",
3958
+ "brandBackgroundHover": "#b13719",
3959
+ "brandBackgroundPressed": "#6e220f",
3960
+ "brandBackgroundSelected": "#952f15",
3961
+ "brandBackgroundStatic": "#c43e1c",
3962
+ "brandForeground1": "#c43e1c",
3963
+ "brandForeground2": "#b13719",
3964
+ "brandForegroundLink": "#c43e1c",
3965
+ "brandForegroundLinkHover": "#b13719",
3966
+ "brandForegroundLinkPressed": "#6e220f",
3967
+ "brandForegroundLinkSelected": "#952f15",
3968
+ "brandStroke1": "#c43e1c",
3969
+ "brandStroke2": "#f6dbd4",
3970
+ "compoundBrandBackground1": "#c43e1c",
3971
+ "compoundBrandBackground1Hover": "#b13719",
3972
+ "compoundBrandBackground1Pressed": "#952f15",
3973
+ "compoundBrandForeground1": "#c43e1c",
3974
+ "compoundBrandForeground1Hover": "#b13719",
3975
+ "compoundBrandForeground1Pressed": "#6e220f",
3976
+ "compoundBrandStroke1": "#c43e1c",
3977
+ "compoundBrandStroke1Hover": "#b13719",
3978
+ "compoundBrandStroke1Pressed": "#952f15",
3979
+ "neutralForeground2BrandHover": "#b13719",
3980
+ "neutralForeground2BrandPressed": "#6e220f",
3981
+ "neutralForeground2BrandSelected": "#952f15",
3982
+ "neutralForeground3BrandHover": "#b13719",
3983
+ "neutralForeground3BrandPressed": "#6e220f",
3984
+ "neutralForeground3BrandSelected": "#952f15",
3985
+ "neutralStrokeAccessibleSelected": "#c43e1c",
3986
+ }
3987
+ `;
3988
+
3989
+ exports[`getCurrentBrandAliasTokens test themeName: White, appPrimary: #d83b01 1`] = `
3990
+ {
3991
+ "brandBackground": "#d83b01",
3992
+ "brandBackground2": "#f9dcd1",
3993
+ "brandBackgroundHover": "#c33400",
3994
+ "brandBackgroundPressed": "#792000",
3995
+ "brandBackgroundSelected": "#a52c00",
3996
+ "brandBackgroundStatic": "#d83b01",
3997
+ "brandForeground1": "#d83b01",
3998
+ "brandForeground2": "#c33400",
3999
+ "brandForegroundLink": "#d83b01",
4000
+ "brandForegroundLinkHover": "#c33400",
4001
+ "brandForegroundLinkPressed": "#792000",
4002
+ "brandForegroundLinkSelected": "#a52c00",
4003
+ "brandStroke1": "#d83b01",
4004
+ "brandStroke2": "#f9dcd1",
4005
+ "compoundBrandBackground1": "#d83b01",
4006
+ "compoundBrandBackground1Hover": "#c33400",
4007
+ "compoundBrandBackground1Pressed": "#a52c00",
4008
+ "compoundBrandForeground1": "#d83b01",
4009
+ "compoundBrandForeground1Hover": "#c33400",
4010
+ "compoundBrandForeground1Pressed": "#792000",
4011
+ "compoundBrandStroke1": "#d83b01",
4012
+ "compoundBrandStroke1Hover": "#c33400",
4013
+ "compoundBrandStroke1Pressed": "#a52c00",
4014
+ "neutralForeground2BrandHover": "#c33400",
4015
+ "neutralForeground2BrandPressed": "#792000",
4016
+ "neutralForeground2BrandSelected": "#a52c00",
4017
+ "neutralForeground3BrandHover": "#c33400",
4018
+ "neutralForeground3BrandPressed": "#792000",
4019
+ "neutralForeground3BrandSelected": "#a52c00",
4020
+ "neutralStrokeAccessibleSelected": "#d83b01",
4021
+ }
4022
+ `;
4023
+
4024
+ exports[`getCurrentBrandAliasTokens test themeName: null, appPrimary: #0078d4 1`] = `
4025
+ {
4026
+ "brandBackground": "#0078d4",
4027
+ "brandBackground2": "#cce3f5",
4028
+ "brandBackgroundHover": "#106ebe",
4029
+ "brandBackgroundPressed": "#135995",
4030
+ "brandBackgroundSelected": "#1664a7",
4031
+ "brandBackgroundStatic": "#0078d4",
4032
+ "brandForeground1": "#b3d6f2",
4033
+ "brandForeground2": "#cce3f5",
4034
+ "brandForegroundLink": "#b3d6f2",
4035
+ "brandForegroundLinkHover": "#cce3f5",
4036
+ "brandForegroundLinkPressed": "#2488d8",
4037
+ "brandForegroundLinkSelected": "#cce3f5",
4038
+ "brandStroke1": "#0078d4",
4039
+ "brandStroke2": "#cce3f5",
4040
+ "compoundBrandBackground1": "#0078d4",
4041
+ "compoundBrandBackground1Hover": "#106ebe",
4042
+ "compoundBrandBackground1Pressed": "#1664a7",
4043
+ "compoundBrandForeground1": "#b3d6f2",
4044
+ "compoundBrandForeground1Hover": "#cce3f5",
4045
+ "compoundBrandForeground1Pressed": "#2488d8",
4046
+ "compoundBrandStroke1": "#0078d4",
4047
+ "compoundBrandStroke1Hover": "#106ebe",
4048
+ "compoundBrandStroke1Pressed": "#1664a7",
4049
+ "neutralForeground2BrandHover": "#cce3f5",
4050
+ "neutralForeground2BrandPressed": "#2488d8",
4051
+ "neutralForeground2BrandSelected": "#cce3f5",
4052
+ "neutralForeground3BrandHover": "#cce3f5",
4053
+ "neutralForeground3BrandPressed": "#2488d8",
4054
+ "neutralForeground3BrandSelected": "#cce3f5",
4055
+ "neutralStrokeAccessibleSelected": "#0078d4",
4056
+ }
4057
+ `;
4058
+
4059
+ exports[`getCurrentBrandAliasTokens test themeName: null, appPrimary: #107c41 1`] = `
4060
+ {
4061
+ "brandBackground": "#107c41",
4062
+ "brandBackground2": "#caead8",
4063
+ "brandBackgroundHover": "#0f703b",
4064
+ "brandBackgroundPressed": "#094624",
4065
+ "brandBackgroundSelected": "#0c5f32",
4066
+ "brandBackgroundStatic": "#107c41",
4067
+ "brandForeground1": "#a0d8b9",
4068
+ "brandForeground2": "#caead8",
4069
+ "brandForegroundLink": "#a0d8b9",
4070
+ "brandForegroundLinkHover": "#caead8",
4071
+ "brandForegroundLinkPressed": "#218d51",
4072
+ "brandForegroundLinkSelected": "#caead8",
4073
+ "brandStroke1": "#107c41",
4074
+ "brandStroke2": "#caead8",
4075
+ "compoundBrandBackground1": "#107c41",
4076
+ "compoundBrandBackground1Hover": "#0f703b",
4077
+ "compoundBrandBackground1Pressed": "#0c5f32",
4078
+ "compoundBrandForeground1": "#a0d8b9",
4079
+ "compoundBrandForeground1Hover": "#caead8",
4080
+ "compoundBrandForeground1Pressed": "#218d51",
4081
+ "compoundBrandStroke1": "#107c41",
4082
+ "compoundBrandStroke1Hover": "#0f703b",
4083
+ "compoundBrandStroke1Pressed": "#0c5f32",
4084
+ "neutralForeground2BrandHover": "#caead8",
4085
+ "neutralForeground2BrandPressed": "#218d51",
4086
+ "neutralForeground2BrandSelected": "#caead8",
4087
+ "neutralForeground3BrandHover": "#caead8",
4088
+ "neutralForeground3BrandPressed": "#218d51",
4089
+ "neutralForeground3BrandSelected": "#caead8",
4090
+ "neutralStrokeAccessibleSelected": "#107c41",
4091
+ }
4092
+ `;
4093
+
4094
+ exports[`getCurrentBrandAliasTokens test themeName: null, appPrimary: #185abd 1`] = `
4095
+ {
4096
+ "brandBackground": "#185abd",
4097
+ "brandBackground2": "#d2e0f4",
4098
+ "brandBackgroundHover": "#1651aa",
4099
+ "brandBackgroundPressed": "#0e336a",
4100
+ "brandBackgroundSelected": "#13458f",
4101
+ "brandBackgroundStatic": "#185abd",
4102
+ "brandForeground1": "#aec6eb",
4103
+ "brandForeground2": "#d2e0f4",
4104
+ "brandForegroundLink": "#aec6eb",
4105
+ "brandForegroundLinkHover": "#d2e0f4",
4106
+ "brandForegroundLinkPressed": "#2e6ac5",
4107
+ "brandForegroundLinkSelected": "#d2e0f4",
4108
+ "brandStroke1": "#185abd",
4109
+ "brandStroke2": "#d2e0f4",
4110
+ "compoundBrandBackground1": "#185abd",
4111
+ "compoundBrandBackground1Hover": "#1651aa",
4112
+ "compoundBrandBackground1Pressed": "#13458f",
4113
+ "compoundBrandForeground1": "#aec6eb",
4114
+ "compoundBrandForeground1Hover": "#d2e0f4",
4115
+ "compoundBrandForeground1Pressed": "#2e6ac5",
4116
+ "compoundBrandStroke1": "#185abd",
4117
+ "compoundBrandStroke1Hover": "#1651aa",
4118
+ "compoundBrandStroke1Pressed": "#13458f",
4119
+ "neutralForeground2BrandHover": "#d2e0f4",
4120
+ "neutralForeground2BrandPressed": "#2e6ac5",
4121
+ "neutralForeground2BrandSelected": "#d2e0f4",
4122
+ "neutralForeground3BrandHover": "#d2e0f4",
4123
+ "neutralForeground3BrandPressed": "#2e6ac5",
4124
+ "neutralForeground3BrandSelected": "#d2e0f4",
4125
+ "neutralStrokeAccessibleSelected": "#185abd",
4126
+ }
4127
+ `;
4128
+
4129
+ exports[`getCurrentBrandAliasTokens test themeName: null, appPrimary: #80397b 1`] = `
4130
+ {
4131
+ "brandBackground": "#80397b",
4132
+ "brandBackground2": "#f0daee",
4133
+ "brandBackgroundHover": "#6c2f68",
4134
+ "brandBackgroundPressed": "#3c1a3a",
4135
+ "brandBackgroundSelected": "#52254f",
4136
+ "brandBackgroundStatic": "#80397b",
4137
+ "brandForeground1": "#e0bfde",
4138
+ "brandForeground2": "#f0daee",
4139
+ "brandForegroundLink": "#e0bfde",
4140
+ "brandForegroundLinkHover": "#f0daee",
4141
+ "brandForegroundLinkPressed": "#9e5499",
4142
+ "brandForegroundLinkSelected": "#f0daee",
4143
+ "brandStroke1": "#80397b",
4144
+ "brandStroke2": "#f0daee",
4145
+ "compoundBrandBackground1": "#80397b",
4146
+ "compoundBrandBackground1Hover": "#6c2f68",
4147
+ "compoundBrandBackground1Pressed": "#52254f",
4148
+ "compoundBrandForeground1": "#e0bfde",
4149
+ "compoundBrandForeground1Hover": "#f0daee",
4150
+ "compoundBrandForeground1Pressed": "#9e5499",
4151
+ "compoundBrandStroke1": "#80397b",
4152
+ "compoundBrandStroke1Hover": "#6c2f68",
4153
+ "compoundBrandStroke1Pressed": "#52254f",
4154
+ "neutralForeground2BrandHover": "#f0daee",
4155
+ "neutralForeground2BrandPressed": "#9e5499",
4156
+ "neutralForeground2BrandSelected": "#f0daee",
4157
+ "neutralForeground3BrandHover": "#f0daee",
4158
+ "neutralForeground3BrandPressed": "#9e5499",
4159
+ "neutralForeground3BrandSelected": "#f0daee",
4160
+ "neutralStrokeAccessibleSelected": "#80397b",
4161
+ }
4162
+ `;
4163
+
4164
+ exports[`getCurrentBrandAliasTokens test themeName: null, appPrimary: #c43e1c 1`] = `
4035
4165
  {
4036
- "AccentDark": "#C6C6C6",
4037
- "AccentEmphasis": "#D83B01",
4038
- "AccentLight": "#E6E6E6",
4039
- "AccentOutline": "#000000",
4040
- "Bkg": "antiquewhite",
4041
- "BkgCtl": "#E6E6E6",
4042
- "BkgCtlDisabled": "#E6E6E6",
4043
- "BkgCtlEmphasis": "#D83B01",
4044
- "BkgCtlEmphasisDisabled": "#E6E6E6",
4045
- "BkgCtlEmphasisFocus": "#F3F3F3",
4046
- "BkgCtlEmphasisHover": "#F29F71",
4047
- "BkgCtlEmphasisPressed": "#A22C01",
4048
- "BkgCtlHover": "#FFF7F0",
4049
- "BkgCtlPressed": "#FBDFD0",
4050
- "BkgCtlSelected": "#E6E6E6",
4051
- "BkgCtlSubtle": "#FFFFFF",
4052
- "BkgCtlSubtleDisabled": "#F3F3F3",
4053
- "BkgCtlSubtleFocus": "#F3F3F3",
4054
- "BkgCtlSubtleHover": "#FFFFFF",
4055
- "BkgCtlSubtleHoverDisabled": "#F3F3F3",
4056
- "BkgCtlSubtlePressed": "#FFFFFF",
4057
- "BkgCtlSubtleSelected": "#F3F3F3",
4058
- "BkgCtlSubtleSelectedDisabled": "#F3F3F3",
4059
- "BkgCtlSubtleSelectionHighlight": "#7DA3C6",
4060
- "BkgHeader": "#E6E6E6",
4061
- "BkgHover": "#D2D2D2",
4062
- "BkgPressed": "#B1B1B1",
4063
- "BkgSelected": "#C6C6C6",
4064
- "BkgSelectionHighlight": "#737373",
4065
- "BkgSubtle": "#F3F3F3",
4066
- "BkgToggleSwitchOff": "#FFFFFF",
4067
- "BkgToggleSwitchOffDisabled": "#FFFFFF",
4068
- "BkgToggleSwitchOffHover": "#D2D2D2",
4069
- "BkgToggleSwitchOffPressed": "#B1B1B1",
4070
- "BkgToggleSwitchOn": "#D83B01",
4071
- "BkgToggleSwitchOnDisabled": "#D2D2D2",
4072
- "BkgToggleSwitchOnHover": "#EA6115",
4073
- "BkgToggleSwitchOnPressed": "#A22C01",
4074
- "SliderBuffer": "#262626",
4075
- "SliderKeyboard": "#444444",
4076
- "SliderPrimary": "#444444",
4077
- "SliderPrimaryDisabled": "#969696",
4078
- "SliderPrimaryHover": "#D2D2D2",
4079
- "SliderPrimaryPressed": "#262626",
4080
- "SliderSecondary": "#D2D2D2",
4081
- "SliderToolTipBkg": "#FFFFFF",
4082
- "SliderToolTipBorder": "#C6C6C6",
4083
- "SliderToolTipLabel": "#262626",
4084
- "StrokeCtl": "#969696",
4085
- "StrokeCtlDisabled": "#D2D2D2",
4086
- "StrokeCtlEmphasis": "#A22C01",
4087
- "StrokeCtlEmphasisDisabled": "#D2D2D2",
4088
- "StrokeCtlEmphasisHover": "#D83B01",
4089
- "StrokeCtlEmphasisKeyboard": "#A22C01",
4090
- "StrokeCtlEmphasisPressed": "#A22C01",
4091
- "StrokeCtlHover": "#FBDFD0",
4092
- "StrokeCtlKeyboard": "#FBDFD0",
4093
- "StrokeCtlPressed": "#EA6115",
4094
- "StrokeCtlSelected": "#969696",
4095
- "StrokeCtlSubtle": "#C6C6C6",
4096
- "StrokeCtlSubtleDisabled": "#C6C6C6",
4097
- "StrokeCtlSubtleHover": "#969696",
4098
- "StrokeCtlSubtleKeyboard": "#969696",
4099
- "StrokeCtlSubtlePressed": "#969696",
4100
- "StrokeKeyboard": "#969696",
4101
- "StrokeOnlyHover": "#B1B1B1",
4102
- "StrokeOnlyPressed": "#737373",
4103
- "StrokeOnlySelected": "#969696",
4104
- "StrokeOverHover": "#00000000",
4105
- "StrokeOverPressed": "#00000000",
4106
- "StrokeOverRest": "#00000000",
4107
- "StrokeOverSelectedHover": "#969696",
4108
- "StrokeOverSelectedPressed": "#00000000",
4109
- "StrokeOverSelectedRest": "#00000000",
4110
- "StrokeSelectedHover": "#969696",
4111
- "StrokeToggleSwitchOff": "#505050",
4112
- "StrokeToggleSwitchOffDisabled": "#D2D2D2",
4113
- "StrokeToggleSwitchOffHover": "#505050",
4114
- "StrokeToggleSwitchOffPressed": "#505050",
4115
- "StrokeToggleSwitchOn": "#D83B01",
4116
- "StrokeToggleSwitchOnDisabled": "#D2D2D2",
4117
- "StrokeToggleSwitchOnHover": "#EA6115",
4118
- "StrokeToggleSwitchOnPressed": "#A22C01",
4119
- "Text": "#262626",
4120
- "TextActive": "#262626",
4121
- "TextActiveHover": "#EA6115",
4122
- "TextActivePressed": "#A22C01",
4123
- "TextActiveSelected": "#D83B01",
4124
- "TextCtl": "#262626",
4125
- "TextCtlDisabled": "#B1B1B1",
4126
- "TextCtlEmphasis": "#FFFFFF",
4127
- "TextCtlEmphasisDisabled": "#B1B1B1",
4128
- "TextCtlEmphasisHover": "#FFFFFF",
4129
- "TextCtlEmphasisPressed": "#FFFFFF",
4130
- "TextCtlHover": "#262626",
4131
- "TextCtlPressed": "#262626",
4132
- "TextCtlSelected": "#262626",
4133
- "TextCtlSubtle": "#262626",
4134
- "TextCtlSubtleDisabled": "#B1B1B1",
4135
- "TextCtlSubtleHover": "#262626",
4136
- "TextCtlSubtlePlaceholder": "#666666",
4137
- "TextCtlSubtlePressed": "#262626",
4138
- "TextCtlSubtleSelected": "#262626",
4139
- "TextCtlSubtleSelectionHighlight": "#262626",
4140
- "TextDisabled": "#B1B1B1",
4141
- "TextEmphasis": "#D83B01",
4142
- "TextEmphasis2": "#D83B01",
4143
- "TextEmphasisHover": "#EA6115",
4144
- "TextEmphasisPressed": "#A22C01",
4145
- "TextEmphasisRest": "#D83B01",
4146
- "TextEmphasisSelected": "#D83B01",
4147
- "TextError": "#A50000",
4148
- "TextErrorHover": "#A50000",
4149
- "TextErrorPressed": "#A50000",
4150
- "TextErrorSelected": "#A50000",
4151
- "TextHeader": "#262626",
4152
- "TextHover": "#262626",
4153
- "TextHyperlink": "#D83B01",
4154
- "TextHyperlinkHover": "#A22C01",
4155
- "TextHyperlinkPressed": "#6C1E01",
4156
- "TextPressed": "#262626",
4157
- "TextRest": "#262626",
4158
- "TextSecondary": "#666666",
4159
- "TextSecondaryHover": "#505050",
4160
- "TextSecondaryPressed": "#666666",
4161
- "TextSecondaryRest": "#666666",
4162
- "TextSecondarySelected": "#666666",
4163
- "TextSelected": "#262626",
4164
- "TextSelectionHighlight": "#FFFFFF",
4165
- "ThumbToggleSwitchOff": "#505050",
4166
- "ThumbToggleSwitchOffDisabled": "#D2D2D2",
4167
- "ThumbToggleSwitchOffHover": "#505050",
4168
- "ThumbToggleSwitchOffPressed": "#505050",
4169
- "ThumbToggleSwitchOn": "#FFFFFF",
4170
- "ThumbToggleSwitchOnDisabled": "#FFFFFF",
4171
- "ThumbToggleSwitchOnHover": "#FFFFFF",
4172
- "ThumbToggleSwitchOnPressed": "#FFFFFF",
4166
+ "brandBackground": "#c43e1c",
4167
+ "brandBackground2": "#f6dbd4",
4168
+ "brandBackgroundHover": "#b13719",
4169
+ "brandBackgroundPressed": "#6e220f",
4170
+ "brandBackgroundSelected": "#952f15",
4171
+ "brandBackgroundStatic": "#c43e1c",
4172
+ "brandForeground1": "#edbcb0",
4173
+ "brandForeground2": "#f6dbd4",
4174
+ "brandForegroundLink": "#edbcb0",
4175
+ "brandForegroundLinkHover": "#f6dbd4",
4176
+ "brandForegroundLinkPressed": "#cb5031",
4177
+ "brandForegroundLinkSelected": "#f6dbd4",
4178
+ "brandStroke1": "#c43e1c",
4179
+ "brandStroke2": "#f6dbd4",
4180
+ "compoundBrandBackground1": "#c43e1c",
4181
+ "compoundBrandBackground1Hover": "#b13719",
4182
+ "compoundBrandBackground1Pressed": "#952f15",
4183
+ "compoundBrandForeground1": "#edbcb0",
4184
+ "compoundBrandForeground1Hover": "#f6dbd4",
4185
+ "compoundBrandForeground1Pressed": "#cb5031",
4186
+ "compoundBrandStroke1": "#c43e1c",
4187
+ "compoundBrandStroke1Hover": "#b13719",
4188
+ "compoundBrandStroke1Pressed": "#952f15",
4189
+ "neutralForeground2BrandHover": "#f6dbd4",
4190
+ "neutralForeground2BrandPressed": "#cb5031",
4191
+ "neutralForeground2BrandSelected": "#f6dbd4",
4192
+ "neutralForeground3BrandHover": "#f6dbd4",
4193
+ "neutralForeground3BrandPressed": "#cb5031",
4194
+ "neutralForeground3BrandSelected": "#f6dbd4",
4195
+ "neutralStrokeAccessibleSelected": "#c43e1c",
4173
4196
  }
4174
4197
  `;
4175
4198
 
4176
- exports[`fallbackOfficeModule test 1`] = `
4199
+ exports[`getCurrentBrandAliasTokens test themeName: null, appPrimary: #d83b01 1`] = `
4177
4200
  {
4178
- "fluentTypography": {},
4179
- "getPalette": [Function],
4180
- "rampNames": {
4181
- "App": [
4182
- "FakeApp1",
4183
- "App2",
4184
- "App3",
4185
- "App4",
4186
- "App5",
4187
- "App6",
4188
- "App7",
4189
- "App8",
4190
- ],
4191
- "ClassicGrays": [
4192
- "FakeGray4",
4193
- "Gray5",
4194
- "Gray6",
4195
- ],
4196
- "FluentGrays": [
4197
- "FakeGray1",
4198
- "Gray2",
4199
- "Gray3",
4200
- ],
4201
- "Sepias": [
4202
- "FakeSepia",
4203
- ],
4204
- },
4205
- "ramps": {
4206
- "App": [
4207
- "#F8F8F8",
4208
- "#EFF6FC",
4209
- "#BBDAF3",
4210
- "#55A4E2",
4211
- "#359EDD",
4212
- "#0078d7",
4213
- "#283E4A",
4214
- "#030C13",
4215
- ],
4216
- "ClassicGrays": [
4217
- "#FFFFFF",
4218
- "#737373",
4219
- "#000000",
4220
- ],
4221
- "FluentGrays": [
4222
- "#FAF9F8",
4223
- "#797775",
4224
- "#11100F",
4225
- ],
4226
- "Sepias": [
4227
- "#ECE6DE",
4228
- ],
4229
- },
4230
- "typography": {},
4201
+ "brandBackground": "#d83b01",
4202
+ "brandBackground2": "#f9dcd1",
4203
+ "brandBackgroundHover": "#c33400",
4204
+ "brandBackgroundPressed": "#792000",
4205
+ "brandBackgroundSelected": "#a52c00",
4206
+ "brandBackgroundStatic": "#d83b01",
4207
+ "brandForeground1": "#f4beaa",
4208
+ "brandForeground2": "#f9dcd1",
4209
+ "brandForegroundLink": "#f4beaa",
4210
+ "brandForegroundLinkHover": "#f9dcd1",
4211
+ "brandForegroundLinkPressed": "#dd4f1b",
4212
+ "brandForegroundLinkSelected": "#f9dcd1",
4213
+ "brandStroke1": "#d83b01",
4214
+ "brandStroke2": "#f9dcd1",
4215
+ "compoundBrandBackground1": "#d83b01",
4216
+ "compoundBrandBackground1Hover": "#c33400",
4217
+ "compoundBrandBackground1Pressed": "#a52c00",
4218
+ "compoundBrandForeground1": "#f4beaa",
4219
+ "compoundBrandForeground1Hover": "#f9dcd1",
4220
+ "compoundBrandForeground1Pressed": "#dd4f1b",
4221
+ "compoundBrandStroke1": "#d83b01",
4222
+ "compoundBrandStroke1Hover": "#c33400",
4223
+ "compoundBrandStroke1Pressed": "#a52c00",
4224
+ "neutralForeground2BrandHover": "#f9dcd1",
4225
+ "neutralForeground2BrandPressed": "#dd4f1b",
4226
+ "neutralForeground2BrandSelected": "#f9dcd1",
4227
+ "neutralForeground3BrandHover": "#f9dcd1",
4228
+ "neutralForeground3BrandPressed": "#dd4f1b",
4229
+ "neutralForeground3BrandSelected": "#f9dcd1",
4230
+ "neutralStrokeAccessibleSelected": "#d83b01",
4231
4231
  }
4232
4232
  `;
4233
4233