ksk-design-system 2.2.0 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DESIGN.md +16 -16
- package/README.md +20 -3
- package/contracts/components.json +1 -1
- package/contracts/token-hex-cache.json +28 -28
- package/dist/native/ui.js +1 -1
- package/dist/{native-DlR32_Lk.js → native-E7YOVABy.js} +227 -227
- package/dist/native.js +1 -1
- package/dist/types/tokens/native/primitives.d.ts +21 -21
- package/dist/types/tokens/native/scales.d.ts +8 -8
- package/dist/types/tokens/native/themes.d.ts +198 -198
- package/package.json +1 -1
- package/src/components/COMPONENT_LOOKUP.md +1 -1
- package/src/preset.css +1 -1
- package/src/styles/primitive.css +21 -21
- package/tokens.json +34 -24
|
@@ -4,10 +4,10 @@ var e = {
|
|
|
4
4
|
light: {
|
|
5
5
|
surface: {
|
|
6
6
|
primary: "#FFFFFF",
|
|
7
|
-
secondary: "#
|
|
8
|
-
tertiary: "#
|
|
9
|
-
quaternary: "#
|
|
10
|
-
inverse: "#
|
|
7
|
+
secondary: "#FAFAFA",
|
|
8
|
+
tertiary: "#F4F4F5",
|
|
9
|
+
quaternary: "#E4E4E7",
|
|
10
|
+
inverse: "#18181B",
|
|
11
11
|
"accent-primary": "#3B82F6",
|
|
12
12
|
"accent-primary-light": "#EFF6FF",
|
|
13
13
|
caution: "#FEF2F2",
|
|
@@ -22,13 +22,13 @@ var e = {
|
|
|
22
22
|
"videoOverlay-light": "rgba(0, 0, 0, 0.40)",
|
|
23
23
|
"videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
|
|
24
24
|
"videoOverlay-strong": "rgba(0, 0, 0, 0.80)",
|
|
25
|
-
disable: "#
|
|
25
|
+
disable: "#F4F4F5"
|
|
26
26
|
},
|
|
27
27
|
text: {
|
|
28
|
-
"high-emphasis": "#
|
|
29
|
-
"medium-emphasis": "#
|
|
30
|
-
"low-emphasis": "#
|
|
31
|
-
disable: "#
|
|
28
|
+
"high-emphasis": "#18181B",
|
|
29
|
+
"medium-emphasis": "#3F3F46",
|
|
30
|
+
"low-emphasis": "#52525B",
|
|
31
|
+
disable: "#A1A1AA",
|
|
32
32
|
"on-inverse": "#FFFFFF",
|
|
33
33
|
"on-media": "#FFFFFF",
|
|
34
34
|
"on-media-secondary": "rgba(255, 255, 255, 0.80)",
|
|
@@ -43,10 +43,10 @@ var e = {
|
|
|
43
43
|
"on-inverse-secondary": "rgba(255, 255, 255, 0.80)"
|
|
44
44
|
},
|
|
45
45
|
object: {
|
|
46
|
-
"high-emphasis": "#
|
|
47
|
-
"medium-emphasis": "#
|
|
48
|
-
"low-emphasis": "#
|
|
49
|
-
disable: "#
|
|
46
|
+
"high-emphasis": "#18181B",
|
|
47
|
+
"medium-emphasis": "#52525B",
|
|
48
|
+
"low-emphasis": "#A1A1AA",
|
|
49
|
+
disable: "#D4D4D8",
|
|
50
50
|
"on-inverse": "#FFFFFF",
|
|
51
51
|
"accent-primary": "#3B82F6",
|
|
52
52
|
caution: "#EF4444",
|
|
@@ -56,9 +56,9 @@ var e = {
|
|
|
56
56
|
rating: "#F59E0B"
|
|
57
57
|
},
|
|
58
58
|
border: {
|
|
59
|
-
"high-emphasis": "#
|
|
60
|
-
"medium-emphasis": "#
|
|
61
|
-
"low-emphasis": "#
|
|
59
|
+
"high-emphasis": "#3F3F46",
|
|
60
|
+
"medium-emphasis": "#D4D4D8",
|
|
61
|
+
"low-emphasis": "#E4E4E7",
|
|
62
62
|
"accent-primary": "#3B82F6",
|
|
63
63
|
caution: "#EF4444",
|
|
64
64
|
success: "#22C55E",
|
|
@@ -78,20 +78,20 @@ var e = {
|
|
|
78
78
|
hover: {
|
|
79
79
|
"primary-button": "#1D4ED8",
|
|
80
80
|
"secondary-button": "#EFF6FF",
|
|
81
|
-
"tertiary-button": "#
|
|
82
|
-
"ghost-button": "#
|
|
81
|
+
"tertiary-button": "#F4F4F5",
|
|
82
|
+
"ghost-button": "#F4F4F5",
|
|
83
83
|
"destructive-button": "#B91C1C"
|
|
84
84
|
},
|
|
85
85
|
active: {
|
|
86
86
|
"primary-button": "#1E40AF",
|
|
87
87
|
"destructive-button": "#991B1B",
|
|
88
88
|
"secondary-button": "#DBEAFE",
|
|
89
|
-
"tertiary-button": "#
|
|
89
|
+
"tertiary-button": "#E4E4E7"
|
|
90
90
|
},
|
|
91
91
|
overlay: {
|
|
92
|
-
dark: "rgba(
|
|
93
|
-
medium: "rgba(
|
|
94
|
-
light: "rgba(
|
|
92
|
+
dark: "rgba(24, 24, 27, 0.64)",
|
|
93
|
+
medium: "rgba(24, 24, 27, 0.36)",
|
|
94
|
+
light: "rgba(24, 24, 27, 0.08)"
|
|
95
95
|
},
|
|
96
96
|
focus: { "high-emphasis": "#60A5FA" },
|
|
97
97
|
caution: {
|
|
@@ -104,10 +104,10 @@ var e = {
|
|
|
104
104
|
},
|
|
105
105
|
dark: {
|
|
106
106
|
surface: {
|
|
107
|
-
primary: "#
|
|
108
|
-
secondary: "#
|
|
109
|
-
tertiary: "#
|
|
110
|
-
quaternary: "#
|
|
107
|
+
primary: "#18181B",
|
|
108
|
+
secondary: "#27272A",
|
|
109
|
+
tertiary: "#3F3F46",
|
|
110
|
+
quaternary: "#52525B",
|
|
111
111
|
inverse: "#FFFFFF",
|
|
112
112
|
"accent-primary": "#3B82F6",
|
|
113
113
|
"accent-primary-light": "#1E3A8A",
|
|
@@ -123,14 +123,14 @@ var e = {
|
|
|
123
123
|
"videoOverlay-light": "rgba(0, 0, 0, 0.40)",
|
|
124
124
|
"videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
|
|
125
125
|
"videoOverlay-strong": "rgba(0, 0, 0, 0.80)",
|
|
126
|
-
disable: "#
|
|
126
|
+
disable: "#27272A"
|
|
127
127
|
},
|
|
128
128
|
text: {
|
|
129
129
|
"high-emphasis": "rgba(255, 255, 255, 1.00)",
|
|
130
130
|
"medium-emphasis": "rgba(255, 255, 255, 0.80)",
|
|
131
131
|
"low-emphasis": "rgba(255, 255, 255, 0.48)",
|
|
132
132
|
disable: "rgba(255, 255, 255, 0.24)",
|
|
133
|
-
"on-inverse": "#
|
|
133
|
+
"on-inverse": "#18181B",
|
|
134
134
|
"on-media": "#FFFFFF",
|
|
135
135
|
"on-media-secondary": "rgba(255, 255, 255, 0.80)",
|
|
136
136
|
"on-media-shadow": "0 1px 3px rgba(0, 0, 0, 0.85)",
|
|
@@ -141,14 +141,14 @@ var e = {
|
|
|
141
141
|
warning: "#FB923C",
|
|
142
142
|
info: "#60A5FA",
|
|
143
143
|
"caution-on-inverse": "#B91C1C",
|
|
144
|
-
"on-inverse-secondary": "#
|
|
144
|
+
"on-inverse-secondary": "#3F3F46"
|
|
145
145
|
},
|
|
146
146
|
object: {
|
|
147
147
|
"high-emphasis": "rgba(255, 255, 255, 1.00)",
|
|
148
148
|
"medium-emphasis": "rgba(255, 255, 255, 0.64)",
|
|
149
149
|
"low-emphasis": "rgba(255, 255, 255, 0.36)",
|
|
150
150
|
disable: "rgba(255, 255, 255, 0.16)",
|
|
151
|
-
"on-inverse": "#
|
|
151
|
+
"on-inverse": "#18181B",
|
|
152
152
|
"accent-primary": "#60A5FA",
|
|
153
153
|
caution: "#F87171",
|
|
154
154
|
success: "#4ADE80",
|
|
@@ -186,9 +186,9 @@ var e = {
|
|
|
186
186
|
"tertiary-button": "rgba(255, 255, 255, 0.08)"
|
|
187
187
|
},
|
|
188
188
|
overlay: {
|
|
189
|
-
dark: "rgba(
|
|
190
|
-
medium: "rgba(
|
|
191
|
-
light: "rgba(
|
|
189
|
+
dark: "rgba(24, 24, 27, 0.80)",
|
|
190
|
+
medium: "rgba(24, 24, 27, 0.48)",
|
|
191
|
+
light: "rgba(24, 24, 27, 0.16)"
|
|
192
192
|
},
|
|
193
193
|
focus: { "high-emphasis": "#60A5FA" },
|
|
194
194
|
caution: {
|
|
@@ -204,10 +204,10 @@ var e = {
|
|
|
204
204
|
light: {
|
|
205
205
|
surface: {
|
|
206
206
|
primary: "#FFFFFF",
|
|
207
|
-
secondary: "#
|
|
208
|
-
tertiary: "#
|
|
209
|
-
quaternary: "#
|
|
210
|
-
inverse: "#
|
|
207
|
+
secondary: "#FAFAFA",
|
|
208
|
+
tertiary: "#F4F4F5",
|
|
209
|
+
quaternary: "#E4E4E7",
|
|
210
|
+
inverse: "#18181B",
|
|
211
211
|
"accent-primary": "#3B82F6",
|
|
212
212
|
"accent-primary-light": "#EFF6FF",
|
|
213
213
|
caution: "#FEF2F2",
|
|
@@ -222,13 +222,13 @@ var e = {
|
|
|
222
222
|
"videoOverlay-light": "rgba(0, 0, 0, 0.40)",
|
|
223
223
|
"videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
|
|
224
224
|
"videoOverlay-strong": "rgba(0, 0, 0, 0.80)",
|
|
225
|
-
disable: "#
|
|
225
|
+
disable: "#F4F4F5"
|
|
226
226
|
},
|
|
227
227
|
text: {
|
|
228
|
-
"high-emphasis": "#
|
|
229
|
-
"medium-emphasis": "#
|
|
230
|
-
"low-emphasis": "#
|
|
231
|
-
disable: "#
|
|
228
|
+
"high-emphasis": "#18181B",
|
|
229
|
+
"medium-emphasis": "#3F3F46",
|
|
230
|
+
"low-emphasis": "#52525B",
|
|
231
|
+
disable: "#A1A1AA",
|
|
232
232
|
"on-inverse": "#FFFFFF",
|
|
233
233
|
"on-media": "#FFFFFF",
|
|
234
234
|
"on-media-secondary": "rgba(255, 255, 255, 0.80)",
|
|
@@ -243,10 +243,10 @@ var e = {
|
|
|
243
243
|
"on-inverse-secondary": "rgba(255, 255, 255, 0.80)"
|
|
244
244
|
},
|
|
245
245
|
object: {
|
|
246
|
-
"high-emphasis": "#
|
|
247
|
-
"medium-emphasis": "#
|
|
248
|
-
"low-emphasis": "#
|
|
249
|
-
disable: "#
|
|
246
|
+
"high-emphasis": "#18181B",
|
|
247
|
+
"medium-emphasis": "#52525B",
|
|
248
|
+
"low-emphasis": "#A1A1AA",
|
|
249
|
+
disable: "#D4D4D8",
|
|
250
250
|
"on-inverse": "#FFFFFF",
|
|
251
251
|
"accent-primary": "#3B82F6",
|
|
252
252
|
caution: "#EF4444",
|
|
@@ -256,9 +256,9 @@ var e = {
|
|
|
256
256
|
rating: "#F59E0B"
|
|
257
257
|
},
|
|
258
258
|
border: {
|
|
259
|
-
"high-emphasis": "#
|
|
260
|
-
"medium-emphasis": "#
|
|
261
|
-
"low-emphasis": "#
|
|
259
|
+
"high-emphasis": "#3F3F46",
|
|
260
|
+
"medium-emphasis": "#D4D4D8",
|
|
261
|
+
"low-emphasis": "#E4E4E7",
|
|
262
262
|
"accent-primary": "#3B82F6",
|
|
263
263
|
caution: "#EF4444",
|
|
264
264
|
success: "#22C55E",
|
|
@@ -278,20 +278,20 @@ var e = {
|
|
|
278
278
|
hover: {
|
|
279
279
|
"primary-button": "#1D4ED8",
|
|
280
280
|
"secondary-button": "#EFF6FF",
|
|
281
|
-
"tertiary-button": "#
|
|
282
|
-
"ghost-button": "#
|
|
281
|
+
"tertiary-button": "#F4F4F5",
|
|
282
|
+
"ghost-button": "#F4F4F5",
|
|
283
283
|
"destructive-button": "#B91C1C"
|
|
284
284
|
},
|
|
285
285
|
active: {
|
|
286
286
|
"primary-button": "#1E40AF",
|
|
287
287
|
"destructive-button": "#991B1B",
|
|
288
288
|
"secondary-button": "#DBEAFE",
|
|
289
|
-
"tertiary-button": "#
|
|
289
|
+
"tertiary-button": "#E4E4E7"
|
|
290
290
|
},
|
|
291
291
|
overlay: {
|
|
292
|
-
dark: "rgba(
|
|
293
|
-
medium: "rgba(
|
|
294
|
-
light: "rgba(
|
|
292
|
+
dark: "rgba(24, 24, 27, 0.64)",
|
|
293
|
+
medium: "rgba(24, 24, 27, 0.36)",
|
|
294
|
+
light: "rgba(24, 24, 27, 0.08)"
|
|
295
295
|
},
|
|
296
296
|
focus: { "high-emphasis": "#60A5FA" },
|
|
297
297
|
caution: {
|
|
@@ -304,10 +304,10 @@ var e = {
|
|
|
304
304
|
},
|
|
305
305
|
dark: {
|
|
306
306
|
surface: {
|
|
307
|
-
primary: "#
|
|
308
|
-
secondary: "#
|
|
309
|
-
tertiary: "#
|
|
310
|
-
quaternary: "#
|
|
307
|
+
primary: "#18181B",
|
|
308
|
+
secondary: "#27272A",
|
|
309
|
+
tertiary: "#3F3F46",
|
|
310
|
+
quaternary: "#52525B",
|
|
311
311
|
inverse: "#FFFFFF",
|
|
312
312
|
"accent-primary": "#3B82F6",
|
|
313
313
|
"accent-primary-light": "#1E3A8A",
|
|
@@ -323,14 +323,14 @@ var e = {
|
|
|
323
323
|
"videoOverlay-light": "rgba(0, 0, 0, 0.40)",
|
|
324
324
|
"videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
|
|
325
325
|
"videoOverlay-strong": "rgba(0, 0, 0, 0.80)",
|
|
326
|
-
disable: "#
|
|
326
|
+
disable: "#27272A"
|
|
327
327
|
},
|
|
328
328
|
text: {
|
|
329
329
|
"high-emphasis": "rgba(255, 255, 255, 1.00)",
|
|
330
330
|
"medium-emphasis": "rgba(255, 255, 255, 0.80)",
|
|
331
331
|
"low-emphasis": "rgba(255, 255, 255, 0.48)",
|
|
332
332
|
disable: "rgba(255, 255, 255, 0.24)",
|
|
333
|
-
"on-inverse": "#
|
|
333
|
+
"on-inverse": "#18181B",
|
|
334
334
|
"on-media": "#FFFFFF",
|
|
335
335
|
"on-media-secondary": "rgba(255, 255, 255, 0.80)",
|
|
336
336
|
"on-media-shadow": "0 1px 3px rgba(0, 0, 0, 0.85)",
|
|
@@ -341,14 +341,14 @@ var e = {
|
|
|
341
341
|
warning: "#FB923C",
|
|
342
342
|
info: "#60A5FA",
|
|
343
343
|
"caution-on-inverse": "#B91C1C",
|
|
344
|
-
"on-inverse-secondary": "#
|
|
344
|
+
"on-inverse-secondary": "#3F3F46"
|
|
345
345
|
},
|
|
346
346
|
object: {
|
|
347
347
|
"high-emphasis": "rgba(255, 255, 255, 1.00)",
|
|
348
348
|
"medium-emphasis": "rgba(255, 255, 255, 0.64)",
|
|
349
349
|
"low-emphasis": "rgba(255, 255, 255, 0.36)",
|
|
350
350
|
disable: "rgba(255, 255, 255, 0.16)",
|
|
351
|
-
"on-inverse": "#
|
|
351
|
+
"on-inverse": "#18181B",
|
|
352
352
|
"accent-primary": "#60A5FA",
|
|
353
353
|
caution: "#F87171",
|
|
354
354
|
success: "#4ADE80",
|
|
@@ -386,9 +386,9 @@ var e = {
|
|
|
386
386
|
"tertiary-button": "rgba(255, 255, 255, 0.08)"
|
|
387
387
|
},
|
|
388
388
|
overlay: {
|
|
389
|
-
dark: "rgba(
|
|
390
|
-
medium: "rgba(
|
|
391
|
-
light: "rgba(
|
|
389
|
+
dark: "rgba(24, 24, 27, 0.80)",
|
|
390
|
+
medium: "rgba(24, 24, 27, 0.48)",
|
|
391
|
+
light: "rgba(24, 24, 27, 0.16)"
|
|
392
392
|
},
|
|
393
393
|
focus: { "high-emphasis": "#60A5FA" },
|
|
394
394
|
caution: {
|
|
@@ -404,10 +404,10 @@ var e = {
|
|
|
404
404
|
light: {
|
|
405
405
|
surface: {
|
|
406
406
|
primary: "#FFFFFF",
|
|
407
|
-
secondary: "#
|
|
408
|
-
tertiary: "#
|
|
409
|
-
quaternary: "#
|
|
410
|
-
inverse: "#
|
|
407
|
+
secondary: "#FAFAFA",
|
|
408
|
+
tertiary: "#F4F4F5",
|
|
409
|
+
quaternary: "#E4E4E7",
|
|
410
|
+
inverse: "#18181B",
|
|
411
411
|
"accent-primary": "#2053F5",
|
|
412
412
|
"accent-primary-light": "#EEF3FF",
|
|
413
413
|
caution: "#FEF2F2",
|
|
@@ -422,13 +422,13 @@ var e = {
|
|
|
422
422
|
"videoOverlay-light": "rgba(0, 0, 0, 0.40)",
|
|
423
423
|
"videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
|
|
424
424
|
"videoOverlay-strong": "rgba(0, 0, 0, 0.80)",
|
|
425
|
-
disable: "#
|
|
425
|
+
disable: "#F4F4F5"
|
|
426
426
|
},
|
|
427
427
|
text: {
|
|
428
|
-
"high-emphasis": "#
|
|
429
|
-
"medium-emphasis": "#
|
|
430
|
-
"low-emphasis": "#
|
|
431
|
-
disable: "#
|
|
428
|
+
"high-emphasis": "#18181B",
|
|
429
|
+
"medium-emphasis": "#3F3F46",
|
|
430
|
+
"low-emphasis": "#52525B",
|
|
431
|
+
disable: "#A1A1AA",
|
|
432
432
|
"on-inverse": "#FFFFFF",
|
|
433
433
|
"on-media": "#FFFFFF",
|
|
434
434
|
"on-media-secondary": "rgba(255, 255, 255, 0.80)",
|
|
@@ -443,10 +443,10 @@ var e = {
|
|
|
443
443
|
"on-inverse-secondary": "rgba(255, 255, 255, 0.80)"
|
|
444
444
|
},
|
|
445
445
|
object: {
|
|
446
|
-
"high-emphasis": "#
|
|
447
|
-
"medium-emphasis": "#
|
|
448
|
-
"low-emphasis": "#
|
|
449
|
-
disable: "#
|
|
446
|
+
"high-emphasis": "#18181B",
|
|
447
|
+
"medium-emphasis": "#52525B",
|
|
448
|
+
"low-emphasis": "#A1A1AA",
|
|
449
|
+
disable: "#D4D4D8",
|
|
450
450
|
"on-inverse": "#FFFFFF",
|
|
451
451
|
"accent-primary": "#2053F5",
|
|
452
452
|
caution: "#EF4444",
|
|
@@ -456,9 +456,9 @@ var e = {
|
|
|
456
456
|
rating: "#F59E0B"
|
|
457
457
|
},
|
|
458
458
|
border: {
|
|
459
|
-
"high-emphasis": "#
|
|
460
|
-
"medium-emphasis": "#
|
|
461
|
-
"low-emphasis": "#
|
|
459
|
+
"high-emphasis": "#3F3F46",
|
|
460
|
+
"medium-emphasis": "#D4D4D8",
|
|
461
|
+
"low-emphasis": "#E4E4E7",
|
|
462
462
|
"accent-primary": "#2053F5",
|
|
463
463
|
caution: "#EF4444",
|
|
464
464
|
success: "#22C55E",
|
|
@@ -478,20 +478,20 @@ var e = {
|
|
|
478
478
|
hover: {
|
|
479
479
|
"primary-button": "#1234EE",
|
|
480
480
|
"secondary-button": "#EEF3FF",
|
|
481
|
-
"tertiary-button": "#
|
|
482
|
-
"ghost-button": "#
|
|
481
|
+
"tertiary-button": "#F4F4F5",
|
|
482
|
+
"ghost-button": "#F4F4F5",
|
|
483
483
|
"destructive-button": "#B91C1C"
|
|
484
484
|
},
|
|
485
485
|
active: {
|
|
486
486
|
"primary-button": "#0B25A4",
|
|
487
487
|
"destructive-button": "#991B1B",
|
|
488
488
|
"secondary-button": "#D9E5FE",
|
|
489
|
-
"tertiary-button": "#
|
|
489
|
+
"tertiary-button": "#E4E4E7"
|
|
490
490
|
},
|
|
491
491
|
overlay: {
|
|
492
|
-
dark: "rgba(
|
|
493
|
-
medium: "rgba(
|
|
494
|
-
light: "rgba(
|
|
492
|
+
dark: "rgba(24, 24, 27, 0.64)",
|
|
493
|
+
medium: "rgba(24, 24, 27, 0.36)",
|
|
494
|
+
light: "rgba(24, 24, 27, 0.08)"
|
|
495
495
|
},
|
|
496
496
|
focus: { "high-emphasis": "#4398F8" },
|
|
497
497
|
caution: {
|
|
@@ -504,10 +504,10 @@ var e = {
|
|
|
504
504
|
},
|
|
505
505
|
dark: {
|
|
506
506
|
surface: {
|
|
507
|
-
primary: "#
|
|
508
|
-
secondary: "#
|
|
509
|
-
tertiary: "#
|
|
510
|
-
quaternary: "#
|
|
507
|
+
primary: "#18181B",
|
|
508
|
+
secondary: "#27272A",
|
|
509
|
+
tertiary: "#3F3F46",
|
|
510
|
+
quaternary: "#52525B",
|
|
511
511
|
inverse: "#FFFFFF",
|
|
512
512
|
"accent-primary": "#2053F5",
|
|
513
513
|
"accent-primary-light": "#03155A",
|
|
@@ -523,14 +523,14 @@ var e = {
|
|
|
523
523
|
"videoOverlay-light": "rgba(0, 0, 0, 0.40)",
|
|
524
524
|
"videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
|
|
525
525
|
"videoOverlay-strong": "rgba(0, 0, 0, 0.80)",
|
|
526
|
-
disable: "#
|
|
526
|
+
disable: "#27272A"
|
|
527
527
|
},
|
|
528
528
|
text: {
|
|
529
529
|
"high-emphasis": "rgba(255, 255, 255, 1.00)",
|
|
530
530
|
"medium-emphasis": "rgba(255, 255, 255, 0.80)",
|
|
531
531
|
"low-emphasis": "rgba(255, 255, 255, 0.48)",
|
|
532
532
|
disable: "rgba(255, 255, 255, 0.24)",
|
|
533
|
-
"on-inverse": "#
|
|
533
|
+
"on-inverse": "#18181B",
|
|
534
534
|
"on-media": "#FFFFFF",
|
|
535
535
|
"on-media-secondary": "rgba(255, 255, 255, 0.80)",
|
|
536
536
|
"on-media-shadow": "0 1px 3px rgba(0, 0, 0, 0.85)",
|
|
@@ -541,14 +541,14 @@ var e = {
|
|
|
541
541
|
warning: "#FB923C",
|
|
542
542
|
info: "#60A5FA",
|
|
543
543
|
"caution-on-inverse": "#B91C1C",
|
|
544
|
-
"on-inverse-secondary": "#
|
|
544
|
+
"on-inverse-secondary": "#3F3F46"
|
|
545
545
|
},
|
|
546
546
|
object: {
|
|
547
547
|
"high-emphasis": "rgba(255, 255, 255, 1.00)",
|
|
548
548
|
"medium-emphasis": "rgba(255, 255, 255, 0.64)",
|
|
549
549
|
"low-emphasis": "rgba(255, 255, 255, 0.36)",
|
|
550
550
|
disable: "rgba(255, 255, 255, 0.16)",
|
|
551
|
-
"on-inverse": "#
|
|
551
|
+
"on-inverse": "#18181B",
|
|
552
552
|
"accent-primary": "#4398F8",
|
|
553
553
|
caution: "#F87171",
|
|
554
554
|
success: "#4ADE80",
|
|
@@ -586,9 +586,9 @@ var e = {
|
|
|
586
586
|
"tertiary-button": "rgba(255, 255, 255, 0.08)"
|
|
587
587
|
},
|
|
588
588
|
overlay: {
|
|
589
|
-
dark: "rgba(
|
|
590
|
-
medium: "rgba(
|
|
591
|
-
light: "rgba(
|
|
589
|
+
dark: "rgba(24, 24, 27, 0.80)",
|
|
590
|
+
medium: "rgba(24, 24, 27, 0.48)",
|
|
591
|
+
light: "rgba(24, 24, 27, 0.16)"
|
|
592
592
|
},
|
|
593
593
|
focus: { "high-emphasis": "#4398F8" },
|
|
594
594
|
caution: {
|
|
@@ -604,10 +604,10 @@ var e = {
|
|
|
604
604
|
light: {
|
|
605
605
|
surface: {
|
|
606
606
|
primary: "#FFFFFF",
|
|
607
|
-
secondary: "#
|
|
608
|
-
tertiary: "#
|
|
609
|
-
quaternary: "#
|
|
610
|
-
inverse: "#
|
|
607
|
+
secondary: "#FAFAFA",
|
|
608
|
+
tertiary: "#F4F4F5",
|
|
609
|
+
quaternary: "#E4E4E7",
|
|
610
|
+
inverse: "#18181B",
|
|
611
611
|
"accent-primary": "#F97316",
|
|
612
612
|
"accent-primary-light": "#FFF7ED",
|
|
613
613
|
caution: "#FEF2F2",
|
|
@@ -622,13 +622,13 @@ var e = {
|
|
|
622
622
|
"videoOverlay-light": "rgba(0, 0, 0, 0.40)",
|
|
623
623
|
"videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
|
|
624
624
|
"videoOverlay-strong": "rgba(0, 0, 0, 0.80)",
|
|
625
|
-
disable: "#
|
|
625
|
+
disable: "#F4F4F5"
|
|
626
626
|
},
|
|
627
627
|
text: {
|
|
628
|
-
"high-emphasis": "#
|
|
629
|
-
"medium-emphasis": "#
|
|
630
|
-
"low-emphasis": "#
|
|
631
|
-
disable: "#
|
|
628
|
+
"high-emphasis": "#18181B",
|
|
629
|
+
"medium-emphasis": "#3F3F46",
|
|
630
|
+
"low-emphasis": "#52525B",
|
|
631
|
+
disable: "#A1A1AA",
|
|
632
632
|
"on-inverse": "#FFFFFF",
|
|
633
633
|
"on-media": "#FFFFFF",
|
|
634
634
|
"on-media-secondary": "rgba(255, 255, 255, 0.80)",
|
|
@@ -643,10 +643,10 @@ var e = {
|
|
|
643
643
|
"on-inverse-secondary": "rgba(255, 255, 255, 0.80)"
|
|
644
644
|
},
|
|
645
645
|
object: {
|
|
646
|
-
"high-emphasis": "#
|
|
647
|
-
"medium-emphasis": "#
|
|
648
|
-
"low-emphasis": "#
|
|
649
|
-
disable: "#
|
|
646
|
+
"high-emphasis": "#18181B",
|
|
647
|
+
"medium-emphasis": "#52525B",
|
|
648
|
+
"low-emphasis": "#A1A1AA",
|
|
649
|
+
disable: "#D4D4D8",
|
|
650
650
|
"on-inverse": "#FFFFFF",
|
|
651
651
|
"accent-primary": "#F97316",
|
|
652
652
|
caution: "#EF4444",
|
|
@@ -656,9 +656,9 @@ var e = {
|
|
|
656
656
|
rating: "#F59E0B"
|
|
657
657
|
},
|
|
658
658
|
border: {
|
|
659
|
-
"high-emphasis": "#
|
|
660
|
-
"medium-emphasis": "#
|
|
661
|
-
"low-emphasis": "#
|
|
659
|
+
"high-emphasis": "#3F3F46",
|
|
660
|
+
"medium-emphasis": "#D4D4D8",
|
|
661
|
+
"low-emphasis": "#E4E4E7",
|
|
662
662
|
"accent-primary": "#F97316",
|
|
663
663
|
caution: "#EF4444",
|
|
664
664
|
success: "#22C55E",
|
|
@@ -678,20 +678,20 @@ var e = {
|
|
|
678
678
|
hover: {
|
|
679
679
|
"primary-button": "#9A3412",
|
|
680
680
|
"secondary-button": "#FFF7ED",
|
|
681
|
-
"tertiary-button": "#
|
|
682
|
-
"ghost-button": "#
|
|
681
|
+
"tertiary-button": "#F4F4F5",
|
|
682
|
+
"ghost-button": "#F4F4F5",
|
|
683
683
|
"destructive-button": "#B91C1C"
|
|
684
684
|
},
|
|
685
685
|
active: {
|
|
686
686
|
"primary-button": "#7C2D12",
|
|
687
687
|
"destructive-button": "#991B1B",
|
|
688
688
|
"secondary-button": "#FFEDD5",
|
|
689
|
-
"tertiary-button": "#
|
|
689
|
+
"tertiary-button": "#E4E4E7"
|
|
690
690
|
},
|
|
691
691
|
overlay: {
|
|
692
|
-
dark: "rgba(
|
|
693
|
-
medium: "rgba(
|
|
694
|
-
light: "rgba(
|
|
692
|
+
dark: "rgba(24, 24, 27, 0.64)",
|
|
693
|
+
medium: "rgba(24, 24, 27, 0.36)",
|
|
694
|
+
light: "rgba(24, 24, 27, 0.08)"
|
|
695
695
|
},
|
|
696
696
|
focus: { "high-emphasis": "#FB923C" },
|
|
697
697
|
caution: {
|
|
@@ -704,10 +704,10 @@ var e = {
|
|
|
704
704
|
},
|
|
705
705
|
dark: {
|
|
706
706
|
surface: {
|
|
707
|
-
primary: "#
|
|
708
|
-
secondary: "#
|
|
709
|
-
tertiary: "#
|
|
710
|
-
quaternary: "#
|
|
707
|
+
primary: "#18181B",
|
|
708
|
+
secondary: "#27272A",
|
|
709
|
+
tertiary: "#3F3F46",
|
|
710
|
+
quaternary: "#52525B",
|
|
711
711
|
inverse: "#FFFFFF",
|
|
712
712
|
"accent-primary": "#F97316",
|
|
713
713
|
"accent-primary-light": "#431407",
|
|
@@ -723,14 +723,14 @@ var e = {
|
|
|
723
723
|
"videoOverlay-light": "rgba(0, 0, 0, 0.40)",
|
|
724
724
|
"videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
|
|
725
725
|
"videoOverlay-strong": "rgba(0, 0, 0, 0.80)",
|
|
726
|
-
disable: "#
|
|
726
|
+
disable: "#27272A"
|
|
727
727
|
},
|
|
728
728
|
text: {
|
|
729
729
|
"high-emphasis": "rgba(255, 255, 255, 1.00)",
|
|
730
730
|
"medium-emphasis": "rgba(255, 255, 255, 0.80)",
|
|
731
731
|
"low-emphasis": "rgba(255, 255, 255, 0.48)",
|
|
732
732
|
disable: "rgba(255, 255, 255, 0.24)",
|
|
733
|
-
"on-inverse": "#
|
|
733
|
+
"on-inverse": "#18181B",
|
|
734
734
|
"on-media": "#FFFFFF",
|
|
735
735
|
"on-media-secondary": "rgba(255, 255, 255, 0.80)",
|
|
736
736
|
"on-media-shadow": "0 1px 3px rgba(0, 0, 0, 0.85)",
|
|
@@ -741,14 +741,14 @@ var e = {
|
|
|
741
741
|
warning: "#FB923C",
|
|
742
742
|
info: "#60A5FA",
|
|
743
743
|
"caution-on-inverse": "#B91C1C",
|
|
744
|
-
"on-inverse-secondary": "#
|
|
744
|
+
"on-inverse-secondary": "#3F3F46"
|
|
745
745
|
},
|
|
746
746
|
object: {
|
|
747
747
|
"high-emphasis": "rgba(255, 255, 255, 1.00)",
|
|
748
748
|
"medium-emphasis": "rgba(255, 255, 255, 0.64)",
|
|
749
749
|
"low-emphasis": "rgba(255, 255, 255, 0.36)",
|
|
750
750
|
disable: "rgba(255, 255, 255, 0.16)",
|
|
751
|
-
"on-inverse": "#
|
|
751
|
+
"on-inverse": "#18181B",
|
|
752
752
|
"accent-primary": "#FB923C",
|
|
753
753
|
caution: "#F87171",
|
|
754
754
|
success: "#4ADE80",
|
|
@@ -786,9 +786,9 @@ var e = {
|
|
|
786
786
|
"tertiary-button": "rgba(255, 255, 255, 0.08)"
|
|
787
787
|
},
|
|
788
788
|
overlay: {
|
|
789
|
-
dark: "rgba(
|
|
790
|
-
medium: "rgba(
|
|
791
|
-
light: "rgba(
|
|
789
|
+
dark: "rgba(24, 24, 27, 0.80)",
|
|
790
|
+
medium: "rgba(24, 24, 27, 0.48)",
|
|
791
|
+
light: "rgba(24, 24, 27, 0.16)"
|
|
792
792
|
},
|
|
793
793
|
focus: { "high-emphasis": "#FB923C" },
|
|
794
794
|
caution: {
|
|
@@ -804,10 +804,10 @@ var e = {
|
|
|
804
804
|
light: {
|
|
805
805
|
surface: {
|
|
806
806
|
primary: "#FFFFFF",
|
|
807
|
-
secondary: "#
|
|
808
|
-
tertiary: "#
|
|
809
|
-
quaternary: "#
|
|
810
|
-
inverse: "#
|
|
807
|
+
secondary: "#FAFAFA",
|
|
808
|
+
tertiary: "#F4F4F5",
|
|
809
|
+
quaternary: "#E4E4E7",
|
|
810
|
+
inverse: "#18181B",
|
|
811
811
|
"accent-primary": "#16A34A",
|
|
812
812
|
"accent-primary-light": "#F0FDF4",
|
|
813
813
|
caution: "#FEF2F2",
|
|
@@ -822,13 +822,13 @@ var e = {
|
|
|
822
822
|
"videoOverlay-light": "rgba(0, 0, 0, 0.40)",
|
|
823
823
|
"videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
|
|
824
824
|
"videoOverlay-strong": "rgba(0, 0, 0, 0.80)",
|
|
825
|
-
disable: "#
|
|
825
|
+
disable: "#F4F4F5"
|
|
826
826
|
},
|
|
827
827
|
text: {
|
|
828
|
-
"high-emphasis": "#
|
|
829
|
-
"medium-emphasis": "#
|
|
830
|
-
"low-emphasis": "#
|
|
831
|
-
disable: "#
|
|
828
|
+
"high-emphasis": "#18181B",
|
|
829
|
+
"medium-emphasis": "#3F3F46",
|
|
830
|
+
"low-emphasis": "#52525B",
|
|
831
|
+
disable: "#A1A1AA",
|
|
832
832
|
"on-inverse": "#FFFFFF",
|
|
833
833
|
"on-media": "#FFFFFF",
|
|
834
834
|
"on-media-secondary": "rgba(255, 255, 255, 0.80)",
|
|
@@ -843,10 +843,10 @@ var e = {
|
|
|
843
843
|
"on-inverse-secondary": "rgba(255, 255, 255, 0.80)"
|
|
844
844
|
},
|
|
845
845
|
object: {
|
|
846
|
-
"high-emphasis": "#
|
|
847
|
-
"medium-emphasis": "#
|
|
848
|
-
"low-emphasis": "#
|
|
849
|
-
disable: "#
|
|
846
|
+
"high-emphasis": "#18181B",
|
|
847
|
+
"medium-emphasis": "#52525B",
|
|
848
|
+
"low-emphasis": "#A1A1AA",
|
|
849
|
+
disable: "#D4D4D8",
|
|
850
850
|
"on-inverse": "#FFFFFF",
|
|
851
851
|
"accent-primary": "#16A34A",
|
|
852
852
|
caution: "#EF4444",
|
|
@@ -856,9 +856,9 @@ var e = {
|
|
|
856
856
|
rating: "#F59E0B"
|
|
857
857
|
},
|
|
858
858
|
border: {
|
|
859
|
-
"high-emphasis": "#
|
|
860
|
-
"medium-emphasis": "#
|
|
861
|
-
"low-emphasis": "#
|
|
859
|
+
"high-emphasis": "#3F3F46",
|
|
860
|
+
"medium-emphasis": "#D4D4D8",
|
|
861
|
+
"low-emphasis": "#E4E4E7",
|
|
862
862
|
"accent-primary": "#16A34A",
|
|
863
863
|
caution: "#EF4444",
|
|
864
864
|
success: "#22C55E",
|
|
@@ -878,20 +878,20 @@ var e = {
|
|
|
878
878
|
hover: {
|
|
879
879
|
"primary-button": "#166534",
|
|
880
880
|
"secondary-button": "#F0FDF4",
|
|
881
|
-
"tertiary-button": "#
|
|
882
|
-
"ghost-button": "#
|
|
881
|
+
"tertiary-button": "#F4F4F5",
|
|
882
|
+
"ghost-button": "#F4F4F5",
|
|
883
883
|
"destructive-button": "#B91C1C"
|
|
884
884
|
},
|
|
885
885
|
active: {
|
|
886
886
|
"primary-button": "#14532D",
|
|
887
887
|
"destructive-button": "#991B1B",
|
|
888
888
|
"secondary-button": "#DCFCE7",
|
|
889
|
-
"tertiary-button": "#
|
|
889
|
+
"tertiary-button": "#E4E4E7"
|
|
890
890
|
},
|
|
891
891
|
overlay: {
|
|
892
|
-
dark: "rgba(
|
|
893
|
-
medium: "rgba(
|
|
894
|
-
light: "rgba(
|
|
892
|
+
dark: "rgba(24, 24, 27, 0.64)",
|
|
893
|
+
medium: "rgba(24, 24, 27, 0.36)",
|
|
894
|
+
light: "rgba(24, 24, 27, 0.08)"
|
|
895
895
|
},
|
|
896
896
|
focus: { "high-emphasis": "#4ADE80" },
|
|
897
897
|
caution: {
|
|
@@ -904,10 +904,10 @@ var e = {
|
|
|
904
904
|
},
|
|
905
905
|
dark: {
|
|
906
906
|
surface: {
|
|
907
|
-
primary: "#
|
|
908
|
-
secondary: "#
|
|
909
|
-
tertiary: "#
|
|
910
|
-
quaternary: "#
|
|
907
|
+
primary: "#18181B",
|
|
908
|
+
secondary: "#27272A",
|
|
909
|
+
tertiary: "#3F3F46",
|
|
910
|
+
quaternary: "#52525B",
|
|
911
911
|
inverse: "#FFFFFF",
|
|
912
912
|
"accent-primary": "#16A34A",
|
|
913
913
|
"accent-primary-light": "#052E16",
|
|
@@ -923,14 +923,14 @@ var e = {
|
|
|
923
923
|
"videoOverlay-light": "rgba(0, 0, 0, 0.40)",
|
|
924
924
|
"videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
|
|
925
925
|
"videoOverlay-strong": "rgba(0, 0, 0, 0.80)",
|
|
926
|
-
disable: "#
|
|
926
|
+
disable: "#27272A"
|
|
927
927
|
},
|
|
928
928
|
text: {
|
|
929
929
|
"high-emphasis": "rgba(255, 255, 255, 1.00)",
|
|
930
930
|
"medium-emphasis": "rgba(255, 255, 255, 0.80)",
|
|
931
931
|
"low-emphasis": "rgba(255, 255, 255, 0.48)",
|
|
932
932
|
disable: "rgba(255, 255, 255, 0.24)",
|
|
933
|
-
"on-inverse": "#
|
|
933
|
+
"on-inverse": "#18181B",
|
|
934
934
|
"on-media": "#FFFFFF",
|
|
935
935
|
"on-media-secondary": "rgba(255, 255, 255, 0.80)",
|
|
936
936
|
"on-media-shadow": "0 1px 3px rgba(0, 0, 0, 0.85)",
|
|
@@ -941,14 +941,14 @@ var e = {
|
|
|
941
941
|
warning: "#FB923C",
|
|
942
942
|
info: "#60A5FA",
|
|
943
943
|
"caution-on-inverse": "#B91C1C",
|
|
944
|
-
"on-inverse-secondary": "#
|
|
944
|
+
"on-inverse-secondary": "#3F3F46"
|
|
945
945
|
},
|
|
946
946
|
object: {
|
|
947
947
|
"high-emphasis": "rgba(255, 255, 255, 1.00)",
|
|
948
948
|
"medium-emphasis": "rgba(255, 255, 255, 0.64)",
|
|
949
949
|
"low-emphasis": "rgba(255, 255, 255, 0.36)",
|
|
950
950
|
disable: "rgba(255, 255, 255, 0.16)",
|
|
951
|
-
"on-inverse": "#
|
|
951
|
+
"on-inverse": "#18181B",
|
|
952
952
|
"accent-primary": "#4ADE80",
|
|
953
953
|
caution: "#F87171",
|
|
954
954
|
success: "#4ADE80",
|
|
@@ -986,9 +986,9 @@ var e = {
|
|
|
986
986
|
"tertiary-button": "rgba(255, 255, 255, 0.08)"
|
|
987
987
|
},
|
|
988
988
|
overlay: {
|
|
989
|
-
dark: "rgba(
|
|
990
|
-
medium: "rgba(
|
|
991
|
-
light: "rgba(
|
|
989
|
+
dark: "rgba(24, 24, 27, 0.80)",
|
|
990
|
+
medium: "rgba(24, 24, 27, 0.48)",
|
|
991
|
+
light: "rgba(24, 24, 27, 0.16)"
|
|
992
992
|
},
|
|
993
993
|
focus: { "high-emphasis": "#4ADE80" },
|
|
994
994
|
caution: {
|
|
@@ -1004,10 +1004,10 @@ var e = {
|
|
|
1004
1004
|
light: {
|
|
1005
1005
|
surface: {
|
|
1006
1006
|
primary: "#FFFFFF",
|
|
1007
|
-
secondary: "#
|
|
1008
|
-
tertiary: "#
|
|
1009
|
-
quaternary: "#
|
|
1010
|
-
inverse: "#
|
|
1007
|
+
secondary: "#FAFAFA",
|
|
1008
|
+
tertiary: "#F4F4F5",
|
|
1009
|
+
quaternary: "#E4E4E7",
|
|
1010
|
+
inverse: "#18181B",
|
|
1011
1011
|
"accent-primary": "#7C3AED",
|
|
1012
1012
|
"accent-primary-light": "#F5F3FF",
|
|
1013
1013
|
caution: "#FEF2F2",
|
|
@@ -1022,13 +1022,13 @@ var e = {
|
|
|
1022
1022
|
"videoOverlay-light": "rgba(0, 0, 0, 0.40)",
|
|
1023
1023
|
"videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
|
|
1024
1024
|
"videoOverlay-strong": "rgba(0, 0, 0, 0.80)",
|
|
1025
|
-
disable: "#
|
|
1025
|
+
disable: "#F4F4F5"
|
|
1026
1026
|
},
|
|
1027
1027
|
text: {
|
|
1028
|
-
"high-emphasis": "#
|
|
1029
|
-
"medium-emphasis": "#
|
|
1030
|
-
"low-emphasis": "#
|
|
1031
|
-
disable: "#
|
|
1028
|
+
"high-emphasis": "#18181B",
|
|
1029
|
+
"medium-emphasis": "#3F3F46",
|
|
1030
|
+
"low-emphasis": "#52525B",
|
|
1031
|
+
disable: "#A1A1AA",
|
|
1032
1032
|
"on-inverse": "#FFFFFF",
|
|
1033
1033
|
"on-media": "#FFFFFF",
|
|
1034
1034
|
"on-media-secondary": "rgba(255, 255, 255, 0.80)",
|
|
@@ -1043,10 +1043,10 @@ var e = {
|
|
|
1043
1043
|
"on-inverse-secondary": "rgba(255, 255, 255, 0.80)"
|
|
1044
1044
|
},
|
|
1045
1045
|
object: {
|
|
1046
|
-
"high-emphasis": "#
|
|
1047
|
-
"medium-emphasis": "#
|
|
1048
|
-
"low-emphasis": "#
|
|
1049
|
-
disable: "#
|
|
1046
|
+
"high-emphasis": "#18181B",
|
|
1047
|
+
"medium-emphasis": "#52525B",
|
|
1048
|
+
"low-emphasis": "#A1A1AA",
|
|
1049
|
+
disable: "#D4D4D8",
|
|
1050
1050
|
"on-inverse": "#FFFFFF",
|
|
1051
1051
|
"accent-primary": "#7C3AED",
|
|
1052
1052
|
caution: "#EF4444",
|
|
@@ -1056,9 +1056,9 @@ var e = {
|
|
|
1056
1056
|
rating: "#F59E0B"
|
|
1057
1057
|
},
|
|
1058
1058
|
border: {
|
|
1059
|
-
"high-emphasis": "#
|
|
1060
|
-
"medium-emphasis": "#
|
|
1061
|
-
"low-emphasis": "#
|
|
1059
|
+
"high-emphasis": "#3F3F46",
|
|
1060
|
+
"medium-emphasis": "#D4D4D8",
|
|
1061
|
+
"low-emphasis": "#E4E4E7",
|
|
1062
1062
|
"accent-primary": "#7C3AED",
|
|
1063
1063
|
caution: "#EF4444",
|
|
1064
1064
|
success: "#22C55E",
|
|
@@ -1078,20 +1078,20 @@ var e = {
|
|
|
1078
1078
|
hover: {
|
|
1079
1079
|
"primary-button": "#5B21B6",
|
|
1080
1080
|
"secondary-button": "#F5F3FF",
|
|
1081
|
-
"tertiary-button": "#
|
|
1082
|
-
"ghost-button": "#
|
|
1081
|
+
"tertiary-button": "#F4F4F5",
|
|
1082
|
+
"ghost-button": "#F4F4F5",
|
|
1083
1083
|
"destructive-button": "#B91C1C"
|
|
1084
1084
|
},
|
|
1085
1085
|
active: {
|
|
1086
1086
|
"primary-button": "#4C1D95",
|
|
1087
1087
|
"destructive-button": "#991B1B",
|
|
1088
1088
|
"secondary-button": "#EDE9FE",
|
|
1089
|
-
"tertiary-button": "#
|
|
1089
|
+
"tertiary-button": "#E4E4E7"
|
|
1090
1090
|
},
|
|
1091
1091
|
overlay: {
|
|
1092
|
-
dark: "rgba(
|
|
1093
|
-
medium: "rgba(
|
|
1094
|
-
light: "rgba(
|
|
1092
|
+
dark: "rgba(24, 24, 27, 0.64)",
|
|
1093
|
+
medium: "rgba(24, 24, 27, 0.36)",
|
|
1094
|
+
light: "rgba(24, 24, 27, 0.08)"
|
|
1095
1095
|
},
|
|
1096
1096
|
focus: { "high-emphasis": "#A78BFA" },
|
|
1097
1097
|
caution: {
|
|
@@ -1104,10 +1104,10 @@ var e = {
|
|
|
1104
1104
|
},
|
|
1105
1105
|
dark: {
|
|
1106
1106
|
surface: {
|
|
1107
|
-
primary: "#
|
|
1108
|
-
secondary: "#
|
|
1109
|
-
tertiary: "#
|
|
1110
|
-
quaternary: "#
|
|
1107
|
+
primary: "#18181B",
|
|
1108
|
+
secondary: "#27272A",
|
|
1109
|
+
tertiary: "#3F3F46",
|
|
1110
|
+
quaternary: "#52525B",
|
|
1111
1111
|
inverse: "#FFFFFF",
|
|
1112
1112
|
"accent-primary": "#7C3AED",
|
|
1113
1113
|
"accent-primary-light": "#3B0764",
|
|
@@ -1123,14 +1123,14 @@ var e = {
|
|
|
1123
1123
|
"videoOverlay-light": "rgba(0, 0, 0, 0.40)",
|
|
1124
1124
|
"videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
|
|
1125
1125
|
"videoOverlay-strong": "rgba(0, 0, 0, 0.80)",
|
|
1126
|
-
disable: "#
|
|
1126
|
+
disable: "#27272A"
|
|
1127
1127
|
},
|
|
1128
1128
|
text: {
|
|
1129
1129
|
"high-emphasis": "rgba(255, 255, 255, 1.00)",
|
|
1130
1130
|
"medium-emphasis": "rgba(255, 255, 255, 0.80)",
|
|
1131
1131
|
"low-emphasis": "rgba(255, 255, 255, 0.48)",
|
|
1132
1132
|
disable: "rgba(255, 255, 255, 0.24)",
|
|
1133
|
-
"on-inverse": "#
|
|
1133
|
+
"on-inverse": "#18181B",
|
|
1134
1134
|
"on-media": "#FFFFFF",
|
|
1135
1135
|
"on-media-secondary": "rgba(255, 255, 255, 0.80)",
|
|
1136
1136
|
"on-media-shadow": "0 1px 3px rgba(0, 0, 0, 0.85)",
|
|
@@ -1141,14 +1141,14 @@ var e = {
|
|
|
1141
1141
|
warning: "#FB923C",
|
|
1142
1142
|
info: "#60A5FA",
|
|
1143
1143
|
"caution-on-inverse": "#B91C1C",
|
|
1144
|
-
"on-inverse-secondary": "#
|
|
1144
|
+
"on-inverse-secondary": "#3F3F46"
|
|
1145
1145
|
},
|
|
1146
1146
|
object: {
|
|
1147
1147
|
"high-emphasis": "rgba(255, 255, 255, 1.00)",
|
|
1148
1148
|
"medium-emphasis": "rgba(255, 255, 255, 0.64)",
|
|
1149
1149
|
"low-emphasis": "rgba(255, 255, 255, 0.36)",
|
|
1150
1150
|
disable: "rgba(255, 255, 255, 0.16)",
|
|
1151
|
-
"on-inverse": "#
|
|
1151
|
+
"on-inverse": "#18181B",
|
|
1152
1152
|
"accent-primary": "#A78BFA",
|
|
1153
1153
|
caution: "#F87171",
|
|
1154
1154
|
success: "#4ADE80",
|
|
@@ -1186,9 +1186,9 @@ var e = {
|
|
|
1186
1186
|
"tertiary-button": "rgba(255, 255, 255, 0.08)"
|
|
1187
1187
|
},
|
|
1188
1188
|
overlay: {
|
|
1189
|
-
dark: "rgba(
|
|
1190
|
-
medium: "rgba(
|
|
1191
|
-
light: "rgba(
|
|
1189
|
+
dark: "rgba(24, 24, 27, 0.80)",
|
|
1190
|
+
medium: "rgba(24, 24, 27, 0.48)",
|
|
1191
|
+
light: "rgba(24, 24, 27, 0.16)"
|
|
1192
1192
|
},
|
|
1193
1193
|
focus: { "high-emphasis": "#A78BFA" },
|
|
1194
1194
|
caution: {
|
|
@@ -1297,11 +1297,11 @@ var e = {
|
|
|
1297
1297
|
},
|
|
1298
1298
|
borderRadius: {
|
|
1299
1299
|
none: 0,
|
|
1300
|
-
sm:
|
|
1301
|
-
md:
|
|
1302
|
-
lg:
|
|
1303
|
-
xl:
|
|
1304
|
-
"2xl":
|
|
1300
|
+
sm: 6,
|
|
1301
|
+
md: 10,
|
|
1302
|
+
lg: 14,
|
|
1303
|
+
xl: 18,
|
|
1304
|
+
"2xl": 22,
|
|
1305
1305
|
full: 9999
|
|
1306
1306
|
},
|
|
1307
1307
|
typography: {
|
|
@@ -1429,15 +1429,15 @@ var e = {
|
|
|
1429
1429
|
elevation: 3
|
|
1430
1430
|
},
|
|
1431
1431
|
lg: {
|
|
1432
|
-
boxShadow: "0px 12px 32px -4px rgba(
|
|
1432
|
+
boxShadow: "0px 12px 32px -4px rgba(24, 24, 27, 0.12), 0px 8px 16px -6px rgba(24, 24, 27, 0.12)",
|
|
1433
1433
|
elevation: 8
|
|
1434
1434
|
},
|
|
1435
1435
|
dialog: {
|
|
1436
|
-
boxShadow: "0px 12px 32px -4px rgba(
|
|
1436
|
+
boxShadow: "0px 12px 32px -4px rgba(24, 24, 27, 0.12), 0px 8px 16px -6px rgba(24, 24, 27, 0.12), 0px 1px 4px 1px rgba(0, 0, 0, 0.2)",
|
|
1437
1437
|
elevation: 12
|
|
1438
1438
|
},
|
|
1439
1439
|
tooltip: {
|
|
1440
|
-
boxShadow: "0px 8px 8px -4px rgba(
|
|
1440
|
+
boxShadow: "0px 8px 8px -4px rgba(24, 24, 27, 0.08), 0px 4px 6px -4px rgba(24, 24, 27, 0.12)",
|
|
1441
1441
|
elevation: 6
|
|
1442
1442
|
},
|
|
1443
1443
|
"sticky-inline-start": {
|
|
@@ -1587,16 +1587,16 @@ var e = {
|
|
|
1587
1587
|
amazon: "#232F3E"
|
|
1588
1588
|
}
|
|
1589
1589
|
}, n = {
|
|
1590
|
-
"Gray-50": "#
|
|
1591
|
-
"Gray-100": "#
|
|
1592
|
-
"Gray-200": "#
|
|
1593
|
-
"Gray-300": "#
|
|
1594
|
-
"Gray-400": "#
|
|
1595
|
-
"Gray-500": "#
|
|
1596
|
-
"Gray-600": "#
|
|
1597
|
-
"Gray-700": "#
|
|
1598
|
-
"Gray-800": "#
|
|
1599
|
-
"Gray-900": "#
|
|
1590
|
+
"Gray-50": "#FAFAFA",
|
|
1591
|
+
"Gray-100": "#F4F4F5",
|
|
1592
|
+
"Gray-200": "#E4E4E7",
|
|
1593
|
+
"Gray-300": "#D4D4D8",
|
|
1594
|
+
"Gray-400": "#A1A1AA",
|
|
1595
|
+
"Gray-500": "#71717A",
|
|
1596
|
+
"Gray-600": "#52525B",
|
|
1597
|
+
"Gray-700": "#3F3F46",
|
|
1598
|
+
"Gray-800": "#27272A",
|
|
1599
|
+
"Gray-900": "#18181B",
|
|
1600
1600
|
"Red-50": "#FEF2F2",
|
|
1601
1601
|
"Red-100": "#FEE2E2",
|
|
1602
1602
|
"Red-200": "#FECACA",
|
|
@@ -1677,17 +1677,17 @@ var e = {
|
|
|
1677
1677
|
"Pink-700": "#BE185D",
|
|
1678
1678
|
"Pink-800": "#9D174D",
|
|
1679
1679
|
"Pink-900": "#831843",
|
|
1680
|
-
"Gray-Alpha-50": "rgba(
|
|
1681
|
-
"Gray-Alpha-100": "rgba(
|
|
1682
|
-
"Gray-Alpha-200": "rgba(
|
|
1683
|
-
"Gray-Alpha-300": "rgba(
|
|
1684
|
-
"Gray-Alpha-400": "rgba(
|
|
1685
|
-
"Gray-Alpha-500": "rgba(
|
|
1686
|
-
"Gray-Alpha-600": "rgba(
|
|
1687
|
-
"Gray-Alpha-700": "rgba(
|
|
1688
|
-
"Gray-Alpha-800": "rgba(
|
|
1689
|
-
"Gray-Alpha-900": "rgba(
|
|
1690
|
-
"Gray-Alpha-1000": "rgba(
|
|
1680
|
+
"Gray-Alpha-50": "rgba(24, 24, 27, 0.02)",
|
|
1681
|
+
"Gray-Alpha-100": "rgba(24, 24, 27, 0.04)",
|
|
1682
|
+
"Gray-Alpha-200": "rgba(24, 24, 27, 0.08)",
|
|
1683
|
+
"Gray-Alpha-300": "rgba(24, 24, 27, 0.12)",
|
|
1684
|
+
"Gray-Alpha-400": "rgba(24, 24, 27, 0.16)",
|
|
1685
|
+
"Gray-Alpha-500": "rgba(24, 24, 27, 0.24)",
|
|
1686
|
+
"Gray-Alpha-600": "rgba(24, 24, 27, 0.36)",
|
|
1687
|
+
"Gray-Alpha-700": "rgba(24, 24, 27, 0.48)",
|
|
1688
|
+
"Gray-Alpha-800": "rgba(24, 24, 27, 0.64)",
|
|
1689
|
+
"Gray-Alpha-900": "rgba(24, 24, 27, 0.80)",
|
|
1690
|
+
"Gray-Alpha-1000": "rgba(24, 24, 27, 0.92)",
|
|
1691
1691
|
"White-Alpha-50": "rgba(255, 255, 255, 0.02)",
|
|
1692
1692
|
"White-Alpha-100": "rgba(255, 255, 255, 0.04)",
|
|
1693
1693
|
"White-Alpha-200": "rgba(255, 255, 255, 0.08)",
|