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