@vellira-ui/tokens 2.98.5 → 2.98.6

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 (56) hide show
  1. package/dist/css/tokens.css +66 -69
  2. package/dist/dark/components/input.d.ts +1 -1
  3. package/dist/dark/components/input.js +1 -1
  4. package/dist/dark/components/radio.d.ts +1 -2
  5. package/dist/dark/components/radio.d.ts.map +1 -1
  6. package/dist/dark/components/radio.js +1 -1
  7. package/dist/dark/components/select.d.ts +1 -1
  8. package/dist/dark/components/select.js +1 -1
  9. package/dist/dark/semantic/action.d.ts +4 -4
  10. package/dist/dark/semantic/action.js +4 -4
  11. package/dist/dark/semantic/control.d.ts +2 -2
  12. package/dist/dark/semantic/control.js +2 -2
  13. package/dist/dark/semantic/text.d.ts +1 -1
  14. package/dist/dark/semantic/text.js +1 -1
  15. package/dist/factories/createRadioPalette.d.ts +1 -2
  16. package/dist/factories/createRadioPalette.d.ts.map +1 -1
  17. package/dist/factories/createRadioPalette.js +1 -2
  18. package/dist/factories/createSwitchTokens.d.ts +1 -1
  19. package/dist/factories/createSwitchTokens.d.ts.map +1 -1
  20. package/dist/factories/createSwitchTokens.js +3 -3
  21. package/dist/generated/token-types.d.ts +5 -5
  22. package/dist/generated/token-types.d.ts.map +1 -1
  23. package/dist/generated/token-types.js +76 -80
  24. package/dist/highContrast/components/input.d.ts +1 -1
  25. package/dist/highContrast/components/input.js +1 -1
  26. package/dist/highContrast/components/radio.d.ts +1 -2
  27. package/dist/highContrast/components/radio.d.ts.map +1 -1
  28. package/dist/highContrast/components/radio.js +1 -1
  29. package/dist/highContrast/components/select.d.ts +1 -1
  30. package/dist/highContrast/components/select.js +1 -1
  31. package/dist/highContrast/semantic/action.d.ts +4 -4
  32. package/dist/highContrast/semantic/action.js +4 -4
  33. package/dist/highContrast/semantic/control.d.ts +2 -2
  34. package/dist/highContrast/semantic/control.js +2 -2
  35. package/dist/highContrast/semantic/text.d.ts +1 -1
  36. package/dist/highContrast/semantic/text.js +1 -1
  37. package/dist/light/components/input.d.ts +1 -1
  38. package/dist/light/components/input.js +1 -1
  39. package/dist/light/components/radio.d.ts +1 -2
  40. package/dist/light/components/radio.d.ts.map +1 -1
  41. package/dist/light/components/radio.js +1 -1
  42. package/dist/light/components/select.d.ts +1 -1
  43. package/dist/light/components/select.js +1 -1
  44. package/dist/light/semantic/action.d.ts +4 -4
  45. package/dist/light/semantic/action.js +4 -4
  46. package/dist/light/semantic/control.d.ts +2 -2
  47. package/dist/light/semantic/control.js +2 -2
  48. package/dist/light/semantic/text.d.ts +1 -1
  49. package/dist/light/semantic/text.js +1 -1
  50. package/dist/preservation/token-migrations.d.ts +50 -4
  51. package/dist/preservation/token-migrations.d.ts.map +1 -1
  52. package/dist/preservation/token-migrations.js +155 -19
  53. package/dist/token-architecture.d.ts +71 -3
  54. package/dist/token-architecture.d.ts.map +1 -1
  55. package/dist/token-architecture.js +88 -3
  56. package/package.json +1 -1
@@ -180,9 +180,9 @@
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;
@@ -195,9 +195,9 @@
195
195
  --action-secondary-hover-bg: #0A6175;
196
196
  --action-secondary-hover-fg: #FFFFFF;
197
197
  --action-secondary-hover-border: #0A6175;
198
- --action-secondary-active-bg: #094C5E;
199
- --action-secondary-active-fg: #FFFFFF;
200
- --action-secondary-active-border: #094C5E;
198
+ --action-secondary-pressed-bg: #094C5E;
199
+ --action-secondary-pressed-fg: #FFFFFF;
200
+ --action-secondary-pressed-border: #094C5E;
201
201
  --action-secondary-muted-bg: #D9FBFF;
202
202
  --action-secondary-muted-fg: #094C5E;
203
203
  --action-secondary-muted-border: #79E8F8;
@@ -210,9 +210,9 @@
210
210
  --action-close-hover-bg: #BBB2D2;
211
211
  --action-close-hover-fg: #181521;
212
212
  --action-close-hover-border: #BBB2D2;
213
- --action-close-active-bg: #958CB0;
214
- --action-close-active-fg: #FFFFFF;
215
- --action-close-active-border: #958CB0;
213
+ --action-close-pressed-bg: #958CB0;
214
+ --action-close-pressed-fg: #FFFFFF;
215
+ --action-close-pressed-border: #958CB0;
216
216
  --action-close-muted-bg: #EEE8FA;
217
217
  --action-close-muted-fg: #2F2A42;
218
218
  --action-close-muted-border: #BBB2D2;
@@ -225,9 +225,9 @@
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;
@@ -247,9 +247,9 @@
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;
@@ -373,7 +373,7 @@
373
373
  --text-brand: #5037C8;
374
374
  --text-interactive: #5037C8;
375
375
  --text-interactive-hover: #402C9F;
376
- --text-interactive-active: #342580;
376
+ --text-interactive-pressed: #342580;
377
377
  --text-inverse: #FFFFFF;
378
378
  --accordion-root-bg: #FAF8FF;
379
379
  --accordion-root-border: #E4DDF4;
@@ -1261,7 +1261,7 @@
1261
1261
  --input-clear-button-hover-fg: #BE123C;
1262
1262
  --input-clear-button-hover-bg: #FFE4E6;
1263
1263
  --input-clear-button-focus-bg: #FDFCFF;
1264
- --input-clear-button-pressed-bg: #EEE8FA;
1264
+ --input-clear-button-pressed-bg: #E4DDF4;
1265
1265
  --input-reveal-button-fg: #3D3754;
1266
1266
  --input-reveal-button-hover-fg: #3D3754;
1267
1267
  --input-reveal-button-hover-bg: #F4F1FB;
@@ -1366,8 +1366,7 @@
1366
1366
  --radio-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
1367
1367
  --radio-motion-indicator-duration: 180ms;
1368
1368
  --radio-motion-selected-duration: 260ms;
1369
- --radio-motion-pressed-scale: 0.96;
1370
- --radio-motion-active-scale: 0.92;
1369
+ --radio-motion-pressed-scale: 0.92;
1371
1370
  --radio-motion-pressed-opacity: 0.8;
1372
1371
  --radio-default-bg: #FFFFFF;
1373
1372
  --radio-default-fg: #3D3754;
@@ -2152,7 +2151,7 @@
2152
2151
  --select-clear-button-hover-fg: #BE123C;
2153
2152
  --select-clear-button-hover-bg: #FFE4E6;
2154
2153
  --select-clear-button-focus-bg: #FDFCFF;
2155
- --select-clear-button-pressed-bg: #EEE8FA;
2154
+ --select-clear-button-pressed-bg: #E4DDF4;
2156
2155
  --select-option-default-bg: transparent;
2157
2156
  --select-option-default-fg: #3D3754;
2158
2157
  --select-option-default-border: transparent;
@@ -2490,9 +2489,9 @@
2490
2489
  --action-primary-hover-bg: #7352F8;
2491
2490
  --action-primary-hover-fg: #FFFFFF;
2492
2491
  --action-primary-hover-border: #7352F8;
2493
- --action-primary-active-bg: #5037C8;
2494
- --action-primary-active-fg: #FFFFFF;
2495
- --action-primary-active-border: #5037C8;
2492
+ --action-primary-pressed-bg: #5037C8;
2493
+ --action-primary-pressed-fg: #FFFFFF;
2494
+ --action-primary-pressed-border: #5037C8;
2496
2495
  --action-primary-muted-bg: #342580;
2497
2496
  --action-primary-muted-fg: #FFFFFF;
2498
2497
  --action-primary-muted-border: #5037C8;
@@ -2505,9 +2504,9 @@
2505
2504
  --action-secondary-hover-bg: #3ED5EE;
2506
2505
  --action-secondary-hover-fg: #000000;
2507
2506
  --action-secondary-hover-border: #3ED5EE;
2508
- --action-secondary-active-bg: #0F9BB8;
2509
- --action-secondary-active-fg: #000000;
2510
- --action-secondary-active-border: #0F9BB8;
2507
+ --action-secondary-pressed-bg: #0F9BB8;
2508
+ --action-secondary-pressed-fg: #000000;
2509
+ --action-secondary-pressed-border: #0F9BB8;
2511
2510
  --action-secondary-muted-bg: #094C5E;
2512
2511
  --action-secondary-muted-fg: #FFFFFF;
2513
2512
  --action-secondary-muted-border: #0B7D95;
@@ -2520,9 +2519,9 @@
2520
2519
  --action-close-hover-bg: #E4DDF4;
2521
2520
  --action-close-hover-fg: #000000;
2522
2521
  --action-close-hover-border: #E4DDF4;
2523
- --action-close-active-bg: #6B6386;
2524
- --action-close-active-fg: #FFFFFF;
2525
- --action-close-active-border: #6B6386;
2522
+ --action-close-pressed-bg: #6B6386;
2523
+ --action-close-pressed-fg: #FFFFFF;
2524
+ --action-close-pressed-border: #6B6386;
2526
2525
  --action-close-muted-bg: #231F31;
2527
2526
  --action-close-muted-fg: #FFFFFF;
2528
2527
  --action-close-muted-border: #3D3754;
@@ -2535,9 +2534,9 @@
2535
2534
  --action-danger-hover-bg: #F43F5E;
2536
2535
  --action-danger-hover-fg: #FFFFFF;
2537
2536
  --action-danger-hover-border: #F43F5E;
2538
- --action-danger-active-bg: #BE123C;
2539
- --action-danger-active-fg: #FFFFFF;
2540
- --action-danger-active-border: #BE123C;
2537
+ --action-danger-pressed-bg: #BE123C;
2538
+ --action-danger-pressed-fg: #FFFFFF;
2539
+ --action-danger-pressed-border: #BE123C;
2541
2540
  --action-danger-muted-bg: #881337;
2542
2541
  --action-danger-muted-fg: #FECDD3;
2543
2542
  --action-danger-muted-border: #BE123C;
@@ -2557,9 +2556,9 @@
2557
2556
  --control-hover-bg: #2F2A42;
2558
2557
  --control-hover-fg: #B8A8FF;
2559
2558
  --control-hover-border: #B8A8FF;
2560
- --control-active-bg: #3D3754;
2561
- --control-active-fg: #B8A8FF;
2562
- --control-active-border: #B8A8FF;
2559
+ --control-pressed-bg: #3D3754;
2560
+ --control-pressed-fg: #B8A8FF;
2561
+ --control-pressed-border: #B8A8FF;
2563
2562
  --control-disabled-bg: #2F2A42;
2564
2563
  --control-disabled-fg: #6B6386;
2565
2564
  --control-disabled-border: #3D3754;
@@ -2569,9 +2568,9 @@
2569
2568
  --control-selected-hover-bg: #9B7CFF;
2570
2569
  --control-selected-hover-fg: #FFFFFF;
2571
2570
  --control-selected-hover-border: #9B7CFF;
2572
- --control-selected-active-bg: #6346E8;
2573
- --control-selected-active-fg: #FFFFFF;
2574
- --control-selected-active-border: #6346E8;
2571
+ --control-selected-pressed-bg: #6346E8;
2572
+ --control-selected-pressed-fg: #FFFFFF;
2573
+ --control-selected-pressed-border: #6346E8;
2575
2574
  --control-selected-muted-bg: #402C9F;
2576
2575
  --control-selected-muted-fg: #E9E6FF;
2577
2576
  --control-selected-muted-border: #6346E8;
@@ -2683,7 +2682,7 @@
2683
2682
  --text-brand: #B8A8FF;
2684
2683
  --text-interactive: #B8A8FF;
2685
2684
  --text-interactive-hover: #9B7CFF;
2686
- --text-interactive-active: #7352F8;
2685
+ --text-interactive-pressed: #7352F8;
2687
2686
  --text-inverse: #000000;
2688
2687
  --accordion-root-bg: #181521;
2689
2688
  --accordion-root-border: #3D3754;
@@ -3571,7 +3570,7 @@
3571
3570
  --input-clear-button-hover-fg: #FB7185;
3572
3571
  --input-clear-button-hover-bg: rgba(251, 113, 133, 0.16);
3573
3572
  --input-clear-button-focus-bg: #242034;
3574
- --input-clear-button-pressed-bg: #3D3754;
3573
+ --input-clear-button-pressed-bg: #4F4867;
3575
3574
  --input-reveal-button-fg: #F4F1FB;
3576
3575
  --input-reveal-button-hover-fg: #F4F1FB;
3577
3576
  --input-reveal-button-hover-bg: #2F2A42;
@@ -3676,8 +3675,7 @@
3676
3675
  --radio-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
3677
3676
  --radio-motion-indicator-duration: 180ms;
3678
3677
  --radio-motion-selected-duration: 260ms;
3679
- --radio-motion-pressed-scale: 0.96;
3680
- --radio-motion-active-scale: 0.92;
3678
+ --radio-motion-pressed-scale: 0.92;
3681
3679
  --radio-motion-pressed-opacity: 0.8;
3682
3680
  --radio-default-bg: #2F2A42;
3683
3681
  --radio-default-fg: #F4F1FB;
@@ -4462,7 +4460,7 @@
4462
4460
  --select-clear-button-hover-fg: #FB7185;
4463
4461
  --select-clear-button-hover-bg: rgba(251, 113, 133, 0.16);
4464
4462
  --select-clear-button-focus-bg: #242034;
4465
- --select-clear-button-pressed-bg: #3D3754;
4463
+ --select-clear-button-pressed-bg: #4F4867;
4466
4464
  --select-option-default-bg: transparent;
4467
4465
  --select-option-default-fg: #F4F1FB;
4468
4466
  --select-option-default-border: transparent;
@@ -4800,9 +4798,9 @@
4800
4798
  --action-primary-hover-bg: #9B7CFF;
4801
4799
  --action-primary-hover-fg: #000000;
4802
4800
  --action-primary-hover-border: #D4CCFF;
4803
- --action-primary-active-bg: #6346E8;
4804
- --action-primary-active-fg: #FFFFFF;
4805
- --action-primary-active-border: #B8A8FF;
4801
+ --action-primary-pressed-bg: #6346E8;
4802
+ --action-primary-pressed-fg: #FFFFFF;
4803
+ --action-primary-pressed-border: #B8A8FF;
4806
4804
  --action-primary-muted-bg: #21164F;
4807
4805
  --action-primary-muted-fg: #E9E6FF;
4808
4806
  --action-primary-muted-border: #B8A8FF;
@@ -4815,9 +4813,9 @@
4815
4813
  --action-secondary-hover-bg: #B4F4FD;
4816
4814
  --action-secondary-hover-fg: #000000;
4817
4815
  --action-secondary-hover-border: #79E8F8;
4818
- --action-secondary-active-bg: #3ED5EE;
4819
- --action-secondary-active-fg: #000000;
4820
- --action-secondary-active-border: #FCD34D;
4816
+ --action-secondary-pressed-bg: #3ED5EE;
4817
+ --action-secondary-pressed-fg: #000000;
4818
+ --action-secondary-pressed-border: #FCD34D;
4821
4819
  --action-secondary-muted-bg: #062F3B;
4822
4820
  --action-secondary-muted-fg: #D9FBFF;
4823
4821
  --action-secondary-muted-border: #79E8F8;
@@ -4830,9 +4828,9 @@
4830
4828
  --action-close-hover-bg: #E5E7EB;
4831
4829
  --action-close-hover-fg: #000000;
4832
4830
  --action-close-hover-border: #0B1120;
4833
- --action-close-active-bg: #9CA3AF;
4834
- --action-close-active-fg: #000000;
4835
- --action-close-active-border: #0B1120;
4831
+ --action-close-pressed-bg: #9CA3AF;
4832
+ --action-close-pressed-fg: #000000;
4833
+ --action-close-pressed-border: #0B1120;
4836
4834
  --action-close-muted-bg: #1F2937;
4837
4835
  --action-close-muted-fg: #FFFFFF;
4838
4836
  --action-close-muted-border: #D1D5DB;
@@ -4845,9 +4843,9 @@
4845
4843
  --action-danger-hover-bg: #F43F5E;
4846
4844
  --action-danger-hover-fg: #000000;
4847
4845
  --action-danger-hover-border: #FCD34D;
4848
- --action-danger-active-bg: #BE123C;
4849
- --action-danger-active-fg: #FFFFFF;
4850
- --action-danger-active-border: #FCD34D;
4846
+ --action-danger-pressed-bg: #BE123C;
4847
+ --action-danger-pressed-fg: #FFFFFF;
4848
+ --action-danger-pressed-border: #FCD34D;
4851
4849
  --action-danger-muted-bg: #4C0519;
4852
4850
  --action-danger-muted-fg: #FECDD3;
4853
4851
  --action-danger-muted-border: #FDA4AF;
@@ -4867,9 +4865,9 @@
4867
4865
  --control-hover-bg: #374151;
4868
4866
  --control-hover-fg: #FBBF24;
4869
4867
  --control-hover-border: #FCD34D;
4870
- --control-active-bg: #374151;
4871
- --control-active-fg: #FFFFFF;
4872
- --control-active-border: #FDE68A;
4868
+ --control-pressed-bg: #374151;
4869
+ --control-pressed-fg: #FFFFFF;
4870
+ --control-pressed-border: #FDE68A;
4873
4871
  --control-disabled-bg: #111827;
4874
4872
  --control-disabled-fg: #6B7280;
4875
4873
  --control-disabled-border: #4B5563;
@@ -4879,9 +4877,9 @@
4879
4877
  --control-selected-hover-bg: #FDE68A;
4880
4878
  --control-selected-hover-fg: #000000;
4881
4879
  --control-selected-hover-border: #FDE68A;
4882
- --control-selected-active-bg: #FBBF24;
4883
- --control-selected-active-fg: #000000;
4884
- --control-selected-active-border: #FBBF24;
4880
+ --control-selected-pressed-bg: #FBBF24;
4881
+ --control-selected-pressed-fg: #000000;
4882
+ --control-selected-pressed-border: #FBBF24;
4885
4883
  --control-selected-muted-bg: #1F2937;
4886
4884
  --control-selected-muted-fg: #FDE68A;
4887
4885
  --control-selected-muted-border: #FCD34D;
@@ -4993,7 +4991,7 @@
4993
4991
  --text-brand: #FBBF24;
4994
4992
  --text-interactive: #FBBF24;
4995
4993
  --text-interactive-hover: #FCD34D;
4996
- --text-interactive-active: #FDE68A;
4994
+ --text-interactive-pressed: #FDE68A;
4997
4995
  --text-inverse: #000000;
4998
4996
  --accordion-root-bg: #000000;
4999
4997
  --accordion-root-border: #6B7280;
@@ -5881,7 +5879,7 @@
5881
5879
  --input-clear-button-hover-fg: #FB7185;
5882
5880
  --input-clear-button-hover-bg: #4C0519;
5883
5881
  --input-clear-button-focus-bg: #1F2937;
5884
- --input-clear-button-pressed-bg: #374151;
5882
+ --input-clear-button-pressed-bg: #4B5563;
5885
5883
  --input-reveal-button-fg: #FFFFFF;
5886
5884
  --input-reveal-button-hover-fg: #FFFFFF;
5887
5885
  --input-reveal-button-hover-bg: #374151;
@@ -5986,8 +5984,7 @@
5986
5984
  --radio-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
5987
5985
  --radio-motion-indicator-duration: 180ms;
5988
5986
  --radio-motion-selected-duration: 260ms;
5989
- --radio-motion-pressed-scale: 0.96;
5990
- --radio-motion-active-scale: 0.92;
5987
+ --radio-motion-pressed-scale: 0.92;
5991
5988
  --radio-motion-pressed-opacity: 0.8;
5992
5989
  --radio-default-bg: #000000;
5993
5990
  --radio-default-fg: #FFFFFF;
@@ -6772,7 +6769,7 @@
6772
6769
  --select-clear-button-hover-fg: #FB7185;
6773
6770
  --select-clear-button-hover-bg: #4C0519;
6774
6771
  --select-clear-button-focus-bg: #1F2937;
6775
- --select-clear-button-pressed-bg: #374151;
6772
+ --select-clear-button-pressed-bg: #4B5563;
6776
6773
  --select-option-default-bg: transparent;
6777
6774
  --select-option-default-fg: #FFFFFF;
6778
6775
  --select-option-default-border: transparent;
@@ -144,7 +144,7 @@ export declare const input: {
144
144
  readonly hoverFg: "#FB7185";
145
145
  readonly hoverBg: "rgba(251, 113, 133, 0.16)";
146
146
  readonly focusBg: "#242034";
147
- readonly pressedBg: "#3D3754";
147
+ readonly pressedBg: "#4F4867";
148
148
  };
149
149
  readonly revealButton: {
150
150
  readonly fg: "#F4F1FB";
@@ -122,7 +122,7 @@ export const input = {
122
122
  hoverFg: status.error.fg,
123
123
  hoverBg: status.error.bg,
124
124
  focusBg: surface.subtle,
125
- pressedBg: surface.active,
125
+ pressedBg: surface.pressed,
126
126
  },
127
127
  revealButton: {
128
128
  fg: text.primary,
@@ -30,8 +30,7 @@ export declare const radio: {
30
30
  readonly easing: "cubic-bezier(0.16, 1, 0.3, 1)";
31
31
  readonly indicatorDuration: "180ms";
32
32
  readonly selectedDuration: "260ms";
33
- readonly pressedScale: 0.96;
34
- readonly activeScale: 0.92;
33
+ readonly pressedScale: 0.92;
35
34
  readonly pressedOpacity: 0.8;
36
35
  };
37
36
  readonly default: {
@@ -1 +1 @@
1
- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/dark/components/radio.ts"],"names":[],"mappings":"AA0HA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCR,CAAC"}
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/dark/components/radio.ts"],"names":[],"mappings":"AA0HA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCR,CAAC"}
@@ -115,7 +115,7 @@ export const radio = {
115
115
  motion: radioMotionTokens,
116
116
  default: control.default,
117
117
  hover: control.hover,
118
- pressed: control.active,
118
+ pressed: control.pressed,
119
119
  primary,
120
120
  neutral,
121
121
  success,
@@ -2434,7 +2434,7 @@ export declare const select: {
2434
2434
  readonly hoverFg: "#FB7185";
2435
2435
  readonly hoverBg: "rgba(251, 113, 133, 0.16)";
2436
2436
  readonly focusBg: "#242034";
2437
- readonly pressedBg: "#3D3754";
2437
+ readonly pressedBg: "#4F4867";
2438
2438
  };
2439
2439
  readonly option: {
2440
2440
  readonly default: {
@@ -208,7 +208,7 @@ export const select = {
208
208
  hoverFg: status.error.fg,
209
209
  hoverBg: status.error.bg,
210
210
  focusBg: surface.subtle,
211
- pressedBg: surface.active,
211
+ pressedBg: surface.pressed,
212
212
  },
213
213
  option: {
214
214
  default: {
@@ -10,7 +10,7 @@ export declare const action: {
10
10
  readonly fg: "#FFFFFF";
11
11
  readonly border: "#7352F8";
12
12
  };
13
- readonly active: {
13
+ readonly pressed: {
14
14
  readonly bg: "#5037C8";
15
15
  readonly fg: "#FFFFFF";
16
16
  readonly border: "#5037C8";
@@ -37,7 +37,7 @@ export declare const action: {
37
37
  readonly fg: "#000000";
38
38
  readonly border: "#3ED5EE";
39
39
  };
40
- readonly active: {
40
+ readonly pressed: {
41
41
  readonly bg: "#0F9BB8";
42
42
  readonly fg: "#000000";
43
43
  readonly border: "#0F9BB8";
@@ -64,7 +64,7 @@ export declare const action: {
64
64
  readonly fg: "#000000";
65
65
  readonly border: "#E4DDF4";
66
66
  };
67
- readonly active: {
67
+ readonly pressed: {
68
68
  readonly bg: "#6B6386";
69
69
  readonly fg: "#FFFFFF";
70
70
  readonly border: "#6B6386";
@@ -91,7 +91,7 @@ export declare const action: {
91
91
  readonly fg: "#FFFFFF";
92
92
  readonly border: "#F43F5E";
93
93
  };
94
- readonly active: {
94
+ readonly pressed: {
95
95
  readonly bg: "#BE123C";
96
96
  readonly fg: "#FFFFFF";
97
97
  readonly border: "#BE123C";
@@ -12,7 +12,7 @@ export const action = {
12
12
  fg: colors.mono[50],
13
13
  border: colors.primary[500],
14
14
  },
15
- active: {
15
+ pressed: {
16
16
  bg: colors.primary[700],
17
17
  fg: colors.mono[50],
18
18
  border: colors.primary[700],
@@ -39,7 +39,7 @@ export const action = {
39
39
  fg: text.inverse,
40
40
  border: colors.secondary[400],
41
41
  },
42
- active: {
42
+ pressed: {
43
43
  bg: colors.secondary[600],
44
44
  fg: text.inverse,
45
45
  border: colors.secondary[600],
@@ -66,7 +66,7 @@ export const action = {
66
66
  fg: text.inverse,
67
67
  border: colors.vellira[200],
68
68
  },
69
- active: {
69
+ pressed: {
70
70
  bg: colors.vellira[500],
71
71
  fg: colors.mono[50],
72
72
  border: colors.vellira[500],
@@ -93,7 +93,7 @@ export const action = {
93
93
  fg: colors.mono[50],
94
94
  border: colors.error[500],
95
95
  },
96
- active: {
96
+ pressed: {
97
97
  bg: colors.error[700],
98
98
  fg: colors.mono[50],
99
99
  border: colors.error[700],
@@ -9,7 +9,7 @@ export declare const control: {
9
9
  readonly fg: "#B8A8FF";
10
10
  readonly border: "#B8A8FF";
11
11
  };
12
- readonly active: {
12
+ readonly pressed: {
13
13
  readonly bg: "#3D3754";
14
14
  readonly fg: "#B8A8FF";
15
15
  readonly border: "#B8A8FF";
@@ -30,7 +30,7 @@ export declare const control: {
30
30
  readonly fg: "#FFFFFF";
31
31
  readonly border: "#9B7CFF";
32
32
  };
33
- readonly active: {
33
+ readonly pressed: {
34
34
  readonly bg: "#6346E8";
35
35
  readonly fg: "#FFFFFF";
36
36
  readonly border: "#6346E8";
@@ -13,7 +13,7 @@ export const control = {
13
13
  fg: text.interactive,
14
14
  border: border.focus,
15
15
  },
16
- active: {
16
+ pressed: {
17
17
  bg: surface.active,
18
18
  fg: text.interactive,
19
19
  border: colors.primary[300],
@@ -34,7 +34,7 @@ export const control = {
34
34
  fg: colors.mono[50],
35
35
  border: colors.primary[400],
36
36
  },
37
- active: {
37
+ pressed: {
38
38
  bg: colors.primary[600],
39
39
  fg: colors.mono[50],
40
40
  border: colors.primary[600],
@@ -7,7 +7,7 @@ export declare const text: {
7
7
  readonly brand: "#B8A8FF";
8
8
  readonly interactive: "#B8A8FF";
9
9
  readonly interactiveHover: "#9B7CFF";
10
- readonly interactiveActive: "#7352F8";
10
+ readonly interactivePressed: "#7352F8";
11
11
  readonly inverse: "#000000";
12
12
  };
13
13
  //# sourceMappingURL=text.d.ts.map
@@ -8,6 +8,6 @@ export const text = {
8
8
  brand: colors.primary[300],
9
9
  interactive: colors.primary[300],
10
10
  interactiveHover: colors.primary[400],
11
- interactiveActive: colors.primary[500],
11
+ interactivePressed: colors.primary[500],
12
12
  inverse: colors.mono[950],
13
13
  };
@@ -47,8 +47,7 @@ export declare const radioMotionTokens: {
47
47
  readonly easing: "cubic-bezier(0.16, 1, 0.3, 1)";
48
48
  readonly indicatorDuration: "180ms";
49
49
  readonly selectedDuration: "260ms";
50
- readonly pressedScale: 0.96;
51
- readonly activeScale: 0.92;
50
+ readonly pressedScale: 0.92;
52
51
  readonly pressedOpacity: 0.8;
53
52
  };
54
53
  //# sourceMappingURL=createRadioPalette.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"createRadioPalette.d.ts","sourceRoot":"","sources":["../../src/factories/createRadioPalette.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kDAKhC,kBAAkB;;;;;CAMR,CAAC;AAEd,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;;CAQpB,CAAC"}
1
+ {"version":3,"file":"createRadioPalette.d.ts","sourceRoot":"","sources":["../../src/factories/createRadioPalette.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kDAKhC,kBAAkB;;;;;CAMR,CAAC;AAEd,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;CAOpB,CAAC"}
@@ -36,7 +36,6 @@ export const radioMotionTokens = {
36
36
  easing: 'cubic-bezier(0.16, 1, 0.3, 1)',
37
37
  indicatorDuration: '180ms',
38
38
  selectedDuration: '260ms',
39
- pressedScale: 0.96,
40
- activeScale: 0.92,
39
+ pressedScale: 0.92,
41
40
  pressedOpacity: 0.8,
42
41
  };
@@ -38,7 +38,7 @@ export type SwitchThemeSemantics = {
38
38
  selected: {
39
39
  default: SwitchSemanticState;
40
40
  hover: SwitchSemanticState;
41
- active: SwitchSemanticState;
41
+ pressed: SwitchSemanticState;
42
42
  };
43
43
  disabled: SwitchSemanticState;
44
44
  };
@@ -1 +1 @@
1
- {"version":3,"file":"createSwitchTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createSwitchTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,GAAG,EAAE,iBAAiB,CAAC;IACvB,EAAE,EAAE;QACF,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,iBAAiB,CAAC;QACzB,OAAO,EAAE,iBAAiB,CAAC;KAC5B,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE;QACP,OAAO,EAAE,mBAAmB,CAAC;QAC7B,QAAQ,EAAE;YACR,OAAO,EAAE,mBAAmB,CAAC;YAC7B,KAAK,EAAE,mBAAmB,CAAC;YAC3B,MAAM,EAAE,mBAAmB,CAAC;SAC7B,CAAC;QACF,QAAQ,EAAE,mBAAmB,CAAC;KAC/B,CAAC;IACF,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,MAAM,CAAC;YACf,IAAI,EAAE,MAAM,CAAC;SACd,CAAC;KACH,CAAC;CACH,CAAC;AAcF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,kBAAkB,uBAAW,CAAC;AAEzE,eAAO,MAAM,+BAA+B,GAAI,6BAI7C,oBAAoB,uBAiCnB,CAAC"}
1
+ {"version":3,"file":"createSwitchTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createSwitchTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,GAAG,EAAE,iBAAiB,CAAC;IACvB,EAAE,EAAE;QACF,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,iBAAiB,CAAC;QACzB,OAAO,EAAE,iBAAiB,CAAC;KAC5B,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE;QACP,OAAO,EAAE,mBAAmB,CAAC;QAC7B,QAAQ,EAAE;YACR,OAAO,EAAE,mBAAmB,CAAC;YAC7B,KAAK,EAAE,mBAAmB,CAAC;YAC3B,OAAO,EAAE,mBAAmB,CAAC;SAC9B,CAAC;QACF,QAAQ,EAAE,mBAAmB,CAAC;KAC/B,CAAC;IACF,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,MAAM,CAAC;YACf,IAAI,EAAE,MAAM,CAAC;SACd,CAAC;KACH,CAAC;CACH,CAAC;AAcF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,kBAAkB,uBAAW,CAAC;AAEzE,eAAO,MAAM,+BAA+B,GAAI,6BAI7C,oBAAoB,uBAiCnB,CAAC"}
@@ -29,9 +29,9 @@ export const createSwitchTokensFromSemantics = ({ control, focus, status, }) =>
29
29
  thumbBg: control.selected.hover.fg,
30
30
  },
31
31
  pressed: {
32
- trackBg: control.selected.active.bg,
33
- trackBorder: control.selected.active.border,
34
- thumbBg: control.selected.active.fg,
32
+ trackBg: control.selected.pressed.bg,
33
+ trackBorder: control.selected.pressed.border,
34
+ thumbBg: control.selected.pressed.fg,
35
35
  },
36
36
  },
37
37
  focusRing: focus.ring.color,