@fluentui-react-native/apple-theme 0.13.3 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.json +16 -1
  2. package/CHANGELOG.md +10 -2
  3. package/lib/__tests__/apple-theme.test.d.ts +2 -0
  4. package/lib/__tests__/apple-theme.test.d.ts.map +1 -0
  5. package/lib/__tests__/apple-theme.test.js +79 -0
  6. package/lib/__tests__/apple-theme.test.js.map +1 -0
  7. package/lib-commonjs/__tests__/apple-theme.test.d.ts +2 -0
  8. package/lib-commonjs/__tests__/apple-theme.test.d.ts.map +1 -0
  9. package/lib-commonjs/__tests__/apple-theme.test.js +81 -0
  10. package/lib-commonjs/__tests__/apple-theme.test.js.map +1 -0
  11. package/package.json +1 -1
  12. package/src/__tests__/__snapshots__/apple-theme.test.ts.snap +1793 -0
  13. package/src/__tests__/apple-theme.test.ts +46 -0
package/src/__tests__/__snapshots__/apple-theme.test.ts.snap ADDED
@@ -0,0 +1,1793 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`createAppleTheme test 1`] = `
4
+ Object {
5
+ "colors": Object {
6
+ "accentButtonBackground": "#0078d4",
7
+ "accentButtonText": "#ffffff",
8
+ "actionLink": "#323130",
9
+ "actionLinkHovered": "#201f1e",
10
+ "background": "#ffffff",
11
+ "blockingBackground": "rgba(250, 65, 0, .2)",
12
+ "bodyDivider": "#edebe9",
13
+ "bodyFrameBackground": "#ffffff",
14
+ "bodyFrameDivider": "#edebe9",
15
+ "bodyStandoutBackground": "#faf9f8",
16
+ "bodyText": "#323130",
17
+ "bodyTextChecked": "#000000",
18
+ "brandBackground": "#0078d4",
19
+ "brandBackground2": "#eff6fc",
20
+ "brandBackgroundDisabled": undefined,
21
+ "brandBackgroundHover": "#106ebe",
22
+ "brandBackgroundPressed": "#004578",
23
+ "brandBackgroundSelected": "#005a9e",
24
+ "brandBackgroundStatic": "#0078d4",
25
+ "brandForeground1": "#0078d4",
26
+ "brandForeground1Disabled": undefined,
27
+ "brandForeground1Pressed": undefined,
28
+ "brandForeground2": "#106ebe",
29
+ "brandForegroundLink": "#106ebe",
30
+ "brandForegroundLinkHover": "#005a9e",
31
+ "brandForegroundLinkPressed": "#004578",
32
+ "brandForegroundLinkSelected": "#106ebe",
33
+ "brandStroke1": "#0078d4",
34
+ "brandStroke2": "#c7e0f4",
35
+ "brandedBackground": "#0078d4",
36
+ "brandedBorder": "#005a9e",
37
+ "brandedCheckedBackground": "#c8c6c4",
38
+ "brandedCheckedContent": "#201f1e",
39
+ "brandedCheckedHoveredBackground": "#edebe9",
40
+ "brandedCheckedHoveredContent": "#201f1e",
41
+ "brandedContent": "#ffffff",
42
+ "brandedDisabledBackground": "#f3f2f1",
43
+ "brandedDisabledBorder": "#f3f2f1",
44
+ "brandedDisabledContent": "#d2d0ce",
45
+ "brandedDisabledIcon": "#d2d0ce",
46
+ "brandedFocusedBackground": "#106ebe",
47
+ "brandedFocusedBorder": undefined,
48
+ "brandedFocusedContent": "#ffffff",
49
+ "brandedFocusedIcon": "#ffffff",
50
+ "brandedFocusedSecondaryContent": "#faf9f8",
51
+ "brandedHoveredBackground": "#106ebe",
52
+ "brandedHoveredBorder": undefined,
53
+ "brandedHoveredContent": "#ffffff",
54
+ "brandedHoveredIcon": "#ffffff",
55
+ "brandedHoveredSecondaryContent": "#faf9f8",
56
+ "brandedIcon": "#ffffff",
57
+ "brandedPressedBackground": "#005a9e",
58
+ "brandedPressedBorder": undefined,
59
+ "brandedPressedContent": "#ffffff",
60
+ "brandedPressedIcon": "#ffffff",
61
+ "brandedPressedSecondaryContent": "#faf9f8",
62
+ "brandedSecondaryContent": "#faf9f8",
63
+ "buttonBackground": "#f3f2f1",
64
+ "buttonBackgroundChecked": "#c8c6c4",
65
+ "buttonBackgroundCheckedHovered": "#edebe9",
66
+ "buttonBackgroundDisabled": "#f3f2f1",
67
+ "buttonBackgroundHovered": "#edebe9",
68
+ "buttonBackgroundPressed": "#edebe9",
69
+ "buttonBorder": "#8a8886",
70
+ "buttonBorderDisabled": "#f3f2f1",
71
+ "buttonBorderFocused": "#8a8886",
72
+ "buttonText": "#323130",
73
+ "buttonTextChecked": "#201f1e",
74
+ "buttonTextCheckedHovered": "#000000",
75
+ "buttonTextDisabled": "#a19f9d",
76
+ "buttonTextHovered": "#201f1e",
77
+ "buttonTextPressed": "#201f1e",
78
+ "checkboxBackground": "#0078d4",
79
+ "checkboxBackgroundDisabled": "#f3f2f1",
80
+ "checkboxBorderColor": "#8a8886",
81
+ "checkmarkColor": "#ffffff",
82
+ "compoundBrandBackground1": "#0078d4",
83
+ "compoundBrandBackground1Hover": "#106ebe",
84
+ "compoundBrandBackground1Pressed": "#005a9e",
85
+ "compoundBrandForeground1": "#0078d4",
86
+ "compoundBrandForeground1Hover": "#106ebe",
87
+ "compoundBrandForeground1Pressed": "#005a9e",
88
+ "compoundBrandStroke1": "#0078d4",
89
+ "compoundBrandStroke1Hover": "#106ebe",
90
+ "compoundBrandStroke1Pressed": "#005a9e",
91
+ "defaultBackground": "#f3f2f1",
92
+ "defaultBorder": "#8a8886",
93
+ "defaultCheckedBackground": "#c8c6c4",
94
+ "defaultCheckedContent": "#201f1e",
95
+ "defaultCheckedHoveredBackground": "#edebe9",
96
+ "defaultCheckedHoveredContent": "#201f1e",
97
+ "defaultContent": "#323130",
98
+ "defaultDisabledBackground": "#f3f2f1",
99
+ "defaultDisabledBorder": "#f3f2f1",
100
+ "defaultDisabledContent": "#a19f9d",
101
+ "defaultDisabledIcon": "#a19f9d",
102
+ "defaultDisabledSecondaryContent": "#a19f9d",
103
+ "defaultFocusedBackground": "#edebe9",
104
+ "defaultFocusedBorder": "#8a8886",
105
+ "defaultFocusedContent": "#201f1e",
106
+ "defaultFocusedIcon": "#201f1e",
107
+ "defaultHoveredBackground": "#edebe9",
108
+ "defaultHoveredBorder": "#8a8886",
109
+ "defaultHoveredContent": "#201f1e",
110
+ "defaultHoveredIcon": "#201f1e",
111
+ "defaultHoveredSecondaryContent": "#a19f9d",
112
+ "defaultIcon": "#323130",
113
+ "defaultPressedBackground": "#edebe9",
114
+ "defaultPressedBorder": "#8a8886",
115
+ "defaultPressedContent": "#201f1e",
116
+ "defaultPressedIcon": "#201f1e",
117
+ "defaultPressedSecondaryContent": "#a19f9d",
118
+ "defaultStateBackground": "#faf9f8",
119
+ "disabledBackground": "#f3f2f1",
120
+ "disabledBodySubtext": "#c8c6c4",
121
+ "disabledBodyText": "#a19f9d",
122
+ "disabledSubtext": "#d2d0ce",
123
+ "disabledText": "#a19f9d",
124
+ "errorBackground": "rgba(245, 135, 145, .2)",
125
+ "errorText": "#a4262c",
126
+ "focusBorder": "#605e5c",
127
+ "ghostBackground": "#ffffff",
128
+ "ghostBorder": "#ffffff",
129
+ "ghostCheckedBackground": "#edebe9",
130
+ "ghostCheckedContent": "#000000",
131
+ "ghostCheckedHoveredBackground": "#f3f2f1",
132
+ "ghostCheckedHoveredBorder": "#201f1e",
133
+ "ghostCheckedHoveredContent": "#201f1e",
134
+ "ghostContent": "#323130",
135
+ "ghostDisabledBackground": "#ffffff",
136
+ "ghostDisabledBorder": "#ffffff",
137
+ "ghostDisabledContent": "#a19f9d",
138
+ "ghostDisabledIcon": "#a19f9d",
139
+ "ghostFocusedBackground": "#f3f2f1",
140
+ "ghostFocusedBorder": "#8a8886",
141
+ "ghostFocusedContent": "#201f1e",
142
+ "ghostFocusedIcon": "#201f1e",
143
+ "ghostFocusedSecondaryContent": "#605e5c",
144
+ "ghostHoveredBackground": "#f3f2f1",
145
+ "ghostHoveredBorder": "#f3f2f1",
146
+ "ghostHoveredContent": "#201f1e",
147
+ "ghostHoveredIcon": "#201f1e",
148
+ "ghostHoveredSecondaryContent": "#605e5c",
149
+ "ghostIcon": "#323130",
150
+ "ghostPressedBackground": "#edebe9",
151
+ "ghostPressedBorder": "#edebe9",
152
+ "ghostPressedContent": "#201f1e",
153
+ "ghostPressedIcon": "#201f1e",
154
+ "ghostPressedSecondaryContent": "#605e5c",
155
+ "ghostSecondaryContent": "#605e5c",
156
+ "inputBackground": "#ffffff",
157
+ "inputBackgroundChecked": "#0078d4",
158
+ "inputBackgroundCheckedHovered": "#106ebe",
159
+ "inputBorder": "#a19f9d",
160
+ "inputBorderHovered": "#323130",
161
+ "inputFocusBorderAlt": "#0078d4",
162
+ "inputForegroundChecked": "#ffffff",
163
+ "inputPlaceholderText": "#605e5c",
164
+ "inputText": "#323130",
165
+ "inputTextHovered": "#201f1e",
166
+ "link": "#0078d4",
167
+ "linkHovered": undefined,
168
+ "linkPressed": "#005a9e",
169
+ "listBackground": "#ffffff",
170
+ "listHeaderBackgroundHovered": "#f3f2f1",
171
+ "listHeaderBackgroundPressed": "#edebe9",
172
+ "listItemBackgroundChecked": "#edebe9",
173
+ "listItemBackgroundCheckedHovered": "#e1dfdd",
174
+ "listItemBackgroundHovered": "#f3f2f1",
175
+ "listText": "#323130",
176
+ "menuBackground": "#ffffff",
177
+ "menuDivider": "#c8c6c4",
178
+ "menuHeader": "#0078d4",
179
+ "menuIcon": "#0078d4",
180
+ "menuItemBackgroundHovered": "#f3f2f1",
181
+ "menuItemBackgroundPressed": "#edebe9",
182
+ "menuItemText": "#323130",
183
+ "menuItemTextHovered": "#201f1e",
184
+ "neutralBackground1": "#ffffff",
185
+ "neutralBackground1Hover": "#f5f5f5",
186
+ "neutralBackground1Pressed": "#e0e0e0",
187
+ "neutralBackground1Selected": "#ebebeb",
188
+ "neutralBackground2": "#fafafa",
189
+ "neutralBackground2Hover": "#f0f0f0",
190
+ "neutralBackground2Pressed": "#dbdbdb",
191
+ "neutralBackground2Selected": "#e6e6e6",
192
+ "neutralBackground3": "#f5f5f5",
193
+ "neutralBackground3Hover": "#ebebeb",
194
+ "neutralBackground3Pressed": "#d6d6d6",
195
+ "neutralBackground3Selected": "#e0e0e0",
196
+ "neutralBackground4": "#f0f0f0",
197
+ "neutralBackground4Hover": "#fafafa",
198
+ "neutralBackground4Pressed": "#f5f5f5",
199
+ "neutralBackground4Selected": "#ffffff",
200
+ "neutralBackground5": "#ebebeb",
201
+ "neutralBackground5Hover": "#f5f5f5",
202
+ "neutralBackground5Pressed": "#f0f0f0",
203
+ "neutralBackground5Selected": "#fafafa",
204
+ "neutralBackground6": "#e6e6e6",
205
+ "neutralBackgroundDisabled": "#f0f0f0",
206
+ "neutralBackgroundInverted": "#616161",
207
+ "neutralForeground1": "#242424",
208
+ "neutralForeground1Hover": "#242424",
209
+ "neutralForeground1Pressed": "#242424",
210
+ "neutralForeground1Selected": "#242424",
211
+ "neutralForeground2": "#424242",
212
+ "neutralForeground2BrandHover": "#0078d4",
213
+ "neutralForeground2BrandPressed": "#106ebe",
214
+ "neutralForeground2BrandSelected": "#0078d4",
215
+ "neutralForeground2Hover": "#242424",
216
+ "neutralForeground2Pressed": "#242424",
217
+ "neutralForeground2Selected": "#242424",
218
+ "neutralForeground3": "#616161",
219
+ "neutralForeground3BrandHover": "#0078d4",
220
+ "neutralForeground3BrandPressed": "#106ebe",
221
+ "neutralForeground3BrandSelected": "#0078d4",
222
+ "neutralForeground3Hover": "#424242",
223
+ "neutralForeground3Pressed": "#424242",
224
+ "neutralForeground3Selected": "#424242",
225
+ "neutralForeground4": "#707070",
226
+ "neutralForegroundDisabled": "#bdbdbd",
227
+ "neutralForegroundInverted": "#ffffff",
228
+ "neutralForegroundInvertedLink": "#ffffff",
229
+ "neutralForegroundInvertedLinkHover": "#ffffff",
230
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
231
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
232
+ "neutralForegroundOnBrand": "#ffffff",
233
+ "neutralForegroundOnBrandHover": "#ffffff",
234
+ "neutralForegroundOnBrandPressed": "#ffffff",
235
+ "neutralForegroundOnBrandSelected": "#ffffff",
236
+ "neutralStencil1": "#e6e6e6",
237
+ "neutralStencil2": "#fafafa",
238
+ "neutralStroke1": "#d1d1d1",
239
+ "neutralStroke1Hover": "#c7c7c7",
240
+ "neutralStroke1Pressed": "#b3b3b3",
241
+ "neutralStroke1Selected": "#bdbdbd",
242
+ "neutralStroke2": "#e0e0e0",
243
+ "neutralStroke3": "#f0f0f0",
244
+ "neutralStrokeAccessible": "#616161",
245
+ "neutralStrokeAccessibleHover": "#575757",
246
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
247
+ "neutralStrokeAccessibleSelected": "#0078d4",
248
+ "neutralStrokeDisabled": "#e0e0e0",
249
+ "personaActivityGlow": "#0078d4",
250
+ "personaActivityRing": "#ffffff",
251
+ "primaryButtonBackground": "#0078d4",
252
+ "primaryButtonBackgroundDisabled": "#f3f2f1",
253
+ "primaryButtonBackgroundHovered": "#106ebe",
254
+ "primaryButtonBackgroundPressed": "#005a9e",
255
+ "primaryButtonBorder": "transparent",
256
+ "primaryButtonBorderFocused": "transparent",
257
+ "primaryButtonText": "#ffffff",
258
+ "primaryButtonTextDisabled": "#d2d0ce",
259
+ "primaryButtonTextHovered": "#ffffff",
260
+ "primaryButtonTextPressed": "#ffffff",
261
+ "redBackground1": "#f9f0f2",
262
+ "redBackground2": "#d69ca5",
263
+ "redBackground3": "#750b1c",
264
+ "redBorder1": "#d69ca5",
265
+ "redBorder2": "#750b1c",
266
+ "redBorderActive": "#750b1c",
267
+ "redForeground1": "#690a19",
268
+ "redForeground2": "#d69ca5",
269
+ "redForeground3": "#750b1c",
270
+ "smallInputBorder": "#605e5c",
271
+ "strokeFocus1": "#ffffff",
272
+ "strokeFocus2": "#000000",
273
+ "subText": "#605e5c",
274
+ "subtleBackground": "transparent",
275
+ "subtleBackgroundHover": "#f5f5f5",
276
+ "subtleBackgroundPressed": "#e0e0e0",
277
+ "subtleBackgroundSelected": "#ebebeb",
278
+ "successBackground": "rgba(95, 210, 85, .2)",
279
+ "transparentBackground": "transparent",
280
+ "transparentBackgroundHover": "transparent",
281
+ "transparentBackgroundPressed": "transparent",
282
+ "transparentBackgroundSelected": "transparent",
283
+ "transparentStroke": "transparent",
284
+ "transparentStrokeDisabled": "transparent",
285
+ "transparentStrokeInteractive": "transparent",
286
+ "variantBorder": "#edebe9",
287
+ "variantBorderHovered": "#a19f9d",
288
+ "warningBackground": "rgba(255, 200, 10, .2)",
289
+ "warningHighlight": "#ffb900",
290
+ "warningText": "#333333",
291
+ },
292
+ "components": Object {},
293
+ "host": Object {
294
+ "appearance": "light",
295
+ },
296
+ "shadows": Object {
297
+ "shadow16": Object {
298
+ "ambient": Object {
299
+ "blur": 2,
300
+ "color": "#0000001f",
301
+ "x": 0,
302
+ "y": 0,
303
+ },
304
+ "key": Object {
305
+ "blur": 16,
306
+ "color": "#00000024",
307
+ "x": 0,
308
+ "y": 8,
309
+ },
310
+ },
311
+ "shadow16brand": Object {
312
+ "ambient": Object {
313
+ "blur": 2,
314
+ "color": "#0000004d",
315
+ "x": 0,
316
+ "y": 0,
317
+ },
318
+ "key": Object {
319
+ "blur": 16,
320
+ "color": "#00000040",
321
+ "x": 0,
322
+ "y": 8,
323
+ },
324
+ },
325
+ "shadow2": Object {
326
+ "ambient": Object {
327
+ "blur": 2,
328
+ "color": "#0000001f",
329
+ "x": 0,
330
+ "y": 0,
331
+ },
332
+ "key": Object {
333
+ "blur": 2,
334
+ "color": "#00000024",
335
+ "x": 0,
336
+ "y": 1,
337
+ },
338
+ },
339
+ "shadow28": Object {
340
+ "ambient": Object {
341
+ "blur": 8,
342
+ "color": "#00000033",
343
+ "x": 0,
344
+ "y": 0,
345
+ },
346
+ "key": Object {
347
+ "blur": 28,
348
+ "color": "#0000003d",
349
+ "x": 0,
350
+ "y": 14,
351
+ },
352
+ },
353
+ "shadow28brand": Object {
354
+ "ambient": Object {
355
+ "blur": 8,
356
+ "color": "#0000004d",
357
+ "x": 0,
358
+ "y": 0,
359
+ },
360
+ "key": Object {
361
+ "blur": 28,
362
+ "color": "#00000040",
363
+ "x": 0,
364
+ "y": 14,
365
+ },
366
+ },
367
+ "shadow2brand": Object {
368
+ "ambient": Object {
369
+ "blur": 2,
370
+ "color": "#0000004d",
371
+ "x": 0,
372
+ "y": 0,
373
+ },
374
+ "key": Object {
375
+ "blur": 2,
376
+ "color": "#00000040",
377
+ "x": 0,
378
+ "y": 1,
379
+ },
380
+ },
381
+ "shadow4": Object {
382
+ "ambient": Object {
383
+ "blur": 2,
384
+ "color": "#0000001f",
385
+ "x": 0,
386
+ "y": 0,
387
+ },
388
+ "key": Object {
389
+ "blur": 4,
390
+ "color": "#00000024",
391
+ "x": 0,
392
+ "y": 2,
393
+ },
394
+ },
395
+ "shadow4brand": Object {
396
+ "ambient": Object {
397
+ "blur": 2,
398
+ "color": "#0000004d",
399
+ "x": 0,
400
+ "y": 0,
401
+ },
402
+ "key": Object {
403
+ "blur": 4,
404
+ "color": "#00000040",
405
+ "x": 0,
406
+ "y": 2,
407
+ },
408
+ },
409
+ "shadow64": Object {
410
+ "ambient": Object {
411
+ "blur": 8,
412
+ "color": "#00000033",
413
+ "x": 0,
414
+ "y": 0,
415
+ },
416
+ "key": Object {
417
+ "blur": 64,
418
+ "color": "#0000003d",
419
+ "x": 0,
420
+ "y": 32,
421
+ },
422
+ },
423
+ "shadow64brand": Object {
424
+ "ambient": Object {
425
+ "blur": 8,
426
+ "color": "#0000004d",
427
+ "x": 0,
428
+ "y": 0,
429
+ },
430
+ "key": Object {
431
+ "blur": 64,
432
+ "color": "#00000040",
433
+ "x": 0,
434
+ "y": 32,
435
+ },
436
+ },
437
+ "shadow8": Object {
438
+ "ambient": Object {
439
+ "blur": 2,
440
+ "color": "#0000001f",
441
+ "x": 0,
442
+ "y": 0,
443
+ },
444
+ "key": Object {
445
+ "blur": 8,
446
+ "color": "#00000024",
447
+ "x": 0,
448
+ "y": 4,
449
+ },
450
+ },
451
+ "shadow8brand": Object {
452
+ "ambient": Object {
453
+ "blur": 2,
454
+ "color": "#0000004d",
455
+ "x": 0,
456
+ "y": 0,
457
+ },
458
+ "key": Object {
459
+ "blur": 8,
460
+ "color": "#00000040",
461
+ "x": 0,
462
+ "y": 4,
463
+ },
464
+ },
465
+ },
466
+ "spacing": Object {
467
+ "l1": "20px",
468
+ "l2": "32px",
469
+ "m": "16px",
470
+ "s1": "8px",
471
+ "s2": "4px",
472
+ },
473
+ "typography": Object {
474
+ "families": Object {
475
+ "cursive": "System",
476
+ "monospace": "System",
477
+ "primary": "Segoe UI",
478
+ "sansSerif": "System",
479
+ "secondary": "Segoe UI",
480
+ "serif": "System",
481
+ },
482
+ "sizes": Object {
483
+ "body": 14,
484
+ "caption": 10,
485
+ "header": 20,
486
+ "hero": 28,
487
+ "heroLarge": 40,
488
+ "secondary": 12,
489
+ "subheader": 16,
490
+ },
491
+ "variants": Object {
492
+ "body1": Object {
493
+ "face": "primary",
494
+ "size": "secondary",
495
+ "weight": "regular",
496
+ },
497
+ "body1Strong": Object {
498
+ "face": "primary",
499
+ "size": "secondary",
500
+ "weight": "semiBold",
501
+ },
502
+ "body2": Object {
503
+ "face": "primary",
504
+ "size": "body",
505
+ "weight": "regular",
506
+ },
507
+ "body2Strong": Object {
508
+ "face": "primary",
509
+ "size": "body",
510
+ "weight": "semiBold",
511
+ },
512
+ "bodySemibold": Object {
513
+ "face": "primary",
514
+ "size": "body",
515
+ "weight": "semiBold",
516
+ },
517
+ "bodyStandard": Object {
518
+ "face": "primary",
519
+ "size": "body",
520
+ "weight": "regular",
521
+ },
522
+ "caption1": Object {
523
+ "face": "primary",
524
+ "size": "caption",
525
+ "weight": "regular",
526
+ },
527
+ "captionStandard": Object {
528
+ "face": "primary",
529
+ "size": "caption",
530
+ "weight": "regular",
531
+ },
532
+ "display": Object {
533
+ "face": "primary",
534
+ "size": "heroLarge",
535
+ "weight": "semiBold",
536
+ },
537
+ "headerSemibold": Object {
538
+ "face": "primary",
539
+ "size": "header",
540
+ "weight": "semiBold",
541
+ },
542
+ "headerStandard": Object {
543
+ "face": "primary",
544
+ "size": "header",
545
+ "weight": "regular",
546
+ },
547
+ "heroLargeSemibold": Object {
548
+ "face": "primary",
549
+ "size": "heroLarge",
550
+ "weight": "semiBold",
551
+ },
552
+ "heroLargeStandard": Object {
553
+ "face": "primary",
554
+ "size": "heroLarge",
555
+ "weight": "regular",
556
+ },
557
+ "heroSemibold": Object {
558
+ "face": "primary",
559
+ "size": "hero",
560
+ "weight": "semiBold",
561
+ },
562
+ "heroStandard": Object {
563
+ "face": "primary",
564
+ "size": "hero",
565
+ "weight": "regular",
566
+ },
567
+ "largeTitle": Object {
568
+ "face": "primary",
569
+ "size": "heroLarge",
570
+ "weight": "regular",
571
+ },
572
+ "secondarySemibold": Object {
573
+ "face": "primary",
574
+ "size": "secondary",
575
+ "weight": "semiBold",
576
+ },
577
+ "secondaryStandard": Object {
578
+ "face": "primary",
579
+ "size": "secondary",
580
+ "weight": "regular",
581
+ },
582
+ "subheaderSemibold": Object {
583
+ "face": "primary",
584
+ "size": "subheader",
585
+ "weight": "semiBold",
586
+ },
587
+ "subheaderStandard": Object {
588
+ "face": "primary",
589
+ "size": "subheader",
590
+ "weight": "regular",
591
+ },
592
+ "subtitle1": Object {
593
+ "face": "primary",
594
+ "size": "header",
595
+ "weight": "regular",
596
+ },
597
+ "subtitle1Strong": Object {
598
+ "face": "primary",
599
+ "size": "header",
600
+ "weight": "semiBold",
601
+ },
602
+ "subtitle2": Object {
603
+ "face": "primary",
604
+ "size": "subheader",
605
+ "weight": "regular",
606
+ },
607
+ "subtitle2Strong": Object {
608
+ "face": "primary",
609
+ "size": "subheader",
610
+ "weight": "semiBold",
611
+ },
612
+ "title1": Object {
613
+ "face": "primary",
614
+ "size": "hero",
615
+ "weight": "regular",
616
+ },
617
+ "title1Strong": Object {
618
+ "face": "primary",
619
+ "size": "hero",
620
+ "weight": "semiBold",
621
+ },
622
+ },
623
+ "weights": Object {
624
+ "regular": "400",
625
+ "semiBold": "600",
626
+ },
627
+ },
628
+ }
629
+ `;
630
+
631
+ exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: false 1`] = `
632
+ Object {
633
+ "brandBackground": "#0086f0",
634
+ "brandBackground2": "#092c47",
635
+ "brandBackgroundDisabled": "#575757",
636
+ "brandBackgroundHover": "#1890f1",
637
+ "brandBackgroundPressed": "#1890f1",
638
+ "brandBackgroundSelected": "#3aa0f3",
639
+ "brandBackgroundStatic": "#0086f0",
640
+ "brandForeground1": "#0086f0",
641
+ "brandForeground1Disabled": "#c2c2c2",
642
+ "brandForeground1Pressed": "#6cb8f6",
643
+ "brandForeground2": "#092c47",
644
+ "brandForegroundLink": "#043862",
645
+ "brandForegroundLinkHover": "#092c47",
646
+ "brandForegroundLinkPressed": "#0078d4",
647
+ "brandForegroundLinkSelected": "#092c47",
648
+ "brandStroke1": "#0086f0",
649
+ "brandStroke2": "#004c87",
650
+ "compoundBrandBackground1": "#0086f0",
651
+ "compoundBrandBackground1Hover": "#1890f1",
652
+ "compoundBrandBackground1Pressed": "#6cb8f6",
653
+ "compoundBrandForeground1": "#043862",
654
+ "compoundBrandForeground1Hover": "#092c47",
655
+ "compoundBrandForeground1Pressed": "#0078d4",
656
+ "compoundBrandStroke1": "#0086f0",
657
+ "compoundBrandStroke1Hover": "#1890f1",
658
+ "compoundBrandStroke1Pressed": "#6cb8f6",
659
+ "neutralBackground1": "#000000",
660
+ "neutralBackground1Hover": "#3d3d3d",
661
+ "neutralBackground1Pressed": "#5c5c5c",
662
+ "neutralBackground1Selected": "#383838",
663
+ "neutralBackground2": "#575757",
664
+ "neutralBackground2Hover": "#333333",
665
+ "neutralBackground2Pressed": "#707070",
666
+ "neutralBackground2Selected": "#2e2e2e",
667
+ "neutralBackground3": "#575757",
668
+ "neutralBackground3Hover": "#292929",
669
+ "neutralBackground3Pressed": "#0a0a0a",
670
+ "neutralBackground3Selected": "#242424",
671
+ "neutralBackground4": "#1f1f1f",
672
+ "neutralBackground4Hover": "#1f1f1f",
673
+ "neutralBackground4Pressed": "#000000",
674
+ "neutralBackground4Selected": "#1a1a1a",
675
+ "neutralBackground5": "#5c5c5c",
676
+ "neutralBackground5Hover": "#141414",
677
+ "neutralBackground5Pressed": "#050505",
678
+ "neutralBackground5Selected": "#0f0f0f",
679
+ "neutralBackground6": "#333333",
680
+ "neutralBackgroundDisabled": "#575757",
681
+ "neutralBackgroundInverted": "#ffffff",
682
+ "neutralForeground1": "#ffffff",
683
+ "neutralForeground1Hover": "#ffffff",
684
+ "neutralForeground1Pressed": "#ffffff",
685
+ "neutralForeground1Selected": "#ffffff",
686
+ "neutralForeground2": "#ffffff",
687
+ "neutralForeground2BrandHover": "#092c47",
688
+ "neutralForeground2BrandPressed": "#0078d4",
689
+ "neutralForeground2BrandSelected": "#092c47",
690
+ "neutralForeground2Hover": "#ffffff",
691
+ "neutralForeground2Pressed": "#ffffff",
692
+ "neutralForeground2Selected": "#ffffff",
693
+ "neutralForeground3": "#adadad",
694
+ "neutralForeground3BrandHover": "#092c47",
695
+ "neutralForeground3BrandPressed": "#0078d4",
696
+ "neutralForeground3BrandSelected": "#092c47",
697
+ "neutralForeground3Hover": "#d6d6d6",
698
+ "neutralForeground3Pressed": "#d6d6d6",
699
+ "neutralForeground3Selected": "#d6d6d6",
700
+ "neutralForeground4": "#858585",
701
+ "neutralForegroundDisabled": "#b8b8b8",
702
+ "neutralForegroundInverted": "#ffffff",
703
+ "neutralForegroundInvertedLink": "#292929",
704
+ "neutralForegroundInvertedLinkHover": "#292929",
705
+ "neutralForegroundInvertedLinkPressed": "#292929",
706
+ "neutralForegroundInvertedLinkSelected": "#292929",
707
+ "neutralForegroundOnBrand": "#ffffff",
708
+ "neutralForegroundOnBrandHover": "#ffffff",
709
+ "neutralForegroundOnBrandPressed": "#ffffff",
710
+ "neutralForegroundOnBrandSelected": "#ffffff",
711
+ "neutralStencil1": "#333333",
712
+ "neutralStencil2": "#575757",
713
+ "neutralStroke1": "#3d3d3d",
714
+ "neutralStroke1Hover": "#757575",
715
+ "neutralStroke1Pressed": "#6b6b6b",
716
+ "neutralStroke1Selected": "#707070",
717
+ "neutralStroke2": "#575757",
718
+ "neutralStroke3": "#666666",
719
+ "neutralStrokeAccessible": "#adadad",
720
+ "neutralStrokeAccessibleHover": "#bdbdbd",
721
+ "neutralStrokeAccessiblePressed": "#b3b3b3",
722
+ "neutralStrokeAccessibleSelected": "#0086f0",
723
+ "neutralStrokeDisabled": "#525252",
724
+ "redBackground1": "#230308",
725
+ "redBackground2": "#420610",
726
+ "redBackground3": "#750b1c",
727
+ "redBorder1": "#750b1c",
728
+ "redBorder2": "#962f3f",
729
+ "redBorderActive": "#ac4f5e",
730
+ "redForeground1": "#ac4f5e",
731
+ "redForeground2": "#420610",
732
+ "redForeground3": "#750b1c",
733
+ "strokeFocus1": "#000000",
734
+ "strokeFocus2": "#ffffff",
735
+ "subtleBackground": "transparent",
736
+ "subtleBackgroundHover": "#3d3d3d",
737
+ "subtleBackgroundPressed": "#1f1f1f",
738
+ "subtleBackgroundSelected": "#383838",
739
+ "transparentBackground": "transparent",
740
+ "transparentBackgroundHover": "transparent",
741
+ "transparentBackgroundPressed": "transparent",
742
+ "transparentBackgroundSelected": "transparent",
743
+ "transparentStroke": "transparent",
744
+ "transparentStrokeDisabled": "transparent",
745
+ "transparentStrokeInteractive": "transparent",
746
+ }
747
+ `;
748
+
749
+ exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: true 1`] = `
750
+ Object {
751
+ "brandBackground": "#0086f0",
752
+ "brandBackground2": "#092c47",
753
+ "brandBackgroundDisabled": "#575757",
754
+ "brandBackgroundHover": "#1890f1",
755
+ "brandBackgroundPressed": "#1890f1",
756
+ "brandBackgroundSelected": "#3aa0f3",
757
+ "brandBackgroundStatic": "#0086f0",
758
+ "brandForeground1": "#0086f0",
759
+ "brandForeground1Disabled": "#c2c2c2",
760
+ "brandForeground1Pressed": "#6cb8f6",
761
+ "brandForeground2": "#092c47",
762
+ "brandForegroundLink": "#043862",
763
+ "brandForegroundLinkHover": "#092c47",
764
+ "brandForegroundLinkPressed": "#0078d4",
765
+ "brandForegroundLinkSelected": "#092c47",
766
+ "brandStroke1": "#0086f0",
767
+ "brandStroke2": "#004c87",
768
+ "compoundBrandBackground1": "#0086f0",
769
+ "compoundBrandBackground1Hover": "#1890f1",
770
+ "compoundBrandBackground1Pressed": "#6cb8f6",
771
+ "compoundBrandForeground1": "#043862",
772
+ "compoundBrandForeground1Hover": "#092c47",
773
+ "compoundBrandForeground1Pressed": "#0078d4",
774
+ "compoundBrandStroke1": "#0086f0",
775
+ "compoundBrandStroke1Hover": "#1890f1",
776
+ "compoundBrandStroke1Pressed": "#6cb8f6",
777
+ "neutralBackground1": "#000000",
778
+ "neutralBackground1Hover": "#3d3d3d",
779
+ "neutralBackground1Pressed": "#5c5c5c",
780
+ "neutralBackground1Selected": "#383838",
781
+ "neutralBackground2": "#575757",
782
+ "neutralBackground2Hover": "#333333",
783
+ "neutralBackground2Pressed": "#707070",
784
+ "neutralBackground2Selected": "#2e2e2e",
785
+ "neutralBackground3": "#575757",
786
+ "neutralBackground3Hover": "#292929",
787
+ "neutralBackground3Pressed": "#0a0a0a",
788
+ "neutralBackground3Selected": "#242424",
789
+ "neutralBackground4": "#1f1f1f",
790
+ "neutralBackground4Hover": "#1f1f1f",
791
+ "neutralBackground4Pressed": "#000000",
792
+ "neutralBackground4Selected": "#1a1a1a",
793
+ "neutralBackground5": "#5c5c5c",
794
+ "neutralBackground5Hover": "#141414",
795
+ "neutralBackground5Pressed": "#050505",
796
+ "neutralBackground5Selected": "#0f0f0f",
797
+ "neutralBackground6": "#333333",
798
+ "neutralBackgroundDisabled": "#575757",
799
+ "neutralBackgroundInverted": "#ffffff",
800
+ "neutralForeground1": "#ffffff",
801
+ "neutralForeground1Hover": "#ffffff",
802
+ "neutralForeground1Pressed": "#ffffff",
803
+ "neutralForeground1Selected": "#ffffff",
804
+ "neutralForeground2": "#ffffff",
805
+ "neutralForeground2BrandHover": "#092c47",
806
+ "neutralForeground2BrandPressed": "#0078d4",
807
+ "neutralForeground2BrandSelected": "#092c47",
808
+ "neutralForeground2Hover": "#ffffff",
809
+ "neutralForeground2Pressed": "#ffffff",
810
+ "neutralForeground2Selected": "#ffffff",
811
+ "neutralForeground3": "#d6d6d6",
812
+ "neutralForeground3BrandHover": "#092c47",
813
+ "neutralForeground3BrandPressed": "#0078d4",
814
+ "neutralForeground3BrandSelected": "#092c47",
815
+ "neutralForeground3Hover": "#d6d6d6",
816
+ "neutralForeground3Pressed": "#d6d6d6",
817
+ "neutralForeground3Selected": "#d6d6d6",
818
+ "neutralForeground4": "#d6d6d6",
819
+ "neutralForegroundDisabled": "#b8b8b8",
820
+ "neutralForegroundInverted": "#ffffff",
821
+ "neutralForegroundInvertedLink": "#292929",
822
+ "neutralForegroundInvertedLinkHover": "#292929",
823
+ "neutralForegroundInvertedLinkPressed": "#292929",
824
+ "neutralForegroundInvertedLinkSelected": "#292929",
825
+ "neutralForegroundOnBrand": "#ffffff",
826
+ "neutralForegroundOnBrandHover": "#ffffff",
827
+ "neutralForegroundOnBrandPressed": "#ffffff",
828
+ "neutralForegroundOnBrandSelected": "#ffffff",
829
+ "neutralStencil1": "#333333",
830
+ "neutralStencil2": "#575757",
831
+ "neutralStroke1": "#adadad",
832
+ "neutralStroke1Hover": "#757575",
833
+ "neutralStroke1Pressed": "#6b6b6b",
834
+ "neutralStroke1Selected": "#707070",
835
+ "neutralStroke2": "#a8a8a8",
836
+ "neutralStroke3": "#adadad",
837
+ "neutralStrokeAccessible": "#d6d6d6",
838
+ "neutralStrokeAccessibleHover": "#bdbdbd",
839
+ "neutralStrokeAccessiblePressed": "#b3b3b3",
840
+ "neutralStrokeAccessibleSelected": "#0086f0",
841
+ "neutralStrokeDisabled": "#525252",
842
+ "redBackground1": "#230308",
843
+ "redBackground2": "#420610",
844
+ "redBackground3": "#750b1c",
845
+ "redBorder1": "#750b1c",
846
+ "redBorder2": "#962f3f",
847
+ "redBorderActive": "#ac4f5e",
848
+ "redForeground1": "#ac4f5e",
849
+ "redForeground2": "#420610",
850
+ "redForeground3": "#750b1c",
851
+ "strokeFocus1": "#000000",
852
+ "strokeFocus2": "#ffffff",
853
+ "subtleBackground": "transparent",
854
+ "subtleBackgroundHover": "#3d3d3d",
855
+ "subtleBackgroundPressed": "#1f1f1f",
856
+ "subtleBackgroundSelected": "#383838",
857
+ "transparentBackground": "transparent",
858
+ "transparentBackgroundHover": "transparent",
859
+ "transparentBackgroundPressed": "transparent",
860
+ "transparentBackgroundSelected": "transparent",
861
+ "transparentStroke": "#3aa0f3",
862
+ "transparentStrokeDisabled": "#d6d6d6",
863
+ "transparentStrokeInteractive": "#a8a8a8",
864
+ }
865
+ `;
866
+
867
+ exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: false 1`] = `
868
+ Object {
869
+ "brandBackground": "#0078d4",
870
+ "brandBackground2": "#eff6fc",
871
+ "brandBackgroundDisabled": "#d1d1d1",
872
+ "brandBackgroundHover": "#106ebe",
873
+ "brandBackgroundPressed": "#106ebe",
874
+ "brandBackgroundSelected": "#005a9e",
875
+ "brandBackgroundStatic": "#0078d4",
876
+ "brandForeground1": "#0078d4",
877
+ "brandForeground1Disabled": "#757575",
878
+ "brandForeground1Pressed": "#004578",
879
+ "brandForeground2": "#106ebe",
880
+ "brandForegroundLink": "#0078d4",
881
+ "brandForegroundLinkHover": "#106ebe",
882
+ "brandForegroundLinkPressed": "#004578",
883
+ "brandForegroundLinkSelected": "#005a9e",
884
+ "brandStroke1": "#0078d4",
885
+ "brandStroke2": "#c7e0f4",
886
+ "compoundBrandBackground1": "#0078d4",
887
+ "compoundBrandBackground1Hover": "#106ebe",
888
+ "compoundBrandBackground1Pressed": "#004578",
889
+ "compoundBrandForeground1": "#0078d4",
890
+ "compoundBrandForeground1Hover": "#106ebe",
891
+ "compoundBrandForeground1Pressed": "#004578",
892
+ "compoundBrandStroke1": "#0078d4",
893
+ "compoundBrandStroke1Hover": "#106ebe",
894
+ "compoundBrandStroke1Pressed": "#004578",
895
+ "neutralBackground1": "#ffffff",
896
+ "neutralBackground1Hover": "#f5f5f5",
897
+ "neutralBackground1Pressed": "#ebebeb",
898
+ "neutralBackground1Selected": "#ebebeb",
899
+ "neutralBackground2": "#ffffff",
900
+ "neutralBackground2Hover": "#f0f0f0",
901
+ "neutralBackground2Pressed": "#ebebeb",
902
+ "neutralBackground2Selected": "#e6e6e6",
903
+ "neutralBackground3": "#f5f5f5",
904
+ "neutralBackground3Hover": "#ebebeb",
905
+ "neutralBackground3Pressed": "#d6d6d6",
906
+ "neutralBackground3Selected": "#e0e0e0",
907
+ "neutralBackground4": "#f0f0f0",
908
+ "neutralBackground4Hover": "#fafafa",
909
+ "neutralBackground4Pressed": "#f5f5f5",
910
+ "neutralBackground4Selected": "#ffffff",
911
+ "neutralBackground5": "#ebebeb",
912
+ "neutralBackground5Hover": "#f5f5f5",
913
+ "neutralBackground5Pressed": "#f0f0f0",
914
+ "neutralBackground5Selected": "#fafafa",
915
+ "neutralBackground6": "#e6e6e6",
916
+ "neutralBackgroundDisabled": "#f0f0f0",
917
+ "neutralBackgroundInverted": "#616161",
918
+ "neutralForeground1": "#242424",
919
+ "neutralForeground1Hover": "#242424",
920
+ "neutralForeground1Pressed": "#242424",
921
+ "neutralForeground1Selected": "#242424",
922
+ "neutralForeground2": "#000000",
923
+ "neutralForeground2BrandHover": "#106ebe",
924
+ "neutralForeground2BrandPressed": "#004578",
925
+ "neutralForeground2BrandSelected": "#005a9e",
926
+ "neutralForeground2Hover": "#242424",
927
+ "neutralForeground2Pressed": "#242424",
928
+ "neutralForeground2Selected": "#242424",
929
+ "neutralForeground3": "#616161",
930
+ "neutralForeground3BrandHover": "#106ebe",
931
+ "neutralForeground3BrandPressed": "#004578",
932
+ "neutralForeground3BrandSelected": "#005a9e",
933
+ "neutralForeground3Hover": "#424242",
934
+ "neutralForeground3Pressed": "#424242",
935
+ "neutralForeground3Selected": "#424242",
936
+ "neutralForeground4": "#808080",
937
+ "neutralForegroundDisabled": "#757575",
938
+ "neutralForegroundInverted": "#ffffff",
939
+ "neutralForegroundInvertedLink": "#ffffff",
940
+ "neutralForegroundInvertedLinkHover": "#ffffff",
941
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
942
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
943
+ "neutralForegroundOnBrand": "#ffffff",
944
+ "neutralForegroundOnBrandHover": "#ffffff",
945
+ "neutralForegroundOnBrandPressed": "#ffffff",
946
+ "neutralForegroundOnBrandSelected": "#ffffff",
947
+ "neutralStencil1": "#e6e6e6",
948
+ "neutralStencil2": "#fafafa",
949
+ "neutralStroke1": "#f0f0f0",
950
+ "neutralStroke1Hover": "#c7c7c7",
951
+ "neutralStroke1Pressed": "#b3b3b3",
952
+ "neutralStroke1Selected": "#bdbdbd",
953
+ "neutralStroke2": "#d6d6d6",
954
+ "neutralStroke3": "#f0f0f0",
955
+ "neutralStrokeAccessible": "#616161",
956
+ "neutralStrokeAccessibleHover": "#575757",
957
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
958
+ "neutralStrokeAccessibleSelected": "#0078d4",
959
+ "neutralStrokeDisabled": "#e0e0e0",
960
+ "redBackground1": "#f9f0f2",
961
+ "redBackground2": "#d69ca5",
962
+ "redBackground3": "#750b1c",
963
+ "redBorder1": "#d69ca5",
964
+ "redBorder2": "#750b1c",
965
+ "redBorderActive": "#750b1c",
966
+ "redForeground1": "#690a19",
967
+ "redForeground2": "#d69ca5",
968
+ "redForeground3": "#750b1c",
969
+ "strokeFocus1": "#ffffff",
970
+ "strokeFocus2": "#000000",
971
+ "subtleBackground": "transparent",
972
+ "subtleBackgroundHover": "#f5f5f5",
973
+ "subtleBackgroundPressed": "#e0e0e0",
974
+ "subtleBackgroundSelected": "#ebebeb",
975
+ "transparentBackground": "transparent",
976
+ "transparentBackgroundHover": "transparent",
977
+ "transparentBackgroundPressed": "transparent",
978
+ "transparentBackgroundSelected": "transparent",
979
+ "transparentStroke": "transparent",
980
+ "transparentStrokeDisabled": "transparent",
981
+ "transparentStrokeInteractive": "transparent",
982
+ }
983
+ `;
984
+
985
+ exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: true 1`] = `
986
+ Object {
987
+ "brandBackground": "#0078d4",
988
+ "brandBackground2": "#eff6fc",
989
+ "brandBackgroundDisabled": "#d1d1d1",
990
+ "brandBackgroundHover": "#106ebe",
991
+ "brandBackgroundPressed": "#106ebe",
992
+ "brandBackgroundSelected": "#005a9e",
993
+ "brandBackgroundStatic": "#0078d4",
994
+ "brandForeground1": "#0078d4",
995
+ "brandForeground1Disabled": "#757575",
996
+ "brandForeground1Pressed": "#004578",
997
+ "brandForeground2": "#106ebe",
998
+ "brandForegroundLink": "#0078d4",
999
+ "brandForegroundLinkHover": "#106ebe",
1000
+ "brandForegroundLinkPressed": "#004578",
1001
+ "brandForegroundLinkSelected": "#005a9e",
1002
+ "brandStroke1": "#0078d4",
1003
+ "brandStroke2": "#c7e0f4",
1004
+ "compoundBrandBackground1": "#0078d4",
1005
+ "compoundBrandBackground1Hover": "#106ebe",
1006
+ "compoundBrandBackground1Pressed": "#004578",
1007
+ "compoundBrandForeground1": "#0078d4",
1008
+ "compoundBrandForeground1Hover": "#106ebe",
1009
+ "compoundBrandForeground1Pressed": "#004578",
1010
+ "compoundBrandStroke1": "#0078d4",
1011
+ "compoundBrandStroke1Hover": "#106ebe",
1012
+ "compoundBrandStroke1Pressed": "#004578",
1013
+ "neutralBackground1": "#ffffff",
1014
+ "neutralBackground1Hover": "#f5f5f5",
1015
+ "neutralBackground1Pressed": "#ebebeb",
1016
+ "neutralBackground1Selected": "#ebebeb",
1017
+ "neutralBackground2": "#ffffff",
1018
+ "neutralBackground2Hover": "#f0f0f0",
1019
+ "neutralBackground2Pressed": "#ebebeb",
1020
+ "neutralBackground2Selected": "#e6e6e6",
1021
+ "neutralBackground3": "#f5f5f5",
1022
+ "neutralBackground3Hover": "#ebebeb",
1023
+ "neutralBackground3Pressed": "#d6d6d6",
1024
+ "neutralBackground3Selected": "#e0e0e0",
1025
+ "neutralBackground4": "#f0f0f0",
1026
+ "neutralBackground4Hover": "#fafafa",
1027
+ "neutralBackground4Pressed": "#f5f5f5",
1028
+ "neutralBackground4Selected": "#ffffff",
1029
+ "neutralBackground5": "#ebebeb",
1030
+ "neutralBackground5Hover": "#f5f5f5",
1031
+ "neutralBackground5Pressed": "#f0f0f0",
1032
+ "neutralBackground5Selected": "#fafafa",
1033
+ "neutralBackground6": "#e6e6e6",
1034
+ "neutralBackgroundDisabled": "#f0f0f0",
1035
+ "neutralBackgroundInverted": "#616161",
1036
+ "neutralForeground1": "#000000",
1037
+ "neutralForeground1Hover": "#000000",
1038
+ "neutralForeground1Pressed": "#000000",
1039
+ "neutralForeground1Selected": "#000000",
1040
+ "neutralForeground2": "#000000",
1041
+ "neutralForeground2BrandHover": "#106ebe",
1042
+ "neutralForeground2BrandPressed": "#004578",
1043
+ "neutralForeground2BrandSelected": "#005a9e",
1044
+ "neutralForeground2Hover": "#242424",
1045
+ "neutralForeground2Pressed": "#242424",
1046
+ "neutralForeground2Selected": "#242424",
1047
+ "neutralForeground3": "#000000",
1048
+ "neutralForeground3BrandHover": "#106ebe",
1049
+ "neutralForeground3BrandPressed": "#004578",
1050
+ "neutralForeground3BrandSelected": "#005a9e",
1051
+ "neutralForeground3Hover": "#424242",
1052
+ "neutralForeground3Pressed": "#424242",
1053
+ "neutralForeground3Selected": "#424242",
1054
+ "neutralForeground4": "#424242",
1055
+ "neutralForegroundDisabled": "#757575",
1056
+ "neutralForegroundInverted": "#ffffff",
1057
+ "neutralForegroundInvertedLink": "#ffffff",
1058
+ "neutralForegroundInvertedLinkHover": "#ffffff",
1059
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
1060
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
1061
+ "neutralForegroundOnBrand": "#ffffff",
1062
+ "neutralForegroundOnBrandHover": "#ffffff",
1063
+ "neutralForegroundOnBrandPressed": "#ffffff",
1064
+ "neutralForegroundOnBrandSelected": "#ffffff",
1065
+ "neutralStencil1": "#e6e6e6",
1066
+ "neutralStencil2": "#fafafa",
1067
+ "neutralStroke1": "#616161",
1068
+ "neutralStroke1Hover": "#c7c7c7",
1069
+ "neutralStroke1Pressed": "#b3b3b3",
1070
+ "neutralStroke1Selected": "#bdbdbd",
1071
+ "neutralStroke2": "#000000",
1072
+ "neutralStroke3": "#616161",
1073
+ "neutralStrokeAccessible": "#242424",
1074
+ "neutralStrokeAccessibleHover": "#575757",
1075
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
1076
+ "neutralStrokeAccessibleSelected": "#0078d4",
1077
+ "neutralStrokeDisabled": "#e0e0e0",
1078
+ "redBackground1": "#f9f0f2",
1079
+ "redBackground2": "#d69ca5",
1080
+ "redBackground3": "#750b1c",
1081
+ "redBorder1": "#d69ca5",
1082
+ "redBorder2": "#750b1c",
1083
+ "redBorderActive": "#750b1c",
1084
+ "redForeground1": "#690a19",
1085
+ "redForeground2": "#d69ca5",
1086
+ "redForeground3": "#750b1c",
1087
+ "strokeFocus1": "#ffffff",
1088
+ "strokeFocus2": "#000000",
1089
+ "subtleBackground": "transparent",
1090
+ "subtleBackgroundHover": "#f5f5f5",
1091
+ "subtleBackgroundPressed": "#e0e0e0",
1092
+ "subtleBackgroundSelected": "#ebebeb",
1093
+ "transparentBackground": "transparent",
1094
+ "transparentBackgroundHover": "transparent",
1095
+ "transparentBackgroundPressed": "transparent",
1096
+ "transparentBackgroundSelected": "transparent",
1097
+ "transparentStroke": "#000000",
1098
+ "transparentStrokeDisabled": "#bdbdbd",
1099
+ "transparentStrokeInteractive": "#666666",
1100
+ }
1101
+ `;
1102
+
1103
+ exports[`createMacOSShadowAliasTokens test mode: dark, isHighContrast: false 1`] = `
1104
+ Object {
1105
+ "shadow16": Object {
1106
+ "ambient": Object {
1107
+ "blur": 2,
1108
+ "color": "#0000003d",
1109
+ "x": 0,
1110
+ "y": 0,
1111
+ },
1112
+ "key": Object {
1113
+ "blur": 16,
1114
+ "color": "#00000047",
1115
+ "x": 0,
1116
+ "y": 8,
1117
+ },
1118
+ },
1119
+ "shadow16brand": Object {
1120
+ "ambient": Object {
1121
+ "blur": 2,
1122
+ "color": "#0000004d",
1123
+ "x": 0,
1124
+ "y": 0,
1125
+ },
1126
+ "key": Object {
1127
+ "blur": 16,
1128
+ "color": "#00000040",
1129
+ "x": 0,
1130
+ "y": 8,
1131
+ },
1132
+ },
1133
+ "shadow2": Object {
1134
+ "ambient": Object {
1135
+ "blur": 2,
1136
+ "color": "#0000003d",
1137
+ "x": 0,
1138
+ "y": 0,
1139
+ },
1140
+ "key": Object {
1141
+ "blur": 2,
1142
+ "color": "#00000047",
1143
+ "x": 0,
1144
+ "y": 1,
1145
+ },
1146
+ },
1147
+ "shadow28": Object {
1148
+ "ambient": Object {
1149
+ "blur": 8,
1150
+ "color": "#00000066",
1151
+ "x": 0,
1152
+ "y": 0,
1153
+ },
1154
+ "key": Object {
1155
+ "blur": 28,
1156
+ "color": "#0000007a",
1157
+ "x": 0,
1158
+ "y": 14,
1159
+ },
1160
+ },
1161
+ "shadow28brand": Object {
1162
+ "ambient": Object {
1163
+ "blur": 8,
1164
+ "color": "#0000004d",
1165
+ "x": 0,
1166
+ "y": 0,
1167
+ },
1168
+ "key": Object {
1169
+ "blur": 28,
1170
+ "color": "#00000040",
1171
+ "x": 0,
1172
+ "y": 14,
1173
+ },
1174
+ },
1175
+ "shadow2brand": Object {
1176
+ "ambient": Object {
1177
+ "blur": 2,
1178
+ "color": "#0000004d",
1179
+ "x": 0,
1180
+ "y": 0,
1181
+ },
1182
+ "key": Object {
1183
+ "blur": 2,
1184
+ "color": "#00000040",
1185
+ "x": 0,
1186
+ "y": 1,
1187
+ },
1188
+ },
1189
+ "shadow4": Object {
1190
+ "ambient": Object {
1191
+ "blur": 2,
1192
+ "color": "#0000003d",
1193
+ "x": 0,
1194
+ "y": 0,
1195
+ },
1196
+ "key": Object {
1197
+ "blur": 4,
1198
+ "color": "#00000047",
1199
+ "x": 0,
1200
+ "y": 2,
1201
+ },
1202
+ },
1203
+ "shadow4brand": Object {
1204
+ "ambient": Object {
1205
+ "blur": 2,
1206
+ "color": "#0000004d",
1207
+ "x": 0,
1208
+ "y": 0,
1209
+ },
1210
+ "key": Object {
1211
+ "blur": 4,
1212
+ "color": "#00000040",
1213
+ "x": 0,
1214
+ "y": 2,
1215
+ },
1216
+ },
1217
+ "shadow64": Object {
1218
+ "ambient": Object {
1219
+ "blur": 8,
1220
+ "color": "#00000066",
1221
+ "x": 0,
1222
+ "y": 0,
1223
+ },
1224
+ "key": Object {
1225
+ "blur": 64,
1226
+ "color": "#0000007a",
1227
+ "x": 0,
1228
+ "y": 32,
1229
+ },
1230
+ },
1231
+ "shadow64brand": Object {
1232
+ "ambient": Object {
1233
+ "blur": 8,
1234
+ "color": "#0000004d",
1235
+ "x": 0,
1236
+ "y": 0,
1237
+ },
1238
+ "key": Object {
1239
+ "blur": 64,
1240
+ "color": "#00000040",
1241
+ "x": 0,
1242
+ "y": 32,
1243
+ },
1244
+ },
1245
+ "shadow8": Object {
1246
+ "ambient": Object {
1247
+ "blur": 2,
1248
+ "color": "#0000003d",
1249
+ "x": 0,
1250
+ "y": 0,
1251
+ },
1252
+ "key": Object {
1253
+ "blur": 8,
1254
+ "color": "#00000047",
1255
+ "x": 0,
1256
+ "y": 4,
1257
+ },
1258
+ },
1259
+ "shadow8brand": Object {
1260
+ "ambient": Object {
1261
+ "blur": 2,
1262
+ "color": "#0000004d",
1263
+ "x": 0,
1264
+ "y": 0,
1265
+ },
1266
+ "key": Object {
1267
+ "blur": 8,
1268
+ "color": "#00000040",
1269
+ "x": 0,
1270
+ "y": 4,
1271
+ },
1272
+ },
1273
+ }
1274
+ `;
1275
+
1276
+ exports[`createMacOSShadowAliasTokens test mode: dark, isHighContrast: true 1`] = `
1277
+ Object {
1278
+ "shadow16": Object {
1279
+ "ambient": Object {
1280
+ "blur": 2,
1281
+ "color": "#0000003d",
1282
+ "x": 0,
1283
+ "y": 0,
1284
+ },
1285
+ "key": Object {
1286
+ "blur": 16,
1287
+ "color": "#00000047",
1288
+ "x": 0,
1289
+ "y": 8,
1290
+ },
1291
+ },
1292
+ "shadow16brand": Object {
1293
+ "ambient": Object {
1294
+ "blur": 2,
1295
+ "color": "#0000004d",
1296
+ "x": 0,
1297
+ "y": 0,
1298
+ },
1299
+ "key": Object {
1300
+ "blur": 16,
1301
+ "color": "#00000040",
1302
+ "x": 0,
1303
+ "y": 8,
1304
+ },
1305
+ },
1306
+ "shadow2": Object {
1307
+ "ambient": Object {
1308
+ "blur": 2,
1309
+ "color": "#0000003d",
1310
+ "x": 0,
1311
+ "y": 0,
1312
+ },
1313
+ "key": Object {
1314
+ "blur": 2,
1315
+ "color": "#00000047",
1316
+ "x": 0,
1317
+ "y": 1,
1318
+ },
1319
+ },
1320
+ "shadow28": Object {
1321
+ "ambient": Object {
1322
+ "blur": 8,
1323
+ "color": "#00000066",
1324
+ "x": 0,
1325
+ "y": 0,
1326
+ },
1327
+ "key": Object {
1328
+ "blur": 28,
1329
+ "color": "#0000007a",
1330
+ "x": 0,
1331
+ "y": 14,
1332
+ },
1333
+ },
1334
+ "shadow28brand": Object {
1335
+ "ambient": Object {
1336
+ "blur": 8,
1337
+ "color": "#0000004d",
1338
+ "x": 0,
1339
+ "y": 0,
1340
+ },
1341
+ "key": Object {
1342
+ "blur": 28,
1343
+ "color": "#00000040",
1344
+ "x": 0,
1345
+ "y": 14,
1346
+ },
1347
+ },
1348
+ "shadow2brand": Object {
1349
+ "ambient": Object {
1350
+ "blur": 2,
1351
+ "color": "#0000004d",
1352
+ "x": 0,
1353
+ "y": 0,
1354
+ },
1355
+ "key": Object {
1356
+ "blur": 2,
1357
+ "color": "#00000040",
1358
+ "x": 0,
1359
+ "y": 1,
1360
+ },
1361
+ },
1362
+ "shadow4": Object {
1363
+ "ambient": Object {
1364
+ "blur": 2,
1365
+ "color": "#0000003d",
1366
+ "x": 0,
1367
+ "y": 0,
1368
+ },
1369
+ "key": Object {
1370
+ "blur": 4,
1371
+ "color": "#00000047",
1372
+ "x": 0,
1373
+ "y": 2,
1374
+ },
1375
+ },
1376
+ "shadow4brand": Object {
1377
+ "ambient": Object {
1378
+ "blur": 2,
1379
+ "color": "#0000004d",
1380
+ "x": 0,
1381
+ "y": 0,
1382
+ },
1383
+ "key": Object {
1384
+ "blur": 4,
1385
+ "color": "#00000040",
1386
+ "x": 0,
1387
+ "y": 2,
1388
+ },
1389
+ },
1390
+ "shadow64": Object {
1391
+ "ambient": Object {
1392
+ "blur": 8,
1393
+ "color": "#00000066",
1394
+ "x": 0,
1395
+ "y": 0,
1396
+ },
1397
+ "key": Object {
1398
+ "blur": 64,
1399
+ "color": "#0000007a",
1400
+ "x": 0,
1401
+ "y": 32,
1402
+ },
1403
+ },
1404
+ "shadow64brand": Object {
1405
+ "ambient": Object {
1406
+ "blur": 8,
1407
+ "color": "#0000004d",
1408
+ "x": 0,
1409
+ "y": 0,
1410
+ },
1411
+ "key": Object {
1412
+ "blur": 64,
1413
+ "color": "#00000040",
1414
+ "x": 0,
1415
+ "y": 32,
1416
+ },
1417
+ },
1418
+ "shadow8": Object {
1419
+ "ambient": Object {
1420
+ "blur": 2,
1421
+ "color": "#0000003d",
1422
+ "x": 0,
1423
+ "y": 0,
1424
+ },
1425
+ "key": Object {
1426
+ "blur": 8,
1427
+ "color": "#00000047",
1428
+ "x": 0,
1429
+ "y": 4,
1430
+ },
1431
+ },
1432
+ "shadow8brand": Object {
1433
+ "ambient": Object {
1434
+ "blur": 2,
1435
+ "color": "#0000004d",
1436
+ "x": 0,
1437
+ "y": 0,
1438
+ },
1439
+ "key": Object {
1440
+ "blur": 8,
1441
+ "color": "#00000040",
1442
+ "x": 0,
1443
+ "y": 4,
1444
+ },
1445
+ },
1446
+ }
1447
+ `;
1448
+
1449
+ exports[`createMacOSShadowAliasTokens test mode: light, isHighContrast: false 1`] = `
1450
+ Object {
1451
+ "shadow16": Object {
1452
+ "ambient": Object {
1453
+ "blur": 2,
1454
+ "color": "#0000001f",
1455
+ "x": 0,
1456
+ "y": 0,
1457
+ },
1458
+ "key": Object {
1459
+ "blur": 16,
1460
+ "color": "#00000024",
1461
+ "x": 0,
1462
+ "y": 8,
1463
+ },
1464
+ },
1465
+ "shadow16brand": Object {
1466
+ "ambient": Object {
1467
+ "blur": 2,
1468
+ "color": "#0000004d",
1469
+ "x": 0,
1470
+ "y": 0,
1471
+ },
1472
+ "key": Object {
1473
+ "blur": 16,
1474
+ "color": "#00000040",
1475
+ "x": 0,
1476
+ "y": 8,
1477
+ },
1478
+ },
1479
+ "shadow2": Object {
1480
+ "ambient": Object {
1481
+ "blur": 2,
1482
+ "color": "#0000001f",
1483
+ "x": 0,
1484
+ "y": 0,
1485
+ },
1486
+ "key": Object {
1487
+ "blur": 2,
1488
+ "color": "#00000024",
1489
+ "x": 0,
1490
+ "y": 1,
1491
+ },
1492
+ },
1493
+ "shadow28": Object {
1494
+ "ambient": Object {
1495
+ "blur": 8,
1496
+ "color": "#00000033",
1497
+ "x": 0,
1498
+ "y": 0,
1499
+ },
1500
+ "key": Object {
1501
+ "blur": 28,
1502
+ "color": "#0000003d",
1503
+ "x": 0,
1504
+ "y": 14,
1505
+ },
1506
+ },
1507
+ "shadow28brand": Object {
1508
+ "ambient": Object {
1509
+ "blur": 8,
1510
+ "color": "#0000004d",
1511
+ "x": 0,
1512
+ "y": 0,
1513
+ },
1514
+ "key": Object {
1515
+ "blur": 28,
1516
+ "color": "#00000040",
1517
+ "x": 0,
1518
+ "y": 14,
1519
+ },
1520
+ },
1521
+ "shadow2brand": Object {
1522
+ "ambient": Object {
1523
+ "blur": 2,
1524
+ "color": "#0000004d",
1525
+ "x": 0,
1526
+ "y": 0,
1527
+ },
1528
+ "key": Object {
1529
+ "blur": 2,
1530
+ "color": "#00000040",
1531
+ "x": 0,
1532
+ "y": 1,
1533
+ },
1534
+ },
1535
+ "shadow4": Object {
1536
+ "ambient": Object {
1537
+ "blur": 2,
1538
+ "color": "#0000001f",
1539
+ "x": 0,
1540
+ "y": 0,
1541
+ },
1542
+ "key": Object {
1543
+ "blur": 4,
1544
+ "color": "#00000024",
1545
+ "x": 0,
1546
+ "y": 2,
1547
+ },
1548
+ },
1549
+ "shadow4brand": Object {
1550
+ "ambient": Object {
1551
+ "blur": 2,
1552
+ "color": "#0000004d",
1553
+ "x": 0,
1554
+ "y": 0,
1555
+ },
1556
+ "key": Object {
1557
+ "blur": 4,
1558
+ "color": "#00000040",
1559
+ "x": 0,
1560
+ "y": 2,
1561
+ },
1562
+ },
1563
+ "shadow64": Object {
1564
+ "ambient": Object {
1565
+ "blur": 8,
1566
+ "color": "#00000033",
1567
+ "x": 0,
1568
+ "y": 0,
1569
+ },
1570
+ "key": Object {
1571
+ "blur": 64,
1572
+ "color": "#0000003d",
1573
+ "x": 0,
1574
+ "y": 32,
1575
+ },
1576
+ },
1577
+ "shadow64brand": Object {
1578
+ "ambient": Object {
1579
+ "blur": 8,
1580
+ "color": "#0000004d",
1581
+ "x": 0,
1582
+ "y": 0,
1583
+ },
1584
+ "key": Object {
1585
+ "blur": 64,
1586
+ "color": "#00000040",
1587
+ "x": 0,
1588
+ "y": 32,
1589
+ },
1590
+ },
1591
+ "shadow8": Object {
1592
+ "ambient": Object {
1593
+ "blur": 2,
1594
+ "color": "#0000001f",
1595
+ "x": 0,
1596
+ "y": 0,
1597
+ },
1598
+ "key": Object {
1599
+ "blur": 8,
1600
+ "color": "#00000024",
1601
+ "x": 0,
1602
+ "y": 4,
1603
+ },
1604
+ },
1605
+ "shadow8brand": Object {
1606
+ "ambient": Object {
1607
+ "blur": 2,
1608
+ "color": "#0000004d",
1609
+ "x": 0,
1610
+ "y": 0,
1611
+ },
1612
+ "key": Object {
1613
+ "blur": 8,
1614
+ "color": "#00000040",
1615
+ "x": 0,
1616
+ "y": 4,
1617
+ },
1618
+ },
1619
+ }
1620
+ `;
1621
+
1622
+ exports[`createMacOSShadowAliasTokens test mode: light, isHighContrast: true 1`] = `
1623
+ Object {
1624
+ "shadow16": Object {
1625
+ "ambient": Object {
1626
+ "blur": 2,
1627
+ "color": "#0000003d",
1628
+ "x": 0,
1629
+ "y": 0,
1630
+ },
1631
+ "key": Object {
1632
+ "blur": 16,
1633
+ "color": "#00000047",
1634
+ "x": 0,
1635
+ "y": 8,
1636
+ },
1637
+ },
1638
+ "shadow16brand": Object {
1639
+ "ambient": Object {
1640
+ "blur": 2,
1641
+ "color": "#0000004d",
1642
+ "x": 0,
1643
+ "y": 0,
1644
+ },
1645
+ "key": Object {
1646
+ "blur": 16,
1647
+ "color": "#00000040",
1648
+ "x": 0,
1649
+ "y": 8,
1650
+ },
1651
+ },
1652
+ "shadow2": Object {
1653
+ "ambient": Object {
1654
+ "blur": 2,
1655
+ "color": "#0000003d",
1656
+ "x": 0,
1657
+ "y": 0,
1658
+ },
1659
+ "key": Object {
1660
+ "blur": 2,
1661
+ "color": "#00000047",
1662
+ "x": 0,
1663
+ "y": 1,
1664
+ },
1665
+ },
1666
+ "shadow28": Object {
1667
+ "ambient": Object {
1668
+ "blur": 8,
1669
+ "color": "#00000066",
1670
+ "x": 0,
1671
+ "y": 0,
1672
+ },
1673
+ "key": Object {
1674
+ "blur": 28,
1675
+ "color": "#0000007a",
1676
+ "x": 0,
1677
+ "y": 14,
1678
+ },
1679
+ },
1680
+ "shadow28brand": Object {
1681
+ "ambient": Object {
1682
+ "blur": 8,
1683
+ "color": "#0000004d",
1684
+ "x": 0,
1685
+ "y": 0,
1686
+ },
1687
+ "key": Object {
1688
+ "blur": 28,
1689
+ "color": "#00000040",
1690
+ "x": 0,
1691
+ "y": 14,
1692
+ },
1693
+ },
1694
+ "shadow2brand": Object {
1695
+ "ambient": Object {
1696
+ "blur": 2,
1697
+ "color": "#0000004d",
1698
+ "x": 0,
1699
+ "y": 0,
1700
+ },
1701
+ "key": Object {
1702
+ "blur": 2,
1703
+ "color": "#00000040",
1704
+ "x": 0,
1705
+ "y": 1,
1706
+ },
1707
+ },
1708
+ "shadow4": Object {
1709
+ "ambient": Object {
1710
+ "blur": 2,
1711
+ "color": "#0000003d",
1712
+ "x": 0,
1713
+ "y": 0,
1714
+ },
1715
+ "key": Object {
1716
+ "blur": 4,
1717
+ "color": "#00000047",
1718
+ "x": 0,
1719
+ "y": 2,
1720
+ },
1721
+ },
1722
+ "shadow4brand": Object {
1723
+ "ambient": Object {
1724
+ "blur": 2,
1725
+ "color": "#0000004d",
1726
+ "x": 0,
1727
+ "y": 0,
1728
+ },
1729
+ "key": Object {
1730
+ "blur": 4,
1731
+ "color": "#00000040",
1732
+ "x": 0,
1733
+ "y": 2,
1734
+ },
1735
+ },
1736
+ "shadow64": Object {
1737
+ "ambient": Object {
1738
+ "blur": 8,
1739
+ "color": "#00000066",
1740
+ "x": 0,
1741
+ "y": 0,
1742
+ },
1743
+ "key": Object {
1744
+ "blur": 64,
1745
+ "color": "#0000007a",
1746
+ "x": 0,
1747
+ "y": 32,
1748
+ },
1749
+ },
1750
+ "shadow64brand": Object {
1751
+ "ambient": Object {
1752
+ "blur": 8,
1753
+ "color": "#0000004d",
1754
+ "x": 0,
1755
+ "y": 0,
1756
+ },
1757
+ "key": Object {
1758
+ "blur": 64,
1759
+ "color": "#00000040",
1760
+ "x": 0,
1761
+ "y": 32,
1762
+ },
1763
+ },
1764
+ "shadow8": Object {
1765
+ "ambient": Object {
1766
+ "blur": 2,
1767
+ "color": "#0000003d",
1768
+ "x": 0,
1769
+ "y": 0,
1770
+ },
1771
+ "key": Object {
1772
+ "blur": 8,
1773
+ "color": "#00000047",
1774
+ "x": 0,
1775
+ "y": 4,
1776
+ },
1777
+ },
1778
+ "shadow8brand": Object {
1779
+ "ambient": Object {
1780
+ "blur": 2,
1781
+ "color": "#0000004d",
1782
+ "x": 0,
1783
+ "y": 0,
1784
+ },
1785
+ "key": Object {
1786
+ "blur": 8,
1787
+ "color": "#00000040",
1788
+ "x": 0,
1789
+ "y": 4,
1790
+ },
1791
+ },
1792
+ }
1793
+ `;