@hopper-ui/styled-system 2.0.2 → 2.1.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 (54) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.js +14 -14
  4. package/dist/{chunk-QLYSVZLZ.js → chunk-2JUIKEQV.js} +2 -2
  5. package/dist/{chunk-XOHK7VFY.js → chunk-4TWVPT3Q.js} +3 -3
  6. package/dist/{chunk-ZAHZAEAR.js → chunk-65XYWFBG.js} +2 -2
  7. package/dist/{chunk-CFIMNXX5.js → chunk-A4E2GPAI.js} +2 -2
  8. package/dist/{chunk-6IPAN22Z.js → chunk-BSIKCABJ.js} +1 -1
  9. package/dist/{chunk-FAICHNEU.js → chunk-GWDNZB6T.js} +212 -8
  10. package/dist/{chunk-NJIDLCB7.js → chunk-HXND7BR4.js} +1 -1
  11. package/dist/{chunk-LKOZVSXD.js → chunk-JJHZT2WG.js} +237 -33
  12. package/dist/{chunk-3QZI66SR.js → chunk-JRI6ZQUS.js} +4 -4
  13. package/dist/{chunk-4E7VQIC5.js → chunk-RC6LJDQS.js} +230 -26
  14. package/dist/{chunk-RU6U3SMC.js → chunk-UODPT2PL.js} +1 -1
  15. package/dist/{chunk-XGLTD52P.js → chunk-WRGYA76U.js} +3 -2
  16. package/dist/{chunk-F7KWE6J5.js → chunk-ZO44DZFN.js} +2 -2
  17. package/dist/color-scheme/ColorSchemeContext.js +1 -1
  18. package/dist/color-scheme/useColorScheme.js +1 -1
  19. package/dist/color-scheme/useColorSchemeValue.js +1 -1
  20. package/dist/global-styles/BodyStyleProvider.js +4 -4
  21. package/dist/html-wrappers/html.css +34 -34
  22. package/dist/html-wrappers/html.js +6 -6
  23. package/dist/html-wrappers/htmlElement.css +34 -34
  24. package/dist/html-wrappers/htmlElement.js +5 -5
  25. package/dist/index.css +34 -34
  26. package/dist/index.js +14 -14
  27. package/dist/responsive/BreakpointContext.js +1 -1
  28. package/dist/responsive/BreakpointProvider.js +1 -1
  29. package/dist/responsive/Breakpoints.js +1 -1
  30. package/dist/responsive/useResponsiveValue.js +1 -1
  31. package/dist/styledSystemProps.js +1 -1
  32. package/dist/styledSystemRootCssClass.js +2 -2
  33. package/dist/tokens/TokenProvider.js +6 -6
  34. package/dist/tokens/generated/darkSemanticTokens.d.ts +208 -4
  35. package/dist/tokens/generated/darkSemanticTokens.js +2 -2
  36. package/dist/tokens/generated/lightSemanticTokens.d.ts +216 -12
  37. package/dist/tokens/generated/lightSemanticTokens.js +2 -2
  38. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +212 -8
  39. package/dist/tokens/generated/styledSystemToTokenMappings.js +2 -2
  40. package/dist/tokens/tokenMappings.d.ts +208 -16
  41. package/dist/tokens/tokenMappings.js +3 -3
  42. package/dist/tokens/tokens.d.ts +424 -16
  43. package/dist/tokens/tokens.js +4 -4
  44. package/dist/useStyledSystem.css +31 -31
  45. package/dist/useStyledSystem.js +4 -4
  46. package/dist/utils/assertion.js +1 -1
  47. package/dist/utils/slot.js +1 -1
  48. package/dist/utils/useInsertStyleElement.js +1 -1
  49. package/dist/utils/useIsomorphicInsertionEffect.js +1 -1
  50. package/dist/utils/useIsomorphicLayoutEffect.js +1 -1
  51. package/dist/utils/useMediaQuery.js +1 -1
  52. package/dist/utils/useThemeComputedStyle.js +2 -2
  53. package/package.json +4 -3
  54. /package/dist/{chunk-2UOTJGT6.js → chunk-AQ5VUG5P.js} +0 -0
package/dist/tokens/tokens.d.ts CHANGED
@@ -481,54 +481,258 @@ declare const Tokens: {
481
481
  "--hop-information-surface-weak": string;
482
482
  "--hop-information-text": string;
483
483
  "--hop-information-text-weak": string;
484
- "--hop-status-caution-surface-strong": string;
484
+ "--hop-status-caution-border": string;
485
+ "--hop-status-caution-border-disabled": string;
486
+ "--hop-status-caution-border-hover": string;
487
+ "--hop-status-caution-border-press": string;
488
+ "--hop-status-caution-border-selected": string;
485
489
  "--hop-status-caution-icon": string;
490
+ "--hop-status-caution-icon-disabled": string;
491
+ "--hop-status-caution-icon-hover": string;
492
+ "--hop-status-caution-icon-press": string;
493
+ "--hop-status-caution-icon-selected": string;
486
494
  "--hop-status-caution-surface": string;
495
+ "--hop-status-caution-surface-disabled": string;
496
+ "--hop-status-caution-surface-hover": string;
497
+ "--hop-status-caution-surface-press": string;
498
+ "--hop-status-caution-surface-selected": string;
499
+ "--hop-status-caution-surface-strong": string;
487
500
  "--hop-status-caution-text": string;
488
- "--hop-status-inactive-surface-strong": string;
501
+ "--hop-status-caution-text-disabled": string;
502
+ "--hop-status-caution-text-hover": string;
503
+ "--hop-status-caution-text-press": string;
504
+ "--hop-status-caution-text-selected": string;
505
+ "--hop-status-inactive-border": string;
506
+ "--hop-status-inactive-border-disabled": string;
507
+ "--hop-status-inactive-border-hover": string;
508
+ "--hop-status-inactive-border-press": string;
509
+ "--hop-status-inactive-border-selected": string;
489
510
  "--hop-status-inactive-icon": string;
511
+ "--hop-status-inactive-icon-disabled": string;
512
+ "--hop-status-inactive-icon-hover": string;
513
+ "--hop-status-inactive-icon-press": string;
514
+ "--hop-status-inactive-icon-selected": string;
490
515
  "--hop-status-inactive-surface": string;
516
+ "--hop-status-inactive-surface-disabled": string;
517
+ "--hop-status-inactive-surface-hover": string;
518
+ "--hop-status-inactive-surface-press": string;
519
+ "--hop-status-inactive-surface-selected": string;
520
+ "--hop-status-inactive-surface-strong": string;
491
521
  "--hop-status-inactive-text": string;
492
- "--hop-status-negative-surface-strong": string;
522
+ "--hop-status-inactive-text-disabled": string;
523
+ "--hop-status-inactive-text-hover": string;
524
+ "--hop-status-inactive-text-press": string;
525
+ "--hop-status-inactive-text-selected": string;
526
+ "--hop-status-negative-border": string;
527
+ "--hop-status-negative-border-disabled": string;
528
+ "--hop-status-negative-border-hover": string;
529
+ "--hop-status-negative-border-press": string;
530
+ "--hop-status-negative-border-selected": string;
493
531
  "--hop-status-negative-icon": string;
532
+ "--hop-status-negative-icon-disabled": string;
533
+ "--hop-status-negative-icon-hover": string;
534
+ "--hop-status-negative-icon-press": string;
535
+ "--hop-status-negative-icon-selected": string;
494
536
  "--hop-status-negative-surface": string;
537
+ "--hop-status-negative-surface-disabled": string;
538
+ "--hop-status-negative-surface-hover": string;
539
+ "--hop-status-negative-surface-press": string;
540
+ "--hop-status-negative-surface-selected": string;
541
+ "--hop-status-negative-surface-strong": string;
495
542
  "--hop-status-negative-text": string;
543
+ "--hop-status-negative-text-disabled": string;
544
+ "--hop-status-negative-text-hover": string;
545
+ "--hop-status-negative-text-press": string;
546
+ "--hop-status-negative-text-selected": string;
547
+ "--hop-status-neutral-border": string;
548
+ "--hop-status-neutral-border-disabled": string;
549
+ "--hop-status-neutral-border-hover": string;
550
+ "--hop-status-neutral-border-press": string;
551
+ "--hop-status-neutral-border-selected": string;
496
552
  "--hop-status-neutral-icon": string;
553
+ "--hop-status-neutral-icon-disabled": string;
554
+ "--hop-status-neutral-icon-hover": string;
555
+ "--hop-status-neutral-icon-press": string;
556
+ "--hop-status-neutral-icon-selected": string;
497
557
  "--hop-status-neutral-surface": string;
558
+ "--hop-status-neutral-surface-disabled": string;
559
+ "--hop-status-neutral-surface-hover": string;
560
+ "--hop-status-neutral-surface-press": string;
561
+ "--hop-status-neutral-surface-selected": string;
498
562
  "--hop-status-neutral-surface-strong": string;
499
563
  "--hop-status-neutral-text": string;
500
- "--hop-status-option1-surface-strong": string;
564
+ "--hop-status-neutral-text-disabled": string;
565
+ "--hop-status-neutral-text-hover": string;
566
+ "--hop-status-neutral-text-press": string;
567
+ "--hop-status-neutral-text-selected": string;
568
+ "--hop-status-option1-border": string;
569
+ "--hop-status-option1-border-disabled": string;
570
+ "--hop-status-option1-border-hover": string;
571
+ "--hop-status-option1-border-press": string;
572
+ "--hop-status-option1-border-selected": string;
501
573
  "--hop-status-option1-icon": string;
574
+ "--hop-status-option1-icon-disabled": string;
575
+ "--hop-status-option1-icon-hover": string;
576
+ "--hop-status-option1-icon-press": string;
577
+ "--hop-status-option1-icon-selected": string;
502
578
  "--hop-status-option1-surface": string;
579
+ "--hop-status-option1-surface-disabled": string;
580
+ "--hop-status-option1-surface-hover": string;
581
+ "--hop-status-option1-surface-press": string;
582
+ "--hop-status-option1-surface-selected": string;
583
+ "--hop-status-option1-surface-strong": string;
503
584
  "--hop-status-option1-text": string;
585
+ "--hop-status-option1-text-disabled": string;
586
+ "--hop-status-option1-text-hover": string;
587
+ "--hop-status-option1-text-press": string;
588
+ "--hop-status-option1-text-selected": string;
589
+ "--hop-status-option2-border": string;
590
+ "--hop-status-option2-border-disabled": string;
591
+ "--hop-status-option2-border-hover": string;
592
+ "--hop-status-option2-border-press": string;
593
+ "--hop-status-option2-border-selected": string;
594
+ "--hop-status-option2-icon": string;
595
+ "--hop-status-option2-icon-disabled": string;
596
+ "--hop-status-option2-icon-hover": string;
597
+ "--hop-status-option2-icon-press": string;
598
+ "--hop-status-option2-icon-selected": string;
599
+ "--hop-status-option2-surface": string;
600
+ "--hop-status-option2-surface-disabled": string;
601
+ "--hop-status-option2-surface-hover": string;
602
+ "--hop-status-option2-surface-press": string;
603
+ "--hop-status-option2-surface-selected": string;
504
604
  "--hop-status-option2-surface-strong": string;
505
605
  "--hop-status-option2-text": string;
506
- "--hop-status-option2-surface": string;
507
- "--hop-status-option2-icon": string;
508
- "--hop-status-option3-surface-strong": string;
606
+ "--hop-status-option2-text-disabled": string;
607
+ "--hop-status-option2-text-hover": string;
608
+ "--hop-status-option2-text-press": string;
609
+ "--hop-status-option2-text-selected": string;
610
+ "--hop-status-option3-border": string;
611
+ "--hop-status-option3-border-disabled": string;
612
+ "--hop-status-option3-border-hover": string;
613
+ "--hop-status-option3-border-press": string;
614
+ "--hop-status-option3-border-selected": string;
509
615
  "--hop-status-option3-icon": string;
616
+ "--hop-status-option3-icon-disabled": string;
617
+ "--hop-status-option3-icon-hover": string;
618
+ "--hop-status-option3-icon-press": string;
619
+ "--hop-status-option3-icon-selected": string;
510
620
  "--hop-status-option3-surface": string;
621
+ "--hop-status-option3-surface-disabled": string;
622
+ "--hop-status-option3-surface-hover": string;
623
+ "--hop-status-option3-surface-press": string;
624
+ "--hop-status-option3-surface-selected": string;
625
+ "--hop-status-option3-surface-strong": string;
511
626
  "--hop-status-option3-text": string;
512
- "--hop-status-option4-surface-strong": string;
627
+ "--hop-status-option3-text-disabled": string;
628
+ "--hop-status-option3-text-hover": string;
629
+ "--hop-status-option3-text-press": string;
630
+ "--hop-status-option3-text-selected": string;
631
+ "--hop-status-option4-border": string;
632
+ "--hop-status-option4-border-disabled": string;
633
+ "--hop-status-option4-border-hover": string;
634
+ "--hop-status-option4-border-press": string;
635
+ "--hop-status-option4-border-selected": string;
513
636
  "--hop-status-option4-icon": string;
637
+ "--hop-status-option4-icon-disabled": string;
638
+ "--hop-status-option4-icon-hover": string;
639
+ "--hop-status-option4-icon-press": string;
640
+ "--hop-status-option4-icon-selected": string;
514
641
  "--hop-status-option4-surface": string;
642
+ "--hop-status-option4-surface-disabled": string;
643
+ "--hop-status-option4-surface-hover": string;
644
+ "--hop-status-option4-surface-press": string;
645
+ "--hop-status-option4-surface-selected": string;
646
+ "--hop-status-option4-surface-strong": string;
515
647
  "--hop-status-option4-text": string;
648
+ "--hop-status-option4-text-disabled": string;
649
+ "--hop-status-option4-text-hover": string;
650
+ "--hop-status-option4-text-press": string;
651
+ "--hop-status-option4-text-selected": string;
652
+ "--hop-status-option5-border": string;
653
+ "--hop-status-option5-border-disabled": string;
654
+ "--hop-status-option5-border-hover": string;
655
+ "--hop-status-option5-border-press": string;
656
+ "--hop-status-option5-border-selected": string;
657
+ "--hop-status-option5-icon": string;
658
+ "--hop-status-option5-icon-disabled": string;
659
+ "--hop-status-option5-icon-hover": string;
660
+ "--hop-status-option5-icon-press": string;
661
+ "--hop-status-option5-icon-selected": string;
516
662
  "--hop-status-option5-surface": string;
663
+ "--hop-status-option5-surface-disabled": string;
664
+ "--hop-status-option5-surface-hover": string;
665
+ "--hop-status-option5-surface-press": string;
666
+ "--hop-status-option5-surface-selected": string;
517
667
  "--hop-status-option5-surface-strong": string;
518
668
  "--hop-status-option5-text": string;
519
- "--hop-status-option5-icon": string;
669
+ "--hop-status-option5-text-disabled": string;
670
+ "--hop-status-option5-text-hover": string;
671
+ "--hop-status-option5-text-press": string;
672
+ "--hop-status-option5-text-selected": string;
673
+ "--hop-status-option6-border": string;
674
+ "--hop-status-option6-border-disabled": string;
675
+ "--hop-status-option6-border-hover": string;
676
+ "--hop-status-option6-border-press": string;
677
+ "--hop-status-option6-border-selected": string;
678
+ "--hop-status-option6-icon": string;
679
+ "--hop-status-option6-icon-disabled": string;
680
+ "--hop-status-option6-icon-hover": string;
681
+ "--hop-status-option6-icon-press": string;
682
+ "--hop-status-option6-icon-selected": string;
520
683
  "--hop-status-option6-surface": string;
684
+ "--hop-status-option6-surface-disabled": string;
685
+ "--hop-status-option6-surface-hover": string;
686
+ "--hop-status-option6-surface-press": string;
687
+ "--hop-status-option6-surface-selected": string;
521
688
  "--hop-status-option6-surface-strong": string;
522
689
  "--hop-status-option6-text": string;
523
- "--hop-status-option6-icon": string;
690
+ "--hop-status-option6-text-disabled": string;
691
+ "--hop-status-option6-text-hover": string;
692
+ "--hop-status-option6-text-press": string;
693
+ "--hop-status-option6-text-selected": string;
694
+ "--hop-status-positive-border": string;
695
+ "--hop-status-positive-border-disabled": string;
696
+ "--hop-status-positive-border-hover": string;
697
+ "--hop-status-positive-border-press": string;
698
+ "--hop-status-positive-border-selected": string;
524
699
  "--hop-status-positive-icon": string;
525
- "--hop-status-positive-surface-strong": string;
700
+ "--hop-status-positive-icon-disabled": string;
701
+ "--hop-status-positive-icon-hover": string;
702
+ "--hop-status-positive-icon-press": string;
703
+ "--hop-status-positive-icon-selected": string;
526
704
  "--hop-status-positive-surface": string;
705
+ "--hop-status-positive-surface-disabled": string;
706
+ "--hop-status-positive-surface-hover": string;
707
+ "--hop-status-positive-surface-press": string;
708
+ "--hop-status-positive-surface-selected": string;
709
+ "--hop-status-positive-surface-strong": string;
527
710
  "--hop-status-positive-text": string;
711
+ "--hop-status-positive-text-disabled": string;
712
+ "--hop-status-positive-text-hover": string;
713
+ "--hop-status-positive-text-press": string;
714
+ "--hop-status-positive-text-selected": string;
715
+ "--hop-status-progress-border": string;
716
+ "--hop-status-progress-border-disabled": string;
717
+ "--hop-status-progress-border-hover": string;
718
+ "--hop-status-progress-border-press": string;
719
+ "--hop-status-progress-border-selected": string;
720
+ "--hop-status-progress-icon": string;
721
+ "--hop-status-progress-icon-disabled": string;
722
+ "--hop-status-progress-icon-hover": string;
723
+ "--hop-status-progress-icon-press": string;
724
+ "--hop-status-progress-icon-selected": string;
528
725
  "--hop-status-progress-surface": string;
726
+ "--hop-status-progress-surface-disabled": string;
727
+ "--hop-status-progress-surface-hover": string;
728
+ "--hop-status-progress-surface-press": string;
729
+ "--hop-status-progress-surface-selected": string;
529
730
  "--hop-status-progress-surface-strong": string;
530
731
  "--hop-status-progress-text": string;
531
- "--hop-status-progress-icon": string;
732
+ "--hop-status-progress-text-disabled": string;
733
+ "--hop-status-progress-text-hover": string;
734
+ "--hop-status-progress-text-press": string;
735
+ "--hop-status-progress-text-selected": string;
532
736
  "--hop-success-border": string;
533
737
  "--hop-success-icon": string;
534
738
  "--hop-success-icon-weakest": string;
@@ -1236,54 +1440,258 @@ declare const Tokens: {
1236
1440
  "--hop-information-surface-weak": string;
1237
1441
  "--hop-information-text": string;
1238
1442
  "--hop-information-text-weak": string;
1443
+ "--hop-status-caution-border": string;
1444
+ "--hop-status-caution-border-disabled": string;
1445
+ "--hop-status-caution-border-hover": string;
1446
+ "--hop-status-caution-border-press": string;
1447
+ "--hop-status-caution-border-selected": string;
1239
1448
  "--hop-status-caution-icon": string;
1449
+ "--hop-status-caution-icon-disabled": string;
1450
+ "--hop-status-caution-icon-hover": string;
1451
+ "--hop-status-caution-icon-press": string;
1452
+ "--hop-status-caution-icon-selected": string;
1240
1453
  "--hop-status-caution-surface": string;
1454
+ "--hop-status-caution-surface-disabled": string;
1455
+ "--hop-status-caution-surface-hover": string;
1456
+ "--hop-status-caution-surface-press": string;
1457
+ "--hop-status-caution-surface-selected": string;
1241
1458
  "--hop-status-caution-surface-strong": string;
1242
1459
  "--hop-status-caution-text": string;
1243
- "--hop-status-inselected-icon": string;
1244
- "--hop-status-inselected-surface": string;
1245
- "--hop-status-inselected-surface-strong": string;
1246
- "--hop-status-inselected-text": string;
1460
+ "--hop-status-caution-text-disabled": string;
1461
+ "--hop-status-caution-text-hover": string;
1462
+ "--hop-status-caution-text-press": string;
1463
+ "--hop-status-caution-text-selected": string;
1464
+ "--hop-status-inactive-border": string;
1465
+ "--hop-status-inactive-border-disabled": string;
1466
+ "--hop-status-inactive-border-hover": string;
1467
+ "--hop-status-inactive-border-press": string;
1468
+ "--hop-status-inactive-border-selected": string;
1469
+ "--hop-status-inactive-icon": string;
1470
+ "--hop-status-inactive-icon-disabled": string;
1471
+ "--hop-status-inactive-icon-hover": string;
1472
+ "--hop-status-inactive-icon-press": string;
1473
+ "--hop-status-inactive-icon-selected": string;
1474
+ "--hop-status-inactive-surface": string;
1475
+ "--hop-status-inactive-surface-disabled": string;
1476
+ "--hop-status-inactive-surface-hover": string;
1477
+ "--hop-status-inactive-surface-press": string;
1478
+ "--hop-status-inactive-surface-selected": string;
1479
+ "--hop-status-inactive-surface-strong": string;
1480
+ "--hop-status-inactive-text": string;
1481
+ "--hop-status-inactive-text-disabled": string;
1482
+ "--hop-status-inactive-text-hover": string;
1483
+ "--hop-status-inactive-text-press": string;
1484
+ "--hop-status-inactive-text-selected": string;
1485
+ "--hop-status-negative-border": string;
1486
+ "--hop-status-negative-border-disabled": string;
1487
+ "--hop-status-negative-border-hover": string;
1488
+ "--hop-status-negative-border-press": string;
1489
+ "--hop-status-negative-border-selected": string;
1247
1490
  "--hop-status-negative-icon": string;
1491
+ "--hop-status-negative-icon-disabled": string;
1492
+ "--hop-status-negative-icon-hover": string;
1493
+ "--hop-status-negative-icon-press": string;
1494
+ "--hop-status-negative-icon-selected": string;
1248
1495
  "--hop-status-negative-surface": string;
1496
+ "--hop-status-negative-surface-disabled": string;
1497
+ "--hop-status-negative-surface-hover": string;
1498
+ "--hop-status-negative-surface-press": string;
1499
+ "--hop-status-negative-surface-selected": string;
1249
1500
  "--hop-status-negative-surface-strong": string;
1250
1501
  "--hop-status-negative-text": string;
1502
+ "--hop-status-negative-text-disabled": string;
1503
+ "--hop-status-negative-text-hover": string;
1504
+ "--hop-status-negative-text-press": string;
1505
+ "--hop-status-negative-text-selected": string;
1506
+ "--hop-status-neutral-border": string;
1507
+ "--hop-status-neutral-border-disabled": string;
1508
+ "--hop-status-neutral-border-hover": string;
1509
+ "--hop-status-neutral-border-press": string;
1510
+ "--hop-status-neutral-border-selected": string;
1251
1511
  "--hop-status-neutral-icon": string;
1512
+ "--hop-status-neutral-icon-disabled": string;
1513
+ "--hop-status-neutral-icon-hover": string;
1514
+ "--hop-status-neutral-icon-press": string;
1515
+ "--hop-status-neutral-icon-selected": string;
1252
1516
  "--hop-status-neutral-surface": string;
1517
+ "--hop-status-neutral-surface-disabled": string;
1518
+ "--hop-status-neutral-surface-hover": string;
1519
+ "--hop-status-neutral-surface-press": string;
1520
+ "--hop-status-neutral-surface-selected": string;
1253
1521
  "--hop-status-neutral-surface-strong": string;
1254
1522
  "--hop-status-neutral-text": string;
1523
+ "--hop-status-neutral-text-disabled": string;
1524
+ "--hop-status-neutral-text-hover": string;
1525
+ "--hop-status-neutral-text-press": string;
1526
+ "--hop-status-neutral-text-selected": string;
1527
+ "--hop-status-option1-border": string;
1528
+ "--hop-status-option1-border-disabled": string;
1529
+ "--hop-status-option1-border-hover": string;
1530
+ "--hop-status-option1-border-press": string;
1531
+ "--hop-status-option1-border-selected": string;
1255
1532
  "--hop-status-option1-icon": string;
1533
+ "--hop-status-option1-icon-disabled": string;
1534
+ "--hop-status-option1-icon-hover": string;
1535
+ "--hop-status-option1-icon-press": string;
1536
+ "--hop-status-option1-icon-selected": string;
1256
1537
  "--hop-status-option1-surface": string;
1538
+ "--hop-status-option1-surface-disabled": string;
1539
+ "--hop-status-option1-surface-hover": string;
1540
+ "--hop-status-option1-surface-press": string;
1541
+ "--hop-status-option1-surface-selected": string;
1257
1542
  "--hop-status-option1-surface-strong": string;
1258
1543
  "--hop-status-option1-text": string;
1544
+ "--hop-status-option1-text-disabled": string;
1545
+ "--hop-status-option1-text-hover": string;
1546
+ "--hop-status-option1-text-press": string;
1547
+ "--hop-status-option1-text-selected": string;
1548
+ "--hop-status-option2-border": string;
1549
+ "--hop-status-option2-border-disabled": string;
1550
+ "--hop-status-option2-border-hover": string;
1551
+ "--hop-status-option2-border-press": string;
1552
+ "--hop-status-option2-border-selected": string;
1259
1553
  "--hop-status-option2-icon": string;
1554
+ "--hop-status-option2-icon-disabled": string;
1555
+ "--hop-status-option2-icon-hover": string;
1556
+ "--hop-status-option2-icon-press": string;
1557
+ "--hop-status-option2-icon-selected": string;
1260
1558
  "--hop-status-option2-surface": string;
1559
+ "--hop-status-option2-surface-disabled": string;
1560
+ "--hop-status-option2-surface-hover": string;
1561
+ "--hop-status-option2-surface-press": string;
1562
+ "--hop-status-option2-surface-selected": string;
1261
1563
  "--hop-status-option2-surface-strong": string;
1262
1564
  "--hop-status-option2-text": string;
1565
+ "--hop-status-option2-text-disabled": string;
1566
+ "--hop-status-option2-text-hover": string;
1567
+ "--hop-status-option2-text-press": string;
1568
+ "--hop-status-option2-text-selected": string;
1569
+ "--hop-status-option3-border": string;
1570
+ "--hop-status-option3-border-disabled": string;
1571
+ "--hop-status-option3-border-hover": string;
1572
+ "--hop-status-option3-border-press": string;
1573
+ "--hop-status-option3-border-selected": string;
1263
1574
  "--hop-status-option3-icon": string;
1575
+ "--hop-status-option3-icon-disabled": string;
1576
+ "--hop-status-option3-icon-hover": string;
1577
+ "--hop-status-option3-icon-press": string;
1578
+ "--hop-status-option3-icon-selected": string;
1264
1579
  "--hop-status-option3-surface": string;
1580
+ "--hop-status-option3-surface-disabled": string;
1581
+ "--hop-status-option3-surface-hover": string;
1582
+ "--hop-status-option3-surface-press": string;
1583
+ "--hop-status-option3-surface-selected": string;
1265
1584
  "--hop-status-option3-surface-strong": string;
1266
1585
  "--hop-status-option3-text": string;
1586
+ "--hop-status-option3-text-disabled": string;
1587
+ "--hop-status-option3-text-hover": string;
1588
+ "--hop-status-option3-text-press": string;
1589
+ "--hop-status-option3-text-selected": string;
1590
+ "--hop-status-option4-border": string;
1591
+ "--hop-status-option4-border-disabled": string;
1592
+ "--hop-status-option4-border-hover": string;
1593
+ "--hop-status-option4-border-press": string;
1594
+ "--hop-status-option4-border-selected": string;
1267
1595
  "--hop-status-option4-icon": string;
1596
+ "--hop-status-option4-icon-disabled": string;
1597
+ "--hop-status-option4-icon-hover": string;
1598
+ "--hop-status-option4-icon-press": string;
1599
+ "--hop-status-option4-icon-selected": string;
1268
1600
  "--hop-status-option4-surface": string;
1601
+ "--hop-status-option4-surface-disabled": string;
1602
+ "--hop-status-option4-surface-hover": string;
1603
+ "--hop-status-option4-surface-press": string;
1604
+ "--hop-status-option4-surface-selected": string;
1269
1605
  "--hop-status-option4-surface-strong": string;
1270
1606
  "--hop-status-option4-text": string;
1607
+ "--hop-status-option4-text-disabled": string;
1608
+ "--hop-status-option4-text-hover": string;
1609
+ "--hop-status-option4-text-press": string;
1610
+ "--hop-status-option4-text-selected": string;
1611
+ "--hop-status-option5-border": string;
1612
+ "--hop-status-option5-border-disabled": string;
1613
+ "--hop-status-option5-border-hover": string;
1614
+ "--hop-status-option5-border-press": string;
1615
+ "--hop-status-option5-border-selected": string;
1271
1616
  "--hop-status-option5-icon": string;
1617
+ "--hop-status-option5-icon-disabled": string;
1618
+ "--hop-status-option5-icon-hover": string;
1619
+ "--hop-status-option5-icon-press": string;
1620
+ "--hop-status-option5-icon-selected": string;
1272
1621
  "--hop-status-option5-surface": string;
1622
+ "--hop-status-option5-surface-disabled": string;
1623
+ "--hop-status-option5-surface-hover": string;
1624
+ "--hop-status-option5-surface-press": string;
1625
+ "--hop-status-option5-surface-selected": string;
1273
1626
  "--hop-status-option5-surface-strong": string;
1274
1627
  "--hop-status-option5-text": string;
1628
+ "--hop-status-option5-text-disabled": string;
1629
+ "--hop-status-option5-text-hover": string;
1630
+ "--hop-status-option5-text-press": string;
1631
+ "--hop-status-option5-text-selected": string;
1632
+ "--hop-status-option6-border": string;
1633
+ "--hop-status-option6-border-disabled": string;
1634
+ "--hop-status-option6-border-hover": string;
1635
+ "--hop-status-option6-border-press": string;
1636
+ "--hop-status-option6-border-selected": string;
1275
1637
  "--hop-status-option6-icon": string;
1638
+ "--hop-status-option6-icon-disabled": string;
1639
+ "--hop-status-option6-icon-hover": string;
1640
+ "--hop-status-option6-icon-press": string;
1641
+ "--hop-status-option6-icon-selected": string;
1276
1642
  "--hop-status-option6-surface": string;
1643
+ "--hop-status-option6-surface-disabled": string;
1644
+ "--hop-status-option6-surface-hover": string;
1645
+ "--hop-status-option6-surface-press": string;
1646
+ "--hop-status-option6-surface-selected": string;
1277
1647
  "--hop-status-option6-surface-strong": string;
1278
1648
  "--hop-status-option6-text": string;
1649
+ "--hop-status-option6-text-disabled": string;
1650
+ "--hop-status-option6-text-hover": string;
1651
+ "--hop-status-option6-text-press": string;
1652
+ "--hop-status-option6-text-selected": string;
1653
+ "--hop-status-positive-border": string;
1654
+ "--hop-status-positive-border-disabled": string;
1655
+ "--hop-status-positive-border-hover": string;
1656
+ "--hop-status-positive-border-press": string;
1657
+ "--hop-status-positive-border-selected": string;
1279
1658
  "--hop-status-positive-icon": string;
1659
+ "--hop-status-positive-icon-disabled": string;
1660
+ "--hop-status-positive-icon-hover": string;
1661
+ "--hop-status-positive-icon-press": string;
1662
+ "--hop-status-positive-icon-selected": string;
1280
1663
  "--hop-status-positive-surface": string;
1664
+ "--hop-status-positive-surface-disabled": string;
1665
+ "--hop-status-positive-surface-hover": string;
1666
+ "--hop-status-positive-surface-press": string;
1667
+ "--hop-status-positive-surface-selected": string;
1281
1668
  "--hop-status-positive-surface-strong": string;
1282
1669
  "--hop-status-positive-text": string;
1670
+ "--hop-status-positive-text-disabled": string;
1671
+ "--hop-status-positive-text-hover": string;
1672
+ "--hop-status-positive-text-press": string;
1673
+ "--hop-status-positive-text-selected": string;
1674
+ "--hop-status-progress-border": string;
1675
+ "--hop-status-progress-border-disabled": string;
1676
+ "--hop-status-progress-border-hover": string;
1677
+ "--hop-status-progress-border-press": string;
1678
+ "--hop-status-progress-border-selected": string;
1283
1679
  "--hop-status-progress-icon": string;
1680
+ "--hop-status-progress-icon-disabled": string;
1681
+ "--hop-status-progress-icon-hover": string;
1682
+ "--hop-status-progress-icon-press": string;
1683
+ "--hop-status-progress-icon-selected": string;
1284
1684
  "--hop-status-progress-surface": string;
1685
+ "--hop-status-progress-surface-disabled": string;
1686
+ "--hop-status-progress-surface-hover": string;
1687
+ "--hop-status-progress-surface-press": string;
1688
+ "--hop-status-progress-surface-selected": string;
1285
1689
  "--hop-status-progress-surface-strong": string;
1286
1690
  "--hop-status-progress-text": string;
1691
+ "--hop-status-progress-text-disabled": string;
1692
+ "--hop-status-progress-text-hover": string;
1693
+ "--hop-status-progress-text-press": string;
1694
+ "--hop-status-progress-text-selected": string;
1287
1695
  "--hop-success-border": string;
1288
1696
  "--hop-success-icon": string;
1289
1697
  "--hop-success-icon-weakest": string;
package/dist/tokens/tokens.js CHANGED
@@ -1,4 +1,4 @@
1
- export { Tokens } from '../chunk-CFIMNXX5.js';
2
- import '../chunk-LKOZVSXD.js';
3
- import '../chunk-4E7VQIC5.js';
4
- import '../chunk-2UOTJGT6.js';
1
+ export { Tokens } from '../chunk-A4E2GPAI.js';
2
+ import '../chunk-JJHZT2WG.js';
3
+ import '../chunk-RC6LJDQS.js';
4
+ import '../chunk-AQ5VUG5P.js';