@hopper-ui/styled-system 2.5.8 → 2.5.9
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.
- package/CHANGELOG.md +6 -0
- package/dist/StyledSystemProvider.css +34 -34
- package/dist/StyledSystemProvider.js +7 -7
- package/dist/{chunk-BXAKPMEJ.js → chunk-CFRQACSV.js} +4 -4
- package/dist/{chunk-WCCXIGMQ.js → chunk-DEYOM7RO.js} +1 -1
- package/dist/{chunk-B376GWWE.js → chunk-FTG44ZZT.js} +1 -1
- package/dist/{chunk-S3EXS3LF.js → chunk-IRSZZGRZ.js} +1 -1
- package/dist/{chunk-IKQSS4GV.js → chunk-RCLKEJV6.js} +1 -1
- package/dist/{chunk-KJNJQLNN.js → chunk-VQE64NVW.js} +2 -1
- package/dist/{chunk-MQ2MRYPJ.js → chunk-W5QUPATS.js} +2 -2
- package/dist/global-styles/BodyStyleProvider.js +2 -2
- package/dist/html-wrappers/html.css +34 -34
- package/dist/html-wrappers/html.js +3 -3
- package/dist/html-wrappers/htmlElement.css +34 -34
- package/dist/html-wrappers/htmlElement.js +2 -2
- package/dist/index.css +34 -34
- package/dist/index.d.ts +1 -1
- package/dist/index.js +7 -7
- package/dist/styledSystemProps.d.ts +40 -38
- package/dist/styledSystemRootCssClass.js +1 -1
- package/dist/tokens/TokenProvider.js +2 -2
- package/dist/tokens/tokenMappings.d.ts +36 -36
- package/dist/useStyledSystem.css +31 -31
- package/dist/useStyledSystem.d.ts +3 -2
- package/dist/useStyledSystem.js +1 -1
- package/package.json +1 -1
|
@@ -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-
|
|
2
|
+
.UseStyledSystem-module__hop-b-hover___-uv5U:hover {
|
|
3
3
|
--hop-b-hover: initial;
|
|
4
4
|
border: var(--hop-b-hover) !important;
|
|
5
5
|
}
|
|
6
|
-
.UseStyledSystem-module__hop-bb-
|
|
6
|
+
.UseStyledSystem-module__hop-bb-hover___Nw9pk:hover {
|
|
7
7
|
--hop-bb-hover: initial;
|
|
8
8
|
border-bottom: var(--hop-bb-hover) !important;
|
|
9
9
|
}
|
|
10
|
-
.UseStyledSystem-module__hop-bl-
|
|
10
|
+
.UseStyledSystem-module__hop-bl-hover___ScFa8:hover {
|
|
11
11
|
--hop-bl-hover: initial;
|
|
12
12
|
border-left: var(--hop-bl-hover) !important;
|
|
13
13
|
}
|
|
14
|
-
.UseStyledSystem-module__hop-br-
|
|
14
|
+
.UseStyledSystem-module__hop-br-hover___nyZRP:hover {
|
|
15
15
|
--hop-br-hover: initial;
|
|
16
16
|
border-right: var(--hop-br-hover) !important;
|
|
17
17
|
}
|
|
18
|
-
.UseStyledSystem-module__hop-bt-
|
|
18
|
+
.UseStyledSystem-module__hop-bt-hover___mIvCc:hover {
|
|
19
19
|
--hop-bt-hover: initial;
|
|
20
20
|
border-top: var(--hop-bt-hover) !important;
|
|
21
21
|
}
|
|
22
|
-
.UseStyledSystem-module__hop-b-
|
|
22
|
+
.UseStyledSystem-module__hop-b-focus___QVDv2:focus-visible {
|
|
23
23
|
--hop-b-focus: initial;
|
|
24
24
|
border: var(--hop-b-focus) !important;
|
|
25
25
|
}
|
|
26
|
-
.UseStyledSystem-module__hop-bb-
|
|
26
|
+
.UseStyledSystem-module__hop-bb-focus___2wtGI:focus-visible {
|
|
27
27
|
--hop-bb-focus: initial;
|
|
28
28
|
border-bottom: var(--hop-bb-focus) !important;
|
|
29
29
|
}
|
|
30
|
-
.UseStyledSystem-module__hop-bl-
|
|
30
|
+
.UseStyledSystem-module__hop-bl-focus___DdQyO:focus-visible {
|
|
31
31
|
--hop-bl-focus: initial;
|
|
32
32
|
border-left: var(--hop-bl-focus) !important;
|
|
33
33
|
}
|
|
34
|
-
.UseStyledSystem-module__hop-br-
|
|
34
|
+
.UseStyledSystem-module__hop-br-focus___l6hbv:focus-visible {
|
|
35
35
|
--hop-br-focus: initial;
|
|
36
36
|
border-right: var(--hop-br-focus) !important;
|
|
37
37
|
}
|
|
38
|
-
.UseStyledSystem-module__hop-bt-
|
|
38
|
+
.UseStyledSystem-module__hop-bt-focus___lIHzR:focus-visible {
|
|
39
39
|
--hop-bt-focus: initial;
|
|
40
40
|
border-top: var(--hop-bt-focus) !important;
|
|
41
41
|
}
|
|
42
|
-
.UseStyledSystem-module__hop-b-
|
|
42
|
+
.UseStyledSystem-module__hop-b-active___FX491:active {
|
|
43
43
|
--hop-b-active: initial;
|
|
44
44
|
border: var(--hop-b-active) !important;
|
|
45
45
|
}
|
|
46
|
-
.UseStyledSystem-module__hop-bb-
|
|
46
|
+
.UseStyledSystem-module__hop-bb-active___3p2de:active {
|
|
47
47
|
--hop-bb-active: initial;
|
|
48
48
|
border-bottom: var(--hop-bb-active) !important;
|
|
49
49
|
}
|
|
50
|
-
.UseStyledSystem-module__hop-bl-
|
|
50
|
+
.UseStyledSystem-module__hop-bl-active___bD5ln:active {
|
|
51
51
|
--hop-bl-active: initial;
|
|
52
52
|
border-left: var(--hop-bl-active) !important;
|
|
53
53
|
}
|
|
54
|
-
.UseStyledSystem-module__hop-br-
|
|
54
|
+
.UseStyledSystem-module__hop-br-active___Z2w-2:active {
|
|
55
55
|
--hop-br-active: initial;
|
|
56
56
|
border-right: var(--hop-br-active) !important;
|
|
57
57
|
}
|
|
58
|
-
.UseStyledSystem-module__hop-bt-
|
|
58
|
+
.UseStyledSystem-module__hop-bt-active___cXrGo:active {
|
|
59
59
|
--hop-bt-active: initial;
|
|
60
60
|
border-top: var(--hop-bt-active) !important;
|
|
61
61
|
}
|
|
62
|
-
.UseStyledSystem-module__hop-bg-
|
|
62
|
+
.UseStyledSystem-module__hop-bg-hover___IM2SP:hover {
|
|
63
63
|
--hop-bg-hover: initial;
|
|
64
64
|
background-color: var(--hop-bg-hover) !important;
|
|
65
65
|
}
|
|
66
|
-
.UseStyledSystem-module__hop-bg-
|
|
66
|
+
.UseStyledSystem-module__hop-bg-focus___-8NKC:focus-visible {
|
|
67
67
|
--hop-bg-focus: initial;
|
|
68
68
|
background-color: var(--hop-bg-focus) !important;
|
|
69
69
|
}
|
|
70
|
-
.UseStyledSystem-module__hop-bg-
|
|
70
|
+
.UseStyledSystem-module__hop-bg-active___PbRjo:active {
|
|
71
71
|
--hop-bg-active: initial;
|
|
72
72
|
background-color: var(--hop-bg-active) !important;
|
|
73
73
|
}
|
|
74
|
-
.UseStyledSystem-module__hop-bs-
|
|
74
|
+
.UseStyledSystem-module__hop-bs-hover___uRazj:hover {
|
|
75
75
|
--hop-bs-hover: initial;
|
|
76
76
|
box-shadow: var(--hop-bs-hover) !important;
|
|
77
77
|
}
|
|
78
|
-
.UseStyledSystem-module__hop-bs-
|
|
78
|
+
.UseStyledSystem-module__hop-bs-focus___WPb5b:focus-visible {
|
|
79
79
|
--hop-bs-focus: initial;
|
|
80
80
|
box-shadow: var(--hop-bs-focus) !important;
|
|
81
81
|
}
|
|
82
|
-
.UseStyledSystem-module__hop-bs-
|
|
82
|
+
.UseStyledSystem-module__hop-bs-active___d-Ztc:active {
|
|
83
83
|
--hop-bs-active: initial;
|
|
84
84
|
box-shadow: var(--hop-bs-active) !important;
|
|
85
85
|
}
|
|
86
|
-
.UseStyledSystem-module__hop-c-
|
|
86
|
+
.UseStyledSystem-module__hop-c-hover___jWw7H:hover {
|
|
87
87
|
--hop-c-hover: initial;
|
|
88
88
|
color: var(--hop-c-hover) !important;
|
|
89
89
|
}
|
|
90
|
-
.UseStyledSystem-module__hop-c-
|
|
90
|
+
.UseStyledSystem-module__hop-c-focus___Y1k28:focus-visible {
|
|
91
91
|
--hop-c-focus: initial;
|
|
92
92
|
color: var(--hop-c-focus) !important;
|
|
93
93
|
}
|
|
94
|
-
.UseStyledSystem-module__hop-c-
|
|
94
|
+
.UseStyledSystem-module__hop-c-active___9usqR:active {
|
|
95
95
|
--hop-c-active: initial;
|
|
96
96
|
color: var(--hop-c-active) !important;
|
|
97
97
|
}
|
|
98
|
-
.UseStyledSystem-module__hop-cs-
|
|
98
|
+
.UseStyledSystem-module__hop-cs-hover___1iWyj:hover {
|
|
99
99
|
--hop-cs-hover: initial;
|
|
100
100
|
cursor: var(--hop-cs-hover) !important;
|
|
101
101
|
}
|
|
102
|
-
.UseStyledSystem-module__hop-f-
|
|
102
|
+
.UseStyledSystem-module__hop-f-hover___G8m3j:hover {
|
|
103
103
|
--hop-f-hover: initial;
|
|
104
104
|
fill: var(--hop-f-hover) !important;
|
|
105
105
|
}
|
|
106
|
-
.UseStyledSystem-module__hop-f-
|
|
106
|
+
.UseStyledSystem-module__hop-f-focus___S7xBy:focus-visible {
|
|
107
107
|
--hop-f-focus: initial;
|
|
108
108
|
fill: var(--hop-f-focus) !important;
|
|
109
109
|
}
|
|
110
|
-
.UseStyledSystem-module__hop-o-
|
|
110
|
+
.UseStyledSystem-module__hop-o-hover___TuFfD:hover {
|
|
111
111
|
--hop-o-hover: initial;
|
|
112
112
|
opacity: var(--hop-o-hover) !important;
|
|
113
113
|
}
|
|
114
|
-
.UseStyledSystem-module__hop-o-
|
|
114
|
+
.UseStyledSystem-module__hop-o-focus___CYGDn:focus-visible {
|
|
115
115
|
--hop-o-focus: initial;
|
|
116
116
|
opacity: var(--hop-o-focus) !important;
|
|
117
117
|
}
|
|
118
|
-
.UseStyledSystem-module__hop-o-
|
|
118
|
+
.UseStyledSystem-module__hop-o-active___z5Riy:active {
|
|
119
119
|
--hop-o-active: initial;
|
|
120
120
|
opacity: var(--hop-o-active) !important;
|
|
121
121
|
}
|
|
122
|
-
.UseStyledSystem-module__hop-ol-
|
|
122
|
+
.UseStyledSystem-module__hop-ol-focus___-9JTf: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-
|
|
129
|
-
:where(.htmlElement-module__hop-
|
|
130
|
-
:where(.htmlElement-module__hop-
|
|
128
|
+
:where(.htmlElement-module__hop-HtmlElement___WcrXn),
|
|
129
|
+
:where(.htmlElement-module__hop-HtmlElement___WcrXn::after),
|
|
130
|
+
:where(.htmlElement-module__hop-HtmlElement___WcrXn::before) {
|
|
131
131
|
box-sizing: border-box;
|
|
132
132
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
1
|
+
export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from '../chunk-W5QUPATS.js';
|
|
2
|
+
import '../chunk-VQE64NVW.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-
|
|
2
|
+
.UseStyledSystem-module__hop-b-hover___-uv5U:hover {
|
|
3
3
|
--hop-b-hover: initial;
|
|
4
4
|
border: var(--hop-b-hover) !important;
|
|
5
5
|
}
|
|
6
|
-
.UseStyledSystem-module__hop-bb-
|
|
6
|
+
.UseStyledSystem-module__hop-bb-hover___Nw9pk:hover {
|
|
7
7
|
--hop-bb-hover: initial;
|
|
8
8
|
border-bottom: var(--hop-bb-hover) !important;
|
|
9
9
|
}
|
|
10
|
-
.UseStyledSystem-module__hop-bl-
|
|
10
|
+
.UseStyledSystem-module__hop-bl-hover___ScFa8:hover {
|
|
11
11
|
--hop-bl-hover: initial;
|
|
12
12
|
border-left: var(--hop-bl-hover) !important;
|
|
13
13
|
}
|
|
14
|
-
.UseStyledSystem-module__hop-br-
|
|
14
|
+
.UseStyledSystem-module__hop-br-hover___nyZRP:hover {
|
|
15
15
|
--hop-br-hover: initial;
|
|
16
16
|
border-right: var(--hop-br-hover) !important;
|
|
17
17
|
}
|
|
18
|
-
.UseStyledSystem-module__hop-bt-
|
|
18
|
+
.UseStyledSystem-module__hop-bt-hover___mIvCc:hover {
|
|
19
19
|
--hop-bt-hover: initial;
|
|
20
20
|
border-top: var(--hop-bt-hover) !important;
|
|
21
21
|
}
|
|
22
|
-
.UseStyledSystem-module__hop-b-
|
|
22
|
+
.UseStyledSystem-module__hop-b-focus___QVDv2:focus-visible {
|
|
23
23
|
--hop-b-focus: initial;
|
|
24
24
|
border: var(--hop-b-focus) !important;
|
|
25
25
|
}
|
|
26
|
-
.UseStyledSystem-module__hop-bb-
|
|
26
|
+
.UseStyledSystem-module__hop-bb-focus___2wtGI:focus-visible {
|
|
27
27
|
--hop-bb-focus: initial;
|
|
28
28
|
border-bottom: var(--hop-bb-focus) !important;
|
|
29
29
|
}
|
|
30
|
-
.UseStyledSystem-module__hop-bl-
|
|
30
|
+
.UseStyledSystem-module__hop-bl-focus___DdQyO:focus-visible {
|
|
31
31
|
--hop-bl-focus: initial;
|
|
32
32
|
border-left: var(--hop-bl-focus) !important;
|
|
33
33
|
}
|
|
34
|
-
.UseStyledSystem-module__hop-br-
|
|
34
|
+
.UseStyledSystem-module__hop-br-focus___l6hbv:focus-visible {
|
|
35
35
|
--hop-br-focus: initial;
|
|
36
36
|
border-right: var(--hop-br-focus) !important;
|
|
37
37
|
}
|
|
38
|
-
.UseStyledSystem-module__hop-bt-
|
|
38
|
+
.UseStyledSystem-module__hop-bt-focus___lIHzR:focus-visible {
|
|
39
39
|
--hop-bt-focus: initial;
|
|
40
40
|
border-top: var(--hop-bt-focus) !important;
|
|
41
41
|
}
|
|
42
|
-
.UseStyledSystem-module__hop-b-
|
|
42
|
+
.UseStyledSystem-module__hop-b-active___FX491:active {
|
|
43
43
|
--hop-b-active: initial;
|
|
44
44
|
border: var(--hop-b-active) !important;
|
|
45
45
|
}
|
|
46
|
-
.UseStyledSystem-module__hop-bb-
|
|
46
|
+
.UseStyledSystem-module__hop-bb-active___3p2de:active {
|
|
47
47
|
--hop-bb-active: initial;
|
|
48
48
|
border-bottom: var(--hop-bb-active) !important;
|
|
49
49
|
}
|
|
50
|
-
.UseStyledSystem-module__hop-bl-
|
|
50
|
+
.UseStyledSystem-module__hop-bl-active___bD5ln:active {
|
|
51
51
|
--hop-bl-active: initial;
|
|
52
52
|
border-left: var(--hop-bl-active) !important;
|
|
53
53
|
}
|
|
54
|
-
.UseStyledSystem-module__hop-br-
|
|
54
|
+
.UseStyledSystem-module__hop-br-active___Z2w-2:active {
|
|
55
55
|
--hop-br-active: initial;
|
|
56
56
|
border-right: var(--hop-br-active) !important;
|
|
57
57
|
}
|
|
58
|
-
.UseStyledSystem-module__hop-bt-
|
|
58
|
+
.UseStyledSystem-module__hop-bt-active___cXrGo:active {
|
|
59
59
|
--hop-bt-active: initial;
|
|
60
60
|
border-top: var(--hop-bt-active) !important;
|
|
61
61
|
}
|
|
62
|
-
.UseStyledSystem-module__hop-bg-
|
|
62
|
+
.UseStyledSystem-module__hop-bg-hover___IM2SP:hover {
|
|
63
63
|
--hop-bg-hover: initial;
|
|
64
64
|
background-color: var(--hop-bg-hover) !important;
|
|
65
65
|
}
|
|
66
|
-
.UseStyledSystem-module__hop-bg-
|
|
66
|
+
.UseStyledSystem-module__hop-bg-focus___-8NKC:focus-visible {
|
|
67
67
|
--hop-bg-focus: initial;
|
|
68
68
|
background-color: var(--hop-bg-focus) !important;
|
|
69
69
|
}
|
|
70
|
-
.UseStyledSystem-module__hop-bg-
|
|
70
|
+
.UseStyledSystem-module__hop-bg-active___PbRjo:active {
|
|
71
71
|
--hop-bg-active: initial;
|
|
72
72
|
background-color: var(--hop-bg-active) !important;
|
|
73
73
|
}
|
|
74
|
-
.UseStyledSystem-module__hop-bs-
|
|
74
|
+
.UseStyledSystem-module__hop-bs-hover___uRazj:hover {
|
|
75
75
|
--hop-bs-hover: initial;
|
|
76
76
|
box-shadow: var(--hop-bs-hover) !important;
|
|
77
77
|
}
|
|
78
|
-
.UseStyledSystem-module__hop-bs-
|
|
78
|
+
.UseStyledSystem-module__hop-bs-focus___WPb5b:focus-visible {
|
|
79
79
|
--hop-bs-focus: initial;
|
|
80
80
|
box-shadow: var(--hop-bs-focus) !important;
|
|
81
81
|
}
|
|
82
|
-
.UseStyledSystem-module__hop-bs-
|
|
82
|
+
.UseStyledSystem-module__hop-bs-active___d-Ztc:active {
|
|
83
83
|
--hop-bs-active: initial;
|
|
84
84
|
box-shadow: var(--hop-bs-active) !important;
|
|
85
85
|
}
|
|
86
|
-
.UseStyledSystem-module__hop-c-
|
|
86
|
+
.UseStyledSystem-module__hop-c-hover___jWw7H:hover {
|
|
87
87
|
--hop-c-hover: initial;
|
|
88
88
|
color: var(--hop-c-hover) !important;
|
|
89
89
|
}
|
|
90
|
-
.UseStyledSystem-module__hop-c-
|
|
90
|
+
.UseStyledSystem-module__hop-c-focus___Y1k28:focus-visible {
|
|
91
91
|
--hop-c-focus: initial;
|
|
92
92
|
color: var(--hop-c-focus) !important;
|
|
93
93
|
}
|
|
94
|
-
.UseStyledSystem-module__hop-c-
|
|
94
|
+
.UseStyledSystem-module__hop-c-active___9usqR:active {
|
|
95
95
|
--hop-c-active: initial;
|
|
96
96
|
color: var(--hop-c-active) !important;
|
|
97
97
|
}
|
|
98
|
-
.UseStyledSystem-module__hop-cs-
|
|
98
|
+
.UseStyledSystem-module__hop-cs-hover___1iWyj:hover {
|
|
99
99
|
--hop-cs-hover: initial;
|
|
100
100
|
cursor: var(--hop-cs-hover) !important;
|
|
101
101
|
}
|
|
102
|
-
.UseStyledSystem-module__hop-f-
|
|
102
|
+
.UseStyledSystem-module__hop-f-hover___G8m3j:hover {
|
|
103
103
|
--hop-f-hover: initial;
|
|
104
104
|
fill: var(--hop-f-hover) !important;
|
|
105
105
|
}
|
|
106
|
-
.UseStyledSystem-module__hop-f-
|
|
106
|
+
.UseStyledSystem-module__hop-f-focus___S7xBy:focus-visible {
|
|
107
107
|
--hop-f-focus: initial;
|
|
108
108
|
fill: var(--hop-f-focus) !important;
|
|
109
109
|
}
|
|
110
|
-
.UseStyledSystem-module__hop-o-
|
|
110
|
+
.UseStyledSystem-module__hop-o-hover___TuFfD:hover {
|
|
111
111
|
--hop-o-hover: initial;
|
|
112
112
|
opacity: var(--hop-o-hover) !important;
|
|
113
113
|
}
|
|
114
|
-
.UseStyledSystem-module__hop-o-
|
|
114
|
+
.UseStyledSystem-module__hop-o-focus___CYGDn:focus-visible {
|
|
115
115
|
--hop-o-focus: initial;
|
|
116
116
|
opacity: var(--hop-o-focus) !important;
|
|
117
117
|
}
|
|
118
|
-
.UseStyledSystem-module__hop-o-
|
|
118
|
+
.UseStyledSystem-module__hop-o-active___z5Riy:active {
|
|
119
119
|
--hop-o-active: initial;
|
|
120
120
|
opacity: var(--hop-o-active) !important;
|
|
121
121
|
}
|
|
122
|
-
.UseStyledSystem-module__hop-ol-
|
|
122
|
+
.UseStyledSystem-module__hop-ol-focus___-9JTf: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-
|
|
129
|
-
:where(.htmlElement-module__hop-
|
|
130
|
-
:where(.htmlElement-module__hop-
|
|
128
|
+
:where(.htmlElement-module__hop-HtmlElement___WcrXn),
|
|
129
|
+
:where(.htmlElement-module__hop-HtmlElement___WcrXn::after),
|
|
130
|
+
:where(.htmlElement-module__hop-HtmlElement___WcrXn::before) {
|
|
131
131
|
box-sizing: border-box;
|
|
132
132
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -17,7 +17,7 @@ export { useIsomorphicInsertionEffect } from './utils/useIsomorphicInsertionEffe
|
|
|
17
17
|
export { useIsomorphicLayoutEffect } from './utils/useIsomorphicLayoutEffect.js';
|
|
18
18
|
export { supportsMatchMedia, useMediaQuery } from './utils/useMediaQuery.js';
|
|
19
19
|
export { ThemeComputedStyle } from './utils/useThemeComputedStyle.js';
|
|
20
|
-
export { StyledComponentProps, StyledSystemProps, UnsafePrefix } from './styledSystemProps.js';
|
|
20
|
+
export { StyledComponentProps, StyledSystemProps, UnsafePrefix, UnsafeStyledSystemProps } from './styledSystemProps.js';
|
|
21
21
|
export { GlobalStyledSystemProviderCssSelector, StyledSystemProvider, StyledSystemProviderProps } from './StyledSystemProvider.js';
|
|
22
22
|
export { HopperRootCssClass, StyledSystemRootCssClass, getRootCSSClasses } from './styledSystemRootCssClass.js';
|
|
23
23
|
export { StylingProps, isStyledSystemProp, useStyledSystem } from './useStyledSystem.js';
|
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-
|
|
3
|
-
export { BodyStyleProvider } from './chunk-
|
|
2
|
+
export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-CFRQACSV.js';
|
|
3
|
+
export { BodyStyleProvider } from './chunk-DEYOM7RO.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-
|
|
7
|
-
export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-
|
|
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-FTG44ZZT.js';
|
|
7
|
+
export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, htmlElement } from './chunk-W5QUPATS.js';
|
|
8
8
|
export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-GXUFWEP5.js';
|
|
9
|
-
export { TokenProvider } from './chunk-
|
|
9
|
+
export { TokenProvider } from './chunk-IRSZZGRZ.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-
|
|
16
|
-
export { isStyledSystemProp, useStyledSystem } from './chunk-
|
|
15
|
+
export { HopperRootCssClass, StyledSystemRootCssClass, getRootCSSClasses } from './chunk-RCLKEJV6.js';
|
|
16
|
+
export { isStyledSystemProp, useStyledSystem } from './chunk-VQE64NVW.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';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
2
|
import { JSX, JSXElementConstructor, ComponentProps } from 'react';
|
|
3
3
|
import { ResponsiveProp } from './responsive/useResponsiveValue.js';
|
|
4
|
-
import {
|
|
4
|
+
import { UNSAFE_BackgroundColorValue, UNSAFE_BorderValue, UNSAFE_BorderRadiusValue, UNSAFE_BoxShadowValue, UNSAFE_ColorValue, UNSAFE_GapValue, UNSAFE_FillValue, UNSAFE_FontFamilyValue, UNSAFE_FontSizeValue, UNSAFE_FontWeightValue, UNSAFE_GridAutoColumnsValue, UNSAFE_GridAutoRowsValue, GridColumSpanValue, GridRowSpanValue, UNSAFE_GridTemplateColumnsValue, UNSAFE_GridTemplateRowsValue, UNSAFE_HeightValue, UNSAFE_LineHeightValue, UNSAFE_ComplexMarginValue, UNSAFE_SimpleMarginValue, UNSAFE_WidthValue, UNSAFE_ComplexPaddingValue, UNSAFE_SimplePaddingValue, UNSAFE_RowGapValue, UNSAFE_StrokeValue, BackgroundColorValue, BorderValue, BorderRadiusValue, BoxShadowValue, ColorValue, ColumnGapValue, FillValue, FontFamilyValue, FontSizeValue, FontWeightValue, GapValue, GridAutoColumnsValue, GridAutoRowsValue, GridTemplateAreasValue, GridTemplateColumnsValue, GridTemplateRowsValue, HeightValue, LineHeightValue, ComplexMarginValue, SimpleMarginValue, WidthValue, ComplexPaddingValue, SimplePaddingValue, RowGapValue, StrokeValue } from './tokens/tokenMappings.js';
|
|
5
5
|
import './responsive/Breakpoints.js';
|
|
6
6
|
|
|
7
7
|
declare const UnsafePrefix = "UNSAFE_";
|
|
8
|
-
interface StyledSystemProps {
|
|
8
|
+
interface StyledSystemProps extends UnsafeStyledSystemProps {
|
|
9
9
|
/**
|
|
10
10
|
* Sets the `align-content` property.
|
|
11
11
|
* @see {@link https://developer.mozilla.org/docs/Web/CSS/align-content}
|
|
@@ -691,6 +691,43 @@ interface StyledSystemProps {
|
|
|
691
691
|
* @see {@link https://developer.mozilla.org/docs/Web/CSS/transition}
|
|
692
692
|
*/
|
|
693
693
|
transition?: ResponsiveProp<Property.Transition>;
|
|
694
|
+
/**
|
|
695
|
+
* Sets the `vertical-align` property.
|
|
696
|
+
* @see {@link https://developer.mozilla.org/docs/Web/CSS/vertical-align}
|
|
697
|
+
*/
|
|
698
|
+
verticalAlign?: ResponsiveProp<Property.VerticalAlign>;
|
|
699
|
+
/**
|
|
700
|
+
* Sets the `visibility` property.
|
|
701
|
+
* @see {@link https://developer.mozilla.org/docs/Web/CSS/visibility}
|
|
702
|
+
*/
|
|
703
|
+
visibility?: ResponsiveProp<Property.Visibility>;
|
|
704
|
+
/**
|
|
705
|
+
* Sets the `white-space` property.
|
|
706
|
+
* @see {@link https://developer.mozilla.org/docs/Web/CSS/white-space}
|
|
707
|
+
*/
|
|
708
|
+
whiteSpace?: ResponsiveProp<Property.WhiteSpace>;
|
|
709
|
+
/**
|
|
710
|
+
* Sets the `width` property.
|
|
711
|
+
* This property only accept **token values** from the **SCALE**. To specify any other values, use the **`UNSAFE_width`** property
|
|
712
|
+
*/
|
|
713
|
+
width?: ResponsiveProp<WidthValue>;
|
|
714
|
+
/**
|
|
715
|
+
* Sets the `will-change` property.
|
|
716
|
+
* @see {@link https://developer.mozilla.org/docs/Web/CSS/will-change}
|
|
717
|
+
*/
|
|
718
|
+
willChange?: ResponsiveProp<Property.WillChange>;
|
|
719
|
+
/**
|
|
720
|
+
* Sets the `word-break` property.
|
|
721
|
+
* @see {@link https://developer.mozilla.org/docs/Web/CSS/word-break}
|
|
722
|
+
*/
|
|
723
|
+
wordBreak?: ResponsiveProp<Property.WordBreak>;
|
|
724
|
+
/**
|
|
725
|
+
* Sets the `z-index` property.
|
|
726
|
+
* @see {@link https://developer.mozilla.org/docs/Web/CSS/z-index}
|
|
727
|
+
*/
|
|
728
|
+
zIndex?: ResponsiveProp<Property.ZIndex>;
|
|
729
|
+
}
|
|
730
|
+
interface UnsafeStyledSystemProps {
|
|
694
731
|
/**
|
|
695
732
|
* Sets the `background-color` property.
|
|
696
733
|
*
|
|
@@ -1283,42 +1320,7 @@ interface StyledSystemProps {
|
|
|
1283
1320
|
* This property is marked as **UNSAFE** because you're opting out of the intended values of the design system.
|
|
1284
1321
|
*/
|
|
1285
1322
|
UNSAFE_width?: ResponsiveProp<UNSAFE_WidthValue>;
|
|
1286
|
-
/**
|
|
1287
|
-
* Sets the `vertical-align` property.
|
|
1288
|
-
* @see {@link https://developer.mozilla.org/docs/Web/CSS/vertical-align}
|
|
1289
|
-
*/
|
|
1290
|
-
verticalAlign?: ResponsiveProp<Property.VerticalAlign>;
|
|
1291
|
-
/**
|
|
1292
|
-
* Sets the `visibility` property.
|
|
1293
|
-
* @see {@link https://developer.mozilla.org/docs/Web/CSS/visibility}
|
|
1294
|
-
*/
|
|
1295
|
-
visibility?: ResponsiveProp<Property.Visibility>;
|
|
1296
|
-
/**
|
|
1297
|
-
* Sets the `white-space` property.
|
|
1298
|
-
* @see {@link https://developer.mozilla.org/docs/Web/CSS/white-space}
|
|
1299
|
-
*/
|
|
1300
|
-
whiteSpace?: ResponsiveProp<Property.WhiteSpace>;
|
|
1301
|
-
/**
|
|
1302
|
-
* Sets the `width` property.
|
|
1303
|
-
* This property only accept **token values** from the **SCALE**. To specify any other values, use the **`UNSAFE_width`** property
|
|
1304
|
-
*/
|
|
1305
|
-
width?: ResponsiveProp<WidthValue>;
|
|
1306
|
-
/**
|
|
1307
|
-
* Sets the `will-change` property.
|
|
1308
|
-
* @see {@link https://developer.mozilla.org/docs/Web/CSS/will-change}
|
|
1309
|
-
*/
|
|
1310
|
-
willChange?: ResponsiveProp<Property.WillChange>;
|
|
1311
|
-
/**
|
|
1312
|
-
* Sets the `word-break` property.
|
|
1313
|
-
* @see {@link https://developer.mozilla.org/docs/Web/CSS/word-break}
|
|
1314
|
-
*/
|
|
1315
|
-
wordBreak?: ResponsiveProp<Property.WordBreak>;
|
|
1316
|
-
/**
|
|
1317
|
-
* Sets the `z-index` property.
|
|
1318
|
-
* @see {@link https://developer.mozilla.org/docs/Web/CSS/z-index}
|
|
1319
|
-
*/
|
|
1320
|
-
zIndex?: ResponsiveProp<Property.ZIndex>;
|
|
1321
1323
|
}
|
|
1322
1324
|
type StyledComponentProps<T> = T extends keyof JSX.IntrinsicElements | JSXElementConstructor<unknown> ? Omit<ComponentProps<T>, keyof StyledSystemProps> & StyledSystemProps : Omit<T, keyof StyledSystemProps> & StyledSystemProps;
|
|
1323
1325
|
|
|
1324
|
-
export { type StyledComponentProps, type StyledSystemProps, UnsafePrefix };
|
|
1326
|
+
export { type StyledComponentProps, type StyledSystemProps, UnsafePrefix, type UnsafeStyledSystemProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { HopperRootCssClass, StyledSystemRootCssClass, getRootCSSClasses } from './chunk-
|
|
1
|
+
export { HopperRootCssClass, StyledSystemRootCssClass, getRootCSSClasses } from './chunk-RCLKEJV6.js';
|
|
2
2
|
import './chunk-AQ5VUG5P.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { TokenProvider } from '../chunk-
|
|
1
|
+
export { TokenProvider } from '../chunk-IRSZZGRZ.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-
|
|
7
|
+
import '../chunk-RCLKEJV6.js';
|
|
8
8
|
import '../chunk-U5R6ZXH3.js';
|
|
9
9
|
import '../chunk-AQ5VUG5P.js';
|