@fluentui-react-native/win32-theme 0.21.3 → 0.21.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.json +48 -1
  2. package/CHANGELOG.md +14 -2
  3. package/package.json +6 -6
  4. package/src/__tests__/__snapshots__/win32-theme.test.ts.snap +70 -600
package/CHANGELOG.json CHANGED
@@ -2,7 +2,54 @@
2
2
  "name": "@fluentui-react-native/win32-theme",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 30 Sep 2022 00:51:19 GMT",
5
+ "date": "Fri, 30 Sep 2022 08:02:26 GMT",
6
+ "tag": "@fluentui-react-native/win32-theme_v0.21.4",
7
+ "version": "0.21.4",
8
+ "comments": {
9
+ "none": [
10
+ {
11
+ "author": "email not defined",
12
+ "package": "@fluentui-react-native/win32-theme",
13
+ "commit": "609f7988754b77b86f2ed51d0ce4714fb2152293",
14
+ "comment": "snapshots"
15
+ }
16
+ ],
17
+ "patch": [
18
+ {
19
+ "author": "beachball",
20
+ "package": "@fluentui-react-native/win32-theme",
21
+ "comment": "Bump @fluentui-react-native/default-theme to v0.16.0",
22
+ "commit": "609f7988754b77b86f2ed51d0ce4714fb2152293"
23
+ },
24
+ {
25
+ "author": "beachball",
26
+ "package": "@fluentui-react-native/win32-theme",
27
+ "comment": "Bump @fluentui-react-native/theme-tokens to v0.19.2",
28
+ "commit": "609f7988754b77b86f2ed51d0ce4714fb2152293"
29
+ },
30
+ {
31
+ "author": "beachball",
32
+ "package": "@fluentui-react-native/win32-theme",
33
+ "comment": "Bump @fluentui-react-native/theme-types to v0.20.0",
34
+ "commit": "609f7988754b77b86f2ed51d0ce4714fb2152293"
35
+ },
36
+ {
37
+ "author": "beachball",
38
+ "package": "@fluentui-react-native/win32-theme",
39
+ "comment": "Bump @fluentui-react-native/theme to v0.7.4",
40
+ "commit": "609f7988754b77b86f2ed51d0ce4714fb2152293"
41
+ },
42
+ {
43
+ "author": "beachball",
44
+ "package": "@fluentui-react-native/win32-theme",
45
+ "comment": "Bump @fluentui-react-native/theming-utils to v0.16.0",
46
+ "commit": "609f7988754b77b86f2ed51d0ce4714fb2152293"
47
+ }
48
+ ]
49
+ }
50
+ },
51
+ {
52
+ "date": "Fri, 30 Sep 2022 00:54:37 GMT",
6
53
  "tag": "@fluentui-react-native/win32-theme_v0.21.3",
7
54
  "version": "0.21.3",
8
55
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,24 @@
1
1
  # Change Log - @fluentui-react-native/win32-theme
2
2
 
3
- This log was last generated on Fri, 30 Sep 2022 00:51:19 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 30 Sep 2022 08:02:26 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.21.4
8
+
9
+ Fri, 30 Sep 2022 08:02:26 GMT
10
+
11
+ ### Patches
12
+
13
+ - Bump @fluentui-react-native/default-theme to v0.16.0
14
+ - Bump @fluentui-react-native/theme-tokens to v0.19.2
15
+ - Bump @fluentui-react-native/theme-types to v0.20.0
16
+ - Bump @fluentui-react-native/theme to v0.7.4
17
+ - Bump @fluentui-react-native/theming-utils to v0.16.0
18
+
7
19
  ## 0.21.3
8
20
 
9
- Fri, 30 Sep 2022 00:51:19 GMT
21
+ Fri, 30 Sep 2022 00:54:37 GMT
10
22
 
11
23
  ### Patches
12
24
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/win32-theme",
3
- "version": "0.21.3",
3
+ "version": "0.21.4",
4
4
  "description": "Win32 office theme that works with the theming native module",
5
5
  "repository": {
6
6
  "type": "git",
@@ -27,13 +27,13 @@
27
27
  "author": "",
28
28
  "license": "MIT",
29
29
  "dependencies": {
30
- "@fluentui-react-native/default-theme": ">=0.15.3 <1.0.0",
30
+ "@fluentui-react-native/default-theme": ">=0.16.0 <1.0.0",
31
31
  "@fluentui-react-native/design-tokens-win32": "^0.13.0",
32
32
  "@fluentui-react-native/memo-cache": "^1.1.7",
33
- "@fluentui-react-native/theme-tokens": ">=0.19.1 <1.0.0",
34
- "@fluentui-react-native/theme-types": ">=0.19.2 <1.0.0",
35
- "@fluentui-react-native/theme": ">=0.7.3 <1.0.0",
36
- "@fluentui-react-native/theming-utils": ">=0.15.3 <1.0.0",
33
+ "@fluentui-react-native/theme-tokens": ">=0.19.2 <1.0.0",
34
+ "@fluentui-react-native/theme-types": ">=0.20.0 <1.0.0",
35
+ "@fluentui-react-native/theme": ">=0.7.4 <1.0.0",
36
+ "@fluentui-react-native/theming-utils": ">=0.16.0 <1.0.0",
37
37
  "tslib": "^2.3.1"
38
38
  },
39
39
  "devDependencies": {
package/src/__tests__/__snapshots__/win32-theme.test.ts.snap CHANGED
@@ -222,32 +222,6 @@ Object {
222
222
 
223
223
  exports[`createOfficeColorAliasTokens test officeTheme: Black 1`] = `
224
224
  Object {
225
- "brandBackground": "#185abd",
226
- "brandBackground2": "#d2e0f4",
227
- "brandBackgroundDisabled": undefined,
228
- "brandBackgroundHover": "#1651aa",
229
- "brandBackgroundPressed": "#0e336a",
230
- "brandBackgroundSelected": "#13458f",
231
- "brandBackgroundStatic": "#185abd",
232
- "brandForeground1": "#aec6eb",
233
- "brandForeground1Disabled": undefined,
234
- "brandForeground1Pressed": undefined,
235
- "brandForeground2": "#d2e0f4",
236
- "brandForegroundLink": "#aec6eb",
237
- "brandForegroundLinkHover": "#d2e0f4",
238
- "brandForegroundLinkPressed": "#2e6ac5",
239
- "brandForegroundLinkSelected": "#d2e0f4",
240
- "brandStroke1": "#185abd",
241
- "brandStroke2": "#6794d7",
242
- "compoundBrandBackground1": "#185abd",
243
- "compoundBrandBackground1Hover": "#1651aa",
244
- "compoundBrandBackground1Pressed": "#0e336a",
245
- "compoundBrandForeground1": "#aec6eb",
246
- "compoundBrandForeground1Hover": "#d2e0f4",
247
- "compoundBrandForeground1Pressed": "#2e6ac5",
248
- "compoundBrandStroke1": "#185abd",
249
- "compoundBrandStroke1Hover": "#1651aa",
250
- "compoundBrandStroke1Pressed": "#0e336a",
251
225
  "neutralBackground1": "#292929",
252
226
  "neutralBackground1Hover": "#3d3d3d",
253
227
  "neutralBackground1Pressed": "#1f1f1f",
@@ -289,17 +263,7 @@ Object {
289
263
  "neutralForeground3Hover": "#d6d6d6",
290
264
  "neutralForeground3Pressed": "#d6d6d6",
291
265
  "neutralForeground3Selected": "#d6d6d6",
292
- "neutralForeground4": "#999999",
293
- "neutralForegroundDisabled": "#5c5c5c",
294
266
  "neutralForegroundInverted": "#000000",
295
- "neutralForegroundInvertedLink": "#292929",
296
- "neutralForegroundInvertedLinkHover": "#292929",
297
- "neutralForegroundInvertedLinkPressed": "#292929",
298
- "neutralForegroundInvertedLinkSelected": "#292929",
299
- "neutralForegroundOnBrand": "#ffffff",
300
- "neutralForegroundOnBrandHover": "#ffffff",
301
- "neutralForegroundOnBrandPressed": "#ffffff",
302
- "neutralForegroundOnBrandSelected": "#ffffff",
303
267
  "neutralStencil1": "#333333",
304
268
  "neutralStencil2": "#575757",
305
269
  "neutralStroke1": "#666666",
@@ -307,65 +271,16 @@ Object {
307
271
  "neutralStroke1Pressed": "#6b6b6b",
308
272
  "neutralStroke1Selected": "#707070",
309
273
  "neutralStroke2": "#525252",
310
- "neutralStroke3": "#3d3d3d",
311
274
  "neutralStrokeAccessible": "#adadad",
312
275
  "neutralStrokeAccessibleHover": "#bdbdbd",
313
276
  "neutralStrokeAccessiblePressed": "#b3b3b3",
314
277
  "neutralStrokeAccessibleSelected": "#185abd",
315
278
  "neutralStrokeDisabled": "#424242",
316
- "redBackground1": "#230308",
317
- "redBackground2": "#420610",
318
- "redBackground3": "#750b1c",
319
- "redBorder1": "#750b1c",
320
- "redBorder2": "#962f3f",
321
- "redBorderActive": "#ac4f5e",
322
- "redForeground1": "#ac4f5e",
323
- "redForeground2": "#420610",
324
- "redForeground3": "#750b1c",
325
- "strokeFocus1": "#000000",
326
- "strokeFocus2": "#ffffff",
327
- "subtleBackground": "transparent",
328
- "subtleBackgroundHover": "#3d3d3d",
329
- "subtleBackgroundPressed": "#1f1f1f",
330
- "subtleBackgroundSelected": "#383838",
331
- "transparentBackground": "transparent",
332
- "transparentBackgroundHover": "transparent",
333
- "transparentBackgroundPressed": "transparent",
334
- "transparentBackgroundSelected": "transparent",
335
- "transparentStroke": "transparent",
336
- "transparentStrokeDisabled": "transparent",
337
- "transparentStrokeInteractive": "transparent",
338
279
  }
339
280
  `;
340
281
 
341
282
  exports[`createOfficeColorAliasTokens test officeTheme: Colorful 1`] = `
342
283
  Object {
343
- "brandBackground": "#185abd",
344
- "brandBackground2": "#d2e0f4",
345
- "brandBackgroundDisabled": undefined,
346
- "brandBackgroundHover": "#1651aa",
347
- "brandBackgroundPressed": "#0e336a",
348
- "brandBackgroundSelected": "#13458f",
349
- "brandBackgroundStatic": "#185abd",
350
- "brandForeground1": "#185abd",
351
- "brandForeground1Disabled": undefined,
352
- "brandForeground1Pressed": undefined,
353
- "brandForeground2": "#1651aa",
354
- "brandForegroundLink": "#185abd",
355
- "brandForegroundLinkHover": "#1651aa",
356
- "brandForegroundLinkPressed": "#0e336a",
357
- "brandForegroundLinkSelected": "#13458f",
358
- "brandStroke1": "#185abd",
359
- "brandStroke2": "#6794d7",
360
- "compoundBrandBackground1": "#185abd",
361
- "compoundBrandBackground1Hover": "#1651aa",
362
- "compoundBrandBackground1Pressed": "#0e336a",
363
- "compoundBrandForeground1": "#185abd",
364
- "compoundBrandForeground1Hover": "#1651aa",
365
- "compoundBrandForeground1Pressed": "#0e336a",
366
- "compoundBrandStroke1": "#185abd",
367
- "compoundBrandStroke1Hover": "#1651aa",
368
- "compoundBrandStroke1Pressed": "#0e336a",
369
284
  "neutralBackground1": "#ffffff",
370
285
  "neutralBackground1Hover": "#f5f5f5",
371
286
  "neutralBackground1Pressed": "#e0e0e0",
@@ -407,17 +322,7 @@ Object {
407
322
  "neutralForeground3Hover": "#424242",
408
323
  "neutralForeground3Pressed": "#424242",
409
324
  "neutralForeground3Selected": "#424242",
410
- "neutralForeground4": "#707070",
411
- "neutralForegroundDisabled": "#bdbdbd",
412
325
  "neutralForegroundInverted": "#ffffff",
413
- "neutralForegroundInvertedLink": "#ffffff",
414
- "neutralForegroundInvertedLinkHover": "#ffffff",
415
- "neutralForegroundInvertedLinkPressed": "#ffffff",
416
- "neutralForegroundInvertedLinkSelected": "#ffffff",
417
- "neutralForegroundOnBrand": "#ffffff",
418
- "neutralForegroundOnBrandHover": "#ffffff",
419
- "neutralForegroundOnBrandPressed": "#ffffff",
420
- "neutralForegroundOnBrandSelected": "#ffffff",
421
326
  "neutralStencil1": "#e6e6e6",
422
327
  "neutralStencil2": "#fafafa",
423
328
  "neutralStroke1": "#d1d1d1",
@@ -425,65 +330,16 @@ Object {
425
330
  "neutralStroke1Pressed": "#b3b3b3",
426
331
  "neutralStroke1Selected": "#bdbdbd",
427
332
  "neutralStroke2": "#e0e0e0",
428
- "neutralStroke3": "#f0f0f0",
429
333
  "neutralStrokeAccessible": "#616161",
430
334
  "neutralStrokeAccessibleHover": "#575757",
431
335
  "neutralStrokeAccessiblePressed": "#4d4d4d",
432
336
  "neutralStrokeAccessibleSelected": "#185abd",
433
337
  "neutralStrokeDisabled": "#e0e0e0",
434
- "redBackground1": "#f9f0f2",
435
- "redBackground2": "#d69ca5",
436
- "redBackground3": "#750b1c",
437
- "redBorder1": "#d69ca5",
438
- "redBorder2": "#750b1c",
439
- "redBorderActive": "#750b1c",
440
- "redForeground1": "#690a19",
441
- "redForeground2": "#d69ca5",
442
- "redForeground3": "#750b1c",
443
- "strokeFocus1": "#ffffff",
444
- "strokeFocus2": "#000000",
445
- "subtleBackground": "transparent",
446
- "subtleBackgroundHover": "#f5f5f5",
447
- "subtleBackgroundPressed": "#e0e0e0",
448
- "subtleBackgroundSelected": "#ebebeb",
449
- "transparentBackground": "transparent",
450
- "transparentBackgroundHover": "transparent",
451
- "transparentBackgroundPressed": "transparent",
452
- "transparentBackgroundSelected": "transparent",
453
- "transparentStroke": "transparent",
454
- "transparentStrokeDisabled": "transparent",
455
- "transparentStrokeInteractive": "transparent",
456
338
  }
457
339
  `;
458
340
 
459
341
  exports[`createOfficeColorAliasTokens test officeTheme: DarkGray 1`] = `
460
342
  Object {
461
- "brandBackground": "#185abd",
462
- "brandBackground2": "#d2e0f4",
463
- "brandBackgroundDisabled": undefined,
464
- "brandBackgroundHover": "#1651aa",
465
- "brandBackgroundPressed": "#0e336a",
466
- "brandBackgroundSelected": "#13458f",
467
- "brandBackgroundStatic": "#185abd",
468
- "brandForeground1": "#aec6eb",
469
- "brandForeground1Disabled": undefined,
470
- "brandForeground1Pressed": undefined,
471
- "brandForeground2": "#d2e0f4",
472
- "brandForegroundLink": "#aec6eb",
473
- "brandForegroundLinkHover": "#d2e0f4",
474
- "brandForegroundLinkPressed": "#2e6ac5",
475
- "brandForegroundLinkSelected": "#d2e0f4",
476
- "brandStroke1": "#185abd",
477
- "brandStroke2": "#6794d7",
478
- "compoundBrandBackground1": "#185abd",
479
- "compoundBrandBackground1Hover": "#1651aa",
480
- "compoundBrandBackground1Pressed": "#0e336a",
481
- "compoundBrandForeground1": "#aec6eb",
482
- "compoundBrandForeground1Hover": "#d2e0f4",
483
- "compoundBrandForeground1Pressed": "#2e6ac5",
484
- "compoundBrandStroke1": "#185abd",
485
- "compoundBrandStroke1Hover": "#1651aa",
486
- "compoundBrandStroke1Pressed": "#0e336a",
487
343
  "neutralBackground1": "#4d4d4d",
488
344
  "neutralBackground1Hover": "#5c5c5c",
489
345
  "neutralBackground1Pressed": "#424242",
@@ -525,17 +381,7 @@ Object {
525
381
  "neutralForeground3Hover": "#e6e6e6",
526
382
  "neutralForeground3Pressed": "#e6e6e6",
527
383
  "neutralForeground3Selected": "#e6e6e6",
528
- "neutralForeground4": "#c2c2c2",
529
- "neutralForegroundDisabled": "#666666",
530
384
  "neutralForegroundInverted": "#000000",
531
- "neutralForegroundInvertedLink": "#4d4d4d",
532
- "neutralForegroundInvertedLinkHover": "#4d4d4d",
533
- "neutralForegroundInvertedLinkPressed": "#4d4d4d",
534
- "neutralForegroundInvertedLinkSelected": "#4d4d4d",
535
- "neutralForegroundOnBrand": "#ffffff",
536
- "neutralForegroundOnBrandHover": "#ffffff",
537
- "neutralForegroundOnBrandPressed": "#ffffff",
538
- "neutralForegroundOnBrandSelected": "#ffffff",
539
385
  "neutralStencil1": "#1a1a1a",
540
386
  "neutralStencil2": "#424242",
541
387
  "neutralStroke1": "#8a8a8a",
@@ -543,562 +389,276 @@ Object {
543
389
  "neutralStroke1Pressed": "#8f8f8f",
544
390
  "neutralStroke1Selected": "#949494",
545
391
  "neutralStroke2": "#757575",
546
- "neutralStroke3": "#616161",
547
392
  "neutralStrokeAccessible": "#a8a8a8",
548
393
  "neutralStrokeAccessibleHover": "#b8b8b8",
549
394
  "neutralStrokeAccessiblePressed": "#adadad",
550
395
  "neutralStrokeAccessibleSelected": "#185abd",
551
396
  "neutralStrokeDisabled": "#474747",
552
- "redBackground1": "#230308",
553
- "redBackground2": "#420610",
554
- "redBackground3": "#750b1c",
555
- "redBorder1": "#750b1c",
556
- "redBorder2": "#962f3f",
557
- "redBorderActive": "#ac4f5e",
558
- "redForeground1": "#ac4f5e",
559
- "redForeground2": "#420610",
560
- "redForeground3": "#750b1c",
561
- "strokeFocus1": "#000000",
562
- "strokeFocus2": "#ffffff",
563
- "subtleBackground": "transparent",
564
- "subtleBackgroundHover": "#5c5c5c",
565
- "subtleBackgroundPressed": "#424242",
566
- "subtleBackgroundSelected": "#575757",
567
- "transparentBackground": "transparent",
568
- "transparentBackgroundHover": "transparent",
569
- "transparentBackgroundPressed": "transparent",
570
- "transparentBackgroundSelected": "transparent",
571
- "transparentStroke": "transparent",
572
- "transparentStrokeDisabled": "transparent",
573
- "transparentStrokeInteractive": "transparent",
574
397
  }
575
398
  `;
576
399
 
577
400
  exports[`createOfficeColorAliasTokens test officeTheme: HighContrast 1`] = `
578
401
  Object {
579
- "brandBackground": Object {
580
- "resource_paths": Array [
581
- "SystemColorButtonFaceColor",
582
- ],
583
- },
584
- "brandBackground2": Object {
585
- "resource_paths": Array [
586
- "SystemColorButtonFaceColor",
587
- ],
588
- },
589
- "brandBackgroundDisabled": undefined,
590
- "brandBackgroundHover": Object {
591
- "resource_paths": Array [
592
- "SystemColorHighlightColor",
593
- ],
594
- },
595
- "brandBackgroundPressed": Object {
596
- "resource_paths": Array [
597
- "SystemColorHighlightColor",
598
- ],
599
- },
600
- "brandBackgroundSelected": Object {
601
- "resource_paths": Array [
602
- "SystemColorHighlightColor",
603
- ],
604
- },
605
- "brandBackgroundStatic": Object {
606
- "resource_paths": Array [
607
- "SystemColorWindowColor",
608
- ],
609
- },
610
- "brandForeground1": Object {
611
- "resource_paths": Array [
612
- "SystemColorWindowTextColor",
613
- ],
614
- },
615
- "brandForeground1Disabled": undefined,
616
- "brandForeground1Pressed": undefined,
617
- "brandForeground2": Object {
618
- "resource_paths": Array [
619
- "SystemColorButtonTextColor",
620
- ],
621
- },
622
- "brandForegroundLink": Object {
623
- "resource_paths": Array [
624
- "SystemColorHotlightColor",
625
- ],
626
- },
627
- "brandForegroundLinkHover": Object {
628
- "resource_paths": Array [
629
- "SystemColorHotlightColor",
630
- ],
631
- },
632
- "brandForegroundLinkPressed": Object {
633
- "resource_paths": Array [
634
- "SystemColorHotlightColor",
635
- ],
636
- },
637
- "brandForegroundLinkSelected": Object {
638
- "resource_paths": Array [
639
- "SystemColorHotlightColor",
640
- ],
641
- },
642
- "brandStroke1": Object {
643
- "resource_paths": Array [
644
- "SystemColorWindowTextColor",
645
- ],
646
- },
647
- "brandStroke2": Object {
648
- "resource_paths": Array [
649
- "SystemColorWindowColor",
650
- ],
651
- },
652
- "compoundBrandBackground1": Object {
653
- "resource_paths": Array [
654
- "SystemColorHighlightColor",
655
- ],
656
- },
657
- "compoundBrandBackground1Hover": Object {
658
- "resource_paths": Array [
659
- "SystemColorHighlightColor",
660
- ],
661
- },
662
- "compoundBrandBackground1Pressed": Object {
663
- "resource_paths": Array [
664
- "SystemColorHighlightColor",
665
- ],
666
- },
667
- "compoundBrandForeground1": Object {
668
- "resource_paths": Array [
669
- "SystemColorHighlightColor",
670
- ],
671
- },
672
- "compoundBrandForeground1Hover": Object {
673
- "resource_paths": Array [
674
- "SystemColorHighlightColor",
675
- ],
676
- },
677
- "compoundBrandForeground1Pressed": Object {
678
- "resource_paths": Array [
679
- "SystemColorHighlightColor",
680
- ],
681
- },
682
- "compoundBrandStroke1": Object {
683
- "resource_paths": Array [
684
- "SystemColorWindowColor",
685
- ],
686
- },
687
- "compoundBrandStroke1Hover": Object {
688
- "resource_paths": Array [
689
- "SystemColorHighlightColor",
690
- ],
691
- },
692
- "compoundBrandStroke1Pressed": Object {
693
- "resource_paths": Array [
694
- "SystemColorHighlightColor",
695
- ],
696
- },
697
402
  "neutralBackground1": Object {
698
403
  "resource_paths": Array [
699
- "SystemColorWindowColor",
404
+ "Window",
700
405
  ],
701
406
  },
702
407
  "neutralBackground1Hover": Object {
703
408
  "resource_paths": Array [
704
- "SystemColorHighlightColor",
409
+ "Highlight",
705
410
  ],
706
411
  },
707
412
  "neutralBackground1Pressed": Object {
708
413
  "resource_paths": Array [
709
- "SystemColorHighlightColor",
414
+ "Highlight",
710
415
  ],
711
416
  },
712
417
  "neutralBackground1Selected": Object {
713
418
  "resource_paths": Array [
714
- "SystemColorHighlightColor",
419
+ "Highlight",
715
420
  ],
716
421
  },
717
422
  "neutralBackground2": Object {
718
423
  "resource_paths": Array [
719
- "SystemColorWindowColor",
424
+ "Window",
720
425
  ],
721
426
  },
722
427
  "neutralBackground2Hover": Object {
723
428
  "resource_paths": Array [
724
- "SystemColorHighlightColor",
429
+ "Highlight",
725
430
  ],
726
431
  },
727
432
  "neutralBackground2Pressed": Object {
728
433
  "resource_paths": Array [
729
- "SystemColorHighlightColor",
434
+ "Highlight",
730
435
  ],
731
436
  },
732
437
  "neutralBackground2Selected": Object {
733
438
  "resource_paths": Array [
734
- "SystemColorHighlightColor",
439
+ "Highlight",
735
440
  ],
736
441
  },
737
442
  "neutralBackground3": Object {
738
443
  "resource_paths": Array [
739
- "SystemColorWindowColor",
444
+ "Window",
740
445
  ],
741
446
  },
742
447
  "neutralBackground3Hover": Object {
743
448
  "resource_paths": Array [
744
- "SystemColorHighlightColor",
449
+ "Highlight",
745
450
  ],
746
451
  },
747
452
  "neutralBackground3Pressed": Object {
748
453
  "resource_paths": Array [
749
- "SystemColorHighlightColor",
454
+ "Highlight",
750
455
  ],
751
456
  },
752
457
  "neutralBackground3Selected": Object {
753
458
  "resource_paths": Array [
754
- "SystemColorHighlightColor",
459
+ "Highlight",
755
460
  ],
756
461
  },
757
462
  "neutralBackground4": Object {
758
463
  "resource_paths": Array [
759
- "SystemColorWindowColor",
464
+ "Window",
760
465
  ],
761
466
  },
762
467
  "neutralBackground4Hover": Object {
763
468
  "resource_paths": Array [
764
- "SystemColorHighlightColor",
469
+ "Highlight",
765
470
  ],
766
471
  },
767
472
  "neutralBackground4Pressed": Object {
768
473
  "resource_paths": Array [
769
- "SystemColorHighlightColor",
474
+ "Highlight",
770
475
  ],
771
476
  },
772
477
  "neutralBackground4Selected": Object {
773
478
  "resource_paths": Array [
774
- "SystemColorHighlightColor",
479
+ "Highlight",
775
480
  ],
776
481
  },
777
482
  "neutralBackground5": Object {
778
483
  "resource_paths": Array [
779
- "SystemColorWindowColor",
484
+ "Window",
780
485
  ],
781
486
  },
782
487
  "neutralBackground5Hover": Object {
783
488
  "resource_paths": Array [
784
- "SystemColorHighlightColor",
489
+ "Highlight",
785
490
  ],
786
491
  },
787
492
  "neutralBackground5Pressed": Object {
788
493
  "resource_paths": Array [
789
- "SystemColorHighlightColor",
494
+ "Highlight",
790
495
  ],
791
496
  },
792
497
  "neutralBackground5Selected": Object {
793
498
  "resource_paths": Array [
794
- "SystemColorHighlightColor",
499
+ "Highlight",
795
500
  ],
796
501
  },
797
502
  "neutralBackground6": Object {
798
503
  "resource_paths": Array [
799
- "SystemColorWindowColor",
504
+ "Window",
800
505
  ],
801
506
  },
802
507
  "neutralBackgroundDisabled": Object {
803
508
  "resource_paths": Array [
804
- "SystemColorWindowColor",
509
+ "Window",
805
510
  ],
806
511
  },
807
512
  "neutralBackgroundInverted": Object {
808
513
  "resource_paths": Array [
809
- "SystemColorWindowTextColor",
514
+ "WindowText",
810
515
  ],
811
516
  },
812
517
  "neutralForeground1": Object {
813
518
  "resource_paths": Array [
814
- "SystemColorWindowTextColor",
519
+ "WindowText",
815
520
  ],
816
521
  },
817
522
  "neutralForeground1Hover": Object {
818
523
  "resource_paths": Array [
819
- "SystemColorHighlightTextColor",
524
+ "HighlightText",
820
525
  ],
821
526
  },
822
527
  "neutralForeground1Pressed": Object {
823
528
  "resource_paths": Array [
824
- "SystemColorHighlightTextColor",
529
+ "HighlightText",
825
530
  ],
826
531
  },
827
532
  "neutralForeground1Selected": Object {
828
533
  "resource_paths": Array [
829
- "SystemColorHighlightTextColor",
534
+ "HighlightText",
830
535
  ],
831
536
  },
832
537
  "neutralForeground2": Object {
833
538
  "resource_paths": Array [
834
- "SystemColorWindowTextColor",
539
+ "WindowText",
835
540
  ],
836
541
  },
837
542
  "neutralForeground2BrandHover": Object {
838
543
  "resource_paths": Array [
839
- "SystemColorHighlightTextColor",
544
+ "HighlightText",
840
545
  ],
841
546
  },
842
547
  "neutralForeground2BrandPressed": Object {
843
548
  "resource_paths": Array [
844
- "SystemColorHighlightTextColor",
549
+ "HighlightText",
845
550
  ],
846
551
  },
847
552
  "neutralForeground2BrandSelected": Object {
848
553
  "resource_paths": Array [
849
- "SystemColorHighlightTextColor",
554
+ "HighlightText",
850
555
  ],
851
556
  },
852
557
  "neutralForeground2Hover": Object {
853
558
  "resource_paths": Array [
854
- "SystemColorHighlightTextColor",
559
+ "HighlightText",
855
560
  ],
856
561
  },
857
562
  "neutralForeground2Pressed": Object {
858
563
  "resource_paths": Array [
859
- "SystemColorHighlightTextColor",
564
+ "HighlightText",
860
565
  ],
861
566
  },
862
567
  "neutralForeground2Selected": Object {
863
568
  "resource_paths": Array [
864
- "SystemColorHighlightTextColor",
569
+ "HighlightText",
865
570
  ],
866
571
  },
867
572
  "neutralForeground3": Object {
868
573
  "resource_paths": Array [
869
- "SystemColorWindowTextColor",
574
+ "WindowText",
870
575
  ],
871
576
  },
872
577
  "neutralForeground3BrandHover": Object {
873
578
  "resource_paths": Array [
874
- "SystemColorHighlightTextColor",
579
+ "HighlightText",
875
580
  ],
876
581
  },
877
582
  "neutralForeground3BrandPressed": Object {
878
583
  "resource_paths": Array [
879
- "SystemColorHighlightTextColor",
584
+ "HighlightText",
880
585
  ],
881
586
  },
882
587
  "neutralForeground3BrandSelected": Object {
883
588
  "resource_paths": Array [
884
- "SystemColorHighlightTextColor",
589
+ "HighlightText",
885
590
  ],
886
591
  },
887
592
  "neutralForeground3Hover": Object {
888
593
  "resource_paths": Array [
889
- "SystemColorHighlightTextColor",
594
+ "HighlightText",
890
595
  ],
891
596
  },
892
597
  "neutralForeground3Pressed": Object {
893
598
  "resource_paths": Array [
894
- "SystemColorHighlightTextColor",
599
+ "HighlightText",
895
600
  ],
896
601
  },
897
602
  "neutralForeground3Selected": Object {
898
603
  "resource_paths": Array [
899
- "SystemColorHighlightTextColor",
900
- ],
901
- },
902
- "neutralForeground4": Object {
903
- "resource_paths": Array [
904
- "SystemColorWindowTextColor",
905
- ],
906
- },
907
- "neutralForegroundDisabled": Object {
908
- "resource_paths": Array [
909
- "SystemColorGrayTextColor",
604
+ "HighlightText",
910
605
  ],
911
606
  },
912
607
  "neutralForegroundInverted": Object {
913
608
  "resource_paths": Array [
914
- "SystemColorWindowColor",
915
- ],
916
- },
917
- "neutralForegroundInvertedLink": Object {
918
- "resource_paths": Array [
919
- "SystemColorHotlightColor",
920
- ],
921
- },
922
- "neutralForegroundInvertedLinkHover": Object {
923
- "resource_paths": Array [
924
- "SystemColorHotlightColor",
925
- ],
926
- },
927
- "neutralForegroundInvertedLinkPressed": Object {
928
- "resource_paths": Array [
929
- "SystemColorHotlightColor",
930
- ],
931
- },
932
- "neutralForegroundInvertedLinkSelected": Object {
933
- "resource_paths": Array [
934
- "SystemColorHotlightColor",
935
- ],
936
- },
937
- "neutralForegroundOnBrand": Object {
938
- "resource_paths": Array [
939
- "SystemColorButtonTextColor",
940
- ],
941
- },
942
- "neutralForegroundOnBrandHover": Object {
943
- "resource_paths": Array [
944
- "SystemColorHighlightTextColor",
945
- ],
946
- },
947
- "neutralForegroundOnBrandPressed": Object {
948
- "resource_paths": Array [
949
- "SystemColorHighlightTextColor",
950
- ],
951
- },
952
- "neutralForegroundOnBrandSelected": Object {
953
- "resource_paths": Array [
954
- "SystemColorHighlightTextColor",
609
+ "Window",
955
610
  ],
956
611
  },
957
612
  "neutralStencil1": "#141414",
958
613
  "neutralStencil2": "#858585",
959
614
  "neutralStroke1": Object {
960
615
  "resource_paths": Array [
961
- "SystemColorWindowTextColor",
616
+ "WindowText",
962
617
  ],
963
618
  },
964
619
  "neutralStroke1Hover": Object {
965
620
  "resource_paths": Array [
966
- "SystemColorHighlightColor",
621
+ "Highlight",
967
622
  ],
968
623
  },
969
624
  "neutralStroke1Pressed": Object {
970
625
  "resource_paths": Array [
971
- "SystemColorHighlightColor",
626
+ "Highlight",
972
627
  ],
973
628
  },
974
629
  "neutralStroke1Selected": Object {
975
630
  "resource_paths": Array [
976
- "SystemColorHighlightColor",
631
+ "Highlight",
977
632
  ],
978
633
  },
979
634
  "neutralStroke2": Object {
980
635
  "resource_paths": Array [
981
- "SystemColorWindowTextColor",
982
- ],
983
- },
984
- "neutralStroke3": Object {
985
- "resource_paths": Array [
986
- "SystemColorWindowTextColor",
636
+ "WindowText",
987
637
  ],
988
638
  },
989
639
  "neutralStrokeAccessible": Object {
990
640
  "resource_paths": Array [
991
- "SystemColorWindowTextColor",
641
+ "WindowText",
992
642
  ],
993
643
  },
994
644
  "neutralStrokeAccessibleHover": Object {
995
645
  "resource_paths": Array [
996
- "SystemColorHighlightColor",
646
+ "Highlight",
997
647
  ],
998
648
  },
999
649
  "neutralStrokeAccessiblePressed": Object {
1000
650
  "resource_paths": Array [
1001
- "SystemColorHighlightColor",
651
+ "Highlight",
1002
652
  ],
1003
653
  },
1004
654
  "neutralStrokeAccessibleSelected": Object {
1005
655
  "resource_paths": Array [
1006
- "SystemColorHighlightColor",
656
+ "Highlight",
1007
657
  ],
1008
658
  },
1009
659
  "neutralStrokeDisabled": Object {
1010
660
  "resource_paths": Array [
1011
- "SystemColorGrayTextColor",
1012
- ],
1013
- },
1014
- "redBackground1": Object {
1015
- "resource_paths": Array [
1016
- "SystemColorButtonFaceColor",
1017
- ],
1018
- },
1019
- "redBackground2": Object {
1020
- "resource_paths": Array [
1021
- "SystemColorWindowColor",
1022
- ],
1023
- },
1024
- "redBackground3": Object {
1025
- "resource_paths": Array [
1026
- "SystemColorButtonFaceColor",
1027
- ],
1028
- },
1029
- "redBorder1": Object {
1030
- "resource_paths": Array [
1031
- "SystemColorWindowTextColor",
1032
- ],
1033
- },
1034
- "redBorder2": Object {
1035
- "resource_paths": Array [
1036
- "SystemColorWindowTextColor",
1037
- ],
1038
- },
1039
- "redBorderActive": Object {
1040
- "resource_paths": Array [
1041
- "SystemColorHighlightColor",
1042
- ],
1043
- },
1044
- "redForeground1": Object {
1045
- "resource_paths": Array [
1046
- "SystemColorButtonTextColor",
1047
- ],
1048
- },
1049
- "redForeground2": Object {
1050
- "resource_paths": Array [
1051
- "SystemColorWindowColor",
1052
- ],
1053
- },
1054
- "redForeground3": Object {
1055
- "resource_paths": Array [
1056
- "SystemColorButtonFaceColor",
1057
- ],
1058
- },
1059
- "strokeFocus1": Object {
1060
- "resource_paths": Array [
1061
- "SystemColorWindowColor",
1062
- ],
1063
- },
1064
- "strokeFocus2": Object {
1065
- "resource_paths": Array [
1066
- "SystemColorHighlightColor",
1067
- ],
1068
- },
1069
- "subtleBackground": "transparent",
1070
- "subtleBackgroundHover": Object {
1071
- "resource_paths": Array [
1072
- "SystemColorHighlightColor",
1073
- ],
1074
- },
1075
- "subtleBackgroundPressed": Object {
1076
- "resource_paths": Array [
1077
- "SystemColorHighlightColor",
1078
- ],
1079
- },
1080
- "subtleBackgroundSelected": Object {
1081
- "resource_paths": Array [
1082
- "SystemColorHighlightColor",
1083
- ],
1084
- },
1085
- "transparentBackground": "transparent",
1086
- "transparentBackgroundHover": "transparent",
1087
- "transparentBackgroundPressed": "transparent",
1088
- "transparentBackgroundSelected": "transparent",
1089
- "transparentStroke": Object {
1090
- "resource_paths": Array [
1091
- "SystemColorWindowTextColor",
1092
- ],
1093
- },
1094
- "transparentStrokeDisabled": Object {
1095
- "resource_paths": Array [
1096
- "SystemColorGrayTextColor",
1097
- ],
1098
- },
1099
- "transparentStrokeInteractive": Object {
1100
- "resource_paths": Array [
1101
- "SystemColorHighlightColor",
661
+ "GrayText",
1102
662
  ],
1103
663
  },
1104
664
  }
@@ -1106,32 +666,6 @@ Object {
1106
666
 
1107
667
  exports[`createOfficeColorAliasTokens test officeTheme: White 1`] = `
1108
668
  Object {
1109
- "brandBackground": "#185abd",
1110
- "brandBackground2": "#d2e0f4",
1111
- "brandBackgroundDisabled": undefined,
1112
- "brandBackgroundHover": "#1651aa",
1113
- "brandBackgroundPressed": "#0e336a",
1114
- "brandBackgroundSelected": "#13458f",
1115
- "brandBackgroundStatic": "#185abd",
1116
- "brandForeground1": "#185abd",
1117
- "brandForeground1Disabled": undefined,
1118
- "brandForeground1Pressed": undefined,
1119
- "brandForeground2": "#1651aa",
1120
- "brandForegroundLink": "#185abd",
1121
- "brandForegroundLinkHover": "#1651aa",
1122
- "brandForegroundLinkPressed": "#0e336a",
1123
- "brandForegroundLinkSelected": "#13458f",
1124
- "brandStroke1": "#185abd",
1125
- "brandStroke2": "#6794d7",
1126
- "compoundBrandBackground1": "#185abd",
1127
- "compoundBrandBackground1Hover": "#1651aa",
1128
- "compoundBrandBackground1Pressed": "#0e336a",
1129
- "compoundBrandForeground1": "#185abd",
1130
- "compoundBrandForeground1Hover": "#1651aa",
1131
- "compoundBrandForeground1Pressed": "#0e336a",
1132
- "compoundBrandStroke1": "#185abd",
1133
- "compoundBrandStroke1Hover": "#1651aa",
1134
- "compoundBrandStroke1Pressed": "#0e336a",
1135
669
  "neutralBackground1": "#ffffff",
1136
670
  "neutralBackground1Hover": "#f5f5f5",
1137
671
  "neutralBackground1Pressed": "#e0e0e0",
@@ -1173,17 +707,7 @@ Object {
1173
707
  "neutralForeground3Hover": "#424242",
1174
708
  "neutralForeground3Pressed": "#424242",
1175
709
  "neutralForeground3Selected": "#424242",
1176
- "neutralForeground4": "#707070",
1177
- "neutralForegroundDisabled": "#bdbdbd",
1178
710
  "neutralForegroundInverted": "#ffffff",
1179
- "neutralForegroundInvertedLink": "#ffffff",
1180
- "neutralForegroundInvertedLinkHover": "#ffffff",
1181
- "neutralForegroundInvertedLinkPressed": "#ffffff",
1182
- "neutralForegroundInvertedLinkSelected": "#ffffff",
1183
- "neutralForegroundOnBrand": "#ffffff",
1184
- "neutralForegroundOnBrandHover": "#ffffff",
1185
- "neutralForegroundOnBrandPressed": "#ffffff",
1186
- "neutralForegroundOnBrandSelected": "#ffffff",
1187
711
  "neutralStencil1": "#e6e6e6",
1188
712
  "neutralStencil2": "#fafafa",
1189
713
  "neutralStroke1": "#d1d1d1",
@@ -1191,34 +715,11 @@ Object {
1191
715
  "neutralStroke1Pressed": "#b3b3b3",
1192
716
  "neutralStroke1Selected": "#bdbdbd",
1193
717
  "neutralStroke2": "#e0e0e0",
1194
- "neutralStroke3": "#f0f0f0",
1195
718
  "neutralStrokeAccessible": "#616161",
1196
719
  "neutralStrokeAccessibleHover": "#575757",
1197
720
  "neutralStrokeAccessiblePressed": "#4d4d4d",
1198
721
  "neutralStrokeAccessibleSelected": "#185abd",
1199
722
  "neutralStrokeDisabled": "#e0e0e0",
1200
- "redBackground1": "#f9f0f2",
1201
- "redBackground2": "#d69ca5",
1202
- "redBackground3": "#750b1c",
1203
- "redBorder1": "#d69ca5",
1204
- "redBorder2": "#750b1c",
1205
- "redBorderActive": "#750b1c",
1206
- "redForeground1": "#690a19",
1207
- "redForeground2": "#d69ca5",
1208
- "redForeground3": "#750b1c",
1209
- "strokeFocus1": "#ffffff",
1210
- "strokeFocus2": "#000000",
1211
- "subtleBackground": "transparent",
1212
- "subtleBackgroundHover": "#f5f5f5",
1213
- "subtleBackgroundPressed": "#e0e0e0",
1214
- "subtleBackgroundSelected": "#ebebeb",
1215
- "transparentBackground": "transparent",
1216
- "transparentBackgroundHover": "transparent",
1217
- "transparentBackgroundPressed": "transparent",
1218
- "transparentBackgroundSelected": "transparent",
1219
- "transparentStroke": "transparent",
1220
- "transparentStrokeDisabled": "transparent",
1221
- "transparentStrokeInteractive": "transparent",
1222
723
  }
1223
724
  `;
1224
725
 
@@ -2271,21 +1772,18 @@ Object {
2271
1772
  "neutralBackground1Selected": "#C6C6C6",
2272
1773
  "neutralBackground2": "#E6E6E6",
2273
1774
  "neutralBackground2Hover": "#F3F3F3",
2274
- "neutralBackground2Pressed": "#dbdbdb",
2275
- "neutralBackground2Selected": "#e6e6e6",
1775
+ "neutralBackground2Pressed": "#4d4d4d",
1776
+ "neutralBackground2Selected": "#424242",
2276
1777
  "neutralBackground3": "#F3F3F3",
2277
- "neutralBackground3Hover": "#ebebeb",
2278
- "neutralBackground3Pressed": "#d6d6d6",
2279
- "neutralBackground3Selected": "#e0e0e0",
2280
- "neutralBackground4": "#f0f0f0",
2281
- "neutralBackground4Hover": "#fafafa",
2282
- "neutralBackground4Pressed": "#f5f5f5",
2283
- "neutralBackground4Selected": "#ffffff",
2284
- "neutralBackground5": "#ebebeb",
2285
- "neutralBackground5Hover": "#f5f5f5",
2286
- "neutralBackground5Pressed": "#f0f0f0",
2287
- "neutralBackground5Selected": "#fafafa",
2288
- "neutralBackground6": "#e6e6e6",
1778
+ "neutralBackground3Pressed": "#e0e0e0",
1779
+ "neutralBackground3Selected": "#ebebeb",
1780
+ "neutralBackground4": "#333333",
1781
+ "neutralBackground4Pressed": "#616161",
1782
+ "neutralBackground4Selected": "#575757",
1783
+ "neutralBackground5": "#3d3d3d",
1784
+ "neutralBackground5Pressed": "#6b6b6b",
1785
+ "neutralBackground5Selected": "#616161",
1786
+ "neutralBackground6": "#5c5c5c",
2289
1787
  "neutralBackgroundDisabled": "#E6E6E6",
2290
1788
  "neutralBackgroundInverted": "#737373",
2291
1789
  "neutralForeground1": "#262626",
@@ -2299,32 +1797,25 @@ Object {
2299
1797
  "neutralForeground2Hover": "#505050",
2300
1798
  "neutralForeground2Pressed": "#666666",
2301
1799
  "neutralForeground2Selected": "#666666",
2302
- "neutralForeground3": "#616161",
1800
+ "neutralForeground3": "#808080",
2303
1801
  "neutralForeground3BrandHover": "#eff6fc",
2304
1802
  "neutralForeground3BrandPressed": "#2b88d8",
2305
1803
  "neutralForeground3BrandSelected": "#eff6fc",
2306
- "neutralForeground3Hover": "#424242",
2307
- "neutralForeground3Pressed": "#424242",
2308
- "neutralForeground3Selected": "#424242",
2309
1804
  "neutralForeground4": "#666666",
2310
1805
  "neutralForegroundDisabled": "#B1B1B1",
2311
1806
  "neutralForegroundInverted": "#262626",
2312
1807
  "neutralForegroundInvertedLink": "#FFFFFF",
2313
1808
  "neutralForegroundInvertedLinkHover": "#D2D2D2",
2314
1809
  "neutralForegroundInvertedLinkPressed": "#B1B1B1",
2315
- "neutralForegroundInvertedLinkSelected": "#ffffff",
2316
1810
  "neutralForegroundOnBrand": "#FFFFFF",
2317
1811
  "neutralForegroundOnBrandHover": "#FFFFFF",
2318
1812
  "neutralForegroundOnBrandPressed": "#FFFFFF",
2319
- "neutralForegroundOnBrandSelected": "#ffffff",
2320
1813
  "neutralStencil1": "#262626",
2321
- "neutralStencil2": "#fafafa",
1814
+ "neutralStencil2": "#333333",
2322
1815
  "neutralStroke1": "#969696",
2323
1816
  "neutralStroke1Hover": "#969696",
2324
1817
  "neutralStroke1Pressed": "#00000000",
2325
- "neutralStroke1Selected": "#bdbdbd",
2326
1818
  "neutralStroke2": "#262626",
2327
- "neutralStroke3": "#f0f0f0",
2328
1819
  "neutralStrokeAccessible": "#969696",
2329
1820
  "neutralStrokeAccessibleHover": "#B1B1B1",
2330
1821
  "neutralStrokeAccessiblePressed": "#737373",
@@ -2342,31 +1833,10 @@ Object {
2342
1833
  "primaryButtonTextDisabled": "#B1B1B1",
2343
1834
  "primaryButtonTextHovered": "#FFFFFF",
2344
1835
  "primaryButtonTextPressed": "#FFFFFF",
2345
- "redBackground1": "#f9f0f2",
2346
- "redBackground2": "#d69ca5",
2347
- "redBackground3": "#750b1c",
2348
- "redBorder1": "#d69ca5",
2349
- "redBorder2": "#750b1c",
2350
- "redBorderActive": "#750b1c",
2351
- "redForeground1": "#690a19",
2352
- "redForeground2": "#d69ca5",
2353
- "redForeground3": "#750b1c",
2354
1836
  "smallInputBorder": "#C6C6C6",
2355
- "strokeFocus1": "#ffffff",
2356
1837
  "strokeFocus2": "#969696",
2357
1838
  "subText": "#666666",
2358
- "subtleBackground": "transparent",
2359
- "subtleBackgroundHover": "#f5f5f5",
2360
- "subtleBackgroundPressed": "#e0e0e0",
2361
- "subtleBackgroundSelected": "#ebebeb",
2362
1839
  "successBackground": "#D83B01",
2363
- "transparentBackground": "transparent",
2364
- "transparentBackgroundHover": "transparent",
2365
- "transparentBackgroundPressed": "transparent",
2366
- "transparentBackgroundSelected": "transparent",
2367
- "transparentStroke": "transparent",
2368
- "transparentStrokeDisabled": "transparent",
2369
- "transparentStrokeInteractive": "transparent",
2370
1840
  "variantBorder": "#000000",
2371
1841
  "variantBorderHovered": "#000000",
2372
1842
  "warningBackground": "antiquewhite",
@@ -2721,11 +2191,11 @@ Object {
2721
2191
  },
2722
2192
  "sizes": Object {
2723
2193
  "body": 14,
2724
- "caption": 10,
2725
- "header": 20,
2726
- "hero": 28,
2727
- "heroLarge": 40,
2728
- "secondary": 12,
2194
+ "caption": 12,
2195
+ "header": 18,
2196
+ "hero": 24,
2197
+ "heroLarge": 60,
2198
+ "secondary": 13,
2729
2199
  "subheader": 16,
2730
2200
  },
2731
2201
  "variants": Object {