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.
Files changed (15) hide show
  1. package/DESIGN.md +16 -16
  2. package/README.md +20 -3
  3. package/contracts/components.json +1 -1
  4. package/contracts/token-hex-cache.json +28 -28
  5. package/dist/native/ui.js +1 -1
  6. package/dist/{native-DlR32_Lk.js → native-E7YOVABy.js} +227 -227
  7. package/dist/native.js +1 -1
  8. package/dist/types/tokens/native/primitives.d.ts +21 -21
  9. package/dist/types/tokens/native/scales.d.ts +8 -8
  10. package/dist/types/tokens/native/themes.d.ts +198 -198
  11. package/package.json +1 -1
  12. package/src/components/COMPONENT_LOOKUP.md +1 -1
  13. package/src/preset.css +1 -1
  14. package/src/styles/primitive.css +21 -21
  15. package/tokens.json +34 -24
package/dist/types/tokens/native/themes.d.ts CHANGED
@@ -3,10 +3,10 @@ export declare const themes: {
3
3
  readonly light: {
4
4
  readonly surface: {
5
5
  readonly primary: "#FFFFFF";
6
- readonly secondary: "#F9FAFB";
7
- readonly tertiary: "#F3F4F6";
8
- readonly quaternary: "#E5E7EB";
9
- readonly inverse: "#111827";
6
+ readonly secondary: "#FAFAFA";
7
+ readonly tertiary: "#F4F4F5";
8
+ readonly quaternary: "#E4E4E7";
9
+ readonly inverse: "#18181B";
10
10
  readonly "accent-primary": "#3B82F6";
11
11
  readonly "accent-primary-light": "#EFF6FF";
12
12
  readonly caution: "#FEF2F2";
@@ -21,13 +21,13 @@ export declare const themes: {
21
21
  readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
22
22
  readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
23
23
  readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
24
- readonly disable: "#F3F4F6";
24
+ readonly disable: "#F4F4F5";
25
25
  };
26
26
  readonly text: {
27
- readonly "high-emphasis": "#111827";
28
- readonly "medium-emphasis": "#374151";
29
- readonly "low-emphasis": "#4B5563";
30
- readonly disable: "#9CA3AF";
27
+ readonly "high-emphasis": "#18181B";
28
+ readonly "medium-emphasis": "#3F3F46";
29
+ readonly "low-emphasis": "#52525B";
30
+ readonly disable: "#A1A1AA";
31
31
  readonly "on-inverse": "#FFFFFF";
32
32
  readonly "on-media": "#FFFFFF";
33
33
  readonly "on-media-secondary": "rgba(255, 255, 255, 0.80)";
@@ -42,10 +42,10 @@ export declare const themes: {
42
42
  readonly "on-inverse-secondary": "rgba(255, 255, 255, 0.80)";
43
43
  };
44
44
  readonly object: {
45
- readonly "high-emphasis": "#111827";
46
- readonly "medium-emphasis": "#4B5563";
47
- readonly "low-emphasis": "#9CA3AF";
48
- readonly disable: "#D1D5DB";
45
+ readonly "high-emphasis": "#18181B";
46
+ readonly "medium-emphasis": "#52525B";
47
+ readonly "low-emphasis": "#A1A1AA";
48
+ readonly disable: "#D4D4D8";
49
49
  readonly "on-inverse": "#FFFFFF";
50
50
  readonly "accent-primary": "#3B82F6";
51
51
  readonly caution: "#EF4444";
@@ -55,9 +55,9 @@ export declare const themes: {
55
55
  readonly rating: "#F59E0B";
56
56
  };
57
57
  readonly border: {
58
- readonly "high-emphasis": "#374151";
59
- readonly "medium-emphasis": "#D1D5DB";
60
- readonly "low-emphasis": "#E5E7EB";
58
+ readonly "high-emphasis": "#3F3F46";
59
+ readonly "medium-emphasis": "#D4D4D8";
60
+ readonly "low-emphasis": "#E4E4E7";
61
61
  readonly "accent-primary": "#3B82F6";
62
62
  readonly caution: "#EF4444";
63
63
  readonly success: "#22C55E";
@@ -77,20 +77,20 @@ export declare const themes: {
77
77
  readonly hover: {
78
78
  readonly "primary-button": "#1D4ED8";
79
79
  readonly "secondary-button": "#EFF6FF";
80
- readonly "tertiary-button": "#F3F4F6";
81
- readonly "ghost-button": "#F3F4F6";
80
+ readonly "tertiary-button": "#F4F4F5";
81
+ readonly "ghost-button": "#F4F4F5";
82
82
  readonly "destructive-button": "#B91C1C";
83
83
  };
84
84
  readonly active: {
85
85
  readonly "primary-button": "#1E40AF";
86
86
  readonly "destructive-button": "#991B1B";
87
87
  readonly "secondary-button": "#DBEAFE";
88
- readonly "tertiary-button": "#E5E7EB";
88
+ readonly "tertiary-button": "#E4E4E7";
89
89
  };
90
90
  readonly overlay: {
91
- readonly dark: "rgba(17, 24, 39, 0.64)";
92
- readonly medium: "rgba(17, 24, 39, 0.36)";
93
- readonly light: "rgba(17, 24, 39, 0.08)";
91
+ readonly dark: "rgba(24, 24, 27, 0.64)";
92
+ readonly medium: "rgba(24, 24, 27, 0.36)";
93
+ readonly light: "rgba(24, 24, 27, 0.08)";
94
94
  };
95
95
  readonly focus: {
96
96
  readonly "high-emphasis": "#60A5FA";
@@ -111,10 +111,10 @@ export declare const themes: {
111
111
  };
112
112
  readonly dark: {
113
113
  readonly surface: {
114
- readonly primary: "#111827";
115
- readonly secondary: "#1F2937";
116
- readonly tertiary: "#374151";
117
- readonly quaternary: "#4B5563";
114
+ readonly primary: "#18181B";
115
+ readonly secondary: "#27272A";
116
+ readonly tertiary: "#3F3F46";
117
+ readonly quaternary: "#52525B";
118
118
  readonly inverse: "#FFFFFF";
119
119
  readonly "accent-primary": "#3B82F6";
120
120
  readonly "accent-primary-light": "#1E3A8A";
@@ -130,14 +130,14 @@ export declare const themes: {
130
130
  readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
131
131
  readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
132
132
  readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
133
- readonly disable: "#1F2937";
133
+ readonly disable: "#27272A";
134
134
  };
135
135
  readonly text: {
136
136
  readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
137
137
  readonly "medium-emphasis": "rgba(255, 255, 255, 0.80)";
138
138
  readonly "low-emphasis": "rgba(255, 255, 255, 0.48)";
139
139
  readonly disable: "rgba(255, 255, 255, 0.24)";
140
- readonly "on-inverse": "#111827";
140
+ readonly "on-inverse": "#18181B";
141
141
  readonly "on-media": "#FFFFFF";
142
142
  readonly "on-media-secondary": "rgba(255, 255, 255, 0.80)";
143
143
  readonly "on-media-shadow": "0 1px 3px rgba(0, 0, 0, 0.85)";
@@ -148,14 +148,14 @@ export declare const themes: {
148
148
  readonly warning: "#FB923C";
149
149
  readonly info: "#60A5FA";
150
150
  readonly "caution-on-inverse": "#B91C1C";
151
- readonly "on-inverse-secondary": "#374151";
151
+ readonly "on-inverse-secondary": "#3F3F46";
152
152
  };
153
153
  readonly object: {
154
154
  readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
155
155
  readonly "medium-emphasis": "rgba(255, 255, 255, 0.64)";
156
156
  readonly "low-emphasis": "rgba(255, 255, 255, 0.36)";
157
157
  readonly disable: "rgba(255, 255, 255, 0.16)";
158
- readonly "on-inverse": "#111827";
158
+ readonly "on-inverse": "#18181B";
159
159
  readonly "accent-primary": "#60A5FA";
160
160
  readonly caution: "#F87171";
161
161
  readonly success: "#4ADE80";
@@ -193,9 +193,9 @@ export declare const themes: {
193
193
  readonly "tertiary-button": "rgba(255, 255, 255, 0.08)";
194
194
  };
195
195
  readonly overlay: {
196
- readonly dark: "rgba(17, 24, 39, 0.80)";
197
- readonly medium: "rgba(17, 24, 39, 0.48)";
198
- readonly light: "rgba(17, 24, 39, 0.16)";
196
+ readonly dark: "rgba(24, 24, 27, 0.80)";
197
+ readonly medium: "rgba(24, 24, 27, 0.48)";
198
+ readonly light: "rgba(24, 24, 27, 0.16)";
199
199
  };
200
200
  readonly focus: {
201
201
  readonly "high-emphasis": "#60A5FA";
@@ -219,10 +219,10 @@ export declare const themes: {
219
219
  readonly light: {
220
220
  readonly surface: {
221
221
  readonly primary: "#FFFFFF";
222
- readonly secondary: "#F9FAFB";
223
- readonly tertiary: "#F3F4F6";
224
- readonly quaternary: "#E5E7EB";
225
- readonly inverse: "#111827";
222
+ readonly secondary: "#FAFAFA";
223
+ readonly tertiary: "#F4F4F5";
224
+ readonly quaternary: "#E4E4E7";
225
+ readonly inverse: "#18181B";
226
226
  readonly "accent-primary": "#3B82F6";
227
227
  readonly "accent-primary-light": "#EFF6FF";
228
228
  readonly caution: "#FEF2F2";
@@ -237,13 +237,13 @@ export declare const themes: {
237
237
  readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
238
238
  readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
239
239
  readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
240
- readonly disable: "#F3F4F6";
240
+ readonly disable: "#F4F4F5";
241
241
  };
242
242
  readonly text: {
243
- readonly "high-emphasis": "#111827";
244
- readonly "medium-emphasis": "#374151";
245
- readonly "low-emphasis": "#4B5563";
246
- readonly disable: "#9CA3AF";
243
+ readonly "high-emphasis": "#18181B";
244
+ readonly "medium-emphasis": "#3F3F46";
245
+ readonly "low-emphasis": "#52525B";
246
+ readonly disable: "#A1A1AA";
247
247
  readonly "on-inverse": "#FFFFFF";
248
248
  readonly "on-media": "#FFFFFF";
249
249
  readonly "on-media-secondary": "rgba(255, 255, 255, 0.80)";
@@ -258,10 +258,10 @@ export declare const themes: {
258
258
  readonly "on-inverse-secondary": "rgba(255, 255, 255, 0.80)";
259
259
  };
260
260
  readonly object: {
261
- readonly "high-emphasis": "#111827";
262
- readonly "medium-emphasis": "#4B5563";
263
- readonly "low-emphasis": "#9CA3AF";
264
- readonly disable: "#D1D5DB";
261
+ readonly "high-emphasis": "#18181B";
262
+ readonly "medium-emphasis": "#52525B";
263
+ readonly "low-emphasis": "#A1A1AA";
264
+ readonly disable: "#D4D4D8";
265
265
  readonly "on-inverse": "#FFFFFF";
266
266
  readonly "accent-primary": "#3B82F6";
267
267
  readonly caution: "#EF4444";
@@ -271,9 +271,9 @@ export declare const themes: {
271
271
  readonly rating: "#F59E0B";
272
272
  };
273
273
  readonly border: {
274
- readonly "high-emphasis": "#374151";
275
- readonly "medium-emphasis": "#D1D5DB";
276
- readonly "low-emphasis": "#E5E7EB";
274
+ readonly "high-emphasis": "#3F3F46";
275
+ readonly "medium-emphasis": "#D4D4D8";
276
+ readonly "low-emphasis": "#E4E4E7";
277
277
  readonly "accent-primary": "#3B82F6";
278
278
  readonly caution: "#EF4444";
279
279
  readonly success: "#22C55E";
@@ -293,20 +293,20 @@ export declare const themes: {
293
293
  readonly hover: {
294
294
  readonly "primary-button": "#1D4ED8";
295
295
  readonly "secondary-button": "#EFF6FF";
296
- readonly "tertiary-button": "#F3F4F6";
297
- readonly "ghost-button": "#F3F4F6";
296
+ readonly "tertiary-button": "#F4F4F5";
297
+ readonly "ghost-button": "#F4F4F5";
298
298
  readonly "destructive-button": "#B91C1C";
299
299
  };
300
300
  readonly active: {
301
301
  readonly "primary-button": "#1E40AF";
302
302
  readonly "destructive-button": "#991B1B";
303
303
  readonly "secondary-button": "#DBEAFE";
304
- readonly "tertiary-button": "#E5E7EB";
304
+ readonly "tertiary-button": "#E4E4E7";
305
305
  };
306
306
  readonly overlay: {
307
- readonly dark: "rgba(17, 24, 39, 0.64)";
308
- readonly medium: "rgba(17, 24, 39, 0.36)";
309
- readonly light: "rgba(17, 24, 39, 0.08)";
307
+ readonly dark: "rgba(24, 24, 27, 0.64)";
308
+ readonly medium: "rgba(24, 24, 27, 0.36)";
309
+ readonly light: "rgba(24, 24, 27, 0.08)";
310
310
  };
311
311
  readonly focus: {
312
312
  readonly "high-emphasis": "#60A5FA";
@@ -327,10 +327,10 @@ export declare const themes: {
327
327
  };
328
328
  readonly dark: {
329
329
  readonly surface: {
330
- readonly primary: "#111827";
331
- readonly secondary: "#1F2937";
332
- readonly tertiary: "#374151";
333
- readonly quaternary: "#4B5563";
330
+ readonly primary: "#18181B";
331
+ readonly secondary: "#27272A";
332
+ readonly tertiary: "#3F3F46";
333
+ readonly quaternary: "#52525B";
334
334
  readonly inverse: "#FFFFFF";
335
335
  readonly "accent-primary": "#3B82F6";
336
336
  readonly "accent-primary-light": "#1E3A8A";
@@ -346,14 +346,14 @@ export declare const themes: {
346
346
  readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
347
347
  readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
348
348
  readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
349
- readonly disable: "#1F2937";
349
+ readonly disable: "#27272A";
350
350
  };
351
351
  readonly text: {
352
352
  readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
353
353
  readonly "medium-emphasis": "rgba(255, 255, 255, 0.80)";
354
354
  readonly "low-emphasis": "rgba(255, 255, 255, 0.48)";
355
355
  readonly disable: "rgba(255, 255, 255, 0.24)";
356
- readonly "on-inverse": "#111827";
356
+ readonly "on-inverse": "#18181B";
357
357
  readonly "on-media": "#FFFFFF";
358
358
  readonly "on-media-secondary": "rgba(255, 255, 255, 0.80)";
359
359
  readonly "on-media-shadow": "0 1px 3px rgba(0, 0, 0, 0.85)";
@@ -364,14 +364,14 @@ export declare const themes: {
364
364
  readonly warning: "#FB923C";
365
365
  readonly info: "#60A5FA";
366
366
  readonly "caution-on-inverse": "#B91C1C";
367
- readonly "on-inverse-secondary": "#374151";
367
+ readonly "on-inverse-secondary": "#3F3F46";
368
368
  };
369
369
  readonly object: {
370
370
  readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
371
371
  readonly "medium-emphasis": "rgba(255, 255, 255, 0.64)";
372
372
  readonly "low-emphasis": "rgba(255, 255, 255, 0.36)";
373
373
  readonly disable: "rgba(255, 255, 255, 0.16)";
374
- readonly "on-inverse": "#111827";
374
+ readonly "on-inverse": "#18181B";
375
375
  readonly "accent-primary": "#60A5FA";
376
376
  readonly caution: "#F87171";
377
377
  readonly success: "#4ADE80";
@@ -409,9 +409,9 @@ export declare const themes: {
409
409
  readonly "tertiary-button": "rgba(255, 255, 255, 0.08)";
410
410
  };
411
411
  readonly overlay: {
412
- readonly dark: "rgba(17, 24, 39, 0.80)";
413
- readonly medium: "rgba(17, 24, 39, 0.48)";
414
- readonly light: "rgba(17, 24, 39, 0.16)";
412
+ readonly dark: "rgba(24, 24, 27, 0.80)";
413
+ readonly medium: "rgba(24, 24, 27, 0.48)";
414
+ readonly light: "rgba(24, 24, 27, 0.16)";
415
415
  };
416
416
  readonly focus: {
417
417
  readonly "high-emphasis": "#60A5FA";
@@ -435,10 +435,10 @@ export declare const themes: {
435
435
  readonly light: {
436
436
  readonly surface: {
437
437
  readonly primary: "#FFFFFF";
438
- readonly secondary: "#F9FAFB";
439
- readonly tertiary: "#F3F4F6";
440
- readonly quaternary: "#E5E7EB";
441
- readonly inverse: "#111827";
438
+ readonly secondary: "#FAFAFA";
439
+ readonly tertiary: "#F4F4F5";
440
+ readonly quaternary: "#E4E4E7";
441
+ readonly inverse: "#18181B";
442
442
  readonly "accent-primary": "#2053F5";
443
443
  readonly "accent-primary-light": "#EEF3FF";
444
444
  readonly caution: "#FEF2F2";
@@ -453,13 +453,13 @@ export declare const themes: {
453
453
  readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
454
454
  readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
455
455
  readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
456
- readonly disable: "#F3F4F6";
456
+ readonly disable: "#F4F4F5";
457
457
  };
458
458
  readonly text: {
459
- readonly "high-emphasis": "#111827";
460
- readonly "medium-emphasis": "#374151";
461
- readonly "low-emphasis": "#4B5563";
462
- readonly disable: "#9CA3AF";
459
+ readonly "high-emphasis": "#18181B";
460
+ readonly "medium-emphasis": "#3F3F46";
461
+ readonly "low-emphasis": "#52525B";
462
+ readonly disable: "#A1A1AA";
463
463
  readonly "on-inverse": "#FFFFFF";
464
464
  readonly "on-media": "#FFFFFF";
465
465
  readonly "on-media-secondary": "rgba(255, 255, 255, 0.80)";
@@ -474,10 +474,10 @@ export declare const themes: {
474
474
  readonly "on-inverse-secondary": "rgba(255, 255, 255, 0.80)";
475
475
  };
476
476
  readonly object: {
477
- readonly "high-emphasis": "#111827";
478
- readonly "medium-emphasis": "#4B5563";
479
- readonly "low-emphasis": "#9CA3AF";
480
- readonly disable: "#D1D5DB";
477
+ readonly "high-emphasis": "#18181B";
478
+ readonly "medium-emphasis": "#52525B";
479
+ readonly "low-emphasis": "#A1A1AA";
480
+ readonly disable: "#D4D4D8";
481
481
  readonly "on-inverse": "#FFFFFF";
482
482
  readonly "accent-primary": "#2053F5";
483
483
  readonly caution: "#EF4444";
@@ -487,9 +487,9 @@ export declare const themes: {
487
487
  readonly rating: "#F59E0B";
488
488
  };
489
489
  readonly border: {
490
- readonly "high-emphasis": "#374151";
491
- readonly "medium-emphasis": "#D1D5DB";
492
- readonly "low-emphasis": "#E5E7EB";
490
+ readonly "high-emphasis": "#3F3F46";
491
+ readonly "medium-emphasis": "#D4D4D8";
492
+ readonly "low-emphasis": "#E4E4E7";
493
493
  readonly "accent-primary": "#2053F5";
494
494
  readonly caution: "#EF4444";
495
495
  readonly success: "#22C55E";
@@ -509,20 +509,20 @@ export declare const themes: {
509
509
  readonly hover: {
510
510
  readonly "primary-button": "#1234EE";
511
511
  readonly "secondary-button": "#EEF3FF";
512
- readonly "tertiary-button": "#F3F4F6";
513
- readonly "ghost-button": "#F3F4F6";
512
+ readonly "tertiary-button": "#F4F4F5";
513
+ readonly "ghost-button": "#F4F4F5";
514
514
  readonly "destructive-button": "#B91C1C";
515
515
  };
516
516
  readonly active: {
517
517
  readonly "primary-button": "#0B25A4";
518
518
  readonly "destructive-button": "#991B1B";
519
519
  readonly "secondary-button": "#D9E5FE";
520
- readonly "tertiary-button": "#E5E7EB";
520
+ readonly "tertiary-button": "#E4E4E7";
521
521
  };
522
522
  readonly overlay: {
523
- readonly dark: "rgba(17, 24, 39, 0.64)";
524
- readonly medium: "rgba(17, 24, 39, 0.36)";
525
- readonly light: "rgba(17, 24, 39, 0.08)";
523
+ readonly dark: "rgba(24, 24, 27, 0.64)";
524
+ readonly medium: "rgba(24, 24, 27, 0.36)";
525
+ readonly light: "rgba(24, 24, 27, 0.08)";
526
526
  };
527
527
  readonly focus: {
528
528
  readonly "high-emphasis": "#4398F8";
@@ -543,10 +543,10 @@ export declare const themes: {
543
543
  };
544
544
  readonly dark: {
545
545
  readonly surface: {
546
- readonly primary: "#111827";
547
- readonly secondary: "#1F2937";
548
- readonly tertiary: "#374151";
549
- readonly quaternary: "#4B5563";
546
+ readonly primary: "#18181B";
547
+ readonly secondary: "#27272A";
548
+ readonly tertiary: "#3F3F46";
549
+ readonly quaternary: "#52525B";
550
550
  readonly inverse: "#FFFFFF";
551
551
  readonly "accent-primary": "#2053F5";
552
552
  readonly "accent-primary-light": "#03155A";
@@ -562,14 +562,14 @@ export declare const themes: {
562
562
  readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
563
563
  readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
564
564
  readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
565
- readonly disable: "#1F2937";
565
+ readonly disable: "#27272A";
566
566
  };
567
567
  readonly text: {
568
568
  readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
569
569
  readonly "medium-emphasis": "rgba(255, 255, 255, 0.80)";
570
570
  readonly "low-emphasis": "rgba(255, 255, 255, 0.48)";
571
571
  readonly disable: "rgba(255, 255, 255, 0.24)";
572
- readonly "on-inverse": "#111827";
572
+ readonly "on-inverse": "#18181B";
573
573
  readonly "on-media": "#FFFFFF";
574
574
  readonly "on-media-secondary": "rgba(255, 255, 255, 0.80)";
575
575
  readonly "on-media-shadow": "0 1px 3px rgba(0, 0, 0, 0.85)";
@@ -580,14 +580,14 @@ export declare const themes: {
580
580
  readonly warning: "#FB923C";
581
581
  readonly info: "#60A5FA";
582
582
  readonly "caution-on-inverse": "#B91C1C";
583
- readonly "on-inverse-secondary": "#374151";
583
+ readonly "on-inverse-secondary": "#3F3F46";
584
584
  };
585
585
  readonly object: {
586
586
  readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
587
587
  readonly "medium-emphasis": "rgba(255, 255, 255, 0.64)";
588
588
  readonly "low-emphasis": "rgba(255, 255, 255, 0.36)";
589
589
  readonly disable: "rgba(255, 255, 255, 0.16)";
590
- readonly "on-inverse": "#111827";
590
+ readonly "on-inverse": "#18181B";
591
591
  readonly "accent-primary": "#4398F8";
592
592
  readonly caution: "#F87171";
593
593
  readonly success: "#4ADE80";
@@ -625,9 +625,9 @@ export declare const themes: {
625
625
  readonly "tertiary-button": "rgba(255, 255, 255, 0.08)";
626
626
  };
627
627
  readonly overlay: {
628
- readonly dark: "rgba(17, 24, 39, 0.80)";
629
- readonly medium: "rgba(17, 24, 39, 0.48)";
630
- readonly light: "rgba(17, 24, 39, 0.16)";
628
+ readonly dark: "rgba(24, 24, 27, 0.80)";
629
+ readonly medium: "rgba(24, 24, 27, 0.48)";
630
+ readonly light: "rgba(24, 24, 27, 0.16)";
631
631
  };
632
632
  readonly focus: {
633
633
  readonly "high-emphasis": "#4398F8";
@@ -651,10 +651,10 @@ export declare const themes: {
651
651
  readonly light: {
652
652
  readonly surface: {
653
653
  readonly primary: "#FFFFFF";
654
- readonly secondary: "#F9FAFB";
655
- readonly tertiary: "#F3F4F6";
656
- readonly quaternary: "#E5E7EB";
657
- readonly inverse: "#111827";
654
+ readonly secondary: "#FAFAFA";
655
+ readonly tertiary: "#F4F4F5";
656
+ readonly quaternary: "#E4E4E7";
657
+ readonly inverse: "#18181B";
658
658
  readonly "accent-primary": "#F97316";
659
659
  readonly "accent-primary-light": "#FFF7ED";
660
660
  readonly caution: "#FEF2F2";
@@ -669,13 +669,13 @@ export declare const themes: {
669
669
  readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
670
670
  readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
671
671
  readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
672
- readonly disable: "#F3F4F6";
672
+ readonly disable: "#F4F4F5";
673
673
  };
674
674
  readonly text: {
675
- readonly "high-emphasis": "#111827";
676
- readonly "medium-emphasis": "#374151";
677
- readonly "low-emphasis": "#4B5563";
678
- readonly disable: "#9CA3AF";
675
+ readonly "high-emphasis": "#18181B";
676
+ readonly "medium-emphasis": "#3F3F46";
677
+ readonly "low-emphasis": "#52525B";
678
+ readonly disable: "#A1A1AA";
679
679
  readonly "on-inverse": "#FFFFFF";
680
680
  readonly "on-media": "#FFFFFF";
681
681
  readonly "on-media-secondary": "rgba(255, 255, 255, 0.80)";
@@ -690,10 +690,10 @@ export declare const themes: {
690
690
  readonly "on-inverse-secondary": "rgba(255, 255, 255, 0.80)";
691
691
  };
692
692
  readonly object: {
693
- readonly "high-emphasis": "#111827";
694
- readonly "medium-emphasis": "#4B5563";
695
- readonly "low-emphasis": "#9CA3AF";
696
- readonly disable: "#D1D5DB";
693
+ readonly "high-emphasis": "#18181B";
694
+ readonly "medium-emphasis": "#52525B";
695
+ readonly "low-emphasis": "#A1A1AA";
696
+ readonly disable: "#D4D4D8";
697
697
  readonly "on-inverse": "#FFFFFF";
698
698
  readonly "accent-primary": "#F97316";
699
699
  readonly caution: "#EF4444";
@@ -703,9 +703,9 @@ export declare const themes: {
703
703
  readonly rating: "#F59E0B";
704
704
  };
705
705
  readonly border: {
706
- readonly "high-emphasis": "#374151";
707
- readonly "medium-emphasis": "#D1D5DB";
708
- readonly "low-emphasis": "#E5E7EB";
706
+ readonly "high-emphasis": "#3F3F46";
707
+ readonly "medium-emphasis": "#D4D4D8";
708
+ readonly "low-emphasis": "#E4E4E7";
709
709
  readonly "accent-primary": "#F97316";
710
710
  readonly caution: "#EF4444";
711
711
  readonly success: "#22C55E";
@@ -725,20 +725,20 @@ export declare const themes: {
725
725
  readonly hover: {
726
726
  readonly "primary-button": "#9A3412";
727
727
  readonly "secondary-button": "#FFF7ED";
728
- readonly "tertiary-button": "#F3F4F6";
729
- readonly "ghost-button": "#F3F4F6";
728
+ readonly "tertiary-button": "#F4F4F5";
729
+ readonly "ghost-button": "#F4F4F5";
730
730
  readonly "destructive-button": "#B91C1C";
731
731
  };
732
732
  readonly active: {
733
733
  readonly "primary-button": "#7C2D12";
734
734
  readonly "destructive-button": "#991B1B";
735
735
  readonly "secondary-button": "#FFEDD5";
736
- readonly "tertiary-button": "#E5E7EB";
736
+ readonly "tertiary-button": "#E4E4E7";
737
737
  };
738
738
  readonly overlay: {
739
- readonly dark: "rgba(17, 24, 39, 0.64)";
740
- readonly medium: "rgba(17, 24, 39, 0.36)";
741
- readonly light: "rgba(17, 24, 39, 0.08)";
739
+ readonly dark: "rgba(24, 24, 27, 0.64)";
740
+ readonly medium: "rgba(24, 24, 27, 0.36)";
741
+ readonly light: "rgba(24, 24, 27, 0.08)";
742
742
  };
743
743
  readonly focus: {
744
744
  readonly "high-emphasis": "#FB923C";
@@ -759,10 +759,10 @@ export declare const themes: {
759
759
  };
760
760
  readonly dark: {
761
761
  readonly surface: {
762
- readonly primary: "#111827";
763
- readonly secondary: "#1F2937";
764
- readonly tertiary: "#374151";
765
- readonly quaternary: "#4B5563";
762
+ readonly primary: "#18181B";
763
+ readonly secondary: "#27272A";
764
+ readonly tertiary: "#3F3F46";
765
+ readonly quaternary: "#52525B";
766
766
  readonly inverse: "#FFFFFF";
767
767
  readonly "accent-primary": "#F97316";
768
768
  readonly "accent-primary-light": "#431407";
@@ -778,14 +778,14 @@ export declare const themes: {
778
778
  readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
779
779
  readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
780
780
  readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
781
- readonly disable: "#1F2937";
781
+ readonly disable: "#27272A";
782
782
  };
783
783
  readonly text: {
784
784
  readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
785
785
  readonly "medium-emphasis": "rgba(255, 255, 255, 0.80)";
786
786
  readonly "low-emphasis": "rgba(255, 255, 255, 0.48)";
787
787
  readonly disable: "rgba(255, 255, 255, 0.24)";
788
- readonly "on-inverse": "#111827";
788
+ readonly "on-inverse": "#18181B";
789
789
  readonly "on-media": "#FFFFFF";
790
790
  readonly "on-media-secondary": "rgba(255, 255, 255, 0.80)";
791
791
  readonly "on-media-shadow": "0 1px 3px rgba(0, 0, 0, 0.85)";
@@ -796,14 +796,14 @@ export declare const themes: {
796
796
  readonly warning: "#FB923C";
797
797
  readonly info: "#60A5FA";
798
798
  readonly "caution-on-inverse": "#B91C1C";
799
- readonly "on-inverse-secondary": "#374151";
799
+ readonly "on-inverse-secondary": "#3F3F46";
800
800
  };
801
801
  readonly object: {
802
802
  readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
803
803
  readonly "medium-emphasis": "rgba(255, 255, 255, 0.64)";
804
804
  readonly "low-emphasis": "rgba(255, 255, 255, 0.36)";
805
805
  readonly disable: "rgba(255, 255, 255, 0.16)";
806
- readonly "on-inverse": "#111827";
806
+ readonly "on-inverse": "#18181B";
807
807
  readonly "accent-primary": "#FB923C";
808
808
  readonly caution: "#F87171";
809
809
  readonly success: "#4ADE80";
@@ -841,9 +841,9 @@ export declare const themes: {
841
841
  readonly "tertiary-button": "rgba(255, 255, 255, 0.08)";
842
842
  };
843
843
  readonly overlay: {
844
- readonly dark: "rgba(17, 24, 39, 0.80)";
845
- readonly medium: "rgba(17, 24, 39, 0.48)";
846
- readonly light: "rgba(17, 24, 39, 0.16)";
844
+ readonly dark: "rgba(24, 24, 27, 0.80)";
845
+ readonly medium: "rgba(24, 24, 27, 0.48)";
846
+ readonly light: "rgba(24, 24, 27, 0.16)";
847
847
  };
848
848
  readonly focus: {
849
849
  readonly "high-emphasis": "#FB923C";
@@ -867,10 +867,10 @@ export declare const themes: {
867
867
  readonly light: {
868
868
  readonly surface: {
869
869
  readonly primary: "#FFFFFF";
870
- readonly secondary: "#F9FAFB";
871
- readonly tertiary: "#F3F4F6";
872
- readonly quaternary: "#E5E7EB";
873
- readonly inverse: "#111827";
870
+ readonly secondary: "#FAFAFA";
871
+ readonly tertiary: "#F4F4F5";
872
+ readonly quaternary: "#E4E4E7";
873
+ readonly inverse: "#18181B";
874
874
  readonly "accent-primary": "#16A34A";
875
875
  readonly "accent-primary-light": "#F0FDF4";
876
876
  readonly caution: "#FEF2F2";
@@ -885,13 +885,13 @@ export declare const themes: {
885
885
  readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
886
886
  readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
887
887
  readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
888
- readonly disable: "#F3F4F6";
888
+ readonly disable: "#F4F4F5";
889
889
  };
890
890
  readonly text: {
891
- readonly "high-emphasis": "#111827";
892
- readonly "medium-emphasis": "#374151";
893
- readonly "low-emphasis": "#4B5563";
894
- readonly disable: "#9CA3AF";
891
+ readonly "high-emphasis": "#18181B";
892
+ readonly "medium-emphasis": "#3F3F46";
893
+ readonly "low-emphasis": "#52525B";
894
+ readonly disable: "#A1A1AA";
895
895
  readonly "on-inverse": "#FFFFFF";
896
896
  readonly "on-media": "#FFFFFF";
897
897
  readonly "on-media-secondary": "rgba(255, 255, 255, 0.80)";
@@ -906,10 +906,10 @@ export declare const themes: {
906
906
  readonly "on-inverse-secondary": "rgba(255, 255, 255, 0.80)";
907
907
  };
908
908
  readonly object: {
909
- readonly "high-emphasis": "#111827";
910
- readonly "medium-emphasis": "#4B5563";
911
- readonly "low-emphasis": "#9CA3AF";
912
- readonly disable: "#D1D5DB";
909
+ readonly "high-emphasis": "#18181B";
910
+ readonly "medium-emphasis": "#52525B";
911
+ readonly "low-emphasis": "#A1A1AA";
912
+ readonly disable: "#D4D4D8";
913
913
  readonly "on-inverse": "#FFFFFF";
914
914
  readonly "accent-primary": "#16A34A";
915
915
  readonly caution: "#EF4444";
@@ -919,9 +919,9 @@ export declare const themes: {
919
919
  readonly rating: "#F59E0B";
920
920
  };
921
921
  readonly border: {
922
- readonly "high-emphasis": "#374151";
923
- readonly "medium-emphasis": "#D1D5DB";
924
- readonly "low-emphasis": "#E5E7EB";
922
+ readonly "high-emphasis": "#3F3F46";
923
+ readonly "medium-emphasis": "#D4D4D8";
924
+ readonly "low-emphasis": "#E4E4E7";
925
925
  readonly "accent-primary": "#16A34A";
926
926
  readonly caution: "#EF4444";
927
927
  readonly success: "#22C55E";
@@ -941,20 +941,20 @@ export declare const themes: {
941
941
  readonly hover: {
942
942
  readonly "primary-button": "#166534";
943
943
  readonly "secondary-button": "#F0FDF4";
944
- readonly "tertiary-button": "#F3F4F6";
945
- readonly "ghost-button": "#F3F4F6";
944
+ readonly "tertiary-button": "#F4F4F5";
945
+ readonly "ghost-button": "#F4F4F5";
946
946
  readonly "destructive-button": "#B91C1C";
947
947
  };
948
948
  readonly active: {
949
949
  readonly "primary-button": "#14532D";
950
950
  readonly "destructive-button": "#991B1B";
951
951
  readonly "secondary-button": "#DCFCE7";
952
- readonly "tertiary-button": "#E5E7EB";
952
+ readonly "tertiary-button": "#E4E4E7";
953
953
  };
954
954
  readonly overlay: {
955
- readonly dark: "rgba(17, 24, 39, 0.64)";
956
- readonly medium: "rgba(17, 24, 39, 0.36)";
957
- readonly light: "rgba(17, 24, 39, 0.08)";
955
+ readonly dark: "rgba(24, 24, 27, 0.64)";
956
+ readonly medium: "rgba(24, 24, 27, 0.36)";
957
+ readonly light: "rgba(24, 24, 27, 0.08)";
958
958
  };
959
959
  readonly focus: {
960
960
  readonly "high-emphasis": "#4ADE80";
@@ -975,10 +975,10 @@ export declare const themes: {
975
975
  };
976
976
  readonly dark: {
977
977
  readonly surface: {
978
- readonly primary: "#111827";
979
- readonly secondary: "#1F2937";
980
- readonly tertiary: "#374151";
981
- readonly quaternary: "#4B5563";
978
+ readonly primary: "#18181B";
979
+ readonly secondary: "#27272A";
980
+ readonly tertiary: "#3F3F46";
981
+ readonly quaternary: "#52525B";
982
982
  readonly inverse: "#FFFFFF";
983
983
  readonly "accent-primary": "#16A34A";
984
984
  readonly "accent-primary-light": "#052E16";
@@ -994,14 +994,14 @@ export declare const themes: {
994
994
  readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
995
995
  readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
996
996
  readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
997
- readonly disable: "#1F2937";
997
+ readonly disable: "#27272A";
998
998
  };
999
999
  readonly text: {
1000
1000
  readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
1001
1001
  readonly "medium-emphasis": "rgba(255, 255, 255, 0.80)";
1002
1002
  readonly "low-emphasis": "rgba(255, 255, 255, 0.48)";
1003
1003
  readonly disable: "rgba(255, 255, 255, 0.24)";
1004
- readonly "on-inverse": "#111827";
1004
+ readonly "on-inverse": "#18181B";
1005
1005
  readonly "on-media": "#FFFFFF";
1006
1006
  readonly "on-media-secondary": "rgba(255, 255, 255, 0.80)";
1007
1007
  readonly "on-media-shadow": "0 1px 3px rgba(0, 0, 0, 0.85)";
@@ -1012,14 +1012,14 @@ export declare const themes: {
1012
1012
  readonly warning: "#FB923C";
1013
1013
  readonly info: "#60A5FA";
1014
1014
  readonly "caution-on-inverse": "#B91C1C";
1015
- readonly "on-inverse-secondary": "#374151";
1015
+ readonly "on-inverse-secondary": "#3F3F46";
1016
1016
  };
1017
1017
  readonly object: {
1018
1018
  readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
1019
1019
  readonly "medium-emphasis": "rgba(255, 255, 255, 0.64)";
1020
1020
  readonly "low-emphasis": "rgba(255, 255, 255, 0.36)";
1021
1021
  readonly disable: "rgba(255, 255, 255, 0.16)";
1022
- readonly "on-inverse": "#111827";
1022
+ readonly "on-inverse": "#18181B";
1023
1023
  readonly "accent-primary": "#4ADE80";
1024
1024
  readonly caution: "#F87171";
1025
1025
  readonly success: "#4ADE80";
@@ -1057,9 +1057,9 @@ export declare const themes: {
1057
1057
  readonly "tertiary-button": "rgba(255, 255, 255, 0.08)";
1058
1058
  };
1059
1059
  readonly overlay: {
1060
- readonly dark: "rgba(17, 24, 39, 0.80)";
1061
- readonly medium: "rgba(17, 24, 39, 0.48)";
1062
- readonly light: "rgba(17, 24, 39, 0.16)";
1060
+ readonly dark: "rgba(24, 24, 27, 0.80)";
1061
+ readonly medium: "rgba(24, 24, 27, 0.48)";
1062
+ readonly light: "rgba(24, 24, 27, 0.16)";
1063
1063
  };
1064
1064
  readonly focus: {
1065
1065
  readonly "high-emphasis": "#4ADE80";
@@ -1083,10 +1083,10 @@ export declare const themes: {
1083
1083
  readonly light: {
1084
1084
  readonly surface: {
1085
1085
  readonly primary: "#FFFFFF";
1086
- readonly secondary: "#F9FAFB";
1087
- readonly tertiary: "#F3F4F6";
1088
- readonly quaternary: "#E5E7EB";
1089
- readonly inverse: "#111827";
1086
+ readonly secondary: "#FAFAFA";
1087
+ readonly tertiary: "#F4F4F5";
1088
+ readonly quaternary: "#E4E4E7";
1089
+ readonly inverse: "#18181B";
1090
1090
  readonly "accent-primary": "#7C3AED";
1091
1091
  readonly "accent-primary-light": "#F5F3FF";
1092
1092
  readonly caution: "#FEF2F2";
@@ -1101,13 +1101,13 @@ export declare const themes: {
1101
1101
  readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
1102
1102
  readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
1103
1103
  readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
1104
- readonly disable: "#F3F4F6";
1104
+ readonly disable: "#F4F4F5";
1105
1105
  };
1106
1106
  readonly text: {
1107
- readonly "high-emphasis": "#111827";
1108
- readonly "medium-emphasis": "#374151";
1109
- readonly "low-emphasis": "#4B5563";
1110
- readonly disable: "#9CA3AF";
1107
+ readonly "high-emphasis": "#18181B";
1108
+ readonly "medium-emphasis": "#3F3F46";
1109
+ readonly "low-emphasis": "#52525B";
1110
+ readonly disable: "#A1A1AA";
1111
1111
  readonly "on-inverse": "#FFFFFF";
1112
1112
  readonly "on-media": "#FFFFFF";
1113
1113
  readonly "on-media-secondary": "rgba(255, 255, 255, 0.80)";
@@ -1122,10 +1122,10 @@ export declare const themes: {
1122
1122
  readonly "on-inverse-secondary": "rgba(255, 255, 255, 0.80)";
1123
1123
  };
1124
1124
  readonly object: {
1125
- readonly "high-emphasis": "#111827";
1126
- readonly "medium-emphasis": "#4B5563";
1127
- readonly "low-emphasis": "#9CA3AF";
1128
- readonly disable: "#D1D5DB";
1125
+ readonly "high-emphasis": "#18181B";
1126
+ readonly "medium-emphasis": "#52525B";
1127
+ readonly "low-emphasis": "#A1A1AA";
1128
+ readonly disable: "#D4D4D8";
1129
1129
  readonly "on-inverse": "#FFFFFF";
1130
1130
  readonly "accent-primary": "#7C3AED";
1131
1131
  readonly caution: "#EF4444";
@@ -1135,9 +1135,9 @@ export declare const themes: {
1135
1135
  readonly rating: "#F59E0B";
1136
1136
  };
1137
1137
  readonly border: {
1138
- readonly "high-emphasis": "#374151";
1139
- readonly "medium-emphasis": "#D1D5DB";
1140
- readonly "low-emphasis": "#E5E7EB";
1138
+ readonly "high-emphasis": "#3F3F46";
1139
+ readonly "medium-emphasis": "#D4D4D8";
1140
+ readonly "low-emphasis": "#E4E4E7";
1141
1141
  readonly "accent-primary": "#7C3AED";
1142
1142
  readonly caution: "#EF4444";
1143
1143
  readonly success: "#22C55E";
@@ -1157,20 +1157,20 @@ export declare const themes: {
1157
1157
  readonly hover: {
1158
1158
  readonly "primary-button": "#5B21B6";
1159
1159
  readonly "secondary-button": "#F5F3FF";
1160
- readonly "tertiary-button": "#F3F4F6";
1161
- readonly "ghost-button": "#F3F4F6";
1160
+ readonly "tertiary-button": "#F4F4F5";
1161
+ readonly "ghost-button": "#F4F4F5";
1162
1162
  readonly "destructive-button": "#B91C1C";
1163
1163
  };
1164
1164
  readonly active: {
1165
1165
  readonly "primary-button": "#4C1D95";
1166
1166
  readonly "destructive-button": "#991B1B";
1167
1167
  readonly "secondary-button": "#EDE9FE";
1168
- readonly "tertiary-button": "#E5E7EB";
1168
+ readonly "tertiary-button": "#E4E4E7";
1169
1169
  };
1170
1170
  readonly overlay: {
1171
- readonly dark: "rgba(17, 24, 39, 0.64)";
1172
- readonly medium: "rgba(17, 24, 39, 0.36)";
1173
- readonly light: "rgba(17, 24, 39, 0.08)";
1171
+ readonly dark: "rgba(24, 24, 27, 0.64)";
1172
+ readonly medium: "rgba(24, 24, 27, 0.36)";
1173
+ readonly light: "rgba(24, 24, 27, 0.08)";
1174
1174
  };
1175
1175
  readonly focus: {
1176
1176
  readonly "high-emphasis": "#A78BFA";
@@ -1191,10 +1191,10 @@ export declare const themes: {
1191
1191
  };
1192
1192
  readonly dark: {
1193
1193
  readonly surface: {
1194
- readonly primary: "#111827";
1195
- readonly secondary: "#1F2937";
1196
- readonly tertiary: "#374151";
1197
- readonly quaternary: "#4B5563";
1194
+ readonly primary: "#18181B";
1195
+ readonly secondary: "#27272A";
1196
+ readonly tertiary: "#3F3F46";
1197
+ readonly quaternary: "#52525B";
1198
1198
  readonly inverse: "#FFFFFF";
1199
1199
  readonly "accent-primary": "#7C3AED";
1200
1200
  readonly "accent-primary-light": "#3B0764";
@@ -1210,14 +1210,14 @@ export declare const themes: {
1210
1210
  readonly "videoOverlay-light": "rgba(0, 0, 0, 0.40)";
1211
1211
  readonly "videoOverlay-medium": "rgba(0, 0, 0, 0.60)";
1212
1212
  readonly "videoOverlay-strong": "rgba(0, 0, 0, 0.80)";
1213
- readonly disable: "#1F2937";
1213
+ readonly disable: "#27272A";
1214
1214
  };
1215
1215
  readonly text: {
1216
1216
  readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
1217
1217
  readonly "medium-emphasis": "rgba(255, 255, 255, 0.80)";
1218
1218
  readonly "low-emphasis": "rgba(255, 255, 255, 0.48)";
1219
1219
  readonly disable: "rgba(255, 255, 255, 0.24)";
1220
- readonly "on-inverse": "#111827";
1220
+ readonly "on-inverse": "#18181B";
1221
1221
  readonly "on-media": "#FFFFFF";
1222
1222
  readonly "on-media-secondary": "rgba(255, 255, 255, 0.80)";
1223
1223
  readonly "on-media-shadow": "0 1px 3px rgba(0, 0, 0, 0.85)";
@@ -1228,14 +1228,14 @@ export declare const themes: {
1228
1228
  readonly warning: "#FB923C";
1229
1229
  readonly info: "#60A5FA";
1230
1230
  readonly "caution-on-inverse": "#B91C1C";
1231
- readonly "on-inverse-secondary": "#374151";
1231
+ readonly "on-inverse-secondary": "#3F3F46";
1232
1232
  };
1233
1233
  readonly object: {
1234
1234
  readonly "high-emphasis": "rgba(255, 255, 255, 1.00)";
1235
1235
  readonly "medium-emphasis": "rgba(255, 255, 255, 0.64)";
1236
1236
  readonly "low-emphasis": "rgba(255, 255, 255, 0.36)";
1237
1237
  readonly disable: "rgba(255, 255, 255, 0.16)";
1238
- readonly "on-inverse": "#111827";
1238
+ readonly "on-inverse": "#18181B";
1239
1239
  readonly "accent-primary": "#A78BFA";
1240
1240
  readonly caution: "#F87171";
1241
1241
  readonly success: "#4ADE80";
@@ -1273,9 +1273,9 @@ export declare const themes: {
1273
1273
  readonly "tertiary-button": "rgba(255, 255, 255, 0.08)";
1274
1274
  };
1275
1275
  readonly overlay: {
1276
- readonly dark: "rgba(17, 24, 39, 0.80)";
1277
- readonly medium: "rgba(17, 24, 39, 0.48)";
1278
- readonly light: "rgba(17, 24, 39, 0.16)";
1276
+ readonly dark: "rgba(24, 24, 27, 0.80)";
1277
+ readonly medium: "rgba(24, 24, 27, 0.48)";
1278
+ readonly light: "rgba(24, 24, 27, 0.16)";
1279
1279
  };
1280
1280
  readonly focus: {
1281
1281
  readonly "high-emphasis": "#A78BFA";