@hopper-ui/styled-system 2.0.2 → 2.1.1
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.
- package/CHANGELOG.md +12 -0
- package/dist/StyledSystemProvider.css +34 -34
- package/dist/StyledSystemProvider.d.ts +3 -3
- package/dist/StyledSystemProvider.js +14 -14
- package/dist/{chunk-ZAHZAEAR.js → chunk-47BMTQH2.js} +2 -2
- package/dist/{chunk-RU6U3SMC.js → chunk-6A6KKUGR.js} +1 -1
- package/dist/{chunk-CFIMNXX5.js → chunk-A4E2GPAI.js} +2 -2
- package/dist/{chunk-XGLTD52P.js → chunk-AVOFJJEJ.js} +3 -2
- package/dist/{chunk-6IPAN22Z.js → chunk-BSIKCABJ.js} +1 -1
- package/dist/{chunk-F7KWE6J5.js → chunk-DE5KBEWF.js} +2 -2
- package/dist/{chunk-NJIDLCB7.js → chunk-DED5SJ46.js} +2 -2
- package/dist/{chunk-XOHK7VFY.js → chunk-DKR6TVF5.js} +3 -3
- package/dist/{chunk-QLYSVZLZ.js → chunk-FUFOEPR3.js} +2 -2
- package/dist/{chunk-FAICHNEU.js → chunk-GWDNZB6T.js} +212 -8
- package/dist/{chunk-LKOZVSXD.js → chunk-JJHZT2WG.js} +237 -33
- package/dist/{chunk-4E7VQIC5.js → chunk-RC6LJDQS.js} +230 -26
- package/dist/{chunk-3QZI66SR.js → chunk-Z3V55ZYL.js} +4 -4
- package/dist/color-scheme/ColorSchemeContext.js +1 -1
- package/dist/color-scheme/useColorScheme.js +1 -1
- package/dist/color-scheme/useColorSchemeValue.js +1 -1
- package/dist/global-styles/BodyStyleProvider.js +4 -4
- package/dist/html-wrappers/html.css +34 -34
- package/dist/html-wrappers/html.js +6 -6
- package/dist/html-wrappers/htmlElement.css +34 -34
- package/dist/html-wrappers/htmlElement.js +5 -5
- package/dist/index.css +34 -34
- package/dist/index.js +14 -14
- package/dist/responsive/BreakpointContext.js +1 -1
- package/dist/responsive/BreakpointProvider.js +1 -1
- package/dist/responsive/Breakpoints.js +1 -1
- package/dist/responsive/useResponsiveValue.js +1 -1
- package/dist/styledSystemProps.js +1 -1
- package/dist/styledSystemRootCssClass.js +2 -2
- package/dist/tokens/TokenProvider.js +6 -6
- package/dist/tokens/generated/darkSemanticTokens.d.ts +208 -4
- package/dist/tokens/generated/darkSemanticTokens.js +2 -2
- package/dist/tokens/generated/lightSemanticTokens.d.ts +216 -12
- package/dist/tokens/generated/lightSemanticTokens.js +2 -2
- package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +212 -8
- package/dist/tokens/generated/styledSystemToTokenMappings.js +2 -2
- package/dist/tokens/tokenMappings.d.ts +201 -100
- package/dist/tokens/tokenMappings.js +3 -3
- package/dist/tokens/tokens.d.ts +424 -16
- package/dist/tokens/tokens.js +4 -4
- package/dist/useStyledSystem.css +31 -31
- package/dist/useStyledSystem.js +4 -4
- package/dist/utils/assertion.js +1 -1
- package/dist/utils/slot.js +1 -1
- package/dist/utils/useInsertStyleElement.js +1 -1
- package/dist/utils/useIsomorphicInsertionEffect.js +1 -1
- package/dist/utils/useIsomorphicLayoutEffect.js +1 -1
- package/dist/utils/useMediaQuery.js +1 -1
- package/dist/utils/useThemeComputedStyle.js +2 -2
- package/package.json +4 -3
- /package/dist/{chunk-2UOTJGT6.js → chunk-AQ5VUG5P.js} +0 -0
|
@@ -478,54 +478,258 @@ var SemanticTokens = {
|
|
|
478
478
|
"--hop-information-surface-weak": "var(--hop-coastal-50)",
|
|
479
479
|
"--hop-information-text": "var(--hop-coastal-800)",
|
|
480
480
|
"--hop-information-text-weak": "var(--hop-coastal-300)",
|
|
481
|
-
"--hop-status-caution-
|
|
482
|
-
"--hop-status-caution-
|
|
481
|
+
"--hop-status-caution-border": "var(--hop-koi-300)",
|
|
482
|
+
"--hop-status-caution-border-disabled": "var(--hop-koi-50)",
|
|
483
|
+
"--hop-status-caution-border-hover": "var(--hop-koi-400)",
|
|
484
|
+
"--hop-status-caution-border-press": "var(--hop-koi-500)",
|
|
485
|
+
"--hop-status-caution-border-selected": "var(--hop-koi-700)",
|
|
486
|
+
"--hop-status-caution-icon": "var(--hop-koi-600)",
|
|
487
|
+
"--hop-status-caution-icon-disabled": "var(--hop-koi-200)",
|
|
488
|
+
"--hop-status-caution-icon-hover": "var(--hop-koi-700)",
|
|
489
|
+
"--hop-status-caution-icon-press": "var(--hop-koi-800)",
|
|
490
|
+
"--hop-status-caution-icon-selected": "var(--hop-koi-700)",
|
|
483
491
|
"--hop-status-caution-surface": "var(--hop-koi-50)",
|
|
484
|
-
"--hop-status-caution-
|
|
485
|
-
"--hop-status-
|
|
486
|
-
"--hop-status-
|
|
492
|
+
"--hop-status-caution-surface-disabled": "var(--hop-koi-25)",
|
|
493
|
+
"--hop-status-caution-surface-hover": "var(--hop-koi-75)",
|
|
494
|
+
"--hop-status-caution-surface-press": "var(--hop-koi-100)",
|
|
495
|
+
"--hop-status-caution-surface-selected": "var(--hop-koi-50)",
|
|
496
|
+
"--hop-status-caution-surface-strong": "var(--hop-koi-200)",
|
|
497
|
+
"--hop-status-caution-text": "var(--hop-koi-600)",
|
|
498
|
+
"--hop-status-caution-text-disabled": "var(--hop-koi-200)",
|
|
499
|
+
"--hop-status-caution-text-hover": "var(--hop-koi-700)",
|
|
500
|
+
"--hop-status-caution-text-press": "var(--hop-koi-800)",
|
|
501
|
+
"--hop-status-caution-text-selected": "var(--hop-koi-700)",
|
|
502
|
+
"--hop-status-inactive-border": "var(--hop-rock-300)",
|
|
503
|
+
"--hop-status-inactive-border-disabled": "var(--hop-rock-50)",
|
|
504
|
+
"--hop-status-inactive-border-hover": "var(--hop-rock-400)",
|
|
505
|
+
"--hop-status-inactive-border-press": "var(--hop-rock-500)",
|
|
506
|
+
"--hop-status-inactive-border-selected": "var(--hop-rock-700)",
|
|
507
|
+
"--hop-status-inactive-icon": "var(--hop-rock-600)",
|
|
508
|
+
"--hop-status-inactive-icon-disabled": "var(--hop-rock-200)",
|
|
509
|
+
"--hop-status-inactive-icon-hover": "var(--hop-rock-700)",
|
|
510
|
+
"--hop-status-inactive-icon-press": "var(--hop-rock-800)",
|
|
511
|
+
"--hop-status-inactive-icon-selected": "var(--hop-rock-700)",
|
|
487
512
|
"--hop-status-inactive-surface": "var(--hop-rock-50)",
|
|
488
|
-
"--hop-status-inactive-
|
|
489
|
-
"--hop-status-
|
|
490
|
-
"--hop-status-
|
|
513
|
+
"--hop-status-inactive-surface-disabled": "var(--hop-rock-25)",
|
|
514
|
+
"--hop-status-inactive-surface-hover": "var(--hop-rock-75)",
|
|
515
|
+
"--hop-status-inactive-surface-press": "var(--hop-rock-100)",
|
|
516
|
+
"--hop-status-inactive-surface-selected": "var(--hop-rock-50)",
|
|
517
|
+
"--hop-status-inactive-surface-strong": "var(--hop-rock-100)",
|
|
518
|
+
"--hop-status-inactive-text": "var(--hop-rock-600)",
|
|
519
|
+
"--hop-status-inactive-text-disabled": "var(--hop-rock-200)",
|
|
520
|
+
"--hop-status-inactive-text-hover": "var(--hop-rock-700)",
|
|
521
|
+
"--hop-status-inactive-text-press": "var(--hop-rock-800)",
|
|
522
|
+
"--hop-status-inactive-text-selected": "var(--hop-rock-700)",
|
|
523
|
+
"--hop-status-negative-border": "var(--hop-amanita-300)",
|
|
524
|
+
"--hop-status-negative-border-disabled": "var(--hop-amanita-50)",
|
|
525
|
+
"--hop-status-negative-border-hover": "var(--hop-amanita-400)",
|
|
526
|
+
"--hop-status-negative-border-press": "var(--hop-amanita-500)",
|
|
527
|
+
"--hop-status-negative-border-selected": "var(--hop-amanita-700)",
|
|
528
|
+
"--hop-status-negative-icon": "var(--hop-amanita-600)",
|
|
529
|
+
"--hop-status-negative-icon-disabled": "var(--hop-amanita-200)",
|
|
530
|
+
"--hop-status-negative-icon-hover": "var(--hop-amanita-700)",
|
|
531
|
+
"--hop-status-negative-icon-press": "var(--hop-amanita-800)",
|
|
532
|
+
"--hop-status-negative-icon-selected": "var(--hop-amanita-700)",
|
|
491
533
|
"--hop-status-negative-surface": "var(--hop-amanita-50)",
|
|
492
|
-
"--hop-status-negative-
|
|
534
|
+
"--hop-status-negative-surface-disabled": "var(--hop-amanita-25)",
|
|
535
|
+
"--hop-status-negative-surface-hover": "var(--hop-amanita-75)",
|
|
536
|
+
"--hop-status-negative-surface-press": "var(--hop-amanita-100)",
|
|
537
|
+
"--hop-status-negative-surface-selected": "var(--hop-amanita-50)",
|
|
538
|
+
"--hop-status-negative-surface-strong": "var(--hop-amanita-200)",
|
|
539
|
+
"--hop-status-negative-text": "var(--hop-amanita-600)",
|
|
540
|
+
"--hop-status-negative-text-disabled": "var(--hop-amanita-200)",
|
|
541
|
+
"--hop-status-negative-text-hover": "var(--hop-amanita-700)",
|
|
542
|
+
"--hop-status-negative-text-press": "var(--hop-amanita-800)",
|
|
543
|
+
"--hop-status-negative-text-selected": "var(--hop-amanita-700)",
|
|
544
|
+
"--hop-status-neutral-border": "var(--hop-rock-800)",
|
|
545
|
+
"--hop-status-neutral-border-disabled": "var(--hop-rock-50)",
|
|
546
|
+
"--hop-status-neutral-border-hover": "var(--hop-rock-700)",
|
|
547
|
+
"--hop-status-neutral-border-press": "var(--hop-rock-900)",
|
|
548
|
+
"--hop-status-neutral-border-selected": "var(--hop-rock-800)",
|
|
493
549
|
"--hop-status-neutral-icon": "var(--hop-rock-800)",
|
|
550
|
+
"--hop-status-neutral-icon-disabled": "var(--hop-rock-300)",
|
|
551
|
+
"--hop-status-neutral-icon-hover": "var(--hop-rock-700)",
|
|
552
|
+
"--hop-status-neutral-icon-press": "var(--hop-rock-900)",
|
|
553
|
+
"--hop-status-neutral-icon-selected": "var(--hop-samoyed)",
|
|
494
554
|
"--hop-status-neutral-surface": "var(--hop-samoyed)",
|
|
555
|
+
"--hop-status-neutral-surface-disabled": "var(--hop-rock-50)",
|
|
556
|
+
"--hop-status-neutral-surface-hover": "var(--hop-rock-25)",
|
|
557
|
+
"--hop-status-neutral-surface-press": "var(--hop-rock-50)",
|
|
558
|
+
"--hop-status-neutral-surface-selected": "var(--hop-rock-800)",
|
|
495
559
|
"--hop-status-neutral-surface-strong": "var(--hop-rock-200)",
|
|
496
560
|
"--hop-status-neutral-text": "var(--hop-rock-800)",
|
|
497
|
-
"--hop-status-
|
|
498
|
-
"--hop-status-
|
|
561
|
+
"--hop-status-neutral-text-disabled": "var(--hop-rock-300)",
|
|
562
|
+
"--hop-status-neutral-text-hover": "var(--hop-rock-700)",
|
|
563
|
+
"--hop-status-neutral-text-press": "var(--hop-rock-900)",
|
|
564
|
+
"--hop-status-neutral-text-selected": "var(--hop-samoyed)",
|
|
565
|
+
"--hop-status-option1-border": "var(--hop-coastal-300)",
|
|
566
|
+
"--hop-status-option1-border-disabled": "var(--hop-coastal-50)",
|
|
567
|
+
"--hop-status-option1-border-hover": "var(--hop-coastal-400)",
|
|
568
|
+
"--hop-status-option1-border-press": "var(--hop-coastal-500)",
|
|
569
|
+
"--hop-status-option1-border-selected": "var(--hop-coastal-700)",
|
|
570
|
+
"--hop-status-option1-icon": "var(--hop-coastal-600)",
|
|
571
|
+
"--hop-status-option1-icon-disabled": "var(--hop-coastal-200)",
|
|
572
|
+
"--hop-status-option1-icon-hover": "var(--hop-coastal-700)",
|
|
573
|
+
"--hop-status-option1-icon-press": "var(--hop-coastal-800)",
|
|
574
|
+
"--hop-status-option1-icon-selected": "var(--hop-coastal-700)",
|
|
499
575
|
"--hop-status-option1-surface": "var(--hop-coastal-50)",
|
|
500
|
-
"--hop-status-option1-
|
|
501
|
-
"--hop-status-
|
|
502
|
-
"--hop-status-
|
|
576
|
+
"--hop-status-option1-surface-disabled": "var(--hop-coastal-25)",
|
|
577
|
+
"--hop-status-option1-surface-hover": "var(--hop-coastal-75)",
|
|
578
|
+
"--hop-status-option1-surface-press": "var(--hop-coastal-100)",
|
|
579
|
+
"--hop-status-option1-surface-selected": "var(--hop-coastal-50)",
|
|
580
|
+
"--hop-status-option1-surface-strong": "var(--hop-coastal-200)",
|
|
581
|
+
"--hop-status-option1-text": "var(--hop-coastal-600)",
|
|
582
|
+
"--hop-status-option1-text-disabled": "var(--hop-coastal-200)",
|
|
583
|
+
"--hop-status-option1-text-hover": "var(--hop-coastal-700)",
|
|
584
|
+
"--hop-status-option1-text-press": "var(--hop-coastal-800)",
|
|
585
|
+
"--hop-status-option1-text-selected": "var(--hop-coastal-700)",
|
|
586
|
+
"--hop-status-option2-border": "var(--hop-orchid-bloom-300)",
|
|
587
|
+
"--hop-status-option2-border-disabled": "var(--hop-orchid-bloom-50)",
|
|
588
|
+
"--hop-status-option2-border-hover": "var(--hop-orchid-bloom-400)",
|
|
589
|
+
"--hop-status-option2-border-press": "var(--hop-orchid-bloom-500)",
|
|
590
|
+
"--hop-status-option2-border-selected": "var(--hop-orchid-bloom-700)",
|
|
591
|
+
"--hop-status-option2-icon": "var(--hop-orchid-bloom-600)",
|
|
592
|
+
"--hop-status-option2-icon-disabled": "var(--hop-orchid-bloom-200)",
|
|
593
|
+
"--hop-status-option2-icon-hover": "var(--hop-orchid-bloom-700)",
|
|
594
|
+
"--hop-status-option2-icon-press": "var(--hop-orchid-bloom-800)",
|
|
595
|
+
"--hop-status-option2-icon-selected": "var(--hop-orchid-bloom-700)",
|
|
503
596
|
"--hop-status-option2-surface": "var(--hop-orchid-bloom-50)",
|
|
504
|
-
"--hop-status-option2-
|
|
505
|
-
"--hop-status-
|
|
506
|
-
"--hop-status-
|
|
597
|
+
"--hop-status-option2-surface-disabled": "var(--hop-orchid-bloom-25)",
|
|
598
|
+
"--hop-status-option2-surface-hover": "var(--hop-orchid-bloom-75)",
|
|
599
|
+
"--hop-status-option2-surface-press": "var(--hop-orchid-bloom-100)",
|
|
600
|
+
"--hop-status-option2-surface-selected": "var(--hop-orchid-bloom-50)",
|
|
601
|
+
"--hop-status-option2-surface-strong": "var(--hop-orchid-bloom-200)",
|
|
602
|
+
"--hop-status-option2-text": "var(--hop-orchid-bloom-600)",
|
|
603
|
+
"--hop-status-option2-text-disabled": "var(--hop-orchid-bloom-200)",
|
|
604
|
+
"--hop-status-option2-text-hover": "var(--hop-orchid-bloom-700)",
|
|
605
|
+
"--hop-status-option2-text-press": "var(--hop-orchid-bloom-800)",
|
|
606
|
+
"--hop-status-option2-text-selected": "var(--hop-orchid-bloom-700)",
|
|
607
|
+
"--hop-status-option3-border": "var(--hop-quetzal-300)",
|
|
608
|
+
"--hop-status-option3-border-disabled": "var(--hop-quetzal-50)",
|
|
609
|
+
"--hop-status-option3-border-hover": "var(--hop-quetzal-400)",
|
|
610
|
+
"--hop-status-option3-border-press": "var(--hop-quetzal-500)",
|
|
611
|
+
"--hop-status-option3-border-selected": "var(--hop-quetzal-50)",
|
|
612
|
+
"--hop-status-option3-icon": "var(--hop-quetzal-600)",
|
|
613
|
+
"--hop-status-option3-icon-disabled": "var(--hop-quetzal-200)",
|
|
614
|
+
"--hop-status-option3-icon-hover": "var(--hop-quetzal-700)",
|
|
615
|
+
"--hop-status-option3-icon-press": "var(--hop-quetzal-800)",
|
|
616
|
+
"--hop-status-option3-icon-selected": "var(--hop-quetzal-700)",
|
|
507
617
|
"--hop-status-option3-surface": "var(--hop-quetzal-50)",
|
|
508
|
-
"--hop-status-option3-
|
|
509
|
-
"--hop-status-
|
|
618
|
+
"--hop-status-option3-surface-disabled": "var(--hop-quetzal-25)",
|
|
619
|
+
"--hop-status-option3-surface-hover": "var(--hop-quetzal-75)",
|
|
620
|
+
"--hop-status-option3-surface-press": "var(--hop-quetzal-100)",
|
|
621
|
+
"--hop-status-option3-surface-selected": "var(--hop-quetzal-700)",
|
|
622
|
+
"--hop-status-option3-surface-strong": "var(--hop-quetzal-200)",
|
|
623
|
+
"--hop-status-option3-text": "var(--hop-quetzal-600)",
|
|
624
|
+
"--hop-status-option3-text-disabled": "var(--hop-quetzal-200)",
|
|
625
|
+
"--hop-status-option3-text-hover": "var(--hop-quetzal-700)",
|
|
626
|
+
"--hop-status-option3-text-press": "var(--hop-quetzal-800)",
|
|
627
|
+
"--hop-status-option3-text-selected": "var(--hop-quetzal-700)",
|
|
628
|
+
"--hop-status-option4-border": "var(--hop-fog-300)",
|
|
629
|
+
"--hop-status-option4-border-disabled": "var(--hop-fog-50)",
|
|
630
|
+
"--hop-status-option4-border-hover": "var(--hop-fog-400)",
|
|
631
|
+
"--hop-status-option4-border-press": "var(--hop-fog-500)",
|
|
632
|
+
"--hop-status-option4-border-selected": "var(--hop-fog-700)",
|
|
510
633
|
"--hop-status-option4-icon": "var(--hop-fog-600)",
|
|
634
|
+
"--hop-status-option4-icon-disabled": "var(--hop-fog-200)",
|
|
635
|
+
"--hop-status-option4-icon-hover": "var(--hop-fog-700)",
|
|
636
|
+
"--hop-status-option4-icon-press": "var(--hop-fog-800)",
|
|
637
|
+
"--hop-status-option4-icon-selected": "var(--hop-fog-700)",
|
|
511
638
|
"--hop-status-option4-surface": "var(--hop-fog-50)",
|
|
512
|
-
"--hop-status-option4-
|
|
639
|
+
"--hop-status-option4-surface-disabled": "var(--hop-fog-25)",
|
|
640
|
+
"--hop-status-option4-surface-hover": "var(--hop-fog-75)",
|
|
641
|
+
"--hop-status-option4-surface-press": "var(--hop-fog-100)",
|
|
642
|
+
"--hop-status-option4-surface-selected": "var(--hop-fog-50)",
|
|
643
|
+
"--hop-status-option4-surface-strong": "var(--hop-fog-200)",
|
|
644
|
+
"--hop-status-option4-text": "var(--hop-fog-200)",
|
|
645
|
+
"--hop-status-option4-text-disabled": "var(--hop-fog-700)",
|
|
646
|
+
"--hop-status-option4-text-hover": "var(--hop-fog-700)",
|
|
647
|
+
"--hop-status-option4-text-press": "var(--hop-fog-800)",
|
|
648
|
+
"--hop-status-option4-text-selected": "var(--hop-fog-700)",
|
|
649
|
+
"--hop-status-option5-border": "var(--hop-toad-300)",
|
|
650
|
+
"--hop-status-option5-border-disabled": "var(--hop-toad-50)",
|
|
651
|
+
"--hop-status-option5-border-hover": "var(--hop-toad-400)",
|
|
652
|
+
"--hop-status-option5-border-press": "var(--hop-toad-500)",
|
|
653
|
+
"--hop-status-option5-border-selected": "var(--hop-toad-700)",
|
|
654
|
+
"--hop-status-option5-icon": "var(--hop-toad-600)",
|
|
655
|
+
"--hop-status-option5-icon-disabled": "var(--hop-toad-200)",
|
|
656
|
+
"--hop-status-option5-icon-hover": "var(--hop-toad-700)",
|
|
657
|
+
"--hop-status-option5-icon-press": "var(--hop-toad-800)",
|
|
658
|
+
"--hop-status-option5-icon-selected": "var(--hop-toad-700)",
|
|
513
659
|
"--hop-status-option5-surface": "var(--hop-toad-50)",
|
|
660
|
+
"--hop-status-option5-surface-disabled": "var(--hop-toad-25)",
|
|
661
|
+
"--hop-status-option5-surface-hover": "var(--hop-toad-75)",
|
|
662
|
+
"--hop-status-option5-surface-press": "var(--hop-toad-100)",
|
|
663
|
+
"--hop-status-option5-surface-selected": "var(--hop-toad-50)",
|
|
514
664
|
"--hop-status-option5-surface-strong": "var(--hop-toad-200)",
|
|
515
665
|
"--hop-status-option5-text": "var(--hop-toad-600)",
|
|
516
|
-
"--hop-status-option5-
|
|
666
|
+
"--hop-status-option5-text-disabled": "var(--hop-toad-200)",
|
|
667
|
+
"--hop-status-option5-text-hover": "var(--hop-toad-700)",
|
|
668
|
+
"--hop-status-option5-text-press": "var(--hop-toad-800)",
|
|
669
|
+
"--hop-status-option5-text-selected": "var(--hop-toad-700)",
|
|
670
|
+
"--hop-status-option6-border": "var(--hop-sunken-treasure-300)",
|
|
671
|
+
"--hop-status-option6-border-disabled": "var(--hop-sunken-treasure-50)",
|
|
672
|
+
"--hop-status-option6-border-hover": "var(--hop-sunken-treasure-400)",
|
|
673
|
+
"--hop-status-option6-border-press": "var(--hop-sunken-treasure-500)",
|
|
674
|
+
"--hop-status-option6-border-selected": "var(--hop-sunken-treasure-700)",
|
|
675
|
+
"--hop-status-option6-icon": "var(--hop-sunken-treasure-600)",
|
|
676
|
+
"--hop-status-option6-icon-disabled": "var(--hop-sunken-treasure-200)",
|
|
677
|
+
"--hop-status-option6-icon-hover": "var(--hop-sunken-treasure-700)",
|
|
678
|
+
"--hop-status-option6-icon-press": "var(--hop-sunken-treasure-800)",
|
|
679
|
+
"--hop-status-option6-icon-selected": "var(--hop-sunken-treasure-700)",
|
|
517
680
|
"--hop-status-option6-surface": "var(--hop-sunken-treasure-25)",
|
|
681
|
+
"--hop-status-option6-surface-disabled": "var(--hop-sunken-treasure-25)",
|
|
682
|
+
"--hop-status-option6-surface-hover": "var(--hop-sunken-treasure-50)",
|
|
683
|
+
"--hop-status-option6-surface-press": "var(--hop-sunken-treasure-100)",
|
|
684
|
+
"--hop-status-option6-surface-selected": "var(--hop-sunken-treasure-50)",
|
|
518
685
|
"--hop-status-option6-surface-strong": "var(--hop-sunken-treasure-200)",
|
|
519
686
|
"--hop-status-option6-text": "var(--hop-sunken-treasure-600)",
|
|
520
|
-
"--hop-status-option6-
|
|
521
|
-
"--hop-status-
|
|
522
|
-
"--hop-status-
|
|
687
|
+
"--hop-status-option6-text-disabled": "var(--hop-sunken-treasure-200)",
|
|
688
|
+
"--hop-status-option6-text-hover": "var(--hop-sunken-treasure-700)",
|
|
689
|
+
"--hop-status-option6-text-press": "var(--hop-sunken-treasure-800)",
|
|
690
|
+
"--hop-status-option6-text-selected": "var(--hop-sunken-treasure-700)",
|
|
691
|
+
"--hop-status-positive-border": "var(--hop-moss-300)",
|
|
692
|
+
"--hop-status-positive-border-disabled": "var(--hop-moss-50)",
|
|
693
|
+
"--hop-status-positive-border-hover": "var(--hop-moss-400)",
|
|
694
|
+
"--hop-status-positive-border-press": "var(--hop-moss-500)",
|
|
695
|
+
"--hop-status-positive-border-selected": "var(--hop-moss-700)",
|
|
696
|
+
"--hop-status-positive-icon": "var(--hop-moss-600)",
|
|
697
|
+
"--hop-status-positive-icon-disabled": "var(--hop-moss-200)",
|
|
698
|
+
"--hop-status-positive-icon-hover": "var(--hop-moss-700)",
|
|
699
|
+
"--hop-status-positive-icon-press": "var(--hop-moss-800)",
|
|
700
|
+
"--hop-status-positive-icon-selected": "var(--hop-moss-700)",
|
|
523
701
|
"--hop-status-positive-surface": "var(--hop-moss-50)",
|
|
524
|
-
"--hop-status-positive-
|
|
702
|
+
"--hop-status-positive-surface-disabled": "var(--hop-moss-25)",
|
|
703
|
+
"--hop-status-positive-surface-hover": "var(--hop-moss-75)",
|
|
704
|
+
"--hop-status-positive-surface-press": "var(--hop-moss-100)",
|
|
705
|
+
"--hop-status-positive-surface-selected": "var(--hop-moss-50)",
|
|
706
|
+
"--hop-status-positive-surface-strong": "var(--hop-moss-200)",
|
|
707
|
+
"--hop-status-positive-text": "var(--hop-moss-600)",
|
|
708
|
+
"--hop-status-positive-text-disabled": "var(--hop-moss-200)",
|
|
709
|
+
"--hop-status-positive-text-hover": "var(--hop-moss-700)",
|
|
710
|
+
"--hop-status-positive-text-press": "var(--hop-moss-800)",
|
|
711
|
+
"--hop-status-positive-text-selected": "var(--hop-moss-700)",
|
|
712
|
+
"--hop-status-progress-border": "var(--hop-sapphire-300)",
|
|
713
|
+
"--hop-status-progress-border-disabled": "var(--hop-sapphire-50)",
|
|
714
|
+
"--hop-status-progress-border-hover": "var(--hop-sapphire-400)",
|
|
715
|
+
"--hop-status-progress-border-press": "var(--hop-sapphire-500)",
|
|
716
|
+
"--hop-status-progress-border-selected": "var(--hop-sapphire-400)",
|
|
717
|
+
"--hop-status-progress-icon": "var(--hop-sapphire-600)",
|
|
718
|
+
"--hop-status-progress-icon-disabled": "var(--hop-sapphire-200)",
|
|
719
|
+
"--hop-status-progress-icon-hover": "var(--hop-sapphire-700)",
|
|
720
|
+
"--hop-status-progress-icon-press": "var(--hop-sapphire-800)",
|
|
721
|
+
"--hop-status-progress-icon-selected": "var(--hop-sapphire-500)",
|
|
525
722
|
"--hop-status-progress-surface": "var(--hop-sapphire-50)",
|
|
723
|
+
"--hop-status-progress-surface-disabled": "var(--hop-sapphire-25)",
|
|
724
|
+
"--hop-status-progress-surface-hover": "var(--hop-sapphire-75)",
|
|
725
|
+
"--hop-status-progress-surface-press": "var(--hop-sapphire-100)",
|
|
726
|
+
"--hop-status-progress-surface-selected": "var(--hop-sapphire-50)",
|
|
526
727
|
"--hop-status-progress-surface-strong": "var(--hop-sapphire-200)",
|
|
527
728
|
"--hop-status-progress-text": "var(--hop-sapphire-600)",
|
|
528
|
-
"--hop-status-progress-
|
|
729
|
+
"--hop-status-progress-text-disabled": "var(--hop-sapphire-200)",
|
|
730
|
+
"--hop-status-progress-text-hover": "var(--hop-sapphire-700)",
|
|
731
|
+
"--hop-status-progress-text-press": "var(--hop-sapphire-800)",
|
|
732
|
+
"--hop-status-progress-text-selected": "var(--hop-sapphire-500)",
|
|
529
733
|
"--hop-success-border": "var(--hop-moss-100)",
|
|
530
734
|
"--hop-success-icon": "var(--hop-moss-700)",
|
|
531
735
|
"--hop-success-icon-weakest": "var(--hop-moss-100)",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { BodyStyleProvider } from './chunk-
|
|
2
|
-
import { Div } from './chunk-
|
|
1
|
+
import { BodyStyleProvider } from './chunk-DE5KBEWF.js';
|
|
2
|
+
import { Div } from './chunk-6A6KKUGR.js';
|
|
3
3
|
import { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-GXUFWEP5.js';
|
|
4
|
-
import { TokenProvider } from './chunk-
|
|
5
|
-
import { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-
|
|
4
|
+
import { TokenProvider } from './chunk-FUFOEPR3.js';
|
|
5
|
+
import { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-AVOFJJEJ.js';
|
|
6
6
|
import { useColorScheme } from './chunk-5U5IRAPA.js';
|
|
7
7
|
import { ColorSchemeContext } from './chunk-V7X6ANEM.js';
|
|
8
8
|
import clsx from 'clsx';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { ColorSchemeContext, useColorSchemeContext } from '../chunk-V7X6ANEM.js';
|
|
2
|
-
import '../chunk-
|
|
2
|
+
import '../chunk-AQ5VUG5P.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { BodyStyleProvider } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
1
|
+
export { BodyStyleProvider } from '../chunk-DE5KBEWF.js';
|
|
2
|
+
import '../chunk-BSIKCABJ.js';
|
|
3
3
|
import '../chunk-3YM73BQP.js';
|
|
4
4
|
import '../chunk-RIORU7JO.js';
|
|
5
5
|
import '../chunk-YPIK2HRL.js';
|
|
6
|
-
import '../chunk-
|
|
6
|
+
import '../chunk-AVOFJJEJ.js';
|
|
7
7
|
import '../chunk-U5R6ZXH3.js';
|
|
8
8
|
import '../chunk-V7X6ANEM.js';
|
|
9
|
-
import '../chunk-
|
|
9
|
+
import '../chunk-AQ5VUG5P.js';
|
|
@@ -1,132 +1,132 @@
|
|
|
1
1
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/UseStyledSystem.module.css/#css-module-data */
|
|
2
|
-
.UseStyledSystem-module__hop-b-
|
|
2
|
+
.UseStyledSystem-module__hop-b-hover___t8Lo0:hover {
|
|
3
3
|
--hop-b-hover: initial;
|
|
4
4
|
border: var(--hop-b-hover) !important;
|
|
5
5
|
}
|
|
6
|
-
.UseStyledSystem-module__hop-bb-
|
|
6
|
+
.UseStyledSystem-module__hop-bb-hover___53Yvu:hover {
|
|
7
7
|
--hop-bb-hover: initial;
|
|
8
8
|
border-bottom: var(--hop-bb-hover) !important;
|
|
9
9
|
}
|
|
10
|
-
.UseStyledSystem-module__hop-bl-
|
|
10
|
+
.UseStyledSystem-module__hop-bl-hover___FFbN4:hover {
|
|
11
11
|
--hop-bl-hover: initial;
|
|
12
12
|
border-left: var(--hop-bl-hover) !important;
|
|
13
13
|
}
|
|
14
|
-
.UseStyledSystem-module__hop-br-
|
|
14
|
+
.UseStyledSystem-module__hop-br-hover___Jp7FK:hover {
|
|
15
15
|
--hop-br-hover: initial;
|
|
16
16
|
border-right: var(--hop-br-hover) !important;
|
|
17
17
|
}
|
|
18
|
-
.UseStyledSystem-module__hop-bt-
|
|
18
|
+
.UseStyledSystem-module__hop-bt-hover___cQO1X:hover {
|
|
19
19
|
--hop-bt-hover: initial;
|
|
20
20
|
border-top: var(--hop-bt-hover) !important;
|
|
21
21
|
}
|
|
22
|
-
.UseStyledSystem-module__hop-b-
|
|
22
|
+
.UseStyledSystem-module__hop-b-focus___XFZga:focus-visible {
|
|
23
23
|
--hop-b-focus: initial;
|
|
24
24
|
border: var(--hop-b-focus) !important;
|
|
25
25
|
}
|
|
26
|
-
.UseStyledSystem-module__hop-bb-
|
|
26
|
+
.UseStyledSystem-module__hop-bb-focus___vT9PT:focus-visible {
|
|
27
27
|
--hop-bb-focus: initial;
|
|
28
28
|
border-bottom: var(--hop-bb-focus) !important;
|
|
29
29
|
}
|
|
30
|
-
.UseStyledSystem-module__hop-bl-
|
|
30
|
+
.UseStyledSystem-module__hop-bl-focus___Rgurm:focus-visible {
|
|
31
31
|
--hop-bl-focus: initial;
|
|
32
32
|
border-left: var(--hop-bl-focus) !important;
|
|
33
33
|
}
|
|
34
|
-
.UseStyledSystem-module__hop-br-
|
|
34
|
+
.UseStyledSystem-module__hop-br-focus___bEZLZ:focus-visible {
|
|
35
35
|
--hop-br-focus: initial;
|
|
36
36
|
border-right: var(--hop-br-focus) !important;
|
|
37
37
|
}
|
|
38
|
-
.UseStyledSystem-module__hop-bt-
|
|
38
|
+
.UseStyledSystem-module__hop-bt-focus___0pELo:focus-visible {
|
|
39
39
|
--hop-bt-focus: initial;
|
|
40
40
|
border-top: var(--hop-bt-focus) !important;
|
|
41
41
|
}
|
|
42
|
-
.UseStyledSystem-module__hop-b-
|
|
42
|
+
.UseStyledSystem-module__hop-b-active___blUnL:active {
|
|
43
43
|
--hop-b-active: initial;
|
|
44
44
|
border: var(--hop-b-active) !important;
|
|
45
45
|
}
|
|
46
|
-
.UseStyledSystem-module__hop-bb-
|
|
46
|
+
.UseStyledSystem-module__hop-bb-active___8C-RF:active {
|
|
47
47
|
--hop-bb-active: initial;
|
|
48
48
|
border-bottom: var(--hop-bb-active) !important;
|
|
49
49
|
}
|
|
50
|
-
.UseStyledSystem-module__hop-bl-
|
|
50
|
+
.UseStyledSystem-module__hop-bl-active___qNF-Z:active {
|
|
51
51
|
--hop-bl-active: initial;
|
|
52
52
|
border-left: var(--hop-bl-active) !important;
|
|
53
53
|
}
|
|
54
|
-
.UseStyledSystem-module__hop-br-
|
|
54
|
+
.UseStyledSystem-module__hop-br-active___aHzly:active {
|
|
55
55
|
--hop-br-active: initial;
|
|
56
56
|
border-right: var(--hop-br-active) !important;
|
|
57
57
|
}
|
|
58
|
-
.UseStyledSystem-module__hop-bt-
|
|
58
|
+
.UseStyledSystem-module__hop-bt-active___JaURm:active {
|
|
59
59
|
--hop-bt-active: initial;
|
|
60
60
|
border-top: var(--hop-bt-active) !important;
|
|
61
61
|
}
|
|
62
|
-
.UseStyledSystem-module__hop-bg-
|
|
62
|
+
.UseStyledSystem-module__hop-bg-hover___IbQ-k:hover {
|
|
63
63
|
--hop-bg-hover: initial;
|
|
64
64
|
background-color: var(--hop-bg-hover) !important;
|
|
65
65
|
}
|
|
66
|
-
.UseStyledSystem-module__hop-bg-
|
|
66
|
+
.UseStyledSystem-module__hop-bg-focus___QwbnS:focus-visible {
|
|
67
67
|
--hop-bg-focus: initial;
|
|
68
68
|
background-color: var(--hop-bg-focus) !important;
|
|
69
69
|
}
|
|
70
|
-
.UseStyledSystem-module__hop-bg-
|
|
70
|
+
.UseStyledSystem-module__hop-bg-active___5LUmF:active {
|
|
71
71
|
--hop-bg-active: initial;
|
|
72
72
|
background-color: var(--hop-bg-active) !important;
|
|
73
73
|
}
|
|
74
|
-
.UseStyledSystem-module__hop-bs-
|
|
74
|
+
.UseStyledSystem-module__hop-bs-hover___isAp8:hover {
|
|
75
75
|
--hop-bs-hover: initial;
|
|
76
76
|
box-shadow: var(--hop-bs-hover) !important;
|
|
77
77
|
}
|
|
78
|
-
.UseStyledSystem-module__hop-bs-
|
|
78
|
+
.UseStyledSystem-module__hop-bs-focus___2kcKY:focus-visible {
|
|
79
79
|
--hop-bs-focus: initial;
|
|
80
80
|
box-shadow: var(--hop-bs-focus) !important;
|
|
81
81
|
}
|
|
82
|
-
.UseStyledSystem-module__hop-bs-
|
|
82
|
+
.UseStyledSystem-module__hop-bs-active___TLAT2:active {
|
|
83
83
|
--hop-bs-active: initial;
|
|
84
84
|
box-shadow: var(--hop-bs-active) !important;
|
|
85
85
|
}
|
|
86
|
-
.UseStyledSystem-module__hop-c-
|
|
86
|
+
.UseStyledSystem-module__hop-c-hover___swpmM:hover {
|
|
87
87
|
--hop-c-hover: initial;
|
|
88
88
|
color: var(--hop-c-hover) !important;
|
|
89
89
|
}
|
|
90
|
-
.UseStyledSystem-module__hop-c-
|
|
90
|
+
.UseStyledSystem-module__hop-c-focus___UEpLS:focus-visible {
|
|
91
91
|
--hop-c-focus: initial;
|
|
92
92
|
color: var(--hop-c-focus) !important;
|
|
93
93
|
}
|
|
94
|
-
.UseStyledSystem-module__hop-c-
|
|
94
|
+
.UseStyledSystem-module__hop-c-active___gpUs-:active {
|
|
95
95
|
--hop-c-active: initial;
|
|
96
96
|
color: var(--hop-c-active) !important;
|
|
97
97
|
}
|
|
98
|
-
.UseStyledSystem-module__hop-cs-
|
|
98
|
+
.UseStyledSystem-module__hop-cs-hover___a93TL:hover {
|
|
99
99
|
--hop-cs-hover: initial;
|
|
100
100
|
cursor: var(--hop-cs-hover) !important;
|
|
101
101
|
}
|
|
102
|
-
.UseStyledSystem-module__hop-f-
|
|
102
|
+
.UseStyledSystem-module__hop-f-hover___b0oFU:hover {
|
|
103
103
|
--hop-f-hover: initial;
|
|
104
104
|
fill: var(--hop-f-hover) !important;
|
|
105
105
|
}
|
|
106
|
-
.UseStyledSystem-module__hop-f-
|
|
106
|
+
.UseStyledSystem-module__hop-f-focus___LLYz1:focus-visible {
|
|
107
107
|
--hop-f-focus: initial;
|
|
108
108
|
fill: var(--hop-f-focus) !important;
|
|
109
109
|
}
|
|
110
|
-
.UseStyledSystem-module__hop-o-
|
|
110
|
+
.UseStyledSystem-module__hop-o-hover___gNC9i:hover {
|
|
111
111
|
--hop-o-hover: initial;
|
|
112
112
|
opacity: var(--hop-o-hover) !important;
|
|
113
113
|
}
|
|
114
|
-
.UseStyledSystem-module__hop-o-
|
|
114
|
+
.UseStyledSystem-module__hop-o-focus___osuGw:focus-visible {
|
|
115
115
|
--hop-o-focus: initial;
|
|
116
116
|
opacity: var(--hop-o-focus) !important;
|
|
117
117
|
}
|
|
118
|
-
.UseStyledSystem-module__hop-o-
|
|
118
|
+
.UseStyledSystem-module__hop-o-active___dMjnf:active {
|
|
119
119
|
--hop-o-active: initial;
|
|
120
120
|
opacity: var(--hop-o-active) !important;
|
|
121
121
|
}
|
|
122
|
-
.UseStyledSystem-module__hop-ol-
|
|
122
|
+
.UseStyledSystem-module__hop-ol-focus___JifYD:focus-visible {
|
|
123
123
|
--hop-ol-focus: initial;
|
|
124
124
|
color: var(--hop-ol-focus) !important;
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/html-wrappers/htmlElement.module.css/#css-module-data */
|
|
128
|
-
:where(.htmlElement-module__hop-
|
|
129
|
-
:where(.htmlElement-module__hop-
|
|
130
|
-
:where(.htmlElement-module__hop-
|
|
128
|
+
:where(.htmlElement-module__hop-HtmlElement___ISNzn),
|
|
129
|
+
:where(.htmlElement-module__hop-HtmlElement___ISNzn::after),
|
|
130
|
+
:where(.htmlElement-module__hop-HtmlElement___ISNzn::before) {
|
|
131
131
|
box-sizing: border-box;
|
|
132
132
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
3
|
-
import '../chunk-
|
|
4
|
-
import '../chunk-
|
|
5
|
-
import '../chunk-
|
|
1
|
+
export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from '../chunk-6A6KKUGR.js';
|
|
2
|
+
import '../chunk-47BMTQH2.js';
|
|
3
|
+
import '../chunk-DKR6TVF5.js';
|
|
4
|
+
import '../chunk-DED5SJ46.js';
|
|
5
|
+
import '../chunk-GWDNZB6T.js';
|
|
6
6
|
import '../chunk-SFOVKOPG.js';
|
|
7
7
|
import '../chunk-VBKLISDI.js';
|
|
8
8
|
import '../chunk-XUHDFZZL.js';
|
|
9
9
|
import '../chunk-U5R6ZXH3.js';
|
|
10
10
|
import '../chunk-QMDDVBCZ.js';
|
|
11
|
-
import '../chunk-
|
|
11
|
+
import '../chunk-AQ5VUG5P.js';
|