@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.
Files changed (55) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.d.ts +3 -3
  4. package/dist/StyledSystemProvider.js +14 -14
  5. package/dist/{chunk-ZAHZAEAR.js → chunk-47BMTQH2.js} +2 -2
  6. package/dist/{chunk-RU6U3SMC.js → chunk-6A6KKUGR.js} +1 -1
  7. package/dist/{chunk-CFIMNXX5.js → chunk-A4E2GPAI.js} +2 -2
  8. package/dist/{chunk-XGLTD52P.js → chunk-AVOFJJEJ.js} +3 -2
  9. package/dist/{chunk-6IPAN22Z.js → chunk-BSIKCABJ.js} +1 -1
  10. package/dist/{chunk-F7KWE6J5.js → chunk-DE5KBEWF.js} +2 -2
  11. package/dist/{chunk-NJIDLCB7.js → chunk-DED5SJ46.js} +2 -2
  12. package/dist/{chunk-XOHK7VFY.js → chunk-DKR6TVF5.js} +3 -3
  13. package/dist/{chunk-QLYSVZLZ.js → chunk-FUFOEPR3.js} +2 -2
  14. package/dist/{chunk-FAICHNEU.js → chunk-GWDNZB6T.js} +212 -8
  15. package/dist/{chunk-LKOZVSXD.js → chunk-JJHZT2WG.js} +237 -33
  16. package/dist/{chunk-4E7VQIC5.js → chunk-RC6LJDQS.js} +230 -26
  17. package/dist/{chunk-3QZI66SR.js → chunk-Z3V55ZYL.js} +4 -4
  18. package/dist/color-scheme/ColorSchemeContext.js +1 -1
  19. package/dist/color-scheme/useColorScheme.js +1 -1
  20. package/dist/color-scheme/useColorSchemeValue.js +1 -1
  21. package/dist/global-styles/BodyStyleProvider.js +4 -4
  22. package/dist/html-wrappers/html.css +34 -34
  23. package/dist/html-wrappers/html.js +6 -6
  24. package/dist/html-wrappers/htmlElement.css +34 -34
  25. package/dist/html-wrappers/htmlElement.js +5 -5
  26. package/dist/index.css +34 -34
  27. package/dist/index.js +14 -14
  28. package/dist/responsive/BreakpointContext.js +1 -1
  29. package/dist/responsive/BreakpointProvider.js +1 -1
  30. package/dist/responsive/Breakpoints.js +1 -1
  31. package/dist/responsive/useResponsiveValue.js +1 -1
  32. package/dist/styledSystemProps.js +1 -1
  33. package/dist/styledSystemRootCssClass.js +2 -2
  34. package/dist/tokens/TokenProvider.js +6 -6
  35. package/dist/tokens/generated/darkSemanticTokens.d.ts +208 -4
  36. package/dist/tokens/generated/darkSemanticTokens.js +2 -2
  37. package/dist/tokens/generated/lightSemanticTokens.d.ts +216 -12
  38. package/dist/tokens/generated/lightSemanticTokens.js +2 -2
  39. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +212 -8
  40. package/dist/tokens/generated/styledSystemToTokenMappings.js +2 -2
  41. package/dist/tokens/tokenMappings.d.ts +201 -100
  42. package/dist/tokens/tokenMappings.js +3 -3
  43. package/dist/tokens/tokens.d.ts +424 -16
  44. package/dist/tokens/tokens.js +4 -4
  45. package/dist/useStyledSystem.css +31 -31
  46. package/dist/useStyledSystem.js +4 -4
  47. package/dist/utils/assertion.js +1 -1
  48. package/dist/utils/slot.js +1 -1
  49. package/dist/utils/useInsertStyleElement.js +1 -1
  50. package/dist/utils/useIsomorphicInsertionEffect.js +1 -1
  51. package/dist/utils/useIsomorphicLayoutEffect.js +1 -1
  52. package/dist/utils/useMediaQuery.js +1 -1
  53. package/dist/utils/useThemeComputedStyle.js +2 -2
  54. package/package.json +4 -3
  55. /package/dist/{chunk-2UOTJGT6.js → chunk-AQ5VUG5P.js} +0 -0
@@ -517,29 +517,77 @@ declare const BackgroundColorMapping: {
517
517
  information: string;
518
518
  "information-strong": string;
519
519
  "information-weak": string;
520
- "status-caution-strong": string;
521
520
  "status-caution": string;
522
- "status-inactive-strong": string;
521
+ "status-caution-disabled": string;
522
+ "status-caution-hover": string;
523
+ "status-caution-press": string;
524
+ "status-caution-selected": string;
525
+ "status-caution-strong": string;
523
526
  "status-inactive": string;
524
- "status-negative-strong": string;
527
+ "status-inactive-disabled": string;
528
+ "status-inactive-hover": string;
529
+ "status-inactive-press": string;
530
+ "status-inactive-selected": string;
531
+ "status-inactive-strong": string;
525
532
  "status-negative": string;
533
+ "status-negative-disabled": string;
534
+ "status-negative-hover": string;
535
+ "status-negative-press": string;
536
+ "status-negative-selected": string;
537
+ "status-negative-strong": string;
526
538
  "status-neutral": string;
539
+ "status-neutral-disabled": string;
540
+ "status-neutral-hover": string;
541
+ "status-neutral-press": string;
542
+ "status-neutral-selected": string;
527
543
  "status-neutral-strong": string;
528
- "status-option1-strong": string;
529
544
  "status-option1": string;
530
- "status-option2-strong": string;
545
+ "status-option1-disabled": string;
546
+ "status-option1-hover": string;
547
+ "status-option1-press": string;
548
+ "status-option1-selected": string;
549
+ "status-option1-strong": string;
531
550
  "status-option2": string;
532
- "status-option3-strong": string;
551
+ "status-option2-disabled": string;
552
+ "status-option2-hover": string;
553
+ "status-option2-press": string;
554
+ "status-option2-selected": string;
555
+ "status-option2-strong": string;
533
556
  "status-option3": string;
534
- "status-option4-strong": string;
557
+ "status-option3-disabled": string;
558
+ "status-option3-hover": string;
559
+ "status-option3-press": string;
560
+ "status-option3-selected": string;
561
+ "status-option3-strong": string;
535
562
  "status-option4": string;
563
+ "status-option4-disabled": string;
564
+ "status-option4-hover": string;
565
+ "status-option4-press": string;
566
+ "status-option4-selected": string;
567
+ "status-option4-strong": string;
536
568
  "status-option5": string;
569
+ "status-option5-disabled": string;
570
+ "status-option5-hover": string;
571
+ "status-option5-press": string;
572
+ "status-option5-selected": string;
537
573
  "status-option5-strong": string;
538
574
  "status-option6": string;
575
+ "status-option6-disabled": string;
576
+ "status-option6-hover": string;
577
+ "status-option6-press": string;
578
+ "status-option6-selected": string;
539
579
  "status-option6-strong": string;
540
- "status-positive-strong": string;
541
580
  "status-positive": string;
581
+ "status-positive-disabled": string;
582
+ "status-positive-hover": string;
583
+ "status-positive-press": string;
584
+ "status-positive-selected": string;
585
+ "status-positive-strong": string;
542
586
  "status-progress": string;
587
+ "status-progress-disabled": string;
588
+ "status-progress-hover": string;
589
+ "status-progress-press": string;
590
+ "status-progress-selected": string;
543
591
  "status-progress-strong": string;
544
592
  success: string;
545
593
  "success-strong": string;
@@ -950,19 +998,11 @@ declare const BorderMapping: {
950
998
  "core_rock-900": string;
951
999
  core_samoyed: string;
952
1000
  "danger-active": string;
953
- "danger-weak-active": string;
954
1001
  danger: string;
955
1002
  "danger-selected": string;
956
- "danger-disabled": string;
957
- "danger-hover": string;
958
1003
  "danger-press": string;
959
1004
  "danger-strong": string;
960
- "danger-strong-hover": string;
961
- "danger-weak": string;
962
- "danger-weak-hover": string;
963
- "danger-weak-press": string;
964
1005
  "neutral-active": string;
965
- "neutral-weak-active": string;
966
1006
  neutral: string;
967
1007
  "neutral-selected": string;
968
1008
  "neutral-disabled": string;
@@ -970,125 +1010,90 @@ declare const BorderMapping: {
970
1010
  "neutral-press": string;
971
1011
  "neutral-strong": string;
972
1012
  "neutral-weak": string;
973
- "neutral-weak-selected": string;
974
- "neutral-weak-hover": string;
975
- "neutral-weak-press": string;
976
1013
  "neutral-weakest": string;
977
- "neutral-weakest-selected": string;
978
- "neutral-weakest-hover": string;
979
1014
  "primary-active": string;
980
- "primary-strong-active": string;
981
- "primary-weak-active": string;
982
1015
  primary: string;
983
1016
  "primary-selected": string;
984
- "primary-disabled": string;
985
1017
  "primary-focus": string;
986
- "primary-hover": string;
987
1018
  "primary-press": string;
988
- "primary-strong": string;
989
- "primary-strong-selected": string;
990
- "primary-strong-hover": string;
991
- "primary-strong-press": string;
992
- "primary-weak": string;
993
- "primary-weak-hover": string;
994
- "primary-weak-press": string;
995
1019
  "upsell-active": string;
996
- "upsell-weak-active": string;
997
1020
  upsell: string;
998
1021
  "upsell-selected": string;
999
1022
  "upsell-disabled": string;
1000
- "upsell-hover": string;
1001
1023
  "upsell-press": string;
1002
- "upsell-weak": string;
1003
- "upsell-weak-hover": string;
1004
- "upsell-weak-press": string;
1005
1024
  "decorative-option9": string;
1006
- "decorative-option9-hover": string;
1007
- "decorative-option9-strong": string;
1008
- "decorative-option9-weak": string;
1009
- "decorative-option9-weak-hover": string;
1010
- "decorative-option9-weakest": string;
1011
1025
  "decorative-option8": string;
1012
- "decorative-option8-hover": string;
1013
- "decorative-option8-strong": string;
1014
- "decorative-option8-weak": string;
1015
- "decorative-option8-weak-hover": string;
1016
- "decorative-option8-weakest": string;
1017
1026
  "decorative-option7": string;
1018
- "decorative-option7-hover": string;
1019
- "decorative-option7-strong": string;
1020
- "decorative-option7-weak": string;
1021
- "decorative-option7-weak-hover": string;
1022
- "decorative-option7-weakest": string;
1023
1027
  "decorative-option5": string;
1024
- "decorative-option5-hover": string;
1025
- "decorative-option5-strong": string;
1026
- "decorative-option5-weak": string;
1027
- "decorative-option5-weak-hover": string;
1028
- "decorative-option5-weakest": string;
1029
1028
  "decorative-option6": string;
1030
- "decorative-option6-hover": string;
1031
- "decorative-option6-strong": string;
1032
- "decorative-option6-weak": string;
1033
- "decorative-option6-weak-hover": string;
1034
- "decorative-option6-weakest": string;
1035
1029
  "decorative-option4": string;
1036
- "decorative-option4-hover": string;
1037
- "decorative-option4-strong": string;
1038
- "decorative-option4-weak": string;
1039
- "decorative-option4-weak-hover": string;
1040
- "decorative-option4-weakest": string;
1041
1030
  "decorative-option3": string;
1042
- "decorative-option3-hover": string;
1043
- "decorative-option3-strong": string;
1044
- "decorative-option3-weak": string;
1045
- "decorative-option3-weak-hover": string;
1046
- "decorative-option3-weakest": string;
1047
1031
  "decorative-option2": string;
1048
- "decorative-option2-hover": string;
1049
- "decorative-option2-strong": string;
1050
- "decorative-option2-weak": string;
1051
- "decorative-option2-weak-hover": string;
1052
- "decorative-option2-weakest": string;
1053
1032
  "decorative-option1": string;
1054
- "decorative-option1-hover": string;
1055
- "decorative-option1-strong": string;
1056
- "decorative-option1-weak": string;
1057
- "decorative-option1-weak-hover": string;
1058
- "decorative-option1-weakest": string;
1059
1033
  information: string;
1060
- "information-strong": string;
1061
- "information-weak": string;
1062
- "status-caution-strong": string;
1063
1034
  "status-caution": string;
1064
- "status-inactive-strong": string;
1035
+ "status-caution-disabled": string;
1036
+ "status-caution-hover": string;
1037
+ "status-caution-press": string;
1038
+ "status-caution-selected": string;
1065
1039
  "status-inactive": string;
1066
- "status-negative-strong": string;
1040
+ "status-inactive-disabled": string;
1041
+ "status-inactive-hover": string;
1042
+ "status-inactive-press": string;
1043
+ "status-inactive-selected": string;
1067
1044
  "status-negative": string;
1045
+ "status-negative-disabled": string;
1046
+ "status-negative-hover": string;
1047
+ "status-negative-press": string;
1048
+ "status-negative-selected": string;
1068
1049
  "status-neutral": string;
1069
- "status-neutral-strong": string;
1070
- "status-option1-strong": string;
1050
+ "status-neutral-disabled": string;
1051
+ "status-neutral-hover": string;
1052
+ "status-neutral-press": string;
1053
+ "status-neutral-selected": string;
1071
1054
  "status-option1": string;
1072
- "status-option2-strong": string;
1055
+ "status-option1-disabled": string;
1056
+ "status-option1-hover": string;
1057
+ "status-option1-press": string;
1058
+ "status-option1-selected": string;
1073
1059
  "status-option2": string;
1074
- "status-option3-strong": string;
1060
+ "status-option2-disabled": string;
1061
+ "status-option2-hover": string;
1062
+ "status-option2-press": string;
1063
+ "status-option2-selected": string;
1075
1064
  "status-option3": string;
1076
- "status-option4-strong": string;
1065
+ "status-option3-disabled": string;
1066
+ "status-option3-hover": string;
1067
+ "status-option3-press": string;
1068
+ "status-option3-selected": string;
1077
1069
  "status-option4": string;
1070
+ "status-option4-disabled": string;
1071
+ "status-option4-hover": string;
1072
+ "status-option4-press": string;
1073
+ "status-option4-selected": string;
1078
1074
  "status-option5": string;
1079
- "status-option5-strong": string;
1075
+ "status-option5-disabled": string;
1076
+ "status-option5-hover": string;
1077
+ "status-option5-press": string;
1078
+ "status-option5-selected": string;
1080
1079
  "status-option6": string;
1081
- "status-option6-strong": string;
1082
- "status-positive-strong": string;
1080
+ "status-option6-disabled": string;
1081
+ "status-option6-hover": string;
1082
+ "status-option6-press": string;
1083
+ "status-option6-selected": string;
1083
1084
  "status-positive": string;
1085
+ "status-positive-disabled": string;
1086
+ "status-positive-hover": string;
1087
+ "status-positive-press": string;
1088
+ "status-positive-selected": string;
1084
1089
  "status-progress": string;
1085
- "status-progress-strong": string;
1090
+ "status-progress-disabled": string;
1091
+ "status-progress-hover": string;
1092
+ "status-progress-press": string;
1093
+ "status-progress-selected": string;
1086
1094
  success: string;
1087
- "success-strong": string;
1088
- "success-weak": string;
1089
1095
  warning: string;
1090
- "warning-strong": string;
1091
- "warning-weak": string;
1096
+ "neutral-strong-hover": string;
1092
1097
  };
1093
1098
  declare const TextColorMapping: {
1094
1099
  "dataviz_monochromatic-primary-25": string;
@@ -1554,17 +1559,65 @@ declare const TextColorMapping: {
1554
1559
  information: string;
1555
1560
  "information-weak": string;
1556
1561
  "status-caution": string;
1562
+ "status-caution-disabled": string;
1563
+ "status-caution-hover": string;
1564
+ "status-caution-press": string;
1565
+ "status-caution-selected": string;
1557
1566
  "status-inactive": string;
1567
+ "status-inactive-disabled": string;
1568
+ "status-inactive-hover": string;
1569
+ "status-inactive-press": string;
1570
+ "status-inactive-selected": string;
1558
1571
  "status-negative": string;
1572
+ "status-negative-disabled": string;
1573
+ "status-negative-hover": string;
1574
+ "status-negative-press": string;
1575
+ "status-negative-selected": string;
1559
1576
  "status-neutral": string;
1577
+ "status-neutral-disabled": string;
1578
+ "status-neutral-hover": string;
1579
+ "status-neutral-press": string;
1580
+ "status-neutral-selected": string;
1560
1581
  "status-option1": string;
1582
+ "status-option1-disabled": string;
1583
+ "status-option1-hover": string;
1584
+ "status-option1-press": string;
1585
+ "status-option1-selected": string;
1561
1586
  "status-option2": string;
1587
+ "status-option2-disabled": string;
1588
+ "status-option2-hover": string;
1589
+ "status-option2-press": string;
1590
+ "status-option2-selected": string;
1562
1591
  "status-option3": string;
1592
+ "status-option3-disabled": string;
1593
+ "status-option3-hover": string;
1594
+ "status-option3-press": string;
1595
+ "status-option3-selected": string;
1563
1596
  "status-option4": string;
1597
+ "status-option4-disabled": string;
1598
+ "status-option4-hover": string;
1599
+ "status-option4-press": string;
1600
+ "status-option4-selected": string;
1564
1601
  "status-option5": string;
1602
+ "status-option5-disabled": string;
1603
+ "status-option5-hover": string;
1604
+ "status-option5-press": string;
1605
+ "status-option5-selected": string;
1565
1606
  "status-option6": string;
1607
+ "status-option6-disabled": string;
1608
+ "status-option6-hover": string;
1609
+ "status-option6-press": string;
1610
+ "status-option6-selected": string;
1566
1611
  "status-positive": string;
1612
+ "status-positive-disabled": string;
1613
+ "status-positive-hover": string;
1614
+ "status-positive-press": string;
1615
+ "status-positive-selected": string;
1567
1616
  "status-progress": string;
1617
+ "status-progress-disabled": string;
1618
+ "status-progress-hover": string;
1619
+ "status-progress-press": string;
1620
+ "status-progress-selected": string;
1568
1621
  success: string;
1569
1622
  "success-weak": string;
1570
1623
  warning: string;
@@ -2025,17 +2078,65 @@ declare const IconColorMapping: {
2025
2078
  information: string;
2026
2079
  "information-weak": string;
2027
2080
  "status-caution": string;
2081
+ "status-caution-disabled": string;
2082
+ "status-caution-hover": string;
2083
+ "status-caution-press": string;
2084
+ "status-caution-selected": string;
2028
2085
  "status-inactive": string;
2086
+ "status-inactive-disabled": string;
2087
+ "status-inactive-hover": string;
2088
+ "status-inactive-press": string;
2089
+ "status-inactive-selected": string;
2029
2090
  "status-negative": string;
2091
+ "status-negative-disabled": string;
2092
+ "status-negative-hover": string;
2093
+ "status-negative-press": string;
2094
+ "status-negative-selected": string;
2030
2095
  "status-neutral": string;
2096
+ "status-neutral-disabled": string;
2097
+ "status-neutral-hover": string;
2098
+ "status-neutral-press": string;
2099
+ "status-neutral-selected": string;
2031
2100
  "status-option1": string;
2101
+ "status-option1-disabled": string;
2102
+ "status-option1-hover": string;
2103
+ "status-option1-press": string;
2104
+ "status-option1-selected": string;
2032
2105
  "status-option2": string;
2106
+ "status-option2-disabled": string;
2107
+ "status-option2-hover": string;
2108
+ "status-option2-press": string;
2109
+ "status-option2-selected": string;
2033
2110
  "status-option3": string;
2111
+ "status-option3-disabled": string;
2112
+ "status-option3-hover": string;
2113
+ "status-option3-press": string;
2114
+ "status-option3-selected": string;
2034
2115
  "status-option4": string;
2116
+ "status-option4-disabled": string;
2117
+ "status-option4-hover": string;
2118
+ "status-option4-press": string;
2119
+ "status-option4-selected": string;
2035
2120
  "status-option5": string;
2121
+ "status-option5-disabled": string;
2122
+ "status-option5-hover": string;
2123
+ "status-option5-press": string;
2124
+ "status-option5-selected": string;
2036
2125
  "status-option6": string;
2126
+ "status-option6-disabled": string;
2127
+ "status-option6-hover": string;
2128
+ "status-option6-press": string;
2129
+ "status-option6-selected": string;
2037
2130
  "status-positive": string;
2131
+ "status-positive-disabled": string;
2132
+ "status-positive-hover": string;
2133
+ "status-positive-press": string;
2134
+ "status-positive-selected": string;
2038
2135
  "status-progress": string;
2136
+ "status-progress-disabled": string;
2137
+ "status-progress-hover": string;
2138
+ "status-progress-press": string;
2139
+ "status-progress-selected": string;
2039
2140
  success: string;
2040
2141
  "success-weak": string;
2041
2142
  warning: string;
@@ -1,7 +1,7 @@
1
- export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-NJIDLCB7.js';
2
- import '../chunk-FAICHNEU.js';
1
+ export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-DED5SJ46.js';
2
+ import '../chunk-GWDNZB6T.js';
3
3
  import '../chunk-SFOVKOPG.js';
4
4
  import '../chunk-VBKLISDI.js';
5
5
  import '../chunk-XUHDFZZL.js';
6
6
  import '../chunk-U5R6ZXH3.js';
7
- import '../chunk-2UOTJGT6.js';
7
+ import '../chunk-AQ5VUG5P.js';