@fluentui-react-native/apple-theme 0.17.8 → 0.17.9

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 (9) hide show
  1. package/CHANGELOG.json +16 -1
  2. package/CHANGELOG.md +10 -2
  3. package/lib/__tests__/apple-theme.test.js +8 -4
  4. package/lib/__tests__/apple-theme.test.js.map +1 -1
  5. package/lib-commonjs/__tests__/apple-theme.test.js +8 -4
  6. package/lib-commonjs/__tests__/apple-theme.test.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/__tests__/__snapshots__/apple-theme.test.ts.snap +730 -307
  9. package/src/__tests__/apple-theme.test.ts +9 -4
package/src/__tests__/__snapshots__/apple-theme.test.ts.snap CHANGED
@@ -3,188 +3,690 @@
3
3
  exports[`createAppleTheme test 1`] = `
4
4
  Object {
5
5
  "colors": Object {
6
- "accentButtonBackground": "#0078D4",
7
- "accentButtonText": "white",
8
- "actionLink": "#0078D4",
9
- "actionLinkHovered": "#0078D4",
10
- "background": "white",
11
- "blockingBackground": "#DD4242",
12
- "bodyDivider": "#C8C8C8",
13
- "bodyFrameBackground": "white",
14
- "bodyFrameDivider": "#E1E1E1",
15
- "bodyStandoutBackground": "#F8F8F8",
16
- "bodyText": "#212121",
17
- "bodyTextChecked": "#212121",
18
- "brandedBackground": "#0078D4",
6
+ "accentButtonBackground": Object {
7
+ "dynamic": Object {
8
+ "dark": "#1890F1",
9
+ "highContrastDark": undefined,
10
+ "highContrastLight": undefined,
11
+ "light": "#0078D4",
12
+ },
13
+ },
14
+ "accentButtonText": "#ffffff",
15
+ "actionLink": Object {
16
+ "semantic": Array [
17
+ "linkColor",
18
+ ],
19
+ },
20
+ "actionLinkHovered": Object {
21
+ "semantic": Array [
22
+ "linkColor",
23
+ ],
24
+ },
25
+ "background": Object {
26
+ "semantic": Array [
27
+ "windowBackgroundColor",
28
+ ],
29
+ },
30
+ "blockingBackground": Object {
31
+ "dynamic": Object {
32
+ "dark": "transparent",
33
+ "highContrastDark": undefined,
34
+ "highContrastLight": undefined,
35
+ "light": "#DD4242",
36
+ },
37
+ },
38
+ "bodyDivider": Object {
39
+ "semantic": Array [
40
+ "separatorColor",
41
+ ],
42
+ },
43
+ "bodyFrameBackground": Object {
44
+ "semantic": Array [
45
+ "windowBackgroundColor",
46
+ ],
47
+ },
48
+ "bodyFrameDivider": Object {
49
+ "semantic": Array [
50
+ "separatorColor",
51
+ ],
52
+ },
53
+ "bodyStandoutBackground": Object {
54
+ "semantic": Array [
55
+ "underPageBackgroundColor",
56
+ ],
57
+ },
58
+ "bodyText": Object {
59
+ "semantic": Array [
60
+ "labelColor",
61
+ ],
62
+ },
63
+ "bodyTextChecked": Object {
64
+ "semantic": Array [
65
+ "labelColor",
66
+ ],
67
+ },
68
+ "brandBackground": "#0078d4",
69
+ "brandBackground2": "#eff6fc",
70
+ "brandBackgroundDisabled": "#d1d1d1",
71
+ "brandBackgroundHover": "#106ebe",
72
+ "brandBackgroundPressed": "#106ebe",
73
+ "brandBackgroundSelected": "#005a9e",
74
+ "brandBackgroundStatic": "#0078d4",
75
+ "brandForeground1": "#0078d4",
76
+ "brandForeground1Disabled": "#757575",
77
+ "brandForeground1Pressed": "#004578",
78
+ "brandForeground2": "#106ebe",
79
+ "brandForegroundLink": "#0078d4",
80
+ "brandForegroundLinkHover": "#106ebe",
81
+ "brandForegroundLinkPressed": "#004578",
82
+ "brandForegroundLinkSelected": "#005a9e",
83
+ "brandStroke1": "#0078d4",
84
+ "brandStroke2": "#c7e0f4",
85
+ "brandedBackground": "#0078d4",
19
86
  "brandedBorder": "transparent",
20
- "brandedCheckedBackground": "#0078D4",
21
- "brandedCheckedContent": "white",
22
- "brandedCheckedHoveredBackground": "white",
23
- "brandedCheckedHoveredContent": "white",
24
- "brandedContent": "white",
25
- "brandedDisabledBackground": "#E1E1E1",
87
+ "brandedCheckedBackground": Object {
88
+ "dynamic": Object {
89
+ "dark": "#1890F1",
90
+ "highContrastDark": undefined,
91
+ "highContrastLight": undefined,
92
+ "light": "#0078D4",
93
+ },
94
+ },
95
+ "brandedCheckedContent": "#ffffff",
96
+ "brandedCheckedHoveredBackground": Object {
97
+ "dynamic": Object {
98
+ "dark": "#1890F1",
99
+ "highContrastDark": undefined,
100
+ "highContrastLight": undefined,
101
+ "light": "#0078D4",
102
+ },
103
+ },
104
+ "brandedCheckedHoveredContent": "#ffffff",
105
+ "brandedContent": "#ffffff",
106
+ "brandedDisabledBackground": "#f0f0f0",
26
107
  "brandedDisabledBorder": "transparent",
27
- "brandedDisabledContent": "white",
28
- "brandedDisabledIcon": "white",
29
- "brandedFocusedBackground": "#0078D4",
108
+ "brandedDisabledContent": "#757575",
109
+ "brandedDisabledIcon": "#616161",
110
+ "brandedFocusedBackground": Object {
111
+ "dynamic": Object {
112
+ "dark": "#1890F1",
113
+ "highContrastDark": undefined,
114
+ "highContrastLight": undefined,
115
+ "light": "#0078D4",
116
+ },
117
+ },
30
118
  "brandedFocusedBorder": "transparent",
31
- "brandedFocusedContent": "white",
32
- "brandedFocusedIcon": "white",
33
- "brandedFocusedSecondaryContent": "white",
34
- "brandedHoveredBackground": "#0078D4",
119
+ "brandedFocusedContent": "#ffffff",
120
+ "brandedFocusedIcon": "#ffffff",
121
+ "brandedFocusedSecondaryContent": "#ffffff",
122
+ "brandedHoveredBackground": "#106ebe",
35
123
  "brandedHoveredBorder": "transparent",
36
- "brandedHoveredContent": "white",
37
- "brandedHoveredIcon": "white",
38
- "brandedHoveredSecondaryContent": "white",
39
- "brandedIcon": "white",
40
- "brandedPressedBackground": "#2B88D8",
124
+ "brandedHoveredContent": "#ffffff",
125
+ "brandedHoveredIcon": "#ffffff",
126
+ "brandedHoveredSecondaryContent": "#ffffff",
127
+ "brandedIcon": "#ffffff",
128
+ "brandedPressedBackground": "#106ebe",
41
129
  "brandedPressedBorder": "transparent",
42
- "brandedPressedContent": "white",
43
- "brandedPressedIcon": "white",
44
- "brandedPressedSecondaryContent": "white",
45
- "brandedSecondaryContent": "white",
46
- "buttonBackground": "transparent",
47
- "buttonBackgroundChecked": "transparent",
48
- "buttonBackgroundCheckedHovered": "transparent",
49
- "buttonBackgroundDisabled": "transparent",
50
- "buttonBackgroundHovered": "transparent",
51
- "buttonBackgroundPressed": "transparent",
52
- "buttonBorder": "#2B88D8",
53
- "buttonBorderDisabled": "#E1E1E1",
54
- "buttonBorderFocused": "#2B88D8",
55
- "buttonText": "#0078D4",
56
- "buttonTextChecked": "#0078D4",
57
- "buttonTextCheckedHovered": "#0078D4",
58
- "buttonTextDisabled": "#ACACAC",
59
- "buttonTextHovered": "#0078D4",
60
- "buttonTextPressed": "#C7E0F4",
61
- "checkboxBackground": "#0078D4",
62
- "checkboxBackgroundDisabled": "white",
130
+ "brandedPressedContent": "#ffffff",
131
+ "brandedPressedIcon": "#ffffff",
132
+ "brandedPressedSecondaryContent": Object {
133
+ "colorWithSystemEffect": Object {
134
+ "baseColor": "#ffffff",
135
+ "systemEffect": "pressed",
136
+ },
137
+ },
138
+ "brandedSecondaryContent": "#ffffff",
139
+ "buttonBackground": "#ffffff",
140
+ "buttonBackgroundChecked": "#f5f5f5",
141
+ "buttonBackgroundCheckedHovered": "#f5f5f5",
142
+ "buttonBackgroundDisabled": Object {
143
+ "colorWithSystemEffect": Object {
144
+ "baseColor": "#f5f5f5",
145
+ "systemEffect": "disabled",
146
+ },
147
+ },
148
+ "buttonBackgroundHovered": "#f5f5f5",
149
+ "buttonBackgroundPressed": Object {
150
+ "colorWithSystemEffect": Object {
151
+ "baseColor": "#f5f5f5",
152
+ "systemEffect": "pressed",
153
+ },
154
+ },
155
+ "buttonBorder": "transparent",
156
+ "buttonBorderDisabled": "transparent",
157
+ "buttonBorderFocused": "transparent",
158
+ "buttonText": "#616161",
159
+ "buttonTextChecked": "#616161",
160
+ "buttonTextCheckedHovered": "#616161",
161
+ "buttonTextDisabled": Object {
162
+ "colorWithSystemEffect": Object {
163
+ "baseColor": "#616161",
164
+ "systemEffect": "disabled",
165
+ },
166
+ },
167
+ "buttonTextHovered": "#616161",
168
+ "buttonTextPressed": Object {
169
+ "colorWithSystemEffect": Object {
170
+ "baseColor": "#616161",
171
+ "systemEffect": "pressed",
172
+ },
173
+ },
174
+ "checkboxBackground": Object {
175
+ "dynamic": Object {
176
+ "dark": "#1890F1",
177
+ "highContrastDark": undefined,
178
+ "highContrastLight": undefined,
179
+ "light": "#0078D4",
180
+ },
181
+ },
182
+ "checkboxBackgroundDisabled": "#f0f0f0",
63
183
  "checkboxBorderColor": "#404040",
64
- "checkmarkColor": "white",
65
- "defaultBackground": "transparent",
66
- "defaultBorder": "#2B88D8",
67
- "defaultCheckedBackground": "transparent",
68
- "defaultCheckedContent": "#0078D4",
69
- "defaultCheckedHoveredBackground": "transparent",
70
- "defaultCheckedHoveredContent": "#0078D4",
71
- "defaultContent": "#0078D4",
72
- "defaultDisabledBackground": "transparent",
73
- "defaultDisabledBorder": "#E1E1E1",
74
- "defaultDisabledContent": "#ACACAC",
75
- "defaultDisabledIcon": "#ACACAC",
76
- "defaultDisabledSecondaryContent": "#ACACAC",
77
- "defaultFocusedBackground": "transparent",
78
- "defaultFocusedBorder": "#2B88D8",
79
- "defaultFocusedContent": "#0078D4",
80
- "defaultFocusedIcon": "#0078D4",
81
- "defaultHoveredBackground": "transparent",
82
- "defaultHoveredBorder": "#2B88D8",
83
- "defaultHoveredContent": "#0078D4",
84
- "defaultHoveredIcon": "#0078D4",
85
- "defaultHoveredSecondaryContent": "#0078D4",
86
- "defaultIcon": "#0078D4",
87
- "defaultPressedBackground": "transparent",
88
- "defaultPressedBorder": "#DEECF9",
89
- "defaultPressedContent": "#C7E0F4",
90
- "defaultPressedIcon": "#C7E0F4",
91
- "defaultPressedSecondaryContent": "#C7E0F4",
92
- "defaultStateBackground": "white",
184
+ "checkmarkColor": "#ffffff",
185
+ "compoundBrandBackground1": "#0078d4",
186
+ "compoundBrandBackground1Hover": "#106ebe",
187
+ "compoundBrandBackground1Pressed": "#004578",
188
+ "compoundBrandForeground1": "#0078d4",
189
+ "compoundBrandForeground1Hover": "#106ebe",
190
+ "compoundBrandForeground1Pressed": "#004578",
191
+ "compoundBrandStroke1": "#0078d4",
192
+ "compoundBrandStroke1Hover": "#106ebe",
193
+ "compoundBrandStroke1Pressed": "#004578",
194
+ "defaultBackground": "#ffffff",
195
+ "defaultBorder": "#d6d6d6",
196
+ "defaultCheckedBackground": Object {
197
+ "dynamic": Object {
198
+ "dark": "#1890F1",
199
+ "highContrastDark": undefined,
200
+ "highContrastLight": undefined,
201
+ "light": "#0078D4",
202
+ },
203
+ },
204
+ "defaultCheckedContent": "#ffffff",
205
+ "defaultCheckedHoveredBackground": Object {
206
+ "dynamic": Object {
207
+ "dark": "#1890F1",
208
+ "highContrastDark": undefined,
209
+ "highContrastLight": undefined,
210
+ "light": "#0078D4",
211
+ },
212
+ },
213
+ "defaultCheckedHoveredContent": "#ffffff",
214
+ "defaultContent": "#000000",
215
+ "defaultDisabledBackground": "#ffffff",
216
+ "defaultDisabledBorder": "#d6d6d6",
217
+ "defaultDisabledContent": "#757575",
218
+ "defaultDisabledIcon": "#616161",
219
+ "defaultDisabledSecondaryContent": "#757575",
220
+ "defaultFocusedBackground": "#ffffff",
221
+ "defaultFocusedBorder": "#d6d6d6",
222
+ "defaultFocusedContent": "#000000",
223
+ "defaultFocusedIcon": "#616161",
224
+ "defaultHoveredBackground": "#f5f5f5",
225
+ "defaultHoveredBorder": "#d6d6d6",
226
+ "defaultHoveredContent": "#616161",
227
+ "defaultHoveredIcon": "#616161",
228
+ "defaultHoveredSecondaryContent": "#616161",
229
+ "defaultIcon": "#616161",
230
+ "defaultPressedBackground": "#ebebeb",
231
+ "defaultPressedBorder": "#d6d6d6",
232
+ "defaultPressedContent": "#000000",
233
+ "defaultPressedIcon": "#616161",
234
+ "defaultPressedSecondaryContent": "#ffffff",
235
+ "defaultStateBackground": Object {
236
+ "semantic": Array [
237
+ "controlBackgroundColor",
238
+ ],
239
+ },
93
240
  "disabledBackground": "#E1E1E1",
94
- "disabledBodySubtext": "#ACACAC",
95
- "disabledBodyText": "#ACACAC",
96
- "disabledSubtext": "#ACACAC",
97
- "disabledText": "#ACACAC",
98
- "errorBackground": "#DD4242",
99
- "errorText": "#D92C2C",
241
+ "disabledBodySubtext": Object {
242
+ "semantic": Array [
243
+ "quaternaryLabelColor",
244
+ ],
245
+ },
246
+ "disabledBodyText": Object {
247
+ "semantic": Array [
248
+ "tertiaryLabelColor",
249
+ ],
250
+ },
251
+ "disabledSubtext": Object {
252
+ "semantic": Array [
253
+ "quaternaryLabelColor",
254
+ ],
255
+ },
256
+ "disabledText": Object {
257
+ "semantic": Array [
258
+ "tertiaryLabelColor",
259
+ ],
260
+ },
261
+ "errorBackground": Object {
262
+ "dynamic": Object {
263
+ "dark": "transparent",
264
+ "highContrastDark": undefined,
265
+ "highContrastLight": undefined,
266
+ "light": "#DD4242",
267
+ },
268
+ },
269
+ "errorText": Object {
270
+ "dynamic": Object {
271
+ "dark": "transparent",
272
+ "highContrastDark": undefined,
273
+ "highContrastLight": undefined,
274
+ "light": "#D92C2C",
275
+ },
276
+ },
100
277
  "focusBorder": "transparent",
101
278
  "ghostBackground": "transparent",
102
279
  "ghostBorder": "transparent",
103
280
  "ghostCheckedBackground": "transparent",
104
- "ghostCheckedContent": "#0078D4",
281
+ "ghostCheckedContent": Object {
282
+ "dynamic": Object {
283
+ "dark": "#1890F1",
284
+ "highContrastDark": undefined,
285
+ "highContrastLight": undefined,
286
+ "light": "#0078D4",
287
+ },
288
+ },
105
289
  "ghostCheckedHoveredBackground": "transparent",
106
290
  "ghostCheckedHoveredBorder": "transparent",
107
- "ghostCheckedHoveredContent": "#0078D4",
108
- "ghostContent": "#0078D4",
291
+ "ghostCheckedHoveredContent": Object {
292
+ "dynamic": Object {
293
+ "dark": "#1890F1",
294
+ "highContrastDark": undefined,
295
+ "highContrastLight": undefined,
296
+ "light": "#0078D4",
297
+ },
298
+ },
299
+ "ghostContent": Object {
300
+ "dynamic": Object {
301
+ "dark": "#1890F1",
302
+ "highContrastDark": undefined,
303
+ "highContrastLight": undefined,
304
+ "light": "#0078D4",
305
+ },
306
+ },
109
307
  "ghostDisabledBackground": "transparent",
110
308
  "ghostDisabledBorder": "transparent",
111
- "ghostDisabledContent": "#ACACAC",
112
- "ghostDisabledIcon": "#ACACAC",
309
+ "ghostDisabledContent": "#757575",
310
+ "ghostDisabledIcon": "#757575",
113
311
  "ghostFocusedBackground": "transparent",
114
312
  "ghostFocusedBorder": "transparent",
115
- "ghostFocusedContent": "#0078D4",
116
- "ghostFocusedIcon": "#0078D4",
117
- "ghostFocusedSecondaryContent": "#0078D4",
313
+ "ghostFocusedContent": Object {
314
+ "dynamic": Object {
315
+ "dark": "#1890F1",
316
+ "highContrastDark": undefined,
317
+ "highContrastLight": undefined,
318
+ "light": "#0078D4",
319
+ },
320
+ },
321
+ "ghostFocusedIcon": Object {
322
+ "dynamic": Object {
323
+ "dark": "#1890F1",
324
+ "highContrastDark": undefined,
325
+ "highContrastLight": undefined,
326
+ "light": "#0078D4",
327
+ },
328
+ },
329
+ "ghostFocusedSecondaryContent": Object {
330
+ "dynamic": Object {
331
+ "dark": "#1890F1",
332
+ "highContrastDark": undefined,
333
+ "highContrastLight": undefined,
334
+ "light": "#0078D4",
335
+ },
336
+ },
118
337
  "ghostHoveredBackground": "transparent",
119
338
  "ghostHoveredBorder": "transparent",
120
- "ghostHoveredContent": "#0078D4",
121
- "ghostHoveredIcon": "#0078D4",
122
- "ghostHoveredSecondaryContent": "#0078D4",
123
- "ghostIcon": "#0078D4",
339
+ "ghostHoveredContent": Object {
340
+ "dynamic": Object {
341
+ "dark": "#1890F1",
342
+ "highContrastDark": undefined,
343
+ "highContrastLight": undefined,
344
+ "light": "#0078D4",
345
+ },
346
+ },
347
+ "ghostHoveredIcon": Object {
348
+ "dynamic": Object {
349
+ "dark": "#1890F1",
350
+ "highContrastDark": undefined,
351
+ "highContrastLight": undefined,
352
+ "light": "#0078D4",
353
+ },
354
+ },
355
+ "ghostHoveredSecondaryContent": Object {
356
+ "dynamic": Object {
357
+ "dark": "#1890F1",
358
+ "highContrastDark": undefined,
359
+ "highContrastLight": undefined,
360
+ "light": "#0078D4",
361
+ },
362
+ },
363
+ "ghostIcon": Object {
364
+ "dynamic": Object {
365
+ "dark": "#1890F1",
366
+ "highContrastDark": undefined,
367
+ "highContrastLight": undefined,
368
+ "light": "#0078D4",
369
+ },
370
+ },
124
371
  "ghostPressedBackground": "transparent",
125
372
  "ghostPressedBorder": "transparent",
126
- "ghostPressedContent": "#C7E0F4",
127
- "ghostPressedIcon": "#C7E0F4",
128
- "ghostPressedSecondaryContent": "#C7E0F4",
129
- "ghostSecondaryContent": "#0078D4",
130
- "inputBackground": "white",
131
- "inputBackgroundChecked": "white",
132
- "inputBackgroundCheckedHovered": "white",
133
- "inputBorder": "#E1E1E1",
134
- "inputBorderHovered": "#E1E1E1",
135
- "inputFocusBorderAlt": "#C8C8C8",
136
- "inputForegroundChecked": "#0078D4",
137
- "inputPlaceholderText": "#6E6E6E",
138
- "inputText": "#212121",
139
- "inputTextHovered": "#212121",
140
- "link": "#0078D4",
141
- "linkHovered": "#0078D4",
142
- "linkPressed": "#2B88D8",
143
- "listBackground": "white",
144
- "listHeaderBackgroundHovered": "#212121",
145
- "listHeaderBackgroundPressed": "#212121",
146
- "listItemBackgroundChecked": "white",
147
- "listItemBackgroundCheckedHovered": "white",
148
- "listItemBackgroundHovered": "white",
149
- "listText": "#212121",
150
- "menuBackground": "white",
151
- "menuDivider": "#E1E1E1",
152
- "menuHeader": "#212121",
153
- "menuIcon": "#6E6E6E",
154
- "menuItemBackgroundHovered": "white",
155
- "menuItemBackgroundPressed": "white",
156
- "menuItemText": "#212121",
157
- "menuItemTextHovered": "#212121",
158
- "personaActivityGlow": "transparent",
159
- "personaActivityRing": "white",
160
- "primaryButtonBackground": "#0078D4",
161
- "primaryButtonBackgroundDisabled": "#E1E1E1",
162
- "primaryButtonBackgroundHovered": "#0078D4",
163
- "primaryButtonBackgroundPressed": "#2B88D8",
373
+ "ghostPressedContent": "#004578",
374
+ "ghostPressedIcon": "#616161",
375
+ "ghostPressedSecondaryContent": Object {
376
+ "colorWithSystemEffect": Object {
377
+ "baseColor": Object {
378
+ "dynamic": Object {
379
+ "dark": "#1890F1",
380
+ "highContrastDark": undefined,
381
+ "highContrastLight": undefined,
382
+ "light": "#0078D4",
383
+ },
384
+ },
385
+ "systemEffect": "deepPressed",
386
+ },
387
+ },
388
+ "ghostSecondaryContent": Object {
389
+ "dynamic": Object {
390
+ "dark": "#1890F1",
391
+ "highContrastDark": undefined,
392
+ "highContrastLight": undefined,
393
+ "light": "#0078D4",
394
+ },
395
+ },
396
+ "inputBackground": Object {
397
+ "semantic": Array [
398
+ "textBackgroundColor",
399
+ ],
400
+ },
401
+ "inputBackgroundChecked": Object {
402
+ "semantic": Array [
403
+ "textBackgroundColor",
404
+ ],
405
+ },
406
+ "inputBackgroundCheckedHovered": Object {
407
+ "semantic": Array [
408
+ "textBackgroundColor",
409
+ ],
410
+ },
411
+ "inputBorder": Object {
412
+ "semantic": Array [
413
+ "separatorColor",
414
+ ],
415
+ },
416
+ "inputBorderHovered": Object {
417
+ "semantic": Array [
418
+ "separatorColor",
419
+ ],
420
+ },
421
+ "inputFocusBorderAlt": Object {
422
+ "semantic": Array [
423
+ "keyboardFocusIndicatorColor",
424
+ ],
425
+ },
426
+ "inputForegroundChecked": Object {
427
+ "dynamic": Object {
428
+ "dark": "#1890F1",
429
+ "highContrastDark": undefined,
430
+ "highContrastLight": undefined,
431
+ "light": "#0078D4",
432
+ },
433
+ },
434
+ "inputPlaceholderText": Object {
435
+ "semantic": Array [
436
+ "placeholderTextColor",
437
+ ],
438
+ },
439
+ "inputText": Object {
440
+ "semantic": Array [
441
+ "textColor",
442
+ ],
443
+ },
444
+ "inputTextHovered": Object {
445
+ "semantic": Array [
446
+ "textColor",
447
+ ],
448
+ },
449
+ "link": Object {
450
+ "semantic": Array [
451
+ "linkColor",
452
+ ],
453
+ },
454
+ "linkHovered": Object {
455
+ "semantic": Array [
456
+ "linkColor",
457
+ ],
458
+ },
459
+ "linkPressed": Object {
460
+ "semantic": Array [
461
+ "selectedControlColor",
462
+ ],
463
+ },
464
+ "listBackground": "transparent",
465
+ "listHeaderBackgroundHovered": Object {
466
+ "semantic": Array [
467
+ "headerTextColor",
468
+ ],
469
+ },
470
+ "listHeaderBackgroundPressed": Object {
471
+ "semantic": Array [
472
+ "headerTextColor",
473
+ ],
474
+ },
475
+ "listItemBackgroundChecked": "transparent",
476
+ "listItemBackgroundCheckedHovered": "transparent",
477
+ "listItemBackgroundHovered": "transparent",
478
+ "listText": Object {
479
+ "semantic": Array [
480
+ "labelColor",
481
+ ],
482
+ },
483
+ "menuBackground": "transparent",
484
+ "menuDivider": Object {
485
+ "semantic": Array [
486
+ "separatorColor",
487
+ ],
488
+ },
489
+ "menuHeader": Object {
490
+ "semantic": Array [
491
+ "headerTextColor",
492
+ ],
493
+ },
494
+ "menuIcon": "#616161",
495
+ "menuItemBackgroundHovered": Object {
496
+ "semantic": Array [
497
+ "controlAccentColor",
498
+ ],
499
+ },
500
+ "menuItemBackgroundPressed": Object {
501
+ "colorWithSystemEffect": Object {
502
+ "baseColor": Object {
503
+ "semantic": Array [
504
+ "controlAccentColor",
505
+ ],
506
+ },
507
+ "systemEffect": "pressed",
508
+ },
509
+ },
510
+ "menuItemText": Object {
511
+ "semantic": Array [
512
+ "labelColor",
513
+ ],
514
+ },
515
+ "menuItemTextHovered": "white",
516
+ "neutralBackground1": "#ffffff",
517
+ "neutralBackground1Hover": "#f5f5f5",
518
+ "neutralBackground1Pressed": "#ebebeb",
519
+ "neutralBackground1Selected": "#ebebeb",
520
+ "neutralBackground2": "#ffffff",
521
+ "neutralBackground2Hover": "#f0f0f0",
522
+ "neutralBackground2Pressed": "#ebebeb",
523
+ "neutralBackground2Selected": "#e6e6e6",
524
+ "neutralBackground3": "#f5f5f5",
525
+ "neutralBackground3Hover": "#ebebeb",
526
+ "neutralBackground3Pressed": "#d6d6d6",
527
+ "neutralBackground3Selected": "#e0e0e0",
528
+ "neutralBackground4": "#f0f0f0",
529
+ "neutralBackground4Hover": "#fafafa",
530
+ "neutralBackground4Pressed": "#f5f5f5",
531
+ "neutralBackground4Selected": "#ffffff",
532
+ "neutralBackground5": "#ebebeb",
533
+ "neutralBackground5Hover": "#f5f5f5",
534
+ "neutralBackground5Pressed": "#f0f0f0",
535
+ "neutralBackground5Selected": "#fafafa",
536
+ "neutralBackground6": "#e6e6e6",
537
+ "neutralBackgroundDisabled": "#f0f0f0",
538
+ "neutralBackgroundInverted": "#616161",
539
+ "neutralForeground1": "#242424",
540
+ "neutralForeground1Hover": "#242424",
541
+ "neutralForeground1Pressed": "#242424",
542
+ "neutralForeground1Selected": "#242424",
543
+ "neutralForeground2": "#000000",
544
+ "neutralForeground2BrandHover": "#106ebe",
545
+ "neutralForeground2BrandPressed": "#004578",
546
+ "neutralForeground2BrandSelected": "#005a9e",
547
+ "neutralForeground2Hover": "#242424",
548
+ "neutralForeground2Pressed": "#242424",
549
+ "neutralForeground2Selected": "#242424",
550
+ "neutralForeground3": "#616161",
551
+ "neutralForeground3BrandHover": "#106ebe",
552
+ "neutralForeground3BrandPressed": "#004578",
553
+ "neutralForeground3BrandSelected": "#005a9e",
554
+ "neutralForeground3Hover": "#424242",
555
+ "neutralForeground3Pressed": "#424242",
556
+ "neutralForeground3Selected": "#424242",
557
+ "neutralForeground4": "#808080",
558
+ "neutralForegroundDisabled": "#757575",
559
+ "neutralForegroundInverted": "#ffffff",
560
+ "neutralForegroundInvertedLink": "#ffffff",
561
+ "neutralForegroundInvertedLinkHover": "#ffffff",
562
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
563
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
564
+ "neutralForegroundOnBrand": "#ffffff",
565
+ "neutralForegroundOnBrandHover": "#ffffff",
566
+ "neutralForegroundOnBrandPressed": "#ffffff",
567
+ "neutralForegroundOnBrandSelected": "#ffffff",
568
+ "neutralStencil1": "#e6e6e6",
569
+ "neutralStencil2": "#fafafa",
570
+ "neutralStroke1": "#f0f0f0",
571
+ "neutralStroke1Hover": "#c7c7c7",
572
+ "neutralStroke1Pressed": "#b3b3b3",
573
+ "neutralStroke1Selected": "#bdbdbd",
574
+ "neutralStroke2": "#d6d6d6",
575
+ "neutralStroke3": "#f0f0f0",
576
+ "neutralStrokeAccessible": "#616161",
577
+ "neutralStrokeAccessibleHover": "#575757",
578
+ "neutralStrokeAccessiblePressed": "#4d4d4d",
579
+ "neutralStrokeAccessibleSelected": "#0078d4",
580
+ "neutralStrokeDisabled": "#e0e0e0",
581
+ "personaActivityGlow": "#D13438",
582
+ "personaActivityRing": "#ffffff",
583
+ "primaryButtonBackground": Object {
584
+ "dynamic": Object {
585
+ "dark": "#1890F1",
586
+ "highContrastDark": undefined,
587
+ "highContrastLight": undefined,
588
+ "light": "#0078D4",
589
+ },
590
+ },
591
+ "primaryButtonBackgroundDisabled": "#f0f0f0",
592
+ "primaryButtonBackgroundHovered": Object {
593
+ "dynamic": Object {
594
+ "dark": "#1890F1",
595
+ "highContrastDark": undefined,
596
+ "highContrastLight": undefined,
597
+ "light": "#0078D4",
598
+ },
599
+ },
600
+ "primaryButtonBackgroundPressed": "#106ebe",
164
601
  "primaryButtonBorder": "transparent",
165
602
  "primaryButtonBorderFocused": "transparent",
166
- "primaryButtonText": "white",
167
- "primaryButtonTextDisabled": "white",
168
- "primaryButtonTextHovered": "white",
169
- "primaryButtonTextPressed": "white",
170
- "smallInputBorder": "#C8C8C8",
171
- "subText": "#6E6E6E",
172
- "successBackground": "#27AC22",
173
- "variantBorder": "#E1E1E1",
174
- "variantBorderHovered": "#E1E1E1",
175
- "warningBackground": "#FFD335",
176
- "warningHighlight": "#FFD94E",
177
- "warningText": "#FFD335",
603
+ "primaryButtonText": "#ffffff",
604
+ "primaryButtonTextDisabled": "#757575",
605
+ "primaryButtonTextHovered": "#ffffff",
606
+ "primaryButtonTextPressed": "#ffffff",
607
+ "redBackground1": "#f9f0f2",
608
+ "redBackground2": "#d69ca5",
609
+ "redBackground3": "#750b1c",
610
+ "redBorder1": "#d69ca5",
611
+ "redBorder2": "#750b1c",
612
+ "redBorderActive": "#750b1c",
613
+ "redForeground1": "#690a19",
614
+ "redForeground2": "#d69ca5",
615
+ "redForeground3": "#750b1c",
616
+ "smallInputBorder": Object {
617
+ "semantic": Array [
618
+ "separatorColor",
619
+ ],
620
+ },
621
+ "strokeFocus1": "#ffffff",
622
+ "strokeFocus2": "#000000",
623
+ "subText": Object {
624
+ "semantic": Array [
625
+ "secondaryLabelColor",
626
+ ],
627
+ },
628
+ "subtleBackground": "transparent",
629
+ "subtleBackgroundHover": "#f5f5f5",
630
+ "subtleBackgroundPressed": "#e0e0e0",
631
+ "subtleBackgroundSelected": "#ebebeb",
632
+ "successBackground": Object {
633
+ "dynamic": Object {
634
+ "dark": "#0D9D3D",
635
+ "highContrastDark": undefined,
636
+ "highContrastLight": undefined,
637
+ "light": "#27AC22",
638
+ },
639
+ },
640
+ "transparentBackground": "transparent",
641
+ "transparentBackgroundHover": "transparent",
642
+ "transparentBackgroundPressed": "transparent",
643
+ "transparentBackgroundSelected": "transparent",
644
+ "transparentStroke": "transparent",
645
+ "transparentStrokeDisabled": "transparent",
646
+ "transparentStrokeInteractive": "transparent",
647
+ "variantBorder": Object {
648
+ "semantic": Array [
649
+ "separatorColor",
650
+ ],
651
+ },
652
+ "variantBorderHovered": Object {
653
+ "semantic": Array [
654
+ "separatorColor",
655
+ ],
656
+ },
657
+ "warningBackground": Object {
658
+ "dynamic": Object {
659
+ "dark": "#FFC328",
660
+ "highContrastDark": undefined,
661
+ "highContrastLight": undefined,
662
+ "light": "#FFD335",
663
+ },
664
+ },
665
+ "warningHighlight": Object {
666
+ "dynamic": Object {
667
+ "dark": "#E0AB24",
668
+ "highContrastDark": undefined,
669
+ "highContrastLight": undefined,
670
+ "light": "#FFD94E",
671
+ },
672
+ },
673
+ "warningText": Object {
674
+ "dynamic": Object {
675
+ "dark": "#FFC328",
676
+ "highContrastDark": undefined,
677
+ "highContrastLight": undefined,
678
+ "light": "#FFD335",
679
+ },
680
+ },
178
681
  },
179
682
  "components": Object {
180
683
  "Button": Object {
181
684
  "content": Object {
182
- "fontSize": 12,
183
- "height": 18,
685
+ "fontSize": 15,
184
686
  },
185
687
  "icon": Object {
186
688
  "style": Object {
187
- "marginEnd": 8,
689
+ "marginEnd": 10,
188
690
  },
189
691
  },
190
692
  "root": Object {
@@ -194,63 +696,40 @@ Object {
194
696
  },
195
697
  "stack": Object {
196
698
  "style": Object {
197
- "paddingHorizontal": 14,
198
- "paddingVertical": 10,
699
+ "minHeight": 28,
700
+ "paddingVertical": 4.5,
199
701
  },
200
702
  },
201
703
  "tokens": Object {
202
- "borderRadius": 8,
704
+ "borderRadius": 6,
203
705
  "borderWidth": 1,
706
+ "minHeight": 28,
707
+ "minWidth": 72,
204
708
  },
205
709
  },
206
710
  "Checkbox": Object {
711
+ "_precedence": Array [
712
+ "disabled",
713
+ "boxAtEnd",
714
+ "checked",
715
+ ],
207
716
  "checkbox": Object {
208
717
  "style": Object {
209
- "borderRadius": 100,
210
- "minHeight": 24,
211
- "minWidth": 24,
718
+ "borderRadius": 3,
719
+ "borderStyle": "solid",
720
+ "borderWidth": 0.5,
721
+ "marginEnd": 5,
722
+ "minHeight": 14,
723
+ "minWidth": 14,
212
724
  },
213
725
  },
214
726
  "checkmarkIcon": Object {
215
- "height": 7,
216
- "style": Object {
217
- "marginLeft": 8,
218
- "marginRight": 7,
219
- "marginVertical": 8.5,
220
- },
221
- "width": 8.5,
222
- },
223
- "root": Object {
727
+ "height": 10,
224
728
  "style": Object {
729
+ "marginHorizontal": 2,
225
730
  "marginVertical": 2,
226
- "minHeight": 20,
227
731
  },
228
- },
229
- },
230
- "PrimaryButton": Object {
231
- "content": Object {
232
- "fontSize": 15,
233
- "height": 20,
234
- },
235
- "icon": Object {
236
- "style": Object {
237
- "marginEnd": 10,
238
- },
239
- },
240
- "root": Object {
241
- "style": Object {
242
- "margin": 8,
243
- },
244
- },
245
- "stack": Object {
246
- "style": Object {
247
- "paddingHorizontal": 20,
248
- "paddingVertical": 16,
249
- },
250
- },
251
- "tokens": Object {
252
- "borderRadius": 8,
253
- "borderWidth": 1,
732
+ "width": 10,
254
733
  },
255
734
  },
256
735
  "RNFText": Object {
@@ -258,35 +737,9 @@ Object {
258
737
  "variant": "bodyStandard",
259
738
  },
260
739
  },
261
- "StealthButton": Object {
262
- "content": Object {
263
- "fontSize": 15,
264
- "height": 20,
265
- },
266
- "icon": Object {
267
- "style": Object {
268
- "display": "none",
269
- },
270
- },
271
- "root": Object {
272
- "style": Object {
273
- "margin": 8,
274
- },
275
- },
276
- "stack": Object {
277
- "style": Object {
278
- "paddingHorizontal": 12,
279
- "paddingVertical": 7,
280
- },
281
- },
282
- "tokens": Object {
283
- "borderRadius": 8,
284
- "borderWidth": 1,
285
- },
286
- },
287
740
  },
288
741
  "host": Object {
289
- "appearance": "light",
742
+ "appearance": "dynamic",
290
743
  },
291
744
  "shadows": Object {
292
745
  "shadow16": Object {
@@ -460,9 +913,10 @@ Object {
460
913
  },
461
914
  "spacing": Object {
462
915
  "l1": "20px",
463
- "l2": "32px",
464
- "s1": "8px",
465
- "s2": "4px",
916
+ "l2": "24px",
917
+ "m": "16px",
918
+ "s1": "12px",
919
+ "s2": "8px",
466
920
  },
467
921
  "typography": Object {
468
922
  "families": Object {
@@ -474,45 +928,33 @@ Object {
474
928
  "serif": "System",
475
929
  },
476
930
  "sizes": Object {
477
- "body": 17,
478
- "caption": 12,
479
- "header": 17,
480
- "hero": 26,
481
- "heroLarge": 30,
482
- "secondary": 16,
483
- "subheader": 15,
931
+ "body": 13,
932
+ "caption": 10,
933
+ "header": 20,
934
+ "hero": 22,
935
+ "heroLarge": 26,
936
+ "secondary": 11,
937
+ "subheader": 16,
484
938
  },
485
939
  "variants": Object {
486
940
  "body1": Object {
487
- "dynamicTypeRamp": "body",
488
- "face": "System",
489
- "letterSpacing": -0.43,
490
- "lineHeight": 22,
491
- "size": 17,
941
+ "face": "primary",
942
+ "size": "secondary",
492
943
  "weight": "400",
493
944
  },
494
945
  "body1Strong": Object {
495
- "dynamicTypeRamp": "body",
496
- "face": "System",
497
- "letterSpacing": -0.43,
498
- "lineHeight": 22,
499
- "size": 17,
946
+ "face": "primary",
947
+ "size": "secondary",
500
948
  "weight": "600",
501
949
  },
502
950
  "body2": Object {
503
- "dynamicTypeRamp": "subheadline",
504
- "face": "System",
505
- "letterSpacing": -0.23,
506
- "lineHeight": 20,
507
- "size": 15,
951
+ "face": "primary",
952
+ "size": "body",
508
953
  "weight": "400",
509
954
  },
510
955
  "body2Strong": Object {
511
- "dynamicTypeRamp": "subheadline",
512
- "face": "System",
513
- "letterSpacing": -0.23,
514
- "lineHeight": 20,
515
- "size": 15,
956
+ "face": "primary",
957
+ "size": "body",
516
958
  "weight": "600",
517
959
  },
518
960
  "bodySemibold": Object {
@@ -526,40 +968,18 @@ Object {
526
968
  "weight": "400",
527
969
  },
528
970
  "caption1": Object {
529
- "dynamicTypeRamp": "footnote",
530
- "face": "System",
531
- "letterSpacing": -0.08,
532
- "lineHeight": 18,
533
- "size": 13,
534
- "weight": "400",
535
- },
536
- "caption1Strong": Object {
537
- "dynamicTypeRamp": "footnote",
538
- "face": "System",
539
- "letterSpacing": -0.08,
540
- "lineHeight": 18,
541
- "size": 13,
542
- "weight": "600",
543
- },
544
- "caption2": Object {
545
- "dynamicTypeRamp": "caption1",
546
- "face": "System",
547
- "letterSpacing": 0,
548
- "lineHeight": 16,
549
- "size": 12,
550
- "weight": "400",
971
+ "face": "primary",
972
+ "size": "caption",
973
+ "weight": "500",
551
974
  },
552
975
  "captionStandard": Object {
553
976
  "face": "primary",
554
977
  "size": "caption",
555
- "weight": "400",
978
+ "weight": "500",
556
979
  },
557
980
  "display": Object {
558
- "dynamicTypeRamp": "largeTitle",
559
- "face": "System",
560
- "letterSpacing": 0.26,
561
- "lineHeight": 70,
562
- "size": 60,
981
+ "face": "primary",
982
+ "size": "heroLarge",
563
983
  "weight": "700",
564
984
  },
565
985
  "headerSemibold": Object {
@@ -570,12 +990,12 @@ Object {
570
990
  "headerStandard": Object {
571
991
  "face": "primary",
572
992
  "size": "header",
573
- "weight": "600",
993
+ "weight": "700",
574
994
  },
575
995
  "heroLargeSemibold": Object {
576
996
  "face": "primary",
577
997
  "size": "heroLarge",
578
- "weight": "600",
998
+ "weight": "700",
579
999
  },
580
1000
  "heroLargeStandard": Object {
581
1001
  "face": "primary",
@@ -585,7 +1005,7 @@ Object {
585
1005
  "heroSemibold": Object {
586
1006
  "face": "primary",
587
1007
  "size": "hero",
588
- "weight": "600",
1008
+ "weight": "700",
589
1009
  },
590
1010
  "heroStandard": Object {
591
1011
  "face": "primary",
@@ -593,12 +1013,9 @@ Object {
593
1013
  "weight": "400",
594
1014
  },
595
1015
  "largeTitle": Object {
596
- "dynamicTypeRamp": "largeTitle",
597
- "face": "System",
598
- "letterSpacing": 0.4,
599
- "lineHeight": 41,
600
- "size": 34,
601
- "weight": "700",
1016
+ "face": "primary",
1017
+ "size": "heroLarge",
1018
+ "weight": "400",
602
1019
  },
603
1020
  "secondarySemibold": Object {
604
1021
  "face": "primary",
@@ -620,30 +1037,36 @@ Object {
620
1037
  "size": "subheader",
621
1038
  "weight": "400",
622
1039
  },
623
- "title1": Object {
624
- "dynamicTypeRamp": "title1",
625
- "face": "System",
626
- "letterSpacing": 0.38,
627
- "lineHeight": 34,
628
- "size": 28,
1040
+ "subtitle1": Object {
1041
+ "face": "primary",
1042
+ "size": "header",
629
1043
  "weight": "700",
630
1044
  },
631
- "title2": Object {
632
- "dynamicTypeRamp": "title2",
633
- "face": "System",
634
- "letterSpacing": -0.26,
635
- "lineHeight": 28,
636
- "size": 22,
637
- "weight": "600",
1045
+ "subtitle1Strong": Object {
1046
+ "face": "primary",
1047
+ "size": "header",
1048
+ "weight": "800",
638
1049
  },
639
- "title3": Object {
640
- "dynamicTypeRamp": "title3",
641
- "face": "System",
642
- "letterSpacing": -0.45,
643
- "lineHeight": 25,
644
- "size": 20,
1050
+ "subtitle2": Object {
1051
+ "face": "primary",
1052
+ "size": "subheader",
1053
+ "weight": "400",
1054
+ },
1055
+ "subtitle2Strong": Object {
1056
+ "face": "primary",
1057
+ "size": "subheader",
645
1058
  "weight": "600",
646
1059
  },
1060
+ "title1": Object {
1061
+ "face": "primary",
1062
+ "size": "hero",
1063
+ "weight": "400",
1064
+ },
1065
+ "title1Strong": Object {
1066
+ "face": "primary",
1067
+ "size": "hero",
1068
+ "weight": "700",
1069
+ },
647
1070
  },
648
1071
  "weights": Object {
649
1072
  "black": "900",