@vellira-ui/tokens 2.26.1 → 2.28.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 (49) hide show
  1. package/dist/css/tokens.css +890 -365
  2. package/dist/dark/components/button.d.ts +263 -95
  3. package/dist/dark/components/button.d.ts.map +1 -1
  4. package/dist/dark/components/button.js +136 -151
  5. package/dist/dark/components/checkbox.d.ts +29 -19
  6. package/dist/dark/components/checkbox.d.ts.map +1 -1
  7. package/dist/dark/components/checkbox.js +112 -14
  8. package/dist/dark/components/formField.d.ts +1 -1
  9. package/dist/dark/components/input.d.ts +3 -3
  10. package/dist/dark/semantic/icons.d.ts +1 -1
  11. package/dist/dark/semantic/status.d.ts +4 -4
  12. package/dist/dark/theme.d.ts +11 -11
  13. package/dist/generated/token-types.d.ts +4 -4
  14. package/dist/generated/token-types.d.ts.map +1 -1
  15. package/dist/generated/token-types.js +964 -264
  16. package/dist/highContrast/components/button.d.ts +264 -96
  17. package/dist/highContrast/components/button.d.ts.map +1 -1
  18. package/dist/highContrast/components/button.js +135 -150
  19. package/dist/highContrast/components/checkbox.d.ts +29 -19
  20. package/dist/highContrast/components/checkbox.d.ts.map +1 -1
  21. package/dist/highContrast/components/checkbox.js +112 -20
  22. package/dist/highContrast/components/formField.d.ts +1 -1
  23. package/dist/highContrast/components/input.d.ts +3 -3
  24. package/dist/highContrast/semantic/action.d.ts +6 -6
  25. package/dist/highContrast/semantic/action.js +6 -6
  26. package/dist/highContrast/semantic/icons.d.ts +1 -1
  27. package/dist/highContrast/semantic/status.d.ts +5 -5
  28. package/dist/highContrast/theme.d.ts +11 -11
  29. package/dist/light/components/button.d.ts +264 -96
  30. package/dist/light/components/button.d.ts.map +1 -1
  31. package/dist/light/components/button.js +136 -151
  32. package/dist/light/components/checkbox.d.ts +29 -19
  33. package/dist/light/components/checkbox.d.ts.map +1 -1
  34. package/dist/light/components/checkbox.js +112 -14
  35. package/dist/light/components/formField.d.ts +2 -2
  36. package/dist/light/components/input.d.ts +3 -3
  37. package/dist/light/semantic/icons.d.ts +1 -1
  38. package/dist/light/semantic/status.d.ts +7 -7
  39. package/dist/light/semantic/status.js +3 -3
  40. package/dist/light/theme.d.ts +11 -11
  41. package/dist/primitives/colors.d.ts +11 -11
  42. package/dist/primitives/colors.js +11 -11
  43. package/dist/utils/createButtonPalette.d.ts +106 -0
  44. package/dist/utils/createButtonPalette.d.ts.map +1 -0
  45. package/dist/utils/createButtonPalette.js +72 -0
  46. package/dist/utils/createCheckboxPalette.d.ts +19 -0
  47. package/dist/utils/createCheckboxPalette.d.ts.map +1 -0
  48. package/dist/utils/createCheckboxPalette.js +6 -0
  49. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * AUTO-GENERATED FILE
3
3
  * DO NOT EDIT MANUALLY
4
- * Generated: 2026-07-16T13:32:38.747Z
4
+ * Generated: 2026-07-16T22:04:33.944Z
5
5
  */
6
6
 
7
7
  :root {
@@ -107,17 +107,17 @@
107
107
  --color-info-800: #082F49;
108
108
  --color-info-900: #0B2538;
109
109
  --color-info-950: #071927;
110
- --color-success-50: #ECFDF5;
111
- --color-success-100: #D1FAE5;
112
- --color-success-200: #A7F3D0;
113
- --color-success-300: #6EE7B7;
114
- --color-success-400: #34D399;
115
- --color-success-500: #10B981;
116
- --color-success-600: #059669;
117
- --color-success-700: #047857;
118
- --color-success-800: #065F46;
119
- --color-success-900: #064E3B;
120
- --color-success-950: #022C22;
110
+ --color-success-50: #F0FDFA;
111
+ --color-success-100: #CCFBF1;
112
+ --color-success-200: #99F6E4;
113
+ --color-success-300: #5EEAD4;
114
+ --color-success-400: #2DD4BF;
115
+ --color-success-500: #14B8A6;
116
+ --color-success-600: #0F9E94;
117
+ --color-success-700: #0F766E;
118
+ --color-success-800: #115E59;
119
+ --color-success-900: #134E4A;
120
+ --color-success-950: #042F2E;
121
121
  --color-error-50: #FFF1F2;
122
122
  --color-error-100: #FFE4E6;
123
123
  --color-error-200: #FECDD3;
@@ -321,19 +321,19 @@
321
321
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.55);
322
322
  --skeleton-base: #F4F1FB;
323
323
  --skeleton-highlight: #FAF8FF;
324
- --status-success-fg: #047857;
325
- --status-success-bg: #ECFDF5;
326
- --status-success-border: #10B981;
327
- --status-success-ring: #10B981;
328
- --status-success-strong: #065F46;
324
+ --status-success-fg: #0F766E;
325
+ --status-success-bg: #F0FDFA;
326
+ --status-success-border: #0F766E;
327
+ --status-success-ring: #14B8A6;
328
+ --status-success-strong: #115E59;
329
329
  --status-error-fg: #BE123C;
330
330
  --status-error-bg: #FFF1F2;
331
331
  --status-error-border: #E11D48;
332
332
  --status-error-ring: #F43F5E;
333
333
  --status-error-strong: #9F1239;
334
- --status-warning-fg: #92400E;
334
+ --status-warning-fg: #B45309;
335
335
  --status-warning-bg: #FFFBEB;
336
- --status-warning-border: #F59E0B;
336
+ --status-warning-border: #B45309;
337
337
  --status-warning-ring: #F59E0B;
338
338
  --status-warning-strong: #92400E;
339
339
  --status-info-fg: #0C4A6E;
@@ -361,114 +361,236 @@
361
361
  --text-interactive-hover: #402C9F;
362
362
  --text-interactive-active: #342580;
363
363
  --text-inverse: #FFFFFF;
364
+ --button-primary-ring: #9B7CFF;
364
365
  --button-primary-solid-default-bg: #6346E8;
365
- --button-primary-solid-default-fg: #FFFFFF;
366
+ --button-primary-solid-default-fg: #F4F3FF;
366
367
  --button-primary-solid-default-border: #6346E8;
367
368
  --button-primary-solid-hover-bg: #5037C8;
368
- --button-primary-solid-hover-fg: #FFFFFF;
369
+ --button-primary-solid-hover-fg: #D4CCFF;
369
370
  --button-primary-solid-hover-border: #5037C8;
370
371
  --button-primary-solid-pressed-bg: #402C9F;
371
- --button-primary-solid-pressed-fg: #FFFFFF;
372
+ --button-primary-solid-pressed-fg: #B8A8FF;
372
373
  --button-primary-solid-pressed-border: #402C9F;
373
374
  --button-primary-outline-default-bg: transparent;
374
375
  --button-primary-outline-default-fg: #5037C8;
375
- --button-primary-outline-default-border: #6346E8;
376
- --button-primary-outline-hover-bg: #F4F3FF;
376
+ --button-primary-outline-default-border: #9B7CFF;
377
+ --button-primary-outline-hover-bg: #E9E6FF;
377
378
  --button-primary-outline-hover-fg: #402C9F;
378
- --button-primary-outline-hover-border: #5037C8;
379
- --button-primary-outline-pressed-bg: #E9E6FF;
379
+ --button-primary-outline-hover-border: #7352F8;
380
+ --button-primary-outline-pressed-bg: #D4CCFF;
380
381
  --button-primary-outline-pressed-fg: #342580;
381
- --button-primary-outline-pressed-border: #402C9F;
382
+ --button-primary-outline-pressed-border: #6346E8;
382
383
  --button-primary-ghost-default-bg: transparent;
383
384
  --button-primary-ghost-default-border: transparent;
384
385
  --button-primary-ghost-default-fg: #5037C8;
385
- --button-primary-ghost-hover-bg: #F4F3FF;
386
+ --button-primary-ghost-hover-bg: #E9E6FF;
386
387
  --button-primary-ghost-hover-border: transparent;
387
388
  --button-primary-ghost-hover-fg: #402C9F;
388
- --button-primary-ghost-pressed-bg: #E9E6FF;
389
+ --button-primary-ghost-pressed-bg: #D4CCFF;
389
390
  --button-primary-ghost-pressed-border: transparent;
390
391
  --button-primary-ghost-pressed-fg: #342580;
391
- --button-secondary-solid-default-bg: #0B7D95;
392
- --button-secondary-solid-default-fg: #FFFFFF;
393
- --button-secondary-solid-default-border: #0B7D95;
394
- --button-secondary-solid-hover-bg: #0A6175;
395
- --button-secondary-solid-hover-fg: #FFFFFF;
396
- --button-secondary-solid-hover-border: #0A6175;
397
- --button-secondary-solid-pressed-bg: #094C5E;
398
- --button-secondary-solid-pressed-fg: #FFFFFF;
399
- --button-secondary-solid-pressed-border: #094C5E;
400
- --button-secondary-outline-default-bg: transparent;
401
- --button-secondary-outline-default-fg: #0B7D95;
402
- --button-secondary-outline-default-border: #0B7D95;
403
- --button-secondary-outline-hover-bg: #F2FDFF;
404
- --button-secondary-outline-hover-fg: #0A6175;
405
- --button-secondary-outline-hover-border: #0A6175;
406
- --button-secondary-outline-pressed-bg: #D9FBFF;
407
- --button-secondary-outline-pressed-fg: #094C5E;
408
- --button-secondary-outline-pressed-border: #094C5E;
409
- --button-secondary-ghost-default-bg: transparent;
410
- --button-secondary-ghost-default-border: transparent;
411
- --button-secondary-ghost-default-fg: #0B7D95;
412
- --button-secondary-ghost-hover-bg: #F2FDFF;
413
- --button-secondary-ghost-hover-border: transparent;
414
- --button-secondary-ghost-hover-fg: #0A6175;
415
- --button-secondary-ghost-pressed-bg: #D9FBFF;
416
- --button-secondary-ghost-pressed-border: transparent;
417
- --button-secondary-ghost-pressed-fg: #094C5E;
418
- --button-close-solid-default-bg: #D4CEE8;
419
- --button-close-solid-default-fg: #231F31;
420
- --button-close-solid-default-border: #D4CEE8;
421
- --button-close-solid-hover-bg: #BBB2D2;
422
- --button-close-solid-hover-fg: #181521;
423
- --button-close-solid-hover-border: #BBB2D2;
424
- --button-close-solid-pressed-bg: #958CB0;
425
- --button-close-solid-pressed-fg: #FFFFFF;
426
- --button-close-solid-pressed-border: #958CB0;
427
- --button-close-outline-default-bg: transparent;
428
- --button-close-outline-default-fg: #3D3754;
429
- --button-close-outline-default-border: #958CB0;
430
- --button-close-outline-hover-bg: #F4F1FB;
431
- --button-close-outline-hover-fg: #2F2A42;
432
- --button-close-outline-hover-border: #6B6386;
433
- --button-close-outline-pressed-bg: #EEE8FA;
434
- --button-close-outline-pressed-fg: #231F31;
435
- --button-close-outline-pressed-border: #4F4867;
436
- --button-close-ghost-default-bg: transparent;
437
- --button-close-ghost-default-border: transparent;
438
- --button-close-ghost-default-fg: #3D3754;
439
- --button-close-ghost-hover-bg: #F4F1FB;
440
- --button-close-ghost-hover-border: transparent;
441
- --button-close-ghost-hover-fg: #2F2A42;
442
- --button-close-ghost-pressed-bg: #EEE8FA;
443
- --button-close-ghost-pressed-border: transparent;
444
- --button-close-ghost-pressed-fg: #231F31;
392
+ --button-primary-soft-default-bg: #F4F3FF;
393
+ --button-primary-soft-default-fg: #5037C8;
394
+ --button-primary-soft-default-border: transparent;
395
+ --button-primary-soft-hover-bg: #E9E6FF;
396
+ --button-primary-soft-hover-fg: #402C9F;
397
+ --button-primary-soft-hover-border: transparent;
398
+ --button-primary-soft-pressed-bg: #D4CCFF;
399
+ --button-primary-soft-pressed-fg: #342580;
400
+ --button-primary-soft-pressed-border: transparent;
401
+ --button-primary-link-default-bg: transparent;
402
+ --button-primary-link-default-border: transparent;
403
+ --button-primary-link-default-fg: #5037C8;
404
+ --button-primary-link-hover-bg: transparent;
405
+ --button-primary-link-hover-border: transparent;
406
+ --button-primary-link-hover-fg: #402C9F;
407
+ --button-primary-link-pressed-bg: transparent;
408
+ --button-primary-link-pressed-border: transparent;
409
+ --button-primary-link-pressed-fg: #342580;
410
+ --button-neutral-ring: #958CB0;
411
+ --button-neutral-solid-default-bg: #E4DDF4;
412
+ --button-neutral-solid-default-fg: #181521;
413
+ --button-neutral-solid-default-border: #E4DDF4;
414
+ --button-neutral-solid-hover-bg: #BBB2D2;
415
+ --button-neutral-solid-hover-fg: #231F31;
416
+ --button-neutral-solid-hover-border: #BBB2D2;
417
+ --button-neutral-solid-pressed-bg: #958CB0;
418
+ --button-neutral-solid-pressed-fg: #2F2A42;
419
+ --button-neutral-solid-pressed-border: #958CB0;
420
+ --button-neutral-outline-default-bg: transparent;
421
+ --button-neutral-outline-default-fg: #4F4867;
422
+ --button-neutral-outline-default-border: #958CB0;
423
+ --button-neutral-outline-hover-bg: #E4DDF4;
424
+ --button-neutral-outline-hover-fg: #3D3754;
425
+ --button-neutral-outline-hover-border: #6B6386;
426
+ --button-neutral-outline-pressed-bg: #BBB2D2;
427
+ --button-neutral-outline-pressed-fg: #2F2A42;
428
+ --button-neutral-outline-pressed-border: #4F4867;
429
+ --button-neutral-ghost-default-bg: transparent;
430
+ --button-neutral-ghost-default-border: transparent;
431
+ --button-neutral-ghost-default-fg: #4F4867;
432
+ --button-neutral-ghost-hover-bg: #E4DDF4;
433
+ --button-neutral-ghost-hover-border: transparent;
434
+ --button-neutral-ghost-hover-fg: #3D3754;
435
+ --button-neutral-ghost-pressed-bg: #BBB2D2;
436
+ --button-neutral-ghost-pressed-border: transparent;
437
+ --button-neutral-ghost-pressed-fg: #2F2A42;
438
+ --button-neutral-soft-default-bg: #F4F1FB;
439
+ --button-neutral-soft-default-fg: #4F4867;
440
+ --button-neutral-soft-default-border: transparent;
441
+ --button-neutral-soft-hover-bg: #E4DDF4;
442
+ --button-neutral-soft-hover-fg: #3D3754;
443
+ --button-neutral-soft-hover-border: transparent;
444
+ --button-neutral-soft-pressed-bg: #BBB2D2;
445
+ --button-neutral-soft-pressed-fg: #2F2A42;
446
+ --button-neutral-soft-pressed-border: transparent;
447
+ --button-neutral-link-default-bg: transparent;
448
+ --button-neutral-link-default-border: transparent;
449
+ --button-neutral-link-default-fg: #4F4867;
450
+ --button-neutral-link-hover-bg: transparent;
451
+ --button-neutral-link-hover-border: transparent;
452
+ --button-neutral-link-hover-fg: #3D3754;
453
+ --button-neutral-link-pressed-bg: transparent;
454
+ --button-neutral-link-pressed-border: transparent;
455
+ --button-neutral-link-pressed-fg: #2F2A42;
456
+ --button-success-ring: #14B8A6;
457
+ --button-success-solid-default-bg: #14B8A6;
458
+ --button-success-solid-default-fg: #042F2E;
459
+ --button-success-solid-default-border: #14B8A6;
460
+ --button-success-solid-hover-bg: #0F9E94;
461
+ --button-success-solid-hover-fg: #134E4A;
462
+ --button-success-solid-hover-border: #0F9E94;
463
+ --button-success-solid-pressed-bg: #0F766E;
464
+ --button-success-solid-pressed-fg: #115E59;
465
+ --button-success-solid-pressed-border: #0F766E;
466
+ --button-success-outline-default-bg: transparent;
467
+ --button-success-outline-default-fg: #0F766E;
468
+ --button-success-outline-default-border: #0F9E94;
469
+ --button-success-outline-hover-bg: #CCFBF1;
470
+ --button-success-outline-hover-fg: #115E59;
471
+ --button-success-outline-hover-border: #0F766E;
472
+ --button-success-outline-pressed-bg: #99F6E4;
473
+ --button-success-outline-pressed-fg: #134E4A;
474
+ --button-success-outline-pressed-border: #115E59;
475
+ --button-success-ghost-default-bg: transparent;
476
+ --button-success-ghost-default-border: transparent;
477
+ --button-success-ghost-default-fg: #0F766E;
478
+ --button-success-ghost-hover-bg: #CCFBF1;
479
+ --button-success-ghost-hover-border: transparent;
480
+ --button-success-ghost-hover-fg: #115E59;
481
+ --button-success-ghost-pressed-bg: #99F6E4;
482
+ --button-success-ghost-pressed-border: transparent;
483
+ --button-success-ghost-pressed-fg: #134E4A;
484
+ --button-success-soft-default-bg: #F0FDFA;
485
+ --button-success-soft-default-fg: #0F766E;
486
+ --button-success-soft-default-border: transparent;
487
+ --button-success-soft-hover-bg: #CCFBF1;
488
+ --button-success-soft-hover-fg: #115E59;
489
+ --button-success-soft-hover-border: transparent;
490
+ --button-success-soft-pressed-bg: #99F6E4;
491
+ --button-success-soft-pressed-fg: #134E4A;
492
+ --button-success-soft-pressed-border: transparent;
493
+ --button-success-link-default-bg: transparent;
494
+ --button-success-link-default-border: transparent;
495
+ --button-success-link-default-fg: #0F766E;
496
+ --button-success-link-hover-bg: transparent;
497
+ --button-success-link-hover-border: transparent;
498
+ --button-success-link-hover-fg: #115E59;
499
+ --button-success-link-pressed-bg: transparent;
500
+ --button-success-link-pressed-border: transparent;
501
+ --button-success-link-pressed-fg: #134E4A;
502
+ --button-warning-ring: #F59E0B;
503
+ --button-warning-solid-default-bg: #F59E0B;
504
+ --button-warning-solid-default-fg: #451A03;
505
+ --button-warning-solid-default-border: #F59E0B;
506
+ --button-warning-solid-hover-bg: #D97706;
507
+ --button-warning-solid-hover-fg: #78350F;
508
+ --button-warning-solid-hover-border: #D97706;
509
+ --button-warning-solid-pressed-bg: #B45309;
510
+ --button-warning-solid-pressed-fg: #92400E;
511
+ --button-warning-solid-pressed-border: #B45309;
512
+ --button-warning-outline-default-bg: transparent;
513
+ --button-warning-outline-default-fg: #B45309;
514
+ --button-warning-outline-default-border: #D97706;
515
+ --button-warning-outline-hover-bg: #FEF3C7;
516
+ --button-warning-outline-hover-fg: #92400E;
517
+ --button-warning-outline-hover-border: #B45309;
518
+ --button-warning-outline-pressed-bg: #FDE68A;
519
+ --button-warning-outline-pressed-fg: #78350F;
520
+ --button-warning-outline-pressed-border: #92400E;
521
+ --button-warning-ghost-default-bg: transparent;
522
+ --button-warning-ghost-default-border: transparent;
523
+ --button-warning-ghost-default-fg: #B45309;
524
+ --button-warning-ghost-hover-bg: #FEF3C7;
525
+ --button-warning-ghost-hover-border: transparent;
526
+ --button-warning-ghost-hover-fg: #92400E;
527
+ --button-warning-ghost-pressed-bg: #FDE68A;
528
+ --button-warning-ghost-pressed-border: transparent;
529
+ --button-warning-ghost-pressed-fg: #78350F;
530
+ --button-warning-soft-default-bg: #FFFBEB;
531
+ --button-warning-soft-default-fg: #B45309;
532
+ --button-warning-soft-default-border: transparent;
533
+ --button-warning-soft-hover-bg: #FEF3C7;
534
+ --button-warning-soft-hover-fg: #92400E;
535
+ --button-warning-soft-hover-border: transparent;
536
+ --button-warning-soft-pressed-bg: #FDE68A;
537
+ --button-warning-soft-pressed-fg: #78350F;
538
+ --button-warning-soft-pressed-border: transparent;
539
+ --button-warning-link-default-bg: transparent;
540
+ --button-warning-link-default-border: transparent;
541
+ --button-warning-link-default-fg: #B45309;
542
+ --button-warning-link-hover-bg: transparent;
543
+ --button-warning-link-hover-border: transparent;
544
+ --button-warning-link-hover-fg: #92400E;
545
+ --button-warning-link-pressed-bg: transparent;
546
+ --button-warning-link-pressed-border: transparent;
547
+ --button-warning-link-pressed-fg: #78350F;
548
+ --button-danger-ring: #F43F5E;
445
549
  --button-danger-solid-default-bg: #BE123C;
446
- --button-danger-solid-default-fg: #FFFFFF;
550
+ --button-danger-solid-default-fg: #FFF1F2;
447
551
  --button-danger-solid-default-border: #BE123C;
448
552
  --button-danger-solid-hover-bg: #9F1239;
449
- --button-danger-solid-hover-fg: #FFFFFF;
553
+ --button-danger-solid-hover-fg: #FECDD3;
450
554
  --button-danger-solid-hover-border: #9F1239;
451
555
  --button-danger-solid-pressed-bg: #881337;
452
- --button-danger-solid-pressed-fg: #FFFFFF;
556
+ --button-danger-solid-pressed-fg: #FDA4AF;
453
557
  --button-danger-solid-pressed-border: #881337;
454
558
  --button-danger-outline-default-bg: transparent;
455
559
  --button-danger-outline-default-fg: #BE123C;
456
- --button-danger-outline-default-border: #E11D48;
457
- --button-danger-outline-hover-bg: #FFF1F2;
560
+ --button-danger-outline-default-border: #F43F5E;
561
+ --button-danger-outline-hover-bg: #FFE4E6;
458
562
  --button-danger-outline-hover-fg: #9F1239;
459
563
  --button-danger-outline-hover-border: #BE123C;
460
- --button-danger-outline-pressed-bg: #FFE4E6;
461
- --button-danger-outline-pressed-fg: #881337;
462
- --button-danger-outline-pressed-border: #9F1239;
564
+ --button-danger-outline-pressed-bg: #FECDD3;
565
+ --button-danger-outline-pressed-fg: #BE123C;
566
+ --button-danger-outline-pressed-border: #E11D48;
463
567
  --button-danger-ghost-default-bg: transparent;
464
568
  --button-danger-ghost-default-border: transparent;
465
569
  --button-danger-ghost-default-fg: #BE123C;
466
- --button-danger-ghost-hover-bg: #FFF1F2;
570
+ --button-danger-ghost-hover-bg: #FFE4E6;
467
571
  --button-danger-ghost-hover-border: transparent;
468
572
  --button-danger-ghost-hover-fg: #9F1239;
469
- --button-danger-ghost-pressed-bg: #FFE4E6;
573
+ --button-danger-ghost-pressed-bg: #FECDD3;
470
574
  --button-danger-ghost-pressed-border: transparent;
471
- --button-danger-ghost-pressed-fg: #881337;
575
+ --button-danger-ghost-pressed-fg: #BE123C;
576
+ --button-danger-soft-default-bg: #FFF1F2;
577
+ --button-danger-soft-default-fg: #BE123C;
578
+ --button-danger-soft-default-border: transparent;
579
+ --button-danger-soft-hover-bg: #FFE4E6;
580
+ --button-danger-soft-hover-fg: #9F1239;
581
+ --button-danger-soft-hover-border: transparent;
582
+ --button-danger-soft-pressed-bg: #FECDD3;
583
+ --button-danger-soft-pressed-fg: #BE123C;
584
+ --button-danger-soft-pressed-border: transparent;
585
+ --button-danger-link-default-bg: transparent;
586
+ --button-danger-link-default-border: transparent;
587
+ --button-danger-link-default-fg: #BE123C;
588
+ --button-danger-link-hover-bg: transparent;
589
+ --button-danger-link-hover-border: transparent;
590
+ --button-danger-link-hover-fg: #9F1239;
591
+ --button-danger-link-pressed-bg: transparent;
592
+ --button-danger-link-pressed-border: transparent;
593
+ --button-danger-link-pressed-fg: #BE123C;
472
594
  --button-disabled-bg: #F4F1FB;
473
595
  --button-disabled-fg: #958CB0;
474
596
  --button-disabled-border: #E4DDF4;
@@ -479,18 +601,71 @@
479
601
  --checkbox-hover-fg: #402C9F;
480
602
  --checkbox-hover-border: #5037C8;
481
603
  --checkbox-hover-label-fg: #402C9F;
482
- --checkbox-checked-default-bg: #6346E8;
483
- --checkbox-checked-default-fg: #FFFFFF;
484
- --checkbox-checked-default-border: #6346E8;
485
- --checkbox-checked-default-label-fg: #5037C8;
486
- --checkbox-checked-hover-bg: #5037C8;
487
- --checkbox-checked-hover-fg: #FFFFFF;
488
- --checkbox-checked-hover-border: #5037C8;
489
- --checkbox-checked-hover-label-fg: #402C9F;
490
- --checkbox-checked-pressed-bg: #402C9F;
491
- --checkbox-checked-pressed-fg: #FFFFFF;
492
- --checkbox-checked-pressed-border: #402C9F;
493
- --checkbox-checked-pressed-label-fg: #342580;
604
+ --checkbox-primary-ring: #9B7CFF;
605
+ --checkbox-primary-default-bg: #6346E8;
606
+ --checkbox-primary-default-fg: #F4F3FF;
607
+ --checkbox-primary-default-border: #6346E8;
608
+ --checkbox-primary-default-label-fg: #5037C8;
609
+ --checkbox-primary-hover-bg: #5037C8;
610
+ --checkbox-primary-hover-fg: #D4CCFF;
611
+ --checkbox-primary-hover-border: #5037C8;
612
+ --checkbox-primary-hover-label-fg: #402C9F;
613
+ --checkbox-primary-pressed-bg: #402C9F;
614
+ --checkbox-primary-pressed-fg: #B8A8FF;
615
+ --checkbox-primary-pressed-border: #402C9F;
616
+ --checkbox-primary-pressed-label-fg: #342580;
617
+ --checkbox-neutral-ring: #958CB0;
618
+ --checkbox-neutral-default-bg: #E4DDF4;
619
+ --checkbox-neutral-default-fg: #181521;
620
+ --checkbox-neutral-default-border: #E4DDF4;
621
+ --checkbox-neutral-default-label-fg: #4F4867;
622
+ --checkbox-neutral-hover-bg: #BBB2D2;
623
+ --checkbox-neutral-hover-fg: #231F31;
624
+ --checkbox-neutral-hover-border: #BBB2D2;
625
+ --checkbox-neutral-hover-label-fg: #3D3754;
626
+ --checkbox-neutral-pressed-bg: #958CB0;
627
+ --checkbox-neutral-pressed-fg: #2F2A42;
628
+ --checkbox-neutral-pressed-border: #958CB0;
629
+ --checkbox-neutral-pressed-label-fg: #2F2A42;
630
+ --checkbox-success-ring: #14B8A6;
631
+ --checkbox-success-default-bg: #14B8A6;
632
+ --checkbox-success-default-fg: #042F2E;
633
+ --checkbox-success-default-border: #14B8A6;
634
+ --checkbox-success-default-label-fg: #0F766E;
635
+ --checkbox-success-hover-bg: #0F9E94;
636
+ --checkbox-success-hover-fg: #134E4A;
637
+ --checkbox-success-hover-border: #0F9E94;
638
+ --checkbox-success-hover-label-fg: #115E59;
639
+ --checkbox-success-pressed-bg: #0F766E;
640
+ --checkbox-success-pressed-fg: #115E59;
641
+ --checkbox-success-pressed-border: #0F766E;
642
+ --checkbox-success-pressed-label-fg: #134E4A;
643
+ --checkbox-warning-ring: #F59E0B;
644
+ --checkbox-warning-default-bg: #F59E0B;
645
+ --checkbox-warning-default-fg: #451A03;
646
+ --checkbox-warning-default-border: #F59E0B;
647
+ --checkbox-warning-default-label-fg: #B45309;
648
+ --checkbox-warning-hover-bg: #D97706;
649
+ --checkbox-warning-hover-fg: #78350F;
650
+ --checkbox-warning-hover-border: #D97706;
651
+ --checkbox-warning-hover-label-fg: #92400E;
652
+ --checkbox-warning-pressed-bg: #B45309;
653
+ --checkbox-warning-pressed-fg: #92400E;
654
+ --checkbox-warning-pressed-border: #B45309;
655
+ --checkbox-warning-pressed-label-fg: #78350F;
656
+ --checkbox-danger-ring: #F43F5E;
657
+ --checkbox-danger-default-bg: #BE123C;
658
+ --checkbox-danger-default-fg: #FFF1F2;
659
+ --checkbox-danger-default-border: #BE123C;
660
+ --checkbox-danger-default-label-fg: #BE123C;
661
+ --checkbox-danger-hover-bg: #9F1239;
662
+ --checkbox-danger-hover-fg: #FECDD3;
663
+ --checkbox-danger-hover-border: #9F1239;
664
+ --checkbox-danger-hover-label-fg: #9F1239;
665
+ --checkbox-danger-pressed-bg: #881337;
666
+ --checkbox-danger-pressed-fg: #FDA4AF;
667
+ --checkbox-danger-pressed-border: #881337;
668
+ --checkbox-danger-pressed-label-fg: #BE123C;
494
669
  --checkbox-focus-ring: #5037C8;
495
670
  --checkbox-disabled-bg: #F4F1FB;
496
671
  --checkbox-disabled-fg: #958CB0;
@@ -594,8 +769,8 @@
594
769
  --form-field-description-fg: #6B6386;
595
770
  --form-field-helper-text-default-fg: #958CB0;
596
771
  --form-field-helper-text-error-fg: #BE123C;
597
- --form-field-helper-text-success-fg: #047857;
598
- --form-field-helper-text-warning-fg: #92400E;
772
+ --form-field-helper-text-success-fg: #0F766E;
773
+ --form-field-helper-text-warning-fg: #B45309;
599
774
  --form-field-helper-text-info-fg: #0C4A6E;
600
775
  --form-field-required-mark-fg: #BE123C;
601
776
  --form-field-disabled-label-fg: #958CB0;
@@ -624,8 +799,8 @@
624
799
  --input-disabled-icon: #958CB0;
625
800
  --input-error-border: #E11D48;
626
801
  --input-error-ring: #F43F5E;
627
- --input-success-border: #10B981;
628
- --input-success-ring: #10B981;
802
+ --input-success-border: #0F766E;
803
+ --input-success-ring: #14B8A6;
629
804
  --input-read-only-bg: #FDFCFF;
630
805
  --input-read-only-fg: #6B6386;
631
806
  --input-read-only-border: #E4DDF4;
@@ -634,7 +809,7 @@
634
809
  --input-icon-default: #3D3754;
635
810
  --input-icon-primary: #5037C8;
636
811
  --input-icon-secondary: #6B6386;
637
- --input-icon-success: #047857;
812
+ --input-icon-success: #0F766E;
638
813
  --input-icon-danger: #BE123C;
639
814
  --input-icon-muted: #958CB0;
640
815
  --input-icon-inverse: #FFFFFF;
@@ -833,17 +1008,17 @@
833
1008
  --color-info-800: #082F49;
834
1009
  --color-info-900: #0B2538;
835
1010
  --color-info-950: #071927;
836
- --color-success-50: #ECFDF5;
837
- --color-success-100: #D1FAE5;
838
- --color-success-200: #A7F3D0;
839
- --color-success-300: #6EE7B7;
840
- --color-success-400: #34D399;
841
- --color-success-500: #10B981;
842
- --color-success-600: #059669;
843
- --color-success-700: #047857;
844
- --color-success-800: #065F46;
845
- --color-success-900: #064E3B;
846
- --color-success-950: #022C22;
1011
+ --color-success-50: #F0FDFA;
1012
+ --color-success-100: #CCFBF1;
1013
+ --color-success-200: #99F6E4;
1014
+ --color-success-300: #5EEAD4;
1015
+ --color-success-400: #2DD4BF;
1016
+ --color-success-500: #14B8A6;
1017
+ --color-success-600: #0F9E94;
1018
+ --color-success-700: #0F766E;
1019
+ --color-success-800: #115E59;
1020
+ --color-success-900: #134E4A;
1021
+ --color-success-950: #042F2E;
847
1022
  --color-error-50: #FFF1F2;
848
1023
  --color-error-100: #FFE4E6;
849
1024
  --color-error-200: #FECDD3;
@@ -1047,11 +1222,11 @@
1047
1222
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.06);
1048
1223
  --skeleton-base: #242034;
1049
1224
  --skeleton-highlight: #2F2A42;
1050
- --status-success-fg: #34D399;
1225
+ --status-success-fg: #2DD4BF;
1051
1226
  --status-success-bg: rgba(52, 211, 153, 0.14);
1052
- --status-success-border: #34D399;
1053
- --status-success-ring: #6EE7B7;
1054
- --status-success-strong: #059669;
1227
+ --status-success-border: #2DD4BF;
1228
+ --status-success-ring: #5EEAD4;
1229
+ --status-success-strong: #0F9E94;
1055
1230
  --status-error-fg: #FB7185;
1056
1231
  --status-error-bg: rgba(251, 113, 133, 0.16);
1057
1232
  --status-error-border: #FB7185;
@@ -1087,114 +1262,236 @@
1087
1262
  --text-interactive-hover: #9B7CFF;
1088
1263
  --text-interactive-active: #7352F8;
1089
1264
  --text-inverse: #000000;
1265
+ --button-primary-ring: #9B7CFF;
1090
1266
  --button-primary-solid-default-bg: #6346E8;
1091
- --button-primary-solid-default-fg: #FFFFFF;
1267
+ --button-primary-solid-default-fg: #F4F3FF;
1092
1268
  --button-primary-solid-default-border: #6346E8;
1093
- --button-primary-solid-hover-bg: #7352F8;
1094
- --button-primary-solid-hover-fg: #FFFFFF;
1095
- --button-primary-solid-hover-border: #7352F8;
1096
- --button-primary-solid-pressed-bg: #5037C8;
1097
- --button-primary-solid-pressed-fg: #FFFFFF;
1098
- --button-primary-solid-pressed-border: #5037C8;
1269
+ --button-primary-solid-hover-bg: #5037C8;
1270
+ --button-primary-solid-hover-fg: #D4CCFF;
1271
+ --button-primary-solid-hover-border: #5037C8;
1272
+ --button-primary-solid-pressed-bg: #402C9F;
1273
+ --button-primary-solid-pressed-fg: #B8A8FF;
1274
+ --button-primary-solid-pressed-border: #402C9F;
1099
1275
  --button-primary-outline-default-bg: transparent;
1100
- --button-primary-outline-default-fg: #B8A8FF;
1101
- --button-primary-outline-default-border: #7352F8;
1102
- --button-primary-outline-hover-bg: #2F2A42;
1103
- --button-primary-outline-hover-fg: #D4CCFF;
1104
- --button-primary-outline-hover-border: #9B7CFF;
1105
- --button-primary-outline-pressed-bg: #3D3754;
1106
- --button-primary-outline-pressed-fg: #E9E6FF;
1107
- --button-primary-outline-pressed-border: #7352F8;
1276
+ --button-primary-outline-default-fg: #9B7CFF;
1277
+ --button-primary-outline-default-border: #B8A8FF;
1278
+ --button-primary-outline-hover-bg: #342580;
1279
+ --button-primary-outline-hover-fg: #9B7CFF;
1280
+ --button-primary-outline-hover-border: #7352F8;
1281
+ --button-primary-outline-pressed-bg: #402C9F;
1282
+ --button-primary-outline-pressed-fg: #7352F8;
1283
+ --button-primary-outline-pressed-border: #6346E8;
1108
1284
  --button-primary-ghost-default-bg: transparent;
1109
1285
  --button-primary-ghost-default-border: transparent;
1110
- --button-primary-ghost-default-fg: #B8A8FF;
1111
- --button-primary-ghost-hover-bg: #2F2A42;
1286
+ --button-primary-ghost-default-fg: #9B7CFF;
1287
+ --button-primary-ghost-hover-bg: #342580;
1112
1288
  --button-primary-ghost-hover-border: transparent;
1113
- --button-primary-ghost-hover-fg: #D4CCFF;
1114
- --button-primary-ghost-pressed-bg: #3D3754;
1289
+ --button-primary-ghost-hover-fg: #9B7CFF;
1290
+ --button-primary-ghost-pressed-bg: #402C9F;
1115
1291
  --button-primary-ghost-pressed-border: transparent;
1116
- --button-primary-ghost-pressed-fg: #E9E6FF;
1117
- --button-secondary-solid-default-bg: #1FBEDB;
1118
- --button-secondary-solid-default-fg: #000000;
1119
- --button-secondary-solid-default-border: #1FBEDB;
1120
- --button-secondary-solid-hover-bg: #3ED5EE;
1121
- --button-secondary-solid-hover-fg: #000000;
1122
- --button-secondary-solid-hover-border: #3ED5EE;
1123
- --button-secondary-solid-pressed-bg: #0F9BB8;
1124
- --button-secondary-solid-pressed-fg: #000000;
1125
- --button-secondary-solid-pressed-border: #0F9BB8;
1126
- --button-secondary-outline-default-bg: transparent;
1127
- --button-secondary-outline-default-fg: #79E8F8;
1128
- --button-secondary-outline-default-border: #1FBEDB;
1129
- --button-secondary-outline-hover-bg: #2F2A42;
1130
- --button-secondary-outline-hover-fg: #B4F4FD;
1131
- --button-secondary-outline-hover-border: #3ED5EE;
1132
- --button-secondary-outline-pressed-bg: #3D3754;
1133
- --button-secondary-outline-pressed-fg: #D9FBFF;
1134
- --button-secondary-outline-pressed-border: #1FBEDB;
1135
- --button-secondary-ghost-default-bg: transparent;
1136
- --button-secondary-ghost-default-border: transparent;
1137
- --button-secondary-ghost-default-fg: #79E8F8;
1138
- --button-secondary-ghost-hover-bg: #2F2A42;
1139
- --button-secondary-ghost-hover-border: transparent;
1140
- --button-secondary-ghost-hover-fg: #B4F4FD;
1141
- --button-secondary-ghost-pressed-bg: #3D3754;
1142
- --button-secondary-ghost-pressed-border: transparent;
1143
- --button-secondary-ghost-pressed-fg: #D9FBFF;
1144
- --button-close-solid-default-bg: #BBB2D2;
1145
- --button-close-solid-default-fg: #000000;
1146
- --button-close-solid-default-border: #BBB2D2;
1147
- --button-close-solid-hover-bg: #E4DDF4;
1148
- --button-close-solid-hover-fg: #000000;
1149
- --button-close-solid-hover-border: #E4DDF4;
1150
- --button-close-solid-pressed-bg: #6B6386;
1151
- --button-close-solid-pressed-fg: #FFFFFF;
1152
- --button-close-solid-pressed-border: #6B6386;
1153
- --button-close-outline-default-bg: transparent;
1154
- --button-close-outline-default-fg: #BBB2D2;
1155
- --button-close-outline-default-border: #6B6386;
1156
- --button-close-outline-hover-bg: #2F2A42;
1157
- --button-close-outline-hover-fg: #E4DDF4;
1158
- --button-close-outline-hover-border: #958CB0;
1159
- --button-close-outline-pressed-bg: #3D3754;
1160
- --button-close-outline-pressed-fg: #F4F1FB;
1161
- --button-close-outline-pressed-border: #6B6386;
1162
- --button-close-ghost-default-bg: transparent;
1163
- --button-close-ghost-default-border: transparent;
1164
- --button-close-ghost-default-fg: #BBB2D2;
1165
- --button-close-ghost-hover-bg: #2F2A42;
1166
- --button-close-ghost-hover-border: transparent;
1167
- --button-close-ghost-hover-fg: #E4DDF4;
1168
- --button-close-ghost-pressed-bg: #3D3754;
1169
- --button-close-ghost-pressed-border: transparent;
1170
- --button-close-ghost-pressed-fg: #F4F1FB;
1171
- --button-danger-solid-default-bg: #E11D48;
1172
- --button-danger-solid-default-fg: #FFFFFF;
1173
- --button-danger-solid-default-border: #E11D48;
1174
- --button-danger-solid-hover-bg: #F43F5E;
1175
- --button-danger-solid-hover-fg: #FFFFFF;
1176
- --button-danger-solid-hover-border: #F43F5E;
1177
- --button-danger-solid-pressed-bg: #BE123C;
1178
- --button-danger-solid-pressed-fg: #FFFFFF;
1179
- --button-danger-solid-pressed-border: #BE123C;
1292
+ --button-primary-ghost-pressed-fg: #7352F8;
1293
+ --button-primary-soft-default-bg: #21164F;
1294
+ --button-primary-soft-default-fg: #9B7CFF;
1295
+ --button-primary-soft-default-border: transparent;
1296
+ --button-primary-soft-hover-bg: #342580;
1297
+ --button-primary-soft-hover-fg: #9B7CFF;
1298
+ --button-primary-soft-hover-border: transparent;
1299
+ --button-primary-soft-pressed-bg: #402C9F;
1300
+ --button-primary-soft-pressed-fg: #7352F8;
1301
+ --button-primary-soft-pressed-border: transparent;
1302
+ --button-primary-link-default-bg: transparent;
1303
+ --button-primary-link-default-border: transparent;
1304
+ --button-primary-link-default-fg: #9B7CFF;
1305
+ --button-primary-link-hover-bg: transparent;
1306
+ --button-primary-link-hover-border: transparent;
1307
+ --button-primary-link-hover-fg: #9B7CFF;
1308
+ --button-primary-link-pressed-bg: transparent;
1309
+ --button-primary-link-pressed-border: transparent;
1310
+ --button-primary-link-pressed-fg: #7352F8;
1311
+ --button-neutral-ring: #958CB0;
1312
+ --button-neutral-solid-default-bg: #E4DDF4;
1313
+ --button-neutral-solid-default-fg: #181521;
1314
+ --button-neutral-solid-default-border: #E4DDF4;
1315
+ --button-neutral-solid-hover-bg: #BBB2D2;
1316
+ --button-neutral-solid-hover-fg: #231F31;
1317
+ --button-neutral-solid-hover-border: #BBB2D2;
1318
+ --button-neutral-solid-pressed-bg: #958CB0;
1319
+ --button-neutral-solid-pressed-fg: #2F2A42;
1320
+ --button-neutral-solid-pressed-border: #958CB0;
1321
+ --button-neutral-outline-default-bg: transparent;
1322
+ --button-neutral-outline-default-fg: #E4DDF4;
1323
+ --button-neutral-outline-default-border: #BBB2D2;
1324
+ --button-neutral-outline-hover-bg: #3D3754;
1325
+ --button-neutral-outline-hover-fg: #BBB2D2;
1326
+ --button-neutral-outline-hover-border: #958CB0;
1327
+ --button-neutral-outline-pressed-bg: #2F2A42;
1328
+ --button-neutral-outline-pressed-fg: #958CB0;
1329
+ --button-neutral-outline-pressed-border: #6B6386;
1330
+ --button-neutral-ghost-default-bg: transparent;
1331
+ --button-neutral-ghost-default-border: transparent;
1332
+ --button-neutral-ghost-default-fg: #E4DDF4;
1333
+ --button-neutral-ghost-hover-bg: #3D3754;
1334
+ --button-neutral-ghost-hover-border: transparent;
1335
+ --button-neutral-ghost-hover-fg: #BBB2D2;
1336
+ --button-neutral-ghost-pressed-bg: #2F2A42;
1337
+ --button-neutral-ghost-pressed-border: transparent;
1338
+ --button-neutral-ghost-pressed-fg: #958CB0;
1339
+ --button-neutral-soft-default-bg: #2F2A42;
1340
+ --button-neutral-soft-default-fg: #E4DDF4;
1341
+ --button-neutral-soft-default-border: transparent;
1342
+ --button-neutral-soft-hover-bg: #3D3754;
1343
+ --button-neutral-soft-hover-fg: #BBB2D2;
1344
+ --button-neutral-soft-hover-border: transparent;
1345
+ --button-neutral-soft-pressed-bg: #2F2A42;
1346
+ --button-neutral-soft-pressed-fg: #958CB0;
1347
+ --button-neutral-soft-pressed-border: transparent;
1348
+ --button-neutral-link-default-bg: transparent;
1349
+ --button-neutral-link-default-border: transparent;
1350
+ --button-neutral-link-default-fg: #E4DDF4;
1351
+ --button-neutral-link-hover-bg: transparent;
1352
+ --button-neutral-link-hover-border: transparent;
1353
+ --button-neutral-link-hover-fg: #BBB2D2;
1354
+ --button-neutral-link-pressed-bg: transparent;
1355
+ --button-neutral-link-pressed-border: transparent;
1356
+ --button-neutral-link-pressed-fg: #958CB0;
1357
+ --button-success-ring: #14B8A6;
1358
+ --button-success-solid-default-bg: #14B8A6;
1359
+ --button-success-solid-default-fg: #042F2E;
1360
+ --button-success-solid-default-border: #14B8A6;
1361
+ --button-success-solid-hover-bg: #0F9E94;
1362
+ --button-success-solid-hover-fg: #134E4A;
1363
+ --button-success-solid-hover-border: #0F9E94;
1364
+ --button-success-solid-pressed-bg: #0F766E;
1365
+ --button-success-solid-pressed-fg: #115E59;
1366
+ --button-success-solid-pressed-border: #0F766E;
1367
+ --button-success-outline-default-bg: transparent;
1368
+ --button-success-outline-default-fg: #2DD4BF;
1369
+ --button-success-outline-default-border: #14B8A6;
1370
+ --button-success-outline-hover-bg: #134E4A;
1371
+ --button-success-outline-hover-fg: #14B8A6;
1372
+ --button-success-outline-hover-border: #0F9E94;
1373
+ --button-success-outline-pressed-bg: #115E59;
1374
+ --button-success-outline-pressed-fg: #0F9E94;
1375
+ --button-success-outline-pressed-border: #0F766E;
1376
+ --button-success-ghost-default-bg: transparent;
1377
+ --button-success-ghost-default-border: transparent;
1378
+ --button-success-ghost-default-fg: #2DD4BF;
1379
+ --button-success-ghost-hover-bg: #134E4A;
1380
+ --button-success-ghost-hover-border: transparent;
1381
+ --button-success-ghost-hover-fg: #14B8A6;
1382
+ --button-success-ghost-pressed-bg: #115E59;
1383
+ --button-success-ghost-pressed-border: transparent;
1384
+ --button-success-ghost-pressed-fg: #0F9E94;
1385
+ --button-success-soft-default-bg: #042F2E;
1386
+ --button-success-soft-default-fg: #2DD4BF;
1387
+ --button-success-soft-default-border: transparent;
1388
+ --button-success-soft-hover-bg: #134E4A;
1389
+ --button-success-soft-hover-fg: #14B8A6;
1390
+ --button-success-soft-hover-border: transparent;
1391
+ --button-success-soft-pressed-bg: #115E59;
1392
+ --button-success-soft-pressed-fg: #0F9E94;
1393
+ --button-success-soft-pressed-border: transparent;
1394
+ --button-success-link-default-bg: transparent;
1395
+ --button-success-link-default-border: transparent;
1396
+ --button-success-link-default-fg: #2DD4BF;
1397
+ --button-success-link-hover-bg: transparent;
1398
+ --button-success-link-hover-border: transparent;
1399
+ --button-success-link-hover-fg: #14B8A6;
1400
+ --button-success-link-pressed-bg: transparent;
1401
+ --button-success-link-pressed-border: transparent;
1402
+ --button-success-link-pressed-fg: #0F9E94;
1403
+ --button-warning-ring: #F59E0B;
1404
+ --button-warning-solid-default-bg: #F59E0B;
1405
+ --button-warning-solid-default-fg: #451A03;
1406
+ --button-warning-solid-default-border: #F59E0B;
1407
+ --button-warning-solid-hover-bg: #D97706;
1408
+ --button-warning-solid-hover-fg: #78350F;
1409
+ --button-warning-solid-hover-border: #D97706;
1410
+ --button-warning-solid-pressed-bg: #B45309;
1411
+ --button-warning-solid-pressed-fg: #92400E;
1412
+ --button-warning-solid-pressed-border: #B45309;
1413
+ --button-warning-outline-default-bg: transparent;
1414
+ --button-warning-outline-default-fg: #FBBF24;
1415
+ --button-warning-outline-default-border: #F59E0B;
1416
+ --button-warning-outline-hover-bg: #78350F;
1417
+ --button-warning-outline-hover-fg: #F59E0B;
1418
+ --button-warning-outline-hover-border: #D97706;
1419
+ --button-warning-outline-pressed-bg: #92400E;
1420
+ --button-warning-outline-pressed-fg: #D97706;
1421
+ --button-warning-outline-pressed-border: #B45309;
1422
+ --button-warning-ghost-default-bg: transparent;
1423
+ --button-warning-ghost-default-border: transparent;
1424
+ --button-warning-ghost-default-fg: #FBBF24;
1425
+ --button-warning-ghost-hover-bg: #78350F;
1426
+ --button-warning-ghost-hover-border: transparent;
1427
+ --button-warning-ghost-hover-fg: #F59E0B;
1428
+ --button-warning-ghost-pressed-bg: #92400E;
1429
+ --button-warning-ghost-pressed-border: transparent;
1430
+ --button-warning-ghost-pressed-fg: #D97706;
1431
+ --button-warning-soft-default-bg: #451A03;
1432
+ --button-warning-soft-default-fg: #FBBF24;
1433
+ --button-warning-soft-default-border: transparent;
1434
+ --button-warning-soft-hover-bg: #78350F;
1435
+ --button-warning-soft-hover-fg: #F59E0B;
1436
+ --button-warning-soft-hover-border: transparent;
1437
+ --button-warning-soft-pressed-bg: #92400E;
1438
+ --button-warning-soft-pressed-fg: #D97706;
1439
+ --button-warning-soft-pressed-border: transparent;
1440
+ --button-warning-link-default-bg: transparent;
1441
+ --button-warning-link-default-border: transparent;
1442
+ --button-warning-link-default-fg: #FBBF24;
1443
+ --button-warning-link-hover-bg: transparent;
1444
+ --button-warning-link-hover-border: transparent;
1445
+ --button-warning-link-hover-fg: #F59E0B;
1446
+ --button-warning-link-pressed-bg: transparent;
1447
+ --button-warning-link-pressed-border: transparent;
1448
+ --button-warning-link-pressed-fg: #D97706;
1449
+ --button-danger-ring: #F43F5E;
1450
+ --button-danger-solid-default-bg: #BE123C;
1451
+ --button-danger-solid-default-fg: #FFF1F2;
1452
+ --button-danger-solid-default-border: #BE123C;
1453
+ --button-danger-solid-hover-bg: #9F1239;
1454
+ --button-danger-solid-hover-fg: #FECDD3;
1455
+ --button-danger-solid-hover-border: #9F1239;
1456
+ --button-danger-solid-pressed-bg: #881337;
1457
+ --button-danger-solid-pressed-fg: #FDA4AF;
1458
+ --button-danger-solid-pressed-border: #881337;
1180
1459
  --button-danger-outline-default-bg: transparent;
1181
1460
  --button-danger-outline-default-fg: #FB7185;
1182
- --button-danger-outline-default-border: #FB7185;
1183
- --button-danger-outline-hover-bg: rgba(251, 113, 133, 0.16);
1184
- --button-danger-outline-hover-fg: #FDA4AF;
1185
- --button-danger-outline-hover-border: #FB7185;
1186
- --button-danger-outline-pressed-bg: #9F123980;
1187
- --button-danger-outline-pressed-fg: #FECDD3;
1188
- --button-danger-outline-pressed-border: #F43F5E;
1461
+ --button-danger-outline-default-border: #F43F5E;
1462
+ --button-danger-outline-hover-bg: #881337;
1463
+ --button-danger-outline-hover-fg: #F43F5E;
1464
+ --button-danger-outline-hover-border: #E11D48;
1465
+ --button-danger-outline-pressed-bg: #9F1239;
1466
+ --button-danger-outline-pressed-fg: #E11D48;
1467
+ --button-danger-outline-pressed-border: #BE123C;
1189
1468
  --button-danger-ghost-default-bg: transparent;
1190
1469
  --button-danger-ghost-default-border: transparent;
1191
1470
  --button-danger-ghost-default-fg: #FB7185;
1192
- --button-danger-ghost-hover-bg: rgba(251, 113, 133, 0.16);
1471
+ --button-danger-ghost-hover-bg: #881337;
1193
1472
  --button-danger-ghost-hover-border: transparent;
1194
- --button-danger-ghost-hover-fg: #FDA4AF;
1195
- --button-danger-ghost-pressed-bg: #9F123980;
1473
+ --button-danger-ghost-hover-fg: #F43F5E;
1474
+ --button-danger-ghost-pressed-bg: #9F1239;
1196
1475
  --button-danger-ghost-pressed-border: transparent;
1197
- --button-danger-ghost-pressed-fg: #FECDD3;
1476
+ --button-danger-ghost-pressed-fg: #E11D48;
1477
+ --button-danger-soft-default-bg: #4C0519;
1478
+ --button-danger-soft-default-fg: #FB7185;
1479
+ --button-danger-soft-default-border: transparent;
1480
+ --button-danger-soft-hover-bg: #881337;
1481
+ --button-danger-soft-hover-fg: #F43F5E;
1482
+ --button-danger-soft-hover-border: transparent;
1483
+ --button-danger-soft-pressed-bg: #9F1239;
1484
+ --button-danger-soft-pressed-fg: #E11D48;
1485
+ --button-danger-soft-pressed-border: transparent;
1486
+ --button-danger-link-default-bg: transparent;
1487
+ --button-danger-link-default-border: transparent;
1488
+ --button-danger-link-default-fg: #FB7185;
1489
+ --button-danger-link-hover-bg: transparent;
1490
+ --button-danger-link-hover-border: transparent;
1491
+ --button-danger-link-hover-fg: #F43F5E;
1492
+ --button-danger-link-pressed-bg: transparent;
1493
+ --button-danger-link-pressed-border: transparent;
1494
+ --button-danger-link-pressed-fg: #E11D48;
1198
1495
  --button-disabled-bg: #2F2A42;
1199
1496
  --button-disabled-fg: #6B6386;
1200
1497
  --button-disabled-border: #3D3754;
@@ -1205,18 +1502,71 @@
1205
1502
  --checkbox-hover-fg: #B8A8FF;
1206
1503
  --checkbox-hover-border: #B8A8FF;
1207
1504
  --checkbox-hover-label-fg: #9B7CFF;
1208
- --checkbox-checked-default-bg: #7352F8;
1209
- --checkbox-checked-default-fg: #FFFFFF;
1210
- --checkbox-checked-default-border: #7352F8;
1211
- --checkbox-checked-default-label-fg: #B8A8FF;
1212
- --checkbox-checked-hover-bg: #9B7CFF;
1213
- --checkbox-checked-hover-fg: #FFFFFF;
1214
- --checkbox-checked-hover-border: #9B7CFF;
1215
- --checkbox-checked-hover-label-fg: #9B7CFF;
1216
- --checkbox-checked-pressed-bg: #6346E8;
1217
- --checkbox-checked-pressed-fg: #FFFFFF;
1218
- --checkbox-checked-pressed-border: #6346E8;
1219
- --checkbox-checked-pressed-label-fg: #7352F8;
1505
+ --checkbox-primary-ring: #9B7CFF;
1506
+ --checkbox-primary-default-bg: #6346E8;
1507
+ --checkbox-primary-default-fg: #F4F3FF;
1508
+ --checkbox-primary-default-border: #6346E8;
1509
+ --checkbox-primary-default-label-fg: #9B7CFF;
1510
+ --checkbox-primary-hover-bg: #5037C8;
1511
+ --checkbox-primary-hover-fg: #D4CCFF;
1512
+ --checkbox-primary-hover-border: #5037C8;
1513
+ --checkbox-primary-hover-label-fg: #9B7CFF;
1514
+ --checkbox-primary-pressed-bg: #402C9F;
1515
+ --checkbox-primary-pressed-fg: #B8A8FF;
1516
+ --checkbox-primary-pressed-border: #402C9F;
1517
+ --checkbox-primary-pressed-label-fg: #7352F8;
1518
+ --checkbox-neutral-ring: #958CB0;
1519
+ --checkbox-neutral-default-bg: #E4DDF4;
1520
+ --checkbox-neutral-default-fg: #181521;
1521
+ --checkbox-neutral-default-border: #E4DDF4;
1522
+ --checkbox-neutral-default-label-fg: #E4DDF4;
1523
+ --checkbox-neutral-hover-bg: #BBB2D2;
1524
+ --checkbox-neutral-hover-fg: #231F31;
1525
+ --checkbox-neutral-hover-border: #BBB2D2;
1526
+ --checkbox-neutral-hover-label-fg: #BBB2D2;
1527
+ --checkbox-neutral-pressed-bg: #958CB0;
1528
+ --checkbox-neutral-pressed-fg: #2F2A42;
1529
+ --checkbox-neutral-pressed-border: #958CB0;
1530
+ --checkbox-neutral-pressed-label-fg: #958CB0;
1531
+ --checkbox-success-ring: #14B8A6;
1532
+ --checkbox-success-default-bg: #14B8A6;
1533
+ --checkbox-success-default-fg: #042F2E;
1534
+ --checkbox-success-default-border: #14B8A6;
1535
+ --checkbox-success-default-label-fg: #2DD4BF;
1536
+ --checkbox-success-hover-bg: #0F9E94;
1537
+ --checkbox-success-hover-fg: #134E4A;
1538
+ --checkbox-success-hover-border: #0F9E94;
1539
+ --checkbox-success-hover-label-fg: #14B8A6;
1540
+ --checkbox-success-pressed-bg: #0F766E;
1541
+ --checkbox-success-pressed-fg: #115E59;
1542
+ --checkbox-success-pressed-border: #0F766E;
1543
+ --checkbox-success-pressed-label-fg: #0F9E94;
1544
+ --checkbox-warning-ring: #F59E0B;
1545
+ --checkbox-warning-default-bg: #F59E0B;
1546
+ --checkbox-warning-default-fg: #451A03;
1547
+ --checkbox-warning-default-border: #F59E0B;
1548
+ --checkbox-warning-default-label-fg: #FBBF24;
1549
+ --checkbox-warning-hover-bg: #D97706;
1550
+ --checkbox-warning-hover-fg: #78350F;
1551
+ --checkbox-warning-hover-border: #D97706;
1552
+ --checkbox-warning-hover-label-fg: #F59E0B;
1553
+ --checkbox-warning-pressed-bg: #B45309;
1554
+ --checkbox-warning-pressed-fg: #92400E;
1555
+ --checkbox-warning-pressed-border: #B45309;
1556
+ --checkbox-warning-pressed-label-fg: #D97706;
1557
+ --checkbox-danger-ring: #F43F5E;
1558
+ --checkbox-danger-default-bg: #BE123C;
1559
+ --checkbox-danger-default-fg: #FFF1F2;
1560
+ --checkbox-danger-default-border: #BE123C;
1561
+ --checkbox-danger-default-label-fg: #FB7185;
1562
+ --checkbox-danger-hover-bg: #9F1239;
1563
+ --checkbox-danger-hover-fg: #FECDD3;
1564
+ --checkbox-danger-hover-border: #9F1239;
1565
+ --checkbox-danger-hover-label-fg: #F43F5E;
1566
+ --checkbox-danger-pressed-bg: #881337;
1567
+ --checkbox-danger-pressed-fg: #FDA4AF;
1568
+ --checkbox-danger-pressed-border: #881337;
1569
+ --checkbox-danger-pressed-label-fg: #E11D48;
1220
1570
  --checkbox-focus-ring: #B8A8FF;
1221
1571
  --checkbox-disabled-bg: #2F2A42;
1222
1572
  --checkbox-disabled-fg: #6B6386;
@@ -1320,7 +1670,7 @@
1320
1670
  --form-field-description-fg: #BBB2D2;
1321
1671
  --form-field-helper-text-default-fg: #958CB0;
1322
1672
  --form-field-helper-text-error-fg: #FB7185;
1323
- --form-field-helper-text-success-fg: #34D399;
1673
+ --form-field-helper-text-success-fg: #2DD4BF;
1324
1674
  --form-field-helper-text-warning-fg: #FBBF24;
1325
1675
  --form-field-helper-text-info-fg: #7DD3FC;
1326
1676
  --form-field-required-mark-fg: #FB7185;
@@ -1350,8 +1700,8 @@
1350
1700
  --input-disabled-icon: #6B6386;
1351
1701
  --input-error-border: #FB7185;
1352
1702
  --input-error-ring: #FB7185;
1353
- --input-success-border: #34D399;
1354
- --input-success-ring: #34D399;
1703
+ --input-success-border: #2DD4BF;
1704
+ --input-success-ring: #2DD4BF;
1355
1705
  --input-read-only-bg: #242034;
1356
1706
  --input-read-only-fg: #BBB2D2;
1357
1707
  --input-read-only-border: #3D3754;
@@ -1360,7 +1710,7 @@
1360
1710
  --input-icon-default: #F4F1FB;
1361
1711
  --input-icon-primary: #B8A8FF;
1362
1712
  --input-icon-secondary: #E5E7EB;
1363
- --input-icon-success: #34D399;
1713
+ --input-icon-success: #2DD4BF;
1364
1714
  --input-icon-danger: #FB7185;
1365
1715
  --input-icon-muted: #958CB0;
1366
1716
  --input-icon-inverse: #000000;
@@ -1559,17 +1909,17 @@
1559
1909
  --color-info-800: #082F49;
1560
1910
  --color-info-900: #0B2538;
1561
1911
  --color-info-950: #071927;
1562
- --color-success-50: #ECFDF5;
1563
- --color-success-100: #D1FAE5;
1564
- --color-success-200: #A7F3D0;
1565
- --color-success-300: #6EE7B7;
1566
- --color-success-400: #34D399;
1567
- --color-success-500: #10B981;
1568
- --color-success-600: #059669;
1569
- --color-success-700: #047857;
1570
- --color-success-800: #065F46;
1571
- --color-success-900: #064E3B;
1572
- --color-success-950: #022C22;
1912
+ --color-success-50: #F0FDFA;
1913
+ --color-success-100: #CCFBF1;
1914
+ --color-success-200: #99F6E4;
1915
+ --color-success-300: #5EEAD4;
1916
+ --color-success-400: #2DD4BF;
1917
+ --color-success-500: #14B8A6;
1918
+ --color-success-600: #0F9E94;
1919
+ --color-success-700: #0F766E;
1920
+ --color-success-800: #115E59;
1921
+ --color-success-900: #134E4A;
1922
+ --color-success-950: #042F2E;
1573
1923
  --color-error-50: #FFF1F2;
1574
1924
  --color-error-100: #FFE4E6;
1575
1925
  --color-error-200: #FECDD3;
@@ -1630,10 +1980,10 @@
1630
1980
  --action-primary-default-border: #FFFFFF;
1631
1981
  --action-primary-hover-bg: #9B7CFF;
1632
1982
  --action-primary-hover-fg: #000000;
1633
- --action-primary-hover-border: #FCD34D;
1983
+ --action-primary-hover-border: #D4CCFF;
1634
1984
  --action-primary-active-bg: #6346E8;
1635
1985
  --action-primary-active-fg: #FFFFFF;
1636
- --action-primary-active-border: #FCD34D;
1986
+ --action-primary-active-border: #B8A8FF;
1637
1987
  --action-primary-muted-bg: #21164F;
1638
1988
  --action-primary-muted-fg: #E9E6FF;
1639
1989
  --action-primary-muted-border: #B8A8FF;
@@ -1645,7 +1995,7 @@
1645
1995
  --action-secondary-default-border: #FFFFFF;
1646
1996
  --action-secondary-hover-bg: #B4F4FD;
1647
1997
  --action-secondary-hover-fg: #000000;
1648
- --action-secondary-hover-border: #FCD34D;
1998
+ --action-secondary-hover-border: #79E8F8;
1649
1999
  --action-secondary-active-bg: #3ED5EE;
1650
2000
  --action-secondary-active-fg: #000000;
1651
2001
  --action-secondary-active-border: #FCD34D;
@@ -1657,13 +2007,13 @@
1657
2007
  --action-secondary-subtle-border: transparent;
1658
2008
  --action-close-default-bg: #FFFFFF;
1659
2009
  --action-close-default-fg: #000000;
1660
- --action-close-default-border: #FFFFFF;
2010
+ --action-close-default-border: #000000;
1661
2011
  --action-close-hover-bg: #E5E7EB;
1662
2012
  --action-close-hover-fg: #000000;
1663
- --action-close-hover-border: #FCD34D;
2013
+ --action-close-hover-border: #0B1120;
1664
2014
  --action-close-active-bg: #9CA3AF;
1665
2015
  --action-close-active-fg: #000000;
1666
- --action-close-active-border: #FCD34D;
2016
+ --action-close-active-border: #0B1120;
1667
2017
  --action-close-muted-bg: #1F2937;
1668
2018
  --action-close-muted-fg: #FFFFFF;
1669
2019
  --action-close-muted-border: #D1D5DB;
@@ -1731,7 +2081,7 @@
1731
2081
  --icons-primary: #FCD34D;
1732
2082
  --icons-brand: #FCD34D;
1733
2083
  --icons-hover: #FDE68A;
1734
- --icons-success: #6EE7B7;
2084
+ --icons-success: #5EEAD4;
1735
2085
  --icons-danger: #FDA4AF;
1736
2086
  --icons-inverse: #000000;
1737
2087
  --menu-background: #111827;
@@ -1784,11 +2134,11 @@
1784
2134
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.14);
1785
2135
  --skeleton-base: #111827;
1786
2136
  --skeleton-highlight: #4B5563;
1787
- --status-success-fg: #6EE7B7;
1788
- --status-success-bg: #022C22;
1789
- --status-success-border: #6EE7B7;
1790
- --status-success-ring: #6EE7B7;
1791
- --status-success-strong: #A7F3D0;
2137
+ --status-success-fg: #5EEAD4;
2138
+ --status-success-bg: #042F2E;
2139
+ --status-success-border: #5EEAD4;
2140
+ --status-success-ring: #5EEAD4;
2141
+ --status-success-strong: #99F6E4;
1792
2142
  --status-error-fg: #FB7185;
1793
2143
  --status-error-bg: #4C0519;
1794
2144
  --status-error-border: #FB7185;
@@ -1824,114 +2174,236 @@
1824
2174
  --text-interactive-hover: #FCD34D;
1825
2175
  --text-interactive-active: #FDE68A;
1826
2176
  --text-inverse: #000000;
1827
- --button-primary-solid-default-bg: #7352F8;
1828
- --button-primary-solid-default-fg: #FFFFFF;
1829
- --button-primary-solid-default-border: #FFFFFF;
1830
- --button-primary-solid-hover-bg: #9B7CFF;
1831
- --button-primary-solid-hover-fg: #000000;
1832
- --button-primary-solid-hover-border: #FCD34D;
1833
- --button-primary-solid-pressed-bg: #6346E8;
1834
- --button-primary-solid-pressed-fg: #FFFFFF;
1835
- --button-primary-solid-pressed-border: #FCD34D;
2177
+ --button-primary-ring: #9B7CFF;
2178
+ --button-primary-solid-default-bg: #6346E8;
2179
+ --button-primary-solid-default-fg: #F4F3FF;
2180
+ --button-primary-solid-default-border: #F4F3FF;
2181
+ --button-primary-solid-hover-bg: #5037C8;
2182
+ --button-primary-solid-hover-fg: #D4CCFF;
2183
+ --button-primary-solid-hover-border: #D4CCFF;
2184
+ --button-primary-solid-pressed-bg: #402C9F;
2185
+ --button-primary-solid-pressed-fg: #B8A8FF;
2186
+ --button-primary-solid-pressed-border: #B8A8FF;
1836
2187
  --button-primary-outline-default-bg: transparent;
1837
2188
  --button-primary-outline-default-fg: #B8A8FF;
1838
2189
  --button-primary-outline-default-border: #B8A8FF;
1839
- --button-primary-outline-hover-bg: #111827;
1840
- --button-primary-outline-hover-fg: #B8A8FF;
1841
- --button-primary-outline-hover-border: #FCD34D;
1842
- --button-primary-outline-pressed-bg: #21164F;
1843
- --button-primary-outline-pressed-fg: #9B7CFF;
1844
- --button-primary-outline-pressed-border: #FCD34D;
2190
+ --button-primary-outline-hover-bg: #21164F;
2191
+ --button-primary-outline-hover-fg: #9B7CFF;
2192
+ --button-primary-outline-hover-border: #9B7CFF;
2193
+ --button-primary-outline-pressed-bg: #111827;
2194
+ --button-primary-outline-pressed-fg: #7352F8;
2195
+ --button-primary-outline-pressed-border: #7352F8;
1845
2196
  --button-primary-ghost-default-bg: transparent;
1846
2197
  --button-primary-ghost-default-border: transparent;
1847
2198
  --button-primary-ghost-default-fg: #B8A8FF;
1848
- --button-primary-ghost-hover-bg: #111827;
2199
+ --button-primary-ghost-hover-bg: #21164F;
1849
2200
  --button-primary-ghost-hover-border: transparent;
1850
- --button-primary-ghost-hover-fg: #B8A8FF;
1851
- --button-primary-ghost-pressed-bg: #21164F;
2201
+ --button-primary-ghost-hover-fg: #9B7CFF;
2202
+ --button-primary-ghost-pressed-bg: #111827;
1852
2203
  --button-primary-ghost-pressed-border: transparent;
1853
- --button-primary-ghost-pressed-fg: #9B7CFF;
1854
- --button-secondary-solid-default-bg: #79E8F8;
1855
- --button-secondary-solid-default-fg: #000000;
1856
- --button-secondary-solid-default-border: #FFFFFF;
1857
- --button-secondary-solid-hover-bg: #B4F4FD;
1858
- --button-secondary-solid-hover-fg: #000000;
1859
- --button-secondary-solid-hover-border: #FCD34D;
1860
- --button-secondary-solid-pressed-bg: #3ED5EE;
1861
- --button-secondary-solid-pressed-fg: #000000;
1862
- --button-secondary-solid-pressed-border: #FCD34D;
1863
- --button-secondary-outline-default-bg: transparent;
1864
- --button-secondary-outline-default-fg: #79E8F8;
1865
- --button-secondary-outline-default-border: #79E8F8;
1866
- --button-secondary-outline-hover-bg: #111827;
1867
- --button-secondary-outline-hover-fg: #3ED5EE;
1868
- --button-secondary-outline-hover-border: #FBBF24;
1869
- --button-secondary-outline-pressed-bg: #062F3B;
1870
- --button-secondary-outline-pressed-fg: #1FBEDB;
1871
- --button-secondary-outline-pressed-border: #F59E0B;
1872
- --button-secondary-ghost-default-bg: transparent;
1873
- --button-secondary-ghost-default-border: transparent;
1874
- --button-secondary-ghost-default-fg: #79E8F8;
1875
- --button-secondary-ghost-hover-bg: #111827;
1876
- --button-secondary-ghost-hover-border: transparent;
1877
- --button-secondary-ghost-hover-fg: #3ED5EE;
1878
- --button-secondary-ghost-pressed-bg: #062F3B;
1879
- --button-secondary-ghost-pressed-border: transparent;
1880
- --button-secondary-ghost-pressed-fg: #1FBEDB;
1881
- --button-close-solid-default-bg: #FFFFFF;
1882
- --button-close-solid-default-fg: #000000;
1883
- --button-close-solid-default-border: #FFFFFF;
1884
- --button-close-solid-hover-bg: #E5E7EB;
1885
- --button-close-solid-hover-fg: #000000;
1886
- --button-close-solid-hover-border: #FCD34D;
1887
- --button-close-solid-pressed-bg: #9CA3AF;
1888
- --button-close-solid-pressed-fg: #000000;
1889
- --button-close-solid-pressed-border: #FCD34D;
1890
- --button-close-outline-default-bg: transparent;
1891
- --button-close-outline-default-fg: #FFFFFF;
1892
- --button-close-outline-default-border: #9CA3AF;
1893
- --button-close-outline-hover-bg: #111827;
1894
- --button-close-outline-hover-fg: #FFFFFF;
1895
- --button-close-outline-hover-border: #FCD34D;
1896
- --button-close-outline-pressed-bg: #1F2937;
1897
- --button-close-outline-pressed-fg: #FFFFFF;
1898
- --button-close-outline-pressed-border: #FCD34D;
1899
- --button-close-ghost-default-bg: transparent;
1900
- --button-close-ghost-default-border: transparent;
1901
- --button-close-ghost-default-fg: #FFFFFF;
1902
- --button-close-ghost-hover-bg: #111827;
1903
- --button-close-ghost-hover-border: transparent;
1904
- --button-close-ghost-hover-fg: #FFFFFF;
1905
- --button-close-ghost-pressed-bg: #1F2937;
1906
- --button-close-ghost-pressed-border: transparent;
1907
- --button-close-ghost-pressed-fg: #FFFFFF;
1908
- --button-danger-solid-default-bg: #E11D48;
1909
- --button-danger-solid-default-fg: #FFFFFF;
1910
- --button-danger-solid-default-border: #FFFFFF;
1911
- --button-danger-solid-hover-bg: #F43F5E;
1912
- --button-danger-solid-hover-fg: #000000;
1913
- --button-danger-solid-hover-border: #FCD34D;
1914
- --button-danger-solid-pressed-bg: #BE123C;
1915
- --button-danger-solid-pressed-fg: #FFFFFF;
1916
- --button-danger-solid-pressed-border: #FCD34D;
2204
+ --button-primary-ghost-pressed-fg: #7352F8;
2205
+ --button-primary-soft-default-bg: #111C2E;
2206
+ --button-primary-soft-default-fg: #B8A8FF;
2207
+ --button-primary-soft-default-border: transparent;
2208
+ --button-primary-soft-hover-bg: #21164F;
2209
+ --button-primary-soft-hover-fg: #9B7CFF;
2210
+ --button-primary-soft-hover-border: transparent;
2211
+ --button-primary-soft-pressed-bg: #111827;
2212
+ --button-primary-soft-pressed-fg: #7352F8;
2213
+ --button-primary-soft-pressed-border: transparent;
2214
+ --button-primary-link-default-bg: transparent;
2215
+ --button-primary-link-default-border: transparent;
2216
+ --button-primary-link-default-fg: #B8A8FF;
2217
+ --button-primary-link-hover-bg: transparent;
2218
+ --button-primary-link-hover-border: transparent;
2219
+ --button-primary-link-hover-fg: #9B7CFF;
2220
+ --button-primary-link-pressed-bg: transparent;
2221
+ --button-primary-link-pressed-border: transparent;
2222
+ --button-primary-link-pressed-fg: #7352F8;
2223
+ --button-neutral-ring: #98A8BD;
2224
+ --button-neutral-solid-default-bg: #F7FBFF;
2225
+ --button-neutral-solid-default-fg: #0B1120;
2226
+ --button-neutral-solid-default-border: #111C2E;
2227
+ --button-neutral-solid-hover-bg: #D8E4F2;
2228
+ --button-neutral-solid-hover-fg: #111C2E;
2229
+ --button-neutral-solid-hover-border: #33435F;
2230
+ --button-neutral-solid-pressed-bg: #98A8BD;
2231
+ --button-neutral-solid-pressed-fg: #1E2A44;
2232
+ --button-neutral-solid-pressed-border: #1E2A44;
2233
+ --button-neutral-outline-default-bg: transparent;
2234
+ --button-neutral-outline-default-fg: #F7FBFF;
2235
+ --button-neutral-outline-default-border: #D8E4F2;
2236
+ --button-neutral-outline-hover-bg: #0B1120;
2237
+ --button-neutral-outline-hover-fg: #E5E7EB;
2238
+ --button-neutral-outline-hover-border: #E5E7EB;
2239
+ --button-neutral-outline-pressed-bg: #111827;
2240
+ --button-neutral-outline-pressed-fg: #C4D0DD;
2241
+ --button-neutral-outline-pressed-border: #D8E4F2;
2242
+ --button-neutral-ghost-default-bg: transparent;
2243
+ --button-neutral-ghost-default-border: transparent;
2244
+ --button-neutral-ghost-default-fg: #F7FBFF;
2245
+ --button-neutral-ghost-hover-bg: #0B1120;
2246
+ --button-neutral-ghost-hover-border: transparent;
2247
+ --button-neutral-ghost-hover-fg: #E5E7EB;
2248
+ --button-neutral-ghost-pressed-bg: #111827;
2249
+ --button-neutral-ghost-pressed-border: transparent;
2250
+ --button-neutral-ghost-pressed-fg: #C4D0DD;
2251
+ --button-neutral-soft-default-bg: #111C2E;
2252
+ --button-neutral-soft-default-fg: #F7FBFF;
2253
+ --button-neutral-soft-default-border: transparent;
2254
+ --button-neutral-soft-hover-bg: #0B1120;
2255
+ --button-neutral-soft-hover-fg: #E5E7EB;
2256
+ --button-neutral-soft-hover-border: transparent;
2257
+ --button-neutral-soft-pressed-bg: #111827;
2258
+ --button-neutral-soft-pressed-fg: #C4D0DD;
2259
+ --button-neutral-soft-pressed-border: transparent;
2260
+ --button-neutral-link-default-bg: transparent;
2261
+ --button-neutral-link-default-border: transparent;
2262
+ --button-neutral-link-default-fg: #F7FBFF;
2263
+ --button-neutral-link-hover-bg: transparent;
2264
+ --button-neutral-link-hover-border: transparent;
2265
+ --button-neutral-link-hover-fg: #E5E7EB;
2266
+ --button-neutral-link-pressed-bg: transparent;
2267
+ --button-neutral-link-pressed-border: transparent;
2268
+ --button-neutral-link-pressed-fg: #C4D0DD;
2269
+ --button-success-ring: #14B8A6;
2270
+ --button-success-solid-default-bg: #14B8A6;
2271
+ --button-success-solid-default-fg: #042F2E;
2272
+ --button-success-solid-default-border: #F0FDFA;
2273
+ --button-success-solid-hover-bg: #0F9E94;
2274
+ --button-success-solid-hover-fg: #134E4A;
2275
+ --button-success-solid-hover-border: #CCFBF1;
2276
+ --button-success-solid-pressed-bg: #0F766E;
2277
+ --button-success-solid-pressed-fg: #115E59;
2278
+ --button-success-solid-pressed-border: #99F6E4;
2279
+ --button-success-outline-default-bg: transparent;
2280
+ --button-success-outline-default-fg: #5EEAD4;
2281
+ --button-success-outline-default-border: #5EEAD4;
2282
+ --button-success-outline-hover-bg: #134E4A;
2283
+ --button-success-outline-hover-fg: #2DD4BF;
2284
+ --button-success-outline-hover-border: #2DD4BF;
2285
+ --button-success-outline-pressed-bg: #042F2E;
2286
+ --button-success-outline-pressed-fg: #14B8A6;
2287
+ --button-success-outline-pressed-border: #14B8A6;
2288
+ --button-success-ghost-default-bg: transparent;
2289
+ --button-success-ghost-default-border: transparent;
2290
+ --button-success-ghost-default-fg: #5EEAD4;
2291
+ --button-success-ghost-hover-bg: #134E4A;
2292
+ --button-success-ghost-hover-border: transparent;
2293
+ --button-success-ghost-hover-fg: #2DD4BF;
2294
+ --button-success-ghost-pressed-bg: #042F2E;
2295
+ --button-success-ghost-pressed-border: transparent;
2296
+ --button-success-ghost-pressed-fg: #14B8A6;
2297
+ --button-success-soft-default-bg: #042F2E;
2298
+ --button-success-soft-default-fg: #5EEAD4;
2299
+ --button-success-soft-default-border: transparent;
2300
+ --button-success-soft-hover-bg: #134E4A;
2301
+ --button-success-soft-hover-fg: #2DD4BF;
2302
+ --button-success-soft-hover-border: transparent;
2303
+ --button-success-soft-pressed-bg: #042F2E;
2304
+ --button-success-soft-pressed-fg: #14B8A6;
2305
+ --button-success-soft-pressed-border: transparent;
2306
+ --button-success-link-default-bg: transparent;
2307
+ --button-success-link-default-border: transparent;
2308
+ --button-success-link-default-fg: #5EEAD4;
2309
+ --button-success-link-hover-bg: transparent;
2310
+ --button-success-link-hover-border: transparent;
2311
+ --button-success-link-hover-fg: #2DD4BF;
2312
+ --button-success-link-pressed-bg: transparent;
2313
+ --button-success-link-pressed-border: transparent;
2314
+ --button-success-link-pressed-fg: #14B8A6;
2315
+ --button-warning-ring: #F59E0B;
2316
+ --button-warning-solid-default-bg: #F59E0B;
2317
+ --button-warning-solid-default-fg: #451A03;
2318
+ --button-warning-solid-default-border: #FFFBEB;
2319
+ --button-warning-solid-hover-bg: #D97706;
2320
+ --button-warning-solid-hover-fg: #78350F;
2321
+ --button-warning-solid-hover-border: #FEF3C7;
2322
+ --button-warning-solid-pressed-bg: #B45309;
2323
+ --button-warning-solid-pressed-fg: #92400E;
2324
+ --button-warning-solid-pressed-border: #FDE68A;
2325
+ --button-warning-outline-default-bg: transparent;
2326
+ --button-warning-outline-default-fg: #F59E0B;
2327
+ --button-warning-outline-default-border: #F59E0B;
2328
+ --button-warning-outline-hover-bg: #78350F;
2329
+ --button-warning-outline-hover-fg: #FBBF24;
2330
+ --button-warning-outline-hover-border: #FBBF24;
2331
+ --button-warning-outline-pressed-bg: #451A03;
2332
+ --button-warning-outline-pressed-fg: #D97706;
2333
+ --button-warning-outline-pressed-border: #D97706;
2334
+ --button-warning-ghost-default-bg: transparent;
2335
+ --button-warning-ghost-default-border: transparent;
2336
+ --button-warning-ghost-default-fg: #F59E0B;
2337
+ --button-warning-ghost-hover-bg: #78350F;
2338
+ --button-warning-ghost-hover-border: transparent;
2339
+ --button-warning-ghost-hover-fg: #FBBF24;
2340
+ --button-warning-ghost-pressed-bg: #451A03;
2341
+ --button-warning-ghost-pressed-border: transparent;
2342
+ --button-warning-ghost-pressed-fg: #D97706;
2343
+ --button-warning-soft-default-bg: #451A03;
2344
+ --button-warning-soft-default-fg: #F59E0B;
2345
+ --button-warning-soft-default-border: transparent;
2346
+ --button-warning-soft-hover-bg: #78350F;
2347
+ --button-warning-soft-hover-fg: #FBBF24;
2348
+ --button-warning-soft-hover-border: transparent;
2349
+ --button-warning-soft-pressed-bg: #451A03;
2350
+ --button-warning-soft-pressed-fg: #D97706;
2351
+ --button-warning-soft-pressed-border: transparent;
2352
+ --button-warning-link-default-bg: transparent;
2353
+ --button-warning-link-default-border: transparent;
2354
+ --button-warning-link-default-fg: #F59E0B;
2355
+ --button-warning-link-hover-bg: transparent;
2356
+ --button-warning-link-hover-border: transparent;
2357
+ --button-warning-link-hover-fg: #FBBF24;
2358
+ --button-warning-link-pressed-bg: transparent;
2359
+ --button-warning-link-pressed-border: transparent;
2360
+ --button-warning-link-pressed-fg: #D97706;
2361
+ --button-danger-ring: #F43F5E;
2362
+ --button-danger-solid-default-bg: #BE123C;
2363
+ --button-danger-solid-default-fg: #FFF1F2;
2364
+ --button-danger-solid-default-border: #FECDD3;
2365
+ --button-danger-solid-hover-bg: #E11D48;
2366
+ --button-danger-solid-hover-fg: #FECDD3;
2367
+ --button-danger-solid-hover-border: #FECDD3;
2368
+ --button-danger-solid-pressed-bg: #9F1239;
2369
+ --button-danger-solid-pressed-fg: #FDA4AF;
2370
+ --button-danger-solid-pressed-border: #FB7185;
1917
2371
  --button-danger-outline-default-bg: transparent;
1918
2372
  --button-danger-outline-default-fg: #FB7185;
1919
2373
  --button-danger-outline-default-border: #FB7185;
1920
- --button-danger-outline-hover-bg: #4C0519;
2374
+ --button-danger-outline-hover-bg: #881337;
1921
2375
  --button-danger-outline-hover-fg: #FECDD3;
1922
- --button-danger-outline-hover-border: #FCD34D;
1923
- --button-danger-outline-pressed-bg: #4C0519;
1924
- --button-danger-outline-pressed-fg: #FECDD3;
1925
- --button-danger-outline-pressed-border: #FCD34D;
2376
+ --button-danger-outline-hover-border: #FB7185;
2377
+ --button-danger-outline-pressed-bg: #9F1239;
2378
+ --button-danger-outline-pressed-fg: #FDA4AF;
2379
+ --button-danger-outline-pressed-border: #F43F5E;
1926
2380
  --button-danger-ghost-default-bg: transparent;
1927
2381
  --button-danger-ghost-default-border: transparent;
1928
2382
  --button-danger-ghost-default-fg: #FB7185;
1929
- --button-danger-ghost-hover-bg: #4C0519;
2383
+ --button-danger-ghost-hover-bg: #881337;
1930
2384
  --button-danger-ghost-hover-border: transparent;
1931
2385
  --button-danger-ghost-hover-fg: #FECDD3;
1932
- --button-danger-ghost-pressed-bg: #4C0519;
2386
+ --button-danger-ghost-pressed-bg: #9F1239;
1933
2387
  --button-danger-ghost-pressed-border: transparent;
1934
- --button-danger-ghost-pressed-fg: #FECDD3;
2388
+ --button-danger-ghost-pressed-fg: #FDA4AF;
2389
+ --button-danger-soft-default-bg: #4C0519;
2390
+ --button-danger-soft-default-fg: #FB7185;
2391
+ --button-danger-soft-default-border: transparent;
2392
+ --button-danger-soft-hover-bg: #881337;
2393
+ --button-danger-soft-hover-fg: #FECDD3;
2394
+ --button-danger-soft-hover-border: transparent;
2395
+ --button-danger-soft-pressed-bg: #9F1239;
2396
+ --button-danger-soft-pressed-fg: #FDA4AF;
2397
+ --button-danger-soft-pressed-border: transparent;
2398
+ --button-danger-link-default-bg: transparent;
2399
+ --button-danger-link-default-border: transparent;
2400
+ --button-danger-link-default-fg: #FB7185;
2401
+ --button-danger-link-hover-bg: transparent;
2402
+ --button-danger-link-hover-border: transparent;
2403
+ --button-danger-link-hover-fg: #FECDD3;
2404
+ --button-danger-link-pressed-bg: transparent;
2405
+ --button-danger-link-pressed-border: transparent;
2406
+ --button-danger-link-pressed-fg: #FDA4AF;
1935
2407
  --button-disabled-bg: #111827;
1936
2408
  --button-disabled-fg: #6B7280;
1937
2409
  --button-disabled-border: #4B5563;
@@ -1942,18 +2414,71 @@
1942
2414
  --checkbox-hover-fg: #FBBF24;
1943
2415
  --checkbox-hover-border: #FCD34D;
1944
2416
  --checkbox-hover-label-fg: #FCD34D;
1945
- --checkbox-checked-default-bg: #FCD34D;
1946
- --checkbox-checked-default-fg: #000000;
1947
- --checkbox-checked-default-border: #FCD34D;
1948
- --checkbox-checked-default-label-fg: #FBBF24;
1949
- --checkbox-checked-hover-bg: #FDE68A;
1950
- --checkbox-checked-hover-fg: #000000;
1951
- --checkbox-checked-hover-border: #FDE68A;
1952
- --checkbox-checked-hover-label-fg: #FCD34D;
1953
- --checkbox-checked-pressed-bg: #FBBF24;
1954
- --checkbox-checked-pressed-fg: #000000;
1955
- --checkbox-checked-pressed-border: #FBBF24;
1956
- --checkbox-checked-pressed-label-fg: #FDE68A;
2417
+ --checkbox-primary-ring: #9B7CFF;
2418
+ --checkbox-primary-default-bg: #6346E8;
2419
+ --checkbox-primary-default-fg: #F4F3FF;
2420
+ --checkbox-primary-default-border: #6346E8;
2421
+ --checkbox-primary-default-label-fg: #B8A8FF;
2422
+ --checkbox-primary-hover-bg: #5037C8;
2423
+ --checkbox-primary-hover-fg: #D4CCFF;
2424
+ --checkbox-primary-hover-border: #5037C8;
2425
+ --checkbox-primary-hover-label-fg: #9B7CFF;
2426
+ --checkbox-primary-pressed-bg: #402C9F;
2427
+ --checkbox-primary-pressed-fg: #B8A8FF;
2428
+ --checkbox-primary-pressed-border: #402C9F;
2429
+ --checkbox-primary-pressed-label-fg: #7352F8;
2430
+ --checkbox-neutral-ring: #98A8BD;
2431
+ --checkbox-neutral-default-bg: #F7FBFF;
2432
+ --checkbox-neutral-default-fg: #0B1120;
2433
+ --checkbox-neutral-default-border: #F7FBFF;
2434
+ --checkbox-neutral-default-label-fg: #F7FBFF;
2435
+ --checkbox-neutral-hover-bg: #D8E4F2;
2436
+ --checkbox-neutral-hover-fg: #111C2E;
2437
+ --checkbox-neutral-hover-border: #D8E4F2;
2438
+ --checkbox-neutral-hover-label-fg: #E5E7EB;
2439
+ --checkbox-neutral-pressed-bg: #98A8BD;
2440
+ --checkbox-neutral-pressed-fg: #1E2A44;
2441
+ --checkbox-neutral-pressed-border: #98A8BD;
2442
+ --checkbox-neutral-pressed-label-fg: #C4D0DD;
2443
+ --checkbox-success-ring: #14B8A6;
2444
+ --checkbox-success-default-bg: #14B8A6;
2445
+ --checkbox-success-default-fg: #042F2E;
2446
+ --checkbox-success-default-border: #14B8A6;
2447
+ --checkbox-success-default-label-fg: #5EEAD4;
2448
+ --checkbox-success-hover-bg: #0F9E94;
2449
+ --checkbox-success-hover-fg: #134E4A;
2450
+ --checkbox-success-hover-border: #0F9E94;
2451
+ --checkbox-success-hover-label-fg: #2DD4BF;
2452
+ --checkbox-success-pressed-bg: #0F766E;
2453
+ --checkbox-success-pressed-fg: #115E59;
2454
+ --checkbox-success-pressed-border: #0F766E;
2455
+ --checkbox-success-pressed-label-fg: #14B8A6;
2456
+ --checkbox-warning-ring: #F59E0B;
2457
+ --checkbox-warning-default-bg: #F59E0B;
2458
+ --checkbox-warning-default-fg: #451A03;
2459
+ --checkbox-warning-default-border: #F59E0B;
2460
+ --checkbox-warning-default-label-fg: #F59E0B;
2461
+ --checkbox-warning-hover-bg: #D97706;
2462
+ --checkbox-warning-hover-fg: #78350F;
2463
+ --checkbox-warning-hover-border: #D97706;
2464
+ --checkbox-warning-hover-label-fg: #FBBF24;
2465
+ --checkbox-warning-pressed-bg: #B45309;
2466
+ --checkbox-warning-pressed-fg: #92400E;
2467
+ --checkbox-warning-pressed-border: #B45309;
2468
+ --checkbox-warning-pressed-label-fg: #D97706;
2469
+ --checkbox-danger-ring: #F43F5E;
2470
+ --checkbox-danger-default-bg: #BE123C;
2471
+ --checkbox-danger-default-fg: #FFF1F2;
2472
+ --checkbox-danger-default-border: #BE123C;
2473
+ --checkbox-danger-default-label-fg: #FB7185;
2474
+ --checkbox-danger-hover-bg: #E11D48;
2475
+ --checkbox-danger-hover-fg: #FECDD3;
2476
+ --checkbox-danger-hover-border: #E11D48;
2477
+ --checkbox-danger-hover-label-fg: #FECDD3;
2478
+ --checkbox-danger-pressed-bg: #9F1239;
2479
+ --checkbox-danger-pressed-fg: #FDA4AF;
2480
+ --checkbox-danger-pressed-border: #9F1239;
2481
+ --checkbox-danger-pressed-label-fg: #FDA4AF;
1957
2482
  --checkbox-focus-ring: #FCD34D;
1958
2483
  --checkbox-disabled-bg: #111827;
1959
2484
  --checkbox-disabled-fg: #6B7280;
@@ -2057,7 +2582,7 @@
2057
2582
  --form-field-description-fg: #EEE8FA;
2058
2583
  --form-field-helper-text-default-fg: #D1D5DB;
2059
2584
  --form-field-helper-text-error-fg: #FB7185;
2060
- --form-field-helper-text-success-fg: #6EE7B7;
2585
+ --form-field-helper-text-success-fg: #5EEAD4;
2061
2586
  --form-field-helper-text-warning-fg: #FCD34D;
2062
2587
  --form-field-helper-text-info-fg: #7DD3FC;
2063
2588
  --form-field-required-mark-fg: #FB7185;
@@ -2087,8 +2612,8 @@
2087
2612
  --input-disabled-icon: #6B7280;
2088
2613
  --input-error-border: #FB7185;
2089
2614
  --input-error-ring: #FB7185;
2090
- --input-success-border: #6EE7B7;
2091
- --input-success-ring: #6EE7B7;
2615
+ --input-success-border: #5EEAD4;
2616
+ --input-success-ring: #5EEAD4;
2092
2617
  --input-read-only-bg: #1F2937;
2093
2618
  --input-read-only-fg: #EEE8FA;
2094
2619
  --input-read-only-border: #6B7280;
@@ -2097,7 +2622,7 @@
2097
2622
  --input-icon-default: #FFFFFF;
2098
2623
  --input-icon-primary: #FCD34D;
2099
2624
  --input-icon-secondary: #E5E7EB;
2100
- --input-icon-success: #6EE7B7;
2625
+ --input-icon-success: #5EEAD4;
2101
2626
  --input-icon-danger: #FDA4AF;
2102
2627
  --input-icon-muted: #9CA3AF;
2103
2628
  --input-icon-inverse: #000000;