@vellira-ui/tokens 2.98.5 → 2.98.7

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 (136) hide show
  1. package/dist/css/tokens.css +189 -240
  2. package/dist/dark/components/dropdown.d.ts +9 -9
  3. package/dist/dark/components/dropdown.d.ts.map +1 -1
  4. package/dist/dark/components/dropdown.js +4 -3
  5. package/dist/dark/components/input.d.ts +2 -2
  6. package/dist/dark/components/input.js +5 -5
  7. package/dist/dark/components/modal.js +1 -1
  8. package/dist/dark/components/radio.d.ts +1 -2
  9. package/dist/dark/components/radio.d.ts.map +1 -1
  10. package/dist/dark/components/radio.js +2 -2
  11. package/dist/dark/components/select.d.ts +1 -1
  12. package/dist/dark/components/select.js +3 -3
  13. package/dist/dark/semantic/action.d.ts +6 -6
  14. package/dist/dark/semantic/action.js +6 -6
  15. package/dist/dark/semantic/border.d.ts +1 -1
  16. package/dist/dark/semantic/border.js +1 -1
  17. package/dist/dark/semantic/control.d.ts +2 -2
  18. package/dist/dark/semantic/control.js +3 -3
  19. package/dist/dark/semantic/focus.d.ts +1 -1
  20. package/dist/dark/semantic/focus.js +1 -1
  21. package/dist/dark/semantic/icons.d.ts +2 -2
  22. package/dist/dark/semantic/icons.js +2 -2
  23. package/dist/dark/semantic/index.d.ts +0 -1
  24. package/dist/dark/semantic/index.d.ts.map +1 -1
  25. package/dist/dark/semantic/index.js +0 -1
  26. package/dist/dark/semantic/overlay.d.ts +2 -2
  27. package/dist/dark/semantic/overlay.js +2 -2
  28. package/dist/dark/semantic/status.d.ts +6 -6
  29. package/dist/dark/semantic/status.js +6 -6
  30. package/dist/dark/semantic/surface.d.ts +0 -1
  31. package/dist/dark/semantic/surface.d.ts.map +1 -1
  32. package/dist/dark/semantic/surface.js +0 -1
  33. package/dist/dark/semantic/text.d.ts +3 -3
  34. package/dist/dark/semantic/text.js +3 -3
  35. package/dist/factories/componentFocusRing.d.ts +13 -0
  36. package/dist/factories/componentFocusRing.d.ts.map +1 -0
  37. package/dist/factories/componentFocusRing.js +6 -0
  38. package/dist/factories/createContextMenuTokens.d.ts +2 -1
  39. package/dist/factories/createContextMenuTokens.d.ts.map +1 -1
  40. package/dist/factories/createContextMenuTokens.js +3 -2
  41. package/dist/factories/createModalTokens.d.ts +3 -2
  42. package/dist/factories/createModalTokens.d.ts.map +1 -1
  43. package/dist/factories/createModalTokens.js +4 -3
  44. package/dist/factories/createPopoverTokens.d.ts +1 -1
  45. package/dist/factories/createPopoverTokens.d.ts.map +1 -1
  46. package/dist/factories/createPopoverTokens.js +2 -2
  47. package/dist/factories/createRadioPalette.d.ts +1 -2
  48. package/dist/factories/createRadioPalette.d.ts.map +1 -1
  49. package/dist/factories/createRadioPalette.js +1 -2
  50. package/dist/factories/createSwitchTokens.d.ts +1 -1
  51. package/dist/factories/createSwitchTokens.d.ts.map +1 -1
  52. package/dist/factories/createSwitchTokens.js +3 -3
  53. package/dist/generated/token-types.d.ts +5 -5
  54. package/dist/generated/token-types.d.ts.map +1 -1
  55. package/dist/generated/token-types.js +220 -288
  56. package/dist/highContrast/components/dropdown.d.ts +8 -8
  57. package/dist/highContrast/components/dropdown.d.ts.map +1 -1
  58. package/dist/highContrast/components/dropdown.js +4 -3
  59. package/dist/highContrast/components/input.d.ts +5 -5
  60. package/dist/highContrast/components/input.js +5 -5
  61. package/dist/highContrast/components/radio.d.ts +1 -2
  62. package/dist/highContrast/components/radio.d.ts.map +1 -1
  63. package/dist/highContrast/components/radio.js +2 -2
  64. package/dist/highContrast/components/select.d.ts +2 -2
  65. package/dist/highContrast/components/select.js +3 -3
  66. package/dist/highContrast/semantic/action.d.ts +6 -6
  67. package/dist/highContrast/semantic/action.js +6 -6
  68. package/dist/highContrast/semantic/border.d.ts +1 -1
  69. package/dist/highContrast/semantic/border.js +1 -1
  70. package/dist/highContrast/semantic/control.d.ts +2 -2
  71. package/dist/highContrast/semantic/control.js +2 -2
  72. package/dist/highContrast/semantic/focus.d.ts +1 -1
  73. package/dist/highContrast/semantic/focus.js +1 -1
  74. package/dist/highContrast/semantic/icons.d.ts +4 -4
  75. package/dist/highContrast/semantic/icons.js +4 -4
  76. package/dist/highContrast/semantic/index.d.ts +0 -1
  77. package/dist/highContrast/semantic/index.d.ts.map +1 -1
  78. package/dist/highContrast/semantic/index.js +0 -1
  79. package/dist/highContrast/semantic/overlay.d.ts +2 -2
  80. package/dist/highContrast/semantic/overlay.js +2 -2
  81. package/dist/highContrast/semantic/status.d.ts +4 -4
  82. package/dist/highContrast/semantic/status.js +4 -4
  83. package/dist/highContrast/semantic/surface.d.ts +0 -1
  84. package/dist/highContrast/semantic/surface.d.ts.map +1 -1
  85. package/dist/highContrast/semantic/surface.js +0 -1
  86. package/dist/highContrast/semantic/text.d.ts +1 -1
  87. package/dist/highContrast/semantic/text.js +1 -1
  88. package/dist/light/components/dropdown.d.ts +8 -8
  89. package/dist/light/components/dropdown.d.ts.map +1 -1
  90. package/dist/light/components/dropdown.js +4 -3
  91. package/dist/light/components/input.d.ts +1 -1
  92. package/dist/light/components/input.js +5 -5
  93. package/dist/light/components/radio.d.ts +1 -2
  94. package/dist/light/components/radio.d.ts.map +1 -1
  95. package/dist/light/components/radio.js +2 -2
  96. package/dist/light/components/select.d.ts +1 -1
  97. package/dist/light/components/select.js +3 -3
  98. package/dist/light/semantic/action.d.ts +6 -6
  99. package/dist/light/semantic/action.js +6 -6
  100. package/dist/light/semantic/border.d.ts +1 -1
  101. package/dist/light/semantic/border.js +1 -1
  102. package/dist/light/semantic/control.d.ts +2 -2
  103. package/dist/light/semantic/control.js +2 -2
  104. package/dist/light/semantic/focus.d.ts +1 -1
  105. package/dist/light/semantic/focus.js +1 -1
  106. package/dist/light/semantic/icons.d.ts +2 -2
  107. package/dist/light/semantic/icons.js +2 -2
  108. package/dist/light/semantic/index.d.ts +0 -1
  109. package/dist/light/semantic/index.d.ts.map +1 -1
  110. package/dist/light/semantic/index.js +0 -1
  111. package/dist/light/semantic/menu.js +1 -1
  112. package/dist/light/semantic/overlay.d.ts +2 -2
  113. package/dist/light/semantic/overlay.js +2 -2
  114. package/dist/light/semantic/status.d.ts +4 -4
  115. package/dist/light/semantic/status.js +4 -4
  116. package/dist/light/semantic/surface.d.ts +0 -1
  117. package/dist/light/semantic/surface.d.ts.map +1 -1
  118. package/dist/light/semantic/surface.js +0 -1
  119. package/dist/light/semantic/text.d.ts +1 -1
  120. package/dist/light/semantic/text.js +1 -1
  121. package/dist/preservation/token-migrations.d.ts +213 -11
  122. package/dist/preservation/token-migrations.d.ts.map +1 -1
  123. package/dist/preservation/token-migrations.js +385 -19
  124. package/dist/token-architecture.d.ts +119 -5
  125. package/dist/token-architecture.d.ts.map +1 -1
  126. package/dist/token-architecture.js +206 -15
  127. package/package.json +1 -1
  128. package/dist/dark/semantic/navigation.d.ts +0 -34
  129. package/dist/dark/semantic/navigation.d.ts.map +0 -1
  130. package/dist/dark/semantic/navigation.js +0 -37
  131. package/dist/highContrast/semantic/navigation.d.ts +0 -34
  132. package/dist/highContrast/semantic/navigation.d.ts.map +0 -1
  133. package/dist/highContrast/semantic/navigation.js +0 -36
  134. package/dist/light/semantic/navigation.d.ts +0 -34
  135. package/dist/light/semantic/navigation.d.ts.map +0 -1
  136. package/dist/light/semantic/navigation.js +0 -37
@@ -180,54 +180,54 @@
180
180
  --action-primary-hover-bg: #5037C8;
181
181
  --action-primary-hover-fg: #FFFFFF;
182
182
  --action-primary-hover-border: #5037C8;
183
- --action-primary-active-bg: #402C9F;
184
- --action-primary-active-fg: #FFFFFF;
185
- --action-primary-active-border: #402C9F;
183
+ --action-primary-pressed-bg: #402C9F;
184
+ --action-primary-pressed-fg: #FFFFFF;
185
+ --action-primary-pressed-border: #402C9F;
186
186
  --action-primary-muted-bg: #E9E6FF;
187
187
  --action-primary-muted-fg: #342580;
188
188
  --action-primary-muted-border: #B8A8FF;
189
189
  --action-primary-subtle-bg: #F4F3FF;
190
190
  --action-primary-subtle-fg: #342580;
191
191
  --action-primary-subtle-border: transparent;
192
- --action-secondary-default-bg: #0B7D95;
193
- --action-secondary-default-fg: #FFFFFF;
194
- --action-secondary-default-border: #0B7D95;
195
- --action-secondary-hover-bg: #0A6175;
196
- --action-secondary-hover-fg: #FFFFFF;
197
- --action-secondary-hover-border: #0A6175;
198
- --action-secondary-active-bg: #094C5E;
199
- --action-secondary-active-fg: #FFFFFF;
200
- --action-secondary-active-border: #094C5E;
201
- --action-secondary-muted-bg: #D9FBFF;
202
- --action-secondary-muted-fg: #094C5E;
203
- --action-secondary-muted-border: #79E8F8;
204
- --action-secondary-subtle-bg: #F2FDFF;
205
- --action-secondary-subtle-fg: #094C5E;
206
- --action-secondary-subtle-border: transparent;
207
- --action-close-default-bg: #D4CEE8;
208
- --action-close-default-fg: #231F31;
209
- --action-close-default-border: #D4CEE8;
210
- --action-close-hover-bg: #BBB2D2;
211
- --action-close-hover-fg: #181521;
212
- --action-close-hover-border: #BBB2D2;
213
- --action-close-active-bg: #958CB0;
214
- --action-close-active-fg: #FFFFFF;
215
- --action-close-active-border: #958CB0;
216
- --action-close-muted-bg: #EEE8FA;
217
- --action-close-muted-fg: #2F2A42;
218
- --action-close-muted-border: #BBB2D2;
219
- --action-close-subtle-bg: #F4F1FB;
220
- --action-close-subtle-fg: #3D3754;
221
- --action-close-subtle-border: transparent;
192
+ --action-accent-default-bg: #0B7D95;
193
+ --action-accent-default-fg: #FFFFFF;
194
+ --action-accent-default-border: #0B7D95;
195
+ --action-accent-hover-bg: #0A6175;
196
+ --action-accent-hover-fg: #FFFFFF;
197
+ --action-accent-hover-border: #0A6175;
198
+ --action-accent-pressed-bg: #094C5E;
199
+ --action-accent-pressed-fg: #FFFFFF;
200
+ --action-accent-pressed-border: #094C5E;
201
+ --action-accent-muted-bg: #D9FBFF;
202
+ --action-accent-muted-fg: #094C5E;
203
+ --action-accent-muted-border: #79E8F8;
204
+ --action-accent-subtle-bg: #F2FDFF;
205
+ --action-accent-subtle-fg: #094C5E;
206
+ --action-accent-subtle-border: transparent;
207
+ --action-neutral-default-bg: #D4CEE8;
208
+ --action-neutral-default-fg: #231F31;
209
+ --action-neutral-default-border: #D4CEE8;
210
+ --action-neutral-hover-bg: #BBB2D2;
211
+ --action-neutral-hover-fg: #181521;
212
+ --action-neutral-hover-border: #BBB2D2;
213
+ --action-neutral-pressed-bg: #958CB0;
214
+ --action-neutral-pressed-fg: #FFFFFF;
215
+ --action-neutral-pressed-border: #958CB0;
216
+ --action-neutral-muted-bg: #EEE8FA;
217
+ --action-neutral-muted-fg: #2F2A42;
218
+ --action-neutral-muted-border: #BBB2D2;
219
+ --action-neutral-subtle-bg: #F4F1FB;
220
+ --action-neutral-subtle-fg: #3D3754;
221
+ --action-neutral-subtle-border: transparent;
222
222
  --action-danger-default-bg: #BE123C;
223
223
  --action-danger-default-fg: #FFFFFF;
224
224
  --action-danger-default-border: #BE123C;
225
225
  --action-danger-hover-bg: #9F1239;
226
226
  --action-danger-hover-fg: #FFFFFF;
227
227
  --action-danger-hover-border: #9F1239;
228
- --action-danger-active-bg: #881337;
229
- --action-danger-active-fg: #FFFFFF;
230
- --action-danger-active-border: #881337;
228
+ --action-danger-pressed-bg: #881337;
229
+ --action-danger-pressed-fg: #FFFFFF;
230
+ --action-danger-pressed-border: #881337;
231
231
  --action-danger-muted-bg: #FFE4E6;
232
232
  --action-danger-muted-fg: #9F1239;
233
233
  --action-danger-muted-border: #FDA4AF;
@@ -240,16 +240,16 @@
240
240
  --border-strong: #6B6386;
241
241
  --border-elevated: #D4CEE8;
242
242
  --border-disabled: #E4DDF4;
243
- --border-focus: #5037C8;
243
+ --border-interactive: #5037C8;
244
244
  --control-default-bg: #FFFFFF;
245
245
  --control-default-fg: #3D3754;
246
246
  --control-default-border: #BBB2D2;
247
247
  --control-hover-bg: #F4F3FF;
248
248
  --control-hover-fg: #402C9F;
249
249
  --control-hover-border: #5037C8;
250
- --control-active-bg: #E9E6FF;
251
- --control-active-fg: #342580;
252
- --control-active-border: #402C9F;
250
+ --control-pressed-bg: #E9E6FF;
251
+ --control-pressed-fg: #342580;
252
+ --control-pressed-border: #402C9F;
253
253
  --control-disabled-bg: #F4F1FB;
254
254
  --control-disabled-fg: #958CB0;
255
255
  --control-disabled-border: #E4DDF4;
@@ -259,9 +259,9 @@
259
259
  --control-selected-hover-bg: #5037C8;
260
260
  --control-selected-hover-fg: #FFFFFF;
261
261
  --control-selected-hover-border: #5037C8;
262
- --control-selected-active-bg: #402C9F;
263
- --control-selected-active-fg: #FFFFFF;
264
- --control-selected-active-border: #402C9F;
262
+ --control-selected-pressed-bg: #402C9F;
263
+ --control-selected-pressed-fg: #FFFFFF;
264
+ --control-selected-pressed-border: #402C9F;
265
265
  --control-selected-muted-bg: #E9E6FF;
266
266
  --control-selected-muted-fg: #342580;
267
267
  --control-selected-muted-border: #B8A8FF;
@@ -271,15 +271,15 @@
271
271
  --focus-ring-color: #5037C8;
272
272
  --focus-ring-width: 2px;
273
273
  --focus-ring-shadow: 0 0 8px rgba(99, 70, 232, 0.14);
274
- --focus-ring-offset: #FFFFFF;
274
+ --focus-ring-offset-color: #FFFFFF;
275
275
  --icons-default: #3D3754;
276
276
  --icons-secondary: #6B6386;
277
277
  --icons-muted: #958CB0;
278
278
  --icons-subtle: #958CB0;
279
279
  --icons-disabled: #958CB0;
280
- --icons-primary: #5037C8;
280
+ --icons-interactive: #5037C8;
281
281
  --icons-brand: #5037C8;
282
- --icons-hover: #402C9F;
282
+ --icons-interactive-hover: #402C9F;
283
283
  --icons-success: #14B8A6;
284
284
  --icons-danger: #BE123C;
285
285
  --icons-inverse: #FFFFFF;
@@ -303,29 +303,14 @@
303
303
  --menu-item-danger-active-fg: #9F1239;
304
304
  --menu-item-danger-disabled-bg: transparent;
305
305
  --menu-item-danger-disabled-fg: #958CB0;
306
- --navigation-hover-bg: #F4F1FB;
307
- --navigation-hover-fg: #3D3754;
308
- --navigation-active-bg: #EEE8FA;
309
- --navigation-active-fg: #3D3754;
310
- --navigation-brand-hover-bg: #F4F1FB;
311
- --navigation-brand-hover-fg: #402C9F;
312
- --navigation-tab-hover-fg: #402C9F;
313
- --navigation-tab-focus-ring: #5037C8;
314
- --navigation-option-hover-bg: #F4F1FB;
315
- --navigation-option-hover-fg: #3D3754;
316
- --navigation-option-active-bg: #EEE8FA;
317
- --navigation-option-active-fg: #3D3754;
318
- --navigation-trigger-hover-bg: #F4F1FB;
319
- --navigation-trigger-hover-fg: #402C9F;
320
- --navigation-border: #E4DDF4;
321
306
  --overlay-backdrop: rgba(255, 255, 255, 0.12);
322
307
  --overlay-tooltip-bg: #FFFFFF;
323
308
  --overlay-tooltip-fg: #3D3754;
324
309
  --overlay-tooltip-border: #E4DDF4;
325
- --overlay-popover-bg: #FFFFFF;
326
- --overlay-popover-border: #E4DDF4;
327
- --overlay-modal-bg: #FFFFFF;
328
- --overlay-modal-border: #E4DDF4;
310
+ --overlay-floating-bg: #FFFFFF;
311
+ --overlay-floating-border: #E4DDF4;
312
+ --overlay-dialog-bg: #FFFFFF;
313
+ --overlay-dialog-border: #E4DDF4;
329
314
  --shadow-sm: 0 1px 2px rgba(24, 21, 33, 0.08);
330
315
  --shadow-md: 0 4px 12px rgba(24, 21, 33, 0.12);
331
316
  --shadow-lg: 0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1);
@@ -337,28 +322,27 @@
337
322
  --status-success-bg: #F0FDFA;
338
323
  --status-success-border: #0F766E;
339
324
  --status-success-ring: #14B8A6;
340
- --status-success-strong: #115E59;
325
+ --status-success-emphasis-fg: #115E59;
341
326
  --status-error-fg: #BE123C;
342
327
  --status-error-bg: #FFE4E6;
343
328
  --status-error-border: #E11D48;
344
329
  --status-error-ring: #F43F5E;
345
- --status-error-strong: #9F1239;
330
+ --status-error-emphasis-fg: #9F1239;
346
331
  --status-warning-fg: #B45309;
347
332
  --status-warning-bg: #FFFBEB;
348
333
  --status-warning-border: #B45309;
349
334
  --status-warning-ring: #F59E0B;
350
- --status-warning-strong: #92400E;
335
+ --status-warning-emphasis-fg: #92400E;
351
336
  --status-info-fg: #0C4A6E;
352
337
  --status-info-bg: #F0F9FF;
353
338
  --status-info-border: #0369A1;
354
339
  --status-info-ring: #0369A1;
355
- --status-info-strong: #082F49;
340
+ --status-info-emphasis-fg: #082F49;
356
341
  --surface-canvas: #FAF8FF;
357
342
  --surface-default: #FAF8FF;
358
343
  --surface-muted: #F4F1FB;
359
344
  --surface-subtle: #FDFCFF;
360
345
  --surface-elevated: #FFFFFF;
361
- --surface-background: #FFFFFF;
362
346
  --surface-hover: #F4F1FB;
363
347
  --surface-active: #EEE8FA;
364
348
  --surface-pressed: #E4DDF4;
@@ -373,7 +357,7 @@
373
357
  --text-brand: #5037C8;
374
358
  --text-interactive: #5037C8;
375
359
  --text-interactive-hover: #402C9F;
376
- --text-interactive-active: #342580;
360
+ --text-interactive-pressed: #342580;
377
361
  --text-inverse: #FFFFFF;
378
362
  --accordion-root-bg: #FAF8FF;
379
363
  --accordion-root-border: #E4DDF4;
@@ -1261,7 +1245,7 @@
1261
1245
  --input-clear-button-hover-fg: #BE123C;
1262
1246
  --input-clear-button-hover-bg: #FFE4E6;
1263
1247
  --input-clear-button-focus-bg: #FDFCFF;
1264
- --input-clear-button-pressed-bg: #EEE8FA;
1248
+ --input-clear-button-pressed-bg: #E4DDF4;
1265
1249
  --input-reveal-button-fg: #3D3754;
1266
1250
  --input-reveal-button-hover-fg: #3D3754;
1267
1251
  --input-reveal-button-hover-bg: #F4F1FB;
@@ -1366,8 +1350,7 @@
1366
1350
  --radio-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
1367
1351
  --radio-motion-indicator-duration: 180ms;
1368
1352
  --radio-motion-selected-duration: 260ms;
1369
- --radio-motion-pressed-scale: 0.96;
1370
- --radio-motion-active-scale: 0.92;
1353
+ --radio-motion-pressed-scale: 0.92;
1371
1354
  --radio-motion-pressed-opacity: 0.8;
1372
1355
  --radio-default-bg: #FFFFFF;
1373
1356
  --radio-default-fg: #3D3754;
@@ -2152,7 +2135,7 @@
2152
2135
  --select-clear-button-hover-fg: #BE123C;
2153
2136
  --select-clear-button-hover-bg: #FFE4E6;
2154
2137
  --select-clear-button-focus-bg: #FDFCFF;
2155
- --select-clear-button-pressed-bg: #EEE8FA;
2138
+ --select-clear-button-pressed-bg: #E4DDF4;
2156
2139
  --select-option-default-bg: transparent;
2157
2140
  --select-option-default-fg: #3D3754;
2158
2141
  --select-option-default-border: transparent;
@@ -2490,54 +2473,54 @@
2490
2473
  --action-primary-hover-bg: #7352F8;
2491
2474
  --action-primary-hover-fg: #FFFFFF;
2492
2475
  --action-primary-hover-border: #7352F8;
2493
- --action-primary-active-bg: #5037C8;
2494
- --action-primary-active-fg: #FFFFFF;
2495
- --action-primary-active-border: #5037C8;
2476
+ --action-primary-pressed-bg: #5037C8;
2477
+ --action-primary-pressed-fg: #FFFFFF;
2478
+ --action-primary-pressed-border: #5037C8;
2496
2479
  --action-primary-muted-bg: #342580;
2497
2480
  --action-primary-muted-fg: #FFFFFF;
2498
2481
  --action-primary-muted-border: #5037C8;
2499
2482
  --action-primary-subtle-bg: #D4CCFF;
2500
2483
  --action-primary-subtle-fg: #402C9F;
2501
2484
  --action-primary-subtle-border: transparent;
2502
- --action-secondary-default-bg: #1FBEDB;
2503
- --action-secondary-default-fg: #000000;
2504
- --action-secondary-default-border: #1FBEDB;
2505
- --action-secondary-hover-bg: #3ED5EE;
2506
- --action-secondary-hover-fg: #000000;
2507
- --action-secondary-hover-border: #3ED5EE;
2508
- --action-secondary-active-bg: #0F9BB8;
2509
- --action-secondary-active-fg: #000000;
2510
- --action-secondary-active-border: #0F9BB8;
2511
- --action-secondary-muted-bg: #094C5E;
2512
- --action-secondary-muted-fg: #FFFFFF;
2513
- --action-secondary-muted-border: #0B7D95;
2514
- --action-secondary-subtle-bg: #B4F4FD;
2515
- --action-secondary-subtle-fg: #0A6175;
2516
- --action-secondary-subtle-border: transparent;
2517
- --action-close-default-bg: #BBB2D2;
2518
- --action-close-default-fg: #000000;
2519
- --action-close-default-border: #BBB2D2;
2520
- --action-close-hover-bg: #E4DDF4;
2521
- --action-close-hover-fg: #000000;
2522
- --action-close-hover-border: #E4DDF4;
2523
- --action-close-active-bg: #6B6386;
2524
- --action-close-active-fg: #FFFFFF;
2525
- --action-close-active-border: #6B6386;
2526
- --action-close-muted-bg: #231F31;
2527
- --action-close-muted-fg: #FFFFFF;
2528
- --action-close-muted-border: #3D3754;
2529
- --action-close-subtle-bg: #EEE8FA;
2530
- --action-close-subtle-fg: #BBB2D2;
2531
- --action-close-subtle-border: transparent;
2485
+ --action-accent-default-bg: #1FBEDB;
2486
+ --action-accent-default-fg: #000000;
2487
+ --action-accent-default-border: #1FBEDB;
2488
+ --action-accent-hover-bg: #3ED5EE;
2489
+ --action-accent-hover-fg: #000000;
2490
+ --action-accent-hover-border: #3ED5EE;
2491
+ --action-accent-pressed-bg: #0F9BB8;
2492
+ --action-accent-pressed-fg: #000000;
2493
+ --action-accent-pressed-border: #0F9BB8;
2494
+ --action-accent-muted-bg: #094C5E;
2495
+ --action-accent-muted-fg: #FFFFFF;
2496
+ --action-accent-muted-border: #0B7D95;
2497
+ --action-accent-subtle-bg: #B4F4FD;
2498
+ --action-accent-subtle-fg: #0A6175;
2499
+ --action-accent-subtle-border: transparent;
2500
+ --action-neutral-default-bg: #BBB2D2;
2501
+ --action-neutral-default-fg: #000000;
2502
+ --action-neutral-default-border: #BBB2D2;
2503
+ --action-neutral-hover-bg: #E4DDF4;
2504
+ --action-neutral-hover-fg: #000000;
2505
+ --action-neutral-hover-border: #E4DDF4;
2506
+ --action-neutral-pressed-bg: #6B6386;
2507
+ --action-neutral-pressed-fg: #FFFFFF;
2508
+ --action-neutral-pressed-border: #6B6386;
2509
+ --action-neutral-muted-bg: #231F31;
2510
+ --action-neutral-muted-fg: #FFFFFF;
2511
+ --action-neutral-muted-border: #3D3754;
2512
+ --action-neutral-subtle-bg: #EEE8FA;
2513
+ --action-neutral-subtle-fg: #BBB2D2;
2514
+ --action-neutral-subtle-border: transparent;
2532
2515
  --action-danger-default-bg: #E11D48;
2533
2516
  --action-danger-default-fg: #FFFFFF;
2534
2517
  --action-danger-default-border: #E11D48;
2535
2518
  --action-danger-hover-bg: #F43F5E;
2536
2519
  --action-danger-hover-fg: #FFFFFF;
2537
2520
  --action-danger-hover-border: #F43F5E;
2538
- --action-danger-active-bg: #BE123C;
2539
- --action-danger-active-fg: #FFFFFF;
2540
- --action-danger-active-border: #BE123C;
2521
+ --action-danger-pressed-bg: #BE123C;
2522
+ --action-danger-pressed-fg: #FFFFFF;
2523
+ --action-danger-pressed-border: #BE123C;
2541
2524
  --action-danger-muted-bg: #881337;
2542
2525
  --action-danger-muted-fg: #FECDD3;
2543
2526
  --action-danger-muted-border: #BE123C;
@@ -2550,16 +2533,16 @@
2550
2533
  --border-strong: #6B6386;
2551
2534
  --border-elevated: #4F4867;
2552
2535
  --border-disabled: #3D3754;
2553
- --border-focus: #B8A8FF;
2536
+ --border-interactive: #B8A8FF;
2554
2537
  --control-default-bg: #2F2A42;
2555
2538
  --control-default-fg: #F4F1FB;
2556
2539
  --control-default-border: #4F4867;
2557
2540
  --control-hover-bg: #2F2A42;
2558
2541
  --control-hover-fg: #B8A8FF;
2559
2542
  --control-hover-border: #B8A8FF;
2560
- --control-active-bg: #3D3754;
2561
- --control-active-fg: #B8A8FF;
2562
- --control-active-border: #B8A8FF;
2543
+ --control-pressed-bg: #3D3754;
2544
+ --control-pressed-fg: #B8A8FF;
2545
+ --control-pressed-border: #B8A8FF;
2563
2546
  --control-disabled-bg: #2F2A42;
2564
2547
  --control-disabled-fg: #6B6386;
2565
2548
  --control-disabled-border: #3D3754;
@@ -2569,9 +2552,9 @@
2569
2552
  --control-selected-hover-bg: #9B7CFF;
2570
2553
  --control-selected-hover-fg: #FFFFFF;
2571
2554
  --control-selected-hover-border: #9B7CFF;
2572
- --control-selected-active-bg: #6346E8;
2573
- --control-selected-active-fg: #FFFFFF;
2574
- --control-selected-active-border: #6346E8;
2555
+ --control-selected-pressed-bg: #6346E8;
2556
+ --control-selected-pressed-fg: #FFFFFF;
2557
+ --control-selected-pressed-border: #6346E8;
2575
2558
  --control-selected-muted-bg: #402C9F;
2576
2559
  --control-selected-muted-fg: #E9E6FF;
2577
2560
  --control-selected-muted-border: #6346E8;
@@ -2581,15 +2564,15 @@
2581
2564
  --focus-ring-color: #B8A8FF;
2582
2565
  --focus-ring-width: 2px;
2583
2566
  --focus-ring-shadow: 0 0 8px rgba(184, 168, 255, 0.14);
2584
- --focus-ring-offset: #181521;
2567
+ --focus-ring-offset-color: #181521;
2585
2568
  --icons-default: #F4F1FB;
2586
2569
  --icons-secondary: #E5E7EB;
2587
2570
  --icons-muted: #958CB0;
2588
2571
  --icons-subtle: #6B6386;
2589
2572
  --icons-disabled: #6B6386;
2590
- --icons-primary: #B8A8FF;
2573
+ --icons-interactive: #B8A8FF;
2591
2574
  --icons-brand: #B8A8FF;
2592
- --icons-hover: #D4CCFF;
2575
+ --icons-interactive-hover: #D4CCFF;
2593
2576
  --icons-success: #2DD4BF;
2594
2577
  --icons-danger: #FB7185;
2595
2578
  --icons-inverse: #000000;
@@ -2613,29 +2596,14 @@
2613
2596
  --menu-item-danger-active-fg: #FB7185;
2614
2597
  --menu-item-danger-disabled-bg: transparent;
2615
2598
  --menu-item-danger-disabled-fg: #6B6386;
2616
- --navigation-hover-bg: #2F2A42;
2617
- --navigation-hover-fg: #F4F1FB;
2618
- --navigation-active-bg: #3D3754;
2619
- --navigation-active-fg: #F4F1FB;
2620
- --navigation-brand-hover-bg: #2F2A42;
2621
- --navigation-brand-hover-fg: #D4CCFF;
2622
- --navigation-tab-hover-fg: #D4CCFF;
2623
- --navigation-tab-focus-ring: #F59E0B;
2624
- --navigation-option-hover-bg: #2F2A42;
2625
- --navigation-option-hover-fg: #F4F1FB;
2626
- --navigation-option-active-bg: #3D3754;
2627
- --navigation-option-active-fg: #F4F1FB;
2628
- --navigation-trigger-hover-bg: #2F2A42;
2629
- --navigation-trigger-hover-fg: #F4F1FB;
2630
- --navigation-border: #3D3754;
2631
2599
  --overlay-backdrop: rgba(0, 0, 0, 0.72);
2632
2600
  --overlay-tooltip-bg: #2F2A42;
2633
2601
  --overlay-tooltip-fg: #F4F1FB;
2634
2602
  --overlay-tooltip-border: #4F4867;
2635
- --overlay-popover-bg: #242034;
2636
- --overlay-popover-border: #3D3754;
2637
- --overlay-modal-bg: #242034;
2638
- --overlay-modal-border: #3D3754;
2603
+ --overlay-floating-bg: #242034;
2604
+ --overlay-floating-border: #3D3754;
2605
+ --overlay-dialog-bg: #242034;
2606
+ --overlay-dialog-border: #3D3754;
2639
2607
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.12);
2640
2608
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.22);
2641
2609
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
@@ -2647,28 +2615,27 @@
2647
2615
  --status-success-bg: rgba(52, 211, 153, 0.14);
2648
2616
  --status-success-border: #2DD4BF;
2649
2617
  --status-success-ring: #5EEAD4;
2650
- --status-success-strong: #0F9E94;
2618
+ --status-success-emphasis-fg: #0F9E94;
2651
2619
  --status-error-fg: #FB7185;
2652
2620
  --status-error-bg: rgba(251, 113, 133, 0.16);
2653
2621
  --status-error-border: #FB7185;
2654
2622
  --status-error-ring: #FB7185;
2655
- --status-error-strong: #E11D48;
2623
+ --status-error-emphasis-fg: #E11D48;
2656
2624
  --status-warning-fg: #FBBF24;
2657
2625
  --status-warning-bg: rgba(251, 191, 36, 0.14);
2658
2626
  --status-warning-border: #FBBF24;
2659
- --status-warning-ring: #FB7185;
2660
- --status-warning-strong: #D97706;
2627
+ --status-warning-ring: #FCD34D;
2628
+ --status-warning-emphasis-fg: #D97706;
2661
2629
  --status-info-fg: #7DD3FC;
2662
2630
  --status-info-bg: rgba(56, 189, 248, 0.14);
2663
2631
  --status-info-border: #7DD3FC;
2664
- --status-info-ring: #FB7185;
2665
- --status-info-strong: #0369A1;
2632
+ --status-info-ring: #7DD3FC;
2633
+ --status-info-emphasis-fg: #0369A1;
2666
2634
  --surface-canvas: #000000;
2667
2635
  --surface-default: #181521;
2668
2636
  --surface-muted: #231F31;
2669
2637
  --surface-subtle: #242034;
2670
2638
  --surface-elevated: #2F2A42;
2671
- --surface-background: #181521;
2672
2639
  --surface-hover: #2F2A42;
2673
2640
  --surface-active: #3D3754;
2674
2641
  --surface-pressed: #4F4867;
@@ -2677,13 +2644,13 @@
2677
2644
  --surface-inverse: #FFFFFF;
2678
2645
  --text-primary: #F4F1FB;
2679
2646
  --text-secondary: #BBB2D2;
2680
- --text-muted: #958CB0;
2681
- --text-subtle: #9CA3AF;
2647
+ --text-muted: #9CA3AF;
2648
+ --text-subtle: #958CB0;
2682
2649
  --text-disabled: #6B6386;
2683
2650
  --text-brand: #B8A8FF;
2684
2651
  --text-interactive: #B8A8FF;
2685
2652
  --text-interactive-hover: #9B7CFF;
2686
- --text-interactive-active: #7352F8;
2653
+ --text-interactive-pressed: #7352F8;
2687
2654
  --text-inverse: #000000;
2688
2655
  --accordion-root-bg: #181521;
2689
2656
  --accordion-root-border: #3D3754;
@@ -3249,14 +3216,14 @@
3249
3216
  --dropdown-item-danger-disabled-fg: #6B6386;
3250
3217
  --dropdown-group-label-fg: #BBB2D2;
3251
3218
  --dropdown-separator-bg: #3D3754;
3252
- --dropdown-separator-fg: #958CB0;
3219
+ --dropdown-separator-fg: #9CA3AF;
3253
3220
  --form-field-label-fg: #F4F1FB;
3254
3221
  --form-field-optional-fg: #BBB2D2;
3255
3222
  --form-field-label-info-fg: #BBB2D2;
3256
3223
  --form-field-label-info-border: #BBB2D2;
3257
3224
  --form-field-label-info-radius: 999px;
3258
3225
  --form-field-description-fg: #BBB2D2;
3259
- --form-field-helper-text-default-fg: #958CB0;
3226
+ --form-field-helper-text-default-fg: #9CA3AF;
3260
3227
  --form-field-helper-text-error-fg: #FB7185;
3261
3228
  --form-field-helper-text-success-fg: #2DD4BF;
3262
3229
  --form-field-helper-text-warning-fg: #FBBF24;
@@ -3557,7 +3524,7 @@
3557
3524
  --input-read-only-bg: #242034;
3558
3525
  --input-read-only-fg: #BBB2D2;
3559
3526
  --input-read-only-border: #3D3754;
3560
- --input-read-only-placeholder: #958CB0;
3527
+ --input-read-only-placeholder: #9CA3AF;
3561
3528
  --input-read-only-icon: #958CB0;
3562
3529
  --input-icon-default: #F4F1FB;
3563
3530
  --input-icon-primary: #B8A8FF;
@@ -3571,7 +3538,7 @@
3571
3538
  --input-clear-button-hover-fg: #FB7185;
3572
3539
  --input-clear-button-hover-bg: rgba(251, 113, 133, 0.16);
3573
3540
  --input-clear-button-focus-bg: #242034;
3574
- --input-clear-button-pressed-bg: #3D3754;
3541
+ --input-clear-button-pressed-bg: #4F4867;
3575
3542
  --input-reveal-button-fg: #F4F1FB;
3576
3543
  --input-reveal-button-hover-fg: #F4F1FB;
3577
3544
  --input-reveal-button-hover-bg: #2F2A42;
@@ -3620,7 +3587,7 @@
3620
3587
  --modal-close-button-hover-bg: #2F2A42;
3621
3588
  --modal-close-button-hover-fg: #F4F1FB;
3622
3589
  --modal-close-button-hover-border: transparent;
3623
- --modal-close-button-pressed-bg: #3D3754;
3590
+ --modal-close-button-pressed-bg: #4F4867;
3624
3591
  --modal-close-button-pressed-fg: #F4F1FB;
3625
3592
  --modal-close-button-pressed-border: transparent;
3626
3593
  --modal-close-button-focus-ring-color: #B8A8FF;
@@ -3676,8 +3643,7 @@
3676
3643
  --radio-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
3677
3644
  --radio-motion-indicator-duration: 180ms;
3678
3645
  --radio-motion-selected-duration: 260ms;
3679
- --radio-motion-pressed-scale: 0.96;
3680
- --radio-motion-active-scale: 0.92;
3646
+ --radio-motion-pressed-scale: 0.92;
3681
3647
  --radio-motion-pressed-opacity: 0.8;
3682
3648
  --radio-default-bg: #2F2A42;
3683
3649
  --radio-default-fg: #F4F1FB;
@@ -4462,7 +4428,7 @@
4462
4428
  --select-clear-button-hover-fg: #FB7185;
4463
4429
  --select-clear-button-hover-bg: rgba(251, 113, 133, 0.16);
4464
4430
  --select-clear-button-focus-bg: #242034;
4465
- --select-clear-button-pressed-bg: #3D3754;
4431
+ --select-clear-button-pressed-bg: #4F4867;
4466
4432
  --select-option-default-bg: transparent;
4467
4433
  --select-option-default-fg: #F4F1FB;
4468
4434
  --select-option-default-border: transparent;
@@ -4800,54 +4766,54 @@
4800
4766
  --action-primary-hover-bg: #9B7CFF;
4801
4767
  --action-primary-hover-fg: #000000;
4802
4768
  --action-primary-hover-border: #D4CCFF;
4803
- --action-primary-active-bg: #6346E8;
4804
- --action-primary-active-fg: #FFFFFF;
4805
- --action-primary-active-border: #B8A8FF;
4769
+ --action-primary-pressed-bg: #6346E8;
4770
+ --action-primary-pressed-fg: #FFFFFF;
4771
+ --action-primary-pressed-border: #B8A8FF;
4806
4772
  --action-primary-muted-bg: #21164F;
4807
4773
  --action-primary-muted-fg: #E9E6FF;
4808
4774
  --action-primary-muted-border: #B8A8FF;
4809
4775
  --action-primary-subtle-bg: #111827;
4810
4776
  --action-primary-subtle-fg: #D4CCFF;
4811
4777
  --action-primary-subtle-border: transparent;
4812
- --action-secondary-default-bg: #79E8F8;
4813
- --action-secondary-default-fg: #000000;
4814
- --action-secondary-default-border: #FFFFFF;
4815
- --action-secondary-hover-bg: #B4F4FD;
4816
- --action-secondary-hover-fg: #000000;
4817
- --action-secondary-hover-border: #79E8F8;
4818
- --action-secondary-active-bg: #3ED5EE;
4819
- --action-secondary-active-fg: #000000;
4820
- --action-secondary-active-border: #FCD34D;
4821
- --action-secondary-muted-bg: #062F3B;
4822
- --action-secondary-muted-fg: #D9FBFF;
4823
- --action-secondary-muted-border: #79E8F8;
4824
- --action-secondary-subtle-bg: #111827;
4825
- --action-secondary-subtle-fg: #B4F4FD;
4826
- --action-secondary-subtle-border: transparent;
4827
- --action-close-default-bg: #FFFFFF;
4828
- --action-close-default-fg: #000000;
4829
- --action-close-default-border: #000000;
4830
- --action-close-hover-bg: #E5E7EB;
4831
- --action-close-hover-fg: #000000;
4832
- --action-close-hover-border: #0B1120;
4833
- --action-close-active-bg: #9CA3AF;
4834
- --action-close-active-fg: #000000;
4835
- --action-close-active-border: #0B1120;
4836
- --action-close-muted-bg: #1F2937;
4837
- --action-close-muted-fg: #FFFFFF;
4838
- --action-close-muted-border: #D1D5DB;
4839
- --action-close-subtle-bg: #111827;
4840
- --action-close-subtle-fg: #FFFFFF;
4841
- --action-close-subtle-border: transparent;
4778
+ --action-accent-default-bg: #79E8F8;
4779
+ --action-accent-default-fg: #000000;
4780
+ --action-accent-default-border: #FFFFFF;
4781
+ --action-accent-hover-bg: #B4F4FD;
4782
+ --action-accent-hover-fg: #000000;
4783
+ --action-accent-hover-border: #79E8F8;
4784
+ --action-accent-pressed-bg: #3ED5EE;
4785
+ --action-accent-pressed-fg: #000000;
4786
+ --action-accent-pressed-border: #FCD34D;
4787
+ --action-accent-muted-bg: #062F3B;
4788
+ --action-accent-muted-fg: #D9FBFF;
4789
+ --action-accent-muted-border: #79E8F8;
4790
+ --action-accent-subtle-bg: #111827;
4791
+ --action-accent-subtle-fg: #B4F4FD;
4792
+ --action-accent-subtle-border: transparent;
4793
+ --action-neutral-default-bg: #FFFFFF;
4794
+ --action-neutral-default-fg: #000000;
4795
+ --action-neutral-default-border: #000000;
4796
+ --action-neutral-hover-bg: #E5E7EB;
4797
+ --action-neutral-hover-fg: #000000;
4798
+ --action-neutral-hover-border: #0B1120;
4799
+ --action-neutral-pressed-bg: #9CA3AF;
4800
+ --action-neutral-pressed-fg: #000000;
4801
+ --action-neutral-pressed-border: #0B1120;
4802
+ --action-neutral-muted-bg: #1F2937;
4803
+ --action-neutral-muted-fg: #FFFFFF;
4804
+ --action-neutral-muted-border: #D1D5DB;
4805
+ --action-neutral-subtle-bg: #111827;
4806
+ --action-neutral-subtle-fg: #FFFFFF;
4807
+ --action-neutral-subtle-border: transparent;
4842
4808
  --action-danger-default-bg: #E11D48;
4843
4809
  --action-danger-default-fg: #FFFFFF;
4844
4810
  --action-danger-default-border: #FFFFFF;
4845
4811
  --action-danger-hover-bg: #F43F5E;
4846
4812
  --action-danger-hover-fg: #000000;
4847
4813
  --action-danger-hover-border: #FCD34D;
4848
- --action-danger-active-bg: #BE123C;
4849
- --action-danger-active-fg: #FFFFFF;
4850
- --action-danger-active-border: #FCD34D;
4814
+ --action-danger-pressed-bg: #BE123C;
4815
+ --action-danger-pressed-fg: #FFFFFF;
4816
+ --action-danger-pressed-border: #FCD34D;
4851
4817
  --action-danger-muted-bg: #4C0519;
4852
4818
  --action-danger-muted-fg: #FECDD3;
4853
4819
  --action-danger-muted-border: #FDA4AF;
@@ -4860,16 +4826,16 @@
4860
4826
  --border-strong: #FCD34D;
4861
4827
  --border-elevated: #D1D5DB;
4862
4828
  --border-disabled: #4B5563;
4863
- --border-focus: #FCD34D;
4829
+ --border-interactive: #FCD34D;
4864
4830
  --control-default-bg: #000000;
4865
4831
  --control-default-fg: #FFFFFF;
4866
4832
  --control-default-border: #9CA3AF;
4867
4833
  --control-hover-bg: #374151;
4868
4834
  --control-hover-fg: #FBBF24;
4869
4835
  --control-hover-border: #FCD34D;
4870
- --control-active-bg: #374151;
4871
- --control-active-fg: #FFFFFF;
4872
- --control-active-border: #FDE68A;
4836
+ --control-pressed-bg: #374151;
4837
+ --control-pressed-fg: #FFFFFF;
4838
+ --control-pressed-border: #FDE68A;
4873
4839
  --control-disabled-bg: #111827;
4874
4840
  --control-disabled-fg: #6B7280;
4875
4841
  --control-disabled-border: #4B5563;
@@ -4879,9 +4845,9 @@
4879
4845
  --control-selected-hover-bg: #FDE68A;
4880
4846
  --control-selected-hover-fg: #000000;
4881
4847
  --control-selected-hover-border: #FDE68A;
4882
- --control-selected-active-bg: #FBBF24;
4883
- --control-selected-active-fg: #000000;
4884
- --control-selected-active-border: #FBBF24;
4848
+ --control-selected-pressed-bg: #FBBF24;
4849
+ --control-selected-pressed-fg: #000000;
4850
+ --control-selected-pressed-border: #FBBF24;
4885
4851
  --control-selected-muted-bg: #1F2937;
4886
4852
  --control-selected-muted-fg: #FDE68A;
4887
4853
  --control-selected-muted-border: #FCD34D;
@@ -4891,15 +4857,15 @@
4891
4857
  --focus-ring-color: #FCD34D;
4892
4858
  --focus-ring-width: 2px;
4893
4859
  --focus-ring-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
4894
- --focus-ring-offset: #000000;
4860
+ --focus-ring-offset-color: #000000;
4895
4861
  --icons-default: #FFFFFF;
4896
4862
  --icons-secondary: #E5E7EB;
4897
- --icons-muted: #9CA3AF;
4898
- --icons-subtle: #D1D5DB;
4863
+ --icons-muted: #D1D5DB;
4864
+ --icons-subtle: #9CA3AF;
4899
4865
  --icons-disabled: #6B7280;
4900
- --icons-primary: #FCD34D;
4866
+ --icons-interactive: #FCD34D;
4901
4867
  --icons-brand: #FCD34D;
4902
- --icons-hover: #FDE68A;
4868
+ --icons-interactive-hover: #FDE68A;
4903
4869
  --icons-success: #5EEAD4;
4904
4870
  --icons-danger: #FDA4AF;
4905
4871
  --icons-inverse: #000000;
@@ -4923,29 +4889,14 @@
4923
4889
  --menu-item-danger-active-fg: #FFFFFF;
4924
4890
  --menu-item-danger-disabled-bg: transparent;
4925
4891
  --menu-item-danger-disabled-fg: #6B7280;
4926
- --navigation-hover-bg: #374151;
4927
- --navigation-hover-fg: #FFFFFF;
4928
- --navigation-active-bg: #374151;
4929
- --navigation-active-fg: #FFFFFF;
4930
- --navigation-brand-hover-bg: #374151;
4931
- --navigation-brand-hover-fg: #FCD34D;
4932
- --navigation-tab-hover-fg: #FCD34D;
4933
- --navigation-tab-focus-ring: #FBBF24;
4934
- --navigation-option-hover-bg: #374151;
4935
- --navigation-option-hover-fg: #FFFFFF;
4936
- --navigation-option-active-bg: #374151;
4937
- --navigation-option-active-fg: #FFFFFF;
4938
- --navigation-trigger-hover-bg: #374151;
4939
- --navigation-trigger-hover-fg: #FCD34D;
4940
- --navigation-border: #9CA3AF;
4941
4892
  --overlay-backdrop: rgba(0, 0, 0, 0.72);
4942
4893
  --overlay-tooltip-bg: #FFFFFF;
4943
4894
  --overlay-tooltip-fg: #000000;
4944
4895
  --overlay-tooltip-border: #FCD34D;
4945
- --overlay-popover-bg: #111827;
4946
- --overlay-popover-border: #9CA3AF;
4947
- --overlay-modal-bg: #111827;
4948
- --overlay-modal-border: #9CA3AF;
4896
+ --overlay-floating-bg: #111827;
4897
+ --overlay-floating-border: #9CA3AF;
4898
+ --overlay-dialog-bg: #111827;
4899
+ --overlay-dialog-border: #9CA3AF;
4949
4900
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
4950
4901
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
4951
4902
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.7);
@@ -4957,28 +4908,27 @@
4957
4908
  --status-success-bg: #042F2E;
4958
4909
  --status-success-border: #5EEAD4;
4959
4910
  --status-success-ring: #5EEAD4;
4960
- --status-success-strong: #99F6E4;
4911
+ --status-success-emphasis-fg: #99F6E4;
4961
4912
  --status-error-fg: #FB7185;
4962
4913
  --status-error-bg: #4C0519;
4963
4914
  --status-error-border: #FB7185;
4964
4915
  --status-error-ring: #FB7185;
4965
- --status-error-strong: #FECDD3;
4916
+ --status-error-emphasis-fg: #FECDD3;
4966
4917
  --status-warning-fg: #FCD34D;
4967
4918
  --status-warning-bg: #451A03;
4968
4919
  --status-warning-border: #FCD34D;
4969
4920
  --status-warning-ring: #FCD34D;
4970
- --status-warning-strong: #FDE68A;
4921
+ --status-warning-emphasis-fg: #FDE68A;
4971
4922
  --status-info-fg: #7DD3FC;
4972
4923
  --status-info-bg: #071927;
4973
4924
  --status-info-border: #7DD3FC;
4974
4925
  --status-info-ring: #7DD3FC;
4975
- --status-info-strong: #BAE6FD;
4926
+ --status-info-emphasis-fg: #BAE6FD;
4976
4927
  --surface-canvas: #000000;
4977
4928
  --surface-default: #000000;
4978
4929
  --surface-muted: #111827;
4979
4930
  --surface-subtle: #1F2937;
4980
4931
  --surface-elevated: #374151;
4981
- --surface-background: #0B1120;
4982
4932
  --surface-hover: #374151;
4983
4933
  --surface-active: #374151;
4984
4934
  --surface-pressed: #4B5563;
@@ -4993,7 +4943,7 @@
4993
4943
  --text-brand: #FBBF24;
4994
4944
  --text-interactive: #FBBF24;
4995
4945
  --text-interactive-hover: #FCD34D;
4996
- --text-interactive-active: #FDE68A;
4946
+ --text-interactive-pressed: #FDE68A;
4997
4947
  --text-inverse: #000000;
4998
4948
  --accordion-root-bg: #000000;
4999
4949
  --accordion-root-border: #6B7280;
@@ -5868,20 +5818,20 @@
5868
5818
  --input-read-only-fg: #EEE8FA;
5869
5819
  --input-read-only-border: #6B7280;
5870
5820
  --input-read-only-placeholder: #D1D5DB;
5871
- --input-read-only-icon: #9CA3AF;
5821
+ --input-read-only-icon: #D1D5DB;
5872
5822
  --input-icon-default: #FFFFFF;
5873
5823
  --input-icon-primary: #FCD34D;
5874
5824
  --input-icon-secondary: #E5E7EB;
5875
5825
  --input-icon-success: #5EEAD4;
5876
5826
  --input-icon-danger: #FDA4AF;
5877
- --input-icon-muted: #9CA3AF;
5827
+ --input-icon-muted: #D1D5DB;
5878
5828
  --input-icon-inverse: #000000;
5879
5829
  --input-icon-brand: #FCD34D;
5880
- --input-clear-button-fg: #9CA3AF;
5830
+ --input-clear-button-fg: #D1D5DB;
5881
5831
  --input-clear-button-hover-fg: #FB7185;
5882
5832
  --input-clear-button-hover-bg: #4C0519;
5883
5833
  --input-clear-button-focus-bg: #1F2937;
5884
- --input-clear-button-pressed-bg: #374151;
5834
+ --input-clear-button-pressed-bg: #4B5563;
5885
5835
  --input-reveal-button-fg: #FFFFFF;
5886
5836
  --input-reveal-button-hover-fg: #FFFFFF;
5887
5837
  --input-reveal-button-hover-bg: #374151;
@@ -5890,7 +5840,7 @@
5890
5840
  --input-addon-border: #9CA3AF;
5891
5841
  --input-affix-fg: #FFFFFF;
5892
5842
  --input-counter-fg: #EEE8FA;
5893
- --input-spinner-fg: #9CA3AF;
5843
+ --input-spinner-fg: #D1D5DB;
5894
5844
  --modal-overlay-bg: rgba(0, 0, 0, 0.72);
5895
5845
  --modal-overlay-blur: 4px;
5896
5846
  --modal-overlay-animation-duration: 180ms;
@@ -5986,8 +5936,7 @@
5986
5936
  --radio-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
5987
5937
  --radio-motion-indicator-duration: 180ms;
5988
5938
  --radio-motion-selected-duration: 260ms;
5989
- --radio-motion-pressed-scale: 0.96;
5990
- --radio-motion-active-scale: 0.92;
5939
+ --radio-motion-pressed-scale: 0.92;
5991
5940
  --radio-motion-pressed-opacity: 0.8;
5992
5941
  --radio-default-bg: #000000;
5993
5942
  --radio-default-fg: #FFFFFF;
@@ -6768,11 +6717,11 @@
6768
6717
  --select-dropdown-empty-fg: #EEE8FA;
6769
6718
  --select-dropdown-group-label-fg: #B8A8FF;
6770
6719
  --select-dropdown-separator-bg: #6B7280;
6771
- --select-clear-button-fg: #9CA3AF;
6720
+ --select-clear-button-fg: #D1D5DB;
6772
6721
  --select-clear-button-hover-fg: #FB7185;
6773
6722
  --select-clear-button-hover-bg: #4C0519;
6774
6723
  --select-clear-button-focus-bg: #1F2937;
6775
- --select-clear-button-pressed-bg: #374151;
6724
+ --select-clear-button-pressed-bg: #4B5563;
6776
6725
  --select-option-default-bg: transparent;
6777
6726
  --select-option-default-fg: #FFFFFF;
6778
6727
  --select-option-default-border: transparent;