@hopper-ui/styled-system 2.5.7 → 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 (23) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.js +7 -7
  4. package/dist/{chunk-5VLOYYF6.js → chunk-B376GWWE.js} +1 -1
  5. package/dist/{chunk-F5OWVDUZ.js → chunk-BXAKPMEJ.js} +4 -4
  6. package/dist/{chunk-TJAHZ3X2.js → chunk-IKQSS4GV.js} +1 -1
  7. package/dist/{chunk-32QSMUWN.js → chunk-KJNJQLNN.js} +1 -1
  8. package/dist/{chunk-UGNCHZWK.js → chunk-MQ2MRYPJ.js} +2 -2
  9. package/dist/{chunk-ODJM2N7T.js → chunk-S3EXS3LF.js} +1 -1
  10. package/dist/{chunk-72SNKVM7.js → chunk-WCCXIGMQ.js} +1 -1
  11. package/dist/global-styles/BodyStyleProvider.js +2 -2
  12. package/dist/html-wrappers/html.css +34 -34
  13. package/dist/html-wrappers/html.js +3 -3
  14. package/dist/html-wrappers/htmlElement.css +34 -34
  15. package/dist/html-wrappers/htmlElement.js +2 -2
  16. package/dist/index.css +34 -34
  17. package/dist/index.js +7 -7
  18. package/dist/styledSystemRootCssClass.js +1 -1
  19. package/dist/tokens/TokenProvider.js +2 -2
  20. package/dist/tokens/tokenMappings.d.ts +51 -51
  21. package/dist/useStyledSystem.css +31 -31
  22. package/dist/useStyledSystem.js +1 -1
  23. package/package.json +1 -1
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___yp43p: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___RQhQN: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___7EGi3: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___xgrqz: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___OHEye: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___VD53A: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___XaONh: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___OEuiC: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___fCHZT: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___vLwaI: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___8lbw1: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___0B2qX: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___AVGYj: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___SMFXO: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___FAWuS: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___ejzLg: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___iOYnm: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___jFl8D: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___SyCGY: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___SEOtN: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___OtVm6: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___x6iFT: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___15FZ-: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___Ds0-z: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___Ezvlz: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___VwWAU: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___GubJH: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___nHInD: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___3nox7: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___L0QI6: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___er-fd: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___cRYcc),
129
- :where(.htmlElement-module__hop-HtmlElement___cRYcc::after),
130
- :where(.htmlElement-module__hop-HtmlElement___cRYcc::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-UGNCHZWK.js';
2
- import '../chunk-32QSMUWN.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,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___yp43p: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___RQhQN: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___7EGi3: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___xgrqz: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___OHEye: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___VD53A: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___XaONh: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___OEuiC: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___fCHZT: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___vLwaI: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___8lbw1: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___0B2qX: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___AVGYj: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___SMFXO: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___FAWuS: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___ejzLg: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___iOYnm: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___jFl8D: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___SyCGY: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___SEOtN: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___OtVm6: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___x6iFT: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___15FZ-: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___Ds0-z: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___Ezvlz: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___VwWAU: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___GubJH: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___nHInD: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___3nox7: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___L0QI6: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___er-fd: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___cRYcc),
129
- :where(.htmlElement-module__hop-HtmlElement___cRYcc::after),
130
- :where(.htmlElement-module__hop-HtmlElement___cRYcc::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/index.js CHANGED
@@ -1,19 +1,19 @@
1
1
  export { slot } from './chunk-7STOSQRA.js';
2
- export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-F5OWVDUZ.js';
3
- export { BodyStyleProvider } from './chunk-72SNKVM7.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-5VLOYYF6.js';
7
- export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-UGNCHZWK.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-ODJM2N7T.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-TJAHZ3X2.js';
16
- export { isStyledSystemProp, useStyledSystem } from './chunk-32QSMUWN.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-TJAHZ3X2.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-ODJM2N7T.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-TJAHZ3X2.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
 
@@ -2150,39 +2150,39 @@ declare const IconColorMapping: {
2150
2150
  "success-weakest": string;
2151
2151
  "warning-weakest": string;
2152
2152
  };
2153
- declare const BoxShadowMapping: Record<"core_none" | "core_sm" | "core_md" | "core_lg" | "none" | "raised" | "lifted" | "floating", string>;
2154
- declare const FontSizeMapping: Record<"core_120" | "core_140" | "core_160" | "core_180" | "core_200" | "core_240" | "core_280" | "core_320" | "core_360" | "core_480" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm", string>;
2155
- declare const FontWeightMapping: Record<"heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "core_400" | "core_410" | "core_505" | "core_580" | "core_590" | "core_680" | "core_690", string>;
2153
+ declare const BoxShadowMapping: Record<"none" | "core_none" | "core_sm" | "core_md" | "core_lg" | "raised" | "lifted" | "floating", string>;
2154
+ declare const FontSizeMapping: Record<"core_160" | "core_240" | "core_320" | "core_480" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "core_120" | "core_140" | "core_180" | "core_200" | "core_280" | "core_360", string>;
2155
+ declare const FontWeightMapping: Record<"core_400" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "core_410" | "core_505" | "core_580" | "core_590" | "core_680" | "core_690", string>;
2156
2156
  declare const LineHeightMapping: Record<"heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "core_1-125" | "core_1-14" | "core_1-20" | "core_1-25" | "core_1-33" | "core_1-4285" | "core_1-50", string>;
2157
- declare const FontFamilyMapping: Record<"heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "core_primary" | "core_secondary" | "core_tertiary", string>;
2158
- declare const BorderRadiusMapping: Record<"core_0" | "core_1" | "core_2" | "core_3" | "core_4" | "core_9999" | "circle" | "pill" | "rounded-lg" | "rounded-md" | "rounded-sm", string>;
2157
+ declare const FontFamilyMapping: Record<"core_primary" | "core_secondary" | "core_tertiary" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm", string>;
2158
+ declare const BorderRadiusMapping: Record<"circle" | "core_0" | "core_1" | "core_2" | "core_3" | "core_4" | "core_9999" | "pill" | "rounded-lg" | "rounded-md" | "rounded-sm", string>;
2159
2159
  declare const SpaceMapping: {
2160
- core_160: string;
2161
- core_240: string;
2162
- core_320: string;
2163
- core_480: string;
2164
- core_400: string;
2165
2160
  core_0: string;
2166
2161
  core_10: string;
2167
2162
  core_20: string;
2168
2163
  core_40: string;
2169
2164
  core_80: string;
2165
+ core_160: string;
2166
+ core_240: string;
2167
+ core_320: string;
2168
+ core_400: string;
2169
+ core_480: string;
2170
2170
  core_640: string;
2171
2171
  core_800: string;
2172
2172
  core_960: string;
2173
2173
  core_1280: string;
2174
2174
  };
2175
2175
  declare const SimplePaddingMapping: {
2176
- core_160: string;
2177
- core_240: string;
2178
- core_320: string;
2179
- core_480: string;
2180
- core_400: string;
2181
2176
  core_0: string;
2182
2177
  core_10: string;
2183
2178
  core_20: string;
2184
2179
  core_40: string;
2185
2180
  core_80: string;
2181
+ core_160: string;
2182
+ core_240: string;
2183
+ core_320: string;
2184
+ core_400: string;
2185
+ core_480: string;
2186
2186
  core_640: string;
2187
2187
  core_800: string;
2188
2188
  core_960: string;
@@ -2200,16 +2200,16 @@ declare const ComplexPaddingMapping: {
2200
2200
  "inset-stretch-sm": string;
2201
2201
  "inset-stretch-md": string;
2202
2202
  "inset-stretch-lg": string;
2203
- core_160: string;
2204
- core_240: string;
2205
- core_320: string;
2206
- core_480: string;
2207
- core_400: string;
2208
2203
  core_0: string;
2209
2204
  core_10: string;
2210
2205
  core_20: string;
2211
2206
  core_40: string;
2212
2207
  core_80: string;
2208
+ core_160: string;
2209
+ core_240: string;
2210
+ core_320: string;
2211
+ core_400: string;
2212
+ core_480: string;
2213
2213
  core_640: string;
2214
2214
  core_800: string;
2215
2215
  core_960: string;
@@ -2221,16 +2221,16 @@ declare const ComplexPaddingMapping: {
2221
2221
  "inset-xl": string;
2222
2222
  };
2223
2223
  declare const SimpleMarginMapping: {
2224
- core_160: string;
2225
- core_240: string;
2226
- core_320: string;
2227
- core_480: string;
2228
- core_400: string;
2229
2224
  core_0: string;
2230
2225
  core_10: string;
2231
2226
  core_20: string;
2232
2227
  core_40: string;
2233
2228
  core_80: string;
2229
+ core_160: string;
2230
+ core_240: string;
2231
+ core_320: string;
2232
+ core_400: string;
2233
+ core_480: string;
2234
2234
  core_640: string;
2235
2235
  core_800: string;
2236
2236
  core_960: string;
@@ -2247,16 +2247,16 @@ declare const SimpleMarginMapping: {
2247
2247
  "inline-xl": string;
2248
2248
  };
2249
2249
  declare const ComplexMarginMapping: {
2250
- core_160: string;
2251
- core_240: string;
2252
- core_320: string;
2253
- core_480: string;
2254
- core_400: string;
2255
2250
  core_0: string;
2256
2251
  core_10: string;
2257
2252
  core_20: string;
2258
2253
  core_40: string;
2259
2254
  core_80: string;
2255
+ core_160: string;
2256
+ core_240: string;
2257
+ core_320: string;
2258
+ core_400: string;
2259
+ core_480: string;
2260
2260
  core_640: string;
2261
2261
  core_800: string;
2262
2262
  core_960: string;
@@ -2296,16 +2296,16 @@ declare const SizingMapping: {
2296
2296
  "3/6": string;
2297
2297
  "4/6": string;
2298
2298
  "5/6": string;
2299
- core_160: string;
2300
- core_240: string;
2301
- core_320: string;
2302
- core_480: string;
2303
- core_400: string;
2304
2299
  core_0: string;
2305
2300
  core_10: string;
2306
2301
  core_20: string;
2307
2302
  core_40: string;
2308
2303
  core_80: string;
2304
+ core_160: string;
2305
+ core_240: string;
2306
+ core_320: string;
2307
+ core_400: string;
2308
+ core_480: string;
2309
2309
  core_640: string;
2310
2310
  core_800: string;
2311
2311
  core_960: string;
@@ -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;