@hopper-ui/styled-system 0.2.5 → 0.2.6

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 (57) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.d.ts +1 -1
  4. package/dist/StyledSystemProvider.js +12 -12
  5. package/dist/{chunk-RS5A44EK.js → chunk-5XPS6ZZ7.js} +2 -2
  6. package/dist/{chunk-PMMWXOEJ.js → chunk-7XB4VCCJ.js} +8 -9
  7. package/dist/{chunk-6GS5PMAA.js → chunk-AMNZEPOY.js} +1 -1
  8. package/dist/{chunk-AHDDZ2BQ.js → chunk-B6ZBFYWJ.js} +1 -1
  9. package/dist/{chunk-AO47VFHO.js → chunk-BTJMZT3L.js} +1 -1
  10. package/dist/{chunk-R63UWTVG.js → chunk-HZFB352P.js} +18 -18
  11. package/dist/{chunk-XTX4KVWI.js → chunk-KLNF34G6.js} +1 -1
  12. package/dist/{chunk-STEDL5VQ.js → chunk-M4X2T3D3.js} +1 -1
  13. package/dist/{chunk-Z33MPMW6.js → chunk-MCUHAIA4.js} +2 -2
  14. package/dist/{chunk-RPR22E2F.js → chunk-UTFGHZHA.js} +2 -2
  15. package/dist/{chunk-YWNXC6UL.js → chunk-Z7O4JONV.js} +2 -2
  16. package/dist/color-scheme/ColorSchemeContext.d.ts +1 -1
  17. package/dist/color-scheme/ColorSchemeContext.js +1 -1
  18. package/dist/color-scheme/useColorScheme.js +3 -3
  19. package/dist/color-scheme/useColorSchemeValue.js +1 -1
  20. package/dist/global-styles/BodyStyleProvider.js +4 -4
  21. package/dist/html-wrappers/html.css +34 -34
  22. package/dist/html-wrappers/html.d.ts +1 -1
  23. package/dist/html-wrappers/html.js +4 -4
  24. package/dist/html-wrappers/htmlElement.css +34 -34
  25. package/dist/html-wrappers/htmlElement.d.ts +1 -1
  26. package/dist/html-wrappers/htmlElement.js +3 -3
  27. package/dist/index.css +34 -34
  28. package/dist/index.js +12 -12
  29. package/dist/responsive/BreakpointContext.d.ts +1 -1
  30. package/dist/responsive/BreakpointContext.js +1 -1
  31. package/dist/responsive/BreakpointProvider.d.ts +1 -1
  32. package/dist/responsive/BreakpointProvider.js +3 -3
  33. package/dist/responsive/Breakpoints.d.ts +1 -1
  34. package/dist/responsive/Breakpoints.js +1 -1
  35. package/dist/responsive/useResponsiveValue.d.ts +1 -1
  36. package/dist/responsive/useResponsiveValue.js +1 -1
  37. package/dist/styled-system-props.d.ts +1 -1
  38. package/dist/styled-system-props.js +1 -1
  39. package/dist/styled-system-root-css-class.js +2 -2
  40. package/dist/tokens/TokenProvider.js +3 -3
  41. package/dist/tokens/generated/dark-semantic-tokens.js +1 -1
  42. package/dist/tokens/generated/light-semantic-tokens.js +1 -1
  43. package/dist/tokens/generated/styled-system-to-token-mappings.js +1 -1
  44. package/dist/tokens/token-mappings.d.ts +1 -1
  45. package/dist/tokens/token-mappings.js +1 -1
  46. package/dist/tokens/tokens.d.ts +1 -1
  47. package/dist/tokens/tokens.js +1 -1
  48. package/dist/useStyledSystem.css +31 -31
  49. package/dist/useStyledSystem.js +2 -2
  50. package/dist/utils/assertion.js +1 -1
  51. package/dist/utils/useInsertStyleElement.js +1 -1
  52. package/dist/utils/useIsomorphicInsertionEffect.js +1 -1
  53. package/dist/utils/useIsomorphicLayoutEffect.js +1 -1
  54. package/dist/utils/useMediaQuery.js +2 -2
  55. package/dist/utils/useThemeComputedStyle.js +2 -2
  56. package/package.json +19 -19
  57. /package/dist/{chunk-JFESGV6Z.js → chunk-6LX4VMOV.js} +0 -0
@@ -178,4 +178,4 @@ type HtmlInputProps = ComponentProps<typeof HtmlInput>;
178
178
  type HtmlLabelProps = ComponentProps<typeof HtmlLabel>;
179
179
  type HtmlTextAreaProps = ComponentProps<typeof HtmlTextArea>;
180
180
 
181
- export { A, AProps, Address, AddressProps, Article, ArticleProps, Aside, AsideProps, Div, DivProps, HtmlButton, HtmlButtonProps, HtmlFooter, HtmlFooterProps, HtmlForm, HtmlFormProps, HtmlH1, HtmlH1Props, HtmlH2, HtmlH2Props, HtmlH3, HtmlH3Props, HtmlH4, HtmlH4Props, HtmlH5, HtmlH5Props, HtmlH6, HtmlH6Props, HtmlHeader, HtmlHeaderProps, HtmlInput, HtmlInputProps, HtmlLabel, HtmlLabelProps, HtmlParagraph, HtmlParagraphProps, HtmlSection, HtmlSectionProps, HtmlTextArea, HtmlTextAreaProps, Img, ImgProps, LI, LIProps, Main, MainProps, Nav, NavProps, OL, OLProps, Span, SpanProps, TBody, TBodyProps, TD, TDProps, TFoot, TFootProps, TH, THProps, THead, THeadProps, TR, TRProps, Table, TableProps, UL, ULProps };
181
+ export { A, type AProps, Address, type AddressProps, Article, type ArticleProps, Aside, type AsideProps, Div, type DivProps, HtmlButton, type HtmlButtonProps, HtmlFooter, type HtmlFooterProps, HtmlForm, type HtmlFormProps, HtmlH1, type HtmlH1Props, HtmlH2, type HtmlH2Props, HtmlH3, type HtmlH3Props, HtmlH4, type HtmlH4Props, HtmlH5, type HtmlH5Props, HtmlH6, type HtmlH6Props, HtmlHeader, type HtmlHeaderProps, HtmlInput, type HtmlInputProps, HtmlLabel, type HtmlLabelProps, HtmlParagraph, type HtmlParagraphProps, HtmlSection, type HtmlSectionProps, HtmlTextArea, type HtmlTextAreaProps, Img, type ImgProps, LI, type LIProps, Main, type MainProps, Nav, type NavProps, OL, type OLProps, Span, type SpanProps, TBody, type TBodyProps, TD, type TDProps, TFoot, type TFootProps, TH, type THProps, THead, type THeadProps, TR, type TRProps, Table, type TableProps, UL, type ULProps };
@@ -1,6 +1,6 @@
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-AO47VFHO.js';
2
- import '../chunk-RPR22E2F.js';
3
- import '../chunk-RS5A44EK.js';
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-BTJMZT3L.js';
2
+ import '../chunk-UTFGHZHA.js';
3
+ import '../chunk-5XPS6ZZ7.js';
4
4
  import '../chunk-T2LQYER5.js';
5
5
  import '../chunk-PCGVOTW3.js';
6
6
  import '../chunk-SFOVKOPG.js';
@@ -8,4 +8,4 @@ import '../chunk-VBKLISDI.js';
8
8
  import '../chunk-XUHDFZZL.js';
9
9
  import '../chunk-U5R6ZXH3.js';
10
10
  import '../chunk-I37Y2R7V.js';
11
- import '../chunk-JFESGV6Z.js';
11
+ import '../chunk-6LX4VMOV.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-hover___ELiam:hover {
2
+ .UseStyledSystem-module__hop-b-hover___GVP3r:hover {
3
3
  --hop-b-hover: initial;
4
4
  border: var(--hop-b-hover) !important;
5
5
  }
6
- .UseStyledSystem-module__hop-bb-hover___mZbsF:hover {
6
+ .UseStyledSystem-module__hop-bb-hover___idnOk:hover {
7
7
  --hop-bb-hover: initial;
8
8
  border-bottom: var(--hop-bb-hover) !important;
9
9
  }
10
- .UseStyledSystem-module__hop-bl-hover___ceyGf:hover {
10
+ .UseStyledSystem-module__hop-bl-hover___xhKyA:hover {
11
11
  --hop-bl-hover: initial;
12
12
  border-left: var(--hop-bl-hover) !important;
13
13
  }
14
- .UseStyledSystem-module__hop-br-hover___1koop:hover {
14
+ .UseStyledSystem-module__hop-br-hover___qYvoG:hover {
15
15
  --hop-br-hover: initial;
16
16
  border-right: var(--hop-br-hover) !important;
17
17
  }
18
- .UseStyledSystem-module__hop-bt-hover___XYjzz:hover {
18
+ .UseStyledSystem-module__hop-bt-hover___3HGdJ:hover {
19
19
  --hop-bt-hover: initial;
20
20
  border-top: var(--hop-bt-hover) !important;
21
21
  }
22
- .UseStyledSystem-module__hop-b-focus___eKqPu:focus-visible {
22
+ .UseStyledSystem-module__hop-b-focus___v2Wwi:focus-visible {
23
23
  --hop-b-focus: initial;
24
24
  border: var(--hop-b-focus) !important;
25
25
  }
26
- .UseStyledSystem-module__hop-bb-focus___sLRKs:focus-visible {
26
+ .UseStyledSystem-module__hop-bb-focus___itBFq:focus-visible {
27
27
  --hop-bb-focus: initial;
28
28
  border-bottom: var(--hop-bb-focus) !important;
29
29
  }
30
- .UseStyledSystem-module__hop-bl-focus___ql2vz:focus-visible {
30
+ .UseStyledSystem-module__hop-bl-focus___dT6WS:focus-visible {
31
31
  --hop-bl-focus: initial;
32
32
  border-left: var(--hop-bl-focus) !important;
33
33
  }
34
- .UseStyledSystem-module__hop-br-focus___bOlUU:focus-visible {
34
+ .UseStyledSystem-module__hop-br-focus___FPZjN:focus-visible {
35
35
  --hop-br-focus: initial;
36
36
  border-right: var(--hop-br-focus) !important;
37
37
  }
38
- .UseStyledSystem-module__hop-bt-focus___iUUrS:focus-visible {
38
+ .UseStyledSystem-module__hop-bt-focus___SBwfM:focus-visible {
39
39
  --hop-bt-focus: initial;
40
40
  border-top: var(--hop-bt-focus) !important;
41
41
  }
42
- .UseStyledSystem-module__hop-b-active___qHy5D:active {
42
+ .UseStyledSystem-module__hop-b-active___vI8-0:active {
43
43
  --hop-b-active: initial;
44
44
  border: var(--hop-b-active) !important;
45
45
  }
46
- .UseStyledSystem-module__hop-bb-active___ZZKAA:active {
46
+ .UseStyledSystem-module__hop-bb-active___50sg5:active {
47
47
  --hop-bb-active: initial;
48
48
  border-bottom: var(--hop-bb-active) !important;
49
49
  }
50
- .UseStyledSystem-module__hop-bl-active___FCKS3:active {
50
+ .UseStyledSystem-module__hop-bl-active___jTAz1:active {
51
51
  --hop-bl-active: initial;
52
52
  border-left: var(--hop-bl-active) !important;
53
53
  }
54
- .UseStyledSystem-module__hop-br-active___o8t8T:active {
54
+ .UseStyledSystem-module__hop-br-active___0EeBh:active {
55
55
  --hop-br-active: initial;
56
56
  border-right: var(--hop-br-active) !important;
57
57
  }
58
- .UseStyledSystem-module__hop-bt-active___GogIA:active {
58
+ .UseStyledSystem-module__hop-bt-active___RXq33:active {
59
59
  --hop-bt-active: initial;
60
60
  border-top: var(--hop-bt-active) !important;
61
61
  }
62
- .UseStyledSystem-module__hop-bg-hover___CTlws:hover {
62
+ .UseStyledSystem-module__hop-bg-hover___w134R:hover {
63
63
  --hop-bg-hover: initial;
64
64
  background-color: var(--hop-bg-hover) !important;
65
65
  }
66
- .UseStyledSystem-module__hop-bg-focus___iPjbs:focus-visible {
66
+ .UseStyledSystem-module__hop-bg-focus___GcLCI:focus-visible {
67
67
  --hop-bg-focus: initial;
68
68
  background-color: var(--hop-bg-focus) !important;
69
69
  }
70
- .UseStyledSystem-module__hop-bg-active___8Fos8:active {
70
+ .UseStyledSystem-module__hop-bg-active___rdOhL:active {
71
71
  --hop-bg-active: initial;
72
72
  background-color: var(--hop-bg-active) !important;
73
73
  }
74
- .UseStyledSystem-module__hop-bs-hover___gLQZn:hover {
74
+ .UseStyledSystem-module__hop-bs-hover___y-aEQ:hover {
75
75
  --hop-bs-hover: initial;
76
76
  box-shadow: var(--hop-bs-hover) !important;
77
77
  }
78
- .UseStyledSystem-module__hop-bs-focus___VbuiX:focus-visible {
78
+ .UseStyledSystem-module__hop-bs-focus___qMKoc:focus-visible {
79
79
  --hop-bs-focus: initial;
80
80
  box-shadow: var(--hop-bs-focus) !important;
81
81
  }
82
- .UseStyledSystem-module__hop-bs-active___cTySx:active {
82
+ .UseStyledSystem-module__hop-bs-active___8MtLu:active {
83
83
  --hop-bs-active: initial;
84
84
  box-shadow: var(--hop-bs-active) !important;
85
85
  }
86
- .UseStyledSystem-module__hop-c-hover___sziqQ:hover {
86
+ .UseStyledSystem-module__hop-c-hover___m3q2O:hover {
87
87
  --hop-c-hover: initial;
88
88
  color: var(--hop-c-hover) !important;
89
89
  }
90
- .UseStyledSystem-module__hop-c-focus___pLFyI:focus-visible {
90
+ .UseStyledSystem-module__hop-c-focus___ToVnJ:focus-visible {
91
91
  --hop-c-focus: initial;
92
92
  color: var(--hop-c-focus) !important;
93
93
  }
94
- .UseStyledSystem-module__hop-c-active___GOSR5:active {
94
+ .UseStyledSystem-module__hop-c-active___PorM-:active {
95
95
  --hop-c-active: initial;
96
96
  color: var(--hop-c-active) !important;
97
97
  }
98
- .UseStyledSystem-module__hop-cs-hover___F9NUH:hover {
98
+ .UseStyledSystem-module__hop-cs-hover___lQTKe:hover {
99
99
  --hop-cs-hover: initial;
100
100
  cursor: var(--hop-cs-hover) !important;
101
101
  }
102
- .UseStyledSystem-module__hop-f-hover___p0BS-:hover {
102
+ .UseStyledSystem-module__hop-f-hover___KvbSc:hover {
103
103
  --hop-f-hover: initial;
104
104
  fill: var(--hop-f-hover) !important;
105
105
  }
106
- .UseStyledSystem-module__hop-f-focus___Fq-NB:focus-visible {
106
+ .UseStyledSystem-module__hop-f-focus___eFUxf:focus-visible {
107
107
  --hop-f-focus: initial;
108
108
  fill: var(--hop-f-focus) !important;
109
109
  }
110
- .UseStyledSystem-module__hop-o-hover___KGrys:hover {
110
+ .UseStyledSystem-module__hop-o-hover___WyG8r:hover {
111
111
  --hop-o-hover: initial;
112
112
  opacity: var(--hop-o-hover) !important;
113
113
  }
114
- .UseStyledSystem-module__hop-o-focus___cGXdz:focus-visible {
114
+ .UseStyledSystem-module__hop-o-focus___NDLtq:focus-visible {
115
115
  --hop-o-focus: initial;
116
116
  opacity: var(--hop-o-focus) !important;
117
117
  }
118
- .UseStyledSystem-module__hop-o-active___qwlbA:active {
118
+ .UseStyledSystem-module__hop-o-active___L-qyl:active {
119
119
  --hop-o-active: initial;
120
120
  opacity: var(--hop-o-active) !important;
121
121
  }
122
- .UseStyledSystem-module__hop-ol-focus___9PPfW:focus-visible {
122
+ .UseStyledSystem-module__hop-ol-focus___Yw8fd: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__html-element___BT41p),
129
- :where(.htmlElement-module__html-element___BT41p::after),
130
- :where(.htmlElement-module__html-element___BT41p::before) {
128
+ :where(.htmlElement-module__html-element___mTHcW),
129
+ :where(.htmlElement-module__html-element___mTHcW::after),
130
+ :where(.htmlElement-module__html-element___mTHcW::before) {
131
131
  box-sizing: border-box;
132
132
  }
@@ -9,4 +9,4 @@ import '../tokens/token-mappings.js';
9
9
  type HtmlElementProps<T extends keyof JSX.IntrinsicElements> = StyledComponentProps<T>;
10
10
  declare function htmlElement<T extends keyof JSX.IntrinsicElements>(elementType: T): react.ForwardRefExoticComponent<react.PropsWithoutRef<HtmlElementProps<T>> & react.RefAttributes<ElementRef<T>>>;
11
11
 
12
- export { HtmlElementProps, htmlElement };
12
+ export { type HtmlElementProps, htmlElement };
@@ -1,5 +1,5 @@
1
- export { htmlElement } from '../chunk-RPR22E2F.js';
2
- import '../chunk-RS5A44EK.js';
1
+ export { htmlElement } from '../chunk-UTFGHZHA.js';
2
+ import '../chunk-5XPS6ZZ7.js';
3
3
  import '../chunk-T2LQYER5.js';
4
4
  import '../chunk-PCGVOTW3.js';
5
5
  import '../chunk-SFOVKOPG.js';
@@ -7,4 +7,4 @@ import '../chunk-VBKLISDI.js';
7
7
  import '../chunk-XUHDFZZL.js';
8
8
  import '../chunk-U5R6ZXH3.js';
9
9
  import '../chunk-I37Y2R7V.js';
10
- import '../chunk-JFESGV6Z.js';
10
+ import '../chunk-6LX4VMOV.js';
package/dist/index.css CHANGED
@@ -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-hover___ELiam:hover {
2
+ .UseStyledSystem-module__hop-b-hover___GVP3r:hover {
3
3
  --hop-b-hover: initial;
4
4
  border: var(--hop-b-hover) !important;
5
5
  }
6
- .UseStyledSystem-module__hop-bb-hover___mZbsF:hover {
6
+ .UseStyledSystem-module__hop-bb-hover___idnOk:hover {
7
7
  --hop-bb-hover: initial;
8
8
  border-bottom: var(--hop-bb-hover) !important;
9
9
  }
10
- .UseStyledSystem-module__hop-bl-hover___ceyGf:hover {
10
+ .UseStyledSystem-module__hop-bl-hover___xhKyA:hover {
11
11
  --hop-bl-hover: initial;
12
12
  border-left: var(--hop-bl-hover) !important;
13
13
  }
14
- .UseStyledSystem-module__hop-br-hover___1koop:hover {
14
+ .UseStyledSystem-module__hop-br-hover___qYvoG:hover {
15
15
  --hop-br-hover: initial;
16
16
  border-right: var(--hop-br-hover) !important;
17
17
  }
18
- .UseStyledSystem-module__hop-bt-hover___XYjzz:hover {
18
+ .UseStyledSystem-module__hop-bt-hover___3HGdJ:hover {
19
19
  --hop-bt-hover: initial;
20
20
  border-top: var(--hop-bt-hover) !important;
21
21
  }
22
- .UseStyledSystem-module__hop-b-focus___eKqPu:focus-visible {
22
+ .UseStyledSystem-module__hop-b-focus___v2Wwi:focus-visible {
23
23
  --hop-b-focus: initial;
24
24
  border: var(--hop-b-focus) !important;
25
25
  }
26
- .UseStyledSystem-module__hop-bb-focus___sLRKs:focus-visible {
26
+ .UseStyledSystem-module__hop-bb-focus___itBFq:focus-visible {
27
27
  --hop-bb-focus: initial;
28
28
  border-bottom: var(--hop-bb-focus) !important;
29
29
  }
30
- .UseStyledSystem-module__hop-bl-focus___ql2vz:focus-visible {
30
+ .UseStyledSystem-module__hop-bl-focus___dT6WS:focus-visible {
31
31
  --hop-bl-focus: initial;
32
32
  border-left: var(--hop-bl-focus) !important;
33
33
  }
34
- .UseStyledSystem-module__hop-br-focus___bOlUU:focus-visible {
34
+ .UseStyledSystem-module__hop-br-focus___FPZjN:focus-visible {
35
35
  --hop-br-focus: initial;
36
36
  border-right: var(--hop-br-focus) !important;
37
37
  }
38
- .UseStyledSystem-module__hop-bt-focus___iUUrS:focus-visible {
38
+ .UseStyledSystem-module__hop-bt-focus___SBwfM:focus-visible {
39
39
  --hop-bt-focus: initial;
40
40
  border-top: var(--hop-bt-focus) !important;
41
41
  }
42
- .UseStyledSystem-module__hop-b-active___qHy5D:active {
42
+ .UseStyledSystem-module__hop-b-active___vI8-0:active {
43
43
  --hop-b-active: initial;
44
44
  border: var(--hop-b-active) !important;
45
45
  }
46
- .UseStyledSystem-module__hop-bb-active___ZZKAA:active {
46
+ .UseStyledSystem-module__hop-bb-active___50sg5:active {
47
47
  --hop-bb-active: initial;
48
48
  border-bottom: var(--hop-bb-active) !important;
49
49
  }
50
- .UseStyledSystem-module__hop-bl-active___FCKS3:active {
50
+ .UseStyledSystem-module__hop-bl-active___jTAz1:active {
51
51
  --hop-bl-active: initial;
52
52
  border-left: var(--hop-bl-active) !important;
53
53
  }
54
- .UseStyledSystem-module__hop-br-active___o8t8T:active {
54
+ .UseStyledSystem-module__hop-br-active___0EeBh:active {
55
55
  --hop-br-active: initial;
56
56
  border-right: var(--hop-br-active) !important;
57
57
  }
58
- .UseStyledSystem-module__hop-bt-active___GogIA:active {
58
+ .UseStyledSystem-module__hop-bt-active___RXq33:active {
59
59
  --hop-bt-active: initial;
60
60
  border-top: var(--hop-bt-active) !important;
61
61
  }
62
- .UseStyledSystem-module__hop-bg-hover___CTlws:hover {
62
+ .UseStyledSystem-module__hop-bg-hover___w134R:hover {
63
63
  --hop-bg-hover: initial;
64
64
  background-color: var(--hop-bg-hover) !important;
65
65
  }
66
- .UseStyledSystem-module__hop-bg-focus___iPjbs:focus-visible {
66
+ .UseStyledSystem-module__hop-bg-focus___GcLCI:focus-visible {
67
67
  --hop-bg-focus: initial;
68
68
  background-color: var(--hop-bg-focus) !important;
69
69
  }
70
- .UseStyledSystem-module__hop-bg-active___8Fos8:active {
70
+ .UseStyledSystem-module__hop-bg-active___rdOhL:active {
71
71
  --hop-bg-active: initial;
72
72
  background-color: var(--hop-bg-active) !important;
73
73
  }
74
- .UseStyledSystem-module__hop-bs-hover___gLQZn:hover {
74
+ .UseStyledSystem-module__hop-bs-hover___y-aEQ:hover {
75
75
  --hop-bs-hover: initial;
76
76
  box-shadow: var(--hop-bs-hover) !important;
77
77
  }
78
- .UseStyledSystem-module__hop-bs-focus___VbuiX:focus-visible {
78
+ .UseStyledSystem-module__hop-bs-focus___qMKoc:focus-visible {
79
79
  --hop-bs-focus: initial;
80
80
  box-shadow: var(--hop-bs-focus) !important;
81
81
  }
82
- .UseStyledSystem-module__hop-bs-active___cTySx:active {
82
+ .UseStyledSystem-module__hop-bs-active___8MtLu:active {
83
83
  --hop-bs-active: initial;
84
84
  box-shadow: var(--hop-bs-active) !important;
85
85
  }
86
- .UseStyledSystem-module__hop-c-hover___sziqQ:hover {
86
+ .UseStyledSystem-module__hop-c-hover___m3q2O:hover {
87
87
  --hop-c-hover: initial;
88
88
  color: var(--hop-c-hover) !important;
89
89
  }
90
- .UseStyledSystem-module__hop-c-focus___pLFyI:focus-visible {
90
+ .UseStyledSystem-module__hop-c-focus___ToVnJ:focus-visible {
91
91
  --hop-c-focus: initial;
92
92
  color: var(--hop-c-focus) !important;
93
93
  }
94
- .UseStyledSystem-module__hop-c-active___GOSR5:active {
94
+ .UseStyledSystem-module__hop-c-active___PorM-:active {
95
95
  --hop-c-active: initial;
96
96
  color: var(--hop-c-active) !important;
97
97
  }
98
- .UseStyledSystem-module__hop-cs-hover___F9NUH:hover {
98
+ .UseStyledSystem-module__hop-cs-hover___lQTKe:hover {
99
99
  --hop-cs-hover: initial;
100
100
  cursor: var(--hop-cs-hover) !important;
101
101
  }
102
- .UseStyledSystem-module__hop-f-hover___p0BS-:hover {
102
+ .UseStyledSystem-module__hop-f-hover___KvbSc:hover {
103
103
  --hop-f-hover: initial;
104
104
  fill: var(--hop-f-hover) !important;
105
105
  }
106
- .UseStyledSystem-module__hop-f-focus___Fq-NB:focus-visible {
106
+ .UseStyledSystem-module__hop-f-focus___eFUxf:focus-visible {
107
107
  --hop-f-focus: initial;
108
108
  fill: var(--hop-f-focus) !important;
109
109
  }
110
- .UseStyledSystem-module__hop-o-hover___KGrys:hover {
110
+ .UseStyledSystem-module__hop-o-hover___WyG8r:hover {
111
111
  --hop-o-hover: initial;
112
112
  opacity: var(--hop-o-hover) !important;
113
113
  }
114
- .UseStyledSystem-module__hop-o-focus___cGXdz:focus-visible {
114
+ .UseStyledSystem-module__hop-o-focus___NDLtq:focus-visible {
115
115
  --hop-o-focus: initial;
116
116
  opacity: var(--hop-o-focus) !important;
117
117
  }
118
- .UseStyledSystem-module__hop-o-active___qwlbA:active {
118
+ .UseStyledSystem-module__hop-o-active___L-qyl:active {
119
119
  --hop-o-active: initial;
120
120
  opacity: var(--hop-o-active) !important;
121
121
  }
122
- .UseStyledSystem-module__hop-ol-focus___9PPfW:focus-visible {
122
+ .UseStyledSystem-module__hop-ol-focus___Yw8fd: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__html-element___BT41p),
129
- :where(.htmlElement-module__html-element___BT41p::after),
130
- :where(.htmlElement-module__html-element___BT41p::before) {
128
+ :where(.htmlElement-module__html-element___mTHcW),
129
+ :where(.htmlElement-module__html-element___mTHcW::after),
130
+ :where(.htmlElement-module__html-element___mTHcW::before) {
131
131
  box-sizing: border-box;
132
132
  }
package/dist/index.js CHANGED
@@ -1,18 +1,18 @@
1
- export { StyledSystemProvider } from './chunk-PMMWXOEJ.js';
2
- export { BodyStyleProvider } from './chunk-YWNXC6UL.js';
1
+ export { StyledSystemProvider } from './chunk-7XB4VCCJ.js';
2
+ export { BodyStyleProvider } from './chunk-Z7O4JONV.js';
3
3
  export { useIsomorphicLayoutEffect } from './chunk-3YM73BQP.js';
4
- export { ThemeComputedStyle } from './chunk-AHDDZ2BQ.js';
5
- 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-AO47VFHO.js';
6
- export { htmlElement } from './chunk-RPR22E2F.js';
7
- export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-Z33MPMW6.js';
8
- export { TokenProvider } from './chunk-6GS5PMAA.js';
4
+ export { ThemeComputedStyle } from './chunk-B6ZBFYWJ.js';
5
+ 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-BTJMZT3L.js';
6
+ export { htmlElement } from './chunk-UTFGHZHA.js';
7
+ export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-MCUHAIA4.js';
8
+ export { TokenProvider } from './chunk-AMNZEPOY.js';
9
9
  export { Tokens } from './chunk-A47SIZVA.js';
10
10
  import './chunk-ZKEMKHXY.js';
11
11
  import './chunk-HAB2KYRH.js';
12
12
  export { useInsertStyleElement } from './chunk-RIORU7JO.js';
13
13
  export { useIsomorphicInsertionEffect } from './chunk-YPIK2HRL.js';
14
- export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-R63UWTVG.js';
15
- export { isStyledSystemProp, useStyledSystem } from './chunk-RS5A44EK.js';
14
+ export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-HZFB352P.js';
15
+ export { isStyledSystemProp, useStyledSystem } from './chunk-5XPS6ZZ7.js';
16
16
  export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSystemValue, parseResponsiveSystemValue } from './chunk-T2LQYER5.js';
17
17
  import './chunk-PCGVOTW3.js';
18
18
  export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from './chunk-SFOVKOPG.js';
@@ -20,8 +20,8 @@ export { BreakpointContext, useBreakpointContext } from './chunk-VBKLISDI.js';
20
20
  export { Breakpoints } from './chunk-XUHDFZZL.js';
21
21
  import './chunk-U5R6ZXH3.js';
22
22
  export { UnsafePrefix } from './chunk-I37Y2R7V.js';
23
- export { useColorScheme } from './chunk-XTX4KVWI.js';
24
- import './chunk-STEDL5VQ.js';
23
+ export { useColorScheme } from './chunk-KLNF34G6.js';
24
+ import './chunk-M4X2T3D3.js';
25
25
  export { useColorSchemeValue } from './chunk-X5OXC6DN.js';
26
26
  export { ColorSchemeContext, useColorSchemeContext } from './chunk-V7X6ANEM.js';
27
- import './chunk-JFESGV6Z.js';
27
+ import './chunk-6LX4VMOV.js';
@@ -7,4 +7,4 @@ interface BreakpointContextType {
7
7
  declare const BreakpointContext: react.Context<BreakpointContextType>;
8
8
  declare function useBreakpointContext(): BreakpointContextType;
9
9
 
10
- export { BreakpointContext, BreakpointContextType, useBreakpointContext };
10
+ export { BreakpointContext, type BreakpointContextType, useBreakpointContext };
@@ -1,2 +1,2 @@
1
1
  export { BreakpointContext, useBreakpointContext } from '../chunk-VBKLISDI.js';
2
- import '../chunk-JFESGV6Z.js';
2
+ import '../chunk-6LX4VMOV.js';
@@ -9,4 +9,4 @@ interface BreakpointProviderProps {
9
9
  }
10
10
  declare function BreakpointProvider({ children, unsupportedMatchMediaBreakpoint }: BreakpointProviderProps): react_jsx_runtime.JSX.Element;
11
11
 
12
- export { BreakpointProvider, BreakpointProviderProps, DefaultUnsupportedMatchMediaBreakpoint };
12
+ export { BreakpointProvider, type BreakpointProviderProps, DefaultUnsupportedMatchMediaBreakpoint };
@@ -1,5 +1,5 @@
1
- export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from '../chunk-Z33MPMW6.js';
1
+ export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from '../chunk-MCUHAIA4.js';
2
2
  import '../chunk-VBKLISDI.js';
3
3
  import '../chunk-XUHDFZZL.js';
4
- import '../chunk-STEDL5VQ.js';
5
- import '../chunk-JFESGV6Z.js';
4
+ import '../chunk-M4X2T3D3.js';
5
+ import '../chunk-6LX4VMOV.js';
@@ -7,4 +7,4 @@ declare const Breakpoints: {
7
7
  };
8
8
  type Breakpoint = keyof typeof Breakpoints | "base";
9
9
 
10
- export { Breakpoint, Breakpoints };
10
+ export { type Breakpoint, Breakpoints };
@@ -1,2 +1,2 @@
1
1
  export { Breakpoints } from '../chunk-XUHDFZZL.js';
2
- import '../chunk-JFESGV6Z.js';
2
+ import '../chunk-6LX4VMOV.js';
@@ -8,4 +8,4 @@ declare function isResponsiveObject(obj: unknown): obj is ResponsiveValue<unknow
8
8
  declare function parseResponsiveValue<T>(value: T | ResponsiveValue<T>, matchedBreakpoints: Breakpoint[]): T | undefined;
9
9
  declare function useResponsiveValue<T>(value: T | ResponsiveValue<T>): T | undefined;
10
10
 
11
- export { ResponsiveProp, ResponsiveValue, isResponsiveObject, parseResponsiveValue, useResponsiveValue };
11
+ export { type ResponsiveProp, type ResponsiveValue, isResponsiveObject, parseResponsiveValue, useResponsiveValue };
@@ -2,4 +2,4 @@ export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from '..
2
2
  import '../chunk-VBKLISDI.js';
3
3
  import '../chunk-XUHDFZZL.js';
4
4
  import '../chunk-U5R6ZXH3.js';
5
- import '../chunk-JFESGV6Z.js';
5
+ import '../chunk-6LX4VMOV.js';
@@ -1323,4 +1323,4 @@ interface StyledSystemProps {
1323
1323
  }
1324
1324
  type StyledComponentProps<T extends keyof JSX.IntrinsicElements | JSXElementConstructor<unknown>> = Omit<ComponentProps<T>, keyof StyledSystemProps> & StyledSystemProps;
1325
1325
 
1326
- export { StyledComponentProps, StyledSystemProps, UnsafePrefix };
1326
+ export { type StyledComponentProps, type StyledSystemProps, UnsafePrefix };
@@ -1,2 +1,2 @@
1
1
  export { UnsafePrefix } from './chunk-I37Y2R7V.js';
2
- import './chunk-JFESGV6Z.js';
2
+ import './chunk-6LX4VMOV.js';
@@ -1,2 +1,2 @@
1
- export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-R63UWTVG.js';
2
- import './chunk-JFESGV6Z.js';
1
+ export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-HZFB352P.js';
2
+ import './chunk-6LX4VMOV.js';
@@ -1,9 +1,9 @@
1
- export { TokenProvider } from '../chunk-6GS5PMAA.js';
1
+ export { TokenProvider } from '../chunk-AMNZEPOY.js';
2
2
  import '../chunk-A47SIZVA.js';
3
3
  import '../chunk-ZKEMKHXY.js';
4
4
  import '../chunk-HAB2KYRH.js';
5
5
  import '../chunk-RIORU7JO.js';
6
6
  import '../chunk-YPIK2HRL.js';
7
- import '../chunk-R63UWTVG.js';
7
+ import '../chunk-HZFB352P.js';
8
8
  import '../chunk-U5R6ZXH3.js';
9
- import '../chunk-JFESGV6Z.js';
9
+ import '../chunk-6LX4VMOV.js';
@@ -1,2 +1,2 @@
1
1
  export { DarkSemanticTokens } from '../../chunk-ZKEMKHXY.js';
2
- import '../../chunk-JFESGV6Z.js';
2
+ import '../../chunk-6LX4VMOV.js';
@@ -1,2 +1,2 @@
1
1
  export { CoreTokens, SemanticTokens } from '../../chunk-HAB2KYRH.js';
2
- import '../../chunk-JFESGV6Z.js';
2
+ import '../../chunk-6LX4VMOV.js';
@@ -1,2 +1,2 @@
1
1
  export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontSize, FontWeight, HopperColors, HopperVariablePrefix, IconColors, LineHeight, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-PCGVOTW3.js';
2
- import '../../chunk-JFESGV6Z.js';
2
+ import '../../chunk-6LX4VMOV.js';
@@ -2146,4 +2146,4 @@ type GridRowSpanValue = number;
2146
2146
  declare function parseResponsiveSystemValue<TValue extends string | number>(value: TValue | undefined, systemValues: Record<TValue, string>, matchedBreakpoints: Breakpoint[]): TValue | Record<TValue, string>[TValue] | undefined;
2147
2147
  declare function getSystemValue<T extends string | number>(value: T, systemValues: Record<T, string>): Record<T, string>[T];
2148
2148
 
2149
- export { BackgroundColorMapping, BackgroundColorValue, BorderMapping, BorderRadiusMapping, BorderRadiusValue, BorderValue, BoxShadowMapping, BoxShadowValue, ColorExpressionTypes, ColorMapping, ColorValue, ColumnGapValue, ComplexMarginMapping, ComplexMarginValue, ComplexPaddingMapping, ComplexPaddingValue, CssBorder, CssBorderRadius, CssBoxShadow, CssColor, CssFill, CssGap, CssGrid, CssGridTemplate, DataVizColorMapping, DefaultBorderWidthAndStyle, FillValue, FontFamilyMapping, FontFamilyValue, FontSizeMapping, FontSizeValue, FontWeightMapping, FontWeightValue, GapValue, GridAutoColumnsValue, GridAutoRowsValue, GridColumSpanValue, GridRowSpanValue, GridTemplateColumnsValue, GridTemplateRowsValue, HeightValue, IconColorMapping, LineHeightMapping, LineHeightValue, RowGapValue, SimpleMarginMapping, SimpleMarginValue, SimplePaddingMapping, SimplePaddingValue, SizingMapping, SizingValue, SpaceMapping, StrokeValue, TextColorMapping, UNSAFE_BackgroundColorValue, UNSAFE_BorderRadiusValue, UNSAFE_BorderValue, UNSAFE_BoxShadowValue, UNSAFE_ColorValue, UNSAFE_ColumnGapValue, UNSAFE_ComplexMarginValue, UNSAFE_ComplexPaddingValue, UNSAFE_FillValue, UNSAFE_FontFamilyValue, UNSAFE_FontSizeValue, UNSAFE_FontWeightValue, UNSAFE_GapValue, UNSAFE_GridAutoColumnsValue, UNSAFE_GridAutoRowsValue, UNSAFE_GridTemplateColumnsValue, UNSAFE_GridTemplateRowsValue, UNSAFE_HeightValue, UNSAFE_LineHeightValue, UNSAFE_RowGapValue, UNSAFE_SimpleMarginValue, UNSAFE_SimplePaddingValue, UNSAFE_SizingValue, UNSAFE_StrokeValue, UNSAFE_WidthValue, WidthValue, getSystemValue, parseResponsiveSystemValue };
2149
+ export { BackgroundColorMapping, type BackgroundColorValue, BorderMapping, BorderRadiusMapping, type BorderRadiusValue, type BorderValue, BoxShadowMapping, type BoxShadowValue, ColorExpressionTypes, ColorMapping, type ColorValue, type ColumnGapValue, ComplexMarginMapping, type ComplexMarginValue, ComplexPaddingMapping, type ComplexPaddingValue, type CssBorder, type CssBorderRadius, type CssBoxShadow, type CssColor, type CssFill, type CssGap, type CssGrid, type CssGridTemplate, DataVizColorMapping, DefaultBorderWidthAndStyle, type FillValue, FontFamilyMapping, type FontFamilyValue, FontSizeMapping, type FontSizeValue, FontWeightMapping, type FontWeightValue, type GapValue, type GridAutoColumnsValue, type GridAutoRowsValue, type GridColumSpanValue, type GridRowSpanValue, type GridTemplateColumnsValue, type GridTemplateRowsValue, type HeightValue, IconColorMapping, LineHeightMapping, type LineHeightValue, type RowGapValue, SimpleMarginMapping, type SimpleMarginValue, SimplePaddingMapping, type SimplePaddingValue, SizingMapping, type SizingValue, SpaceMapping, type StrokeValue, TextColorMapping, type UNSAFE_BackgroundColorValue, type UNSAFE_BorderRadiusValue, type UNSAFE_BorderValue, type UNSAFE_BoxShadowValue, type UNSAFE_ColorValue, type UNSAFE_ColumnGapValue, type UNSAFE_ComplexMarginValue, type UNSAFE_ComplexPaddingValue, type UNSAFE_FillValue, type UNSAFE_FontFamilyValue, type UNSAFE_FontSizeValue, type UNSAFE_FontWeightValue, type UNSAFE_GapValue, type UNSAFE_GridAutoColumnsValue, type UNSAFE_GridAutoRowsValue, type UNSAFE_GridTemplateColumnsValue, type UNSAFE_GridTemplateRowsValue, type UNSAFE_HeightValue, type UNSAFE_LineHeightValue, type UNSAFE_RowGapValue, type UNSAFE_SimpleMarginValue, type UNSAFE_SimplePaddingValue, type UNSAFE_SizingValue, type UNSAFE_StrokeValue, type UNSAFE_WidthValue, type WidthValue, getSystemValue, parseResponsiveSystemValue };
@@ -4,4 +4,4 @@ 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-JFESGV6Z.js';
7
+ import '../chunk-6LX4VMOV.js';
@@ -1153,4 +1153,4 @@ declare const Tokens: {
1153
1153
  type HopperTokenKey = keyof typeof CoreTokens | keyof typeof SemanticTokens | keyof typeof DarkSemanticTokens;
1154
1154
  type HopperCssVar = `var(${HopperTokenKey})`;
1155
1155
 
1156
- export { HopperCssVar, HopperTokenKey, Tokens };
1156
+ export { type HopperCssVar, type HopperTokenKey, Tokens };
@@ -1,4 +1,4 @@
1
1
  export { Tokens } from '../chunk-A47SIZVA.js';
2
2
  import '../chunk-ZKEMKHXY.js';
3
3
  import '../chunk-HAB2KYRH.js';
4
- import '../chunk-JFESGV6Z.js';
4
+ import '../chunk-6LX4VMOV.js';