@hopper-ui/styled-system 3.2.1 → 3.2.3

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 (33) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.js +9 -9
  4. package/dist/{chunk-O23Y6XWF.js → chunk-2MXOW5MU.js} +1 -1
  5. package/dist/{chunk-ASSKAO2A.js → chunk-3QXVL3DW.js} +1 -0
  6. package/dist/{chunk-GC433Y2B.js → chunk-4QYOTBJP.js} +3 -3
  7. package/dist/{chunk-FQANZORX.js → chunk-KYJN33SJ.js} +1 -1
  8. package/dist/{chunk-KXONQSD2.js → chunk-LBDCVPO6.js} +1 -1
  9. package/dist/{chunk-NBXRPHDV.js → chunk-O7B7VLBY.js} +2 -2
  10. package/dist/{chunk-4EMCBUYU.js → chunk-UOBQPWH7.js} +2 -2
  11. package/dist/{chunk-4657EBPG.js → chunk-V5HCC3TD.js} +1 -1
  12. package/dist/{chunk-MMWITT3V.js → chunk-VXORJDJA.js} +2 -2
  13. package/dist/global-styles/BodyStyleProvider.js +2 -2
  14. package/dist/html-wrappers/html.css +34 -34
  15. package/dist/html-wrappers/html.js +6 -6
  16. package/dist/html-wrappers/htmlElement.css +34 -34
  17. package/dist/html-wrappers/htmlElement.js +5 -5
  18. package/dist/index.css +34 -34
  19. package/dist/index.js +9 -9
  20. package/dist/styledSystemRootCssClass.js +2 -2
  21. package/dist/theme/generated/sharegate/dark.css +260 -259
  22. package/dist/theme/generated/sharegate/light.css +221 -220
  23. package/dist/theme/generated/workleap/dark.css +14 -13
  24. package/dist/theme/generated/workleap/light.css +14 -13
  25. package/dist/tokens/generated/styledSystemConstants.d.ts +1 -1
  26. package/dist/tokens/generated/styledSystemConstants.js +1 -1
  27. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +1 -0
  28. package/dist/tokens/generated/styledSystemToTokenMappings.js +1 -1
  29. package/dist/tokens/tokenMappings.d.ts +1 -0
  30. package/dist/tokens/tokenMappings.js +3 -3
  31. package/dist/useStyledSystem.css +31 -31
  32. package/dist/useStyledSystem.js +4 -4
  33. package/package.json +2 -2
package/dist/theme/generated/sharegate/light.css CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file is generated by Style Dictionary. Do not edit directly.
3
3
  */
4
4
 
5
- .hop-5-2-1-sharegate {
5
+ .hop-5-2-3-sharegate {
6
6
  --hop-comp-tooltip-box-shadow: 0 4px 10px 4px rgba(0, 0, 0, 0.08), 0 8px 24px 0 rgba(0, 0, 0, 0.12);
7
7
  --hop-comp-tooltip-backdrop-filter: blur(10px);
8
8
  --hop-comp-tile-icon-color: transparent;
@@ -61,8 +61,8 @@
61
61
  --hop-comp-button-ghost-primary-background-loading: transparent;
62
62
  --hop-comp-button-ghost-primary-background: transparent;
63
63
  --hop-comp-button-ghost-primary-box-shadow: none;
64
- --hop-comp-button-danger-box-shadow-loading: none;
65
- --hop-comp-button-danger-box-shadow: none;
64
+ --hop-comp-button-danger-box-shadow-loading: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 4px 0 rgba(0, 0, 0, 0.10) inset;
65
+ --hop-comp-button-danger-box-shadow: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 4px 0 rgba(0, 0, 0, 0.10) inset;
66
66
  --hop-comp-button-upsell-border-color-disabled: transparent;
67
67
  --hop-comp-button-upsell-box-shadow-loading: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 4px 0 rgba(0, 0, 0, 0.10) inset;
68
68
  --hop-comp-button-upsell-box-shadow: none;
@@ -447,18 +447,18 @@
447
447
  --hop-amber-75: #ffe39a;
448
448
  --hop-amber-50: #fff1cc;
449
449
  --hop-amber-25: #fff6e0;
450
- --hop-rose-900: #2b1e23;
451
- --hop-rose-800: #3d2630;
452
- --hop-rose-700: #542f3e;
453
- --hop-rose-600: #6a394c;
454
- --hop-rose-500: #80435a;
455
- --hop-rose-400: #995068;
456
- --hop-rose-300: #fc5992;
457
- --hop-rose-200: #f47c9e;
458
- --hop-rose-100: #f7a3ba;
459
- --hop-rose-75: #f9c1cf;
460
- --hop-rose-50: #fbd6df;
461
- --hop-rose-25: #fdecef;
450
+ --hop-rose-900: #341417;
451
+ --hop-rose-800: #50161c;
452
+ --hop-rose-700: #711822;
453
+ --hop-rose-600: #951b2a;
454
+ --hop-rose-500: #ba1f34;
455
+ --hop-rose-400: #de2840;
456
+ --hop-rose-300: #f5425d;
457
+ --hop-rose-200: #f76d83;
458
+ --hop-rose-100: #fa9ba9;
459
+ --hop-rose-75: #fcbcc5;
460
+ --hop-rose-50: #fdd3d8;
461
+ --hop-rose-25: #feeaec;
462
462
  --hop-samoyed: #ffffff;
463
463
  --hop-rock-900: #232426;
464
464
  --hop-rock-800: #313335;
@@ -640,6 +640,8 @@
640
640
  --hop-comp-callout-warning-icon-fill-color: var(--hop-samoyed);
641
641
  --hop-comp-callout-success-icon-fill-color: var(--hop-samoyed);
642
642
  --hop-comp-callout-information-icon-fill-color: var(--hop-samoyed);
643
+ --hop-comp-button-danger-background-loading: linear-gradient(var(--hop-rose-300), var(--hop-rose-600) 100%);
644
+ --hop-comp-button-danger-background: linear-gradient(var(--hop-rose-300), var(--hop-rose-600) 100%);
643
645
  --hop-comp-button-upsell-background-loading: linear-gradient(var(--hop-limeburst-50), var(--hop-persimmon-300) 151%);
644
646
  --hop-comp-button-upsell-background: linear-gradient(var(--hop-limeburst-50), var(--hop-persimmon-300) 151%);
645
647
  --hop-comp-button-primary-background-loading: linear-gradient(var(--hop-iris-300), var(--hop-iris-600) 100%);
@@ -790,88 +792,88 @@
790
792
  --hop-dataviz-unavailable-strong: var(--hop-rock-100);
791
793
  --hop-dataviz-unavailable-weak: var(--hop-rock-50);
792
794
  --hop-dataviz-unavailable: var(--hop-rock-75);
793
- --hop-warning-text-weak: var(--hop-koi-300);
794
- --hop-warning-text: var(--hop-koi-700);
795
- --hop-warning-surface-weak: var(--hop-koi-50);
796
- --hop-warning-surface-strong: var(--hop-koi-100);
797
- --hop-warning-surface: var(--hop-koi-25);
798
- --hop-warning-icon-weak: var(--hop-koi-300);
799
- --hop-warning-icon-weakest: var(--hop-koi-100);
800
- --hop-warning-icon: var(--hop-koi-700);
801
- --hop-warning-border: var(--hop-koi-100);
802
- --hop-success-text-weak: var(--hop-moss-300);
803
- --hop-success-text-hover: var(--hop-moss-800);
804
- --hop-success-text: var(--hop-moss-700);
805
- --hop-success-surface-weak: var(--hop-moss-50);
806
- --hop-success-surface-strong: var(--hop-moss-100);
807
- --hop-success-surface: var(--hop-moss-25);
808
- --hop-success-icon-weak: var(--hop-moss-300);
809
- --hop-success-icon-weakest: var(--hop-moss-100);
810
- --hop-success-icon: var(--hop-moss-700);
811
- --hop-success-border: var(--hop-moss-100);
812
- --hop-status-progress-text-selected: var(--hop-sapphire-500);
813
- --hop-status-progress-text-press: var(--hop-sapphire-800);
814
- --hop-status-progress-text-hover: var(--hop-sapphire-700);
815
- --hop-status-progress-text-disabled: var(--hop-sapphire-200);
816
- --hop-status-progress-text: var(--hop-sapphire-600);
817
- --hop-status-progress-surface-strong: var(--hop-sapphire-200);
818
- --hop-status-progress-surface-selected: var(--hop-sapphire-50);
819
- --hop-status-progress-surface-press: var(--hop-sapphire-100);
820
- --hop-status-progress-surface-hover: var(--hop-sapphire-75);
821
- --hop-status-progress-surface-disabled: var(--hop-sapphire-25);
822
- --hop-status-progress-surface: var(--hop-sapphire-50);
823
- --hop-status-progress-icon-selected: var(--hop-sapphire-500);
824
- --hop-status-progress-icon-press: var(--hop-sapphire-800);
825
- --hop-status-progress-icon-hover: var(--hop-sapphire-700);
826
- --hop-status-progress-icon-disabled: var(--hop-sapphire-200);
827
- --hop-status-progress-icon: var(--hop-sapphire-600);
828
- --hop-status-progress-border-selected: var(--hop-sapphire-400);
829
- --hop-status-progress-border-press: var(--hop-sapphire-500);
830
- --hop-status-progress-border-hover: var(--hop-sapphire-400);
831
- --hop-status-progress-border-disabled: var(--hop-sapphire-50);
832
- --hop-status-progress-border: var(--hop-sapphire-300);
833
- --hop-status-positive-text-selected: var(--hop-moss-700);
834
- --hop-status-positive-text-press: var(--hop-moss-800);
835
- --hop-status-positive-text-hover: var(--hop-moss-700);
836
- --hop-status-positive-text-disabled: var(--hop-moss-200);
837
- --hop-status-positive-text: var(--hop-moss-600);
838
- --hop-status-positive-surface-strong: var(--hop-moss-200);
839
- --hop-status-positive-surface-selected: var(--hop-moss-50);
840
- --hop-status-positive-surface-press: var(--hop-moss-100);
841
- --hop-status-positive-surface-hover: var(--hop-moss-75);
842
- --hop-status-positive-surface-disabled: var(--hop-moss-25);
843
- --hop-status-positive-surface: var(--hop-moss-50);
844
- --hop-status-positive-icon-selected: var(--hop-moss-700);
845
- --hop-status-positive-icon-press: var(--hop-moss-800);
846
- --hop-status-positive-icon-hover: var(--hop-moss-700);
847
- --hop-status-positive-icon-disabled: var(--hop-moss-200);
848
- --hop-status-positive-icon: var(--hop-moss-600);
849
- --hop-status-positive-border-selected: var(--hop-moss-700);
850
- --hop-status-positive-border-press: var(--hop-moss-500);
851
- --hop-status-positive-border-hover: var(--hop-moss-400);
852
- --hop-status-positive-border-disabled: var(--hop-moss-50);
853
- --hop-status-positive-border: var(--hop-moss-300);
854
- --hop-status-option6-text-selected: var(--hop-sunken-treasure-700);
855
- --hop-status-option6-text-press: var(--hop-sunken-treasure-800);
856
- --hop-status-option6-text-hover: var(--hop-sunken-treasure-700);
857
- --hop-status-option6-text-disabled: var(--hop-sunken-treasure-200);
858
- --hop-status-option6-text: var(--hop-sunken-treasure-600);
859
- --hop-status-option6-surface-strong: var(--hop-sunken-treasure-200);
860
- --hop-status-option6-surface-selected: var(--hop-sunken-treasure-50);
861
- --hop-status-option6-surface-press: var(--hop-sunken-treasure-100);
862
- --hop-status-option6-surface-hover: var(--hop-sunken-treasure-50);
863
- --hop-status-option6-surface-disabled: var(--hop-sunken-treasure-25);
864
- --hop-status-option6-surface: var(--hop-sunken-treasure-25);
865
- --hop-status-option6-icon-selected: var(--hop-sunken-treasure-700);
866
- --hop-status-option6-icon-press: var(--hop-sunken-treasure-800);
867
- --hop-status-option6-icon-hover: var(--hop-sunken-treasure-700);
868
- --hop-status-option6-icon-disabled: var(--hop-sunken-treasure-200);
869
- --hop-status-option6-icon: var(--hop-sunken-treasure-600);
870
- --hop-status-option6-border-selected: var(--hop-sunken-treasure-700);
871
- --hop-status-option6-border-press: var(--hop-sunken-treasure-500);
872
- --hop-status-option6-border-hover: var(--hop-sunken-treasure-400);
873
- --hop-status-option6-border-disabled: var(--hop-sunken-treasure-50);
874
- --hop-status-option6-border: var(--hop-sunken-treasure-300);
795
+ --hop-warning-text-weak: var(--hop-amber-300);
796
+ --hop-warning-text: var(--hop-amber-700);
797
+ --hop-warning-surface-weak: var(--hop-amber-50);
798
+ --hop-warning-surface-strong: var(--hop-amber-100);
799
+ --hop-warning-surface: var(--hop-amber-25);
800
+ --hop-warning-icon-weak: var(--hop-amber-300);
801
+ --hop-warning-icon-weakest: var(--hop-amber-100);
802
+ --hop-warning-icon: var(--hop-amber-700);
803
+ --hop-warning-border: var(--hop-amber-100);
804
+ --hop-success-text-weak: var(--hop-mint-300);
805
+ --hop-success-text-hover: var(--hop-mint-800);
806
+ --hop-success-text: var(--hop-mint-700);
807
+ --hop-success-surface-weak: var(--hop-mint-50);
808
+ --hop-success-surface-strong: var(--hop-mint-100);
809
+ --hop-success-surface: var(--hop-mint-25);
810
+ --hop-success-icon-weak: var(--hop-mint-300);
811
+ --hop-success-icon-weakest: var(--hop-mint-100);
812
+ --hop-success-icon: var(--hop-mint-700);
813
+ --hop-success-border: var(--hop-mint-100);
814
+ --hop-status-progress-text-selected: var(--hop-cobalt-700);
815
+ --hop-status-progress-text-press: var(--hop-cobalt-800);
816
+ --hop-status-progress-text-hover: var(--hop-cobalt-700);
817
+ --hop-status-progress-text-disabled: var(--hop-cobalt-200);
818
+ --hop-status-progress-text: var(--hop-cobalt-600);
819
+ --hop-status-progress-surface-strong: var(--hop-cobalt-200);
820
+ --hop-status-progress-surface-selected: var(--hop-cobalt-50);
821
+ --hop-status-progress-surface-press: var(--hop-cobalt-100);
822
+ --hop-status-progress-surface-hover: var(--hop-cobalt-75);
823
+ --hop-status-progress-surface-disabled: var(--hop-cobalt-25);
824
+ --hop-status-progress-surface: var(--hop-cobalt-50);
825
+ --hop-status-progress-icon-selected: var(--hop-cobalt-700);
826
+ --hop-status-progress-icon-press: var(--hop-cobalt-800);
827
+ --hop-status-progress-icon-hover: var(--hop-cobalt-700);
828
+ --hop-status-progress-icon-disabled: var(--hop-cobalt-200);
829
+ --hop-status-progress-icon: var(--hop-cobalt-600);
830
+ --hop-status-progress-border-selected: var(--hop-cobalt-700);
831
+ --hop-status-progress-border-press: var(--hop-cobalt-500);
832
+ --hop-status-progress-border-hover: var(--hop-cobalt-400);
833
+ --hop-status-progress-border-disabled: var(--hop-cobalt-50);
834
+ --hop-status-progress-border: var(--hop-cobalt-300);
835
+ --hop-status-positive-text-selected: var(--hop-mint-700);
836
+ --hop-status-positive-text-press: var(--hop-mint-800);
837
+ --hop-status-positive-text-hover: var(--hop-mint-700);
838
+ --hop-status-positive-text-disabled: var(--hop-mint-200);
839
+ --hop-status-positive-text: var(--hop-mint-600);
840
+ --hop-status-positive-surface-strong: var(--hop-mint-200);
841
+ --hop-status-positive-surface-selected: var(--hop-mint-50);
842
+ --hop-status-positive-surface-press: var(--hop-mint-100);
843
+ --hop-status-positive-surface-hover: var(--hop-mint-75);
844
+ --hop-status-positive-surface-disabled: var(--hop-mint-25);
845
+ --hop-status-positive-surface: var(--hop-mint-50);
846
+ --hop-status-positive-icon-selected: var(--hop-mint-700);
847
+ --hop-status-positive-icon-press: var(--hop-mint-800);
848
+ --hop-status-positive-icon-hover: var(--hop-mint-700);
849
+ --hop-status-positive-icon-disabled: var(--hop-mint-200);
850
+ --hop-status-positive-icon: var(--hop-mint-600);
851
+ --hop-status-positive-border-selected: var(--hop-mint-700);
852
+ --hop-status-positive-border-press: var(--hop-mint-500);
853
+ --hop-status-positive-border-hover: var(--hop-mint-400);
854
+ --hop-status-positive-border-disabled: var(--hop-mint-50);
855
+ --hop-status-positive-border: var(--hop-mint-300);
856
+ --hop-status-option6-text-selected: var(--hop-limeburst-700);
857
+ --hop-status-option6-text-press: var(--hop-limeburst-800);
858
+ --hop-status-option6-text-hover: var(--hop-limeburst-700);
859
+ --hop-status-option6-text-disabled: var(--hop-limeburst-200);
860
+ --hop-status-option6-text: var(--hop-limeburst-600);
861
+ --hop-status-option6-surface-strong: var(--hop-limeburst-200);
862
+ --hop-status-option6-surface-selected: var(--hop-limeburst-50);
863
+ --hop-status-option6-surface-press: var(--hop-limeburst-100);
864
+ --hop-status-option6-surface-hover: var(--hop-limeburst-75);
865
+ --hop-status-option6-surface-disabled: var(--hop-limeburst-25);
866
+ --hop-status-option6-surface: var(--hop-limeburst-50);
867
+ --hop-status-option6-icon-selected: var(--hop-limeburst-700);
868
+ --hop-status-option6-icon-press: var(--hop-limeburst-800);
869
+ --hop-status-option6-icon-hover: var(--hop-limeburst-700);
870
+ --hop-status-option6-icon-disabled: var(--hop-limeburst-200);
871
+ --hop-status-option6-icon: var(--hop-limeburst-600);
872
+ --hop-status-option6-border-selected: var(--hop-limeburst-700);
873
+ --hop-status-option6-border-press: var(--hop-limeburst-500);
874
+ --hop-status-option6-border-hover: var(--hop-limeburst-400);
875
+ --hop-status-option6-border-disabled: var(--hop-limeburst-50);
876
+ --hop-status-option6-border: var(--hop-limeburst-300);
875
877
  --hop-status-option5-text-selected: var(--hop-toad-700);
876
878
  --hop-status-option5-text-press: var(--hop-toad-800);
877
879
  --hop-status-option5-text-hover: var(--hop-toad-700);
@@ -914,69 +916,69 @@
914
916
  --hop-status-option4-border-hover: var(--hop-fog-400);
915
917
  --hop-status-option4-border-disabled: var(--hop-fog-50);
916
918
  --hop-status-option4-border: var(--hop-fog-300);
917
- --hop-status-option3-text-selected: var(--hop-quetzal-700);
918
- --hop-status-option3-text-press: var(--hop-quetzal-800);
919
- --hop-status-option3-text-hover: var(--hop-quetzal-700);
920
- --hop-status-option3-text-disabled: var(--hop-quetzal-200);
921
- --hop-status-option3-text: var(--hop-quetzal-600);
922
- --hop-status-option3-surface-strong: var(--hop-quetzal-200);
923
- --hop-status-option3-surface-selected: var(--hop-quetzal-700);
924
- --hop-status-option3-surface-press: var(--hop-quetzal-100);
925
- --hop-status-option3-surface-hover: var(--hop-quetzal-75);
926
- --hop-status-option3-surface-disabled: var(--hop-quetzal-25);
927
- --hop-status-option3-surface: var(--hop-quetzal-50);
928
- --hop-status-option3-icon-selected: var(--hop-quetzal-700);
929
- --hop-status-option3-icon-press: var(--hop-quetzal-800);
930
- --hop-status-option3-icon-hover: var(--hop-quetzal-700);
931
- --hop-status-option3-icon-disabled: var(--hop-quetzal-200);
932
- --hop-status-option3-icon: var(--hop-quetzal-600);
933
- --hop-status-option3-border-selected: var(--hop-quetzal-50);
934
- --hop-status-option3-border-press: var(--hop-quetzal-500);
935
- --hop-status-option3-border-hover: var(--hop-quetzal-400);
936
- --hop-status-option3-border-disabled: var(--hop-quetzal-50);
937
- --hop-status-option3-border: var(--hop-quetzal-300);
938
- --hop-status-option2-text-selected: var(--hop-orchid-bloom-700);
939
- --hop-status-option2-text-press: var(--hop-orchid-bloom-800);
940
- --hop-status-option2-text-hover: var(--hop-orchid-bloom-700);
941
- --hop-status-option2-text-disabled: var(--hop-orchid-bloom-200);
942
- --hop-status-option2-text: var(--hop-orchid-bloom-600);
943
- --hop-status-option2-surface-strong: var(--hop-orchid-bloom-200);
944
- --hop-status-option2-surface-selected: var(--hop-orchid-bloom-50);
945
- --hop-status-option2-surface-press: var(--hop-orchid-bloom-100);
946
- --hop-status-option2-surface-hover: var(--hop-orchid-bloom-75);
947
- --hop-status-option2-surface-disabled: var(--hop-orchid-bloom-25);
948
- --hop-status-option2-surface: var(--hop-orchid-bloom-50);
949
- --hop-status-option2-icon-selected: var(--hop-orchid-bloom-700);
950
- --hop-status-option2-icon-press: var(--hop-orchid-bloom-800);
951
- --hop-status-option2-icon-hover: var(--hop-orchid-bloom-700);
952
- --hop-status-option2-icon-disabled: var(--hop-orchid-bloom-200);
953
- --hop-status-option2-icon: var(--hop-orchid-bloom-600);
954
- --hop-status-option2-border-selected: var(--hop-orchid-bloom-700);
955
- --hop-status-option2-border-press: var(--hop-orchid-bloom-500);
956
- --hop-status-option2-border-hover: var(--hop-orchid-bloom-400);
957
- --hop-status-option2-border-disabled: var(--hop-orchid-bloom-50);
958
- --hop-status-option2-border: var(--hop-orchid-bloom-300);
959
- --hop-status-option1-text-selected: var(--hop-coastal-700);
960
- --hop-status-option1-text-press: var(--hop-coastal-800);
961
- --hop-status-option1-text-hover: var(--hop-coastal-700);
962
- --hop-status-option1-text-disabled: var(--hop-coastal-200);
963
- --hop-status-option1-text: var(--hop-coastal-600);
964
- --hop-status-option1-surface-strong: var(--hop-coastal-200);
965
- --hop-status-option1-surface-selected: var(--hop-coastal-50);
966
- --hop-status-option1-surface-press: var(--hop-coastal-100);
967
- --hop-status-option1-surface-hover: var(--hop-coastal-75);
968
- --hop-status-option1-surface-disabled: var(--hop-coastal-25);
969
- --hop-status-option1-surface: var(--hop-coastal-50);
970
- --hop-status-option1-icon-selected: var(--hop-coastal-700);
971
- --hop-status-option1-icon-press: var(--hop-coastal-800);
972
- --hop-status-option1-icon-hover: var(--hop-coastal-700);
973
- --hop-status-option1-icon-disabled: var(--hop-coastal-200);
974
- --hop-status-option1-icon: var(--hop-coastal-600);
975
- --hop-status-option1-border-selected: var(--hop-coastal-700);
976
- --hop-status-option1-border-press: var(--hop-coastal-500);
977
- --hop-status-option1-border-hover: var(--hop-coastal-400);
978
- --hop-status-option1-border-disabled: var(--hop-coastal-50);
979
- --hop-status-option1-border: var(--hop-coastal-300);
919
+ --hop-status-option3-text-selected: var(--hop-moss-700);
920
+ --hop-status-option3-text-press: var(--hop-moss-800);
921
+ --hop-status-option3-text-hover: var(--hop-moss-700);
922
+ --hop-status-option3-text-disabled: var(--hop-moss-200);
923
+ --hop-status-option3-text: var(--hop-moss-600);
924
+ --hop-status-option3-surface-strong: var(--hop-moss-200);
925
+ --hop-status-option3-surface-selected: var(--hop-moss-50);
926
+ --hop-status-option3-surface-press: var(--hop-moss-100);
927
+ --hop-status-option3-surface-hover: var(--hop-moss-75);
928
+ --hop-status-option3-surface-disabled: var(--hop-moss-25);
929
+ --hop-status-option3-surface: var(--hop-moss-50);
930
+ --hop-status-option3-icon-selected: var(--hop-moss-700);
931
+ --hop-status-option3-icon-press: var(--hop-moss-800);
932
+ --hop-status-option3-icon-hover: var(--hop-moss-700);
933
+ --hop-status-option3-icon-disabled: var(--hop-moss-200);
934
+ --hop-status-option3-icon: var(--hop-moss-600);
935
+ --hop-status-option3-border-selected: var(--hop-moss-700);
936
+ --hop-status-option3-border-press: var(--hop-moss-500);
937
+ --hop-status-option3-border-hover: var(--hop-moss-400);
938
+ --hop-status-option3-border-disabled: var(--hop-moss-50);
939
+ --hop-status-option3-border: var(--hop-moss-300);
940
+ --hop-status-option2-text-selected: var(--hop-persimmon-700);
941
+ --hop-status-option2-text-press: var(--hop-persimmon-800);
942
+ --hop-status-option2-text-hover: var(--hop-persimmon-700);
943
+ --hop-status-option2-text-disabled: var(--hop-persimmon-200);
944
+ --hop-status-option2-text: var(--hop-persimmon-600);
945
+ --hop-status-option2-surface-strong: var(--hop-persimmon-200);
946
+ --hop-status-option2-surface-selected: var(--hop-persimmon-50);
947
+ --hop-status-option2-surface-press: var(--hop-persimmon-100);
948
+ --hop-status-option2-surface-hover: var(--hop-persimmon-75);
949
+ --hop-status-option2-surface-disabled: var(--hop-persimmon-25);
950
+ --hop-status-option2-surface: var(--hop-persimmon-50);
951
+ --hop-status-option2-icon-selected: var(--hop-persimmon-700);
952
+ --hop-status-option2-icon-press: var(--hop-persimmon-800);
953
+ --hop-status-option2-icon-hover: var(--hop-persimmon-700);
954
+ --hop-status-option2-icon-disabled: var(--hop-persimmon-200);
955
+ --hop-status-option2-icon: var(--hop-persimmon-600);
956
+ --hop-status-option2-border-selected: var(--hop-persimmon-700);
957
+ --hop-status-option2-border-press: var(--hop-persimmon-500);
958
+ --hop-status-option2-border-hover: var(--hop-persimmon-400);
959
+ --hop-status-option2-border-disabled: var(--hop-persimmon-50);
960
+ --hop-status-option2-border: var(--hop-persimmon-300);
961
+ --hop-status-option1-text-selected: var(--hop-iris-700);
962
+ --hop-status-option1-text-press: var(--hop-iris-800);
963
+ --hop-status-option1-text-hover: var(--hop-iris-700);
964
+ --hop-status-option1-text-disabled: var(--hop-iris-200);
965
+ --hop-status-option1-text: var(--hop-iris-600);
966
+ --hop-status-option1-surface-strong: var(--hop-iris-200);
967
+ --hop-status-option1-surface-selected: var(--hop-iris-50);
968
+ --hop-status-option1-surface-press: var(--hop-iris-100);
969
+ --hop-status-option1-surface-hover: var(--hop-iris-75);
970
+ --hop-status-option1-surface-disabled: var(--hop-iris-25);
971
+ --hop-status-option1-surface: var(--hop-iris-50);
972
+ --hop-status-option1-icon-selected: var(--hop-iris-700);
973
+ --hop-status-option1-icon-press: var(--hop-iris-800);
974
+ --hop-status-option1-icon-hover: var(--hop-iris-700);
975
+ --hop-status-option1-icon-disabled: var(--hop-iris-200);
976
+ --hop-status-option1-icon: var(--hop-iris-600);
977
+ --hop-status-option1-border-selected: var(--hop-iris-700);
978
+ --hop-status-option1-border-press: var(--hop-iris-500);
979
+ --hop-status-option1-border-hover: var(--hop-iris-400);
980
+ --hop-status-option1-border-disabled: var(--hop-iris-50);
981
+ --hop-status-option1-border: var(--hop-iris-300);
980
982
  --hop-status-neutral-text-selected: var(--hop-samoyed);
981
983
  --hop-status-neutral-text-press: var(--hop-rock-900);
982
984
  --hop-status-neutral-text-hover: var(--hop-rock-700);
@@ -1040,27 +1042,27 @@
1040
1042
  --hop-status-inactive-border-hover: var(--hop-rock-400);
1041
1043
  --hop-status-inactive-border-disabled: var(--hop-rock-50);
1042
1044
  --hop-status-inactive-border: var(--hop-rock-300);
1043
- --hop-status-caution-text-selected: var(--hop-koi-700);
1044
- --hop-status-caution-text-press: var(--hop-koi-800);
1045
- --hop-status-caution-text-hover: var(--hop-koi-700);
1046
- --hop-status-caution-text-disabled: var(--hop-koi-200);
1047
- --hop-status-caution-text: var(--hop-koi-600);
1048
- --hop-status-caution-surface-strong: var(--hop-koi-200);
1049
- --hop-status-caution-surface-selected: var(--hop-koi-50);
1050
- --hop-status-caution-surface-press: var(--hop-koi-100);
1051
- --hop-status-caution-surface-hover: var(--hop-koi-75);
1052
- --hop-status-caution-surface-disabled: var(--hop-koi-25);
1053
- --hop-status-caution-surface: var(--hop-koi-50);
1054
- --hop-status-caution-icon-selected: var(--hop-koi-700);
1055
- --hop-status-caution-icon-press: var(--hop-koi-800);
1056
- --hop-status-caution-icon-hover: var(--hop-koi-700);
1057
- --hop-status-caution-icon-disabled: var(--hop-koi-200);
1058
- --hop-status-caution-icon: var(--hop-koi-600);
1059
- --hop-status-caution-border-selected: var(--hop-koi-700);
1060
- --hop-status-caution-border-press: var(--hop-koi-500);
1061
- --hop-status-caution-border-hover: var(--hop-koi-400);
1062
- --hop-status-caution-border-disabled: var(--hop-koi-50);
1063
- --hop-status-caution-border: var(--hop-koi-300);
1045
+ --hop-status-caution-text-selected: var(--hop-amber-700);
1046
+ --hop-status-caution-text-press: var(--hop-amber-800);
1047
+ --hop-status-caution-text-hover: var(--hop-amber-700);
1048
+ --hop-status-caution-text-disabled: var(--hop-amber-200);
1049
+ --hop-status-caution-text: var(--hop-amber-600);
1050
+ --hop-status-caution-surface-strong: var(--hop-amber-200);
1051
+ --hop-status-caution-surface-selected: var(--hop-amber-50);
1052
+ --hop-status-caution-surface-press: var(--hop-amber-100);
1053
+ --hop-status-caution-surface-hover: var(--hop-amber-75);
1054
+ --hop-status-caution-surface-disabled: var(--hop-amber-25);
1055
+ --hop-status-caution-surface: var(--hop-amber-50);
1056
+ --hop-status-caution-icon-selected: var(--hop-amber-700);
1057
+ --hop-status-caution-icon-press: var(--hop-amber-800);
1058
+ --hop-status-caution-icon-hover: var(--hop-amber-700);
1059
+ --hop-status-caution-icon-disabled: var(--hop-amber-200);
1060
+ --hop-status-caution-icon: var(--hop-amber-600);
1061
+ --hop-status-caution-border-selected: var(--hop-amber-700);
1062
+ --hop-status-caution-border-press: var(--hop-amber-500);
1063
+ --hop-status-caution-border-hover: var(--hop-amber-400);
1064
+ --hop-status-caution-border-disabled: var(--hop-amber-50);
1065
+ --hop-status-caution-border: var(--hop-amber-300);
1064
1066
  --hop-secondary-icon-strong-hover: var(--hop-samoyed);
1065
1067
  --hop-secondary-icon-strong: var(--hop-samoyed);
1066
1068
  --hop-secondary-icon-disabled: var(--hop-persimmon-200);
@@ -1326,41 +1328,42 @@
1326
1328
  --hop-neutral-icon-weak-active: var(--hop-rock-700);
1327
1329
  --hop-neutral-icon-active: var(--hop-rock-900);
1328
1330
  --hop-neutral-border-active: var(--hop-rock-400);
1329
- --hop-danger-text-weak-press: var(--hop-amanita-600);
1330
- --hop-danger-text-weak-hover: var(--hop-amanita-500);
1331
- --hop-danger-text-weak: var(--hop-amanita-400);
1331
+ --hop-danger-text-weak-press: var(--hop-rose-600);
1332
+ --hop-danger-text-weak-hover: var(--hop-rose-500);
1333
+ --hop-danger-text-weak: var(--hop-rose-400);
1332
1334
  --hop-danger-text-strong-hover: var(--hop-samoyed);
1333
1335
  --hop-danger-text-strong: var(--hop-samoyed);
1334
- --hop-danger-text-press: var(--hop-amanita-800);
1335
- --hop-danger-text-hover: var(--hop-amanita-500);
1336
- --hop-danger-text-disabled: var(--hop-amanita-100);
1337
- --hop-danger-text-selected: var(--hop-amanita-400);
1338
- --hop-danger-text: var(--hop-amanita-700);
1339
- --hop-danger-surface-weak-press: var(--hop-amanita-100);
1340
- --hop-danger-surface-weak-hover: var(--hop-amanita-75);
1341
- --hop-danger-surface-weak: var(--hop-amanita-50);
1342
- --hop-danger-surface-strong-hover: var(--hop-amanita-500);
1343
- --hop-danger-surface-strong: var(--hop-amanita-400);
1344
- --hop-danger-surface-press: var(--hop-amanita-600);
1345
- --hop-danger-surface-hover: var(--hop-amanita-500);
1346
- --hop-danger-surface-disabled: var(--hop-amanita-100);
1347
- --hop-danger-surface-selected: var(--hop-amanita-50);
1348
- --hop-danger-surface: var(--hop-amanita-25);
1349
- --hop-danger-icon-weakest: var(--hop-amanita-75);
1350
- --hop-danger-icon-weak-press: var(--hop-amanita-600);
1351
- --hop-danger-icon-weak-hover: var(--hop-amanita-500);
1352
- --hop-danger-icon-weak: var(--hop-amanita-400);
1336
+ --hop-danger-text-press: var(--hop-rose-800);
1337
+ --hop-danger-text-hover: var(--hop-rose-500);
1338
+ --hop-danger-text-disabled: var(--hop-rose-100);
1339
+ --hop-danger-text-selected: var(--hop-rose-400);
1340
+ --hop-danger-text: var(--hop-rose-700);
1341
+ --hop-danger-surface-weak-selected: var(--hop-rose-100);
1342
+ --hop-danger-surface-weak-press: var(--hop-rose-100);
1343
+ --hop-danger-surface-weak-hover: var(--hop-rose-75);
1344
+ --hop-danger-surface-weak: var(--hop-rose-50);
1345
+ --hop-danger-surface-strong-hover: var(--hop-rose-500);
1346
+ --hop-danger-surface-strong: var(--hop-rose-400);
1347
+ --hop-danger-surface-press: var(--hop-rose-600);
1348
+ --hop-danger-surface-hover: var(--hop-rose-500);
1349
+ --hop-danger-surface-disabled: var(--hop-rose-100);
1350
+ --hop-danger-surface-selected: var(--hop-rose-50);
1351
+ --hop-danger-surface: var(--hop-rose-25);
1352
+ --hop-danger-icon-weakest: var(--hop-rose-75);
1353
+ --hop-danger-icon-weak-press: var(--hop-rose-600);
1354
+ --hop-danger-icon-weak-hover: var(--hop-rose-500);
1355
+ --hop-danger-icon-weak: var(--hop-rose-400);
1353
1356
  --hop-danger-icon-strong-hover: var(--hop-samoyed);
1354
1357
  --hop-danger-icon-strong: var(--hop-samoyed);
1355
- --hop-danger-icon-press: var(--hop-amanita-800);
1356
- --hop-danger-icon-hover: var(--hop-amanita-500);
1357
- --hop-danger-icon-disabled: var(--hop-amanita-100);
1358
- --hop-danger-icon-selected: var(--hop-amanita-400);
1359
- --hop-danger-icon: var(--hop-amanita-700);
1360
- --hop-danger-border-press: var(--hop-amanita-300);
1361
- --hop-danger-border-strong: var(--hop-amanita-300);
1362
- --hop-danger-border-selected: var(--hop-amanita-400);
1363
- --hop-danger-border: var(--hop-amanita-100);
1358
+ --hop-danger-icon-press: var(--hop-rose-800);
1359
+ --hop-danger-icon-hover: var(--hop-rose-500);
1360
+ --hop-danger-icon-disabled: var(--hop-rose-100);
1361
+ --hop-danger-icon-selected: var(--hop-rose-400);
1362
+ --hop-danger-icon: var(--hop-rose-700);
1363
+ --hop-danger-border-press: var(--hop-rose-300);
1364
+ --hop-danger-border-strong: var(--hop-rose-300);
1365
+ --hop-danger-border-selected: var(--hop-rose-400);
1366
+ --hop-danger-border: var(--hop-rose-100);
1364
1367
  --hop-danger-text-weak-active: var(--hop-amanita-600);
1365
1368
  --hop-danger-text-active: var(--hop-amanita-800);
1366
1369
  --hop-danger-surface-weak-active: var(--hop-amanita-100);
@@ -1591,13 +1594,11 @@
1591
1594
  --hop-comp-button-danger-border-color-selected: var(--hop-danger-border-selected);
1592
1595
  --hop-comp-button-danger-border-color: var(--hop-neutral-border-weakest);
1593
1596
  --hop-comp-button-danger-background-disabled: var(--hop-neutral-surface-disabled);
1594
- --hop-comp-button-danger-background-selected: var(--hop-danger-surface-selected);
1595
- --hop-comp-button-danger-background-pressed: var(--hop-danger-surface-press);
1596
- --hop-comp-button-danger-background-hover: var(--hop-danger-surface-strong-hover);
1597
+ --hop-comp-button-danger-background-selected: linear-gradient(var(--hop-danger-surface-selected), var(--hop-danger-surface-selected) 100%); /* Single-stop gradient to allow smooth CSS transition from the multi-stop gradient default background. */
1598
+ --hop-comp-button-danger-background-pressed: linear-gradient(var(--hop-danger-surface-press), var(--hop-danger-surface-press) 100%); /* Single-stop gradient to allow smooth CSS transition from the multi-stop gradient default background. */
1599
+ --hop-comp-button-danger-background-hover: linear-gradient(var(--hop-danger-surface-strong-hover), var(--hop-danger-surface-strong-hover) 100%); /* Single-stop gradient to allow smooth CSS transition from the multi-stop gradient default background. */
1597
1600
  --hop-comp-button-danger-border-color-loading: var(--hop-neutral-border-weakest);
1598
1601
  --hop-comp-button-danger-color-loading: var(--hop-primary-icon-strong);
1599
- --hop-comp-button-danger-background-loading: var(--hop-danger-surface-strong);
1600
- --hop-comp-button-danger-background: var(--hop-danger-surface-strong);
1601
1602
  --hop-comp-button-danger-icon-color-selected: var(--hop-danger-icon-selected);
1602
1603
  --hop-comp-button-danger-icon-color-press: var(--hop-danger-icon-strong-hover);
1603
1604
  --hop-comp-button-danger-icon-color-hover: var(--hop-danger-icon-strong-hover);
@@ -1667,9 +1668,9 @@
1667
1668
  --hop-comp-badge-subdued-text-color-hover: var(--hop-neutral-text-hover);
1668
1669
  --hop-comp-badge-subdued-text-color: var(--hop-neutral-text);
1669
1670
  --hop-comp-badge-subdued-background-selected: var(--hop-primary-surface-strong);
1670
- --hop-comp-badge-subdued-background-press: var(--hop-primary-surface-weak-press);
1671
- --hop-comp-badge-subdued-background-hover: var(--hop-primary-surface-weak-hover);
1672
- --hop-comp-badge-subdued-background: var(--hop-primary-surface-weak);
1671
+ --hop-comp-badge-subdued-background-press: var(--hop-primary-surface-press);
1672
+ --hop-comp-badge-subdued-background-hover: var(--hop-primary-surface-hover);
1673
+ --hop-comp-badge-subdued-background: var(--hop-primary-surface-weak-hover);
1673
1674
  --hop-comp-badge-secondary-text-color-selected: var(--hop-primary-text);
1674
1675
  --hop-comp-badge-secondary-text-color-press: var(--hop-primary-text-strong);
1675
1676
  --hop-comp-badge-secondary-text-color-hover: var(--hop-primary-text-strong-hover);
package/dist/theme/generated/workleap/dark.css CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file is generated by Style Dictionary. Do not edit directly.
3
3
  */
4
4
 
5
- .hop-5-2-1-workleap-dark {
5
+ .hop-5-2-3-workleap-dark {
6
6
  --hop-neutral-surface-weak-transparent-always-dark: rgb(49 51 53 / 0.75);
7
7
  --hop-neutral-surface-transparent: rgb(35 36 38 / 0.9);
8
8
  --hop-space-1280: 8rem;
@@ -100,18 +100,18 @@
100
100
  --hop-amber-75: #ffe39a;
101
101
  --hop-amber-50: #fff1cc;
102
102
  --hop-amber-25: #fff6e0;
103
- --hop-rose-900: #2b1e23;
104
- --hop-rose-800: #3d2630;
105
- --hop-rose-700: #542f3e;
106
- --hop-rose-600: #6a394c;
107
- --hop-rose-500: #80435a;
108
- --hop-rose-400: #995068;
109
- --hop-rose-300: #fc5992;
110
- --hop-rose-200: #f47c9e;
111
- --hop-rose-100: #f7a3ba;
112
- --hop-rose-75: #f9c1cf;
113
- --hop-rose-50: #fbd6df;
114
- --hop-rose-25: #fdecef;
103
+ --hop-rose-900: #341417;
104
+ --hop-rose-800: #50161c;
105
+ --hop-rose-700: #711822;
106
+ --hop-rose-600: #951b2a;
107
+ --hop-rose-500: #ba1f34;
108
+ --hop-rose-400: #de2840;
109
+ --hop-rose-300: #f5425d;
110
+ --hop-rose-200: #f76d83;
111
+ --hop-rose-100: #fa9ba9;
112
+ --hop-rose-75: #fcbcc5;
113
+ --hop-rose-50: #fdd3d8;
114
+ --hop-rose-25: #feeaec;
115
115
  --hop-samoyed: #ffffff;
116
116
  --hop-rock-900: #232426;
117
117
  --hop-rock-800: #313335;
@@ -834,6 +834,7 @@
834
834
  --hop-danger-text-disabled: var(--hop-amanita-600);
835
835
  --hop-danger-text-selected: var(--hop-amanita-100);
836
836
  --hop-danger-text: var(--hop-amanita-900);
837
+ --hop-danger-surface-weak-selected: var(--hop-amanita-600);
837
838
  --hop-danger-surface-weak-press: var(--hop-amanita-600);
838
839
  --hop-danger-surface-weak-hover: var(--hop-amanita-700);
839
840
  --hop-danger-surface-weak: var(--hop-amanita-900);
package/dist/theme/generated/workleap/light.css CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file is generated by Style Dictionary. Do not edit directly.
3
3
  */
4
4
 
5
- .hop-5-2-1-workleap {
5
+ .hop-5-2-3-workleap {
6
6
  --hop-comp-tooltip-backdrop-filter: none;
7
7
  --hop-comp-tile-icon-color: transparent;
8
8
  --hop-comp-tile-outline-color-disabled: transparent;
@@ -422,18 +422,18 @@
422
422
  --hop-amber-75: #ffe39a;
423
423
  --hop-amber-50: #fff1cc;
424
424
  --hop-amber-25: #fff6e0;
425
- --hop-rose-900: #2b1e23;
426
- --hop-rose-800: #3d2630;
427
- --hop-rose-700: #542f3e;
428
- --hop-rose-600: #6a394c;
429
- --hop-rose-500: #80435a;
430
- --hop-rose-400: #995068;
431
- --hop-rose-300: #fc5992;
432
- --hop-rose-200: #f47c9e;
433
- --hop-rose-100: #f7a3ba;
434
- --hop-rose-75: #f9c1cf;
435
- --hop-rose-50: #fbd6df;
436
- --hop-rose-25: #fdecef;
425
+ --hop-rose-900: #341417;
426
+ --hop-rose-800: #50161c;
427
+ --hop-rose-700: #711822;
428
+ --hop-rose-600: #951b2a;
429
+ --hop-rose-500: #ba1f34;
430
+ --hop-rose-400: #de2840;
431
+ --hop-rose-300: #f5425d;
432
+ --hop-rose-200: #f76d83;
433
+ --hop-rose-100: #fa9ba9;
434
+ --hop-rose-75: #fcbcc5;
435
+ --hop-rose-50: #fdd3d8;
436
+ --hop-rose-25: #feeaec;
437
437
  --hop-samoyed: #ffffff;
438
438
  --hop-rock-900: #232426;
439
439
  --hop-rock-800: #313335;
@@ -1322,6 +1322,7 @@
1322
1322
  --hop-danger-text-disabled: var(--hop-amanita-100);
1323
1323
  --hop-danger-text-selected: var(--hop-amanita-400);
1324
1324
  --hop-danger-text: var(--hop-amanita-700);
1325
+ --hop-danger-surface-weak-selected: var(--hop-amanita-100);
1325
1326
  --hop-danger-surface-weak-press: var(--hop-amanita-100);
1326
1327
  --hop-danger-surface-weak-hover: var(--hop-amanita-75);
1327
1328
  --hop-danger-surface-weak: var(--hop-amanita-50);
package/dist/tokens/generated/styledSystemConstants.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  declare const HopperRootCssClass = "hop";
2
- declare const StyledSystemRootCssClass = "hop-5-2-1";
2
+ declare const StyledSystemRootCssClass = "hop-5-2-3";
3
3
  declare const HopperVariablePrefix = "--hop";
4
4
  type Theme = "sharegate" | "workleap";
5
5
 
package/dist/tokens/generated/styledSystemConstants.js CHANGED
@@ -1,2 +1,2 @@
1
- export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from '../../chunk-FQANZORX.js';
1
+ export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from '../../chunk-KYJN33SJ.js';
2
2
  import '../../chunk-AQ5VUG5P.js';
package/dist/tokens/generated/styledSystemToTokenMappings.d.ts CHANGED
@@ -235,6 +235,7 @@ declare const BackgroundColors: {
235
235
  readonly "danger-weak": "danger-surface-weak";
236
236
  readonly "danger-weak-hover": "danger-surface-weak-hover";
237
237
  readonly "danger-weak-press": "danger-surface-weak-press";
238
+ readonly "danger-weak-selected": "danger-surface-weak-selected";
238
239
  readonly "neutral-active": "neutral-surface-active";
239
240
  readonly "neutral-weak-active": "neutral-surface-weak-active";
240
241
  readonly neutral: "neutral-surface";