@hopper-ui/styled-system 2.5.6 → 2.5.8

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 (29) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/StyledSystemProvider.css +34 -44
  3. package/dist/StyledSystemProvider.js +7 -7
  4. package/dist/chunk-7TNCJ3OQ.js +1 -1
  5. package/dist/{chunk-3VQ43PIS.js → chunk-B376GWWE.js} +1 -1
  6. package/dist/{chunk-4WFMYA7C.js → chunk-BXAKPMEJ.js} +5 -5
  7. package/dist/chunk-IKQSS4GV.js +17 -0
  8. package/dist/{chunk-BI23L2H4.js → chunk-KJNJQLNN.js} +2 -2
  9. package/dist/{chunk-RLEUGE2I.js → chunk-MQ2MRYPJ.js} +2 -2
  10. package/dist/chunk-RAWVBWQ4.js +1 -1
  11. package/dist/{chunk-LGSYLEEK.js → chunk-S3EXS3LF.js} +1 -1
  12. package/dist/{chunk-WHILYSHG.js → chunk-WCCXIGMQ.js} +1 -1
  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 +3 -3
  16. package/dist/html-wrappers/htmlElement.css +34 -34
  17. package/dist/html-wrappers/htmlElement.js +2 -2
  18. package/dist/index.css +34 -44
  19. package/dist/index.js +7 -7
  20. package/dist/styledSystemRootCssClass.js +1 -1
  21. package/dist/tokens/TokenProvider.js +2 -2
  22. package/dist/tokens/tokenMappings.d.ts +16 -16
  23. package/dist/useStyledSystem.css +31 -31
  24. package/dist/useStyledSystem.js +1 -1
  25. package/package.json +1 -1
  26. package/dist/chunk-V6YGECJS.js +0 -98
  27. package/dist/global-styles/BodyStyleProvider.css +0 -9
  28. package/dist/styledSystemRootCssClass.css +0 -9
  29. package/dist/tokens/TokenProvider.css +0 -9
package/dist/html-wrappers/htmlElement.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___P528v:hover {
2
+ .UseStyledSystem-module__hop-b-hover___X67pb:hover {
3
3
  --hop-b-hover: initial;
4
4
  border: var(--hop-b-hover) !important;
5
5
  }
6
- .UseStyledSystem-module__hop-bb-hover___3CURt:hover {
6
+ .UseStyledSystem-module__hop-bb-hover___MfJWq:hover {
7
7
  --hop-bb-hover: initial;
8
8
  border-bottom: var(--hop-bb-hover) !important;
9
9
  }
10
- .UseStyledSystem-module__hop-bl-hover___mfg7-:hover {
10
+ .UseStyledSystem-module__hop-bl-hover___nWtAM:hover {
11
11
  --hop-bl-hover: initial;
12
12
  border-left: var(--hop-bl-hover) !important;
13
13
  }
14
- .UseStyledSystem-module__hop-br-hover___ty9SI:hover {
14
+ .UseStyledSystem-module__hop-br-hover___BXYMY:hover {
15
15
  --hop-br-hover: initial;
16
16
  border-right: var(--hop-br-hover) !important;
17
17
  }
18
- .UseStyledSystem-module__hop-bt-hover___m0UEE:hover {
18
+ .UseStyledSystem-module__hop-bt-hover___mUbSk:hover {
19
19
  --hop-bt-hover: initial;
20
20
  border-top: var(--hop-bt-hover) !important;
21
21
  }
22
- .UseStyledSystem-module__hop-b-focus___mKMkc:focus-visible {
22
+ .UseStyledSystem-module__hop-b-focus___aP7Oi:focus-visible {
23
23
  --hop-b-focus: initial;
24
24
  border: var(--hop-b-focus) !important;
25
25
  }
26
- .UseStyledSystem-module__hop-bb-focus___LUw1p:focus-visible {
26
+ .UseStyledSystem-module__hop-bb-focus___XF9lp: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___MheUS:focus-visible {
30
+ .UseStyledSystem-module__hop-bl-focus___aJJ2P: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___7WPg7:focus-visible {
34
+ .UseStyledSystem-module__hop-br-focus___gES2N: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___FPnP3:focus-visible {
38
+ .UseStyledSystem-module__hop-bt-focus___0n1z3: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___4jmXf:active {
42
+ .UseStyledSystem-module__hop-b-active___kOfhP:active {
43
43
  --hop-b-active: initial;
44
44
  border: var(--hop-b-active) !important;
45
45
  }
46
- .UseStyledSystem-module__hop-bb-active___eo-X-:active {
46
+ .UseStyledSystem-module__hop-bb-active___Oy6gA:active {
47
47
  --hop-bb-active: initial;
48
48
  border-bottom: var(--hop-bb-active) !important;
49
49
  }
50
- .UseStyledSystem-module__hop-bl-active___gHSgL:active {
50
+ .UseStyledSystem-module__hop-bl-active___NH4P7:active {
51
51
  --hop-bl-active: initial;
52
52
  border-left: var(--hop-bl-active) !important;
53
53
  }
54
- .UseStyledSystem-module__hop-br-active___3Pv8m:active {
54
+ .UseStyledSystem-module__hop-br-active___qU8SO:active {
55
55
  --hop-br-active: initial;
56
56
  border-right: var(--hop-br-active) !important;
57
57
  }
58
- .UseStyledSystem-module__hop-bt-active___Dq5G3:active {
58
+ .UseStyledSystem-module__hop-bt-active___G3GT0:active {
59
59
  --hop-bt-active: initial;
60
60
  border-top: var(--hop-bt-active) !important;
61
61
  }
62
- .UseStyledSystem-module__hop-bg-hover___PK000:hover {
62
+ .UseStyledSystem-module__hop-bg-hover___DUwk1:hover {
63
63
  --hop-bg-hover: initial;
64
64
  background-color: var(--hop-bg-hover) !important;
65
65
  }
66
- .UseStyledSystem-module__hop-bg-focus___76CKe:focus-visible {
66
+ .UseStyledSystem-module__hop-bg-focus___VU-3I: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___lCQ7M:active {
70
+ .UseStyledSystem-module__hop-bg-active___idxA4:active {
71
71
  --hop-bg-active: initial;
72
72
  background-color: var(--hop-bg-active) !important;
73
73
  }
74
- .UseStyledSystem-module__hop-bs-hover___3krGy:hover {
74
+ .UseStyledSystem-module__hop-bs-hover___9ubu-:hover {
75
75
  --hop-bs-hover: initial;
76
76
  box-shadow: var(--hop-bs-hover) !important;
77
77
  }
78
- .UseStyledSystem-module__hop-bs-focus___xupfH:focus-visible {
78
+ .UseStyledSystem-module__hop-bs-focus___k3hRq: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___aKjs9:active {
82
+ .UseStyledSystem-module__hop-bs-active___87-J6:active {
83
83
  --hop-bs-active: initial;
84
84
  box-shadow: var(--hop-bs-active) !important;
85
85
  }
86
- .UseStyledSystem-module__hop-c-hover___0HfDW:hover {
86
+ .UseStyledSystem-module__hop-c-hover___4ibV3:hover {
87
87
  --hop-c-hover: initial;
88
88
  color: var(--hop-c-hover) !important;
89
89
  }
90
- .UseStyledSystem-module__hop-c-focus___4cK8m:focus-visible {
90
+ .UseStyledSystem-module__hop-c-focus___a6fcM:focus-visible {
91
91
  --hop-c-focus: initial;
92
92
  color: var(--hop-c-focus) !important;
93
93
  }
94
- .UseStyledSystem-module__hop-c-active___8NHLI:active {
94
+ .UseStyledSystem-module__hop-c-active___76Xn2:active {
95
95
  --hop-c-active: initial;
96
96
  color: var(--hop-c-active) !important;
97
97
  }
98
- .UseStyledSystem-module__hop-cs-hover___MTGik:hover {
98
+ .UseStyledSystem-module__hop-cs-hover___aMCvn:hover {
99
99
  --hop-cs-hover: initial;
100
100
  cursor: var(--hop-cs-hover) !important;
101
101
  }
102
- .UseStyledSystem-module__hop-f-hover___rj83V:hover {
102
+ .UseStyledSystem-module__hop-f-hover___z6hl5:hover {
103
103
  --hop-f-hover: initial;
104
104
  fill: var(--hop-f-hover) !important;
105
105
  }
106
- .UseStyledSystem-module__hop-f-focus___IvqZF:focus-visible {
106
+ .UseStyledSystem-module__hop-f-focus___Y71R2:focus-visible {
107
107
  --hop-f-focus: initial;
108
108
  fill: var(--hop-f-focus) !important;
109
109
  }
110
- .UseStyledSystem-module__hop-o-hover___6pm5f:hover {
110
+ .UseStyledSystem-module__hop-o-hover___FtsIM:hover {
111
111
  --hop-o-hover: initial;
112
112
  opacity: var(--hop-o-hover) !important;
113
113
  }
114
- .UseStyledSystem-module__hop-o-focus___bidKS:focus-visible {
114
+ .UseStyledSystem-module__hop-o-focus___7KGdn:focus-visible {
115
115
  --hop-o-focus: initial;
116
116
  opacity: var(--hop-o-focus) !important;
117
117
  }
118
- .UseStyledSystem-module__hop-o-active___nNiBH:active {
118
+ .UseStyledSystem-module__hop-o-active___DiuAQ:active {
119
119
  --hop-o-active: initial;
120
120
  opacity: var(--hop-o-active) !important;
121
121
  }
122
- .UseStyledSystem-module__hop-ol-focus___Cr3ES:focus-visible {
122
+ .UseStyledSystem-module__hop-ol-focus___ScZWG:focus-visible {
123
123
  --hop-ol-focus: initial;
124
124
  color: var(--hop-ol-focus) !important;
125
125
  }
126
126
 
127
127
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/html-wrappers/htmlElement.module.css/#css-module-data */
128
- :where(.htmlElement-module__hop-HtmlElement___LmJsK),
129
- :where(.htmlElement-module__hop-HtmlElement___LmJsK::after),
130
- :where(.htmlElement-module__hop-HtmlElement___LmJsK::before) {
128
+ :where(.htmlElement-module__hop-HtmlElement___pQS3-),
129
+ :where(.htmlElement-module__hop-HtmlElement___pQS3-::after),
130
+ :where(.htmlElement-module__hop-HtmlElement___pQS3-::before) {
131
131
  box-sizing: border-box;
132
132
  }
package/dist/html-wrappers/htmlElement.js CHANGED
@@ -1,5 +1,5 @@
1
- export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from '../chunk-RLEUGE2I.js';
2
- import '../chunk-BI23L2H4.js';
1
+ export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from '../chunk-MQ2MRYPJ.js';
2
+ import '../chunk-KJNJQLNN.js';
3
3
  import '../chunk-7TNCJ3OQ.js';
4
4
  import '../chunk-MSH55T2T.js';
5
5
  import '../chunk-SFOVKOPG.js';
package/dist/index.css CHANGED
@@ -1,142 +1,132 @@
1
- /* src/styledSystemRootCssClass.css */
2
- .hop {
3
- font-family: var(--hop-body-md-font-family);
4
- font-size: var(--hop-body-md-font-size);
5
- font-weight: var(--hop-body-md-font-weight);
6
- -webkit-font-smoothing: antialiased;
7
- line-height: var(--hop-body-md-line-height);
8
- color: var(--hop-neutral-text);
9
- }
10
-
11
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/UseStyledSystem.module.css/#css-module-data */
12
- .UseStyledSystem-module__hop-b-hover___P528v:hover {
2
+ .UseStyledSystem-module__hop-b-hover___X67pb:hover {
13
3
  --hop-b-hover: initial;
14
4
  border: var(--hop-b-hover) !important;
15
5
  }
16
- .UseStyledSystem-module__hop-bb-hover___3CURt:hover {
6
+ .UseStyledSystem-module__hop-bb-hover___MfJWq:hover {
17
7
  --hop-bb-hover: initial;
18
8
  border-bottom: var(--hop-bb-hover) !important;
19
9
  }
20
- .UseStyledSystem-module__hop-bl-hover___mfg7-:hover {
10
+ .UseStyledSystem-module__hop-bl-hover___nWtAM:hover {
21
11
  --hop-bl-hover: initial;
22
12
  border-left: var(--hop-bl-hover) !important;
23
13
  }
24
- .UseStyledSystem-module__hop-br-hover___ty9SI:hover {
14
+ .UseStyledSystem-module__hop-br-hover___BXYMY:hover {
25
15
  --hop-br-hover: initial;
26
16
  border-right: var(--hop-br-hover) !important;
27
17
  }
28
- .UseStyledSystem-module__hop-bt-hover___m0UEE:hover {
18
+ .UseStyledSystem-module__hop-bt-hover___mUbSk:hover {
29
19
  --hop-bt-hover: initial;
30
20
  border-top: var(--hop-bt-hover) !important;
31
21
  }
32
- .UseStyledSystem-module__hop-b-focus___mKMkc:focus-visible {
22
+ .UseStyledSystem-module__hop-b-focus___aP7Oi:focus-visible {
33
23
  --hop-b-focus: initial;
34
24
  border: var(--hop-b-focus) !important;
35
25
  }
36
- .UseStyledSystem-module__hop-bb-focus___LUw1p:focus-visible {
26
+ .UseStyledSystem-module__hop-bb-focus___XF9lp:focus-visible {
37
27
  --hop-bb-focus: initial;
38
28
  border-bottom: var(--hop-bb-focus) !important;
39
29
  }
40
- .UseStyledSystem-module__hop-bl-focus___MheUS:focus-visible {
30
+ .UseStyledSystem-module__hop-bl-focus___aJJ2P:focus-visible {
41
31
  --hop-bl-focus: initial;
42
32
  border-left: var(--hop-bl-focus) !important;
43
33
  }
44
- .UseStyledSystem-module__hop-br-focus___7WPg7:focus-visible {
34
+ .UseStyledSystem-module__hop-br-focus___gES2N:focus-visible {
45
35
  --hop-br-focus: initial;
46
36
  border-right: var(--hop-br-focus) !important;
47
37
  }
48
- .UseStyledSystem-module__hop-bt-focus___FPnP3:focus-visible {
38
+ .UseStyledSystem-module__hop-bt-focus___0n1z3:focus-visible {
49
39
  --hop-bt-focus: initial;
50
40
  border-top: var(--hop-bt-focus) !important;
51
41
  }
52
- .UseStyledSystem-module__hop-b-active___4jmXf:active {
42
+ .UseStyledSystem-module__hop-b-active___kOfhP:active {
53
43
  --hop-b-active: initial;
54
44
  border: var(--hop-b-active) !important;
55
45
  }
56
- .UseStyledSystem-module__hop-bb-active___eo-X-:active {
46
+ .UseStyledSystem-module__hop-bb-active___Oy6gA:active {
57
47
  --hop-bb-active: initial;
58
48
  border-bottom: var(--hop-bb-active) !important;
59
49
  }
60
- .UseStyledSystem-module__hop-bl-active___gHSgL:active {
50
+ .UseStyledSystem-module__hop-bl-active___NH4P7:active {
61
51
  --hop-bl-active: initial;
62
52
  border-left: var(--hop-bl-active) !important;
63
53
  }
64
- .UseStyledSystem-module__hop-br-active___3Pv8m:active {
54
+ .UseStyledSystem-module__hop-br-active___qU8SO:active {
65
55
  --hop-br-active: initial;
66
56
  border-right: var(--hop-br-active) !important;
67
57
  }
68
- .UseStyledSystem-module__hop-bt-active___Dq5G3:active {
58
+ .UseStyledSystem-module__hop-bt-active___G3GT0:active {
69
59
  --hop-bt-active: initial;
70
60
  border-top: var(--hop-bt-active) !important;
71
61
  }
72
- .UseStyledSystem-module__hop-bg-hover___PK000:hover {
62
+ .UseStyledSystem-module__hop-bg-hover___DUwk1:hover {
73
63
  --hop-bg-hover: initial;
74
64
  background-color: var(--hop-bg-hover) !important;
75
65
  }
76
- .UseStyledSystem-module__hop-bg-focus___76CKe:focus-visible {
66
+ .UseStyledSystem-module__hop-bg-focus___VU-3I:focus-visible {
77
67
  --hop-bg-focus: initial;
78
68
  background-color: var(--hop-bg-focus) !important;
79
69
  }
80
- .UseStyledSystem-module__hop-bg-active___lCQ7M:active {
70
+ .UseStyledSystem-module__hop-bg-active___idxA4:active {
81
71
  --hop-bg-active: initial;
82
72
  background-color: var(--hop-bg-active) !important;
83
73
  }
84
- .UseStyledSystem-module__hop-bs-hover___3krGy:hover {
74
+ .UseStyledSystem-module__hop-bs-hover___9ubu-:hover {
85
75
  --hop-bs-hover: initial;
86
76
  box-shadow: var(--hop-bs-hover) !important;
87
77
  }
88
- .UseStyledSystem-module__hop-bs-focus___xupfH:focus-visible {
78
+ .UseStyledSystem-module__hop-bs-focus___k3hRq:focus-visible {
89
79
  --hop-bs-focus: initial;
90
80
  box-shadow: var(--hop-bs-focus) !important;
91
81
  }
92
- .UseStyledSystem-module__hop-bs-active___aKjs9:active {
82
+ .UseStyledSystem-module__hop-bs-active___87-J6:active {
93
83
  --hop-bs-active: initial;
94
84
  box-shadow: var(--hop-bs-active) !important;
95
85
  }
96
- .UseStyledSystem-module__hop-c-hover___0HfDW:hover {
86
+ .UseStyledSystem-module__hop-c-hover___4ibV3:hover {
97
87
  --hop-c-hover: initial;
98
88
  color: var(--hop-c-hover) !important;
99
89
  }
100
- .UseStyledSystem-module__hop-c-focus___4cK8m:focus-visible {
90
+ .UseStyledSystem-module__hop-c-focus___a6fcM:focus-visible {
101
91
  --hop-c-focus: initial;
102
92
  color: var(--hop-c-focus) !important;
103
93
  }
104
- .UseStyledSystem-module__hop-c-active___8NHLI:active {
94
+ .UseStyledSystem-module__hop-c-active___76Xn2:active {
105
95
  --hop-c-active: initial;
106
96
  color: var(--hop-c-active) !important;
107
97
  }
108
- .UseStyledSystem-module__hop-cs-hover___MTGik:hover {
98
+ .UseStyledSystem-module__hop-cs-hover___aMCvn:hover {
109
99
  --hop-cs-hover: initial;
110
100
  cursor: var(--hop-cs-hover) !important;
111
101
  }
112
- .UseStyledSystem-module__hop-f-hover___rj83V:hover {
102
+ .UseStyledSystem-module__hop-f-hover___z6hl5:hover {
113
103
  --hop-f-hover: initial;
114
104
  fill: var(--hop-f-hover) !important;
115
105
  }
116
- .UseStyledSystem-module__hop-f-focus___IvqZF:focus-visible {
106
+ .UseStyledSystem-module__hop-f-focus___Y71R2:focus-visible {
117
107
  --hop-f-focus: initial;
118
108
  fill: var(--hop-f-focus) !important;
119
109
  }
120
- .UseStyledSystem-module__hop-o-hover___6pm5f:hover {
110
+ .UseStyledSystem-module__hop-o-hover___FtsIM:hover {
121
111
  --hop-o-hover: initial;
122
112
  opacity: var(--hop-o-hover) !important;
123
113
  }
124
- .UseStyledSystem-module__hop-o-focus___bidKS:focus-visible {
114
+ .UseStyledSystem-module__hop-o-focus___7KGdn:focus-visible {
125
115
  --hop-o-focus: initial;
126
116
  opacity: var(--hop-o-focus) !important;
127
117
  }
128
- .UseStyledSystem-module__hop-o-active___nNiBH:active {
118
+ .UseStyledSystem-module__hop-o-active___DiuAQ:active {
129
119
  --hop-o-active: initial;
130
120
  opacity: var(--hop-o-active) !important;
131
121
  }
132
- .UseStyledSystem-module__hop-ol-focus___Cr3ES:focus-visible {
122
+ .UseStyledSystem-module__hop-ol-focus___ScZWG:focus-visible {
133
123
  --hop-ol-focus: initial;
134
124
  color: var(--hop-ol-focus) !important;
135
125
  }
136
126
 
137
127
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/html-wrappers/htmlElement.module.css/#css-module-data */
138
- :where(.htmlElement-module__hop-HtmlElement___LmJsK),
139
- :where(.htmlElement-module__hop-HtmlElement___LmJsK::after),
140
- :where(.htmlElement-module__hop-HtmlElement___LmJsK::before) {
128
+ :where(.htmlElement-module__hop-HtmlElement___pQS3-),
129
+ :where(.htmlElement-module__hop-HtmlElement___pQS3-::after),
130
+ :where(.htmlElement-module__hop-HtmlElement___pQS3-::before) {
141
131
  box-sizing: border-box;
142
132
  }
package/dist/index.js CHANGED
@@ -1,19 +1,19 @@
1
1
  export { slot } from './chunk-7STOSQRA.js';
2
- export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-4WFMYA7C.js';
3
- export { BodyStyleProvider } from './chunk-WHILYSHG.js';
2
+ export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-BXAKPMEJ.js';
3
+ export { BodyStyleProvider } from './chunk-WCCXIGMQ.js';
4
4
  export { ThemeComputedStyle } from './chunk-BSIKCABJ.js';
5
5
  export { useIsomorphicLayoutEffect } from './chunk-3YM73BQP.js';
6
- 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-3VQ43PIS.js';
7
- export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-RLEUGE2I.js';
6
+ 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-B376GWWE.js';
7
+ export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-MQ2MRYPJ.js';
8
8
  export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-GXUFWEP5.js';
9
- export { TokenProvider } from './chunk-LGSYLEEK.js';
9
+ export { TokenProvider } from './chunk-S3EXS3LF.js';
10
10
  export { Tokens } from './chunk-RAWVBWQ4.js';
11
11
  import './chunk-P6FMQKUS.js';
12
12
  import './chunk-K5JIMNDM.js';
13
13
  export { useInsertStyleElement } from './chunk-RIORU7JO.js';
14
14
  export { useIsomorphicInsertionEffect } from './chunk-YPIK2HRL.js';
15
- export { HopperRootCssClass, StyledSystemRootCssClass, getRootCSSClasses } from './chunk-V6YGECJS.js';
16
- export { isStyledSystemProp, useStyledSystem } from './chunk-BI23L2H4.js';
15
+ export { HopperRootCssClass, StyledSystemRootCssClass, getRootCSSClasses } from './chunk-IKQSS4GV.js';
16
+ export { isStyledSystemProp, useStyledSystem } from './chunk-KJNJQLNN.js';
17
17
  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-7TNCJ3OQ.js';
18
18
  import './chunk-MSH55T2T.js';
19
19
  export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from './chunk-SFOVKOPG.js';
package/dist/styledSystemRootCssClass.js CHANGED
@@ -1,2 +1,2 @@
1
- export { HopperRootCssClass, StyledSystemRootCssClass, getRootCSSClasses } from './chunk-V6YGECJS.js';
1
+ export { HopperRootCssClass, StyledSystemRootCssClass, getRootCSSClasses } from './chunk-IKQSS4GV.js';
2
2
  import './chunk-AQ5VUG5P.js';
package/dist/tokens/TokenProvider.js CHANGED
@@ -1,9 +1,9 @@
1
- export { TokenProvider } from '../chunk-LGSYLEEK.js';
1
+ export { TokenProvider } from '../chunk-S3EXS3LF.js';
2
2
  import '../chunk-RAWVBWQ4.js';
3
3
  import '../chunk-P6FMQKUS.js';
4
4
  import '../chunk-K5JIMNDM.js';
5
5
  import '../chunk-RIORU7JO.js';
6
6
  import '../chunk-YPIK2HRL.js';
7
- import '../chunk-V6YGECJS.js';
7
+ import '../chunk-IKQSS4GV.js';
8
8
  import '../chunk-U5R6ZXH3.js';
9
9
  import '../chunk-AQ5VUG5P.js';
package/dist/tokens/tokenMappings.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Globals, Property } from 'csstype';
1
+ import { Globals, DataType, Property } from 'csstype';
2
2
  import { Breakpoint } from '../responsive/Breakpoints.js';
3
3
  import { ResponsiveProp } from '../responsive/useResponsiveValue.js';
4
4
 
@@ -2318,8 +2318,8 @@ type CssFill = Globals | "child" | "context-fill" | "context-stroke" | "none" |
2318
2318
  type CssGrid = "auto" | "max-content" | "min-content" | Globals | Percentage | FRValues;
2319
2319
  type CssGridTemplate = "none" | "subgrid" | CssGrid;
2320
2320
  type CssBoxShadow = Globals | "none";
2321
- type CssBorder = Globals | 0;
2322
- type CssBorderRadius = Globals | 0;
2321
+ type CssBorder = Globals | 0 | DataType.LineStyle;
2322
+ type CssBorderRadius = Globals | Percentage | 0;
2323
2323
  type CssGap = Globals | "normal" | 0;
2324
2324
  type CSSSizing = "auto" | "fit-content" | "max-content" | "min-content" | Globals | Percentage;
2325
2325
  type BackgroundColorValue = keyof typeof BackgroundColorMapping | CssColor;
@@ -2344,34 +2344,34 @@ type FontWeightValue = keyof typeof FontWeightMapping | Globals;
2344
2344
  type UNSAFE_FontWeightValue = keyof typeof FontWeightMapping | Property.FontWeight;
2345
2345
  type GapValue = keyof typeof SimpleMarginMapping | CssGap;
2346
2346
  type UNSAFE_GapValue = keyof typeof SimpleMarginMapping | Property.Gap;
2347
- type GridAutoColumnsValue = keyof typeof SizingMapping | CssGrid;
2347
+ type GridAutoColumnsValue = keyof typeof SizingMapping | CssGrid | 0;
2348
2348
  type UNSAFE_GridAutoColumnsValue = keyof typeof SizingMapping | Property.GridAutoColumns;
2349
- type GridAutoRowsValue = keyof typeof SizingMapping | CssGrid;
2349
+ type GridAutoRowsValue = keyof typeof SizingMapping | CssGrid | 0;
2350
2350
  type UNSAFE_GridAutoRowsValue = keyof typeof SizingMapping | Property.GridAutoRows;
2351
2351
  type GridTemplateAreasValue = Property.GridTemplateAreas | Array<string>;
2352
- type GridTemplateColumnsValue = keyof typeof SizingMapping | CssGridTemplate | Array<keyof typeof SizingMapping | CssGridTemplate>;
2352
+ type GridTemplateColumnsValue = keyof typeof SizingMapping | 0 | CssGridTemplate | Array<keyof typeof SizingMapping | CssGridTemplate>;
2353
2353
  type UNSAFE_GridTemplateColumnsValue = keyof typeof SizingMapping | Property.GridTemplateColumns | Array<keyof typeof SizingMapping | Property.GridTemplateColumns>;
2354
- type GridTemplateRowsValue = keyof typeof SizingMapping | CssGridTemplate | Array<keyof typeof SizingMapping | CssGridTemplate>;
2354
+ type GridTemplateRowsValue = keyof typeof SizingMapping | 0 | CssGridTemplate | Array<keyof typeof SizingMapping | CssGridTemplate>;
2355
2355
  type UNSAFE_GridTemplateRowsValue = keyof typeof SizingMapping | Property.GridTemplateRows | Array<keyof typeof SizingMapping | Property.GridTemplateRows>;
2356
- type HeightValue = keyof typeof SizingMapping | CSSSizing;
2356
+ type HeightValue = keyof typeof SizingMapping | CSSSizing | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | 0;
2357
2357
  type UNSAFE_HeightValue = keyof typeof SizingMapping | Property.Height;
2358
- type LineHeightValue = keyof typeof LineHeightMapping | Globals;
2358
+ type LineHeightValue = keyof typeof LineHeightMapping | Globals | "normal" | 0;
2359
2359
  type UNSAFE_LineHeightValue = keyof typeof LineHeightMapping | Property.LineHeight;
2360
- type SimpleMarginValue = keyof typeof SimpleMarginMapping | Globals;
2360
+ type SimpleMarginValue = keyof typeof SimpleMarginMapping | Globals | "auto" | 0;
2361
2361
  type UNSAFE_SimpleMarginValue = keyof typeof SimpleMarginMapping | Property.Margin;
2362
- type ComplexMarginValue = keyof typeof ComplexMarginMapping | Globals;
2362
+ type ComplexMarginValue = keyof typeof ComplexMarginMapping | Globals | "auto" | 0;
2363
2363
  type UNSAFE_ComplexMarginValue = keyof typeof ComplexMarginMapping | Property.Margin;
2364
- type SimplePaddingValue = keyof typeof SimplePaddingMapping | Globals;
2364
+ type SimplePaddingValue = keyof typeof SimplePaddingMapping | Globals | 0;
2365
2365
  type UNSAFE_SimplePaddingValue = keyof typeof SimplePaddingMapping | Property.Padding;
2366
- type ComplexPaddingValue = keyof typeof ComplexPaddingMapping | Globals;
2366
+ type ComplexPaddingValue = keyof typeof ComplexPaddingMapping | Globals | 0;
2367
2367
  type UNSAFE_ComplexPaddingValue = keyof typeof ComplexPaddingMapping | Property.Padding;
2368
- type RowGapValue = keyof typeof SimpleMarginMapping | CssGap;
2368
+ type RowGapValue = keyof typeof SimpleMarginMapping | CssGap | 0;
2369
2369
  type UNSAFE_RowGapValue = keyof typeof SimpleMarginMapping | Property.RowGap;
2370
- type SizingValue = keyof typeof SizingMapping | CSSSizing;
2370
+ type SizingValue = keyof typeof SizingMapping | CSSSizing | "none";
2371
2371
  type UNSAFE_SizingValue = keyof typeof SizingMapping | Property.Scale;
2372
2372
  type StrokeValue = keyof typeof IconColorMapping | CssFill;
2373
2373
  type UNSAFE_StrokeValue = keyof typeof IconColorMapping | Property.Stroke;
2374
- type WidthValue = keyof typeof SizingMapping | CSSSizing;
2374
+ type WidthValue = keyof typeof SizingMapping | CSSSizing | 0 | "-moz-max-content" | "-moz-min-content" | "-webkit-fit-content" | "-moz-fit-content" | "-webkit-max-content" | "intrinsic" | "min-intrinsic";
2375
2375
  type UNSAFE_WidthValue = keyof typeof SizingMapping | Property.Width;
2376
2376
  type GridColumSpanValue = number;
2377
2377
  type GridRowSpanValue = number;
package/dist/useStyledSystem.css CHANGED
@@ -1,125 +1,125 @@
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___P528v:hover {
2
+ .UseStyledSystem-module__hop-b-hover___X67pb:hover {
3
3
  --hop-b-hover: initial;
4
4
  border: var(--hop-b-hover) !important;
5
5
  }
6
- .UseStyledSystem-module__hop-bb-hover___3CURt:hover {
6
+ .UseStyledSystem-module__hop-bb-hover___MfJWq:hover {
7
7
  --hop-bb-hover: initial;
8
8
  border-bottom: var(--hop-bb-hover) !important;
9
9
  }
10
- .UseStyledSystem-module__hop-bl-hover___mfg7-:hover {
10
+ .UseStyledSystem-module__hop-bl-hover___nWtAM:hover {
11
11
  --hop-bl-hover: initial;
12
12
  border-left: var(--hop-bl-hover) !important;
13
13
  }
14
- .UseStyledSystem-module__hop-br-hover___ty9SI:hover {
14
+ .UseStyledSystem-module__hop-br-hover___BXYMY:hover {
15
15
  --hop-br-hover: initial;
16
16
  border-right: var(--hop-br-hover) !important;
17
17
  }
18
- .UseStyledSystem-module__hop-bt-hover___m0UEE:hover {
18
+ .UseStyledSystem-module__hop-bt-hover___mUbSk:hover {
19
19
  --hop-bt-hover: initial;
20
20
  border-top: var(--hop-bt-hover) !important;
21
21
  }
22
- .UseStyledSystem-module__hop-b-focus___mKMkc:focus-visible {
22
+ .UseStyledSystem-module__hop-b-focus___aP7Oi:focus-visible {
23
23
  --hop-b-focus: initial;
24
24
  border: var(--hop-b-focus) !important;
25
25
  }
26
- .UseStyledSystem-module__hop-bb-focus___LUw1p:focus-visible {
26
+ .UseStyledSystem-module__hop-bb-focus___XF9lp: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___MheUS:focus-visible {
30
+ .UseStyledSystem-module__hop-bl-focus___aJJ2P: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___7WPg7:focus-visible {
34
+ .UseStyledSystem-module__hop-br-focus___gES2N: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___FPnP3:focus-visible {
38
+ .UseStyledSystem-module__hop-bt-focus___0n1z3: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___4jmXf:active {
42
+ .UseStyledSystem-module__hop-b-active___kOfhP:active {
43
43
  --hop-b-active: initial;
44
44
  border: var(--hop-b-active) !important;
45
45
  }
46
- .UseStyledSystem-module__hop-bb-active___eo-X-:active {
46
+ .UseStyledSystem-module__hop-bb-active___Oy6gA:active {
47
47
  --hop-bb-active: initial;
48
48
  border-bottom: var(--hop-bb-active) !important;
49
49
  }
50
- .UseStyledSystem-module__hop-bl-active___gHSgL:active {
50
+ .UseStyledSystem-module__hop-bl-active___NH4P7:active {
51
51
  --hop-bl-active: initial;
52
52
  border-left: var(--hop-bl-active) !important;
53
53
  }
54
- .UseStyledSystem-module__hop-br-active___3Pv8m:active {
54
+ .UseStyledSystem-module__hop-br-active___qU8SO:active {
55
55
  --hop-br-active: initial;
56
56
  border-right: var(--hop-br-active) !important;
57
57
  }
58
- .UseStyledSystem-module__hop-bt-active___Dq5G3:active {
58
+ .UseStyledSystem-module__hop-bt-active___G3GT0:active {
59
59
  --hop-bt-active: initial;
60
60
  border-top: var(--hop-bt-active) !important;
61
61
  }
62
- .UseStyledSystem-module__hop-bg-hover___PK000:hover {
62
+ .UseStyledSystem-module__hop-bg-hover___DUwk1:hover {
63
63
  --hop-bg-hover: initial;
64
64
  background-color: var(--hop-bg-hover) !important;
65
65
  }
66
- .UseStyledSystem-module__hop-bg-focus___76CKe:focus-visible {
66
+ .UseStyledSystem-module__hop-bg-focus___VU-3I: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___lCQ7M:active {
70
+ .UseStyledSystem-module__hop-bg-active___idxA4:active {
71
71
  --hop-bg-active: initial;
72
72
  background-color: var(--hop-bg-active) !important;
73
73
  }
74
- .UseStyledSystem-module__hop-bs-hover___3krGy:hover {
74
+ .UseStyledSystem-module__hop-bs-hover___9ubu-:hover {
75
75
  --hop-bs-hover: initial;
76
76
  box-shadow: var(--hop-bs-hover) !important;
77
77
  }
78
- .UseStyledSystem-module__hop-bs-focus___xupfH:focus-visible {
78
+ .UseStyledSystem-module__hop-bs-focus___k3hRq: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___aKjs9:active {
82
+ .UseStyledSystem-module__hop-bs-active___87-J6:active {
83
83
  --hop-bs-active: initial;
84
84
  box-shadow: var(--hop-bs-active) !important;
85
85
  }
86
- .UseStyledSystem-module__hop-c-hover___0HfDW:hover {
86
+ .UseStyledSystem-module__hop-c-hover___4ibV3:hover {
87
87
  --hop-c-hover: initial;
88
88
  color: var(--hop-c-hover) !important;
89
89
  }
90
- .UseStyledSystem-module__hop-c-focus___4cK8m:focus-visible {
90
+ .UseStyledSystem-module__hop-c-focus___a6fcM:focus-visible {
91
91
  --hop-c-focus: initial;
92
92
  color: var(--hop-c-focus) !important;
93
93
  }
94
- .UseStyledSystem-module__hop-c-active___8NHLI:active {
94
+ .UseStyledSystem-module__hop-c-active___76Xn2:active {
95
95
  --hop-c-active: initial;
96
96
  color: var(--hop-c-active) !important;
97
97
  }
98
- .UseStyledSystem-module__hop-cs-hover___MTGik:hover {
98
+ .UseStyledSystem-module__hop-cs-hover___aMCvn:hover {
99
99
  --hop-cs-hover: initial;
100
100
  cursor: var(--hop-cs-hover) !important;
101
101
  }
102
- .UseStyledSystem-module__hop-f-hover___rj83V:hover {
102
+ .UseStyledSystem-module__hop-f-hover___z6hl5:hover {
103
103
  --hop-f-hover: initial;
104
104
  fill: var(--hop-f-hover) !important;
105
105
  }
106
- .UseStyledSystem-module__hop-f-focus___IvqZF:focus-visible {
106
+ .UseStyledSystem-module__hop-f-focus___Y71R2:focus-visible {
107
107
  --hop-f-focus: initial;
108
108
  fill: var(--hop-f-focus) !important;
109
109
  }
110
- .UseStyledSystem-module__hop-o-hover___6pm5f:hover {
110
+ .UseStyledSystem-module__hop-o-hover___FtsIM:hover {
111
111
  --hop-o-hover: initial;
112
112
  opacity: var(--hop-o-hover) !important;
113
113
  }
114
- .UseStyledSystem-module__hop-o-focus___bidKS:focus-visible {
114
+ .UseStyledSystem-module__hop-o-focus___7KGdn:focus-visible {
115
115
  --hop-o-focus: initial;
116
116
  opacity: var(--hop-o-focus) !important;
117
117
  }
118
- .UseStyledSystem-module__hop-o-active___nNiBH:active {
118
+ .UseStyledSystem-module__hop-o-active___DiuAQ:active {
119
119
  --hop-o-active: initial;
120
120
  opacity: var(--hop-o-active) !important;
121
121
  }
122
- .UseStyledSystem-module__hop-ol-focus___Cr3ES:focus-visible {
122
+ .UseStyledSystem-module__hop-ol-focus___ScZWG:focus-visible {
123
123
  --hop-ol-focus: initial;
124
124
  color: var(--hop-ol-focus) !important;
125
125
  }
package/dist/useStyledSystem.js CHANGED
@@ -1,4 +1,4 @@
1
- export { isStyledSystemProp, useStyledSystem } from './chunk-BI23L2H4.js';
1
+ export { isStyledSystemProp, useStyledSystem } from './chunk-KJNJQLNN.js';
2
2
  import './chunk-7TNCJ3OQ.js';
3
3
  import './chunk-MSH55T2T.js';
4
4
  import './chunk-SFOVKOPG.js';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hopper-ui/styled-system",
3
3
  "author": "Workleap",
4
- "version": "2.5.6",
4
+ "version": "2.5.8",
5
5
  "description": "The styled-system package.",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {