@fluentui-react-native/apple-theme 0.20.2 → 0.21.1

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 +73 -1
  2. package/CHANGELOG.md +25 -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 -0
  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 -0
  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 +16 -17
  20. package/src/__tests__/__snapshots__/apple-theme.test.ts.snap +1960 -1960
  21. package/src/__tests__/apple-theme.test.ts +19 -4
  22. package/src/appleColors.macos.ts +2 -0
  23. package/src/createAppleTheme.macos.ts +4 -0
package/src/__tests__/__snapshots__/apple-theme.test.ts.snap CHANGED
@@ -1,1082 +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
- "smallInputBorder": Object {
608
- "semantic": Array [
609
- "separatorColor",
610
- ],
611
- },
612
- "strokeFocus1": "#ffffff",
613
- "strokeFocus2": "#000000",
614
- "subText": Object {
615
- "semantic": Array [
616
- "secondaryLabelColor",
617
- ],
618
- },
619
- "subtleBackground": "#00000000",
620
- "subtleBackgroundHover": "#f5f5f5",
621
- "subtleBackgroundPressed": "#e0e0e0",
622
- "subtleBackgroundSelected": "#ebebeb",
623
- "successBackground": Object {
624
- "dynamic": Object {
625
- "dark": "#0D9D3D",
626
- "highContrastDark": undefined,
627
- "highContrastLight": undefined,
628
- "light": "#27AC22",
629
- },
630
- },
631
- "transparentBackground": "#00000000",
632
- "transparentBackgroundHover": "#00000000",
633
- "transparentBackgroundPressed": "#00000000",
634
- "transparentBackgroundSelected": "#00000000",
635
- "transparentStroke": "#00000000",
636
- "transparentStrokeDisabled": "#00000000",
637
- "transparentStrokeInteractive": "#00000000",
638
- "variantBorder": Object {
639
- "semantic": Array [
640
- "separatorColor",
641
- ],
642
- },
643
- "variantBorderHovered": Object {
644
- "semantic": Array [
645
- "separatorColor",
646
- ],
647
- },
648
- "warningBackground": Object {
649
- "dynamic": Object {
650
- "dark": "#FFC328",
651
- "highContrastDark": undefined,
652
- "highContrastLight": undefined,
653
- "light": "#FFD335",
654
- },
655
- },
656
- "warningHighlight": Object {
657
- "dynamic": Object {
658
- "dark": "#E0AB24",
659
- "highContrastDark": undefined,
660
- "highContrastLight": undefined,
661
- "light": "#FFD94E",
662
- },
663
- },
664
- "warningText": Object {
665
- "dynamic": Object {
666
- "dark": "#FFC328",
667
- "highContrastDark": undefined,
668
- "highContrastLight": undefined,
669
- "light": "#FFD335",
670
- },
671
- },
672
- },
673
- "components": Object {
674
- "Button": Object {
675
- "content": Object {
676
- "fontSize": 15,
677
- },
678
- "icon": Object {
679
- "style": Object {
680
- "marginEnd": 10,
681
- },
682
- },
683
- "root": Object {
684
- "style": Object {
685
- "margin": 8,
686
- },
687
- },
688
- "stack": Object {
689
- "style": Object {
690
- "minHeight": 28,
691
- "paddingVertical": 4.5,
692
- },
693
- },
694
- "tokens": Object {
695
- "borderRadius": 6,
696
- "borderWidth": 1,
697
- "minHeight": 28,
698
- "minWidth": 72,
699
- },
700
- },
701
- "Checkbox": Object {
702
- "_precedence": Array [
703
- "disabled",
704
- "boxAtEnd",
705
- "checked",
706
- ],
707
- "checkbox": Object {
708
- "style": Object {
709
- "borderRadius": 3,
710
- "borderStyle": "solid",
711
- "borderWidth": 0.5,
712
- "marginEnd": 5,
713
- "minHeight": 14,
714
- "minWidth": 14,
715
- },
716
- },
717
- "checkmarkIcon": Object {
718
- "height": 10,
719
- "style": Object {
720
- "marginHorizontal": 2,
721
- "marginVertical": 2,
722
- },
723
- "width": 10,
724
- },
725
- },
726
- "RNFText": Object {
727
- "tokens": Object {
728
- "variant": "bodyStandard",
729
- },
730
- },
731
- },
732
- "host": Object {
733
- "appearance": "dynamic",
734
- },
735
- "shadows": Object {
736
- "shadow16": Object {
737
- "ambient": Object {
738
- "blur": 2,
739
- "color": "#0000001f",
740
- "x": 0,
741
- "y": 0,
742
- },
743
- "key": Object {
744
- "blur": 16,
745
- "color": "#00000024",
746
- "x": 0,
747
- "y": 8,
748
- },
749
- },
750
- "shadow16brand": Object {
751
- "ambient": Object {
752
- "blur": 2,
753
- "color": "#0000004d",
754
- "x": 0,
755
- "y": 0,
756
- },
757
- "key": Object {
758
- "blur": 16,
759
- "color": "#00000040",
760
- "x": 0,
761
- "y": 8,
762
- },
763
- },
764
- "shadow2": Object {
765
- "ambient": Object {
766
- "blur": 2,
767
- "color": "#0000001f",
768
- "x": 0,
769
- "y": 0,
770
- },
771
- "key": Object {
772
- "blur": 2,
773
- "color": "#00000024",
774
- "x": 0,
775
- "y": 1,
776
- },
777
- },
778
- "shadow28": Object {
779
- "ambient": Object {
780
- "blur": 8,
781
- "color": "#00000033",
782
- "x": 0,
783
- "y": 0,
784
- },
785
- "key": Object {
786
- "blur": 28,
787
- "color": "#0000003d",
788
- "x": 0,
789
- "y": 14,
790
- },
791
- },
792
- "shadow28brand": Object {
793
- "ambient": Object {
794
- "blur": 8,
795
- "color": "#0000004d",
796
- "x": 0,
797
- "y": 0,
798
- },
799
- "key": Object {
800
- "blur": 28,
801
- "color": "#00000040",
802
- "x": 0,
803
- "y": 14,
804
- },
805
- },
806
- "shadow2brand": Object {
807
- "ambient": Object {
808
- "blur": 2,
809
- "color": "#0000004d",
810
- "x": 0,
811
- "y": 0,
812
- },
813
- "key": Object {
814
- "blur": 2,
815
- "color": "#00000040",
816
- "x": 0,
817
- "y": 1,
818
- },
819
- },
820
- "shadow4": Object {
821
- "ambient": Object {
822
- "blur": 2,
823
- "color": "#0000001f",
824
- "x": 0,
825
- "y": 0,
826
- },
827
- "key": Object {
828
- "blur": 4,
829
- "color": "#00000024",
830
- "x": 0,
831
- "y": 2,
832
- },
833
- },
834
- "shadow4brand": Object {
835
- "ambient": Object {
836
- "blur": 2,
837
- "color": "#0000004d",
838
- "x": 0,
839
- "y": 0,
840
- },
841
- "key": Object {
842
- "blur": 4,
843
- "color": "#00000040",
844
- "x": 0,
845
- "y": 2,
846
- },
847
- },
848
- "shadow64": Object {
849
- "ambient": Object {
850
- "blur": 8,
851
- "color": "#00000033",
852
- "x": 0,
853
- "y": 0,
854
- },
855
- "key": Object {
856
- "blur": 64,
857
- "color": "#0000003d",
858
- "x": 0,
859
- "y": 32,
860
- },
861
- },
862
- "shadow64brand": Object {
863
- "ambient": Object {
864
- "blur": 8,
865
- "color": "#0000004d",
866
- "x": 0,
867
- "y": 0,
868
- },
869
- "key": Object {
870
- "blur": 64,
871
- "color": "#00000040",
872
- "x": 0,
873
- "y": 32,
874
- },
875
- },
876
- "shadow8": Object {
877
- "ambient": Object {
878
- "blur": 2,
879
- "color": "#0000001f",
880
- "x": 0,
881
- "y": 0,
882
- },
883
- "key": Object {
884
- "blur": 8,
885
- "color": "#00000024",
886
- "x": 0,
887
- "y": 4,
888
- },
889
- },
890
- "shadow8brand": Object {
891
- "ambient": Object {
892
- "blur": 2,
893
- "color": "#0000004d",
894
- "x": 0,
895
- "y": 0,
896
- },
897
- "key": Object {
898
- "blur": 8,
899
- "color": "#00000040",
900
- "x": 0,
901
- "y": 4,
902
- },
903
- },
904
- },
905
- "spacing": Object {
906
- "l1": "20px",
907
- "l2": "24px",
908
- "m": "16px",
909
- "s1": "12px",
910
- "s2": "8px",
911
- },
912
- "typography": Object {
913
- "families": Object {
914
- "cursive": "System",
915
- "monospace": "System",
916
- "numeric": "System",
917
- "primary": "System",
918
- "sansSerif": "System",
919
- "secondary": "System",
920
- "serif": "System",
921
- },
922
- "sizes": Object {
923
- "body": 13,
924
- "caption": 10,
925
- "header": 20,
926
- "hero": 22,
927
- "heroLarge": 26,
928
- "secondary": 11,
929
- "subheader": 16,
930
- },
931
- "variants": Object {
932
- "body1": Object {
933
- "face": "primary",
934
- "size": "secondary",
935
- "weight": "400",
936
- },
937
- "body1Strong": Object {
938
- "face": "primary",
939
- "size": "secondary",
940
- "weight": "600",
941
- },
942
- "body2": Object {
943
- "face": "primary",
944
- "size": "body",
945
- "weight": "400",
946
- },
947
- "body2Strong": Object {
948
- "face": "primary",
949
- "size": "body",
950
- "weight": "600",
951
- },
952
- "bodySemibold": Object {
953
- "face": "primary",
954
- "size": "body",
955
- "weight": "600",
956
- },
957
- "bodyStandard": Object {
958
- "face": "primary",
959
- "size": "body",
960
- "weight": "400",
961
- },
962
- "caption1": Object {
963
- "face": "primary",
964
- "size": "caption",
965
- "weight": "500",
966
- },
967
- "captionStandard": Object {
968
- "face": "primary",
969
- "size": "caption",
970
- "weight": "500",
971
- },
972
- "display": Object {
973
- "face": "primary",
974
- "size": "heroLarge",
975
- "weight": "700",
976
- },
977
- "headerSemibold": Object {
978
- "face": "primary",
979
- "size": "header",
980
- "weight": "800",
981
- },
982
- "headerStandard": Object {
983
- "face": "primary",
984
- "size": "header",
985
- "weight": "700",
986
- },
987
- "heroLargeSemibold": Object {
988
- "face": "primary",
989
- "size": "heroLarge",
990
- "weight": "700",
991
- },
992
- "heroLargeStandard": Object {
993
- "face": "primary",
994
- "size": "heroLarge",
995
- "weight": "400",
996
- },
997
- "heroSemibold": Object {
998
- "face": "primary",
999
- "size": "hero",
1000
- "weight": "700",
1001
- },
1002
- "heroStandard": Object {
1003
- "face": "primary",
1004
- "size": "hero",
1005
- "weight": "400",
1006
- },
1007
- "largeTitle": Object {
1008
- "face": "primary",
1009
- "size": "heroLarge",
1010
- "weight": "400",
1011
- },
1012
- "secondarySemibold": Object {
1013
- "face": "primary",
1014
- "size": "secondary",
1015
- "weight": "600",
1016
- },
1017
- "secondaryStandard": Object {
1018
- "face": "primary",
1019
- "size": "secondary",
1020
- "weight": "400",
1021
- },
1022
- "subheaderSemibold": Object {
1023
- "face": "primary",
1024
- "size": "subheader",
1025
- "weight": "600",
1026
- },
1027
- "subheaderStandard": Object {
1028
- "face": "primary",
1029
- "size": "subheader",
1030
- "weight": "400",
1031
- },
1032
- "subtitle1": Object {
1033
- "face": "primary",
1034
- "size": "header",
1035
- "weight": "700",
1036
- },
1037
- "subtitle1Strong": Object {
1038
- "face": "primary",
1039
- "size": "header",
1040
- "weight": "800",
1041
- },
1042
- "subtitle2": Object {
1043
- "face": "primary",
1044
- "size": "subheader",
1045
- "weight": "400",
1046
- },
1047
- "subtitle2Strong": Object {
1048
- "face": "primary",
1049
- "size": "subheader",
1050
- "weight": "600",
1051
- },
1052
- "title1": Object {
1053
- "face": "primary",
1054
- "size": "hero",
1055
- "weight": "400",
1056
- },
1057
- "title1Strong": Object {
1058
- "face": "primary",
1059
- "size": "hero",
1060
- "weight": "700",
1061
- },
1062
- },
1063
- "weights": Object {
1064
- "black": "900",
1065
- "bold": "700",
1066
- "heavy": "800",
1067
- "light": "300",
1068
- "medium": "500",
1069
- "regular": "400",
1070
- "semiBold": "600",
1071
- "thin": "200",
1072
- "ultralight": "100",
1073
- },
1074
- },
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",
1075
314
  }
1076
315
  `;
1077
316
 
1078
- exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: false 1`] = `
1079
- Object {
317
+ exports[` 3`] = `
318
+ {
1080
319
  "brandBackground": "#0086f0",
1081
320
  "brandBackground2": "#092c47",
1082
321
  "brandBackgroundDisabled": "#575757",
@@ -1147,14 +386,14 @@ Object {
1147
386
  "neutralForeground2Hover": "#ffffff",
1148
387
  "neutralForeground2Pressed": "#ffffff",
1149
388
  "neutralForeground2Selected": "#ffffff",
1150
- "neutralForeground3": "#adadad",
389
+ "neutralForeground3": "#d6d6d6",
1151
390
  "neutralForeground3BrandHover": "#092c47",
1152
391
  "neutralForeground3BrandPressed": "#0078d4",
1153
392
  "neutralForeground3BrandSelected": "#092c47",
1154
393
  "neutralForeground3Hover": "#d6d6d6",
1155
394
  "neutralForeground3Pressed": "#d6d6d6",
1156
395
  "neutralForeground3Selected": "#d6d6d6",
1157
- "neutralForeground4": "#858585",
396
+ "neutralForeground4": "#d6d6d6",
1158
397
  "neutralForegroundDisabled": "#b8b8b8",
1159
398
  "neutralForegroundInverted": "#ffffff",
1160
399
  "neutralForegroundInvertedLink": "#292929",
@@ -1167,13 +406,13 @@ Object {
1167
406
  "neutralForegroundOnBrandSelected": "#ffffff",
1168
407
  "neutralStencil1": "#333333",
1169
408
  "neutralStencil2": "#575757",
1170
- "neutralStroke1": "#3d3d3d",
409
+ "neutralStroke1": "#adadad",
1171
410
  "neutralStroke1Hover": "#757575",
1172
411
  "neutralStroke1Pressed": "#6b6b6b",
1173
412
  "neutralStroke1Selected": "#707070",
1174
- "neutralStroke2": "#575757",
1175
- "neutralStroke3": "#666666",
1176
- "neutralStrokeAccessible": "#adadad",
413
+ "neutralStroke2": "#a8a8a8",
414
+ "neutralStroke3": "#adadad",
415
+ "neutralStrokeAccessible": "#d6d6d6",
1177
416
  "neutralStrokeAccessibleHover": "#bdbdbd",
1178
417
  "neutralStrokeAccessiblePressed": "#b3b3b3",
1179
418
  "neutralStrokeAccessibleSelected": "#0086f0",
@@ -1216,9 +455,9 @@ Object {
1216
455
  "transparentBackgroundHover": "#00000000",
1217
456
  "transparentBackgroundPressed": "#00000000",
1218
457
  "transparentBackgroundSelected": "#00000000",
1219
- "transparentStroke": "#00000000",
1220
- "transparentStrokeDisabled": "#00000000",
1221
- "transparentStrokeInteractive": "#00000000",
458
+ "transparentStroke": "#3aa0f3",
459
+ "transparentStrokeDisabled": "#d6d6d6",
460
+ "transparentStrokeInteractive": "#a8a8a8",
1222
461
  "warningBackground1": "#4c4400",
1223
462
  "warningBackground2": "#817400",
1224
463
  "warningBackground3": "#fde300",
@@ -1232,8 +471,8 @@ Object {
1232
471
  }
1233
472
  `;
1234
473
 
1235
- exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: true 1`] = `
1236
- Object {
474
+ exports[` 4`] = `
475
+ {
1237
476
  "brandBackground": "#0086f0",
1238
477
  "brandBackground2": "#092c47",
1239
478
  "brandBackgroundDisabled": "#575757",
@@ -1304,14 +543,14 @@ Object {
1304
543
  "neutralForeground2Hover": "#ffffff",
1305
544
  "neutralForeground2Pressed": "#ffffff",
1306
545
  "neutralForeground2Selected": "#ffffff",
1307
- "neutralForeground3": "#d6d6d6",
546
+ "neutralForeground3": "#adadad",
1308
547
  "neutralForeground3BrandHover": "#092c47",
1309
548
  "neutralForeground3BrandPressed": "#0078d4",
1310
549
  "neutralForeground3BrandSelected": "#092c47",
1311
550
  "neutralForeground3Hover": "#d6d6d6",
1312
551
  "neutralForeground3Pressed": "#d6d6d6",
1313
552
  "neutralForeground3Selected": "#d6d6d6",
1314
- "neutralForeground4": "#d6d6d6",
553
+ "neutralForeground4": "#858585",
1315
554
  "neutralForegroundDisabled": "#b8b8b8",
1316
555
  "neutralForegroundInverted": "#ffffff",
1317
556
  "neutralForegroundInvertedLink": "#292929",
@@ -1323,209 +562,52 @@ Object {
1323
562
  "neutralForegroundOnBrandPressed": "#ffffff",
1324
563
  "neutralForegroundOnBrandSelected": "#ffffff",
1325
564
  "neutralStencil1": "#333333",
1326
- "neutralStencil2": "#575757",
1327
- "neutralStroke1": "#adadad",
1328
- "neutralStroke1Hover": "#757575",
1329
- "neutralStroke1Pressed": "#6b6b6b",
1330
- "neutralStroke1Selected": "#707070",
1331
- "neutralStroke2": "#a8a8a8",
1332
- "neutralStroke3": "#adadad",
1333
- "neutralStrokeAccessible": "#d6d6d6",
1334
- "neutralStrokeAccessibleHover": "#bdbdbd",
1335
- "neutralStrokeAccessiblePressed": "#b3b3b3",
1336
- "neutralStrokeAccessibleSelected": "#0086f0",
1337
- "neutralStrokeDisabled": "#525252",
1338
- "outofofficeBackground1": "#3a1136",
1339
- "outofofficeBackground2": "#6d2064",
1340
- "outofofficeBackground3": "#c239b3",
1341
- "outofofficeBorder1": "#c239b3",
1342
- "outofofficeBorder2": "#d161c4",
1343
- "outofofficeBorderActive": "#da7ed0",
1344
- "outofofficeForeground1": "#da7ed0",
1345
- "outofofficeForeground2": "#edbbe7",
1346
- "outofofficeForeground3": "#d161c4",
1347
- "severeBackground1": "#411200",
1348
- "severeBackground2": "#7a2101",
1349
- "severeBackground3": "#da3b01",
1350
- "severeBorder1": "#da3b01",
1351
- "severeBorder2": "#e9835e",
1352
- "severeBorderActive": "#e9835e",
1353
- "severeForeground1": "#e9835e",
1354
- "severeForeground2": "#f4bfab",
1355
- "severeForeground3": "#e9835e",
1356
- "strokeFocus1": "#000000",
1357
- "strokeFocus2": "#ffffff",
1358
- "subtleBackground": "#00000000",
1359
- "subtleBackgroundHover": "#3d3d3d",
1360
- "subtleBackgroundPressed": "#1f1f1f",
1361
- "subtleBackgroundSelected": "#383838",
1362
- "successBackground1": "#052505",
1363
- "successBackground2": "#094509",
1364
- "successBackground3": "#107c10",
1365
- "successBorder1": "#107c10",
1366
- "successBorder2": "#9fd89f",
1367
- "successBorderActive": "#54b054",
1368
- "successForeground1": "#54b054",
1369
- "successForeground2": "#9fd89f",
1370
- "successForeground3": "#9fd89f",
1371
- "successForegroundInverted": "#107c10",
1372
- "transparentBackground": "#00000000",
1373
- "transparentBackgroundHover": "#00000000",
1374
- "transparentBackgroundPressed": "#00000000",
1375
- "transparentBackgroundSelected": "#00000000",
1376
- "transparentStroke": "#3aa0f3",
1377
- "transparentStrokeDisabled": "#d6d6d6",
1378
- "transparentStrokeInteractive": "#a8a8a8",
1379
- "warningBackground1": "#4c4400",
1380
- "warningBackground2": "#817400",
1381
- "warningBackground3": "#fde300",
1382
- "warningBorder1": "#fde300",
1383
- "warningBorder2": "#fdea3d",
1384
- "warningBorderActive": "#feee66",
1385
- "warningForeground1": "#feee66",
1386
- "warningForeground2": "#fef7b2",
1387
- "warningForeground3": "#fdea3d",
1388
- "warningForegroundInverted": "#817400",
1389
- }
1390
- `;
1391
-
1392
- exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: false 1`] = `
1393
- Object {
1394
- "brandBackground": "#0078d4",
1395
- "brandBackground2": "#eff6fc",
1396
- "brandBackgroundDisabled": "#d1d1d1",
1397
- "brandBackgroundHover": "#106ebe",
1398
- "brandBackgroundPressed": "#106ebe",
1399
- "brandBackgroundSelected": "#005a9e",
1400
- "brandBackgroundStatic": "#0078d4",
1401
- "brandForeground1": "#0078d4",
1402
- "brandForeground1Disabled": "#757575",
1403
- "brandForeground1Pressed": "#004578",
1404
- "brandForeground2": "#106ebe",
1405
- "brandForegroundLink": "#0078d4",
1406
- "brandForegroundLinkHover": "#106ebe",
1407
- "brandForegroundLinkPressed": "#004578",
1408
- "brandForegroundLinkSelected": "#005a9e",
1409
- "brandStroke1": "#0078d4",
1410
- "brandStroke2": "#c7e0f4",
1411
- "compoundBrandBackground1": "#0078d4",
1412
- "compoundBrandBackground1Hover": "#106ebe",
1413
- "compoundBrandBackground1Pressed": "#004578",
1414
- "compoundBrandForeground1": "#0078d4",
1415
- "compoundBrandForeground1Hover": "#106ebe",
1416
- "compoundBrandForeground1Pressed": "#004578",
1417
- "compoundBrandStroke1": "#0078d4",
1418
- "compoundBrandStroke1Hover": "#106ebe",
1419
- "compoundBrandStroke1Pressed": "#004578",
1420
- "dangerBackground1": "#fdf6f6",
1421
- "dangerBackground2": "#f1bbbc",
1422
- "dangerBackground3": "#d13438",
1423
- "dangerBorder1": "#f1bbbc",
1424
- "dangerBorder2": "#d13438",
1425
- "dangerBorderActive": "#d13438",
1426
- "dangerForeground1": "#bc2f32",
1427
- "dangerForeground2": "#751d1f",
1428
- "dangerForeground3": "#d13438",
1429
- "dangerForegroundInverted": "#dc5e62",
1430
- "neutralBackground1": "#ffffff",
1431
- "neutralBackground1Hover": "#f5f5f5",
1432
- "neutralBackground1Pressed": "#ebebeb",
1433
- "neutralBackground1Selected": "#ebebeb",
1434
- "neutralBackground2": "#ffffff",
1435
- "neutralBackground2Hover": "#f0f0f0",
1436
- "neutralBackground2Pressed": "#ebebeb",
1437
- "neutralBackground2Selected": "#e6e6e6",
1438
- "neutralBackground3": "#f5f5f5",
1439
- "neutralBackground3Hover": "#ebebeb",
1440
- "neutralBackground3Pressed": "#d6d6d6",
1441
- "neutralBackground3Selected": "#e0e0e0",
1442
- "neutralBackground4": "#f0f0f0",
1443
- "neutralBackground4Hover": "#fafafa",
1444
- "neutralBackground4Pressed": "#f5f5f5",
1445
- "neutralBackground4Selected": "#ffffff",
1446
- "neutralBackground5": "#ebebeb",
1447
- "neutralBackground5Hover": "#f5f5f5",
1448
- "neutralBackground5Pressed": "#f0f0f0",
1449
- "neutralBackground5Selected": "#fafafa",
1450
- "neutralBackground6": "#e6e6e6",
1451
- "neutralBackgroundDisabled": "#f0f0f0",
1452
- "neutralBackgroundInverted": "#616161",
1453
- "neutralForeground1": "#242424",
1454
- "neutralForeground1Hover": "#242424",
1455
- "neutralForeground1Pressed": "#242424",
1456
- "neutralForeground1Selected": "#242424",
1457
- "neutralForeground2": "#000000",
1458
- "neutralForeground2BrandHover": "#106ebe",
1459
- "neutralForeground2BrandPressed": "#004578",
1460
- "neutralForeground2BrandSelected": "#005a9e",
1461
- "neutralForeground2Hover": "#242424",
1462
- "neutralForeground2Pressed": "#242424",
1463
- "neutralForeground2Selected": "#242424",
1464
- "neutralForeground3": "#616161",
1465
- "neutralForeground3BrandHover": "#106ebe",
1466
- "neutralForeground3BrandPressed": "#004578",
1467
- "neutralForeground3BrandSelected": "#005a9e",
1468
- "neutralForeground3Hover": "#424242",
1469
- "neutralForeground3Pressed": "#424242",
1470
- "neutralForeground3Selected": "#424242",
1471
- "neutralForeground4": "#808080",
1472
- "neutralForegroundDisabled": "#757575",
1473
- "neutralForegroundInverted": "#ffffff",
1474
- "neutralForegroundInvertedLink": "#ffffff",
1475
- "neutralForegroundInvertedLinkHover": "#ffffff",
1476
- "neutralForegroundInvertedLinkPressed": "#ffffff",
1477
- "neutralForegroundInvertedLinkSelected": "#ffffff",
1478
- "neutralForegroundOnBrand": "#ffffff",
1479
- "neutralForegroundOnBrandHover": "#ffffff",
1480
- "neutralForegroundOnBrandPressed": "#ffffff",
1481
- "neutralForegroundOnBrandSelected": "#ffffff",
1482
- "neutralStencil1": "#e6e6e6",
1483
- "neutralStencil2": "#fafafa",
1484
- "neutralStroke1": "#f0f0f0",
1485
- "neutralStroke1Hover": "#c7c7c7",
1486
- "neutralStroke1Pressed": "#b3b3b3",
1487
- "neutralStroke1Selected": "#bdbdbd",
1488
- "neutralStroke2": "#d6d6d6",
1489
- "neutralStroke3": "#f0f0f0",
1490
- "neutralStrokeAccessible": "#616161",
1491
- "neutralStrokeAccessibleHover": "#575757",
1492
- "neutralStrokeAccessiblePressed": "#4d4d4d",
1493
- "neutralStrokeAccessibleSelected": "#0078d4",
1494
- "neutralStrokeDisabled": "#e0e0e0",
1495
- "outofofficeBackground1": "#fdf5fc",
1496
- "outofofficeBackground2": "#edbbe7",
565
+ "neutralStencil2": "#575757",
566
+ "neutralStroke1": "#3d3d3d",
567
+ "neutralStroke1Hover": "#757575",
568
+ "neutralStroke1Pressed": "#6b6b6b",
569
+ "neutralStroke1Selected": "#707070",
570
+ "neutralStroke2": "#575757",
571
+ "neutralStroke3": "#666666",
572
+ "neutralStrokeAccessible": "#adadad",
573
+ "neutralStrokeAccessibleHover": "#bdbdbd",
574
+ "neutralStrokeAccessiblePressed": "#b3b3b3",
575
+ "neutralStrokeAccessibleSelected": "#0086f0",
576
+ "neutralStrokeDisabled": "#525252",
577
+ "outofofficeBackground1": "#3a1136",
578
+ "outofofficeBackground2": "#6d2064",
1497
579
  "outofofficeBackground3": "#c239b3",
1498
- "outofofficeBorder1": "#edbbe7",
1499
- "outofofficeBorder2": "#c239b3",
1500
- "outofofficeBorderActive": "#c239b3",
1501
- "outofofficeForeground1": "#af33a1",
1502
- "outofofficeForeground2": "#6d2064",
1503
- "outofofficeForeground3": "#c239b3",
1504
- "severeBackground1": "#fdf6f3",
1505
- "severeBackground2": "#f4bfab",
580
+ "outofofficeBorder1": "#c239b3",
581
+ "outofofficeBorder2": "#d161c4",
582
+ "outofofficeBorderActive": "#da7ed0",
583
+ "outofofficeForeground1": "#da7ed0",
584
+ "outofofficeForeground2": "#edbbe7",
585
+ "outofofficeForeground3": "#d161c4",
586
+ "severeBackground1": "#411200",
587
+ "severeBackground2": "#7a2101",
1506
588
  "severeBackground3": "#da3b01",
1507
- "severeBorder1": "#f4bfab",
1508
- "severeBorder2": "#da3b01",
1509
- "severeBorderActive": "#da3b01",
1510
- "severeForeground1": "#c43501",
1511
- "severeForeground2": "#7a2101",
1512
- "severeForeground3": "#da3b01",
1513
- "strokeFocus1": "#ffffff",
1514
- "strokeFocus2": "#000000",
589
+ "severeBorder1": "#da3b01",
590
+ "severeBorder2": "#e9835e",
591
+ "severeBorderActive": "#e9835e",
592
+ "severeForeground1": "#e9835e",
593
+ "severeForeground2": "#f4bfab",
594
+ "severeForeground3": "#e9835e",
595
+ "strokeFocus1": "#000000",
596
+ "strokeFocus2": "#ffffff",
1515
597
  "subtleBackground": "#00000000",
1516
- "subtleBackgroundHover": "#f5f5f5",
1517
- "subtleBackgroundPressed": "#e0e0e0",
1518
- "subtleBackgroundSelected": "#ebebeb",
1519
- "successBackground1": "#f1faf1",
1520
- "successBackground2": "#9fd89f",
598
+ "subtleBackgroundHover": "#3d3d3d",
599
+ "subtleBackgroundPressed": "#1f1f1f",
600
+ "subtleBackgroundSelected": "#383838",
601
+ "successBackground1": "#052505",
602
+ "successBackground2": "#094509",
1521
603
  "successBackground3": "#107c10",
1522
- "successBorder1": "#9fd89f",
1523
- "successBorder2": "#107c10",
1524
- "successBorderActive": "#107c10",
1525
- "successForeground1": "#0e700e",
1526
- "successForeground2": "#094509",
1527
- "successForeground3": "#107c10",
1528
- "successForegroundInverted": "#359b35",
604
+ "successBorder1": "#107c10",
605
+ "successBorder2": "#9fd89f",
606
+ "successBorderActive": "#54b054",
607
+ "successForeground1": "#54b054",
608
+ "successForeground2": "#9fd89f",
609
+ "successForeground3": "#9fd89f",
610
+ "successForegroundInverted": "#107c10",
1529
611
  "transparentBackground": "#00000000",
1530
612
  "transparentBackgroundHover": "#00000000",
1531
613
  "transparentBackgroundPressed": "#00000000",
@@ -1533,863 +615,1781 @@ Object {
1533
615
  "transparentStroke": "#00000000",
1534
616
  "transparentStrokeDisabled": "#00000000",
1535
617
  "transparentStrokeInteractive": "#00000000",
1536
- "warningBackground1": "#fffef5",
1537
- "warningBackground2": "#fef7b2",
618
+ "warningBackground1": "#4c4400",
619
+ "warningBackground2": "#817400",
1538
620
  "warningBackground3": "#fde300",
1539
- "warningBorder1": "#fef7b2",
1540
- "warningBorder2": "#fde300",
1541
- "warningBorderActive": "#fde300",
1542
- "warningForeground1": "#817400",
1543
- "warningForeground2": "#817400",
1544
- "warningForeground3": "#fde300",
1545
- "warningForegroundInverted": "#fef7b2",
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
+ },
801
+ }
802
+ `;
803
+
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
+ },
1546
974
  }
1547
975
  `;
1548
976
 
1549
- exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: true 1`] = `
1550
- Object {
1551
- "brandBackground": "#0078d4",
1552
- "brandBackground2": "#eff6fc",
1553
- "brandBackgroundDisabled": "#d1d1d1",
1554
- "brandBackgroundHover": "#106ebe",
1555
- "brandBackgroundPressed": "#106ebe",
1556
- "brandBackgroundSelected": "#005a9e",
1557
- "brandBackgroundStatic": "#0078d4",
1558
- "brandForeground1": "#0078d4",
1559
- "brandForeground1Disabled": "#757575",
1560
- "brandForeground1Pressed": "#004578",
1561
- "brandForeground2": "#106ebe",
1562
- "brandForegroundLink": "#0078d4",
1563
- "brandForegroundLinkHover": "#106ebe",
1564
- "brandForegroundLinkPressed": "#004578",
1565
- "brandForegroundLinkSelected": "#005a9e",
1566
- "brandStroke1": "#0078d4",
1567
- "brandStroke2": "#c7e0f4",
1568
- "compoundBrandBackground1": "#0078d4",
1569
- "compoundBrandBackground1Hover": "#106ebe",
1570
- "compoundBrandBackground1Pressed": "#004578",
1571
- "compoundBrandForeground1": "#0078d4",
1572
- "compoundBrandForeground1Hover": "#106ebe",
1573
- "compoundBrandForeground1Pressed": "#004578",
1574
- "compoundBrandStroke1": "#0078d4",
1575
- "compoundBrandStroke1Hover": "#106ebe",
1576
- "compoundBrandStroke1Pressed": "#004578",
1577
- "dangerBackground1": "#fdf6f6",
1578
- "dangerBackground2": "#f1bbbc",
1579
- "dangerBackground3": "#d13438",
1580
- "dangerBorder1": "#f1bbbc",
1581
- "dangerBorder2": "#d13438",
1582
- "dangerBorderActive": "#d13438",
1583
- "dangerForeground1": "#bc2f32",
1584
- "dangerForeground2": "#751d1f",
1585
- "dangerForeground3": "#d13438",
1586
- "dangerForegroundInverted": "#dc5e62",
1587
- "neutralBackground1": "#ffffff",
1588
- "neutralBackground1Hover": "#f5f5f5",
1589
- "neutralBackground1Pressed": "#ebebeb",
1590
- "neutralBackground1Selected": "#ebebeb",
1591
- "neutralBackground2": "#ffffff",
1592
- "neutralBackground2Hover": "#f0f0f0",
1593
- "neutralBackground2Pressed": "#ebebeb",
1594
- "neutralBackground2Selected": "#e6e6e6",
1595
- "neutralBackground3": "#f5f5f5",
1596
- "neutralBackground3Hover": "#ebebeb",
1597
- "neutralBackground3Pressed": "#d6d6d6",
1598
- "neutralBackground3Selected": "#e0e0e0",
1599
- "neutralBackground4": "#f0f0f0",
1600
- "neutralBackground4Hover": "#fafafa",
1601
- "neutralBackground4Pressed": "#f5f5f5",
1602
- "neutralBackground4Selected": "#ffffff",
1603
- "neutralBackground5": "#ebebeb",
1604
- "neutralBackground5Hover": "#f5f5f5",
1605
- "neutralBackground5Pressed": "#f0f0f0",
1606
- "neutralBackground5Selected": "#fafafa",
1607
- "neutralBackground6": "#e6e6e6",
1608
- "neutralBackgroundDisabled": "#f0f0f0",
1609
- "neutralBackgroundInverted": "#616161",
1610
- "neutralForeground1": "#000000",
1611
- "neutralForeground1Hover": "#000000",
1612
- "neutralForeground1Pressed": "#000000",
1613
- "neutralForeground1Selected": "#000000",
1614
- "neutralForeground2": "#000000",
1615
- "neutralForeground2BrandHover": "#106ebe",
1616
- "neutralForeground2BrandPressed": "#004578",
1617
- "neutralForeground2BrandSelected": "#005a9e",
1618
- "neutralForeground2Hover": "#242424",
1619
- "neutralForeground2Pressed": "#242424",
1620
- "neutralForeground2Selected": "#242424",
1621
- "neutralForeground3": "#000000",
1622
- "neutralForeground3BrandHover": "#106ebe",
1623
- "neutralForeground3BrandPressed": "#004578",
1624
- "neutralForeground3BrandSelected": "#005a9e",
1625
- "neutralForeground3Hover": "#424242",
1626
- "neutralForeground3Pressed": "#424242",
1627
- "neutralForeground3Selected": "#424242",
1628
- "neutralForeground4": "#424242",
1629
- "neutralForegroundDisabled": "#757575",
1630
- "neutralForegroundInverted": "#ffffff",
1631
- "neutralForegroundInvertedLink": "#ffffff",
1632
- "neutralForegroundInvertedLinkHover": "#ffffff",
1633
- "neutralForegroundInvertedLinkPressed": "#ffffff",
1634
- "neutralForegroundInvertedLinkSelected": "#ffffff",
1635
- "neutralForegroundOnBrand": "#ffffff",
1636
- "neutralForegroundOnBrandHover": "#ffffff",
1637
- "neutralForegroundOnBrandPressed": "#ffffff",
1638
- "neutralForegroundOnBrandSelected": "#ffffff",
1639
- "neutralStencil1": "#e6e6e6",
1640
- "neutralStencil2": "#fafafa",
1641
- "neutralStroke1": "#616161",
1642
- "neutralStroke1Hover": "#c7c7c7",
1643
- "neutralStroke1Pressed": "#b3b3b3",
1644
- "neutralStroke1Selected": "#bdbdbd",
1645
- "neutralStroke2": "#000000",
1646
- "neutralStroke3": "#616161",
1647
- "neutralStrokeAccessible": "#242424",
1648
- "neutralStrokeAccessibleHover": "#575757",
1649
- "neutralStrokeAccessiblePressed": "#4d4d4d",
1650
- "neutralStrokeAccessibleSelected": "#0078d4",
1651
- "neutralStrokeDisabled": "#e0e0e0",
1652
- "outofofficeBackground1": "#fdf5fc",
1653
- "outofofficeBackground2": "#edbbe7",
1654
- "outofofficeBackground3": "#c239b3",
1655
- "outofofficeBorder1": "#edbbe7",
1656
- "outofofficeBorder2": "#c239b3",
1657
- "outofofficeBorderActive": "#c239b3",
1658
- "outofofficeForeground1": "#af33a1",
1659
- "outofofficeForeground2": "#6d2064",
1660
- "outofofficeForeground3": "#c239b3",
1661
- "severeBackground1": "#fdf6f3",
1662
- "severeBackground2": "#f4bfab",
1663
- "severeBackground3": "#da3b01",
1664
- "severeBorder1": "#f4bfab",
1665
- "severeBorder2": "#da3b01",
1666
- "severeBorderActive": "#da3b01",
1667
- "severeForeground1": "#c43501",
1668
- "severeForeground2": "#7a2101",
1669
- "severeForeground3": "#da3b01",
1670
- "strokeFocus1": "#ffffff",
1671
- "strokeFocus2": "#000000",
1672
- "subtleBackground": "#00000000",
1673
- "subtleBackgroundHover": "#f5f5f5",
1674
- "subtleBackgroundPressed": "#e0e0e0",
1675
- "subtleBackgroundSelected": "#ebebeb",
1676
- "successBackground1": "#f1faf1",
1677
- "successBackground2": "#9fd89f",
1678
- "successBackground3": "#107c10",
1679
- "successBorder1": "#9fd89f",
1680
- "successBorder2": "#107c10",
1681
- "successBorderActive": "#107c10",
1682
- "successForeground1": "#0e700e",
1683
- "successForeground2": "#094509",
1684
- "successForeground3": "#107c10",
1685
- "successForegroundInverted": "#359b35",
1686
- "transparentBackground": "#00000000",
1687
- "transparentBackgroundHover": "#00000000",
1688
- "transparentBackgroundPressed": "#00000000",
1689
- "transparentBackgroundSelected": "#00000000",
1690
- "transparentStroke": "#000000",
1691
- "transparentStrokeDisabled": "#bdbdbd",
1692
- "transparentStrokeInteractive": "#666666",
1693
- "warningBackground1": "#fffef5",
1694
- "warningBackground2": "#fef7b2",
1695
- "warningBackground3": "#fde300",
1696
- "warningBorder1": "#fef7b2",
1697
- "warningBorder2": "#fde300",
1698
- "warningBorderActive": "#fde300",
1699
- "warningForeground1": "#817400",
1700
- "warningForeground2": "#817400",
1701
- "warningForeground3": "#fde300",
1702
- "warningForegroundInverted": "#fef7b2",
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
+ },
1703
1147
  }
1704
1148
  `;
1705
1149
 
1706
- exports[`createMacOSShadowAliasTokens test mode: dark, isHighContrast: false 1`] = `
1707
- Object {
1708
- "shadow16": Object {
1709
- "ambient": Object {
1150
+ exports[`createAppleTheme test 4`] = `
1151
+ {
1152
+ "shadow16": {
1153
+ "ambient": {
1710
1154
  "blur": 2,
1711
1155
  "color": "#0000003d",
1712
1156
  "x": 0,
1713
1157
  "y": 0,
1714
1158
  },
1715
- "key": Object {
1159
+ "key": {
1716
1160
  "blur": 16,
1717
1161
  "color": "#00000047",
1718
1162
  "x": 0,
1719
1163
  "y": 8,
1720
1164
  },
1721
1165
  },
1722
- "shadow16brand": Object {
1723
- "ambient": Object {
1166
+ "shadow16brand": {
1167
+ "ambient": {
1724
1168
  "blur": 2,
1725
1169
  "color": "#0000004d",
1726
1170
  "x": 0,
1727
1171
  "y": 0,
1728
1172
  },
1729
- "key": Object {
1173
+ "key": {
1730
1174
  "blur": 16,
1731
1175
  "color": "#00000040",
1732
1176
  "x": 0,
1733
1177
  "y": 8,
1734
1178
  },
1735
1179
  },
1736
- "shadow2": Object {
1737
- "ambient": Object {
1180
+ "shadow2": {
1181
+ "ambient": {
1738
1182
  "blur": 2,
1739
1183
  "color": "#0000003d",
1740
1184
  "x": 0,
1741
1185
  "y": 0,
1742
1186
  },
1743
- "key": Object {
1187
+ "key": {
1744
1188
  "blur": 2,
1745
1189
  "color": "#00000047",
1746
1190
  "x": 0,
1747
1191
  "y": 1,
1748
1192
  },
1749
1193
  },
1750
- "shadow28": Object {
1751
- "ambient": Object {
1194
+ "shadow28": {
1195
+ "ambient": {
1752
1196
  "blur": 8,
1753
1197
  "color": "#00000066",
1754
1198
  "x": 0,
1755
1199
  "y": 0,
1756
1200
  },
1757
- "key": Object {
1201
+ "key": {
1758
1202
  "blur": 28,
1759
1203
  "color": "#0000007a",
1760
1204
  "x": 0,
1761
1205
  "y": 14,
1762
1206
  },
1763
1207
  },
1764
- "shadow28brand": Object {
1765
- "ambient": Object {
1208
+ "shadow28brand": {
1209
+ "ambient": {
1766
1210
  "blur": 8,
1767
1211
  "color": "#0000004d",
1768
1212
  "x": 0,
1769
1213
  "y": 0,
1770
1214
  },
1771
- "key": Object {
1215
+ "key": {
1772
1216
  "blur": 28,
1773
1217
  "color": "#00000040",
1774
1218
  "x": 0,
1775
1219
  "y": 14,
1776
1220
  },
1777
1221
  },
1778
- "shadow2brand": Object {
1779
- "ambient": Object {
1222
+ "shadow2brand": {
1223
+ "ambient": {
1780
1224
  "blur": 2,
1781
1225
  "color": "#0000004d",
1782
1226
  "x": 0,
1783
1227
  "y": 0,
1784
1228
  },
1785
- "key": Object {
1229
+ "key": {
1786
1230
  "blur": 2,
1787
1231
  "color": "#00000040",
1788
1232
  "x": 0,
1789
1233
  "y": 1,
1790
1234
  },
1791
1235
  },
1792
- "shadow4": Object {
1793
- "ambient": Object {
1236
+ "shadow4": {
1237
+ "ambient": {
1794
1238
  "blur": 2,
1795
1239
  "color": "#0000003d",
1796
1240
  "x": 0,
1797
1241
  "y": 0,
1798
1242
  },
1799
- "key": Object {
1243
+ "key": {
1800
1244
  "blur": 4,
1801
1245
  "color": "#00000047",
1802
1246
  "x": 0,
1803
1247
  "y": 2,
1804
1248
  },
1805
1249
  },
1806
- "shadow4brand": Object {
1807
- "ambient": Object {
1250
+ "shadow4brand": {
1251
+ "ambient": {
1808
1252
  "blur": 2,
1809
1253
  "color": "#0000004d",
1810
1254
  "x": 0,
1811
1255
  "y": 0,
1812
1256
  },
1813
- "key": Object {
1257
+ "key": {
1814
1258
  "blur": 4,
1815
1259
  "color": "#00000040",
1816
1260
  "x": 0,
1817
1261
  "y": 2,
1818
1262
  },
1819
1263
  },
1820
- "shadow64": Object {
1821
- "ambient": Object {
1264
+ "shadow64": {
1265
+ "ambient": {
1822
1266
  "blur": 8,
1823
1267
  "color": "#00000066",
1824
1268
  "x": 0,
1825
1269
  "y": 0,
1826
1270
  },
1827
- "key": Object {
1271
+ "key": {
1828
1272
  "blur": 64,
1829
1273
  "color": "#0000007a",
1830
1274
  "x": 0,
1831
1275
  "y": 32,
1832
1276
  },
1833
- },
1834
- "shadow64brand": Object {
1835
- "ambient": Object {
1836
- "blur": 8,
1837
- "color": "#0000004d",
1838
- "x": 0,
1839
- "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
+ },
1840
1467
  },
1841
- "key": Object {
1842
- "blur": 64,
1843
- "color": "#00000040",
1844
- "x": 0,
1845
- "y": 32,
1468
+ "buttonBackgroundHovered": "#f5f5f5",
1469
+ "buttonBackgroundPressed": {
1470
+ "colorWithSystemEffect": {
1471
+ "baseColor": "#f5f5f5",
1472
+ "systemEffect": "pressed",
1473
+ },
1846
1474
  },
1847
- },
1848
- "shadow8": Object {
1849
- "ambient": Object {
1850
- "blur": 2,
1851
- "color": "#0000003d",
1852
- "x": 0,
1853
- "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
+ },
1854
1486
  },
1855
- "key": Object {
1856
- "blur": 8,
1857
- "color": "#00000047",
1858
- "x": 0,
1859
- "y": 4,
1487
+ "buttonTextHovered": "#616161",
1488
+ "buttonTextPressed": {
1489
+ "colorWithSystemEffect": {
1490
+ "baseColor": "#616161",
1491
+ "systemEffect": "pressed",
1492
+ },
1860
1493
  },
1861
- },
1862
- "shadow8brand": Object {
1863
- "ambient": Object {
1864
- "blur": 2,
1865
- "color": "#0000004d",
1866
- "x": 0,
1867
- "y": 0,
1494
+ "checkboxBackground": {
1495
+ "dynamic": {
1496
+ "dark": "#1890F1",
1497
+ "highContrastDark": undefined,
1498
+ "highContrastLight": undefined,
1499
+ "light": "#0078D4",
1500
+ },
1868
1501
  },
1869
- "key": Object {
1870
- "blur": 8,
1871
- "color": "#00000040",
1872
- "x": 0,
1873
- "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
+ },
1874
1523
  },
1875
- },
1876
- }
1877
- `;
1878
-
1879
- exports[`createMacOSShadowAliasTokens test mode: dark, isHighContrast: true 1`] = `
1880
- Object {
1881
- "shadow16": Object {
1882
- "ambient": Object {
1883
- "blur": 2,
1884
- "color": "#0000003d",
1885
- "x": 0,
1886
- "y": 0,
1524
+ "defaultCheckedContent": "#ffffff",
1525
+ "defaultCheckedHoveredBackground": {
1526
+ "dynamic": {
1527
+ "dark": "#1890F1",
1528
+ "highContrastDark": undefined,
1529
+ "highContrastLight": undefined,
1530
+ "light": "#0078D4",
1531
+ },
1887
1532
  },
1888
- "key": Object {
1889
- "blur": 16,
1890
- "color": "#00000047",
1891
- "x": 0,
1892
- "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
+ ],
1893
1559
  },
1894
- },
1895
- "shadow16brand": Object {
1896
- "ambient": Object {
1897
- "blur": 2,
1898
- "color": "#0000004d",
1899
- "x": 0,
1900
- "y": 0,
1560
+ "disabledBackground": "#E1E1E1",
1561
+ "disabledBodySubtext": {
1562
+ "semantic": [
1563
+ "quaternaryLabelColor",
1564
+ ],
1901
1565
  },
1902
- "key": Object {
1903
- "blur": 16,
1904
- "color": "#00000040",
1905
- "x": 0,
1906
- "y": 8,
1566
+ "disabledBodyText": {
1567
+ "semantic": [
1568
+ "tertiaryLabelColor",
1569
+ ],
1907
1570
  },
1908
- },
1909
- "shadow2": Object {
1910
- "ambient": Object {
1911
- "blur": 2,
1912
- "color": "#0000003d",
1913
- "x": 0,
1914
- "y": 0,
1571
+ "disabledSubtext": {
1572
+ "semantic": [
1573
+ "quaternaryLabelColor",
1574
+ ],
1915
1575
  },
1916
- "key": Object {
1917
- "blur": 2,
1918
- "color": "#00000047",
1919
- "x": 0,
1920
- "y": 1,
1576
+ "disabledText": {
1577
+ "semantic": [
1578
+ "tertiaryLabelColor",
1579
+ ],
1921
1580
  },
1922
- },
1923
- "shadow28": Object {
1924
- "ambient": Object {
1925
- "blur": 8,
1926
- "color": "#00000066",
1927
- "x": 0,
1928
- "y": 0,
1581
+ "errorBackground": {
1582
+ "dynamic": {
1583
+ "dark": "transparent",
1584
+ "highContrastDark": undefined,
1585
+ "highContrastLight": undefined,
1586
+ "light": "#DD4242",
1587
+ },
1929
1588
  },
1930
- "key": Object {
1931
- "blur": 28,
1932
- "color": "#0000007a",
1933
- "x": 0,
1934
- "y": 14,
1589
+ "errorText": {
1590
+ "dynamic": {
1591
+ "dark": "transparent",
1592
+ "highContrastDark": undefined,
1593
+ "highContrastLight": undefined,
1594
+ "light": "#D92C2C",
1595
+ },
1935
1596
  },
1936
- },
1937
- "shadow28brand": Object {
1938
- "ambient": Object {
1939
- "blur": 8,
1940
- "color": "#0000004d",
1941
- "x": 0,
1942
- "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
+ },
1943
1608
  },
1944
- "key": Object {
1945
- "blur": 28,
1946
- "color": "#00000040",
1947
- "x": 0,
1948
- "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
+ },
1949
1618
  },
1950
- },
1951
- "shadow2brand": Object {
1952
- "ambient": Object {
1953
- "blur": 2,
1954
- "color": "#0000004d",
1955
- "x": 0,
1956
- "y": 0,
1619
+ "ghostContent": {
1620
+ "dynamic": {
1621
+ "dark": "#1890F1",
1622
+ "highContrastDark": undefined,
1623
+ "highContrastLight": undefined,
1624
+ "light": "#0078D4",
1625
+ },
1957
1626
  },
1958
- "key": Object {
1959
- "blur": 2,
1960
- "color": "#00000040",
1961
- "x": 0,
1962
- "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
+ },
1963
1640
  },
1964
- },
1965
- "shadow4": Object {
1966
- "ambient": Object {
1967
- "blur": 2,
1968
- "color": "#0000003d",
1969
- "x": 0,
1970
- "y": 0,
1641
+ "ghostFocusedIcon": {
1642
+ "dynamic": {
1643
+ "dark": "#1890F1",
1644
+ "highContrastDark": undefined,
1645
+ "highContrastLight": undefined,
1646
+ "light": "#0078D4",
1647
+ },
1971
1648
  },
1972
- "key": Object {
1973
- "blur": 4,
1974
- "color": "#00000047",
1975
- "x": 0,
1976
- "y": 2,
1649
+ "ghostFocusedSecondaryContent": {
1650
+ "dynamic": {
1651
+ "dark": "#1890F1",
1652
+ "highContrastDark": undefined,
1653
+ "highContrastLight": undefined,
1654
+ "light": "#0078D4",
1655
+ },
1977
1656
  },
1978
- },
1979
- "shadow4brand": Object {
1980
- "ambient": Object {
1981
- "blur": 2,
1982
- "color": "#0000004d",
1983
- "x": 0,
1984
- "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
+ },
1985
1666
  },
1986
- "key": Object {
1987
- "blur": 4,
1988
- "color": "#00000040",
1989
- "x": 0,
1990
- "y": 2,
1667
+ "ghostHoveredIcon": {
1668
+ "dynamic": {
1669
+ "dark": "#1890F1",
1670
+ "highContrastDark": undefined,
1671
+ "highContrastLight": undefined,
1672
+ "light": "#0078D4",
1673
+ },
1991
1674
  },
1992
- },
1993
- "shadow64": Object {
1994
- "ambient": Object {
1995
- "blur": 8,
1996
- "color": "#00000066",
1997
- "x": 0,
1998
- "y": 0,
1675
+ "ghostHoveredSecondaryContent": {
1676
+ "dynamic": {
1677
+ "dark": "#1890F1",
1678
+ "highContrastDark": undefined,
1679
+ "highContrastLight": undefined,
1680
+ "light": "#0078D4",
1681
+ },
1999
1682
  },
2000
- "key": Object {
2001
- "blur": 64,
2002
- "color": "#0000007a",
2003
- "x": 0,
2004
- "y": 32,
1683
+ "ghostIcon": {
1684
+ "dynamic": {
1685
+ "dark": "#1890F1",
1686
+ "highContrastDark": undefined,
1687
+ "highContrastLight": undefined,
1688
+ "light": "#0078D4",
1689
+ },
2005
1690
  },
2006
- },
2007
- "shadow64brand": Object {
2008
- "ambient": Object {
2009
- "blur": 8,
2010
- "color": "#0000004d",
2011
- "x": 0,
2012
- "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
+ },
2013
1707
  },
2014
- "key": Object {
2015
- "blur": 64,
2016
- "color": "#00000040",
2017
- "x": 0,
2018
- "y": 32,
1708
+ "ghostSecondaryContent": {
1709
+ "dynamic": {
1710
+ "dark": "#1890F1",
1711
+ "highContrastDark": undefined,
1712
+ "highContrastLight": undefined,
1713
+ "light": "#0078D4",
1714
+ },
2019
1715
  },
2020
- },
2021
- "shadow8": Object {
2022
- "ambient": Object {
2023
- "blur": 2,
2024
- "color": "#0000003d",
2025
- "x": 0,
2026
- "y": 0,
1716
+ "inputBackground": {
1717
+ "semantic": [
1718
+ "textBackgroundColor",
1719
+ ],
2027
1720
  },
2028
- "key": Object {
2029
- "blur": 8,
2030
- "color": "#00000047",
2031
- "x": 0,
2032
- "y": 4,
1721
+ "inputBackgroundChecked": {
1722
+ "semantic": [
1723
+ "textBackgroundColor",
1724
+ ],
2033
1725
  },
2034
- },
2035
- "shadow8brand": Object {
2036
- "ambient": Object {
2037
- "blur": 2,
2038
- "color": "#0000004d",
2039
- "x": 0,
2040
- "y": 0,
1726
+ "inputBackgroundCheckedHovered": {
1727
+ "semantic": [
1728
+ "textBackgroundColor",
1729
+ ],
2041
1730
  },
2042
- "key": Object {
2043
- "blur": 8,
2044
- "color": "#00000040",
2045
- "x": 0,
2046
- "y": 4,
1731
+ "inputBorder": {
1732
+ "semantic": [
1733
+ "separatorColor",
1734
+ ],
2047
1735
  },
2048
- },
2049
- }
2050
- `;
2051
-
2052
- exports[`createMacOSShadowAliasTokens test mode: light, isHighContrast: false 1`] = `
2053
- Object {
2054
- "shadow16": Object {
2055
- "ambient": Object {
2056
- "blur": 2,
2057
- "color": "#0000001f",
2058
- "x": 0,
2059
- "y": 0,
1736
+ "inputBorderHovered": {
1737
+ "semantic": [
1738
+ "separatorColor",
1739
+ ],
2060
1740
  },
2061
- "key": Object {
2062
- "blur": 16,
2063
- "color": "#00000024",
2064
- "x": 0,
2065
- "y": 8,
1741
+ "inputFocusBorderAlt": {
1742
+ "semantic": [
1743
+ "keyboardFocusIndicatorColor",
1744
+ ],
2066
1745
  },
2067
- },
2068
- "shadow16brand": Object {
2069
- "ambient": Object {
2070
- "blur": 2,
2071
- "color": "#0000004d",
2072
- "x": 0,
2073
- "y": 0,
1746
+ "inputForegroundChecked": {
1747
+ "dynamic": {
1748
+ "dark": "#1890F1",
1749
+ "highContrastDark": undefined,
1750
+ "highContrastLight": undefined,
1751
+ "light": "#0078D4",
1752
+ },
2074
1753
  },
2075
- "key": Object {
2076
- "blur": 16,
2077
- "color": "#00000040",
2078
- "x": 0,
2079
- "y": 8,
1754
+ "inputPlaceholderText": {
1755
+ "semantic": [
1756
+ "placeholderTextColor",
1757
+ ],
2080
1758
  },
2081
- },
2082
- "shadow2": Object {
2083
- "ambient": Object {
2084
- "blur": 2,
2085
- "color": "#0000001f",
2086
- "x": 0,
2087
- "y": 0,
1759
+ "inputText": {
1760
+ "semantic": [
1761
+ "textColor",
1762
+ ],
2088
1763
  },
2089
- "key": Object {
2090
- "blur": 2,
2091
- "color": "#00000024",
2092
- "x": 0,
2093
- "y": 1,
1764
+ "inputTextHovered": {
1765
+ "semantic": [
1766
+ "textColor",
1767
+ ],
2094
1768
  },
2095
- },
2096
- "shadow28": Object {
2097
- "ambient": Object {
2098
- "blur": 8,
2099
- "color": "#00000033",
2100
- "x": 0,
2101
- "y": 0,
1769
+ "link": {
1770
+ "semantic": [
1771
+ "linkColor",
1772
+ ],
2102
1773
  },
2103
- "key": Object {
2104
- "blur": 28,
2105
- "color": "#0000003d",
2106
- "x": 0,
2107
- "y": 14,
1774
+ "linkHovered": {
1775
+ "semantic": [
1776
+ "linkColor",
1777
+ ],
2108
1778
  },
2109
- },
2110
- "shadow28brand": Object {
2111
- "ambient": Object {
2112
- "blur": 8,
2113
- "color": "#0000004d",
2114
- "x": 0,
2115
- "y": 0,
1779
+ "linkPressed": {
1780
+ "semantic": [
1781
+ "selectedControlColor",
1782
+ ],
2116
1783
  },
2117
- "key": Object {
2118
- "blur": 28,
2119
- "color": "#00000040",
2120
- "x": 0,
2121
- "y": 14,
1784
+ "listBackground": "transparent",
1785
+ "listHeaderBackgroundHovered": {
1786
+ "semantic": [
1787
+ "headerTextColor",
1788
+ ],
2122
1789
  },
2123
- },
2124
- "shadow2brand": Object {
2125
- "ambient": Object {
2126
- "blur": 2,
2127
- "color": "#0000004d",
2128
- "x": 0,
2129
- "y": 0,
1790
+ "listHeaderBackgroundPressed": {
1791
+ "semantic": [
1792
+ "headerTextColor",
1793
+ ],
2130
1794
  },
2131
- "key": Object {
2132
- "blur": 2,
2133
- "color": "#00000040",
2134
- "x": 0,
2135
- "y": 1,
1795
+ "listItemBackgroundChecked": "transparent",
1796
+ "listItemBackgroundCheckedHovered": "transparent",
1797
+ "listItemBackgroundHovered": "transparent",
1798
+ "listText": {
1799
+ "semantic": [
1800
+ "labelColor",
1801
+ ],
2136
1802
  },
2137
- },
2138
- "shadow4": Object {
2139
- "ambient": Object {
2140
- "blur": 2,
2141
- "color": "#0000001f",
2142
- "x": 0,
2143
- "y": 0,
1803
+ "menuBackground": "transparent",
1804
+ "menuDivider": {
1805
+ "semantic": [
1806
+ "separatorColor",
1807
+ ],
2144
1808
  },
2145
- "key": Object {
2146
- "blur": 4,
2147
- "color": "#00000024",
2148
- "x": 0,
2149
- "y": 2,
1809
+ "menuHeader": {
1810
+ "semantic": [
1811
+ "headerTextColor",
1812
+ ],
2150
1813
  },
2151
- },
2152
- "shadow4brand": Object {
2153
- "ambient": Object {
2154
- "blur": 2,
2155
- "color": "#0000004d",
2156
- "x": 0,
2157
- "y": 0,
1814
+ "menuIcon": "#616161",
1815
+ "menuItemBackgroundHovered": {
1816
+ "semantic": [
1817
+ "controlAccentColor",
1818
+ ],
2158
1819
  },
2159
- "key": Object {
2160
- "blur": 4,
2161
- "color": "#00000040",
2162
- "x": 0,
2163
- "y": 2,
1820
+ "menuItemBackgroundPressed": {
1821
+ "colorWithSystemEffect": {
1822
+ "baseColor": {
1823
+ "semantic": [
1824
+ "controlAccentColor",
1825
+ ],
1826
+ },
1827
+ "systemEffect": "pressed",
1828
+ },
2164
1829
  },
2165
- },
2166
- "shadow64": Object {
2167
- "ambient": Object {
2168
- "blur": 8,
2169
- "color": "#00000033",
2170
- "x": 0,
2171
- "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
+ },
2172
1910
  },
2173
- "key": Object {
2174
- "blur": 64,
2175
- "color": "#0000003d",
2176
- "x": 0,
2177
- "y": 32,
1911
+ "primaryButtonBackgroundDisabled": "#f0f0f0",
1912
+ "primaryButtonBackgroundHovered": {
1913
+ "dynamic": {
1914
+ "dark": "#1890F1",
1915
+ "highContrastDark": undefined,
1916
+ "highContrastLight": undefined,
1917
+ "light": "#0078D4",
1918
+ },
2178
1919
  },
2179
- },
2180
- "shadow64brand": Object {
2181
- "ambient": Object {
2182
- "blur": 8,
2183
- "color": "#0000004d",
2184
- "x": 0,
2185
- "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
+ ],
2186
1931
  },
2187
- "key": Object {
2188
- "blur": 64,
2189
- "color": "#00000040",
2190
- "x": 0,
2191
- "y": 32,
1932
+ "strokeFocus1": "#ffffff",
1933
+ "strokeFocus2": "#000000",
1934
+ "subText": {
1935
+ "semantic": [
1936
+ "secondaryLabelColor",
1937
+ ],
2192
1938
  },
2193
- },
2194
- "shadow8": Object {
2195
- "ambient": Object {
2196
- "blur": 2,
2197
- "color": "#0000001f",
2198
- "x": 0,
2199
- "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
+ },
2200
1950
  },
2201
- "key": Object {
2202
- "blur": 8,
2203
- "color": "#00000024",
2204
- "x": 0,
2205
- "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
+ ],
2206
1962
  },
2207
- },
2208
- "shadow8brand": Object {
2209
- "ambient": Object {
2210
- "blur": 2,
2211
- "color": "#0000004d",
2212
- "x": 0,
2213
- "y": 0,
1963
+ "variantBorderHovered": {
1964
+ "semantic": [
1965
+ "separatorColor",
1966
+ ],
2214
1967
  },
2215
- "key": Object {
2216
- "blur": 8,
2217
- "color": "#00000040",
2218
- "x": 0,
2219
- "y": 4,
1968
+ "warningBackground": {
1969
+ "dynamic": {
1970
+ "dark": "#FFC328",
1971
+ "highContrastDark": undefined,
1972
+ "highContrastLight": undefined,
1973
+ "light": "#FFD335",
1974
+ },
2220
1975
  },
2221
- },
2222
- }
2223
- `;
2224
-
2225
- exports[`createMacOSShadowAliasTokens test mode: light, isHighContrast: true 1`] = `
2226
- Object {
2227
- "shadow16": Object {
2228
- "ambient": Object {
2229
- "blur": 2,
2230
- "color": "#0000003d",
2231
- "x": 0,
2232
- "y": 0,
1976
+ "warningHighlight": {
1977
+ "dynamic": {
1978
+ "dark": "#E0AB24",
1979
+ "highContrastDark": undefined,
1980
+ "highContrastLight": undefined,
1981
+ "light": "#FFD94E",
1982
+ },
2233
1983
  },
2234
- "key": Object {
2235
- "blur": 16,
2236
- "color": "#00000047",
2237
- "x": 0,
2238
- "y": 8,
1984
+ "warningText": {
1985
+ "dynamic": {
1986
+ "dark": "#FFC328",
1987
+ "highContrastDark": undefined,
1988
+ "highContrastLight": undefined,
1989
+ "light": "#FFD335",
1990
+ },
2239
1991
  },
2240
1992
  },
2241
- "shadow16brand": Object {
2242
- "ambient": Object {
2243
- "blur": 2,
2244
- "color": "#0000004d",
2245
- "x": 0,
2246
- "y": 0,
2247
- },
2248
- "key": Object {
2249
- "blur": 16,
2250
- "color": "#00000040",
2251
- "x": 0,
2252
- "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
+ },
2253
2020
  },
2254
- },
2255
- "shadow2": Object {
2256
- "ambient": Object {
2257
- "blur": 2,
2258
- "color": "#0000003d",
2259
- "x": 0,
2260
- "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
+ },
2261
2045
  },
2262
- "key": Object {
2263
- "blur": 2,
2264
- "color": "#00000047",
2265
- "x": 0,
2266
- "y": 1,
2046
+ "RNFText": {
2047
+ "tokens": {
2048
+ "variant": "bodyStandard",
2049
+ },
2267
2050
  },
2268
2051
  },
2269
- "shadow28": Object {
2270
- "ambient": Object {
2271
- "blur": 8,
2272
- "color": "#00000066",
2273
- "x": 0,
2274
- "y": 0,
2275
- },
2276
- "key": Object {
2277
- "blur": 28,
2278
- "color": "#0000007a",
2279
- "x": 0,
2280
- "y": 14,
2281
- },
2052
+ "host": {
2053
+ "appearance": "dynamic",
2282
2054
  },
2283
- "shadow28brand": Object {
2284
- "ambient": Object {
2285
- "blur": 8,
2286
- "color": "#0000004d",
2287
- "x": 0,
2288
- "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
+ },
2289
2069
  },
2290
- "key": Object {
2291
- "blur": 28,
2292
- "color": "#00000040",
2293
- "x": 0,
2294
- "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
+ },
2295
2083
  },
2296
- },
2297
- "shadow2brand": Object {
2298
- "ambient": Object {
2299
- "blur": 2,
2300
- "color": "#0000004d",
2301
- "x": 0,
2302
- "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
+ },
2303
2097
  },
2304
- "key": Object {
2305
- "blur": 2,
2306
- "color": "#00000040",
2307
- "x": 0,
2308
- "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
+ },
2309
2111
  },
2310
- },
2311
- "shadow4": Object {
2312
- "ambient": Object {
2313
- "blur": 2,
2314
- "color": "#0000003d",
2315
- "x": 0,
2316
- "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
+ },
2317
2125
  },
2318
- "key": Object {
2319
- "blur": 4,
2320
- "color": "#00000047",
2321
- "x": 0,
2322
- "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
+ },
2323
2139
  },
2324
- },
2325
- "shadow4brand": Object {
2326
- "ambient": Object {
2327
- "blur": 2,
2328
- "color": "#0000004d",
2329
- "x": 0,
2330
- "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
+ },
2331
2153
  },
2332
- "key": Object {
2333
- "blur": 4,
2334
- "color": "#00000040",
2335
- "x": 0,
2336
- "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
+ },
2337
2167
  },
2338
- },
2339
- "shadow64": Object {
2340
- "ambient": Object {
2341
- "blur": 8,
2342
- "color": "#00000066",
2343
- "x": 0,
2344
- "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
+ },
2345
2181
  },
2346
- "key": Object {
2347
- "blur": 64,
2348
- "color": "#0000007a",
2349
- "x": 0,
2350
- "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
+ },
2351
2195
  },
2352
- },
2353
- "shadow64brand": Object {
2354
- "ambient": Object {
2355
- "blur": 8,
2356
- "color": "#0000004d",
2357
- "x": 0,
2358
- "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
+ },
2359
2209
  },
2360
- "key": Object {
2361
- "blur": 64,
2362
- "color": "#00000040",
2363
- "x": 0,
2364
- "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
+ },
2365
2223
  },
2366
2224
  },
2367
- "shadow8": Object {
2368
- "ambient": Object {
2369
- "blur": 2,
2370
- "color": "#0000003d",
2371
- "x": 0,
2372
- "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",
2373
2241
  },
2374
- "key": Object {
2375
- "blur": 8,
2376
- "color": "#00000047",
2377
- "x": 0,
2378
- "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,
2379
2250
  },
2380
- },
2381
- "shadow8brand": Object {
2382
- "ambient": Object {
2383
- "blur": 2,
2384
- "color": "#0000004d",
2385
- "x": 0,
2386
- "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
+ },
2387
2382
  },
2388
- "key": Object {
2389
- "blur": 8,
2390
- "color": "#00000040",
2391
- "x": 0,
2392
- "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",
2393
2393
  },
2394
2394
  },
2395
2395
  }