@fluentui-react-native/apple-theme 0.20.1 → 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.json +109 -1
  2. package/CHANGELOG.md +31 -2
  3. package/lib/__tests__/apple-theme.test.js +19 -4
  4. package/lib/__tests__/apple-theme.test.js.map +1 -1
  5. package/lib/appleColors.macos.d.ts.map +1 -1
  6. package/lib/appleColors.macos.js +2 -9
  7. package/lib/appleColors.macos.js.map +1 -1
  8. package/lib/createAppleTheme.macos.d.ts.map +1 -1
  9. package/lib/createAppleTheme.macos.js +4 -0
  10. package/lib/createAppleTheme.macos.js.map +1 -1
  11. package/lib-commonjs/__tests__/apple-theme.test.js +19 -4
  12. package/lib-commonjs/__tests__/apple-theme.test.js.map +1 -1
  13. package/lib-commonjs/appleColors.macos.d.ts.map +1 -1
  14. package/lib-commonjs/appleColors.macos.js +2 -9
  15. package/lib-commonjs/appleColors.macos.js.map +1 -1
  16. package/lib-commonjs/createAppleTheme.macos.d.ts.map +1 -1
  17. package/lib-commonjs/createAppleTheme.macos.js +4 -0
  18. package/lib-commonjs/createAppleTheme.macos.js.map +1 -1
  19. package/package.json +18 -19
  20. package/src/__tests__/__snapshots__/apple-theme.test.ts.snap +2009 -1862
  21. package/src/__tests__/apple-theme.test.ts +19 -4
  22. package/src/appleColors.macos.ts +2 -10
  23. package/src/createAppleTheme.macos.ts +4 -0
package/src/__tests__/__snapshots__/apple-theme.test.ts.snap CHANGED
@@ -1,1091 +1,321 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`createAppleTheme test 1`] = `
4
- Object {
5
- "colors": Object {
6
- "accentButtonBackground": Object {
7
- "dynamic": Object {
8
- "dark": "#1890F1",
9
- "highContrastDark": undefined,
10
- "highContrastLight": undefined,
11
- "light": "#0078D4",
12
- },
13
- },
14
- "accentButtonText": "#ffffff",
15
- "actionLink": Object {
16
- "semantic": Array [
17
- "linkColor",
18
- ],
19
- },
20
- "actionLinkHovered": Object {
21
- "semantic": Array [
22
- "linkColor",
23
- ],
24
- },
25
- "background": Object {
26
- "semantic": Array [
27
- "windowBackgroundColor",
28
- ],
29
- },
30
- "blockingBackground": Object {
31
- "dynamic": Object {
32
- "dark": "transparent",
33
- "highContrastDark": undefined,
34
- "highContrastLight": undefined,
35
- "light": "#DD4242",
36
- },
37
- },
38
- "bodyDivider": Object {
39
- "semantic": Array [
40
- "separatorColor",
41
- ],
42
- },
43
- "bodyFrameBackground": Object {
44
- "semantic": Array [
45
- "windowBackgroundColor",
46
- ],
47
- },
48
- "bodyFrameDivider": Object {
49
- "semantic": Array [
50
- "separatorColor",
51
- ],
52
- },
53
- "bodyStandoutBackground": Object {
54
- "semantic": Array [
55
- "underPageBackgroundColor",
56
- ],
57
- },
58
- "bodyText": Object {
59
- "semantic": Array [
60
- "labelColor",
61
- ],
62
- },
63
- "bodyTextChecked": Object {
64
- "semantic": Array [
65
- "labelColor",
66
- ],
67
- },
68
- "brandBackground": "#0078d4",
69
- "brandBackground2": "#eff6fc",
70
- "brandBackgroundDisabled": "#d1d1d1",
71
- "brandBackgroundHover": "#106ebe",
72
- "brandBackgroundPressed": "#106ebe",
73
- "brandBackgroundSelected": "#005a9e",
74
- "brandBackgroundStatic": "#0078d4",
75
- "brandForeground1": "#0078d4",
76
- "brandForeground1Disabled": "#757575",
77
- "brandForeground1Pressed": "#004578",
78
- "brandForeground2": "#106ebe",
79
- "brandForegroundLink": "#0078d4",
80
- "brandForegroundLinkHover": "#106ebe",
81
- "brandForegroundLinkPressed": "#004578",
82
- "brandForegroundLinkSelected": "#005a9e",
83
- "brandStroke1": "#0078d4",
84
- "brandStroke2": "#c7e0f4",
85
- "brandedBackground": "#0078d4",
86
- "brandedBorder": "#00000000",
87
- "brandedCheckedBackground": Object {
88
- "dynamic": Object {
89
- "dark": "#1890F1",
90
- "highContrastDark": undefined,
91
- "highContrastLight": undefined,
92
- "light": "#0078D4",
93
- },
94
- },
95
- "brandedCheckedContent": "#ffffff",
96
- "brandedCheckedHoveredBackground": Object {
97
- "dynamic": Object {
98
- "dark": "#1890F1",
99
- "highContrastDark": undefined,
100
- "highContrastLight": undefined,
101
- "light": "#0078D4",
102
- },
103
- },
104
- "brandedCheckedHoveredContent": "#ffffff",
105
- "brandedContent": "#ffffff",
106
- "brandedDisabledBackground": "#f0f0f0",
107
- "brandedDisabledBorder": "transparent",
108
- "brandedDisabledContent": "#757575",
109
- "brandedDisabledIcon": "#616161",
110
- "brandedFocusedBackground": Object {
111
- "dynamic": Object {
112
- "dark": "#1890F1",
113
- "highContrastDark": undefined,
114
- "highContrastLight": undefined,
115
- "light": "#0078D4",
116
- },
117
- },
118
- "brandedFocusedBorder": "transparent",
119
- "brandedFocusedContent": "#ffffff",
120
- "brandedFocusedIcon": "#ffffff",
121
- "brandedFocusedSecondaryContent": "#ffffff",
122
- "brandedHoveredBackground": "#106ebe",
123
- "brandedHoveredBorder": "transparent",
124
- "brandedHoveredContent": "#ffffff",
125
- "brandedHoveredIcon": "#ffffff",
126
- "brandedHoveredSecondaryContent": "#ffffff",
127
- "brandedIcon": "#ffffff",
128
- "brandedPressedBackground": "#106ebe",
129
- "brandedPressedBorder": "transparent",
130
- "brandedPressedContent": "#ffffff",
131
- "brandedPressedIcon": "#ffffff",
132
- "brandedPressedSecondaryContent": Object {
133
- "colorWithSystemEffect": Object {
134
- "baseColor": "#ffffff",
135
- "systemEffect": "pressed",
136
- },
137
- },
138
- "brandedSecondaryContent": "#ffffff",
139
- "buttonBackground": "#ffffff",
140
- "buttonBackgroundChecked": "#f5f5f5",
141
- "buttonBackgroundCheckedHovered": "#f5f5f5",
142
- "buttonBackgroundDisabled": Object {
143
- "colorWithSystemEffect": Object {
144
- "baseColor": "#f5f5f5",
145
- "systemEffect": "disabled",
146
- },
147
- },
148
- "buttonBackgroundHovered": "#f5f5f5",
149
- "buttonBackgroundPressed": Object {
150
- "colorWithSystemEffect": Object {
151
- "baseColor": "#f5f5f5",
152
- "systemEffect": "pressed",
153
- },
154
- },
155
- "buttonBorder": "#00000000",
156
- "buttonBorderDisabled": "#00000000",
157
- "buttonBorderFocused": "#00000000",
158
- "buttonText": "#616161",
159
- "buttonTextChecked": "#616161",
160
- "buttonTextCheckedHovered": "#616161",
161
- "buttonTextDisabled": Object {
162
- "colorWithSystemEffect": Object {
163
- "baseColor": "#616161",
164
- "systemEffect": "disabled",
165
- },
166
- },
167
- "buttonTextHovered": "#616161",
168
- "buttonTextPressed": Object {
169
- "colorWithSystemEffect": Object {
170
- "baseColor": "#616161",
171
- "systemEffect": "pressed",
172
- },
173
- },
174
- "checkboxBackground": Object {
175
- "dynamic": Object {
176
- "dark": "#1890F1",
177
- "highContrastDark": undefined,
178
- "highContrastLight": undefined,
179
- "light": "#0078D4",
180
- },
181
- },
182
- "checkboxBackgroundDisabled": "#f0f0f0",
183
- "checkboxBorderColor": "#404040",
184
- "checkmarkColor": "#ffffff",
185
- "compoundBrandBackground1": "#0078d4",
186
- "compoundBrandBackground1Hover": "#106ebe",
187
- "compoundBrandBackground1Pressed": "#004578",
188
- "compoundBrandForeground1": "#0078d4",
189
- "compoundBrandForeground1Hover": "#106ebe",
190
- "compoundBrandForeground1Pressed": "#004578",
191
- "compoundBrandStroke1": "#0078d4",
192
- "compoundBrandStroke1Hover": "#106ebe",
193
- "compoundBrandStroke1Pressed": "#004578",
194
- "defaultBackground": "#ffffff",
195
- "defaultBorder": "#d6d6d6",
196
- "defaultCheckedBackground": Object {
197
- "dynamic": Object {
198
- "dark": "#1890F1",
199
- "highContrastDark": undefined,
200
- "highContrastLight": undefined,
201
- "light": "#0078D4",
202
- },
203
- },
204
- "defaultCheckedContent": "#ffffff",
205
- "defaultCheckedHoveredBackground": Object {
206
- "dynamic": Object {
207
- "dark": "#1890F1",
208
- "highContrastDark": undefined,
209
- "highContrastLight": undefined,
210
- "light": "#0078D4",
211
- },
212
- },
213
- "defaultCheckedHoveredContent": "#ffffff",
214
- "defaultContent": "#000000",
215
- "defaultDisabledBackground": "#ffffff",
216
- "defaultDisabledBorder": "#d6d6d6",
217
- "defaultDisabledContent": "#757575",
218
- "defaultDisabledIcon": "#616161",
219
- "defaultDisabledSecondaryContent": "#757575",
220
- "defaultFocusedBackground": "#ffffff",
221
- "defaultFocusedBorder": "#d6d6d6",
222
- "defaultFocusedContent": "#000000",
223
- "defaultFocusedIcon": "#616161",
224
- "defaultHoveredBackground": "#f5f5f5",
225
- "defaultHoveredBorder": "#d6d6d6",
226
- "defaultHoveredContent": "#616161",
227
- "defaultHoveredIcon": "#616161",
228
- "defaultHoveredSecondaryContent": "#616161",
229
- "defaultIcon": "#616161",
230
- "defaultPressedBackground": "#ebebeb",
231
- "defaultPressedBorder": "#d6d6d6",
232
- "defaultPressedContent": "#000000",
233
- "defaultPressedIcon": "#616161",
234
- "defaultPressedSecondaryContent": "#ffffff",
235
- "defaultStateBackground": Object {
236
- "semantic": Array [
237
- "controlBackgroundColor",
238
- ],
239
- },
240
- "disabledBackground": "#E1E1E1",
241
- "disabledBodySubtext": Object {
242
- "semantic": Array [
243
- "quaternaryLabelColor",
244
- ],
245
- },
246
- "disabledBodyText": Object {
247
- "semantic": Array [
248
- "tertiaryLabelColor",
249
- ],
250
- },
251
- "disabledSubtext": Object {
252
- "semantic": Array [
253
- "quaternaryLabelColor",
254
- ],
255
- },
256
- "disabledText": Object {
257
- "semantic": Array [
258
- "tertiaryLabelColor",
259
- ],
260
- },
261
- "errorBackground": Object {
262
- "dynamic": Object {
263
- "dark": "transparent",
264
- "highContrastDark": undefined,
265
- "highContrastLight": undefined,
266
- "light": "#DD4242",
267
- },
268
- },
269
- "errorText": Object {
270
- "dynamic": Object {
271
- "dark": "transparent",
272
- "highContrastDark": undefined,
273
- "highContrastLight": undefined,
274
- "light": "#D92C2C",
275
- },
276
- },
277
- "focusBorder": "transparent",
278
- "ghostBackground": "transparent",
279
- "ghostBorder": "transparent",
280
- "ghostCheckedBackground": "transparent",
281
- "ghostCheckedContent": Object {
282
- "dynamic": Object {
283
- "dark": "#1890F1",
284
- "highContrastDark": undefined,
285
- "highContrastLight": undefined,
286
- "light": "#0078D4",
287
- },
288
- },
289
- "ghostCheckedHoveredBackground": "transparent",
290
- "ghostCheckedHoveredBorder": "transparent",
291
- "ghostCheckedHoveredContent": Object {
292
- "dynamic": Object {
293
- "dark": "#1890F1",
294
- "highContrastDark": undefined,
295
- "highContrastLight": undefined,
296
- "light": "#0078D4",
297
- },
298
- },
299
- "ghostContent": Object {
300
- "dynamic": Object {
301
- "dark": "#1890F1",
302
- "highContrastDark": undefined,
303
- "highContrastLight": undefined,
304
- "light": "#0078D4",
305
- },
306
- },
307
- "ghostDisabledBackground": "transparent",
308
- "ghostDisabledBorder": "transparent",
309
- "ghostDisabledContent": "#757575",
310
- "ghostDisabledIcon": "#757575",
311
- "ghostFocusedBackground": "transparent",
312
- "ghostFocusedBorder": "transparent",
313
- "ghostFocusedContent": Object {
314
- "dynamic": Object {
315
- "dark": "#1890F1",
316
- "highContrastDark": undefined,
317
- "highContrastLight": undefined,
318
- "light": "#0078D4",
319
- },
320
- },
321
- "ghostFocusedIcon": Object {
322
- "dynamic": Object {
323
- "dark": "#1890F1",
324
- "highContrastDark": undefined,
325
- "highContrastLight": undefined,
326
- "light": "#0078D4",
327
- },
328
- },
329
- "ghostFocusedSecondaryContent": Object {
330
- "dynamic": Object {
331
- "dark": "#1890F1",
332
- "highContrastDark": undefined,
333
- "highContrastLight": undefined,
334
- "light": "#0078D4",
335
- },
336
- },
337
- "ghostHoveredBackground": "transparent",
338
- "ghostHoveredBorder": "transparent",
339
- "ghostHoveredContent": Object {
340
- "dynamic": Object {
341
- "dark": "#1890F1",
342
- "highContrastDark": undefined,
343
- "highContrastLight": undefined,
344
- "light": "#0078D4",
345
- },
346
- },
347
- "ghostHoveredIcon": Object {
348
- "dynamic": Object {
349
- "dark": "#1890F1",
350
- "highContrastDark": undefined,
351
- "highContrastLight": undefined,
352
- "light": "#0078D4",
353
- },
354
- },
355
- "ghostHoveredSecondaryContent": Object {
356
- "dynamic": Object {
357
- "dark": "#1890F1",
358
- "highContrastDark": undefined,
359
- "highContrastLight": undefined,
360
- "light": "#0078D4",
361
- },
362
- },
363
- "ghostIcon": Object {
364
- "dynamic": Object {
365
- "dark": "#1890F1",
366
- "highContrastDark": undefined,
367
- "highContrastLight": undefined,
368
- "light": "#0078D4",
369
- },
370
- },
371
- "ghostPressedBackground": "transparent",
372
- "ghostPressedBorder": "transparent",
373
- "ghostPressedContent": "#004578",
374
- "ghostPressedIcon": "#616161",
375
- "ghostPressedSecondaryContent": Object {
376
- "colorWithSystemEffect": Object {
377
- "baseColor": Object {
378
- "dynamic": Object {
379
- "dark": "#1890F1",
380
- "highContrastDark": undefined,
381
- "highContrastLight": undefined,
382
- "light": "#0078D4",
383
- },
384
- },
385
- "systemEffect": "deepPressed",
386
- },
387
- },
388
- "ghostSecondaryContent": Object {
389
- "dynamic": Object {
390
- "dark": "#1890F1",
391
- "highContrastDark": undefined,
392
- "highContrastLight": undefined,
393
- "light": "#0078D4",
394
- },
395
- },
396
- "inputBackground": Object {
397
- "semantic": Array [
398
- "textBackgroundColor",
399
- ],
400
- },
401
- "inputBackgroundChecked": Object {
402
- "semantic": Array [
403
- "textBackgroundColor",
404
- ],
405
- },
406
- "inputBackgroundCheckedHovered": Object {
407
- "semantic": Array [
408
- "textBackgroundColor",
409
- ],
410
- },
411
- "inputBorder": Object {
412
- "semantic": Array [
413
- "separatorColor",
414
- ],
415
- },
416
- "inputBorderHovered": Object {
417
- "semantic": Array [
418
- "separatorColor",
419
- ],
420
- },
421
- "inputFocusBorderAlt": Object {
422
- "semantic": Array [
423
- "keyboardFocusIndicatorColor",
424
- ],
425
- },
426
- "inputForegroundChecked": Object {
427
- "dynamic": Object {
428
- "dark": "#1890F1",
429
- "highContrastDark": undefined,
430
- "highContrastLight": undefined,
431
- "light": "#0078D4",
432
- },
433
- },
434
- "inputPlaceholderText": Object {
435
- "semantic": Array [
436
- "placeholderTextColor",
437
- ],
438
- },
439
- "inputText": Object {
440
- "semantic": Array [
441
- "textColor",
442
- ],
443
- },
444
- "inputTextHovered": Object {
445
- "semantic": Array [
446
- "textColor",
447
- ],
448
- },
449
- "link": Object {
450
- "semantic": Array [
451
- "linkColor",
452
- ],
453
- },
454
- "linkHovered": Object {
455
- "semantic": Array [
456
- "linkColor",
457
- ],
458
- },
459
- "linkPressed": Object {
460
- "semantic": Array [
461
- "selectedControlColor",
462
- ],
463
- },
464
- "listBackground": "transparent",
465
- "listHeaderBackgroundHovered": Object {
466
- "semantic": Array [
467
- "headerTextColor",
468
- ],
469
- },
470
- "listHeaderBackgroundPressed": Object {
471
- "semantic": Array [
472
- "headerTextColor",
473
- ],
474
- },
475
- "listItemBackgroundChecked": "transparent",
476
- "listItemBackgroundCheckedHovered": "transparent",
477
- "listItemBackgroundHovered": "transparent",
478
- "listText": Object {
479
- "semantic": Array [
480
- "labelColor",
481
- ],
482
- },
483
- "menuBackground": "transparent",
484
- "menuDivider": Object {
485
- "semantic": Array [
486
- "separatorColor",
487
- ],
488
- },
489
- "menuHeader": Object {
490
- "semantic": Array [
491
- "headerTextColor",
492
- ],
493
- },
494
- "menuIcon": "#616161",
495
- "menuItemBackgroundHovered": Object {
496
- "semantic": Array [
497
- "controlAccentColor",
498
- ],
499
- },
500
- "menuItemBackgroundPressed": Object {
501
- "colorWithSystemEffect": Object {
502
- "baseColor": Object {
503
- "semantic": Array [
504
- "controlAccentColor",
505
- ],
506
- },
507
- "systemEffect": "pressed",
508
- },
509
- },
510
- "menuItemText": Object {
511
- "semantic": Array [
512
- "labelColor",
513
- ],
514
- },
515
- "menuItemTextHovered": "white",
516
- "neutralBackground1": "#ffffff",
517
- "neutralBackground1Hover": "#f5f5f5",
518
- "neutralBackground1Pressed": "#ebebeb",
519
- "neutralBackground1Selected": "#ebebeb",
520
- "neutralBackground2": "#ffffff",
521
- "neutralBackground2Hover": "#f0f0f0",
522
- "neutralBackground2Pressed": "#ebebeb",
523
- "neutralBackground2Selected": "#e6e6e6",
524
- "neutralBackground3": "#f5f5f5",
525
- "neutralBackground3Hover": "#ebebeb",
526
- "neutralBackground3Pressed": "#d6d6d6",
527
- "neutralBackground3Selected": "#e0e0e0",
528
- "neutralBackground4": "#f0f0f0",
529
- "neutralBackground4Hover": "#fafafa",
530
- "neutralBackground4Pressed": "#f5f5f5",
531
- "neutralBackground4Selected": "#ffffff",
532
- "neutralBackground5": "#ebebeb",
533
- "neutralBackground5Hover": "#f5f5f5",
534
- "neutralBackground5Pressed": "#f0f0f0",
535
- "neutralBackground5Selected": "#fafafa",
536
- "neutralBackground6": "#e6e6e6",
537
- "neutralBackgroundDisabled": "#f0f0f0",
538
- "neutralBackgroundInverted": "#616161",
539
- "neutralForeground1": "#242424",
540
- "neutralForeground1Hover": "#242424",
541
- "neutralForeground1Pressed": "#242424",
542
- "neutralForeground1Selected": "#242424",
543
- "neutralForeground2": "#000000",
544
- "neutralForeground2BrandHover": "#106ebe",
545
- "neutralForeground2BrandPressed": "#004578",
546
- "neutralForeground2BrandSelected": "#005a9e",
547
- "neutralForeground2Hover": "#242424",
548
- "neutralForeground2Pressed": "#242424",
549
- "neutralForeground2Selected": "#242424",
550
- "neutralForeground3": "#616161",
551
- "neutralForeground3BrandHover": "#106ebe",
552
- "neutralForeground3BrandPressed": "#004578",
553
- "neutralForeground3BrandSelected": "#005a9e",
554
- "neutralForeground3Hover": "#424242",
555
- "neutralForeground3Pressed": "#424242",
556
- "neutralForeground3Selected": "#424242",
557
- "neutralForeground4": "#808080",
558
- "neutralForegroundDisabled": "#757575",
559
- "neutralForegroundInverted": "#ffffff",
560
- "neutralForegroundInvertedLink": "#ffffff",
561
- "neutralForegroundInvertedLinkHover": "#ffffff",
562
- "neutralForegroundInvertedLinkPressed": "#ffffff",
563
- "neutralForegroundInvertedLinkSelected": "#ffffff",
564
- "neutralForegroundOnBrand": "#ffffff",
565
- "neutralForegroundOnBrandHover": "#ffffff",
566
- "neutralForegroundOnBrandPressed": "#ffffff",
567
- "neutralForegroundOnBrandSelected": "#ffffff",
568
- "neutralStencil1": "#e6e6e6",
569
- "neutralStencil2": "#fafafa",
570
- "neutralStroke1": "#f0f0f0",
571
- "neutralStroke1Hover": "#c7c7c7",
572
- "neutralStroke1Pressed": "#b3b3b3",
573
- "neutralStroke1Selected": "#bdbdbd",
574
- "neutralStroke2": "#d6d6d6",
575
- "neutralStroke3": "#f0f0f0",
576
- "neutralStrokeAccessible": "#616161",
577
- "neutralStrokeAccessibleHover": "#575757",
578
- "neutralStrokeAccessiblePressed": "#4d4d4d",
579
- "neutralStrokeAccessibleSelected": "#0078d4",
580
- "neutralStrokeDisabled": "#e0e0e0",
581
- "personaActivityGlow": "#D13438",
582
- "personaActivityRing": "#ffffff",
583
- "primaryButtonBackground": Object {
584
- "dynamic": Object {
585
- "dark": "#1890F1",
586
- "highContrastDark": undefined,
587
- "highContrastLight": undefined,
588
- "light": "#0078D4",
589
- },
590
- },
591
- "primaryButtonBackgroundDisabled": "#f0f0f0",
592
- "primaryButtonBackgroundHovered": Object {
593
- "dynamic": Object {
594
- "dark": "#1890F1",
595
- "highContrastDark": undefined,
596
- "highContrastLight": undefined,
597
- "light": "#0078D4",
598
- },
599
- },
600
- "primaryButtonBackgroundPressed": "#106ebe",
601
- "primaryButtonBorder": "transparent",
602
- "primaryButtonBorderFocused": "transparent",
603
- "primaryButtonText": "#ffffff",
604
- "primaryButtonTextDisabled": "#757575",
605
- "primaryButtonTextHovered": "#ffffff",
606
- "primaryButtonTextPressed": "#ffffff",
607
- "redBackground1": "000000",
608
- "redBackground2": "000000",
609
- "redBackground3": "000000",
610
- "redBorder1": "000000",
611
- "redBorder2": "000000",
612
- "redBorderActive": "000000",
613
- "redForeground1": "000000",
614
- "redForeground2": "000000",
615
- "redForeground3": "000000",
616
- "smallInputBorder": Object {
617
- "semantic": Array [
618
- "separatorColor",
619
- ],
620
- },
621
- "strokeFocus1": "#ffffff",
622
- "strokeFocus2": "#000000",
623
- "subText": Object {
624
- "semantic": Array [
625
- "secondaryLabelColor",
626
- ],
627
- },
628
- "subtleBackground": "#00000000",
629
- "subtleBackgroundHover": "#f5f5f5",
630
- "subtleBackgroundPressed": "#e0e0e0",
631
- "subtleBackgroundSelected": "#ebebeb",
632
- "successBackground": Object {
633
- "dynamic": Object {
634
- "dark": "#0D9D3D",
635
- "highContrastDark": undefined,
636
- "highContrastLight": undefined,
637
- "light": "#27AC22",
638
- },
639
- },
640
- "transparentBackground": "#00000000",
641
- "transparentBackgroundHover": "#00000000",
642
- "transparentBackgroundPressed": "#00000000",
643
- "transparentBackgroundSelected": "#00000000",
644
- "transparentStroke": "#00000000",
645
- "transparentStrokeDisabled": "#00000000",
646
- "transparentStrokeInteractive": "#00000000",
647
- "variantBorder": Object {
648
- "semantic": Array [
649
- "separatorColor",
650
- ],
651
- },
652
- "variantBorderHovered": Object {
653
- "semantic": Array [
654
- "separatorColor",
655
- ],
656
- },
657
- "warningBackground": Object {
658
- "dynamic": Object {
659
- "dark": "#FFC328",
660
- "highContrastDark": undefined,
661
- "highContrastLight": undefined,
662
- "light": "#FFD335",
663
- },
664
- },
665
- "warningHighlight": Object {
666
- "dynamic": Object {
667
- "dark": "#E0AB24",
668
- "highContrastDark": undefined,
669
- "highContrastLight": undefined,
670
- "light": "#FFD94E",
671
- },
672
- },
673
- "warningText": Object {
674
- "dynamic": Object {
675
- "dark": "#FFC328",
676
- "highContrastDark": undefined,
677
- "highContrastLight": undefined,
678
- "light": "#FFD335",
679
- },
680
- },
681
- },
682
- "components": Object {
683
- "Button": Object {
684
- "content": Object {
685
- "fontSize": 15,
686
- },
687
- "icon": Object {
688
- "style": Object {
689
- "marginEnd": 10,
690
- },
691
- },
692
- "root": Object {
693
- "style": Object {
694
- "margin": 8,
695
- },
696
- },
697
- "stack": Object {
698
- "style": Object {
699
- "minHeight": 28,
700
- "paddingVertical": 4.5,
701
- },
702
- },
703
- "tokens": Object {
704
- "borderRadius": 6,
705
- "borderWidth": 1,
706
- "minHeight": 28,
707
- "minWidth": 72,
708
- },
709
- },
710
- "Checkbox": Object {
711
- "_precedence": Array [
712
- "disabled",
713
- "boxAtEnd",
714
- "checked",
715
- ],
716
- "checkbox": Object {
717
- "style": Object {
718
- "borderRadius": 3,
719
- "borderStyle": "solid",
720
- "borderWidth": 0.5,
721
- "marginEnd": 5,
722
- "minHeight": 14,
723
- "minWidth": 14,
724
- },
725
- },
726
- "checkmarkIcon": Object {
727
- "height": 10,
728
- "style": Object {
729
- "marginHorizontal": 2,
730
- "marginVertical": 2,
731
- },
732
- "width": 10,
733
- },
734
- },
735
- "RNFText": Object {
736
- "tokens": Object {
737
- "variant": "bodyStandard",
738
- },
739
- },
740
- },
741
- "host": Object {
742
- "appearance": "dynamic",
743
- },
744
- "shadows": Object {
745
- "shadow16": Object {
746
- "ambient": Object {
747
- "blur": 2,
748
- "color": "#0000001f",
749
- "x": 0,
750
- "y": 0,
751
- },
752
- "key": Object {
753
- "blur": 16,
754
- "color": "#00000024",
755
- "x": 0,
756
- "y": 8,
757
- },
758
- },
759
- "shadow16brand": Object {
760
- "ambient": Object {
761
- "blur": 2,
762
- "color": "#0000004d",
763
- "x": 0,
764
- "y": 0,
765
- },
766
- "key": Object {
767
- "blur": 16,
768
- "color": "#00000040",
769
- "x": 0,
770
- "y": 8,
771
- },
772
- },
773
- "shadow2": Object {
774
- "ambient": Object {
775
- "blur": 2,
776
- "color": "#0000001f",
777
- "x": 0,
778
- "y": 0,
779
- },
780
- "key": Object {
781
- "blur": 2,
782
- "color": "#00000024",
783
- "x": 0,
784
- "y": 1,
785
- },
786
- },
787
- "shadow28": Object {
788
- "ambient": Object {
789
- "blur": 8,
790
- "color": "#00000033",
791
- "x": 0,
792
- "y": 0,
793
- },
794
- "key": Object {
795
- "blur": 28,
796
- "color": "#0000003d",
797
- "x": 0,
798
- "y": 14,
799
- },
800
- },
801
- "shadow28brand": Object {
802
- "ambient": Object {
803
- "blur": 8,
804
- "color": "#0000004d",
805
- "x": 0,
806
- "y": 0,
807
- },
808
- "key": Object {
809
- "blur": 28,
810
- "color": "#00000040",
811
- "x": 0,
812
- "y": 14,
813
- },
814
- },
815
- "shadow2brand": Object {
816
- "ambient": Object {
817
- "blur": 2,
818
- "color": "#0000004d",
819
- "x": 0,
820
- "y": 0,
821
- },
822
- "key": Object {
823
- "blur": 2,
824
- "color": "#00000040",
825
- "x": 0,
826
- "y": 1,
827
- },
828
- },
829
- "shadow4": Object {
830
- "ambient": Object {
831
- "blur": 2,
832
- "color": "#0000001f",
833
- "x": 0,
834
- "y": 0,
835
- },
836
- "key": Object {
837
- "blur": 4,
838
- "color": "#00000024",
839
- "x": 0,
840
- "y": 2,
841
- },
842
- },
843
- "shadow4brand": Object {
844
- "ambient": Object {
845
- "blur": 2,
846
- "color": "#0000004d",
847
- "x": 0,
848
- "y": 0,
849
- },
850
- "key": Object {
851
- "blur": 4,
852
- "color": "#00000040",
853
- "x": 0,
854
- "y": 2,
855
- },
856
- },
857
- "shadow64": Object {
858
- "ambient": Object {
859
- "blur": 8,
860
- "color": "#00000033",
861
- "x": 0,
862
- "y": 0,
863
- },
864
- "key": Object {
865
- "blur": 64,
866
- "color": "#0000003d",
867
- "x": 0,
868
- "y": 32,
869
- },
870
- },
871
- "shadow64brand": Object {
872
- "ambient": Object {
873
- "blur": 8,
874
- "color": "#0000004d",
875
- "x": 0,
876
- "y": 0,
877
- },
878
- "key": Object {
879
- "blur": 64,
880
- "color": "#00000040",
881
- "x": 0,
882
- "y": 32,
883
- },
884
- },
885
- "shadow8": Object {
886
- "ambient": Object {
887
- "blur": 2,
888
- "color": "#0000001f",
889
- "x": 0,
890
- "y": 0,
891
- },
892
- "key": Object {
893
- "blur": 8,
894
- "color": "#00000024",
895
- "x": 0,
896
- "y": 4,
897
- },
898
- },
899
- "shadow8brand": Object {
900
- "ambient": Object {
901
- "blur": 2,
902
- "color": "#0000004d",
903
- "x": 0,
904
- "y": 0,
905
- },
906
- "key": Object {
907
- "blur": 8,
908
- "color": "#00000040",
909
- "x": 0,
910
- "y": 4,
911
- },
912
- },
913
- },
914
- "spacing": Object {
915
- "l1": "20px",
916
- "l2": "24px",
917
- "m": "16px",
918
- "s1": "12px",
919
- "s2": "8px",
920
- },
921
- "typography": Object {
922
- "families": Object {
923
- "cursive": "System",
924
- "monospace": "System",
925
- "numeric": "System",
926
- "primary": "System",
927
- "sansSerif": "System",
928
- "secondary": "System",
929
- "serif": "System",
930
- },
931
- "sizes": Object {
932
- "body": 13,
933
- "caption": 10,
934
- "header": 20,
935
- "hero": 22,
936
- "heroLarge": 26,
937
- "secondary": 11,
938
- "subheader": 16,
939
- },
940
- "variants": Object {
941
- "body1": Object {
942
- "face": "primary",
943
- "size": "secondary",
944
- "weight": "400",
945
- },
946
- "body1Strong": Object {
947
- "face": "primary",
948
- "size": "secondary",
949
- "weight": "600",
950
- },
951
- "body2": Object {
952
- "face": "primary",
953
- "size": "body",
954
- "weight": "400",
955
- },
956
- "body2Strong": Object {
957
- "face": "primary",
958
- "size": "body",
959
- "weight": "600",
960
- },
961
- "bodySemibold": Object {
962
- "face": "primary",
963
- "size": "body",
964
- "weight": "600",
965
- },
966
- "bodyStandard": Object {
967
- "face": "primary",
968
- "size": "body",
969
- "weight": "400",
970
- },
971
- "caption1": Object {
972
- "face": "primary",
973
- "size": "caption",
974
- "weight": "500",
975
- },
976
- "captionStandard": Object {
977
- "face": "primary",
978
- "size": "caption",
979
- "weight": "500",
980
- },
981
- "display": Object {
982
- "face": "primary",
983
- "size": "heroLarge",
984
- "weight": "700",
985
- },
986
- "headerSemibold": Object {
987
- "face": "primary",
988
- "size": "header",
989
- "weight": "800",
990
- },
991
- "headerStandard": Object {
992
- "face": "primary",
993
- "size": "header",
994
- "weight": "700",
995
- },
996
- "heroLargeSemibold": Object {
997
- "face": "primary",
998
- "size": "heroLarge",
999
- "weight": "700",
1000
- },
1001
- "heroLargeStandard": Object {
1002
- "face": "primary",
1003
- "size": "heroLarge",
1004
- "weight": "400",
1005
- },
1006
- "heroSemibold": Object {
1007
- "face": "primary",
1008
- "size": "hero",
1009
- "weight": "700",
1010
- },
1011
- "heroStandard": Object {
1012
- "face": "primary",
1013
- "size": "hero",
1014
- "weight": "400",
1015
- },
1016
- "largeTitle": Object {
1017
- "face": "primary",
1018
- "size": "heroLarge",
1019
- "weight": "400",
1020
- },
1021
- "secondarySemibold": Object {
1022
- "face": "primary",
1023
- "size": "secondary",
1024
- "weight": "600",
1025
- },
1026
- "secondaryStandard": Object {
1027
- "face": "primary",
1028
- "size": "secondary",
1029
- "weight": "400",
1030
- },
1031
- "subheaderSemibold": Object {
1032
- "face": "primary",
1033
- "size": "subheader",
1034
- "weight": "600",
1035
- },
1036
- "subheaderStandard": Object {
1037
- "face": "primary",
1038
- "size": "subheader",
1039
- "weight": "400",
1040
- },
1041
- "subtitle1": Object {
1042
- "face": "primary",
1043
- "size": "header",
1044
- "weight": "700",
1045
- },
1046
- "subtitle1Strong": Object {
1047
- "face": "primary",
1048
- "size": "header",
1049
- "weight": "800",
1050
- },
1051
- "subtitle2": Object {
1052
- "face": "primary",
1053
- "size": "subheader",
1054
- "weight": "400",
1055
- },
1056
- "subtitle2Strong": Object {
1057
- "face": "primary",
1058
- "size": "subheader",
1059
- "weight": "600",
1060
- },
1061
- "title1": Object {
1062
- "face": "primary",
1063
- "size": "hero",
1064
- "weight": "400",
1065
- },
1066
- "title1Strong": Object {
1067
- "face": "primary",
1068
- "size": "hero",
1069
- "weight": "700",
1070
- },
1071
- },
1072
- "weights": Object {
1073
- "black": "900",
1074
- "bold": "700",
1075
- "heavy": "800",
1076
- "light": "300",
1077
- "medium": "500",
1078
- "regular": "400",
1079
- "semiBold": "600",
1080
- "thin": "200",
1081
- "ultralight": "100",
1082
- },
1083
- },
3
+ exports[` 1`] = `
4
+ {
5
+ "brandBackground": "#0078d4",
6
+ "brandBackground2": "#eff6fc",
7
+ "brandBackgroundDisabled": "#d1d1d1",
8
+ "brandBackgroundHover": "#106ebe",
9
+ "brandBackgroundPressed": "#106ebe",
10
+ "brandBackgroundSelected": "#005a9e",
11
+ "brandBackgroundStatic": "#0078d4",
12
+ "brandForeground1": "#0078d4",
13
+ "brandForeground1Disabled": "#757575",
14
+ "brandForeground1Pressed": "#004578",
15
+ "brandForeground2": "#106ebe",
16
+ "brandForegroundLink": "#0078d4",
17
+ "brandForegroundLinkHover": "#106ebe",
18
+ "brandForegroundLinkPressed": "#004578",
19
+ "brandForegroundLinkSelected": "#005a9e",
20
+ "brandStroke1": "#0078d4",
21
+ "brandStroke2": "#c7e0f4",
22
+ "compoundBrandBackground1": "#0078d4",
23
+ "compoundBrandBackground1Hover": "#106ebe",
24
+ "compoundBrandBackground1Pressed": "#004578",
25
+ "compoundBrandForeground1": "#0078d4",
26
+ "compoundBrandForeground1Hover": "#106ebe",
27
+ "compoundBrandForeground1Pressed": "#004578",
28
+ "compoundBrandStroke1": "#0078d4",
29
+ "compoundBrandStroke1Hover": "#106ebe",
30
+ "compoundBrandStroke1Pressed": "#004578",
31
+ "dangerBackground1": "#fdf6f6",
32
+ "dangerBackground2": "#f1bbbc",
33
+ "dangerBackground3": "#d13438",
34
+ "dangerBorder1": "#f1bbbc",
35
+ "dangerBorder2": "#d13438",
36
+ "dangerBorderActive": "#d13438",
37
+ "dangerForeground1": "#bc2f32",
38
+ "dangerForeground2": "#751d1f",
39
+ "dangerForeground3": "#d13438",
40
+ "dangerForegroundInverted": "#dc5e62",
41
+ "neutralBackground1": "#ffffff",
42
+ "neutralBackground1Hover": "#f5f5f5",
43
+ "neutralBackground1Pressed": "#ebebeb",
44
+ "neutralBackground1Selected": "#ebebeb",
45
+ "neutralBackground2": "#ffffff",
46
+ "neutralBackground2Hover": "#f0f0f0",
47
+ "neutralBackground2Pressed": "#ebebeb",
48
+ "neutralBackground2Selected": "#e6e6e6",
49
+ "neutralBackground3": "#f5f5f5",
50
+ "neutralBackground3Hover": "#ebebeb",
51
+ "neutralBackground3Pressed": "#d6d6d6",
52
+ "neutralBackground3Selected": "#e0e0e0",
53
+ "neutralBackground4": "#f0f0f0",
54
+ "neutralBackground4Hover": "#fafafa",
55
+ "neutralBackground4Pressed": "#f5f5f5",
56
+ "neutralBackground4Selected": "#ffffff",
57
+ "neutralBackground5": "#ebebeb",
58
+ "neutralBackground5Hover": "#f5f5f5",
59
+ "neutralBackground5Pressed": "#f0f0f0",
60
+ "neutralBackground5Selected": "#fafafa",
61
+ "neutralBackground6": "#e6e6e6",
62
+ "neutralBackgroundDisabled": "#f0f0f0",
63
+ "neutralBackgroundInverted": "#616161",
64
+ "neutralForeground1": "#000000",
65
+ "neutralForeground1Hover": "#000000",
66
+ "neutralForeground1Pressed": "#000000",
67
+ "neutralForeground1Selected": "#000000",
68
+ "neutralForeground2": "#000000",
69
+ "neutralForeground2BrandHover": "#106ebe",
70
+ "neutralForeground2BrandPressed": "#004578",
71
+ "neutralForeground2BrandSelected": "#005a9e",
72
+ "neutralForeground2Hover": "#242424",
73
+ "neutralForeground2Pressed": "#242424",
74
+ "neutralForeground2Selected": "#242424",
75
+ "neutralForeground3": "#000000",
76
+ "neutralForeground3BrandHover": "#106ebe",
77
+ "neutralForeground3BrandPressed": "#004578",
78
+ "neutralForeground3BrandSelected": "#005a9e",
79
+ "neutralForeground3Hover": "#424242",
80
+ "neutralForeground3Pressed": "#424242",
81
+ "neutralForeground3Selected": "#424242",
82
+ "neutralForeground4": "#424242",
83
+ "neutralForegroundDisabled": "#757575",
84
+ "neutralForegroundInverted": "#ffffff",
85
+ "neutralForegroundInvertedLink": "#ffffff",
86
+ "neutralForegroundInvertedLinkHover": "#ffffff",
87
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
88
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
89
+ "neutralForegroundOnBrand": "#ffffff",
90
+ "neutralForegroundOnBrandHover": "#ffffff",
91
+ "neutralForegroundOnBrandPressed": "#ffffff",
92
+ "neutralForegroundOnBrandSelected": "#ffffff",
93
+ "neutralStencil1": "#e6e6e6",
94
+ "neutralStencil2": "#fafafa",
95
+ "neutralStroke1": "#616161",
96
+ "neutralStroke1Hover": "#c7c7c7",
97
+ "neutralStroke1Pressed": "#b3b3b3",
98
+ "neutralStroke1Selected": "#bdbdbd",
99
+ "neutralStroke2": "#000000",
100
+ "neutralStroke3": "#616161",
101
+ "neutralStrokeAccessible": "#242424",
102
+ "neutralStrokeAccessibleHover": "#575757",
103
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
104
+ "neutralStrokeAccessibleSelected": "#0078d4",
105
+ "neutralStrokeDisabled": "#e0e0e0",
106
+ "outofofficeBackground1": "#fdf5fc",
107
+ "outofofficeBackground2": "#edbbe7",
108
+ "outofofficeBackground3": "#c239b3",
109
+ "outofofficeBorder1": "#edbbe7",
110
+ "outofofficeBorder2": "#c239b3",
111
+ "outofofficeBorderActive": "#c239b3",
112
+ "outofofficeForeground1": "#af33a1",
113
+ "outofofficeForeground2": "#6d2064",
114
+ "outofofficeForeground3": "#c239b3",
115
+ "severeBackground1": "#fdf6f3",
116
+ "severeBackground2": "#f4bfab",
117
+ "severeBackground3": "#da3b01",
118
+ "severeBorder1": "#f4bfab",
119
+ "severeBorder2": "#da3b01",
120
+ "severeBorderActive": "#da3b01",
121
+ "severeForeground1": "#c43501",
122
+ "severeForeground2": "#7a2101",
123
+ "severeForeground3": "#da3b01",
124
+ "strokeFocus1": "#ffffff",
125
+ "strokeFocus2": "#000000",
126
+ "subtleBackground": "#00000000",
127
+ "subtleBackgroundHover": "#f5f5f5",
128
+ "subtleBackgroundPressed": "#e0e0e0",
129
+ "subtleBackgroundSelected": "#ebebeb",
130
+ "successBackground1": "#f1faf1",
131
+ "successBackground2": "#9fd89f",
132
+ "successBackground3": "#107c10",
133
+ "successBorder1": "#9fd89f",
134
+ "successBorder2": "#107c10",
135
+ "successBorderActive": "#107c10",
136
+ "successForeground1": "#0e700e",
137
+ "successForeground2": "#094509",
138
+ "successForeground3": "#107c10",
139
+ "successForegroundInverted": "#359b35",
140
+ "transparentBackground": "#00000000",
141
+ "transparentBackgroundHover": "#00000000",
142
+ "transparentBackgroundPressed": "#00000000",
143
+ "transparentBackgroundSelected": "#00000000",
144
+ "transparentStroke": "#000000",
145
+ "transparentStrokeDisabled": "#bdbdbd",
146
+ "transparentStrokeInteractive": "#666666",
147
+ "warningBackground1": "#fffef5",
148
+ "warningBackground2": "#fef7b2",
149
+ "warningBackground3": "#fde300",
150
+ "warningBorder1": "#fef7b2",
151
+ "warningBorder2": "#fde300",
152
+ "warningBorderActive": "#fde300",
153
+ "warningForeground1": "#817400",
154
+ "warningForeground2": "#817400",
155
+ "warningForeground3": "#fde300",
156
+ "warningForegroundInverted": "#fef7b2",
157
+ }
158
+ `;
159
+
160
+ exports[` 2`] = `
161
+ {
162
+ "brandBackground": "#0078d4",
163
+ "brandBackground2": "#eff6fc",
164
+ "brandBackgroundDisabled": "#d1d1d1",
165
+ "brandBackgroundHover": "#106ebe",
166
+ "brandBackgroundPressed": "#106ebe",
167
+ "brandBackgroundSelected": "#005a9e",
168
+ "brandBackgroundStatic": "#0078d4",
169
+ "brandForeground1": "#0078d4",
170
+ "brandForeground1Disabled": "#757575",
171
+ "brandForeground1Pressed": "#004578",
172
+ "brandForeground2": "#106ebe",
173
+ "brandForegroundLink": "#0078d4",
174
+ "brandForegroundLinkHover": "#106ebe",
175
+ "brandForegroundLinkPressed": "#004578",
176
+ "brandForegroundLinkSelected": "#005a9e",
177
+ "brandStroke1": "#0078d4",
178
+ "brandStroke2": "#c7e0f4",
179
+ "compoundBrandBackground1": "#0078d4",
180
+ "compoundBrandBackground1Hover": "#106ebe",
181
+ "compoundBrandBackground1Pressed": "#004578",
182
+ "compoundBrandForeground1": "#0078d4",
183
+ "compoundBrandForeground1Hover": "#106ebe",
184
+ "compoundBrandForeground1Pressed": "#004578",
185
+ "compoundBrandStroke1": "#0078d4",
186
+ "compoundBrandStroke1Hover": "#106ebe",
187
+ "compoundBrandStroke1Pressed": "#004578",
188
+ "dangerBackground1": "#fdf6f6",
189
+ "dangerBackground2": "#f1bbbc",
190
+ "dangerBackground3": "#d13438",
191
+ "dangerBorder1": "#f1bbbc",
192
+ "dangerBorder2": "#d13438",
193
+ "dangerBorderActive": "#d13438",
194
+ "dangerForeground1": "#bc2f32",
195
+ "dangerForeground2": "#751d1f",
196
+ "dangerForeground3": "#d13438",
197
+ "dangerForegroundInverted": "#dc5e62",
198
+ "neutralBackground1": "#ffffff",
199
+ "neutralBackground1Hover": "#f5f5f5",
200
+ "neutralBackground1Pressed": "#ebebeb",
201
+ "neutralBackground1Selected": "#ebebeb",
202
+ "neutralBackground2": "#ffffff",
203
+ "neutralBackground2Hover": "#f0f0f0",
204
+ "neutralBackground2Pressed": "#ebebeb",
205
+ "neutralBackground2Selected": "#e6e6e6",
206
+ "neutralBackground3": "#f5f5f5",
207
+ "neutralBackground3Hover": "#ebebeb",
208
+ "neutralBackground3Pressed": "#d6d6d6",
209
+ "neutralBackground3Selected": "#e0e0e0",
210
+ "neutralBackground4": "#f0f0f0",
211
+ "neutralBackground4Hover": "#fafafa",
212
+ "neutralBackground4Pressed": "#f5f5f5",
213
+ "neutralBackground4Selected": "#ffffff",
214
+ "neutralBackground5": "#ebebeb",
215
+ "neutralBackground5Hover": "#f5f5f5",
216
+ "neutralBackground5Pressed": "#f0f0f0",
217
+ "neutralBackground5Selected": "#fafafa",
218
+ "neutralBackground6": "#e6e6e6",
219
+ "neutralBackgroundDisabled": "#f0f0f0",
220
+ "neutralBackgroundInverted": "#616161",
221
+ "neutralForeground1": "#242424",
222
+ "neutralForeground1Hover": "#242424",
223
+ "neutralForeground1Pressed": "#242424",
224
+ "neutralForeground1Selected": "#242424",
225
+ "neutralForeground2": "#000000",
226
+ "neutralForeground2BrandHover": "#106ebe",
227
+ "neutralForeground2BrandPressed": "#004578",
228
+ "neutralForeground2BrandSelected": "#005a9e",
229
+ "neutralForeground2Hover": "#242424",
230
+ "neutralForeground2Pressed": "#242424",
231
+ "neutralForeground2Selected": "#242424",
232
+ "neutralForeground3": "#616161",
233
+ "neutralForeground3BrandHover": "#106ebe",
234
+ "neutralForeground3BrandPressed": "#004578",
235
+ "neutralForeground3BrandSelected": "#005a9e",
236
+ "neutralForeground3Hover": "#424242",
237
+ "neutralForeground3Pressed": "#424242",
238
+ "neutralForeground3Selected": "#424242",
239
+ "neutralForeground4": "#808080",
240
+ "neutralForegroundDisabled": "#757575",
241
+ "neutralForegroundInverted": "#ffffff",
242
+ "neutralForegroundInvertedLink": "#ffffff",
243
+ "neutralForegroundInvertedLinkHover": "#ffffff",
244
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
245
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
246
+ "neutralForegroundOnBrand": "#ffffff",
247
+ "neutralForegroundOnBrandHover": "#ffffff",
248
+ "neutralForegroundOnBrandPressed": "#ffffff",
249
+ "neutralForegroundOnBrandSelected": "#ffffff",
250
+ "neutralStencil1": "#e6e6e6",
251
+ "neutralStencil2": "#fafafa",
252
+ "neutralStroke1": "#f0f0f0",
253
+ "neutralStroke1Hover": "#c7c7c7",
254
+ "neutralStroke1Pressed": "#b3b3b3",
255
+ "neutralStroke1Selected": "#bdbdbd",
256
+ "neutralStroke2": "#d6d6d6",
257
+ "neutralStroke3": "#f0f0f0",
258
+ "neutralStrokeAccessible": "#616161",
259
+ "neutralStrokeAccessibleHover": "#575757",
260
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
261
+ "neutralStrokeAccessibleSelected": "#0078d4",
262
+ "neutralStrokeDisabled": "#e0e0e0",
263
+ "outofofficeBackground1": "#fdf5fc",
264
+ "outofofficeBackground2": "#edbbe7",
265
+ "outofofficeBackground3": "#c239b3",
266
+ "outofofficeBorder1": "#edbbe7",
267
+ "outofofficeBorder2": "#c239b3",
268
+ "outofofficeBorderActive": "#c239b3",
269
+ "outofofficeForeground1": "#af33a1",
270
+ "outofofficeForeground2": "#6d2064",
271
+ "outofofficeForeground3": "#c239b3",
272
+ "severeBackground1": "#fdf6f3",
273
+ "severeBackground2": "#f4bfab",
274
+ "severeBackground3": "#da3b01",
275
+ "severeBorder1": "#f4bfab",
276
+ "severeBorder2": "#da3b01",
277
+ "severeBorderActive": "#da3b01",
278
+ "severeForeground1": "#c43501",
279
+ "severeForeground2": "#7a2101",
280
+ "severeForeground3": "#da3b01",
281
+ "strokeFocus1": "#ffffff",
282
+ "strokeFocus2": "#000000",
283
+ "subtleBackground": "#00000000",
284
+ "subtleBackgroundHover": "#f5f5f5",
285
+ "subtleBackgroundPressed": "#e0e0e0",
286
+ "subtleBackgroundSelected": "#ebebeb",
287
+ "successBackground1": "#f1faf1",
288
+ "successBackground2": "#9fd89f",
289
+ "successBackground3": "#107c10",
290
+ "successBorder1": "#9fd89f",
291
+ "successBorder2": "#107c10",
292
+ "successBorderActive": "#107c10",
293
+ "successForeground1": "#0e700e",
294
+ "successForeground2": "#094509",
295
+ "successForeground3": "#107c10",
296
+ "successForegroundInverted": "#359b35",
297
+ "transparentBackground": "#00000000",
298
+ "transparentBackgroundHover": "#00000000",
299
+ "transparentBackgroundPressed": "#00000000",
300
+ "transparentBackgroundSelected": "#00000000",
301
+ "transparentStroke": "#00000000",
302
+ "transparentStrokeDisabled": "#00000000",
303
+ "transparentStrokeInteractive": "#00000000",
304
+ "warningBackground1": "#fffef5",
305
+ "warningBackground2": "#fef7b2",
306
+ "warningBackground3": "#fde300",
307
+ "warningBorder1": "#fef7b2",
308
+ "warningBorder2": "#fde300",
309
+ "warningBorderActive": "#fde300",
310
+ "warningForeground1": "#817400",
311
+ "warningForeground2": "#817400",
312
+ "warningForeground3": "#fde300",
313
+ "warningForegroundInverted": "#fef7b2",
1084
314
  }
1085
315
  `;
1086
316
 
1087
- exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: false 1`] = `
1088
- Object {
317
+ exports[` 3`] = `
318
+ {
1089
319
  "brandBackground": "#0086f0",
1090
320
  "brandBackground2": "#092c47",
1091
321
  "brandBackgroundDisabled": "#575757",
@@ -1112,6 +342,16 @@ Object {
1112
342
  "compoundBrandStroke1": "#0086f0",
1113
343
  "compoundBrandStroke1Hover": "#1890f1",
1114
344
  "compoundBrandStroke1Pressed": "#6cb8f6",
345
+ "dangerBackground1": "#3f1011",
346
+ "dangerBackground2": "#751d1f",
347
+ "dangerBackground3": "#d13438",
348
+ "dangerBorder1": "#d13438",
349
+ "dangerBorder2": "#dc5e62",
350
+ "dangerBorderActive": "#e37d80",
351
+ "dangerForeground1": "#e37d80",
352
+ "dangerForeground2": "#f1bbbc",
353
+ "dangerForeground3": "#e37d80",
354
+ "dangerForegroundInverted": "#d13438",
1115
355
  "neutralBackground1": "#000000",
1116
356
  "neutralBackground1Hover": "#3d3d3d",
1117
357
  "neutralBackground1Pressed": "#5c5c5c",
@@ -1146,14 +386,14 @@ Object {
1146
386
  "neutralForeground2Hover": "#ffffff",
1147
387
  "neutralForeground2Pressed": "#ffffff",
1148
388
  "neutralForeground2Selected": "#ffffff",
1149
- "neutralForeground3": "#adadad",
389
+ "neutralForeground3": "#d6d6d6",
1150
390
  "neutralForeground3BrandHover": "#092c47",
1151
391
  "neutralForeground3BrandPressed": "#0078d4",
1152
392
  "neutralForeground3BrandSelected": "#092c47",
1153
393
  "neutralForeground3Hover": "#d6d6d6",
1154
394
  "neutralForeground3Pressed": "#d6d6d6",
1155
395
  "neutralForeground3Selected": "#d6d6d6",
1156
- "neutralForeground4": "#858585",
396
+ "neutralForeground4": "#d6d6d6",
1157
397
  "neutralForegroundDisabled": "#b8b8b8",
1158
398
  "neutralForegroundInverted": "#ffffff",
1159
399
  "neutralForegroundInvertedLink": "#292929",
@@ -1166,44 +406,73 @@ Object {
1166
406
  "neutralForegroundOnBrandSelected": "#ffffff",
1167
407
  "neutralStencil1": "#333333",
1168
408
  "neutralStencil2": "#575757",
1169
- "neutralStroke1": "#3d3d3d",
409
+ "neutralStroke1": "#adadad",
1170
410
  "neutralStroke1Hover": "#757575",
1171
411
  "neutralStroke1Pressed": "#6b6b6b",
1172
412
  "neutralStroke1Selected": "#707070",
1173
- "neutralStroke2": "#575757",
1174
- "neutralStroke3": "#666666",
1175
- "neutralStrokeAccessible": "#adadad",
413
+ "neutralStroke2": "#a8a8a8",
414
+ "neutralStroke3": "#adadad",
415
+ "neutralStrokeAccessible": "#d6d6d6",
1176
416
  "neutralStrokeAccessibleHover": "#bdbdbd",
1177
417
  "neutralStrokeAccessiblePressed": "#b3b3b3",
1178
418
  "neutralStrokeAccessibleSelected": "#0086f0",
1179
419
  "neutralStrokeDisabled": "#525252",
1180
- "redBackground1": "000000",
1181
- "redBackground2": "000000",
1182
- "redBackground3": "000000",
1183
- "redBorder1": "000000",
1184
- "redBorder2": "000000",
1185
- "redBorderActive": "000000",
1186
- "redForeground1": "000000",
1187
- "redForeground2": "000000",
1188
- "redForeground3": "000000",
420
+ "outofofficeBackground1": "#3a1136",
421
+ "outofofficeBackground2": "#6d2064",
422
+ "outofofficeBackground3": "#c239b3",
423
+ "outofofficeBorder1": "#c239b3",
424
+ "outofofficeBorder2": "#d161c4",
425
+ "outofofficeBorderActive": "#da7ed0",
426
+ "outofofficeForeground1": "#da7ed0",
427
+ "outofofficeForeground2": "#edbbe7",
428
+ "outofofficeForeground3": "#d161c4",
429
+ "severeBackground1": "#411200",
430
+ "severeBackground2": "#7a2101",
431
+ "severeBackground3": "#da3b01",
432
+ "severeBorder1": "#da3b01",
433
+ "severeBorder2": "#e9835e",
434
+ "severeBorderActive": "#e9835e",
435
+ "severeForeground1": "#e9835e",
436
+ "severeForeground2": "#f4bfab",
437
+ "severeForeground3": "#e9835e",
1189
438
  "strokeFocus1": "#000000",
1190
439
  "strokeFocus2": "#ffffff",
1191
440
  "subtleBackground": "#00000000",
1192
441
  "subtleBackgroundHover": "#3d3d3d",
1193
442
  "subtleBackgroundPressed": "#1f1f1f",
1194
443
  "subtleBackgroundSelected": "#383838",
444
+ "successBackground1": "#052505",
445
+ "successBackground2": "#094509",
446
+ "successBackground3": "#107c10",
447
+ "successBorder1": "#107c10",
448
+ "successBorder2": "#9fd89f",
449
+ "successBorderActive": "#54b054",
450
+ "successForeground1": "#54b054",
451
+ "successForeground2": "#9fd89f",
452
+ "successForeground3": "#9fd89f",
453
+ "successForegroundInverted": "#107c10",
1195
454
  "transparentBackground": "#00000000",
1196
455
  "transparentBackgroundHover": "#00000000",
1197
456
  "transparentBackgroundPressed": "#00000000",
1198
457
  "transparentBackgroundSelected": "#00000000",
1199
- "transparentStroke": "#00000000",
1200
- "transparentStrokeDisabled": "#00000000",
1201
- "transparentStrokeInteractive": "#00000000",
458
+ "transparentStroke": "#3aa0f3",
459
+ "transparentStrokeDisabled": "#d6d6d6",
460
+ "transparentStrokeInteractive": "#a8a8a8",
461
+ "warningBackground1": "#4c4400",
462
+ "warningBackground2": "#817400",
463
+ "warningBackground3": "#fde300",
464
+ "warningBorder1": "#fde300",
465
+ "warningBorder2": "#fdea3d",
466
+ "warningBorderActive": "#feee66",
467
+ "warningForeground1": "#feee66",
468
+ "warningForeground2": "#fef7b2",
469
+ "warningForeground3": "#fdea3d",
470
+ "warningForegroundInverted": "#817400",
1202
471
  }
1203
472
  `;
1204
473
 
1205
- exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: true 1`] = `
1206
- Object {
474
+ exports[` 4`] = `
475
+ {
1207
476
  "brandBackground": "#0086f0",
1208
477
  "brandBackground2": "#092c47",
1209
478
  "brandBackgroundDisabled": "#575757",
@@ -1230,6 +499,16 @@ Object {
1230
499
  "compoundBrandStroke1": "#0086f0",
1231
500
  "compoundBrandStroke1Hover": "#1890f1",
1232
501
  "compoundBrandStroke1Pressed": "#6cb8f6",
502
+ "dangerBackground1": "#3f1011",
503
+ "dangerBackground2": "#751d1f",
504
+ "dangerBackground3": "#d13438",
505
+ "dangerBorder1": "#d13438",
506
+ "dangerBorder2": "#dc5e62",
507
+ "dangerBorderActive": "#e37d80",
508
+ "dangerForeground1": "#e37d80",
509
+ "dangerForeground2": "#f1bbbc",
510
+ "dangerForeground3": "#e37d80",
511
+ "dangerForegroundInverted": "#d13438",
1233
512
  "neutralBackground1": "#000000",
1234
513
  "neutralBackground1Hover": "#3d3d3d",
1235
514
  "neutralBackground1Pressed": "#5c5c5c",
@@ -1264,14 +543,14 @@ Object {
1264
543
  "neutralForeground2Hover": "#ffffff",
1265
544
  "neutralForeground2Pressed": "#ffffff",
1266
545
  "neutralForeground2Selected": "#ffffff",
1267
- "neutralForeground3": "#d6d6d6",
546
+ "neutralForeground3": "#adadad",
1268
547
  "neutralForeground3BrandHover": "#092c47",
1269
548
  "neutralForeground3BrandPressed": "#0078d4",
1270
549
  "neutralForeground3BrandSelected": "#092c47",
1271
550
  "neutralForeground3Hover": "#d6d6d6",
1272
551
  "neutralForeground3Pressed": "#d6d6d6",
1273
552
  "neutralForeground3Selected": "#d6d6d6",
1274
- "neutralForeground4": "#d6d6d6",
553
+ "neutralForeground4": "#858585",
1275
554
  "neutralForegroundDisabled": "#b8b8b8",
1276
555
  "neutralForegroundInverted": "#ffffff",
1277
556
  "neutralForegroundInvertedLink": "#292929",
@@ -1284,150 +563,51 @@ Object {
1284
563
  "neutralForegroundOnBrandSelected": "#ffffff",
1285
564
  "neutralStencil1": "#333333",
1286
565
  "neutralStencil2": "#575757",
1287
- "neutralStroke1": "#adadad",
566
+ "neutralStroke1": "#3d3d3d",
1288
567
  "neutralStroke1Hover": "#757575",
1289
568
  "neutralStroke1Pressed": "#6b6b6b",
1290
569
  "neutralStroke1Selected": "#707070",
1291
- "neutralStroke2": "#a8a8a8",
1292
- "neutralStroke3": "#adadad",
1293
- "neutralStrokeAccessible": "#d6d6d6",
570
+ "neutralStroke2": "#575757",
571
+ "neutralStroke3": "#666666",
572
+ "neutralStrokeAccessible": "#adadad",
1294
573
  "neutralStrokeAccessibleHover": "#bdbdbd",
1295
574
  "neutralStrokeAccessiblePressed": "#b3b3b3",
1296
575
  "neutralStrokeAccessibleSelected": "#0086f0",
1297
576
  "neutralStrokeDisabled": "#525252",
1298
- "redBackground1": "000000",
1299
- "redBackground2": "000000",
1300
- "redBackground3": "000000",
1301
- "redBorder1": "000000",
1302
- "redBorder2": "000000",
1303
- "redBorderActive": "000000",
1304
- "redForeground1": "000000",
1305
- "redForeground2": "000000",
1306
- "redForeground3": "000000",
577
+ "outofofficeBackground1": "#3a1136",
578
+ "outofofficeBackground2": "#6d2064",
579
+ "outofofficeBackground3": "#c239b3",
580
+ "outofofficeBorder1": "#c239b3",
581
+ "outofofficeBorder2": "#d161c4",
582
+ "outofofficeBorderActive": "#da7ed0",
583
+ "outofofficeForeground1": "#da7ed0",
584
+ "outofofficeForeground2": "#edbbe7",
585
+ "outofofficeForeground3": "#d161c4",
586
+ "severeBackground1": "#411200",
587
+ "severeBackground2": "#7a2101",
588
+ "severeBackground3": "#da3b01",
589
+ "severeBorder1": "#da3b01",
590
+ "severeBorder2": "#e9835e",
591
+ "severeBorderActive": "#e9835e",
592
+ "severeForeground1": "#e9835e",
593
+ "severeForeground2": "#f4bfab",
594
+ "severeForeground3": "#e9835e",
1307
595
  "strokeFocus1": "#000000",
1308
596
  "strokeFocus2": "#ffffff",
1309
597
  "subtleBackground": "#00000000",
1310
598
  "subtleBackgroundHover": "#3d3d3d",
1311
599
  "subtleBackgroundPressed": "#1f1f1f",
1312
600
  "subtleBackgroundSelected": "#383838",
1313
- "transparentBackground": "#00000000",
1314
- "transparentBackgroundHover": "#00000000",
1315
- "transparentBackgroundPressed": "#00000000",
1316
- "transparentBackgroundSelected": "#00000000",
1317
- "transparentStroke": "#3aa0f3",
1318
- "transparentStrokeDisabled": "#d6d6d6",
1319
- "transparentStrokeInteractive": "#a8a8a8",
1320
- }
1321
- `;
1322
-
1323
- exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: false 1`] = `
1324
- Object {
1325
- "brandBackground": "#0078d4",
1326
- "brandBackground2": "#eff6fc",
1327
- "brandBackgroundDisabled": "#d1d1d1",
1328
- "brandBackgroundHover": "#106ebe",
1329
- "brandBackgroundPressed": "#106ebe",
1330
- "brandBackgroundSelected": "#005a9e",
1331
- "brandBackgroundStatic": "#0078d4",
1332
- "brandForeground1": "#0078d4",
1333
- "brandForeground1Disabled": "#757575",
1334
- "brandForeground1Pressed": "#004578",
1335
- "brandForeground2": "#106ebe",
1336
- "brandForegroundLink": "#0078d4",
1337
- "brandForegroundLinkHover": "#106ebe",
1338
- "brandForegroundLinkPressed": "#004578",
1339
- "brandForegroundLinkSelected": "#005a9e",
1340
- "brandStroke1": "#0078d4",
1341
- "brandStroke2": "#c7e0f4",
1342
- "compoundBrandBackground1": "#0078d4",
1343
- "compoundBrandBackground1Hover": "#106ebe",
1344
- "compoundBrandBackground1Pressed": "#004578",
1345
- "compoundBrandForeground1": "#0078d4",
1346
- "compoundBrandForeground1Hover": "#106ebe",
1347
- "compoundBrandForeground1Pressed": "#004578",
1348
- "compoundBrandStroke1": "#0078d4",
1349
- "compoundBrandStroke1Hover": "#106ebe",
1350
- "compoundBrandStroke1Pressed": "#004578",
1351
- "neutralBackground1": "#ffffff",
1352
- "neutralBackground1Hover": "#f5f5f5",
1353
- "neutralBackground1Pressed": "#ebebeb",
1354
- "neutralBackground1Selected": "#ebebeb",
1355
- "neutralBackground2": "#ffffff",
1356
- "neutralBackground2Hover": "#f0f0f0",
1357
- "neutralBackground2Pressed": "#ebebeb",
1358
- "neutralBackground2Selected": "#e6e6e6",
1359
- "neutralBackground3": "#f5f5f5",
1360
- "neutralBackground3Hover": "#ebebeb",
1361
- "neutralBackground3Pressed": "#d6d6d6",
1362
- "neutralBackground3Selected": "#e0e0e0",
1363
- "neutralBackground4": "#f0f0f0",
1364
- "neutralBackground4Hover": "#fafafa",
1365
- "neutralBackground4Pressed": "#f5f5f5",
1366
- "neutralBackground4Selected": "#ffffff",
1367
- "neutralBackground5": "#ebebeb",
1368
- "neutralBackground5Hover": "#f5f5f5",
1369
- "neutralBackground5Pressed": "#f0f0f0",
1370
- "neutralBackground5Selected": "#fafafa",
1371
- "neutralBackground6": "#e6e6e6",
1372
- "neutralBackgroundDisabled": "#f0f0f0",
1373
- "neutralBackgroundInverted": "#616161",
1374
- "neutralForeground1": "#242424",
1375
- "neutralForeground1Hover": "#242424",
1376
- "neutralForeground1Pressed": "#242424",
1377
- "neutralForeground1Selected": "#242424",
1378
- "neutralForeground2": "#000000",
1379
- "neutralForeground2BrandHover": "#106ebe",
1380
- "neutralForeground2BrandPressed": "#004578",
1381
- "neutralForeground2BrandSelected": "#005a9e",
1382
- "neutralForeground2Hover": "#242424",
1383
- "neutralForeground2Pressed": "#242424",
1384
- "neutralForeground2Selected": "#242424",
1385
- "neutralForeground3": "#616161",
1386
- "neutralForeground3BrandHover": "#106ebe",
1387
- "neutralForeground3BrandPressed": "#004578",
1388
- "neutralForeground3BrandSelected": "#005a9e",
1389
- "neutralForeground3Hover": "#424242",
1390
- "neutralForeground3Pressed": "#424242",
1391
- "neutralForeground3Selected": "#424242",
1392
- "neutralForeground4": "#808080",
1393
- "neutralForegroundDisabled": "#757575",
1394
- "neutralForegroundInverted": "#ffffff",
1395
- "neutralForegroundInvertedLink": "#ffffff",
1396
- "neutralForegroundInvertedLinkHover": "#ffffff",
1397
- "neutralForegroundInvertedLinkPressed": "#ffffff",
1398
- "neutralForegroundInvertedLinkSelected": "#ffffff",
1399
- "neutralForegroundOnBrand": "#ffffff",
1400
- "neutralForegroundOnBrandHover": "#ffffff",
1401
- "neutralForegroundOnBrandPressed": "#ffffff",
1402
- "neutralForegroundOnBrandSelected": "#ffffff",
1403
- "neutralStencil1": "#e6e6e6",
1404
- "neutralStencil2": "#fafafa",
1405
- "neutralStroke1": "#f0f0f0",
1406
- "neutralStroke1Hover": "#c7c7c7",
1407
- "neutralStroke1Pressed": "#b3b3b3",
1408
- "neutralStroke1Selected": "#bdbdbd",
1409
- "neutralStroke2": "#d6d6d6",
1410
- "neutralStroke3": "#f0f0f0",
1411
- "neutralStrokeAccessible": "#616161",
1412
- "neutralStrokeAccessibleHover": "#575757",
1413
- "neutralStrokeAccessiblePressed": "#4d4d4d",
1414
- "neutralStrokeAccessibleSelected": "#0078d4",
1415
- "neutralStrokeDisabled": "#e0e0e0",
1416
- "redBackground1": "000000",
1417
- "redBackground2": "000000",
1418
- "redBackground3": "000000",
1419
- "redBorder1": "000000",
1420
- "redBorder2": "000000",
1421
- "redBorderActive": "000000",
1422
- "redForeground1": "000000",
1423
- "redForeground2": "000000",
1424
- "redForeground3": "000000",
1425
- "strokeFocus1": "#ffffff",
1426
- "strokeFocus2": "#000000",
1427
- "subtleBackground": "#00000000",
1428
- "subtleBackgroundHover": "#f5f5f5",
1429
- "subtleBackgroundPressed": "#e0e0e0",
1430
- "subtleBackgroundSelected": "#ebebeb",
601
+ "successBackground1": "#052505",
602
+ "successBackground2": "#094509",
603
+ "successBackground3": "#107c10",
604
+ "successBorder1": "#107c10",
605
+ "successBorder2": "#9fd89f",
606
+ "successBorderActive": "#54b054",
607
+ "successForeground1": "#54b054",
608
+ "successForeground2": "#9fd89f",
609
+ "successForeground3": "#9fd89f",
610
+ "successForegroundInverted": "#107c10",
1431
611
  "transparentBackground": "#00000000",
1432
612
  "transparentBackgroundHover": "#00000000",
1433
613
  "transparentBackgroundPressed": "#00000000",
@@ -1435,814 +615,1781 @@ Object {
1435
615
  "transparentStroke": "#00000000",
1436
616
  "transparentStrokeDisabled": "#00000000",
1437
617
  "transparentStrokeInteractive": "#00000000",
618
+ "warningBackground1": "#4c4400",
619
+ "warningBackground2": "#817400",
620
+ "warningBackground3": "#fde300",
621
+ "warningBorder1": "#fde300",
622
+ "warningBorder2": "#fdea3d",
623
+ "warningBorderActive": "#feee66",
624
+ "warningForeground1": "#feee66",
625
+ "warningForeground2": "#fef7b2",
626
+ "warningForeground3": "#fdea3d",
627
+ "warningForegroundInverted": "#817400",
628
+ }
629
+ `;
630
+
631
+ exports[`createAppleTheme test 1`] = `
632
+ {
633
+ "shadow16": {
634
+ "ambient": {
635
+ "blur": 2,
636
+ "color": "#0000003d",
637
+ "x": 0,
638
+ "y": 0,
639
+ },
640
+ "key": {
641
+ "blur": 16,
642
+ "color": "#00000047",
643
+ "x": 0,
644
+ "y": 8,
645
+ },
646
+ },
647
+ "shadow16brand": {
648
+ "ambient": {
649
+ "blur": 2,
650
+ "color": "#0000004d",
651
+ "x": 0,
652
+ "y": 0,
653
+ },
654
+ "key": {
655
+ "blur": 16,
656
+ "color": "#00000040",
657
+ "x": 0,
658
+ "y": 8,
659
+ },
660
+ },
661
+ "shadow2": {
662
+ "ambient": {
663
+ "blur": 2,
664
+ "color": "#0000003d",
665
+ "x": 0,
666
+ "y": 0,
667
+ },
668
+ "key": {
669
+ "blur": 2,
670
+ "color": "#00000047",
671
+ "x": 0,
672
+ "y": 1,
673
+ },
674
+ },
675
+ "shadow28": {
676
+ "ambient": {
677
+ "blur": 8,
678
+ "color": "#00000066",
679
+ "x": 0,
680
+ "y": 0,
681
+ },
682
+ "key": {
683
+ "blur": 28,
684
+ "color": "#0000007a",
685
+ "x": 0,
686
+ "y": 14,
687
+ },
688
+ },
689
+ "shadow28brand": {
690
+ "ambient": {
691
+ "blur": 8,
692
+ "color": "#0000004d",
693
+ "x": 0,
694
+ "y": 0,
695
+ },
696
+ "key": {
697
+ "blur": 28,
698
+ "color": "#00000040",
699
+ "x": 0,
700
+ "y": 14,
701
+ },
702
+ },
703
+ "shadow2brand": {
704
+ "ambient": {
705
+ "blur": 2,
706
+ "color": "#0000004d",
707
+ "x": 0,
708
+ "y": 0,
709
+ },
710
+ "key": {
711
+ "blur": 2,
712
+ "color": "#00000040",
713
+ "x": 0,
714
+ "y": 1,
715
+ },
716
+ },
717
+ "shadow4": {
718
+ "ambient": {
719
+ "blur": 2,
720
+ "color": "#0000003d",
721
+ "x": 0,
722
+ "y": 0,
723
+ },
724
+ "key": {
725
+ "blur": 4,
726
+ "color": "#00000047",
727
+ "x": 0,
728
+ "y": 2,
729
+ },
730
+ },
731
+ "shadow4brand": {
732
+ "ambient": {
733
+ "blur": 2,
734
+ "color": "#0000004d",
735
+ "x": 0,
736
+ "y": 0,
737
+ },
738
+ "key": {
739
+ "blur": 4,
740
+ "color": "#00000040",
741
+ "x": 0,
742
+ "y": 2,
743
+ },
744
+ },
745
+ "shadow64": {
746
+ "ambient": {
747
+ "blur": 8,
748
+ "color": "#00000066",
749
+ "x": 0,
750
+ "y": 0,
751
+ },
752
+ "key": {
753
+ "blur": 64,
754
+ "color": "#0000007a",
755
+ "x": 0,
756
+ "y": 32,
757
+ },
758
+ },
759
+ "shadow64brand": {
760
+ "ambient": {
761
+ "blur": 8,
762
+ "color": "#0000004d",
763
+ "x": 0,
764
+ "y": 0,
765
+ },
766
+ "key": {
767
+ "blur": 64,
768
+ "color": "#00000040",
769
+ "x": 0,
770
+ "y": 32,
771
+ },
772
+ },
773
+ "shadow8": {
774
+ "ambient": {
775
+ "blur": 2,
776
+ "color": "#0000003d",
777
+ "x": 0,
778
+ "y": 0,
779
+ },
780
+ "key": {
781
+ "blur": 8,
782
+ "color": "#00000047",
783
+ "x": 0,
784
+ "y": 4,
785
+ },
786
+ },
787
+ "shadow8brand": {
788
+ "ambient": {
789
+ "blur": 2,
790
+ "color": "#0000004d",
791
+ "x": 0,
792
+ "y": 0,
793
+ },
794
+ "key": {
795
+ "blur": 8,
796
+ "color": "#00000040",
797
+ "x": 0,
798
+ "y": 4,
799
+ },
800
+ },
1438
801
  }
1439
802
  `;
1440
803
 
1441
- exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: true 1`] = `
1442
- Object {
1443
- "brandBackground": "#0078d4",
1444
- "brandBackground2": "#eff6fc",
1445
- "brandBackgroundDisabled": "#d1d1d1",
1446
- "brandBackgroundHover": "#106ebe",
1447
- "brandBackgroundPressed": "#106ebe",
1448
- "brandBackgroundSelected": "#005a9e",
1449
- "brandBackgroundStatic": "#0078d4",
1450
- "brandForeground1": "#0078d4",
1451
- "brandForeground1Disabled": "#757575",
1452
- "brandForeground1Pressed": "#004578",
1453
- "brandForeground2": "#106ebe",
1454
- "brandForegroundLink": "#0078d4",
1455
- "brandForegroundLinkHover": "#106ebe",
1456
- "brandForegroundLinkPressed": "#004578",
1457
- "brandForegroundLinkSelected": "#005a9e",
1458
- "brandStroke1": "#0078d4",
1459
- "brandStroke2": "#c7e0f4",
1460
- "compoundBrandBackground1": "#0078d4",
1461
- "compoundBrandBackground1Hover": "#106ebe",
1462
- "compoundBrandBackground1Pressed": "#004578",
1463
- "compoundBrandForeground1": "#0078d4",
1464
- "compoundBrandForeground1Hover": "#106ebe",
1465
- "compoundBrandForeground1Pressed": "#004578",
1466
- "compoundBrandStroke1": "#0078d4",
1467
- "compoundBrandStroke1Hover": "#106ebe",
1468
- "compoundBrandStroke1Pressed": "#004578",
1469
- "neutralBackground1": "#ffffff",
1470
- "neutralBackground1Hover": "#f5f5f5",
1471
- "neutralBackground1Pressed": "#ebebeb",
1472
- "neutralBackground1Selected": "#ebebeb",
1473
- "neutralBackground2": "#ffffff",
1474
- "neutralBackground2Hover": "#f0f0f0",
1475
- "neutralBackground2Pressed": "#ebebeb",
1476
- "neutralBackground2Selected": "#e6e6e6",
1477
- "neutralBackground3": "#f5f5f5",
1478
- "neutralBackground3Hover": "#ebebeb",
1479
- "neutralBackground3Pressed": "#d6d6d6",
1480
- "neutralBackground3Selected": "#e0e0e0",
1481
- "neutralBackground4": "#f0f0f0",
1482
- "neutralBackground4Hover": "#fafafa",
1483
- "neutralBackground4Pressed": "#f5f5f5",
1484
- "neutralBackground4Selected": "#ffffff",
1485
- "neutralBackground5": "#ebebeb",
1486
- "neutralBackground5Hover": "#f5f5f5",
1487
- "neutralBackground5Pressed": "#f0f0f0",
1488
- "neutralBackground5Selected": "#fafafa",
1489
- "neutralBackground6": "#e6e6e6",
1490
- "neutralBackgroundDisabled": "#f0f0f0",
1491
- "neutralBackgroundInverted": "#616161",
1492
- "neutralForeground1": "#000000",
1493
- "neutralForeground1Hover": "#000000",
1494
- "neutralForeground1Pressed": "#000000",
1495
- "neutralForeground1Selected": "#000000",
1496
- "neutralForeground2": "#000000",
1497
- "neutralForeground2BrandHover": "#106ebe",
1498
- "neutralForeground2BrandPressed": "#004578",
1499
- "neutralForeground2BrandSelected": "#005a9e",
1500
- "neutralForeground2Hover": "#242424",
1501
- "neutralForeground2Pressed": "#242424",
1502
- "neutralForeground2Selected": "#242424",
1503
- "neutralForeground3": "#000000",
1504
- "neutralForeground3BrandHover": "#106ebe",
1505
- "neutralForeground3BrandPressed": "#004578",
1506
- "neutralForeground3BrandSelected": "#005a9e",
1507
- "neutralForeground3Hover": "#424242",
1508
- "neutralForeground3Pressed": "#424242",
1509
- "neutralForeground3Selected": "#424242",
1510
- "neutralForeground4": "#424242",
1511
- "neutralForegroundDisabled": "#757575",
1512
- "neutralForegroundInverted": "#ffffff",
1513
- "neutralForegroundInvertedLink": "#ffffff",
1514
- "neutralForegroundInvertedLinkHover": "#ffffff",
1515
- "neutralForegroundInvertedLinkPressed": "#ffffff",
1516
- "neutralForegroundInvertedLinkSelected": "#ffffff",
1517
- "neutralForegroundOnBrand": "#ffffff",
1518
- "neutralForegroundOnBrandHover": "#ffffff",
1519
- "neutralForegroundOnBrandPressed": "#ffffff",
1520
- "neutralForegroundOnBrandSelected": "#ffffff",
1521
- "neutralStencil1": "#e6e6e6",
1522
- "neutralStencil2": "#fafafa",
1523
- "neutralStroke1": "#616161",
1524
- "neutralStroke1Hover": "#c7c7c7",
1525
- "neutralStroke1Pressed": "#b3b3b3",
1526
- "neutralStroke1Selected": "#bdbdbd",
1527
- "neutralStroke2": "#000000",
1528
- "neutralStroke3": "#616161",
1529
- "neutralStrokeAccessible": "#242424",
1530
- "neutralStrokeAccessibleHover": "#575757",
1531
- "neutralStrokeAccessiblePressed": "#4d4d4d",
1532
- "neutralStrokeAccessibleSelected": "#0078d4",
1533
- "neutralStrokeDisabled": "#e0e0e0",
1534
- "redBackground1": "000000",
1535
- "redBackground2": "000000",
1536
- "redBackground3": "000000",
1537
- "redBorder1": "000000",
1538
- "redBorder2": "000000",
1539
- "redBorderActive": "000000",
1540
- "redForeground1": "000000",
1541
- "redForeground2": "000000",
1542
- "redForeground3": "000000",
1543
- "strokeFocus1": "#ffffff",
1544
- "strokeFocus2": "#000000",
1545
- "subtleBackground": "#00000000",
1546
- "subtleBackgroundHover": "#f5f5f5",
1547
- "subtleBackgroundPressed": "#e0e0e0",
1548
- "subtleBackgroundSelected": "#ebebeb",
1549
- "transparentBackground": "#00000000",
1550
- "transparentBackgroundHover": "#00000000",
1551
- "transparentBackgroundPressed": "#00000000",
1552
- "transparentBackgroundSelected": "#00000000",
1553
- "transparentStroke": "#000000",
1554
- "transparentStrokeDisabled": "#bdbdbd",
1555
- "transparentStrokeInteractive": "#666666",
804
+ exports[`createAppleTheme test 2`] = `
805
+ {
806
+ "shadow16": {
807
+ "ambient": {
808
+ "blur": 2,
809
+ "color": "#0000001f",
810
+ "x": 0,
811
+ "y": 0,
812
+ },
813
+ "key": {
814
+ "blur": 16,
815
+ "color": "#00000024",
816
+ "x": 0,
817
+ "y": 8,
818
+ },
819
+ },
820
+ "shadow16brand": {
821
+ "ambient": {
822
+ "blur": 2,
823
+ "color": "#0000004d",
824
+ "x": 0,
825
+ "y": 0,
826
+ },
827
+ "key": {
828
+ "blur": 16,
829
+ "color": "#00000040",
830
+ "x": 0,
831
+ "y": 8,
832
+ },
833
+ },
834
+ "shadow2": {
835
+ "ambient": {
836
+ "blur": 2,
837
+ "color": "#0000001f",
838
+ "x": 0,
839
+ "y": 0,
840
+ },
841
+ "key": {
842
+ "blur": 2,
843
+ "color": "#00000024",
844
+ "x": 0,
845
+ "y": 1,
846
+ },
847
+ },
848
+ "shadow28": {
849
+ "ambient": {
850
+ "blur": 8,
851
+ "color": "#00000033",
852
+ "x": 0,
853
+ "y": 0,
854
+ },
855
+ "key": {
856
+ "blur": 28,
857
+ "color": "#0000003d",
858
+ "x": 0,
859
+ "y": 14,
860
+ },
861
+ },
862
+ "shadow28brand": {
863
+ "ambient": {
864
+ "blur": 8,
865
+ "color": "#0000004d",
866
+ "x": 0,
867
+ "y": 0,
868
+ },
869
+ "key": {
870
+ "blur": 28,
871
+ "color": "#00000040",
872
+ "x": 0,
873
+ "y": 14,
874
+ },
875
+ },
876
+ "shadow2brand": {
877
+ "ambient": {
878
+ "blur": 2,
879
+ "color": "#0000004d",
880
+ "x": 0,
881
+ "y": 0,
882
+ },
883
+ "key": {
884
+ "blur": 2,
885
+ "color": "#00000040",
886
+ "x": 0,
887
+ "y": 1,
888
+ },
889
+ },
890
+ "shadow4": {
891
+ "ambient": {
892
+ "blur": 2,
893
+ "color": "#0000001f",
894
+ "x": 0,
895
+ "y": 0,
896
+ },
897
+ "key": {
898
+ "blur": 4,
899
+ "color": "#00000024",
900
+ "x": 0,
901
+ "y": 2,
902
+ },
903
+ },
904
+ "shadow4brand": {
905
+ "ambient": {
906
+ "blur": 2,
907
+ "color": "#0000004d",
908
+ "x": 0,
909
+ "y": 0,
910
+ },
911
+ "key": {
912
+ "blur": 4,
913
+ "color": "#00000040",
914
+ "x": 0,
915
+ "y": 2,
916
+ },
917
+ },
918
+ "shadow64": {
919
+ "ambient": {
920
+ "blur": 8,
921
+ "color": "#00000033",
922
+ "x": 0,
923
+ "y": 0,
924
+ },
925
+ "key": {
926
+ "blur": 64,
927
+ "color": "#0000003d",
928
+ "x": 0,
929
+ "y": 32,
930
+ },
931
+ },
932
+ "shadow64brand": {
933
+ "ambient": {
934
+ "blur": 8,
935
+ "color": "#0000004d",
936
+ "x": 0,
937
+ "y": 0,
938
+ },
939
+ "key": {
940
+ "blur": 64,
941
+ "color": "#00000040",
942
+ "x": 0,
943
+ "y": 32,
944
+ },
945
+ },
946
+ "shadow8": {
947
+ "ambient": {
948
+ "blur": 2,
949
+ "color": "#0000001f",
950
+ "x": 0,
951
+ "y": 0,
952
+ },
953
+ "key": {
954
+ "blur": 8,
955
+ "color": "#00000024",
956
+ "x": 0,
957
+ "y": 4,
958
+ },
959
+ },
960
+ "shadow8brand": {
961
+ "ambient": {
962
+ "blur": 2,
963
+ "color": "#0000004d",
964
+ "x": 0,
965
+ "y": 0,
966
+ },
967
+ "key": {
968
+ "blur": 8,
969
+ "color": "#00000040",
970
+ "x": 0,
971
+ "y": 4,
972
+ },
973
+ },
974
+ }
975
+ `;
976
+
977
+ exports[`createAppleTheme test 3`] = `
978
+ {
979
+ "shadow16": {
980
+ "ambient": {
981
+ "blur": 2,
982
+ "color": "#0000003d",
983
+ "x": 0,
984
+ "y": 0,
985
+ },
986
+ "key": {
987
+ "blur": 16,
988
+ "color": "#00000047",
989
+ "x": 0,
990
+ "y": 8,
991
+ },
992
+ },
993
+ "shadow16brand": {
994
+ "ambient": {
995
+ "blur": 2,
996
+ "color": "#0000004d",
997
+ "x": 0,
998
+ "y": 0,
999
+ },
1000
+ "key": {
1001
+ "blur": 16,
1002
+ "color": "#00000040",
1003
+ "x": 0,
1004
+ "y": 8,
1005
+ },
1006
+ },
1007
+ "shadow2": {
1008
+ "ambient": {
1009
+ "blur": 2,
1010
+ "color": "#0000003d",
1011
+ "x": 0,
1012
+ "y": 0,
1013
+ },
1014
+ "key": {
1015
+ "blur": 2,
1016
+ "color": "#00000047",
1017
+ "x": 0,
1018
+ "y": 1,
1019
+ },
1020
+ },
1021
+ "shadow28": {
1022
+ "ambient": {
1023
+ "blur": 8,
1024
+ "color": "#00000066",
1025
+ "x": 0,
1026
+ "y": 0,
1027
+ },
1028
+ "key": {
1029
+ "blur": 28,
1030
+ "color": "#0000007a",
1031
+ "x": 0,
1032
+ "y": 14,
1033
+ },
1034
+ },
1035
+ "shadow28brand": {
1036
+ "ambient": {
1037
+ "blur": 8,
1038
+ "color": "#0000004d",
1039
+ "x": 0,
1040
+ "y": 0,
1041
+ },
1042
+ "key": {
1043
+ "blur": 28,
1044
+ "color": "#00000040",
1045
+ "x": 0,
1046
+ "y": 14,
1047
+ },
1048
+ },
1049
+ "shadow2brand": {
1050
+ "ambient": {
1051
+ "blur": 2,
1052
+ "color": "#0000004d",
1053
+ "x": 0,
1054
+ "y": 0,
1055
+ },
1056
+ "key": {
1057
+ "blur": 2,
1058
+ "color": "#00000040",
1059
+ "x": 0,
1060
+ "y": 1,
1061
+ },
1062
+ },
1063
+ "shadow4": {
1064
+ "ambient": {
1065
+ "blur": 2,
1066
+ "color": "#0000003d",
1067
+ "x": 0,
1068
+ "y": 0,
1069
+ },
1070
+ "key": {
1071
+ "blur": 4,
1072
+ "color": "#00000047",
1073
+ "x": 0,
1074
+ "y": 2,
1075
+ },
1076
+ },
1077
+ "shadow4brand": {
1078
+ "ambient": {
1079
+ "blur": 2,
1080
+ "color": "#0000004d",
1081
+ "x": 0,
1082
+ "y": 0,
1083
+ },
1084
+ "key": {
1085
+ "blur": 4,
1086
+ "color": "#00000040",
1087
+ "x": 0,
1088
+ "y": 2,
1089
+ },
1090
+ },
1091
+ "shadow64": {
1092
+ "ambient": {
1093
+ "blur": 8,
1094
+ "color": "#00000066",
1095
+ "x": 0,
1096
+ "y": 0,
1097
+ },
1098
+ "key": {
1099
+ "blur": 64,
1100
+ "color": "#0000007a",
1101
+ "x": 0,
1102
+ "y": 32,
1103
+ },
1104
+ },
1105
+ "shadow64brand": {
1106
+ "ambient": {
1107
+ "blur": 8,
1108
+ "color": "#0000004d",
1109
+ "x": 0,
1110
+ "y": 0,
1111
+ },
1112
+ "key": {
1113
+ "blur": 64,
1114
+ "color": "#00000040",
1115
+ "x": 0,
1116
+ "y": 32,
1117
+ },
1118
+ },
1119
+ "shadow8": {
1120
+ "ambient": {
1121
+ "blur": 2,
1122
+ "color": "#0000003d",
1123
+ "x": 0,
1124
+ "y": 0,
1125
+ },
1126
+ "key": {
1127
+ "blur": 8,
1128
+ "color": "#00000047",
1129
+ "x": 0,
1130
+ "y": 4,
1131
+ },
1132
+ },
1133
+ "shadow8brand": {
1134
+ "ambient": {
1135
+ "blur": 2,
1136
+ "color": "#0000004d",
1137
+ "x": 0,
1138
+ "y": 0,
1139
+ },
1140
+ "key": {
1141
+ "blur": 8,
1142
+ "color": "#00000040",
1143
+ "x": 0,
1144
+ "y": 4,
1145
+ },
1146
+ },
1556
1147
  }
1557
1148
  `;
1558
1149
 
1559
- exports[`createMacOSShadowAliasTokens test mode: dark, isHighContrast: false 1`] = `
1560
- Object {
1561
- "shadow16": Object {
1562
- "ambient": Object {
1150
+ exports[`createAppleTheme test 4`] = `
1151
+ {
1152
+ "shadow16": {
1153
+ "ambient": {
1563
1154
  "blur": 2,
1564
1155
  "color": "#0000003d",
1565
1156
  "x": 0,
1566
1157
  "y": 0,
1567
1158
  },
1568
- "key": Object {
1159
+ "key": {
1569
1160
  "blur": 16,
1570
1161
  "color": "#00000047",
1571
1162
  "x": 0,
1572
1163
  "y": 8,
1573
1164
  },
1574
1165
  },
1575
- "shadow16brand": Object {
1576
- "ambient": Object {
1166
+ "shadow16brand": {
1167
+ "ambient": {
1577
1168
  "blur": 2,
1578
1169
  "color": "#0000004d",
1579
1170
  "x": 0,
1580
1171
  "y": 0,
1581
1172
  },
1582
- "key": Object {
1173
+ "key": {
1583
1174
  "blur": 16,
1584
1175
  "color": "#00000040",
1585
1176
  "x": 0,
1586
1177
  "y": 8,
1587
1178
  },
1588
1179
  },
1589
- "shadow2": Object {
1590
- "ambient": Object {
1180
+ "shadow2": {
1181
+ "ambient": {
1591
1182
  "blur": 2,
1592
1183
  "color": "#0000003d",
1593
1184
  "x": 0,
1594
1185
  "y": 0,
1595
1186
  },
1596
- "key": Object {
1187
+ "key": {
1597
1188
  "blur": 2,
1598
1189
  "color": "#00000047",
1599
1190
  "x": 0,
1600
1191
  "y": 1,
1601
1192
  },
1602
1193
  },
1603
- "shadow28": Object {
1604
- "ambient": Object {
1194
+ "shadow28": {
1195
+ "ambient": {
1605
1196
  "blur": 8,
1606
1197
  "color": "#00000066",
1607
1198
  "x": 0,
1608
1199
  "y": 0,
1609
1200
  },
1610
- "key": Object {
1201
+ "key": {
1611
1202
  "blur": 28,
1612
1203
  "color": "#0000007a",
1613
1204
  "x": 0,
1614
1205
  "y": 14,
1615
1206
  },
1616
1207
  },
1617
- "shadow28brand": Object {
1618
- "ambient": Object {
1208
+ "shadow28brand": {
1209
+ "ambient": {
1619
1210
  "blur": 8,
1620
1211
  "color": "#0000004d",
1621
1212
  "x": 0,
1622
1213
  "y": 0,
1623
1214
  },
1624
- "key": Object {
1215
+ "key": {
1625
1216
  "blur": 28,
1626
1217
  "color": "#00000040",
1627
1218
  "x": 0,
1628
1219
  "y": 14,
1629
1220
  },
1630
1221
  },
1631
- "shadow2brand": Object {
1632
- "ambient": Object {
1222
+ "shadow2brand": {
1223
+ "ambient": {
1633
1224
  "blur": 2,
1634
1225
  "color": "#0000004d",
1635
1226
  "x": 0,
1636
1227
  "y": 0,
1637
1228
  },
1638
- "key": Object {
1229
+ "key": {
1639
1230
  "blur": 2,
1640
1231
  "color": "#00000040",
1641
1232
  "x": 0,
1642
1233
  "y": 1,
1643
1234
  },
1644
1235
  },
1645
- "shadow4": Object {
1646
- "ambient": Object {
1236
+ "shadow4": {
1237
+ "ambient": {
1647
1238
  "blur": 2,
1648
1239
  "color": "#0000003d",
1649
1240
  "x": 0,
1650
1241
  "y": 0,
1651
1242
  },
1652
- "key": Object {
1243
+ "key": {
1653
1244
  "blur": 4,
1654
1245
  "color": "#00000047",
1655
1246
  "x": 0,
1656
1247
  "y": 2,
1657
1248
  },
1658
1249
  },
1659
- "shadow4brand": Object {
1660
- "ambient": Object {
1250
+ "shadow4brand": {
1251
+ "ambient": {
1661
1252
  "blur": 2,
1662
1253
  "color": "#0000004d",
1663
1254
  "x": 0,
1664
1255
  "y": 0,
1665
1256
  },
1666
- "key": Object {
1257
+ "key": {
1667
1258
  "blur": 4,
1668
1259
  "color": "#00000040",
1669
1260
  "x": 0,
1670
1261
  "y": 2,
1671
1262
  },
1672
1263
  },
1673
- "shadow64": Object {
1674
- "ambient": Object {
1264
+ "shadow64": {
1265
+ "ambient": {
1675
1266
  "blur": 8,
1676
1267
  "color": "#00000066",
1677
1268
  "x": 0,
1678
1269
  "y": 0,
1679
1270
  },
1680
- "key": Object {
1271
+ "key": {
1681
1272
  "blur": 64,
1682
1273
  "color": "#0000007a",
1683
1274
  "x": 0,
1684
1275
  "y": 32,
1685
1276
  },
1686
- },
1687
- "shadow64brand": Object {
1688
- "ambient": Object {
1689
- "blur": 8,
1690
- "color": "#0000004d",
1691
- "x": 0,
1692
- "y": 0,
1277
+ },
1278
+ "shadow64brand": {
1279
+ "ambient": {
1280
+ "blur": 8,
1281
+ "color": "#0000004d",
1282
+ "x": 0,
1283
+ "y": 0,
1284
+ },
1285
+ "key": {
1286
+ "blur": 64,
1287
+ "color": "#00000040",
1288
+ "x": 0,
1289
+ "y": 32,
1290
+ },
1291
+ },
1292
+ "shadow8": {
1293
+ "ambient": {
1294
+ "blur": 2,
1295
+ "color": "#0000003d",
1296
+ "x": 0,
1297
+ "y": 0,
1298
+ },
1299
+ "key": {
1300
+ "blur": 8,
1301
+ "color": "#00000047",
1302
+ "x": 0,
1303
+ "y": 4,
1304
+ },
1305
+ },
1306
+ "shadow8brand": {
1307
+ "ambient": {
1308
+ "blur": 2,
1309
+ "color": "#0000004d",
1310
+ "x": 0,
1311
+ "y": 0,
1312
+ },
1313
+ "key": {
1314
+ "blur": 8,
1315
+ "color": "#00000040",
1316
+ "x": 0,
1317
+ "y": 4,
1318
+ },
1319
+ },
1320
+ }
1321
+ `;
1322
+
1323
+ exports[`createAppleTheme test 5`] = `
1324
+ {
1325
+ "colors": {
1326
+ "accentButtonBackground": {
1327
+ "dynamic": {
1328
+ "dark": "#1890F1",
1329
+ "highContrastDark": undefined,
1330
+ "highContrastLight": undefined,
1331
+ "light": "#0078D4",
1332
+ },
1333
+ },
1334
+ "accentButtonText": "#ffffff",
1335
+ "actionLink": {
1336
+ "semantic": [
1337
+ "linkColor",
1338
+ ],
1339
+ },
1340
+ "actionLinkHovered": {
1341
+ "semantic": [
1342
+ "linkColor",
1343
+ ],
1344
+ },
1345
+ "background": {
1346
+ "semantic": [
1347
+ "windowBackgroundColor",
1348
+ ],
1349
+ },
1350
+ "blockingBackground": {
1351
+ "dynamic": {
1352
+ "dark": "transparent",
1353
+ "highContrastDark": undefined,
1354
+ "highContrastLight": undefined,
1355
+ "light": "#DD4242",
1356
+ },
1357
+ },
1358
+ "bodyDivider": {
1359
+ "semantic": [
1360
+ "separatorColor",
1361
+ ],
1362
+ },
1363
+ "bodyFrameBackground": {
1364
+ "semantic": [
1365
+ "windowBackgroundColor",
1366
+ ],
1367
+ },
1368
+ "bodyFrameDivider": {
1369
+ "semantic": [
1370
+ "separatorColor",
1371
+ ],
1372
+ },
1373
+ "bodyStandoutBackground": {
1374
+ "semantic": [
1375
+ "underPageBackgroundColor",
1376
+ ],
1377
+ },
1378
+ "bodyText": {
1379
+ "semantic": [
1380
+ "labelColor",
1381
+ ],
1382
+ },
1383
+ "bodyTextChecked": {
1384
+ "semantic": [
1385
+ "labelColor",
1386
+ ],
1387
+ },
1388
+ "brandBackground": "#0078d4",
1389
+ "brandBackground2": "#eff6fc",
1390
+ "brandBackgroundDisabled": "#d1d1d1",
1391
+ "brandBackgroundHover": "#106ebe",
1392
+ "brandBackgroundPressed": "#106ebe",
1393
+ "brandBackgroundSelected": "#005a9e",
1394
+ "brandBackgroundStatic": "#0078d4",
1395
+ "brandForeground1": "#0078d4",
1396
+ "brandForeground1Disabled": "#757575",
1397
+ "brandForeground1Pressed": "#004578",
1398
+ "brandForeground2": "#106ebe",
1399
+ "brandForegroundLink": "#0078d4",
1400
+ "brandForegroundLinkHover": "#106ebe",
1401
+ "brandForegroundLinkPressed": "#004578",
1402
+ "brandForegroundLinkSelected": "#005a9e",
1403
+ "brandStroke1": "#0078d4",
1404
+ "brandStroke2": "#c7e0f4",
1405
+ "brandedBackground": "#0078d4",
1406
+ "brandedBorder": "#00000000",
1407
+ "brandedCheckedBackground": {
1408
+ "dynamic": {
1409
+ "dark": "#1890F1",
1410
+ "highContrastDark": undefined,
1411
+ "highContrastLight": undefined,
1412
+ "light": "#0078D4",
1413
+ },
1414
+ },
1415
+ "brandedCheckedContent": "#ffffff",
1416
+ "brandedCheckedHoveredBackground": {
1417
+ "dynamic": {
1418
+ "dark": "#1890F1",
1419
+ "highContrastDark": undefined,
1420
+ "highContrastLight": undefined,
1421
+ "light": "#0078D4",
1422
+ },
1423
+ },
1424
+ "brandedCheckedHoveredContent": "#ffffff",
1425
+ "brandedContent": "#ffffff",
1426
+ "brandedDisabledBackground": "#f0f0f0",
1427
+ "brandedDisabledBorder": "transparent",
1428
+ "brandedDisabledContent": "#757575",
1429
+ "brandedDisabledIcon": "#616161",
1430
+ "brandedFocusedBackground": {
1431
+ "dynamic": {
1432
+ "dark": "#1890F1",
1433
+ "highContrastDark": undefined,
1434
+ "highContrastLight": undefined,
1435
+ "light": "#0078D4",
1436
+ },
1437
+ },
1438
+ "brandedFocusedBorder": "transparent",
1439
+ "brandedFocusedContent": "#ffffff",
1440
+ "brandedFocusedIcon": "#ffffff",
1441
+ "brandedFocusedSecondaryContent": "#ffffff",
1442
+ "brandedHoveredBackground": "#106ebe",
1443
+ "brandedHoveredBorder": "transparent",
1444
+ "brandedHoveredContent": "#ffffff",
1445
+ "brandedHoveredIcon": "#ffffff",
1446
+ "brandedHoveredSecondaryContent": "#ffffff",
1447
+ "brandedIcon": "#ffffff",
1448
+ "brandedPressedBackground": "#106ebe",
1449
+ "brandedPressedBorder": "transparent",
1450
+ "brandedPressedContent": "#ffffff",
1451
+ "brandedPressedIcon": "#ffffff",
1452
+ "brandedPressedSecondaryContent": {
1453
+ "colorWithSystemEffect": {
1454
+ "baseColor": "#ffffff",
1455
+ "systemEffect": "pressed",
1456
+ },
1457
+ },
1458
+ "brandedSecondaryContent": "#ffffff",
1459
+ "buttonBackground": "#ffffff",
1460
+ "buttonBackgroundChecked": "#f5f5f5",
1461
+ "buttonBackgroundCheckedHovered": "#f5f5f5",
1462
+ "buttonBackgroundDisabled": {
1463
+ "colorWithSystemEffect": {
1464
+ "baseColor": "#f5f5f5",
1465
+ "systemEffect": "disabled",
1466
+ },
1693
1467
  },
1694
- "key": Object {
1695
- "blur": 64,
1696
- "color": "#00000040",
1697
- "x": 0,
1698
- "y": 32,
1468
+ "buttonBackgroundHovered": "#f5f5f5",
1469
+ "buttonBackgroundPressed": {
1470
+ "colorWithSystemEffect": {
1471
+ "baseColor": "#f5f5f5",
1472
+ "systemEffect": "pressed",
1473
+ },
1699
1474
  },
1700
- },
1701
- "shadow8": Object {
1702
- "ambient": Object {
1703
- "blur": 2,
1704
- "color": "#0000003d",
1705
- "x": 0,
1706
- "y": 0,
1475
+ "buttonBorder": "#00000000",
1476
+ "buttonBorderDisabled": "#00000000",
1477
+ "buttonBorderFocused": "#00000000",
1478
+ "buttonText": "#616161",
1479
+ "buttonTextChecked": "#616161",
1480
+ "buttonTextCheckedHovered": "#616161",
1481
+ "buttonTextDisabled": {
1482
+ "colorWithSystemEffect": {
1483
+ "baseColor": "#616161",
1484
+ "systemEffect": "disabled",
1485
+ },
1707
1486
  },
1708
- "key": Object {
1709
- "blur": 8,
1710
- "color": "#00000047",
1711
- "x": 0,
1712
- "y": 4,
1487
+ "buttonTextHovered": "#616161",
1488
+ "buttonTextPressed": {
1489
+ "colorWithSystemEffect": {
1490
+ "baseColor": "#616161",
1491
+ "systemEffect": "pressed",
1492
+ },
1713
1493
  },
1714
- },
1715
- "shadow8brand": Object {
1716
- "ambient": Object {
1717
- "blur": 2,
1718
- "color": "#0000004d",
1719
- "x": 0,
1720
- "y": 0,
1494
+ "checkboxBackground": {
1495
+ "dynamic": {
1496
+ "dark": "#1890F1",
1497
+ "highContrastDark": undefined,
1498
+ "highContrastLight": undefined,
1499
+ "light": "#0078D4",
1500
+ },
1721
1501
  },
1722
- "key": Object {
1723
- "blur": 8,
1724
- "color": "#00000040",
1725
- "x": 0,
1726
- "y": 4,
1502
+ "checkboxBackgroundDisabled": "#f0f0f0",
1503
+ "checkboxBorderColor": "#404040",
1504
+ "checkmarkColor": "#ffffff",
1505
+ "compoundBrandBackground1": "#0078d4",
1506
+ "compoundBrandBackground1Hover": "#106ebe",
1507
+ "compoundBrandBackground1Pressed": "#004578",
1508
+ "compoundBrandForeground1": "#0078d4",
1509
+ "compoundBrandForeground1Hover": "#106ebe",
1510
+ "compoundBrandForeground1Pressed": "#004578",
1511
+ "compoundBrandStroke1": "#0078d4",
1512
+ "compoundBrandStroke1Hover": "#106ebe",
1513
+ "compoundBrandStroke1Pressed": "#004578",
1514
+ "defaultBackground": "#ffffff",
1515
+ "defaultBorder": "#d6d6d6",
1516
+ "defaultCheckedBackground": {
1517
+ "dynamic": {
1518
+ "dark": "#1890F1",
1519
+ "highContrastDark": undefined,
1520
+ "highContrastLight": undefined,
1521
+ "light": "#0078D4",
1522
+ },
1727
1523
  },
1728
- },
1729
- }
1730
- `;
1731
-
1732
- exports[`createMacOSShadowAliasTokens test mode: dark, isHighContrast: true 1`] = `
1733
- Object {
1734
- "shadow16": Object {
1735
- "ambient": Object {
1736
- "blur": 2,
1737
- "color": "#0000003d",
1738
- "x": 0,
1739
- "y": 0,
1524
+ "defaultCheckedContent": "#ffffff",
1525
+ "defaultCheckedHoveredBackground": {
1526
+ "dynamic": {
1527
+ "dark": "#1890F1",
1528
+ "highContrastDark": undefined,
1529
+ "highContrastLight": undefined,
1530
+ "light": "#0078D4",
1531
+ },
1740
1532
  },
1741
- "key": Object {
1742
- "blur": 16,
1743
- "color": "#00000047",
1744
- "x": 0,
1745
- "y": 8,
1533
+ "defaultCheckedHoveredContent": "#ffffff",
1534
+ "defaultContent": "#000000",
1535
+ "defaultDisabledBackground": "#ffffff",
1536
+ "defaultDisabledBorder": "#d6d6d6",
1537
+ "defaultDisabledContent": "#757575",
1538
+ "defaultDisabledIcon": "#616161",
1539
+ "defaultDisabledSecondaryContent": "#757575",
1540
+ "defaultFocusedBackground": "#ffffff",
1541
+ "defaultFocusedBorder": "#d6d6d6",
1542
+ "defaultFocusedContent": "#000000",
1543
+ "defaultFocusedIcon": "#616161",
1544
+ "defaultHoveredBackground": "#f5f5f5",
1545
+ "defaultHoveredBorder": "#d6d6d6",
1546
+ "defaultHoveredContent": "#616161",
1547
+ "defaultHoveredIcon": "#616161",
1548
+ "defaultHoveredSecondaryContent": "#616161",
1549
+ "defaultIcon": "#616161",
1550
+ "defaultPressedBackground": "#ebebeb",
1551
+ "defaultPressedBorder": "#d6d6d6",
1552
+ "defaultPressedContent": "#000000",
1553
+ "defaultPressedIcon": "#616161",
1554
+ "defaultPressedSecondaryContent": "#ffffff",
1555
+ "defaultStateBackground": {
1556
+ "semantic": [
1557
+ "controlBackgroundColor",
1558
+ ],
1746
1559
  },
1747
- },
1748
- "shadow16brand": Object {
1749
- "ambient": Object {
1750
- "blur": 2,
1751
- "color": "#0000004d",
1752
- "x": 0,
1753
- "y": 0,
1560
+ "disabledBackground": "#E1E1E1",
1561
+ "disabledBodySubtext": {
1562
+ "semantic": [
1563
+ "quaternaryLabelColor",
1564
+ ],
1754
1565
  },
1755
- "key": Object {
1756
- "blur": 16,
1757
- "color": "#00000040",
1758
- "x": 0,
1759
- "y": 8,
1566
+ "disabledBodyText": {
1567
+ "semantic": [
1568
+ "tertiaryLabelColor",
1569
+ ],
1760
1570
  },
1761
- },
1762
- "shadow2": Object {
1763
- "ambient": Object {
1764
- "blur": 2,
1765
- "color": "#0000003d",
1766
- "x": 0,
1767
- "y": 0,
1571
+ "disabledSubtext": {
1572
+ "semantic": [
1573
+ "quaternaryLabelColor",
1574
+ ],
1768
1575
  },
1769
- "key": Object {
1770
- "blur": 2,
1771
- "color": "#00000047",
1772
- "x": 0,
1773
- "y": 1,
1576
+ "disabledText": {
1577
+ "semantic": [
1578
+ "tertiaryLabelColor",
1579
+ ],
1774
1580
  },
1775
- },
1776
- "shadow28": Object {
1777
- "ambient": Object {
1778
- "blur": 8,
1779
- "color": "#00000066",
1780
- "x": 0,
1781
- "y": 0,
1581
+ "errorBackground": {
1582
+ "dynamic": {
1583
+ "dark": "transparent",
1584
+ "highContrastDark": undefined,
1585
+ "highContrastLight": undefined,
1586
+ "light": "#DD4242",
1587
+ },
1782
1588
  },
1783
- "key": Object {
1784
- "blur": 28,
1785
- "color": "#0000007a",
1786
- "x": 0,
1787
- "y": 14,
1589
+ "errorText": {
1590
+ "dynamic": {
1591
+ "dark": "transparent",
1592
+ "highContrastDark": undefined,
1593
+ "highContrastLight": undefined,
1594
+ "light": "#D92C2C",
1595
+ },
1788
1596
  },
1789
- },
1790
- "shadow28brand": Object {
1791
- "ambient": Object {
1792
- "blur": 8,
1793
- "color": "#0000004d",
1794
- "x": 0,
1795
- "y": 0,
1597
+ "focusBorder": "transparent",
1598
+ "ghostBackground": "transparent",
1599
+ "ghostBorder": "transparent",
1600
+ "ghostCheckedBackground": "transparent",
1601
+ "ghostCheckedContent": {
1602
+ "dynamic": {
1603
+ "dark": "#1890F1",
1604
+ "highContrastDark": undefined,
1605
+ "highContrastLight": undefined,
1606
+ "light": "#0078D4",
1607
+ },
1796
1608
  },
1797
- "key": Object {
1798
- "blur": 28,
1799
- "color": "#00000040",
1800
- "x": 0,
1801
- "y": 14,
1609
+ "ghostCheckedHoveredBackground": "transparent",
1610
+ "ghostCheckedHoveredBorder": "transparent",
1611
+ "ghostCheckedHoveredContent": {
1612
+ "dynamic": {
1613
+ "dark": "#1890F1",
1614
+ "highContrastDark": undefined,
1615
+ "highContrastLight": undefined,
1616
+ "light": "#0078D4",
1617
+ },
1802
1618
  },
1803
- },
1804
- "shadow2brand": Object {
1805
- "ambient": Object {
1806
- "blur": 2,
1807
- "color": "#0000004d",
1808
- "x": 0,
1809
- "y": 0,
1619
+ "ghostContent": {
1620
+ "dynamic": {
1621
+ "dark": "#1890F1",
1622
+ "highContrastDark": undefined,
1623
+ "highContrastLight": undefined,
1624
+ "light": "#0078D4",
1625
+ },
1810
1626
  },
1811
- "key": Object {
1812
- "blur": 2,
1813
- "color": "#00000040",
1814
- "x": 0,
1815
- "y": 1,
1627
+ "ghostDisabledBackground": "transparent",
1628
+ "ghostDisabledBorder": "transparent",
1629
+ "ghostDisabledContent": "#757575",
1630
+ "ghostDisabledIcon": "#757575",
1631
+ "ghostFocusedBackground": "transparent",
1632
+ "ghostFocusedBorder": "transparent",
1633
+ "ghostFocusedContent": {
1634
+ "dynamic": {
1635
+ "dark": "#1890F1",
1636
+ "highContrastDark": undefined,
1637
+ "highContrastLight": undefined,
1638
+ "light": "#0078D4",
1639
+ },
1816
1640
  },
1817
- },
1818
- "shadow4": Object {
1819
- "ambient": Object {
1820
- "blur": 2,
1821
- "color": "#0000003d",
1822
- "x": 0,
1823
- "y": 0,
1641
+ "ghostFocusedIcon": {
1642
+ "dynamic": {
1643
+ "dark": "#1890F1",
1644
+ "highContrastDark": undefined,
1645
+ "highContrastLight": undefined,
1646
+ "light": "#0078D4",
1647
+ },
1824
1648
  },
1825
- "key": Object {
1826
- "blur": 4,
1827
- "color": "#00000047",
1828
- "x": 0,
1829
- "y": 2,
1649
+ "ghostFocusedSecondaryContent": {
1650
+ "dynamic": {
1651
+ "dark": "#1890F1",
1652
+ "highContrastDark": undefined,
1653
+ "highContrastLight": undefined,
1654
+ "light": "#0078D4",
1655
+ },
1830
1656
  },
1831
- },
1832
- "shadow4brand": Object {
1833
- "ambient": Object {
1834
- "blur": 2,
1835
- "color": "#0000004d",
1836
- "x": 0,
1837
- "y": 0,
1657
+ "ghostHoveredBackground": "transparent",
1658
+ "ghostHoveredBorder": "transparent",
1659
+ "ghostHoveredContent": {
1660
+ "dynamic": {
1661
+ "dark": "#1890F1",
1662
+ "highContrastDark": undefined,
1663
+ "highContrastLight": undefined,
1664
+ "light": "#0078D4",
1665
+ },
1838
1666
  },
1839
- "key": Object {
1840
- "blur": 4,
1841
- "color": "#00000040",
1842
- "x": 0,
1843
- "y": 2,
1667
+ "ghostHoveredIcon": {
1668
+ "dynamic": {
1669
+ "dark": "#1890F1",
1670
+ "highContrastDark": undefined,
1671
+ "highContrastLight": undefined,
1672
+ "light": "#0078D4",
1673
+ },
1844
1674
  },
1845
- },
1846
- "shadow64": Object {
1847
- "ambient": Object {
1848
- "blur": 8,
1849
- "color": "#00000066",
1850
- "x": 0,
1851
- "y": 0,
1675
+ "ghostHoveredSecondaryContent": {
1676
+ "dynamic": {
1677
+ "dark": "#1890F1",
1678
+ "highContrastDark": undefined,
1679
+ "highContrastLight": undefined,
1680
+ "light": "#0078D4",
1681
+ },
1852
1682
  },
1853
- "key": Object {
1854
- "blur": 64,
1855
- "color": "#0000007a",
1856
- "x": 0,
1857
- "y": 32,
1683
+ "ghostIcon": {
1684
+ "dynamic": {
1685
+ "dark": "#1890F1",
1686
+ "highContrastDark": undefined,
1687
+ "highContrastLight": undefined,
1688
+ "light": "#0078D4",
1689
+ },
1858
1690
  },
1859
- },
1860
- "shadow64brand": Object {
1861
- "ambient": Object {
1862
- "blur": 8,
1863
- "color": "#0000004d",
1864
- "x": 0,
1865
- "y": 0,
1691
+ "ghostPressedBackground": "transparent",
1692
+ "ghostPressedBorder": "transparent",
1693
+ "ghostPressedContent": "#004578",
1694
+ "ghostPressedIcon": "#616161",
1695
+ "ghostPressedSecondaryContent": {
1696
+ "colorWithSystemEffect": {
1697
+ "baseColor": {
1698
+ "dynamic": {
1699
+ "dark": "#1890F1",
1700
+ "highContrastDark": undefined,
1701
+ "highContrastLight": undefined,
1702
+ "light": "#0078D4",
1703
+ },
1704
+ },
1705
+ "systemEffect": "deepPressed",
1706
+ },
1866
1707
  },
1867
- "key": Object {
1868
- "blur": 64,
1869
- "color": "#00000040",
1870
- "x": 0,
1871
- "y": 32,
1708
+ "ghostSecondaryContent": {
1709
+ "dynamic": {
1710
+ "dark": "#1890F1",
1711
+ "highContrastDark": undefined,
1712
+ "highContrastLight": undefined,
1713
+ "light": "#0078D4",
1714
+ },
1872
1715
  },
1873
- },
1874
- "shadow8": Object {
1875
- "ambient": Object {
1876
- "blur": 2,
1877
- "color": "#0000003d",
1878
- "x": 0,
1879
- "y": 0,
1716
+ "inputBackground": {
1717
+ "semantic": [
1718
+ "textBackgroundColor",
1719
+ ],
1880
1720
  },
1881
- "key": Object {
1882
- "blur": 8,
1883
- "color": "#00000047",
1884
- "x": 0,
1885
- "y": 4,
1721
+ "inputBackgroundChecked": {
1722
+ "semantic": [
1723
+ "textBackgroundColor",
1724
+ ],
1886
1725
  },
1887
- },
1888
- "shadow8brand": Object {
1889
- "ambient": Object {
1890
- "blur": 2,
1891
- "color": "#0000004d",
1892
- "x": 0,
1893
- "y": 0,
1726
+ "inputBackgroundCheckedHovered": {
1727
+ "semantic": [
1728
+ "textBackgroundColor",
1729
+ ],
1894
1730
  },
1895
- "key": Object {
1896
- "blur": 8,
1897
- "color": "#00000040",
1898
- "x": 0,
1899
- "y": 4,
1731
+ "inputBorder": {
1732
+ "semantic": [
1733
+ "separatorColor",
1734
+ ],
1900
1735
  },
1901
- },
1902
- }
1903
- `;
1904
-
1905
- exports[`createMacOSShadowAliasTokens test mode: light, isHighContrast: false 1`] = `
1906
- Object {
1907
- "shadow16": Object {
1908
- "ambient": Object {
1909
- "blur": 2,
1910
- "color": "#0000001f",
1911
- "x": 0,
1912
- "y": 0,
1736
+ "inputBorderHovered": {
1737
+ "semantic": [
1738
+ "separatorColor",
1739
+ ],
1913
1740
  },
1914
- "key": Object {
1915
- "blur": 16,
1916
- "color": "#00000024",
1917
- "x": 0,
1918
- "y": 8,
1741
+ "inputFocusBorderAlt": {
1742
+ "semantic": [
1743
+ "keyboardFocusIndicatorColor",
1744
+ ],
1919
1745
  },
1920
- },
1921
- "shadow16brand": Object {
1922
- "ambient": Object {
1923
- "blur": 2,
1924
- "color": "#0000004d",
1925
- "x": 0,
1926
- "y": 0,
1746
+ "inputForegroundChecked": {
1747
+ "dynamic": {
1748
+ "dark": "#1890F1",
1749
+ "highContrastDark": undefined,
1750
+ "highContrastLight": undefined,
1751
+ "light": "#0078D4",
1752
+ },
1927
1753
  },
1928
- "key": Object {
1929
- "blur": 16,
1930
- "color": "#00000040",
1931
- "x": 0,
1932
- "y": 8,
1754
+ "inputPlaceholderText": {
1755
+ "semantic": [
1756
+ "placeholderTextColor",
1757
+ ],
1933
1758
  },
1934
- },
1935
- "shadow2": Object {
1936
- "ambient": Object {
1937
- "blur": 2,
1938
- "color": "#0000001f",
1939
- "x": 0,
1940
- "y": 0,
1759
+ "inputText": {
1760
+ "semantic": [
1761
+ "textColor",
1762
+ ],
1941
1763
  },
1942
- "key": Object {
1943
- "blur": 2,
1944
- "color": "#00000024",
1945
- "x": 0,
1946
- "y": 1,
1764
+ "inputTextHovered": {
1765
+ "semantic": [
1766
+ "textColor",
1767
+ ],
1947
1768
  },
1948
- },
1949
- "shadow28": Object {
1950
- "ambient": Object {
1951
- "blur": 8,
1952
- "color": "#00000033",
1953
- "x": 0,
1954
- "y": 0,
1769
+ "link": {
1770
+ "semantic": [
1771
+ "linkColor",
1772
+ ],
1955
1773
  },
1956
- "key": Object {
1957
- "blur": 28,
1958
- "color": "#0000003d",
1959
- "x": 0,
1960
- "y": 14,
1774
+ "linkHovered": {
1775
+ "semantic": [
1776
+ "linkColor",
1777
+ ],
1961
1778
  },
1962
- },
1963
- "shadow28brand": Object {
1964
- "ambient": Object {
1965
- "blur": 8,
1966
- "color": "#0000004d",
1967
- "x": 0,
1968
- "y": 0,
1779
+ "linkPressed": {
1780
+ "semantic": [
1781
+ "selectedControlColor",
1782
+ ],
1969
1783
  },
1970
- "key": Object {
1971
- "blur": 28,
1972
- "color": "#00000040",
1973
- "x": 0,
1974
- "y": 14,
1784
+ "listBackground": "transparent",
1785
+ "listHeaderBackgroundHovered": {
1786
+ "semantic": [
1787
+ "headerTextColor",
1788
+ ],
1975
1789
  },
1976
- },
1977
- "shadow2brand": Object {
1978
- "ambient": Object {
1979
- "blur": 2,
1980
- "color": "#0000004d",
1981
- "x": 0,
1982
- "y": 0,
1790
+ "listHeaderBackgroundPressed": {
1791
+ "semantic": [
1792
+ "headerTextColor",
1793
+ ],
1983
1794
  },
1984
- "key": Object {
1985
- "blur": 2,
1986
- "color": "#00000040",
1987
- "x": 0,
1988
- "y": 1,
1795
+ "listItemBackgroundChecked": "transparent",
1796
+ "listItemBackgroundCheckedHovered": "transparent",
1797
+ "listItemBackgroundHovered": "transparent",
1798
+ "listText": {
1799
+ "semantic": [
1800
+ "labelColor",
1801
+ ],
1989
1802
  },
1990
- },
1991
- "shadow4": Object {
1992
- "ambient": Object {
1993
- "blur": 2,
1994
- "color": "#0000001f",
1995
- "x": 0,
1996
- "y": 0,
1803
+ "menuBackground": "transparent",
1804
+ "menuDivider": {
1805
+ "semantic": [
1806
+ "separatorColor",
1807
+ ],
1997
1808
  },
1998
- "key": Object {
1999
- "blur": 4,
2000
- "color": "#00000024",
2001
- "x": 0,
2002
- "y": 2,
1809
+ "menuHeader": {
1810
+ "semantic": [
1811
+ "headerTextColor",
1812
+ ],
2003
1813
  },
2004
- },
2005
- "shadow4brand": Object {
2006
- "ambient": Object {
2007
- "blur": 2,
2008
- "color": "#0000004d",
2009
- "x": 0,
2010
- "y": 0,
1814
+ "menuIcon": "#616161",
1815
+ "menuItemBackgroundHovered": {
1816
+ "semantic": [
1817
+ "controlAccentColor",
1818
+ ],
2011
1819
  },
2012
- "key": Object {
2013
- "blur": 4,
2014
- "color": "#00000040",
2015
- "x": 0,
2016
- "y": 2,
1820
+ "menuItemBackgroundPressed": {
1821
+ "colorWithSystemEffect": {
1822
+ "baseColor": {
1823
+ "semantic": [
1824
+ "controlAccentColor",
1825
+ ],
1826
+ },
1827
+ "systemEffect": "pressed",
1828
+ },
2017
1829
  },
2018
- },
2019
- "shadow64": Object {
2020
- "ambient": Object {
2021
- "blur": 8,
2022
- "color": "#00000033",
2023
- "x": 0,
2024
- "y": 0,
1830
+ "menuItemText": {
1831
+ "semantic": [
1832
+ "labelColor",
1833
+ ],
1834
+ },
1835
+ "menuItemTextHovered": "white",
1836
+ "neutralBackground1": "#ffffff",
1837
+ "neutralBackground1Hover": "#f5f5f5",
1838
+ "neutralBackground1Pressed": "#ebebeb",
1839
+ "neutralBackground1Selected": "#ebebeb",
1840
+ "neutralBackground2": "#ffffff",
1841
+ "neutralBackground2Hover": "#f0f0f0",
1842
+ "neutralBackground2Pressed": "#ebebeb",
1843
+ "neutralBackground2Selected": "#e6e6e6",
1844
+ "neutralBackground3": "#f5f5f5",
1845
+ "neutralBackground3Hover": "#ebebeb",
1846
+ "neutralBackground3Pressed": "#d6d6d6",
1847
+ "neutralBackground3Selected": "#e0e0e0",
1848
+ "neutralBackground4": "#f0f0f0",
1849
+ "neutralBackground4Hover": "#fafafa",
1850
+ "neutralBackground4Pressed": "#f5f5f5",
1851
+ "neutralBackground4Selected": "#ffffff",
1852
+ "neutralBackground5": "#ebebeb",
1853
+ "neutralBackground5Hover": "#f5f5f5",
1854
+ "neutralBackground5Pressed": "#f0f0f0",
1855
+ "neutralBackground5Selected": "#fafafa",
1856
+ "neutralBackground6": "#e6e6e6",
1857
+ "neutralBackgroundDisabled": "#f0f0f0",
1858
+ "neutralBackgroundInverted": "#616161",
1859
+ "neutralForeground1": "#242424",
1860
+ "neutralForeground1Hover": "#242424",
1861
+ "neutralForeground1Pressed": "#242424",
1862
+ "neutralForeground1Selected": "#242424",
1863
+ "neutralForeground2": "#000000",
1864
+ "neutralForeground2BrandHover": "#106ebe",
1865
+ "neutralForeground2BrandPressed": "#004578",
1866
+ "neutralForeground2BrandSelected": "#005a9e",
1867
+ "neutralForeground2Hover": "#242424",
1868
+ "neutralForeground2Pressed": "#242424",
1869
+ "neutralForeground2Selected": "#242424",
1870
+ "neutralForeground3": "#616161",
1871
+ "neutralForeground3BrandHover": "#106ebe",
1872
+ "neutralForeground3BrandPressed": "#004578",
1873
+ "neutralForeground3BrandSelected": "#005a9e",
1874
+ "neutralForeground3Hover": "#424242",
1875
+ "neutralForeground3Pressed": "#424242",
1876
+ "neutralForeground3Selected": "#424242",
1877
+ "neutralForeground4": "#808080",
1878
+ "neutralForegroundDisabled": "#757575",
1879
+ "neutralForegroundInverted": "#ffffff",
1880
+ "neutralForegroundInvertedLink": "#ffffff",
1881
+ "neutralForegroundInvertedLinkHover": "#ffffff",
1882
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
1883
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
1884
+ "neutralForegroundOnBrand": "#ffffff",
1885
+ "neutralForegroundOnBrandHover": "#ffffff",
1886
+ "neutralForegroundOnBrandPressed": "#ffffff",
1887
+ "neutralForegroundOnBrandSelected": "#ffffff",
1888
+ "neutralStencil1": "#e6e6e6",
1889
+ "neutralStencil2": "#fafafa",
1890
+ "neutralStroke1": "#f0f0f0",
1891
+ "neutralStroke1Hover": "#c7c7c7",
1892
+ "neutralStroke1Pressed": "#b3b3b3",
1893
+ "neutralStroke1Selected": "#bdbdbd",
1894
+ "neutralStroke2": "#d6d6d6",
1895
+ "neutralStroke3": "#f0f0f0",
1896
+ "neutralStrokeAccessible": "#616161",
1897
+ "neutralStrokeAccessibleHover": "#575757",
1898
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
1899
+ "neutralStrokeAccessibleSelected": "#0078d4",
1900
+ "neutralStrokeDisabled": "#e0e0e0",
1901
+ "personaActivityGlow": "#D13438",
1902
+ "personaActivityRing": "#ffffff",
1903
+ "primaryButtonBackground": {
1904
+ "dynamic": {
1905
+ "dark": "#1890F1",
1906
+ "highContrastDark": undefined,
1907
+ "highContrastLight": undefined,
1908
+ "light": "#0078D4",
1909
+ },
2025
1910
  },
2026
- "key": Object {
2027
- "blur": 64,
2028
- "color": "#0000003d",
2029
- "x": 0,
2030
- "y": 32,
1911
+ "primaryButtonBackgroundDisabled": "#f0f0f0",
1912
+ "primaryButtonBackgroundHovered": {
1913
+ "dynamic": {
1914
+ "dark": "#1890F1",
1915
+ "highContrastDark": undefined,
1916
+ "highContrastLight": undefined,
1917
+ "light": "#0078D4",
1918
+ },
2031
1919
  },
2032
- },
2033
- "shadow64brand": Object {
2034
- "ambient": Object {
2035
- "blur": 8,
2036
- "color": "#0000004d",
2037
- "x": 0,
2038
- "y": 0,
1920
+ "primaryButtonBackgroundPressed": "#106ebe",
1921
+ "primaryButtonBorder": "transparent",
1922
+ "primaryButtonBorderFocused": "transparent",
1923
+ "primaryButtonText": "#ffffff",
1924
+ "primaryButtonTextDisabled": "#757575",
1925
+ "primaryButtonTextHovered": "#ffffff",
1926
+ "primaryButtonTextPressed": "#ffffff",
1927
+ "smallInputBorder": {
1928
+ "semantic": [
1929
+ "separatorColor",
1930
+ ],
2039
1931
  },
2040
- "key": Object {
2041
- "blur": 64,
2042
- "color": "#00000040",
2043
- "x": 0,
2044
- "y": 32,
1932
+ "strokeFocus1": "#ffffff",
1933
+ "strokeFocus2": "#000000",
1934
+ "subText": {
1935
+ "semantic": [
1936
+ "secondaryLabelColor",
1937
+ ],
2045
1938
  },
2046
- },
2047
- "shadow8": Object {
2048
- "ambient": Object {
2049
- "blur": 2,
2050
- "color": "#0000001f",
2051
- "x": 0,
2052
- "y": 0,
1939
+ "subtleBackground": "#00000000",
1940
+ "subtleBackgroundHover": "#f5f5f5",
1941
+ "subtleBackgroundPressed": "#e0e0e0",
1942
+ "subtleBackgroundSelected": "#ebebeb",
1943
+ "successBackground": {
1944
+ "dynamic": {
1945
+ "dark": "#0D9D3D",
1946
+ "highContrastDark": undefined,
1947
+ "highContrastLight": undefined,
1948
+ "light": "#27AC22",
1949
+ },
2053
1950
  },
2054
- "key": Object {
2055
- "blur": 8,
2056
- "color": "#00000024",
2057
- "x": 0,
2058
- "y": 4,
1951
+ "transparentBackground": "#00000000",
1952
+ "transparentBackgroundHover": "#00000000",
1953
+ "transparentBackgroundPressed": "#00000000",
1954
+ "transparentBackgroundSelected": "#00000000",
1955
+ "transparentStroke": "#00000000",
1956
+ "transparentStrokeDisabled": "#00000000",
1957
+ "transparentStrokeInteractive": "#00000000",
1958
+ "variantBorder": {
1959
+ "semantic": [
1960
+ "separatorColor",
1961
+ ],
2059
1962
  },
2060
- },
2061
- "shadow8brand": Object {
2062
- "ambient": Object {
2063
- "blur": 2,
2064
- "color": "#0000004d",
2065
- "x": 0,
2066
- "y": 0,
1963
+ "variantBorderHovered": {
1964
+ "semantic": [
1965
+ "separatorColor",
1966
+ ],
2067
1967
  },
2068
- "key": Object {
2069
- "blur": 8,
2070
- "color": "#00000040",
2071
- "x": 0,
2072
- "y": 4,
1968
+ "warningBackground": {
1969
+ "dynamic": {
1970
+ "dark": "#FFC328",
1971
+ "highContrastDark": undefined,
1972
+ "highContrastLight": undefined,
1973
+ "light": "#FFD335",
1974
+ },
2073
1975
  },
2074
- },
2075
- }
2076
- `;
2077
-
2078
- exports[`createMacOSShadowAliasTokens test mode: light, isHighContrast: true 1`] = `
2079
- Object {
2080
- "shadow16": Object {
2081
- "ambient": Object {
2082
- "blur": 2,
2083
- "color": "#0000003d",
2084
- "x": 0,
2085
- "y": 0,
1976
+ "warningHighlight": {
1977
+ "dynamic": {
1978
+ "dark": "#E0AB24",
1979
+ "highContrastDark": undefined,
1980
+ "highContrastLight": undefined,
1981
+ "light": "#FFD94E",
1982
+ },
2086
1983
  },
2087
- "key": Object {
2088
- "blur": 16,
2089
- "color": "#00000047",
2090
- "x": 0,
2091
- "y": 8,
1984
+ "warningText": {
1985
+ "dynamic": {
1986
+ "dark": "#FFC328",
1987
+ "highContrastDark": undefined,
1988
+ "highContrastLight": undefined,
1989
+ "light": "#FFD335",
1990
+ },
2092
1991
  },
2093
1992
  },
2094
- "shadow16brand": Object {
2095
- "ambient": Object {
2096
- "blur": 2,
2097
- "color": "#0000004d",
2098
- "x": 0,
2099
- "y": 0,
2100
- },
2101
- "key": Object {
2102
- "blur": 16,
2103
- "color": "#00000040",
2104
- "x": 0,
2105
- "y": 8,
1993
+ "components": {
1994
+ "Button": {
1995
+ "content": {
1996
+ "fontSize": 15,
1997
+ },
1998
+ "icon": {
1999
+ "style": {
2000
+ "marginEnd": 10,
2001
+ },
2002
+ },
2003
+ "root": {
2004
+ "style": {
2005
+ "margin": 8,
2006
+ },
2007
+ },
2008
+ "stack": {
2009
+ "style": {
2010
+ "minHeight": 28,
2011
+ "paddingVertical": 4.5,
2012
+ },
2013
+ },
2014
+ "tokens": {
2015
+ "borderRadius": 6,
2016
+ "borderWidth": 1,
2017
+ "minHeight": 28,
2018
+ "minWidth": 72,
2019
+ },
2106
2020
  },
2107
- },
2108
- "shadow2": Object {
2109
- "ambient": Object {
2110
- "blur": 2,
2111
- "color": "#0000003d",
2112
- "x": 0,
2113
- "y": 0,
2021
+ "Checkbox": {
2022
+ "_precedence": [
2023
+ "disabled",
2024
+ "boxAtEnd",
2025
+ "checked",
2026
+ ],
2027
+ "checkbox": {
2028
+ "style": {
2029
+ "borderRadius": 3,
2030
+ "borderStyle": "solid",
2031
+ "borderWidth": 0.5,
2032
+ "marginEnd": 5,
2033
+ "minHeight": 14,
2034
+ "minWidth": 14,
2035
+ },
2036
+ },
2037
+ "checkmarkIcon": {
2038
+ "height": 10,
2039
+ "style": {
2040
+ "marginHorizontal": 2,
2041
+ "marginVertical": 2,
2042
+ },
2043
+ "width": 10,
2044
+ },
2114
2045
  },
2115
- "key": Object {
2116
- "blur": 2,
2117
- "color": "#00000047",
2118
- "x": 0,
2119
- "y": 1,
2046
+ "RNFText": {
2047
+ "tokens": {
2048
+ "variant": "bodyStandard",
2049
+ },
2120
2050
  },
2121
2051
  },
2122
- "shadow28": Object {
2123
- "ambient": Object {
2124
- "blur": 8,
2125
- "color": "#00000066",
2126
- "x": 0,
2127
- "y": 0,
2128
- },
2129
- "key": Object {
2130
- "blur": 28,
2131
- "color": "#0000007a",
2132
- "x": 0,
2133
- "y": 14,
2134
- },
2052
+ "host": {
2053
+ "appearance": "dynamic",
2135
2054
  },
2136
- "shadow28brand": Object {
2137
- "ambient": Object {
2138
- "blur": 8,
2139
- "color": "#0000004d",
2140
- "x": 0,
2141
- "y": 0,
2055
+ "shadows": {
2056
+ "shadow16": {
2057
+ "ambient": {
2058
+ "blur": 2,
2059
+ "color": "#0000001f",
2060
+ "x": 0,
2061
+ "y": 0,
2062
+ },
2063
+ "key": {
2064
+ "blur": 16,
2065
+ "color": "#00000024",
2066
+ "x": 0,
2067
+ "y": 8,
2068
+ },
2142
2069
  },
2143
- "key": Object {
2144
- "blur": 28,
2145
- "color": "#00000040",
2146
- "x": 0,
2147
- "y": 14,
2070
+ "shadow16brand": {
2071
+ "ambient": {
2072
+ "blur": 2,
2073
+ "color": "#0000004d",
2074
+ "x": 0,
2075
+ "y": 0,
2076
+ },
2077
+ "key": {
2078
+ "blur": 16,
2079
+ "color": "#00000040",
2080
+ "x": 0,
2081
+ "y": 8,
2082
+ },
2148
2083
  },
2149
- },
2150
- "shadow2brand": Object {
2151
- "ambient": Object {
2152
- "blur": 2,
2153
- "color": "#0000004d",
2154
- "x": 0,
2155
- "y": 0,
2084
+ "shadow2": {
2085
+ "ambient": {
2086
+ "blur": 2,
2087
+ "color": "#0000001f",
2088
+ "x": 0,
2089
+ "y": 0,
2090
+ },
2091
+ "key": {
2092
+ "blur": 2,
2093
+ "color": "#00000024",
2094
+ "x": 0,
2095
+ "y": 1,
2096
+ },
2156
2097
  },
2157
- "key": Object {
2158
- "blur": 2,
2159
- "color": "#00000040",
2160
- "x": 0,
2161
- "y": 1,
2098
+ "shadow28": {
2099
+ "ambient": {
2100
+ "blur": 8,
2101
+ "color": "#00000033",
2102
+ "x": 0,
2103
+ "y": 0,
2104
+ },
2105
+ "key": {
2106
+ "blur": 28,
2107
+ "color": "#0000003d",
2108
+ "x": 0,
2109
+ "y": 14,
2110
+ },
2162
2111
  },
2163
- },
2164
- "shadow4": Object {
2165
- "ambient": Object {
2166
- "blur": 2,
2167
- "color": "#0000003d",
2168
- "x": 0,
2169
- "y": 0,
2112
+ "shadow28brand": {
2113
+ "ambient": {
2114
+ "blur": 8,
2115
+ "color": "#0000004d",
2116
+ "x": 0,
2117
+ "y": 0,
2118
+ },
2119
+ "key": {
2120
+ "blur": 28,
2121
+ "color": "#00000040",
2122
+ "x": 0,
2123
+ "y": 14,
2124
+ },
2170
2125
  },
2171
- "key": Object {
2172
- "blur": 4,
2173
- "color": "#00000047",
2174
- "x": 0,
2175
- "y": 2,
2126
+ "shadow2brand": {
2127
+ "ambient": {
2128
+ "blur": 2,
2129
+ "color": "#0000004d",
2130
+ "x": 0,
2131
+ "y": 0,
2132
+ },
2133
+ "key": {
2134
+ "blur": 2,
2135
+ "color": "#00000040",
2136
+ "x": 0,
2137
+ "y": 1,
2138
+ },
2176
2139
  },
2177
- },
2178
- "shadow4brand": Object {
2179
- "ambient": Object {
2180
- "blur": 2,
2181
- "color": "#0000004d",
2182
- "x": 0,
2183
- "y": 0,
2140
+ "shadow4": {
2141
+ "ambient": {
2142
+ "blur": 2,
2143
+ "color": "#0000001f",
2144
+ "x": 0,
2145
+ "y": 0,
2146
+ },
2147
+ "key": {
2148
+ "blur": 4,
2149
+ "color": "#00000024",
2150
+ "x": 0,
2151
+ "y": 2,
2152
+ },
2184
2153
  },
2185
- "key": Object {
2186
- "blur": 4,
2187
- "color": "#00000040",
2188
- "x": 0,
2189
- "y": 2,
2154
+ "shadow4brand": {
2155
+ "ambient": {
2156
+ "blur": 2,
2157
+ "color": "#0000004d",
2158
+ "x": 0,
2159
+ "y": 0,
2160
+ },
2161
+ "key": {
2162
+ "blur": 4,
2163
+ "color": "#00000040",
2164
+ "x": 0,
2165
+ "y": 2,
2166
+ },
2190
2167
  },
2191
- },
2192
- "shadow64": Object {
2193
- "ambient": Object {
2194
- "blur": 8,
2195
- "color": "#00000066",
2196
- "x": 0,
2197
- "y": 0,
2168
+ "shadow64": {
2169
+ "ambient": {
2170
+ "blur": 8,
2171
+ "color": "#00000033",
2172
+ "x": 0,
2173
+ "y": 0,
2174
+ },
2175
+ "key": {
2176
+ "blur": 64,
2177
+ "color": "#0000003d",
2178
+ "x": 0,
2179
+ "y": 32,
2180
+ },
2198
2181
  },
2199
- "key": Object {
2200
- "blur": 64,
2201
- "color": "#0000007a",
2202
- "x": 0,
2203
- "y": 32,
2182
+ "shadow64brand": {
2183
+ "ambient": {
2184
+ "blur": 8,
2185
+ "color": "#0000004d",
2186
+ "x": 0,
2187
+ "y": 0,
2188
+ },
2189
+ "key": {
2190
+ "blur": 64,
2191
+ "color": "#00000040",
2192
+ "x": 0,
2193
+ "y": 32,
2194
+ },
2204
2195
  },
2205
- },
2206
- "shadow64brand": Object {
2207
- "ambient": Object {
2208
- "blur": 8,
2209
- "color": "#0000004d",
2210
- "x": 0,
2211
- "y": 0,
2196
+ "shadow8": {
2197
+ "ambient": {
2198
+ "blur": 2,
2199
+ "color": "#0000001f",
2200
+ "x": 0,
2201
+ "y": 0,
2202
+ },
2203
+ "key": {
2204
+ "blur": 8,
2205
+ "color": "#00000024",
2206
+ "x": 0,
2207
+ "y": 4,
2208
+ },
2212
2209
  },
2213
- "key": Object {
2214
- "blur": 64,
2215
- "color": "#00000040",
2216
- "x": 0,
2217
- "y": 32,
2210
+ "shadow8brand": {
2211
+ "ambient": {
2212
+ "blur": 2,
2213
+ "color": "#0000004d",
2214
+ "x": 0,
2215
+ "y": 0,
2216
+ },
2217
+ "key": {
2218
+ "blur": 8,
2219
+ "color": "#00000040",
2220
+ "x": 0,
2221
+ "y": 4,
2222
+ },
2218
2223
  },
2219
2224
  },
2220
- "shadow8": Object {
2221
- "ambient": Object {
2222
- "blur": 2,
2223
- "color": "#0000003d",
2224
- "x": 0,
2225
- "y": 0,
2225
+ "spacing": {
2226
+ "l1": "20px",
2227
+ "l2": "24px",
2228
+ "m": "16px",
2229
+ "s1": "12px",
2230
+ "s2": "8px",
2231
+ },
2232
+ "typography": {
2233
+ "families": {
2234
+ "cursive": "System",
2235
+ "monospace": "System",
2236
+ "numeric": "System",
2237
+ "primary": "System",
2238
+ "sansSerif": "System",
2239
+ "secondary": "System",
2240
+ "serif": "System",
2226
2241
  },
2227
- "key": Object {
2228
- "blur": 8,
2229
- "color": "#00000047",
2230
- "x": 0,
2231
- "y": 4,
2242
+ "sizes": {
2243
+ "body": 13,
2244
+ "caption": 10,
2245
+ "header": 20,
2246
+ "hero": 22,
2247
+ "heroLarge": 26,
2248
+ "secondary": 11,
2249
+ "subheader": 16,
2232
2250
  },
2233
- },
2234
- "shadow8brand": Object {
2235
- "ambient": Object {
2236
- "blur": 2,
2237
- "color": "#0000004d",
2238
- "x": 0,
2239
- "y": 0,
2251
+ "variants": {
2252
+ "body1": {
2253
+ "face": "primary",
2254
+ "size": "secondary",
2255
+ "weight": "400",
2256
+ },
2257
+ "body1Strong": {
2258
+ "face": "primary",
2259
+ "size": "secondary",
2260
+ "weight": "600",
2261
+ },
2262
+ "body2": {
2263
+ "face": "primary",
2264
+ "size": "body",
2265
+ "weight": "400",
2266
+ },
2267
+ "body2Strong": {
2268
+ "face": "primary",
2269
+ "size": "body",
2270
+ "weight": "600",
2271
+ },
2272
+ "bodySemibold": {
2273
+ "face": "primary",
2274
+ "size": "body",
2275
+ "weight": "600",
2276
+ },
2277
+ "bodyStandard": {
2278
+ "face": "primary",
2279
+ "size": "body",
2280
+ "weight": "400",
2281
+ },
2282
+ "caption1": {
2283
+ "face": "primary",
2284
+ "size": "caption",
2285
+ "weight": "500",
2286
+ },
2287
+ "captionStandard": {
2288
+ "face": "primary",
2289
+ "size": "caption",
2290
+ "weight": "500",
2291
+ },
2292
+ "display": {
2293
+ "face": "primary",
2294
+ "size": "heroLarge",
2295
+ "weight": "700",
2296
+ },
2297
+ "headerSemibold": {
2298
+ "face": "primary",
2299
+ "size": "header",
2300
+ "weight": "800",
2301
+ },
2302
+ "headerStandard": {
2303
+ "face": "primary",
2304
+ "size": "header",
2305
+ "weight": "700",
2306
+ },
2307
+ "heroLargeSemibold": {
2308
+ "face": "primary",
2309
+ "size": "heroLarge",
2310
+ "weight": "700",
2311
+ },
2312
+ "heroLargeStandard": {
2313
+ "face": "primary",
2314
+ "size": "heroLarge",
2315
+ "weight": "400",
2316
+ },
2317
+ "heroSemibold": {
2318
+ "face": "primary",
2319
+ "size": "hero",
2320
+ "weight": "700",
2321
+ },
2322
+ "heroStandard": {
2323
+ "face": "primary",
2324
+ "size": "hero",
2325
+ "weight": "400",
2326
+ },
2327
+ "largeTitle": {
2328
+ "face": "primary",
2329
+ "size": "heroLarge",
2330
+ "weight": "400",
2331
+ },
2332
+ "secondarySemibold": {
2333
+ "face": "primary",
2334
+ "size": "secondary",
2335
+ "weight": "600",
2336
+ },
2337
+ "secondaryStandard": {
2338
+ "face": "primary",
2339
+ "size": "secondary",
2340
+ "weight": "400",
2341
+ },
2342
+ "subheaderSemibold": {
2343
+ "face": "primary",
2344
+ "size": "subheader",
2345
+ "weight": "600",
2346
+ },
2347
+ "subheaderStandard": {
2348
+ "face": "primary",
2349
+ "size": "subheader",
2350
+ "weight": "400",
2351
+ },
2352
+ "subtitle1": {
2353
+ "face": "primary",
2354
+ "size": "header",
2355
+ "weight": "700",
2356
+ },
2357
+ "subtitle1Strong": {
2358
+ "face": "primary",
2359
+ "size": "header",
2360
+ "weight": "800",
2361
+ },
2362
+ "subtitle2": {
2363
+ "face": "primary",
2364
+ "size": "subheader",
2365
+ "weight": "400",
2366
+ },
2367
+ "subtitle2Strong": {
2368
+ "face": "primary",
2369
+ "size": "subheader",
2370
+ "weight": "600",
2371
+ },
2372
+ "title1": {
2373
+ "face": "primary",
2374
+ "size": "hero",
2375
+ "weight": "400",
2376
+ },
2377
+ "title1Strong": {
2378
+ "face": "primary",
2379
+ "size": "hero",
2380
+ "weight": "700",
2381
+ },
2240
2382
  },
2241
- "key": Object {
2242
- "blur": 8,
2243
- "color": "#00000040",
2244
- "x": 0,
2245
- "y": 4,
2383
+ "weights": {
2384
+ "black": "900",
2385
+ "bold": "700",
2386
+ "heavy": "800",
2387
+ "light": "300",
2388
+ "medium": "500",
2389
+ "regular": "400",
2390
+ "semiBold": "600",
2391
+ "thin": "200",
2392
+ "ultralight": "100",
2246
2393
  },
2247
2394
  },
2248
2395
  }