@fluentui-react-native/apple-theme 0.21.3 → 0.21.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.json +58 -4
  2. package/CHANGELOG.md +22 -2
  3. package/package.json +3 -3
  4. package/src/__tests__/__snapshots__/apple-theme.test.ts.snap +2026 -2026
package/src/__tests__/__snapshots__/apple-theme.test.ts.snap CHANGED
@@ -1,477 +1,1081 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
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`] = `
3
+ exports[`createAppleTheme test 1`] = `
161
4
  {
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",
314
- }
315
- `;
316
-
317
- exports[` 3`] = `
318
- {
319
- "brandBackground": "#0086f0",
320
- "brandBackground2": "#092c47",
321
- "brandBackgroundDisabled": "#575757",
322
- "brandBackgroundHover": "#1890f1",
323
- "brandBackgroundPressed": "#1890f1",
324
- "brandBackgroundSelected": "#3aa0f3",
325
- "brandBackgroundStatic": "#0086f0",
326
- "brandForeground1": "#0086f0",
327
- "brandForeground1Disabled": "#c2c2c2",
328
- "brandForeground1Pressed": "#6cb8f6",
329
- "brandForeground2": "#092c47",
330
- "brandForegroundLink": "#043862",
331
- "brandForegroundLinkHover": "#092c47",
332
- "brandForegroundLinkPressed": "#0078d4",
333
- "brandForegroundLinkSelected": "#092c47",
334
- "brandStroke1": "#0086f0",
335
- "brandStroke2": "#004c87",
336
- "compoundBrandBackground1": "#0086f0",
337
- "compoundBrandBackground1Hover": "#1890f1",
338
- "compoundBrandBackground1Pressed": "#6cb8f6",
339
- "compoundBrandForeground1": "#043862",
340
- "compoundBrandForeground1Hover": "#092c47",
341
- "compoundBrandForeground1Pressed": "#0078d4",
342
- "compoundBrandStroke1": "#0086f0",
343
- "compoundBrandStroke1Hover": "#1890f1",
344
- "compoundBrandStroke1Pressed": "#6cb8f6",
345
- "dangerBackground1": "#3f1011",
346
- "dangerBackground2": "#751d1f",
347
- "dangerBackground3": "#d13438",
348
- "dangerBorder1": "#d13438",
349
- "dangerBorder2": "#dc5e62",
350
- "dangerBorderActive": "#e37d80",
351
- "dangerForeground1": "#e37d80",
352
- "dangerForeground2": "#f1bbbc",
353
- "dangerForeground3": "#e37d80",
354
- "dangerForegroundInverted": "#d13438",
355
- "neutralBackground1": "#000000",
356
- "neutralBackground1Hover": "#3d3d3d",
357
- "neutralBackground1Pressed": "#5c5c5c",
358
- "neutralBackground1Selected": "#383838",
359
- "neutralBackground2": "#575757",
360
- "neutralBackground2Hover": "#333333",
361
- "neutralBackground2Pressed": "#707070",
362
- "neutralBackground2Selected": "#2e2e2e",
363
- "neutralBackground3": "#575757",
364
- "neutralBackground3Hover": "#292929",
365
- "neutralBackground3Pressed": "#0a0a0a",
366
- "neutralBackground3Selected": "#242424",
367
- "neutralBackground4": "#1f1f1f",
368
- "neutralBackground4Hover": "#1f1f1f",
369
- "neutralBackground4Pressed": "#000000",
370
- "neutralBackground4Selected": "#1a1a1a",
371
- "neutralBackground5": "#5c5c5c",
372
- "neutralBackground5Hover": "#141414",
373
- "neutralBackground5Pressed": "#050505",
374
- "neutralBackground5Selected": "#0f0f0f",
375
- "neutralBackground6": "#333333",
376
- "neutralBackgroundDisabled": "#575757",
377
- "neutralBackgroundInverted": "#ffffff",
378
- "neutralForeground1": "#ffffff",
379
- "neutralForeground1Hover": "#ffffff",
380
- "neutralForeground1Pressed": "#ffffff",
381
- "neutralForeground1Selected": "#ffffff",
382
- "neutralForeground2": "#ffffff",
383
- "neutralForeground2BrandHover": "#092c47",
384
- "neutralForeground2BrandPressed": "#0078d4",
385
- "neutralForeground2BrandSelected": "#092c47",
386
- "neutralForeground2Hover": "#ffffff",
387
- "neutralForeground2Pressed": "#ffffff",
388
- "neutralForeground2Selected": "#ffffff",
389
- "neutralForeground3": "#d6d6d6",
390
- "neutralForeground3BrandHover": "#092c47",
391
- "neutralForeground3BrandPressed": "#0078d4",
392
- "neutralForeground3BrandSelected": "#092c47",
393
- "neutralForeground3Hover": "#d6d6d6",
394
- "neutralForeground3Pressed": "#d6d6d6",
395
- "neutralForeground3Selected": "#d6d6d6",
396
- "neutralForeground4": "#d6d6d6",
397
- "neutralForegroundDisabled": "#b8b8b8",
398
- "neutralForegroundInverted": "#ffffff",
399
- "neutralForegroundInvertedLink": "#292929",
400
- "neutralForegroundInvertedLinkHover": "#292929",
401
- "neutralForegroundInvertedLinkPressed": "#292929",
402
- "neutralForegroundInvertedLinkSelected": "#292929",
403
- "neutralForegroundOnBrand": "#ffffff",
404
- "neutralForegroundOnBrandHover": "#ffffff",
405
- "neutralForegroundOnBrandPressed": "#ffffff",
406
- "neutralForegroundOnBrandSelected": "#ffffff",
407
- "neutralStencil1": "#333333",
408
- "neutralStencil2": "#575757",
409
- "neutralStroke1": "#adadad",
410
- "neutralStroke1Hover": "#757575",
411
- "neutralStroke1Pressed": "#6b6b6b",
412
- "neutralStroke1Selected": "#707070",
413
- "neutralStroke2": "#a8a8a8",
414
- "neutralStroke3": "#adadad",
415
- "neutralStrokeAccessible": "#d6d6d6",
416
- "neutralStrokeAccessibleHover": "#bdbdbd",
417
- "neutralStrokeAccessiblePressed": "#b3b3b3",
418
- "neutralStrokeAccessibleSelected": "#0086f0",
419
- "neutralStrokeDisabled": "#525252",
420
- "outofofficeBackground1": "#3a1136",
421
- "outofofficeBackground2": "#6d2064",
422
- "outofofficeBackground3": "#c239b3",
423
- "outofofficeBorder1": "#c239b3",
424
- "outofofficeBorder2": "#d161c4",
425
- "outofofficeBorderActive": "#da7ed0",
426
- "outofofficeForeground1": "#da7ed0",
427
- "outofofficeForeground2": "#edbbe7",
428
- "outofofficeForeground3": "#d161c4",
429
- "severeBackground1": "#411200",
430
- "severeBackground2": "#7a2101",
431
- "severeBackground3": "#da3b01",
432
- "severeBorder1": "#da3b01",
433
- "severeBorder2": "#e9835e",
434
- "severeBorderActive": "#e9835e",
435
- "severeForeground1": "#e9835e",
436
- "severeForeground2": "#f4bfab",
437
- "severeForeground3": "#e9835e",
438
- "strokeFocus1": "#000000",
439
- "strokeFocus2": "#ffffff",
440
- "subtleBackground": "#00000000",
441
- "subtleBackgroundHover": "#3d3d3d",
442
- "subtleBackgroundPressed": "#1f1f1f",
443
- "subtleBackgroundSelected": "#383838",
444
- "successBackground1": "#052505",
445
- "successBackground2": "#094509",
446
- "successBackground3": "#107c10",
447
- "successBorder1": "#107c10",
448
- "successBorder2": "#9fd89f",
449
- "successBorderActive": "#54b054",
450
- "successForeground1": "#54b054",
451
- "successForeground2": "#9fd89f",
452
- "successForeground3": "#9fd89f",
453
- "successForegroundInverted": "#107c10",
454
- "transparentBackground": "#00000000",
455
- "transparentBackgroundHover": "#00000000",
456
- "transparentBackgroundPressed": "#00000000",
457
- "transparentBackgroundSelected": "#00000000",
458
- "transparentStroke": "#3aa0f3",
459
- "transparentStrokeDisabled": "#d6d6d6",
460
- "transparentStrokeInteractive": "#a8a8a8",
461
- "warningBackground1": "#4c4400",
462
- "warningBackground2": "#817400",
463
- "warningBackground3": "#fde300",
464
- "warningBorder1": "#fde300",
465
- "warningBorder2": "#fdea3d",
466
- "warningBorderActive": "#feee66",
467
- "warningForeground1": "#feee66",
468
- "warningForeground2": "#fef7b2",
469
- "warningForeground3": "#fdea3d",
470
- "warningForegroundInverted": "#817400",
5
+ "colors": {
6
+ "accentButtonBackground": {
7
+ "dynamic": {
8
+ "dark": "#1890F1",
9
+ "highContrastDark": undefined,
10
+ "highContrastLight": undefined,
11
+ "light": "#0078D4",
12
+ },
13
+ },
14
+ "accentButtonText": "#ffffff",
15
+ "actionLink": {
16
+ "semantic": [
17
+ "linkColor",
18
+ ],
19
+ },
20
+ "actionLinkHovered": {
21
+ "semantic": [
22
+ "linkColor",
23
+ ],
24
+ },
25
+ "background": {
26
+ "semantic": [
27
+ "windowBackgroundColor",
28
+ ],
29
+ },
30
+ "blockingBackground": {
31
+ "dynamic": {
32
+ "dark": "transparent",
33
+ "highContrastDark": undefined,
34
+ "highContrastLight": undefined,
35
+ "light": "#DD4242",
36
+ },
37
+ },
38
+ "bodyDivider": {
39
+ "semantic": [
40
+ "separatorColor",
41
+ ],
42
+ },
43
+ "bodyFrameBackground": {
44
+ "semantic": [
45
+ "windowBackgroundColor",
46
+ ],
47
+ },
48
+ "bodyFrameDivider": {
49
+ "semantic": [
50
+ "separatorColor",
51
+ ],
52
+ },
53
+ "bodyStandoutBackground": {
54
+ "semantic": [
55
+ "underPageBackgroundColor",
56
+ ],
57
+ },
58
+ "bodyText": {
59
+ "semantic": [
60
+ "labelColor",
61
+ ],
62
+ },
63
+ "bodyTextChecked": {
64
+ "semantic": [
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": {
88
+ "dynamic": {
89
+ "dark": "#1890F1",
90
+ "highContrastDark": undefined,
91
+ "highContrastLight": undefined,
92
+ "light": "#0078D4",
93
+ },
94
+ },
95
+ "brandedCheckedContent": "#ffffff",
96
+ "brandedCheckedHoveredBackground": {
97
+ "dynamic": {
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": {
111
+ "dynamic": {
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": {
133
+ "colorWithSystemEffect": {
134
+ "baseColor": "#ffffff",
135
+ "systemEffect": "pressed",
136
+ },
137
+ },
138
+ "brandedSecondaryContent": "#ffffff",
139
+ "buttonBackground": "#ffffff",
140
+ "buttonBackgroundChecked": "#f5f5f5",
141
+ "buttonBackgroundCheckedHovered": "#f5f5f5",
142
+ "buttonBackgroundDisabled": {
143
+ "colorWithSystemEffect": {
144
+ "baseColor": "#f5f5f5",
145
+ "systemEffect": "disabled",
146
+ },
147
+ },
148
+ "buttonBackgroundHovered": "#f5f5f5",
149
+ "buttonBackgroundPressed": {
150
+ "colorWithSystemEffect": {
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": {
162
+ "colorWithSystemEffect": {
163
+ "baseColor": "#616161",
164
+ "systemEffect": "disabled",
165
+ },
166
+ },
167
+ "buttonTextHovered": "#616161",
168
+ "buttonTextPressed": {
169
+ "colorWithSystemEffect": {
170
+ "baseColor": "#616161",
171
+ "systemEffect": "pressed",
172
+ },
173
+ },
174
+ "checkboxBackground": {
175
+ "dynamic": {
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": {
197
+ "dynamic": {
198
+ "dark": "#1890F1",
199
+ "highContrastDark": undefined,
200
+ "highContrastLight": undefined,
201
+ "light": "#0078D4",
202
+ },
203
+ },
204
+ "defaultCheckedContent": "#ffffff",
205
+ "defaultCheckedHoveredBackground": {
206
+ "dynamic": {
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": {
236
+ "semantic": [
237
+ "controlBackgroundColor",
238
+ ],
239
+ },
240
+ "disabledBackground": "#E1E1E1",
241
+ "disabledBodySubtext": {
242
+ "semantic": [
243
+ "quaternaryLabelColor",
244
+ ],
245
+ },
246
+ "disabledBodyText": {
247
+ "semantic": [
248
+ "tertiaryLabelColor",
249
+ ],
250
+ },
251
+ "disabledSubtext": {
252
+ "semantic": [
253
+ "quaternaryLabelColor",
254
+ ],
255
+ },
256
+ "disabledText": {
257
+ "semantic": [
258
+ "tertiaryLabelColor",
259
+ ],
260
+ },
261
+ "errorBackground": {
262
+ "dynamic": {
263
+ "dark": "transparent",
264
+ "highContrastDark": undefined,
265
+ "highContrastLight": undefined,
266
+ "light": "#DD4242",
267
+ },
268
+ },
269
+ "errorText": {
270
+ "dynamic": {
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": {
282
+ "dynamic": {
283
+ "dark": "#1890F1",
284
+ "highContrastDark": undefined,
285
+ "highContrastLight": undefined,
286
+ "light": "#0078D4",
287
+ },
288
+ },
289
+ "ghostCheckedHoveredBackground": "transparent",
290
+ "ghostCheckedHoveredBorder": "transparent",
291
+ "ghostCheckedHoveredContent": {
292
+ "dynamic": {
293
+ "dark": "#1890F1",
294
+ "highContrastDark": undefined,
295
+ "highContrastLight": undefined,
296
+ "light": "#0078D4",
297
+ },
298
+ },
299
+ "ghostContent": {
300
+ "dynamic": {
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": {
314
+ "dynamic": {
315
+ "dark": "#1890F1",
316
+ "highContrastDark": undefined,
317
+ "highContrastLight": undefined,
318
+ "light": "#0078D4",
319
+ },
320
+ },
321
+ "ghostFocusedIcon": {
322
+ "dynamic": {
323
+ "dark": "#1890F1",
324
+ "highContrastDark": undefined,
325
+ "highContrastLight": undefined,
326
+ "light": "#0078D4",
327
+ },
328
+ },
329
+ "ghostFocusedSecondaryContent": {
330
+ "dynamic": {
331
+ "dark": "#1890F1",
332
+ "highContrastDark": undefined,
333
+ "highContrastLight": undefined,
334
+ "light": "#0078D4",
335
+ },
336
+ },
337
+ "ghostHoveredBackground": "transparent",
338
+ "ghostHoveredBorder": "transparent",
339
+ "ghostHoveredContent": {
340
+ "dynamic": {
341
+ "dark": "#1890F1",
342
+ "highContrastDark": undefined,
343
+ "highContrastLight": undefined,
344
+ "light": "#0078D4",
345
+ },
346
+ },
347
+ "ghostHoveredIcon": {
348
+ "dynamic": {
349
+ "dark": "#1890F1",
350
+ "highContrastDark": undefined,
351
+ "highContrastLight": undefined,
352
+ "light": "#0078D4",
353
+ },
354
+ },
355
+ "ghostHoveredSecondaryContent": {
356
+ "dynamic": {
357
+ "dark": "#1890F1",
358
+ "highContrastDark": undefined,
359
+ "highContrastLight": undefined,
360
+ "light": "#0078D4",
361
+ },
362
+ },
363
+ "ghostIcon": {
364
+ "dynamic": {
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": {
376
+ "colorWithSystemEffect": {
377
+ "baseColor": {
378
+ "dynamic": {
379
+ "dark": "#1890F1",
380
+ "highContrastDark": undefined,
381
+ "highContrastLight": undefined,
382
+ "light": "#0078D4",
383
+ },
384
+ },
385
+ "systemEffect": "deepPressed",
386
+ },
387
+ },
388
+ "ghostSecondaryContent": {
389
+ "dynamic": {
390
+ "dark": "#1890F1",
391
+ "highContrastDark": undefined,
392
+ "highContrastLight": undefined,
393
+ "light": "#0078D4",
394
+ },
395
+ },
396
+ "inputBackground": {
397
+ "semantic": [
398
+ "textBackgroundColor",
399
+ ],
400
+ },
401
+ "inputBackgroundChecked": {
402
+ "semantic": [
403
+ "textBackgroundColor",
404
+ ],
405
+ },
406
+ "inputBackgroundCheckedHovered": {
407
+ "semantic": [
408
+ "textBackgroundColor",
409
+ ],
410
+ },
411
+ "inputBorder": {
412
+ "semantic": [
413
+ "separatorColor",
414
+ ],
415
+ },
416
+ "inputBorderHovered": {
417
+ "semantic": [
418
+ "separatorColor",
419
+ ],
420
+ },
421
+ "inputFocusBorderAlt": {
422
+ "semantic": [
423
+ "keyboardFocusIndicatorColor",
424
+ ],
425
+ },
426
+ "inputForegroundChecked": {
427
+ "dynamic": {
428
+ "dark": "#1890F1",
429
+ "highContrastDark": undefined,
430
+ "highContrastLight": undefined,
431
+ "light": "#0078D4",
432
+ },
433
+ },
434
+ "inputPlaceholderText": {
435
+ "semantic": [
436
+ "placeholderTextColor",
437
+ ],
438
+ },
439
+ "inputText": {
440
+ "semantic": [
441
+ "textColor",
442
+ ],
443
+ },
444
+ "inputTextHovered": {
445
+ "semantic": [
446
+ "textColor",
447
+ ],
448
+ },
449
+ "link": {
450
+ "semantic": [
451
+ "linkColor",
452
+ ],
453
+ },
454
+ "linkHovered": {
455
+ "semantic": [
456
+ "linkColor",
457
+ ],
458
+ },
459
+ "linkPressed": {
460
+ "semantic": [
461
+ "selectedControlColor",
462
+ ],
463
+ },
464
+ "listBackground": "transparent",
465
+ "listHeaderBackgroundHovered": {
466
+ "semantic": [
467
+ "headerTextColor",
468
+ ],
469
+ },
470
+ "listHeaderBackgroundPressed": {
471
+ "semantic": [
472
+ "headerTextColor",
473
+ ],
474
+ },
475
+ "listItemBackgroundChecked": "transparent",
476
+ "listItemBackgroundCheckedHovered": "transparent",
477
+ "listItemBackgroundHovered": "transparent",
478
+ "listText": {
479
+ "semantic": [
480
+ "labelColor",
481
+ ],
482
+ },
483
+ "menuBackground": "transparent",
484
+ "menuDivider": {
485
+ "semantic": [
486
+ "separatorColor",
487
+ ],
488
+ },
489
+ "menuHeader": {
490
+ "semantic": [
491
+ "headerTextColor",
492
+ ],
493
+ },
494
+ "menuIcon": "#616161",
495
+ "menuItemBackgroundHovered": {
496
+ "semantic": [
497
+ "controlAccentColor",
498
+ ],
499
+ },
500
+ "menuItemBackgroundPressed": {
501
+ "colorWithSystemEffect": {
502
+ "baseColor": {
503
+ "semantic": [
504
+ "controlAccentColor",
505
+ ],
506
+ },
507
+ "systemEffect": "pressed",
508
+ },
509
+ },
510
+ "menuItemText": {
511
+ "semantic": [
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": {
584
+ "dynamic": {
585
+ "dark": "#1890F1",
586
+ "highContrastDark": undefined,
587
+ "highContrastLight": undefined,
588
+ "light": "#0078D4",
589
+ },
590
+ },
591
+ "primaryButtonBackgroundDisabled": "#f0f0f0",
592
+ "primaryButtonBackgroundHovered": {
593
+ "dynamic": {
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": {
608
+ "semantic": [
609
+ "separatorColor",
610
+ ],
611
+ },
612
+ "strokeFocus1": "#ffffff",
613
+ "strokeFocus2": "#000000",
614
+ "subText": {
615
+ "semantic": [
616
+ "secondaryLabelColor",
617
+ ],
618
+ },
619
+ "subtleBackground": "#00000000",
620
+ "subtleBackgroundHover": "#f5f5f5",
621
+ "subtleBackgroundPressed": "#e0e0e0",
622
+ "subtleBackgroundSelected": "#ebebeb",
623
+ "successBackground": {
624
+ "dynamic": {
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": {
639
+ "semantic": [
640
+ "separatorColor",
641
+ ],
642
+ },
643
+ "variantBorderHovered": {
644
+ "semantic": [
645
+ "separatorColor",
646
+ ],
647
+ },
648
+ "warningBackground": {
649
+ "dynamic": {
650
+ "dark": "#FFC328",
651
+ "highContrastDark": undefined,
652
+ "highContrastLight": undefined,
653
+ "light": "#FFD335",
654
+ },
655
+ },
656
+ "warningHighlight": {
657
+ "dynamic": {
658
+ "dark": "#E0AB24",
659
+ "highContrastDark": undefined,
660
+ "highContrastLight": undefined,
661
+ "light": "#FFD94E",
662
+ },
663
+ },
664
+ "warningText": {
665
+ "dynamic": {
666
+ "dark": "#FFC328",
667
+ "highContrastDark": undefined,
668
+ "highContrastLight": undefined,
669
+ "light": "#FFD335",
670
+ },
671
+ },
672
+ },
673
+ "components": {
674
+ "Button": {
675
+ "content": {
676
+ "fontSize": 15,
677
+ },
678
+ "icon": {
679
+ "style": {
680
+ "marginEnd": 10,
681
+ },
682
+ },
683
+ "root": {
684
+ "style": {
685
+ "margin": 8,
686
+ },
687
+ },
688
+ "stack": {
689
+ "style": {
690
+ "minHeight": 28,
691
+ "paddingVertical": 4.5,
692
+ },
693
+ },
694
+ "tokens": {
695
+ "borderRadius": 6,
696
+ "borderWidth": 1,
697
+ "minHeight": 28,
698
+ "minWidth": 72,
699
+ },
700
+ },
701
+ "Checkbox": {
702
+ "_precedence": [
703
+ "disabled",
704
+ "boxAtEnd",
705
+ "checked",
706
+ ],
707
+ "checkbox": {
708
+ "style": {
709
+ "borderRadius": 3,
710
+ "borderStyle": "solid",
711
+ "borderWidth": 0.5,
712
+ "marginEnd": 5,
713
+ "minHeight": 14,
714
+ "minWidth": 14,
715
+ },
716
+ },
717
+ "checkmarkIcon": {
718
+ "height": 10,
719
+ "style": {
720
+ "marginHorizontal": 2,
721
+ "marginVertical": 2,
722
+ },
723
+ "width": 10,
724
+ },
725
+ },
726
+ "RNFText": {
727
+ "tokens": {
728
+ "variant": "bodyStandard",
729
+ },
730
+ },
731
+ },
732
+ "host": {
733
+ "appearance": "dynamic",
734
+ },
735
+ "shadows": {
736
+ "shadow16": {
737
+ "ambient": {
738
+ "blur": 2,
739
+ "color": "#0000001f",
740
+ "x": 0,
741
+ "y": 0,
742
+ },
743
+ "key": {
744
+ "blur": 16,
745
+ "color": "#00000024",
746
+ "x": 0,
747
+ "y": 8,
748
+ },
749
+ },
750
+ "shadow16brand": {
751
+ "ambient": {
752
+ "blur": 2,
753
+ "color": "#0000004d",
754
+ "x": 0,
755
+ "y": 0,
756
+ },
757
+ "key": {
758
+ "blur": 16,
759
+ "color": "#00000040",
760
+ "x": 0,
761
+ "y": 8,
762
+ },
763
+ },
764
+ "shadow2": {
765
+ "ambient": {
766
+ "blur": 2,
767
+ "color": "#0000001f",
768
+ "x": 0,
769
+ "y": 0,
770
+ },
771
+ "key": {
772
+ "blur": 2,
773
+ "color": "#00000024",
774
+ "x": 0,
775
+ "y": 1,
776
+ },
777
+ },
778
+ "shadow28": {
779
+ "ambient": {
780
+ "blur": 8,
781
+ "color": "#00000033",
782
+ "x": 0,
783
+ "y": 0,
784
+ },
785
+ "key": {
786
+ "blur": 28,
787
+ "color": "#0000003d",
788
+ "x": 0,
789
+ "y": 14,
790
+ },
791
+ },
792
+ "shadow28brand": {
793
+ "ambient": {
794
+ "blur": 8,
795
+ "color": "#0000004d",
796
+ "x": 0,
797
+ "y": 0,
798
+ },
799
+ "key": {
800
+ "blur": 28,
801
+ "color": "#00000040",
802
+ "x": 0,
803
+ "y": 14,
804
+ },
805
+ },
806
+ "shadow2brand": {
807
+ "ambient": {
808
+ "blur": 2,
809
+ "color": "#0000004d",
810
+ "x": 0,
811
+ "y": 0,
812
+ },
813
+ "key": {
814
+ "blur": 2,
815
+ "color": "#00000040",
816
+ "x": 0,
817
+ "y": 1,
818
+ },
819
+ },
820
+ "shadow4": {
821
+ "ambient": {
822
+ "blur": 2,
823
+ "color": "#0000001f",
824
+ "x": 0,
825
+ "y": 0,
826
+ },
827
+ "key": {
828
+ "blur": 4,
829
+ "color": "#00000024",
830
+ "x": 0,
831
+ "y": 2,
832
+ },
833
+ },
834
+ "shadow4brand": {
835
+ "ambient": {
836
+ "blur": 2,
837
+ "color": "#0000004d",
838
+ "x": 0,
839
+ "y": 0,
840
+ },
841
+ "key": {
842
+ "blur": 4,
843
+ "color": "#00000040",
844
+ "x": 0,
845
+ "y": 2,
846
+ },
847
+ },
848
+ "shadow64": {
849
+ "ambient": {
850
+ "blur": 8,
851
+ "color": "#00000033",
852
+ "x": 0,
853
+ "y": 0,
854
+ },
855
+ "key": {
856
+ "blur": 64,
857
+ "color": "#0000003d",
858
+ "x": 0,
859
+ "y": 32,
860
+ },
861
+ },
862
+ "shadow64brand": {
863
+ "ambient": {
864
+ "blur": 8,
865
+ "color": "#0000004d",
866
+ "x": 0,
867
+ "y": 0,
868
+ },
869
+ "key": {
870
+ "blur": 64,
871
+ "color": "#00000040",
872
+ "x": 0,
873
+ "y": 32,
874
+ },
875
+ },
876
+ "shadow8": {
877
+ "ambient": {
878
+ "blur": 2,
879
+ "color": "#0000001f",
880
+ "x": 0,
881
+ "y": 0,
882
+ },
883
+ "key": {
884
+ "blur": 8,
885
+ "color": "#00000024",
886
+ "x": 0,
887
+ "y": 4,
888
+ },
889
+ },
890
+ "shadow8brand": {
891
+ "ambient": {
892
+ "blur": 2,
893
+ "color": "#0000004d",
894
+ "x": 0,
895
+ "y": 0,
896
+ },
897
+ "key": {
898
+ "blur": 8,
899
+ "color": "#00000040",
900
+ "x": 0,
901
+ "y": 4,
902
+ },
903
+ },
904
+ },
905
+ "spacing": {
906
+ "l1": "20px",
907
+ "l2": "24px",
908
+ "m": "16px",
909
+ "s1": "12px",
910
+ "s2": "8px",
911
+ },
912
+ "typography": {
913
+ "families": {
914
+ "cursive": "System",
915
+ "monospace": "System",
916
+ "numeric": "System",
917
+ "primary": "System",
918
+ "sansSerif": "System",
919
+ "secondary": "System",
920
+ "serif": "System",
921
+ },
922
+ "sizes": {
923
+ "body": 13,
924
+ "caption": 10,
925
+ "header": 20,
926
+ "hero": 22,
927
+ "heroLarge": 26,
928
+ "secondary": 11,
929
+ "subheader": 16,
930
+ },
931
+ "variants": {
932
+ "body1": {
933
+ "face": "primary",
934
+ "size": "secondary",
935
+ "weight": "400",
936
+ },
937
+ "body1Strong": {
938
+ "face": "primary",
939
+ "size": "secondary",
940
+ "weight": "600",
941
+ },
942
+ "body2": {
943
+ "face": "primary",
944
+ "size": "body",
945
+ "weight": "400",
946
+ },
947
+ "body2Strong": {
948
+ "face": "primary",
949
+ "size": "body",
950
+ "weight": "600",
951
+ },
952
+ "bodySemibold": {
953
+ "face": "primary",
954
+ "size": "body",
955
+ "weight": "600",
956
+ },
957
+ "bodyStandard": {
958
+ "face": "primary",
959
+ "size": "body",
960
+ "weight": "400",
961
+ },
962
+ "caption1": {
963
+ "face": "primary",
964
+ "size": "caption",
965
+ "weight": "500",
966
+ },
967
+ "captionStandard": {
968
+ "face": "primary",
969
+ "size": "caption",
970
+ "weight": "500",
971
+ },
972
+ "display": {
973
+ "face": "primary",
974
+ "size": "heroLarge",
975
+ "weight": "700",
976
+ },
977
+ "headerSemibold": {
978
+ "face": "primary",
979
+ "size": "header",
980
+ "weight": "800",
981
+ },
982
+ "headerStandard": {
983
+ "face": "primary",
984
+ "size": "header",
985
+ "weight": "700",
986
+ },
987
+ "heroLargeSemibold": {
988
+ "face": "primary",
989
+ "size": "heroLarge",
990
+ "weight": "700",
991
+ },
992
+ "heroLargeStandard": {
993
+ "face": "primary",
994
+ "size": "heroLarge",
995
+ "weight": "400",
996
+ },
997
+ "heroSemibold": {
998
+ "face": "primary",
999
+ "size": "hero",
1000
+ "weight": "700",
1001
+ },
1002
+ "heroStandard": {
1003
+ "face": "primary",
1004
+ "size": "hero",
1005
+ "weight": "400",
1006
+ },
1007
+ "largeTitle": {
1008
+ "face": "primary",
1009
+ "size": "heroLarge",
1010
+ "weight": "400",
1011
+ },
1012
+ "secondarySemibold": {
1013
+ "face": "primary",
1014
+ "size": "secondary",
1015
+ "weight": "600",
1016
+ },
1017
+ "secondaryStandard": {
1018
+ "face": "primary",
1019
+ "size": "secondary",
1020
+ "weight": "400",
1021
+ },
1022
+ "subheaderSemibold": {
1023
+ "face": "primary",
1024
+ "size": "subheader",
1025
+ "weight": "600",
1026
+ },
1027
+ "subheaderStandard": {
1028
+ "face": "primary",
1029
+ "size": "subheader",
1030
+ "weight": "400",
1031
+ },
1032
+ "subtitle1": {
1033
+ "face": "primary",
1034
+ "size": "header",
1035
+ "weight": "700",
1036
+ },
1037
+ "subtitle1Strong": {
1038
+ "face": "primary",
1039
+ "size": "header",
1040
+ "weight": "800",
1041
+ },
1042
+ "subtitle2": {
1043
+ "face": "primary",
1044
+ "size": "subheader",
1045
+ "weight": "400",
1046
+ },
1047
+ "subtitle2Strong": {
1048
+ "face": "primary",
1049
+ "size": "subheader",
1050
+ "weight": "600",
1051
+ },
1052
+ "title1": {
1053
+ "face": "primary",
1054
+ "size": "hero",
1055
+ "weight": "400",
1056
+ },
1057
+ "title1Strong": {
1058
+ "face": "primary",
1059
+ "size": "hero",
1060
+ "weight": "700",
1061
+ },
1062
+ },
1063
+ "weights": {
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
+ },
471
1075
  }
472
1076
  `;
473
1077
 
474
- exports[` 4`] = `
1078
+ exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: false 1`] = `
475
1079
  {
476
1080
  "brandBackground": "#0086f0",
477
1081
  "brandBackground2": "#092c47",
@@ -601,553 +1205,505 @@ exports[` 4`] = `
601
1205
  "successBackground1": "#052505",
602
1206
  "successBackground2": "#094509",
603
1207
  "successBackground3": "#107c10",
604
- "successBorder1": "#107c10",
605
- "successBorder2": "#9fd89f",
606
- "successBorderActive": "#54b054",
607
- "successForeground1": "#54b054",
608
- "successForeground2": "#9fd89f",
609
- "successForeground3": "#9fd89f",
610
- "successForegroundInverted": "#107c10",
611
- "transparentBackground": "#00000000",
612
- "transparentBackgroundHover": "#00000000",
613
- "transparentBackgroundPressed": "#00000000",
614
- "transparentBackgroundSelected": "#00000000",
615
- "transparentStroke": "#00000000",
616
- "transparentStrokeDisabled": "#00000000",
617
- "transparentStrokeInteractive": "#00000000",
618
- "warningBackground1": "#4c4400",
619
- "warningBackground2": "#817400",
620
- "warningBackground3": "#fde300",
621
- "warningBorder1": "#fde300",
622
- "warningBorder2": "#fdea3d",
623
- "warningBorderActive": "#feee66",
624
- "warningForeground1": "#feee66",
625
- "warningForeground2": "#fef7b2",
626
- "warningForeground3": "#fdea3d",
627
- "warningForegroundInverted": "#817400",
628
- }
629
- `;
630
-
631
- exports[`createAppleTheme test 1`] = `
632
- {
633
- "shadow16": {
634
- "ambient": {
635
- "blur": 2,
636
- "color": "#0000003d",
637
- "x": 0,
638
- "y": 0,
639
- },
640
- "key": {
641
- "blur": 16,
642
- "color": "#00000047",
643
- "x": 0,
644
- "y": 8,
645
- },
646
- },
647
- "shadow16brand": {
648
- "ambient": {
649
- "blur": 2,
650
- "color": "#0000004d",
651
- "x": 0,
652
- "y": 0,
653
- },
654
- "key": {
655
- "blur": 16,
656
- "color": "#00000040",
657
- "x": 0,
658
- "y": 8,
659
- },
660
- },
661
- "shadow2": {
662
- "ambient": {
663
- "blur": 2,
664
- "color": "#0000003d",
665
- "x": 0,
666
- "y": 0,
667
- },
668
- "key": {
669
- "blur": 2,
670
- "color": "#00000047",
671
- "x": 0,
672
- "y": 1,
673
- },
674
- },
675
- "shadow28": {
676
- "ambient": {
677
- "blur": 8,
678
- "color": "#00000066",
679
- "x": 0,
680
- "y": 0,
681
- },
682
- "key": {
683
- "blur": 28,
684
- "color": "#0000007a",
685
- "x": 0,
686
- "y": 14,
687
- },
688
- },
689
- "shadow28brand": {
690
- "ambient": {
691
- "blur": 8,
692
- "color": "#0000004d",
693
- "x": 0,
694
- "y": 0,
695
- },
696
- "key": {
697
- "blur": 28,
698
- "color": "#00000040",
699
- "x": 0,
700
- "y": 14,
701
- },
702
- },
703
- "shadow2brand": {
704
- "ambient": {
705
- "blur": 2,
706
- "color": "#0000004d",
707
- "x": 0,
708
- "y": 0,
709
- },
710
- "key": {
711
- "blur": 2,
712
- "color": "#00000040",
713
- "x": 0,
714
- "y": 1,
715
- },
716
- },
717
- "shadow4": {
718
- "ambient": {
719
- "blur": 2,
720
- "color": "#0000003d",
721
- "x": 0,
722
- "y": 0,
723
- },
724
- "key": {
725
- "blur": 4,
726
- "color": "#00000047",
727
- "x": 0,
728
- "y": 2,
729
- },
730
- },
731
- "shadow4brand": {
732
- "ambient": {
733
- "blur": 2,
734
- "color": "#0000004d",
735
- "x": 0,
736
- "y": 0,
737
- },
738
- "key": {
739
- "blur": 4,
740
- "color": "#00000040",
741
- "x": 0,
742
- "y": 2,
743
- },
744
- },
745
- "shadow64": {
746
- "ambient": {
747
- "blur": 8,
748
- "color": "#00000066",
749
- "x": 0,
750
- "y": 0,
751
- },
752
- "key": {
753
- "blur": 64,
754
- "color": "#0000007a",
755
- "x": 0,
756
- "y": 32,
757
- },
758
- },
759
- "shadow64brand": {
760
- "ambient": {
761
- "blur": 8,
762
- "color": "#0000004d",
763
- "x": 0,
764
- "y": 0,
765
- },
766
- "key": {
767
- "blur": 64,
768
- "color": "#00000040",
769
- "x": 0,
770
- "y": 32,
771
- },
772
- },
773
- "shadow8": {
774
- "ambient": {
775
- "blur": 2,
776
- "color": "#0000003d",
777
- "x": 0,
778
- "y": 0,
779
- },
780
- "key": {
781
- "blur": 8,
782
- "color": "#00000047",
783
- "x": 0,
784
- "y": 4,
785
- },
786
- },
787
- "shadow8brand": {
788
- "ambient": {
789
- "blur": 2,
790
- "color": "#0000004d",
791
- "x": 0,
792
- "y": 0,
793
- },
794
- "key": {
795
- "blur": 8,
796
- "color": "#00000040",
797
- "x": 0,
798
- "y": 4,
799
- },
800
- },
1208
+ "successBorder1": "#107c10",
1209
+ "successBorder2": "#9fd89f",
1210
+ "successBorderActive": "#54b054",
1211
+ "successForeground1": "#54b054",
1212
+ "successForeground2": "#9fd89f",
1213
+ "successForeground3": "#9fd89f",
1214
+ "successForegroundInverted": "#107c10",
1215
+ "transparentBackground": "#00000000",
1216
+ "transparentBackgroundHover": "#00000000",
1217
+ "transparentBackgroundPressed": "#00000000",
1218
+ "transparentBackgroundSelected": "#00000000",
1219
+ "transparentStroke": "#00000000",
1220
+ "transparentStrokeDisabled": "#00000000",
1221
+ "transparentStrokeInteractive": "#00000000",
1222
+ "warningBackground1": "#4c4400",
1223
+ "warningBackground2": "#817400",
1224
+ "warningBackground3": "#fde300",
1225
+ "warningBorder1": "#fde300",
1226
+ "warningBorder2": "#fdea3d",
1227
+ "warningBorderActive": "#feee66",
1228
+ "warningForeground1": "#feee66",
1229
+ "warningForeground2": "#fef7b2",
1230
+ "warningForeground3": "#fdea3d",
1231
+ "warningForegroundInverted": "#817400",
801
1232
  }
802
1233
  `;
803
1234
 
804
- exports[`createAppleTheme test 2`] = `
1235
+ exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: true 1`] = `
805
1236
  {
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
- },
1237
+ "brandBackground": "#0086f0",
1238
+ "brandBackground2": "#092c47",
1239
+ "brandBackgroundDisabled": "#575757",
1240
+ "brandBackgroundHover": "#1890f1",
1241
+ "brandBackgroundPressed": "#1890f1",
1242
+ "brandBackgroundSelected": "#3aa0f3",
1243
+ "brandBackgroundStatic": "#0086f0",
1244
+ "brandForeground1": "#0086f0",
1245
+ "brandForeground1Disabled": "#c2c2c2",
1246
+ "brandForeground1Pressed": "#6cb8f6",
1247
+ "brandForeground2": "#092c47",
1248
+ "brandForegroundLink": "#043862",
1249
+ "brandForegroundLinkHover": "#092c47",
1250
+ "brandForegroundLinkPressed": "#0078d4",
1251
+ "brandForegroundLinkSelected": "#092c47",
1252
+ "brandStroke1": "#0086f0",
1253
+ "brandStroke2": "#004c87",
1254
+ "compoundBrandBackground1": "#0086f0",
1255
+ "compoundBrandBackground1Hover": "#1890f1",
1256
+ "compoundBrandBackground1Pressed": "#6cb8f6",
1257
+ "compoundBrandForeground1": "#043862",
1258
+ "compoundBrandForeground1Hover": "#092c47",
1259
+ "compoundBrandForeground1Pressed": "#0078d4",
1260
+ "compoundBrandStroke1": "#0086f0",
1261
+ "compoundBrandStroke1Hover": "#1890f1",
1262
+ "compoundBrandStroke1Pressed": "#6cb8f6",
1263
+ "dangerBackground1": "#3f1011",
1264
+ "dangerBackground2": "#751d1f",
1265
+ "dangerBackground3": "#d13438",
1266
+ "dangerBorder1": "#d13438",
1267
+ "dangerBorder2": "#dc5e62",
1268
+ "dangerBorderActive": "#e37d80",
1269
+ "dangerForeground1": "#e37d80",
1270
+ "dangerForeground2": "#f1bbbc",
1271
+ "dangerForeground3": "#e37d80",
1272
+ "dangerForegroundInverted": "#d13438",
1273
+ "neutralBackground1": "#000000",
1274
+ "neutralBackground1Hover": "#3d3d3d",
1275
+ "neutralBackground1Pressed": "#5c5c5c",
1276
+ "neutralBackground1Selected": "#383838",
1277
+ "neutralBackground2": "#575757",
1278
+ "neutralBackground2Hover": "#333333",
1279
+ "neutralBackground2Pressed": "#707070",
1280
+ "neutralBackground2Selected": "#2e2e2e",
1281
+ "neutralBackground3": "#575757",
1282
+ "neutralBackground3Hover": "#292929",
1283
+ "neutralBackground3Pressed": "#0a0a0a",
1284
+ "neutralBackground3Selected": "#242424",
1285
+ "neutralBackground4": "#1f1f1f",
1286
+ "neutralBackground4Hover": "#1f1f1f",
1287
+ "neutralBackground4Pressed": "#000000",
1288
+ "neutralBackground4Selected": "#1a1a1a",
1289
+ "neutralBackground5": "#5c5c5c",
1290
+ "neutralBackground5Hover": "#141414",
1291
+ "neutralBackground5Pressed": "#050505",
1292
+ "neutralBackground5Selected": "#0f0f0f",
1293
+ "neutralBackground6": "#333333",
1294
+ "neutralBackgroundDisabled": "#575757",
1295
+ "neutralBackgroundInverted": "#ffffff",
1296
+ "neutralForeground1": "#ffffff",
1297
+ "neutralForeground1Hover": "#ffffff",
1298
+ "neutralForeground1Pressed": "#ffffff",
1299
+ "neutralForeground1Selected": "#ffffff",
1300
+ "neutralForeground2": "#ffffff",
1301
+ "neutralForeground2BrandHover": "#092c47",
1302
+ "neutralForeground2BrandPressed": "#0078d4",
1303
+ "neutralForeground2BrandSelected": "#092c47",
1304
+ "neutralForeground2Hover": "#ffffff",
1305
+ "neutralForeground2Pressed": "#ffffff",
1306
+ "neutralForeground2Selected": "#ffffff",
1307
+ "neutralForeground3": "#d6d6d6",
1308
+ "neutralForeground3BrandHover": "#092c47",
1309
+ "neutralForeground3BrandPressed": "#0078d4",
1310
+ "neutralForeground3BrandSelected": "#092c47",
1311
+ "neutralForeground3Hover": "#d6d6d6",
1312
+ "neutralForeground3Pressed": "#d6d6d6",
1313
+ "neutralForeground3Selected": "#d6d6d6",
1314
+ "neutralForeground4": "#d6d6d6",
1315
+ "neutralForegroundDisabled": "#b8b8b8",
1316
+ "neutralForegroundInverted": "#ffffff",
1317
+ "neutralForegroundInvertedLink": "#292929",
1318
+ "neutralForegroundInvertedLinkHover": "#292929",
1319
+ "neutralForegroundInvertedLinkPressed": "#292929",
1320
+ "neutralForegroundInvertedLinkSelected": "#292929",
1321
+ "neutralForegroundOnBrand": "#ffffff",
1322
+ "neutralForegroundOnBrandHover": "#ffffff",
1323
+ "neutralForegroundOnBrandPressed": "#ffffff",
1324
+ "neutralForegroundOnBrandSelected": "#ffffff",
1325
+ "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",
974
1389
  }
975
1390
  `;
976
1391
 
977
- exports[`createAppleTheme test 3`] = `
1392
+ exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: false 1`] = `
978
1393
  {
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
- },
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",
1497
+ "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",
1506
+ "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",
1515
+ "subtleBackground": "#00000000",
1516
+ "subtleBackgroundHover": "#f5f5f5",
1517
+ "subtleBackgroundPressed": "#e0e0e0",
1518
+ "subtleBackgroundSelected": "#ebebeb",
1519
+ "successBackground1": "#f1faf1",
1520
+ "successBackground2": "#9fd89f",
1521
+ "successBackground3": "#107c10",
1522
+ "successBorder1": "#9fd89f",
1523
+ "successBorder2": "#107c10",
1524
+ "successBorderActive": "#107c10",
1525
+ "successForeground1": "#0e700e",
1526
+ "successForeground2": "#094509",
1527
+ "successForeground3": "#107c10",
1528
+ "successForegroundInverted": "#359b35",
1529
+ "transparentBackground": "#00000000",
1530
+ "transparentBackgroundHover": "#00000000",
1531
+ "transparentBackgroundPressed": "#00000000",
1532
+ "transparentBackgroundSelected": "#00000000",
1533
+ "transparentStroke": "#00000000",
1534
+ "transparentStrokeDisabled": "#00000000",
1535
+ "transparentStrokeInteractive": "#00000000",
1536
+ "warningBackground1": "#fffef5",
1537
+ "warningBackground2": "#fef7b2",
1538
+ "warningBackground3": "#fde300",
1539
+ "warningBorder1": "#fef7b2",
1540
+ "warningBorder2": "#fde300",
1541
+ "warningBorderActive": "#fde300",
1542
+ "warningForeground1": "#817400",
1543
+ "warningForeground2": "#817400",
1544
+ "warningForeground3": "#fde300",
1545
+ "warningForegroundInverted": "#fef7b2",
1546
+ }
1547
+ `;
1548
+
1549
+ exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: true 1`] = `
1550
+ {
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",
1147
1703
  }
1148
1704
  `;
1149
1705
 
1150
- exports[`createAppleTheme test 4`] = `
1706
+ exports[`createMacOSShadowAliasTokens test mode: dark, isHighContrast: false 1`] = `
1151
1707
  {
1152
1708
  "shadow16": {
1153
1709
  "ambient": {
@@ -1293,1103 +1849,547 @@ exports[`createAppleTheme test 4`] = `
1293
1849
  "ambient": {
1294
1850
  "blur": 2,
1295
1851
  "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
- },
1467
- },
1468
- "buttonBackgroundHovered": "#f5f5f5",
1469
- "buttonBackgroundPressed": {
1470
- "colorWithSystemEffect": {
1471
- "baseColor": "#f5f5f5",
1472
- "systemEffect": "pressed",
1473
- },
1474
- },
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
- },
1486
- },
1487
- "buttonTextHovered": "#616161",
1488
- "buttonTextPressed": {
1489
- "colorWithSystemEffect": {
1490
- "baseColor": "#616161",
1491
- "systemEffect": "pressed",
1492
- },
1493
- },
1494
- "checkboxBackground": {
1495
- "dynamic": {
1496
- "dark": "#1890F1",
1497
- "highContrastDark": undefined,
1498
- "highContrastLight": undefined,
1499
- "light": "#0078D4",
1500
- },
1852
+ "x": 0,
1853
+ "y": 0,
1501
1854
  },
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
- },
1855
+ "key": {
1856
+ "blur": 8,
1857
+ "color": "#00000047",
1858
+ "x": 0,
1859
+ "y": 4,
1523
1860
  },
1524
- "defaultCheckedContent": "#ffffff",
1525
- "defaultCheckedHoveredBackground": {
1526
- "dynamic": {
1527
- "dark": "#1890F1",
1528
- "highContrastDark": undefined,
1529
- "highContrastLight": undefined,
1530
- "light": "#0078D4",
1531
- },
1861
+ },
1862
+ "shadow8brand": {
1863
+ "ambient": {
1864
+ "blur": 2,
1865
+ "color": "#0000004d",
1866
+ "x": 0,
1867
+ "y": 0,
1532
1868
  },
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
- ],
1869
+ "key": {
1870
+ "blur": 8,
1871
+ "color": "#00000040",
1872
+ "x": 0,
1873
+ "y": 4,
1559
1874
  },
1560
- "disabledBackground": "#E1E1E1",
1561
- "disabledBodySubtext": {
1562
- "semantic": [
1563
- "quaternaryLabelColor",
1564
- ],
1875
+ },
1876
+ }
1877
+ `;
1878
+
1879
+ exports[`createMacOSShadowAliasTokens test mode: dark, isHighContrast: true 1`] = `
1880
+ {
1881
+ "shadow16": {
1882
+ "ambient": {
1883
+ "blur": 2,
1884
+ "color": "#0000003d",
1885
+ "x": 0,
1886
+ "y": 0,
1565
1887
  },
1566
- "disabledBodyText": {
1567
- "semantic": [
1568
- "tertiaryLabelColor",
1569
- ],
1888
+ "key": {
1889
+ "blur": 16,
1890
+ "color": "#00000047",
1891
+ "x": 0,
1892
+ "y": 8,
1570
1893
  },
1571
- "disabledSubtext": {
1572
- "semantic": [
1573
- "quaternaryLabelColor",
1574
- ],
1894
+ },
1895
+ "shadow16brand": {
1896
+ "ambient": {
1897
+ "blur": 2,
1898
+ "color": "#0000004d",
1899
+ "x": 0,
1900
+ "y": 0,
1575
1901
  },
1576
- "disabledText": {
1577
- "semantic": [
1578
- "tertiaryLabelColor",
1579
- ],
1902
+ "key": {
1903
+ "blur": 16,
1904
+ "color": "#00000040",
1905
+ "x": 0,
1906
+ "y": 8,
1580
1907
  },
1581
- "errorBackground": {
1582
- "dynamic": {
1583
- "dark": "transparent",
1584
- "highContrastDark": undefined,
1585
- "highContrastLight": undefined,
1586
- "light": "#DD4242",
1587
- },
1908
+ },
1909
+ "shadow2": {
1910
+ "ambient": {
1911
+ "blur": 2,
1912
+ "color": "#0000003d",
1913
+ "x": 0,
1914
+ "y": 0,
1588
1915
  },
1589
- "errorText": {
1590
- "dynamic": {
1591
- "dark": "transparent",
1592
- "highContrastDark": undefined,
1593
- "highContrastLight": undefined,
1594
- "light": "#D92C2C",
1595
- },
1916
+ "key": {
1917
+ "blur": 2,
1918
+ "color": "#00000047",
1919
+ "x": 0,
1920
+ "y": 1,
1596
1921
  },
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
- },
1922
+ },
1923
+ "shadow28": {
1924
+ "ambient": {
1925
+ "blur": 8,
1926
+ "color": "#00000066",
1927
+ "x": 0,
1928
+ "y": 0,
1608
1929
  },
1609
- "ghostCheckedHoveredBackground": "transparent",
1610
- "ghostCheckedHoveredBorder": "transparent",
1611
- "ghostCheckedHoveredContent": {
1612
- "dynamic": {
1613
- "dark": "#1890F1",
1614
- "highContrastDark": undefined,
1615
- "highContrastLight": undefined,
1616
- "light": "#0078D4",
1617
- },
1930
+ "key": {
1931
+ "blur": 28,
1932
+ "color": "#0000007a",
1933
+ "x": 0,
1934
+ "y": 14,
1618
1935
  },
1619
- "ghostContent": {
1620
- "dynamic": {
1621
- "dark": "#1890F1",
1622
- "highContrastDark": undefined,
1623
- "highContrastLight": undefined,
1624
- "light": "#0078D4",
1625
- },
1936
+ },
1937
+ "shadow28brand": {
1938
+ "ambient": {
1939
+ "blur": 8,
1940
+ "color": "#0000004d",
1941
+ "x": 0,
1942
+ "y": 0,
1626
1943
  },
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
- },
1944
+ "key": {
1945
+ "blur": 28,
1946
+ "color": "#00000040",
1947
+ "x": 0,
1948
+ "y": 14,
1640
1949
  },
1641
- "ghostFocusedIcon": {
1642
- "dynamic": {
1643
- "dark": "#1890F1",
1644
- "highContrastDark": undefined,
1645
- "highContrastLight": undefined,
1646
- "light": "#0078D4",
1647
- },
1950
+ },
1951
+ "shadow2brand": {
1952
+ "ambient": {
1953
+ "blur": 2,
1954
+ "color": "#0000004d",
1955
+ "x": 0,
1956
+ "y": 0,
1648
1957
  },
1649
- "ghostFocusedSecondaryContent": {
1650
- "dynamic": {
1651
- "dark": "#1890F1",
1652
- "highContrastDark": undefined,
1653
- "highContrastLight": undefined,
1654
- "light": "#0078D4",
1655
- },
1958
+ "key": {
1959
+ "blur": 2,
1960
+ "color": "#00000040",
1961
+ "x": 0,
1962
+ "y": 1,
1656
1963
  },
1657
- "ghostHoveredBackground": "transparent",
1658
- "ghostHoveredBorder": "transparent",
1659
- "ghostHoveredContent": {
1660
- "dynamic": {
1661
- "dark": "#1890F1",
1662
- "highContrastDark": undefined,
1663
- "highContrastLight": undefined,
1664
- "light": "#0078D4",
1665
- },
1964
+ },
1965
+ "shadow4": {
1966
+ "ambient": {
1967
+ "blur": 2,
1968
+ "color": "#0000003d",
1969
+ "x": 0,
1970
+ "y": 0,
1971
+ },
1972
+ "key": {
1973
+ "blur": 4,
1974
+ "color": "#00000047",
1975
+ "x": 0,
1976
+ "y": 2,
1666
1977
  },
1667
- "ghostHoveredIcon": {
1668
- "dynamic": {
1669
- "dark": "#1890F1",
1670
- "highContrastDark": undefined,
1671
- "highContrastLight": undefined,
1672
- "light": "#0078D4",
1673
- },
1978
+ },
1979
+ "shadow4brand": {
1980
+ "ambient": {
1981
+ "blur": 2,
1982
+ "color": "#0000004d",
1983
+ "x": 0,
1984
+ "y": 0,
1674
1985
  },
1675
- "ghostHoveredSecondaryContent": {
1676
- "dynamic": {
1677
- "dark": "#1890F1",
1678
- "highContrastDark": undefined,
1679
- "highContrastLight": undefined,
1680
- "light": "#0078D4",
1681
- },
1986
+ "key": {
1987
+ "blur": 4,
1988
+ "color": "#00000040",
1989
+ "x": 0,
1990
+ "y": 2,
1682
1991
  },
1683
- "ghostIcon": {
1684
- "dynamic": {
1685
- "dark": "#1890F1",
1686
- "highContrastDark": undefined,
1687
- "highContrastLight": undefined,
1688
- "light": "#0078D4",
1689
- },
1992
+ },
1993
+ "shadow64": {
1994
+ "ambient": {
1995
+ "blur": 8,
1996
+ "color": "#00000066",
1997
+ "x": 0,
1998
+ "y": 0,
1690
1999
  },
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
- },
2000
+ "key": {
2001
+ "blur": 64,
2002
+ "color": "#0000007a",
2003
+ "x": 0,
2004
+ "y": 32,
1707
2005
  },
1708
- "ghostSecondaryContent": {
1709
- "dynamic": {
1710
- "dark": "#1890F1",
1711
- "highContrastDark": undefined,
1712
- "highContrastLight": undefined,
1713
- "light": "#0078D4",
1714
- },
2006
+ },
2007
+ "shadow64brand": {
2008
+ "ambient": {
2009
+ "blur": 8,
2010
+ "color": "#0000004d",
2011
+ "x": 0,
2012
+ "y": 0,
1715
2013
  },
1716
- "inputBackground": {
1717
- "semantic": [
1718
- "textBackgroundColor",
1719
- ],
2014
+ "key": {
2015
+ "blur": 64,
2016
+ "color": "#00000040",
2017
+ "x": 0,
2018
+ "y": 32,
1720
2019
  },
1721
- "inputBackgroundChecked": {
1722
- "semantic": [
1723
- "textBackgroundColor",
1724
- ],
2020
+ },
2021
+ "shadow8": {
2022
+ "ambient": {
2023
+ "blur": 2,
2024
+ "color": "#0000003d",
2025
+ "x": 0,
2026
+ "y": 0,
1725
2027
  },
1726
- "inputBackgroundCheckedHovered": {
1727
- "semantic": [
1728
- "textBackgroundColor",
1729
- ],
2028
+ "key": {
2029
+ "blur": 8,
2030
+ "color": "#00000047",
2031
+ "x": 0,
2032
+ "y": 4,
1730
2033
  },
1731
- "inputBorder": {
1732
- "semantic": [
1733
- "separatorColor",
1734
- ],
2034
+ },
2035
+ "shadow8brand": {
2036
+ "ambient": {
2037
+ "blur": 2,
2038
+ "color": "#0000004d",
2039
+ "x": 0,
2040
+ "y": 0,
1735
2041
  },
1736
- "inputBorderHovered": {
1737
- "semantic": [
1738
- "separatorColor",
1739
- ],
2042
+ "key": {
2043
+ "blur": 8,
2044
+ "color": "#00000040",
2045
+ "x": 0,
2046
+ "y": 4,
1740
2047
  },
1741
- "inputFocusBorderAlt": {
1742
- "semantic": [
1743
- "keyboardFocusIndicatorColor",
1744
- ],
2048
+ },
2049
+ }
2050
+ `;
2051
+
2052
+ exports[`createMacOSShadowAliasTokens test mode: light, isHighContrast: false 1`] = `
2053
+ {
2054
+ "shadow16": {
2055
+ "ambient": {
2056
+ "blur": 2,
2057
+ "color": "#0000001f",
2058
+ "x": 0,
2059
+ "y": 0,
1745
2060
  },
1746
- "inputForegroundChecked": {
1747
- "dynamic": {
1748
- "dark": "#1890F1",
1749
- "highContrastDark": undefined,
1750
- "highContrastLight": undefined,
1751
- "light": "#0078D4",
1752
- },
2061
+ "key": {
2062
+ "blur": 16,
2063
+ "color": "#00000024",
2064
+ "x": 0,
2065
+ "y": 8,
1753
2066
  },
1754
- "inputPlaceholderText": {
1755
- "semantic": [
1756
- "placeholderTextColor",
1757
- ],
2067
+ },
2068
+ "shadow16brand": {
2069
+ "ambient": {
2070
+ "blur": 2,
2071
+ "color": "#0000004d",
2072
+ "x": 0,
2073
+ "y": 0,
1758
2074
  },
1759
- "inputText": {
1760
- "semantic": [
1761
- "textColor",
1762
- ],
2075
+ "key": {
2076
+ "blur": 16,
2077
+ "color": "#00000040",
2078
+ "x": 0,
2079
+ "y": 8,
1763
2080
  },
1764
- "inputTextHovered": {
1765
- "semantic": [
1766
- "textColor",
1767
- ],
2081
+ },
2082
+ "shadow2": {
2083
+ "ambient": {
2084
+ "blur": 2,
2085
+ "color": "#0000001f",
2086
+ "x": 0,
2087
+ "y": 0,
1768
2088
  },
1769
- "link": {
1770
- "semantic": [
1771
- "linkColor",
1772
- ],
2089
+ "key": {
2090
+ "blur": 2,
2091
+ "color": "#00000024",
2092
+ "x": 0,
2093
+ "y": 1,
1773
2094
  },
1774
- "linkHovered": {
1775
- "semantic": [
1776
- "linkColor",
1777
- ],
2095
+ },
2096
+ "shadow28": {
2097
+ "ambient": {
2098
+ "blur": 8,
2099
+ "color": "#00000033",
2100
+ "x": 0,
2101
+ "y": 0,
1778
2102
  },
1779
- "linkPressed": {
1780
- "semantic": [
1781
- "selectedControlColor",
1782
- ],
2103
+ "key": {
2104
+ "blur": 28,
2105
+ "color": "#0000003d",
2106
+ "x": 0,
2107
+ "y": 14,
1783
2108
  },
1784
- "listBackground": "transparent",
1785
- "listHeaderBackgroundHovered": {
1786
- "semantic": [
1787
- "headerTextColor",
1788
- ],
2109
+ },
2110
+ "shadow28brand": {
2111
+ "ambient": {
2112
+ "blur": 8,
2113
+ "color": "#0000004d",
2114
+ "x": 0,
2115
+ "y": 0,
1789
2116
  },
1790
- "listHeaderBackgroundPressed": {
1791
- "semantic": [
1792
- "headerTextColor",
1793
- ],
2117
+ "key": {
2118
+ "blur": 28,
2119
+ "color": "#00000040",
2120
+ "x": 0,
2121
+ "y": 14,
1794
2122
  },
1795
- "listItemBackgroundChecked": "transparent",
1796
- "listItemBackgroundCheckedHovered": "transparent",
1797
- "listItemBackgroundHovered": "transparent",
1798
- "listText": {
1799
- "semantic": [
1800
- "labelColor",
1801
- ],
2123
+ },
2124
+ "shadow2brand": {
2125
+ "ambient": {
2126
+ "blur": 2,
2127
+ "color": "#0000004d",
2128
+ "x": 0,
2129
+ "y": 0,
1802
2130
  },
1803
- "menuBackground": "transparent",
1804
- "menuDivider": {
1805
- "semantic": [
1806
- "separatorColor",
1807
- ],
2131
+ "key": {
2132
+ "blur": 2,
2133
+ "color": "#00000040",
2134
+ "x": 0,
2135
+ "y": 1,
1808
2136
  },
1809
- "menuHeader": {
1810
- "semantic": [
1811
- "headerTextColor",
1812
- ],
2137
+ },
2138
+ "shadow4": {
2139
+ "ambient": {
2140
+ "blur": 2,
2141
+ "color": "#0000001f",
2142
+ "x": 0,
2143
+ "y": 0,
1813
2144
  },
1814
- "menuIcon": "#616161",
1815
- "menuItemBackgroundHovered": {
1816
- "semantic": [
1817
- "controlAccentColor",
1818
- ],
2145
+ "key": {
2146
+ "blur": 4,
2147
+ "color": "#00000024",
2148
+ "x": 0,
2149
+ "y": 2,
1819
2150
  },
1820
- "menuItemBackgroundPressed": {
1821
- "colorWithSystemEffect": {
1822
- "baseColor": {
1823
- "semantic": [
1824
- "controlAccentColor",
1825
- ],
1826
- },
1827
- "systemEffect": "pressed",
1828
- },
2151
+ },
2152
+ "shadow4brand": {
2153
+ "ambient": {
2154
+ "blur": 2,
2155
+ "color": "#0000004d",
2156
+ "x": 0,
2157
+ "y": 0,
1829
2158
  },
1830
- "menuItemText": {
1831
- "semantic": [
1832
- "labelColor",
1833
- ],
2159
+ "key": {
2160
+ "blur": 4,
2161
+ "color": "#00000040",
2162
+ "x": 0,
2163
+ "y": 2,
1834
2164
  },
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
- },
2165
+ },
2166
+ "shadow64": {
2167
+ "ambient": {
2168
+ "blur": 8,
2169
+ "color": "#00000033",
2170
+ "x": 0,
2171
+ "y": 0,
1910
2172
  },
1911
- "primaryButtonBackgroundDisabled": "#f0f0f0",
1912
- "primaryButtonBackgroundHovered": {
1913
- "dynamic": {
1914
- "dark": "#1890F1",
1915
- "highContrastDark": undefined,
1916
- "highContrastLight": undefined,
1917
- "light": "#0078D4",
1918
- },
2173
+ "key": {
2174
+ "blur": 64,
2175
+ "color": "#0000003d",
2176
+ "x": 0,
2177
+ "y": 32,
1919
2178
  },
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
- ],
2179
+ },
2180
+ "shadow64brand": {
2181
+ "ambient": {
2182
+ "blur": 8,
2183
+ "color": "#0000004d",
2184
+ "x": 0,
2185
+ "y": 0,
1931
2186
  },
1932
- "strokeFocus1": "#ffffff",
1933
- "strokeFocus2": "#000000",
1934
- "subText": {
1935
- "semantic": [
1936
- "secondaryLabelColor",
1937
- ],
2187
+ "key": {
2188
+ "blur": 64,
2189
+ "color": "#00000040",
2190
+ "x": 0,
2191
+ "y": 32,
1938
2192
  },
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
- },
2193
+ },
2194
+ "shadow8": {
2195
+ "ambient": {
2196
+ "blur": 2,
2197
+ "color": "#0000001f",
2198
+ "x": 0,
2199
+ "y": 0,
1950
2200
  },
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
- ],
2201
+ "key": {
2202
+ "blur": 8,
2203
+ "color": "#00000024",
2204
+ "x": 0,
2205
+ "y": 4,
1962
2206
  },
1963
- "variantBorderHovered": {
1964
- "semantic": [
1965
- "separatorColor",
1966
- ],
2207
+ },
2208
+ "shadow8brand": {
2209
+ "ambient": {
2210
+ "blur": 2,
2211
+ "color": "#0000004d",
2212
+ "x": 0,
2213
+ "y": 0,
1967
2214
  },
1968
- "warningBackground": {
1969
- "dynamic": {
1970
- "dark": "#FFC328",
1971
- "highContrastDark": undefined,
1972
- "highContrastLight": undefined,
1973
- "light": "#FFD335",
1974
- },
2215
+ "key": {
2216
+ "blur": 8,
2217
+ "color": "#00000040",
2218
+ "x": 0,
2219
+ "y": 4,
1975
2220
  },
1976
- "warningHighlight": {
1977
- "dynamic": {
1978
- "dark": "#E0AB24",
1979
- "highContrastDark": undefined,
1980
- "highContrastLight": undefined,
1981
- "light": "#FFD94E",
1982
- },
2221
+ },
2222
+ }
2223
+ `;
2224
+
2225
+ exports[`createMacOSShadowAliasTokens test mode: light, isHighContrast: true 1`] = `
2226
+ {
2227
+ "shadow16": {
2228
+ "ambient": {
2229
+ "blur": 2,
2230
+ "color": "#0000003d",
2231
+ "x": 0,
2232
+ "y": 0,
1983
2233
  },
1984
- "warningText": {
1985
- "dynamic": {
1986
- "dark": "#FFC328",
1987
- "highContrastDark": undefined,
1988
- "highContrastLight": undefined,
1989
- "light": "#FFD335",
1990
- },
2234
+ "key": {
2235
+ "blur": 16,
2236
+ "color": "#00000047",
2237
+ "x": 0,
2238
+ "y": 8,
1991
2239
  },
1992
2240
  },
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
- },
2020
- },
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
- },
2241
+ "shadow16brand": {
2242
+ "ambient": {
2243
+ "blur": 2,
2244
+ "color": "#0000004d",
2245
+ "x": 0,
2246
+ "y": 0,
2045
2247
  },
2046
- "RNFText": {
2047
- "tokens": {
2048
- "variant": "bodyStandard",
2049
- },
2248
+ "key": {
2249
+ "blur": 16,
2250
+ "color": "#00000040",
2251
+ "x": 0,
2252
+ "y": 8,
2050
2253
  },
2051
2254
  },
2052
- "host": {
2053
- "appearance": "dynamic",
2255
+ "shadow2": {
2256
+ "ambient": {
2257
+ "blur": 2,
2258
+ "color": "#0000003d",
2259
+ "x": 0,
2260
+ "y": 0,
2261
+ },
2262
+ "key": {
2263
+ "blur": 2,
2264
+ "color": "#00000047",
2265
+ "x": 0,
2266
+ "y": 1,
2267
+ },
2054
2268
  },
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
- },
2269
+ "shadow28": {
2270
+ "ambient": {
2271
+ "blur": 8,
2272
+ "color": "#00000066",
2273
+ "x": 0,
2274
+ "y": 0,
2069
2275
  },
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
- },
2276
+ "key": {
2277
+ "blur": 28,
2278
+ "color": "#0000007a",
2279
+ "x": 0,
2280
+ "y": 14,
2083
2281
  },
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
- },
2282
+ },
2283
+ "shadow28brand": {
2284
+ "ambient": {
2285
+ "blur": 8,
2286
+ "color": "#0000004d",
2287
+ "x": 0,
2288
+ "y": 0,
2097
2289
  },
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
- },
2290
+ "key": {
2291
+ "blur": 28,
2292
+ "color": "#00000040",
2293
+ "x": 0,
2294
+ "y": 14,
2111
2295
  },
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
- },
2296
+ },
2297
+ "shadow2brand": {
2298
+ "ambient": {
2299
+ "blur": 2,
2300
+ "color": "#0000004d",
2301
+ "x": 0,
2302
+ "y": 0,
2125
2303
  },
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
- },
2304
+ "key": {
2305
+ "blur": 2,
2306
+ "color": "#00000040",
2307
+ "x": 0,
2308
+ "y": 1,
2139
2309
  },
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
- },
2310
+ },
2311
+ "shadow4": {
2312
+ "ambient": {
2313
+ "blur": 2,
2314
+ "color": "#0000003d",
2315
+ "x": 0,
2316
+ "y": 0,
2153
2317
  },
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
- },
2318
+ "key": {
2319
+ "blur": 4,
2320
+ "color": "#00000047",
2321
+ "x": 0,
2322
+ "y": 2,
2167
2323
  },
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
- },
2324
+ },
2325
+ "shadow4brand": {
2326
+ "ambient": {
2327
+ "blur": 2,
2328
+ "color": "#0000004d",
2329
+ "x": 0,
2330
+ "y": 0,
2181
2331
  },
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
- },
2332
+ "key": {
2333
+ "blur": 4,
2334
+ "color": "#00000040",
2335
+ "x": 0,
2336
+ "y": 2,
2195
2337
  },
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
- },
2338
+ },
2339
+ "shadow64": {
2340
+ "ambient": {
2341
+ "blur": 8,
2342
+ "color": "#00000066",
2343
+ "x": 0,
2344
+ "y": 0,
2209
2345
  },
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
- },
2346
+ "key": {
2347
+ "blur": 64,
2348
+ "color": "#0000007a",
2349
+ "x": 0,
2350
+ "y": 32,
2223
2351
  },
2224
2352
  },
2225
- "spacing": {
2226
- "l1": "20px",
2227
- "l2": "24px",
2228
- "m": "16px",
2229
- "s1": "12px",
2230
- "s2": "8px",
2353
+ "shadow64brand": {
2354
+ "ambient": {
2355
+ "blur": 8,
2356
+ "color": "#0000004d",
2357
+ "x": 0,
2358
+ "y": 0,
2359
+ },
2360
+ "key": {
2361
+ "blur": 64,
2362
+ "color": "#00000040",
2363
+ "x": 0,
2364
+ "y": 32,
2365
+ },
2231
2366
  },
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",
2367
+ "shadow8": {
2368
+ "ambient": {
2369
+ "blur": 2,
2370
+ "color": "#0000003d",
2371
+ "x": 0,
2372
+ "y": 0,
2241
2373
  },
2242
- "sizes": {
2243
- "body": 13,
2244
- "caption": 10,
2245
- "header": 20,
2246
- "hero": 22,
2247
- "heroLarge": 26,
2248
- "secondary": 11,
2249
- "subheader": 16,
2374
+ "key": {
2375
+ "blur": 8,
2376
+ "color": "#00000047",
2377
+ "x": 0,
2378
+ "y": 4,
2250
2379
  },
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
- },
2380
+ },
2381
+ "shadow8brand": {
2382
+ "ambient": {
2383
+ "blur": 2,
2384
+ "color": "#0000004d",
2385
+ "x": 0,
2386
+ "y": 0,
2382
2387
  },
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",
2388
+ "key": {
2389
+ "blur": 8,
2390
+ "color": "#00000040",
2391
+ "x": 0,
2392
+ "y": 4,
2393
2393
  },
2394
2394
  },
2395
2395
  }