@hopper-ui/components 1.0.3 → 1.0.4
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/IconList/src/IconList.css +1 -1
- package/dist/IconList/src/IconList.js +1 -1
- package/dist/IconList/src/index.css +1 -1
- package/dist/IconList/src/index.js +1 -1
- package/dist/Link/src/Link.css +31 -31
- package/dist/Link/src/Link.js +2 -2
- package/dist/Link/src/index.css +31 -31
- package/dist/Link/src/index.js +2 -2
- package/dist/Spinner/src/Spinner.css +19 -19
- package/dist/Spinner/src/Spinner.js +2 -2
- package/dist/Spinner/src/index.css +19 -19
- package/dist/Spinner/src/index.js +2 -2
- package/dist/badge/src/Badge.css +10 -10
- package/dist/badge/src/Badge.js +2 -2
- package/dist/badge/src/index.css +10 -10
- package/dist/badge/src/index.js +2 -2
- package/dist/buttons/src/Button.css +103 -103
- package/dist/buttons/src/Button.js +4 -4
- package/dist/buttons/src/ButtonGroup.css +11 -11
- package/dist/buttons/src/ButtonGroup.js +1 -1
- package/dist/buttons/src/ClearButton.css +12 -12
- package/dist/buttons/src/ClearButton.js +2 -2
- package/dist/buttons/src/EmbeddedButton.css +12 -12
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/index.css +126 -126
- package/dist/buttons/src/index.js +7 -7
- package/dist/checkbox/src/Checkbox.css +33 -33
- package/dist/checkbox/src/Checkbox.js +2 -2
- package/dist/checkbox/src/CheckboxField.css +15 -15
- package/dist/checkbox/src/CheckboxField.js +1 -1
- package/dist/checkbox/src/CheckboxGroup.css +68 -68
- package/dist/checkbox/src/CheckboxGroup.js +1 -1
- package/dist/checkbox/src/index.css +68 -68
- package/dist/checkbox/src/index.js +4 -4
- package/dist/chip/src/Chip.css +33 -33
- package/dist/chip/src/Chip.js +2 -2
- package/dist/chip/src/index.css +33 -33
- package/dist/chip/src/index.js +2 -2
- package/dist/{chunk-CTK5YVBZ.js → chunk-2CKDJG6R.js} +1 -1
- package/dist/{chunk-UARL5M2W.js → chunk-5GRWAXTT.js} +1 -1
- package/dist/{chunk-LYV2D5RZ.js → chunk-6MSYEF4W.js} +1 -1
- package/dist/{chunk-5EPNXRCT.js → chunk-BCHUEONM.js} +1 -1
- package/dist/{chunk-JLF7DSUY.js → chunk-BGESEKEN.js} +2 -2
- package/dist/{chunk-CTOL6AVF.js → chunk-CPWTHZGJ.js} +4 -4
- package/dist/{chunk-RXBKOHT2.js → chunk-DZTMUFVC.js} +1 -1
- package/dist/{chunk-XIOIAME2.js → chunk-F7HR3VI4.js} +1 -1
- package/dist/{chunk-OGMLQRES.js → chunk-FGDSWA7S.js} +1 -1
- package/dist/{chunk-2VBOJKEP.js → chunk-GBABMUAI.js} +2 -2
- package/dist/{chunk-BAKCRZAG.js → chunk-HDYG2F3D.js} +1 -1
- package/dist/{chunk-GF2U6E4D.js → chunk-LRXYIR2A.js} +2 -2
- package/dist/{chunk-EE75ND6V.js → chunk-LSVXKVG4.js} +1 -1
- package/dist/{chunk-OUN5KSHD.js → chunk-N745TDH5.js} +1 -1
- package/dist/{chunk-DLTYFRKN.js → chunk-OMBQ3J4O.js} +2 -2
- package/dist/{chunk-7NT6M6KM.js → chunk-PDYU6DNF.js} +1 -1
- package/dist/{chunk-DJU2DUTQ.js → chunk-PEPKE5SW.js} +2 -2
- package/dist/{chunk-3DWVMCIV.js → chunk-QJBQRYJS.js} +2 -2
- package/dist/{chunk-JLFHTZUA.js → chunk-RCFB4SN4.js} +2 -2
- package/dist/{chunk-OQW6BT6B.js → chunk-SWMFTL46.js} +25 -25
- package/dist/{chunk-YQHNOQ3N.js → chunk-TR7YX3IZ.js} +2 -2
- package/dist/{chunk-IOLNBXZM.js → chunk-TSXPLL55.js} +1 -1
- package/dist/{chunk-4RIAVSLK.js → chunk-WGDP4ECF.js} +1 -1
- package/dist/{chunk-3XFTRBIC.js → chunk-XSASR6CK.js} +1 -1
- package/dist/{chunk-UY7WQ7TC.js → chunk-Y3L6TPP3.js} +5 -5
- package/dist/{chunk-WLSLSMK7.js → chunk-Y7XWWUMU.js} +2 -2
- package/dist/{chunk-XFKAXBB5.js → chunk-ZAJJD5FY.js} +2 -2
- package/dist/errorMessage/src/ErrorMessage.css +11 -11
- package/dist/errorMessage/src/ErrorMessage.js +2 -2
- package/dist/errorMessage/src/index.css +11 -11
- package/dist/errorMessage/src/index.js +2 -2
- package/dist/helperMessage/src/HelperMessage.css +11 -11
- package/dist/helperMessage/src/HelperMessage.js +2 -2
- package/dist/helperMessage/src/index.css +11 -11
- package/dist/helperMessage/src/index.js +2 -2
- package/dist/inputs/src/InputGroup.css +12 -12
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/PasswordField.css +348 -348
- package/dist/inputs/src/PasswordField.js +26 -26
- package/dist/inputs/src/SearchField.css +354 -354
- package/dist/inputs/src/SearchField.js +26 -26
- package/dist/inputs/src/TextField.css +349 -349
- package/dist/inputs/src/TextField.js +26 -26
- package/dist/inputs/src/index.css +349 -349
- package/dist/inputs/src/index.js +26 -26
- package/dist/overlays/Popover/src/Popover.css +337 -337
- package/dist/overlays/Popover/src/Popover.js +25 -25
- package/dist/overlays/Popover/src/index.css +337 -337
- package/dist/overlays/Popover/src/index.js +25 -25
- package/dist/radio/src/Radio.css +30 -30
- package/dist/radio/src/Radio.js +2 -2
- package/dist/radio/src/RadioField.css +15 -15
- package/dist/radio/src/RadioField.js +1 -1
- package/dist/radio/src/RadioGroup.css +65 -65
- package/dist/radio/src/RadioGroup.js +1 -1
- package/dist/radio/src/index.css +65 -65
- package/dist/radio/src/index.js +4 -4
- package/dist/switch/src/Switch.css +25 -25
- package/dist/switch/src/Switch.js +2 -2
- package/dist/switch/src/SwitchField.css +15 -15
- package/dist/switch/src/SwitchField.js +1 -1
- package/dist/switch/src/index.css +31 -31
- package/dist/switch/src/index.js +3 -3
- package/dist/tag/src/Tag.css +330 -330
- package/dist/tag/src/Tag.js +24 -24
- package/dist/tag/src/TagGroup.css +28 -28
- package/dist/tag/src/TagGroup.js +1 -1
- package/dist/tag/src/index.css +330 -330
- package/dist/tag/src/index.js +24 -24
- package/dist/typography/Heading/src/Heading.css +330 -330
- package/dist/typography/Heading/src/Heading.js +24 -24
- package/dist/typography/Heading/src/index.css +330 -330
- package/dist/typography/Heading/src/index.js +24 -24
- package/dist/typography/Label/src/Label.css +9 -9
- package/dist/typography/Label/src/Label.js +1 -1
- package/dist/typography/Label/src/index.css +9 -9
- package/dist/typography/Label/src/index.js +1 -1
- package/dist/typography/OverlineText/src/OverlineText.css +6 -6
- package/dist/typography/OverlineText/src/OverlineText.js +1 -1
- package/dist/typography/OverlineText/src/index.css +6 -6
- package/dist/typography/OverlineText/src/index.js +1 -1
- package/dist/typography/Text/src/Text.css +9 -9
- package/dist/typography/Text/src/Text.js +1 -1
- package/dist/typography/Text/src/index.css +9 -9
- package/dist/typography/Text/src/index.js +1 -1
- package/package.json +3 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
|
|
2
|
-
.InputGroup-module__hop-
|
|
2
|
+
.InputGroup-module__hop-InputGroup___CKcpQ {
|
|
3
3
|
--hop-InputGroup-background: var(--hop-neutral-surface);
|
|
4
4
|
--hop-InputGroup-border-color: var(--hop-neutral-border);
|
|
5
5
|
--hop-InputGroup-border-width: 0.0625rem;
|
|
@@ -47,27 +47,27 @@
|
|
|
47
47
|
border: var(--border);
|
|
48
48
|
border-radius: var(--hop-InputGroup-border-radius);
|
|
49
49
|
}
|
|
50
|
-
.InputGroup-module__hop-InputGroup--
|
|
50
|
+
.InputGroup-module__hop-InputGroup--fluid___hNp-0 {
|
|
51
51
|
--inline-size: 100% ;
|
|
52
52
|
}
|
|
53
|
-
.InputGroup-module__hop-InputGroup--
|
|
53
|
+
.InputGroup-module__hop-InputGroup--sm___-jfQQ {
|
|
54
54
|
--block-size: var(--hop-InputGroup-sm-block-size);
|
|
55
55
|
}
|
|
56
|
-
.InputGroup-module__hop-
|
|
56
|
+
.InputGroup-module__hop-InputGroup___CKcpQ[data-hovered] {
|
|
57
57
|
--background: var(--hop-InputGroup-background-hover);
|
|
58
58
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
|
|
59
59
|
}
|
|
60
|
-
.InputGroup-module__hop-
|
|
60
|
+
.InputGroup-module__hop-InputGroup___CKcpQ[data-focus-within] {
|
|
61
61
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
|
|
62
62
|
}
|
|
63
|
-
.InputGroup-module__hop-
|
|
63
|
+
.InputGroup-module__hop-InputGroup___CKcpQ[data-invalid] {
|
|
64
64
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
|
|
65
65
|
}
|
|
66
|
-
.InputGroup-module__hop-
|
|
66
|
+
.InputGroup-module__hop-InputGroup___CKcpQ[data-disabled] {
|
|
67
67
|
--background: var(--hop-InputGroup-background-disabled);
|
|
68
68
|
--border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled) ;
|
|
69
69
|
}
|
|
70
|
-
.InputGroup-module__hop-
|
|
70
|
+
.InputGroup-module__hop-InputGroup__input___Di67W {
|
|
71
71
|
--input-font-family: var(--hop-InputGroup-input-md-font-family);
|
|
72
72
|
--input-font-size: var(--hop-InputGroup-input-md-font-size);
|
|
73
73
|
--input-font-weight: var(--hop-InputGroup-input-md-font-weight);
|
|
@@ -89,29 +89,29 @@
|
|
|
89
89
|
border: none;
|
|
90
90
|
outline: none;
|
|
91
91
|
}
|
|
92
|
-
.InputGroup-module__hop-InputGroup--
|
|
92
|
+
.InputGroup-module__hop-InputGroup--fluid___hNp-0 .InputGroup-module__hop-InputGroup__input___Di67W {
|
|
93
93
|
--input-inline-size: 100%;
|
|
94
94
|
}
|
|
95
|
-
.InputGroup-module__hop-InputGroup--
|
|
95
|
+
.InputGroup-module__hop-InputGroup--sm___-jfQQ .InputGroup-module__hop-InputGroup__input___Di67W {
|
|
96
96
|
--input-font-family: var(--hop-InputGroup-input-sm-font-family);
|
|
97
97
|
--input-font-size: var(--hop-InputGroup-input-sm-font-size);
|
|
98
98
|
--input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
|
|
99
99
|
--input-line-height: var(--hop-InputGroup-input-sm-line-height);
|
|
100
100
|
--input-block-size: var(--hop-InputGroup-input-sm-block-size);
|
|
101
101
|
}
|
|
102
|
-
.InputGroup-module__hop-
|
|
102
|
+
.InputGroup-module__hop-InputGroup__input___Di67W::placeholder {
|
|
103
103
|
font-family: var(--hop-InputGroup-placeholder-font-family);
|
|
104
104
|
font-size: var(--hop-InputGroup-placeholder-font-size);
|
|
105
105
|
font-weight: var(--hop-InputGroup-placeholder-font-weight);
|
|
106
106
|
line-height: var(--hop-InputGroup-placeholder-line-height);
|
|
107
107
|
color: var(--input-placeholder-color);
|
|
108
108
|
}
|
|
109
|
-
.InputGroup-module__hop-
|
|
109
|
+
.InputGroup-module__hop-InputGroup__input___Di67W[data-disabled]::placeholder {
|
|
110
110
|
--input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
|
|
114
|
-
.IconList-module__hop-
|
|
114
|
+
.IconList-module__hop-IconList___CIQko {
|
|
115
115
|
--hop-IconList-gap: var(--hop-space-inline-xs);
|
|
116
116
|
display: flex;
|
|
117
117
|
flex-wrap: wrap;
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
|
|
123
|
-
.Label-module__hop-
|
|
123
|
+
.Label-module__hop-Label___7xL3v {
|
|
124
124
|
--hop-Label-xs-font-size: var(--hop-body-xs-font-size);
|
|
125
125
|
--hop-Label-xs-font-family: var(--hop-body-xs-font-family);
|
|
126
126
|
--hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
|
|
@@ -150,49 +150,49 @@
|
|
|
150
150
|
--hop-Label-inherit-size-font-weight: inherit;
|
|
151
151
|
--hop-Label-inherit-size-line-height: inherit;
|
|
152
152
|
}
|
|
153
|
-
:where(.Label-module__hop-
|
|
153
|
+
:where(.Label-module__hop-Label___7xL3v) {
|
|
154
154
|
font-family: var(--font-family);
|
|
155
155
|
font-size: var(--font-size);
|
|
156
156
|
font-weight: var(--font-weight);
|
|
157
157
|
line-height: var(--line-height);
|
|
158
158
|
}
|
|
159
|
-
:where(.Label-module__hop-Label--
|
|
159
|
+
:where(.Label-module__hop-Label--xs___CHLy3) {
|
|
160
160
|
--font-size: var(--hop-Label-xs-font-size);
|
|
161
161
|
--font-family: var(--hop-Label-xs-font-family);
|
|
162
162
|
--font-weight: var(--hop-Label-xs-font-weight);
|
|
163
163
|
--line-height: var(--hop-Label-xs-line-height);
|
|
164
164
|
}
|
|
165
|
-
:where(.Label-module__hop-Label--
|
|
165
|
+
:where(.Label-module__hop-Label--sm___oQzz3) {
|
|
166
166
|
--font-size: var(--hop-Label-sm-font-size);
|
|
167
167
|
--font-family: var(--hop-Label-sm-font-family);
|
|
168
168
|
--font-weight: var(--hop-Label-sm-font-weight);
|
|
169
169
|
--line-height: var(--hop-Label-sm-line-height);
|
|
170
170
|
}
|
|
171
|
-
:where(.Label-module__hop-Label--
|
|
171
|
+
:where(.Label-module__hop-Label--md___dLqF6) {
|
|
172
172
|
--font-size: var(--hop-Label-md-font-size);
|
|
173
173
|
--font-family: var(--hop-Label-md-font-family);
|
|
174
174
|
--font-weight: var(--hop-Label-md-font-weight);
|
|
175
175
|
--line-height: var(--hop-Label-md-line-height);
|
|
176
176
|
}
|
|
177
|
-
:where(.Label-module__hop-Label--
|
|
177
|
+
:where(.Label-module__hop-Label--lg___ViQCe) {
|
|
178
178
|
--font-size: var(--hop-Label-lg-font-size);
|
|
179
179
|
--font-family: var(--hop-Label-lg-font-family);
|
|
180
180
|
--font-weight: var(--hop-Label-lg-font-weight);
|
|
181
181
|
--line-height: var(--hop-Label-lg-line-height);
|
|
182
182
|
}
|
|
183
|
-
:where(.Label-module__hop-Label--
|
|
183
|
+
:where(.Label-module__hop-Label--xl___wlNpS) {
|
|
184
184
|
--font-size: var(--hop-Label-xl-font-size);
|
|
185
185
|
--font-family: var(--hop-Label-xl-font-family);
|
|
186
186
|
--font-weight: var(--hop-Label-xl-font-weight);
|
|
187
187
|
--line-height: var(--hop-Label-xl-line-height);
|
|
188
188
|
}
|
|
189
|
-
:where(.Label-module__hop-Label--
|
|
189
|
+
:where(.Label-module__hop-Label--2xl___N5Lkc) {
|
|
190
190
|
--font-size: var(--hop-Label-2xl-font-size);
|
|
191
191
|
--font-family: var(--hop-Label-2xl-font-family);
|
|
192
192
|
--font-weight: var(--hop-Label-2xl-font-weight);
|
|
193
193
|
--line-height: var(--hop-Label-2xl-line-height);
|
|
194
194
|
}
|
|
195
|
-
:where(.Label-module__hop-Label--
|
|
195
|
+
:where(.Label-module__hop-Label--inherit___UeeVB) {
|
|
196
196
|
--font-size: var(--hop-Label-inherit-size-font-size);
|
|
197
197
|
--font-family: var(--hop-Label-inherit-size-font-family);
|
|
198
198
|
--font-weight: var(--hop-Label-inherit-size-font-weight);
|
|
@@ -200,7 +200,7 @@
|
|
|
200
200
|
}
|
|
201
201
|
|
|
202
202
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
|
|
203
|
-
@keyframes Spinner-
|
|
203
|
+
@keyframes Spinner-module__spin___t8CGY {
|
|
204
204
|
0% {
|
|
205
205
|
transform: rotate(0deg);
|
|
206
206
|
}
|
|
@@ -208,7 +208,7 @@
|
|
|
208
208
|
transform: rotate(360deg);
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
-
.Spinner-module__hop-
|
|
211
|
+
.Spinner-module__hop-Spinner___WKQTI {
|
|
212
212
|
--hop-Spinner-border-radius: var(--hop-shape-circle);
|
|
213
213
|
--hop-Spinner-sm-wheel-size: 1rem;
|
|
214
214
|
--hop-Spinner-md-wheel-size: 1.25rem;
|
|
@@ -216,7 +216,7 @@
|
|
|
216
216
|
--hop-Spinner-track-width: 0.125rem;
|
|
217
217
|
--hop-Spinner-track-opacity: 0.2;
|
|
218
218
|
--hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
|
|
219
|
-
--hop-Spinner-fill-animation: Spinner-
|
|
219
|
+
--hop-Spinner-fill-animation: Spinner-module__spin___t8CGY .8s infinite linear;
|
|
220
220
|
--hop-Spinner-fill-animation-reduced-motion-duration: 2s;
|
|
221
221
|
--hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
|
|
222
222
|
--hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
|
|
@@ -227,19 +227,19 @@
|
|
|
227
227
|
align-items: center;
|
|
228
228
|
box-sizing: border-box;
|
|
229
229
|
}
|
|
230
|
-
.Spinner-module__hop-Spinner--
|
|
230
|
+
.Spinner-module__hop-Spinner--sm___YO1ZU {
|
|
231
231
|
--width: var(--hop-Spinner-sm-wheel-size);
|
|
232
232
|
--height: var(--hop-Spinner-sm-wheel-size);
|
|
233
233
|
}
|
|
234
|
-
.Spinner-module__hop-Spinner--
|
|
234
|
+
.Spinner-module__hop-Spinner--md___UiJMR {
|
|
235
235
|
--width: var(--hop-Spinner-md-wheel-size);
|
|
236
236
|
--height: var(--hop-Spinner-md-wheel-size);
|
|
237
237
|
}
|
|
238
|
-
.Spinner-module__hop-Spinner--
|
|
238
|
+
.Spinner-module__hop-Spinner--lg___uAp2X {
|
|
239
239
|
--width: var(--hop-Spinner-lg-wheel-size);
|
|
240
240
|
--height: var(--hop-Spinner-lg-wheel-size);
|
|
241
241
|
}
|
|
242
|
-
.Spinner-module__hop-
|
|
242
|
+
.Spinner-module__hop-Spinner__track___vU-oZ {
|
|
243
243
|
grid-area: spinner;
|
|
244
244
|
box-sizing: border-box;
|
|
245
245
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -248,7 +248,7 @@
|
|
|
248
248
|
border: var(--hop-Spinner-track-border);
|
|
249
249
|
border-radius: var(--hop-Spinner-border-radius);
|
|
250
250
|
}
|
|
251
|
-
.Spinner-module__hop-
|
|
251
|
+
.Spinner-module__hop-Spinner__fill___8gJAf {
|
|
252
252
|
grid-area: spinner;
|
|
253
253
|
box-sizing: border-box;
|
|
254
254
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -259,17 +259,17 @@
|
|
|
259
259
|
animation: var(--hop-Spinner-fill-animation);
|
|
260
260
|
}
|
|
261
261
|
@media (prefers-reduced-motion: reduce) {
|
|
262
|
-
.Spinner-module__hop-
|
|
262
|
+
.Spinner-module__hop-Spinner__fill___8gJAf {
|
|
263
263
|
animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
|
|
264
264
|
}
|
|
265
265
|
}
|
|
266
|
-
.Spinner-module__hop-
|
|
266
|
+
.Spinner-module__hop-Spinner__label___GxQ20 {
|
|
267
267
|
grid-area: label;
|
|
268
268
|
margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
|
|
269
269
|
}
|
|
270
270
|
|
|
271
271
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
|
|
272
|
-
.Text-module__hop-
|
|
272
|
+
.Text-module__hop-Text___L5SE4 {
|
|
273
273
|
--hop-Text-xs-font-size: var(--hop-body-xs-font-size);
|
|
274
274
|
--hop-Text-xs-font-family: var(--hop-body-xs-font-family);
|
|
275
275
|
--hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
|
|
@@ -299,49 +299,49 @@
|
|
|
299
299
|
--hop-Text-inherit-size-font-weight: inherit;
|
|
300
300
|
--hop-Text-inherit-size-line-height: inherit;
|
|
301
301
|
}
|
|
302
|
-
:where(.Text-module__hop-
|
|
302
|
+
:where(.Text-module__hop-Text___L5SE4) {
|
|
303
303
|
font-family: var(--font-family);
|
|
304
304
|
font-size: var(--font-size);
|
|
305
305
|
font-weight: var(--font-weight);
|
|
306
306
|
line-height: var(--line-height);
|
|
307
307
|
}
|
|
308
|
-
:where(.Text-module__hop-Text--
|
|
308
|
+
:where(.Text-module__hop-Text--xs___4XSOM) {
|
|
309
309
|
--font-size: var(--hop-Text-xs-font-size);
|
|
310
310
|
--font-family: var(--hop-Text-xs-font-family);
|
|
311
311
|
--font-weight: var(--hop-Text-xs-font-weight);
|
|
312
312
|
--line-height: var(--hop-Text-xs-line-height);
|
|
313
313
|
}
|
|
314
|
-
:where(.Text-module__hop-Text--
|
|
314
|
+
:where(.Text-module__hop-Text--sm___rxq9a) {
|
|
315
315
|
--font-size: var(--hop-Text-sm-font-size);
|
|
316
316
|
--font-family: var(--hop-Text-sm-font-family);
|
|
317
317
|
--font-weight: var(--hop-Text-sm-font-weight);
|
|
318
318
|
--line-height: var(--hop-Text-sm-line-height);
|
|
319
319
|
}
|
|
320
|
-
:where(.Text-module__hop-Text--
|
|
320
|
+
:where(.Text-module__hop-Text--md___I1rkh) {
|
|
321
321
|
--font-size: var(--hop-Text-md-font-size);
|
|
322
322
|
--font-family: var(--hop-Text-md-font-family);
|
|
323
323
|
--font-weight: var(--hop-Text-md-font-weight);
|
|
324
324
|
--line-height: var(--hop-Text-md-line-height);
|
|
325
325
|
}
|
|
326
|
-
:where(.Text-module__hop-Text--
|
|
326
|
+
:where(.Text-module__hop-Text--lg___A5qVa) {
|
|
327
327
|
--font-size: var(--hop-Text-lg-font-size);
|
|
328
328
|
--font-family: var(--hop-Text-lg-font-family);
|
|
329
329
|
--font-weight: var(--hop-Text-lg-font-weight);
|
|
330
330
|
--line-height: var(--hop-Text-lg-line-height);
|
|
331
331
|
}
|
|
332
|
-
:where(.Text-module__hop-Text--
|
|
332
|
+
:where(.Text-module__hop-Text--xl___W3xPi) {
|
|
333
333
|
--font-size: var(--hop-Text-xl-font-size);
|
|
334
334
|
--font-family: var(--hop-Text-xl-font-family);
|
|
335
335
|
--font-weight: var(--hop-Text-xl-font-weight);
|
|
336
336
|
--line-height: var(--hop-Text-xl-line-height);
|
|
337
337
|
}
|
|
338
|
-
:where(.Text-module__hop-Text--
|
|
338
|
+
:where(.Text-module__hop-Text--2xl___C50TH) {
|
|
339
339
|
--font-size: var(--hop-Text-2xl-font-size);
|
|
340
340
|
--font-family: var(--hop-Text-2xl-font-family);
|
|
341
341
|
--font-weight: var(--hop-Text-2xl-font-weight);
|
|
342
342
|
--line-height: var(--hop-Text-2xl-line-height);
|
|
343
343
|
}
|
|
344
|
-
:where(.Text-module__hop-Text--
|
|
344
|
+
:where(.Text-module__hop-Text--inherit___YDakN) {
|
|
345
345
|
--font-size: var(--hop-Text-inherit-size-font-size);
|
|
346
346
|
--font-family: var(--hop-Text-inherit-size-font-family);
|
|
347
347
|
--font-weight: var(--hop-Text-inherit-size-font-weight);
|
|
@@ -349,7 +349,7 @@
|
|
|
349
349
|
}
|
|
350
350
|
|
|
351
351
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
|
|
352
|
-
.Button-module__hop-
|
|
352
|
+
.Button-module__hop-Button___0QG7O {
|
|
353
353
|
--hop-Button-border-radius: var(--hop-shape-rounded-md);
|
|
354
354
|
--hop-Button-focus-ring-color: var(--hop-primary-border-focus);
|
|
355
355
|
--hop-Button-icon-only-padding: 0;
|
|
@@ -508,317 +508,317 @@
|
|
|
508
508
|
background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
|
|
509
509
|
border var(--hop-easing-duration-2) var(--hop-easing-productive);
|
|
510
510
|
}
|
|
511
|
-
.Button-module__hop-
|
|
511
|
+
.Button-module__hop-Button___0QG7O[data-focus-visible] {
|
|
512
512
|
outline: 0.125rem solid var(--hop-Button-focus-ring-color);
|
|
513
513
|
}
|
|
514
|
-
.Button-module__hop-Button--icon-
|
|
514
|
+
.Button-module__hop-Button--icon-only___nE-Ma {
|
|
515
515
|
--padding-block: var(--hop-Button-icon-only-padding);
|
|
516
516
|
--padding-inline: var(--hop-Button-icon-only-padding);
|
|
517
517
|
column-gap: 0;
|
|
518
518
|
aspect-ratio: 1;
|
|
519
519
|
}
|
|
520
|
-
.Button-module__hop-
|
|
521
|
-
.Button-module__hop-
|
|
520
|
+
.Button-module__hop-Button___0QG7O[data-disabled],
|
|
521
|
+
.Button-module__hop-Button___0QG7O[data-loading] {
|
|
522
522
|
cursor: not-allowed;
|
|
523
523
|
}
|
|
524
|
-
.Button-module__hop-Button--
|
|
524
|
+
.Button-module__hop-Button--fluid___SC33v {
|
|
525
525
|
--inline-size: 100%;
|
|
526
526
|
}
|
|
527
|
-
.Button-module__hop-Button--
|
|
527
|
+
.Button-module__hop-Button--sm___QU3Uy {
|
|
528
528
|
--block-size: var(--hop-Button-sm-height);
|
|
529
529
|
}
|
|
530
|
-
.Button-module__hop-Button--
|
|
530
|
+
.Button-module__hop-Button--primary___YcboG.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
531
531
|
--padding-inline: var(--hop-Button-primary-sm-padding-x);
|
|
532
532
|
--padding-block: var(--hop-Button-primary-sm-padding-y);
|
|
533
533
|
}
|
|
534
|
-
.Button-module__hop-Button--
|
|
534
|
+
.Button-module__hop-Button--primary___YcboG.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
535
535
|
--padding-inline: var(--hop-Button-primary-md-padding-x);
|
|
536
536
|
--padding-block: var(--hop-Button-primary-md-padding-y);
|
|
537
537
|
}
|
|
538
|
-
.Button-module__hop-Button--
|
|
538
|
+
.Button-module__hop-Button--secondary___gylFe.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
539
539
|
--padding-inline: var(--hop-Button-secondary-md-padding-x);
|
|
540
540
|
--padding-block: var(--hop-Button-secondary-md-padding-y);
|
|
541
541
|
}
|
|
542
|
-
.Button-module__hop-Button--
|
|
542
|
+
.Button-module__hop-Button--secondary___gylFe.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
543
543
|
--padding-inline: var(--hop-Button-secondary-sm-padding-x);
|
|
544
544
|
--padding-block: var(--hop-Button-secondary-sm-padding-y);
|
|
545
545
|
}
|
|
546
|
-
.Button-module__hop-Button--
|
|
546
|
+
.Button-module__hop-Button--upsell___ddBGK.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
547
547
|
--padding-inline: var(--hop-Button-upsell-md-padding-x);
|
|
548
548
|
--padding-block: var(--hop-Button-upsell-md-padding-y);
|
|
549
549
|
}
|
|
550
|
-
.Button-module__hop-Button--
|
|
550
|
+
.Button-module__hop-Button--upsell___ddBGK.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
551
551
|
--padding-inline: var(--hop-Button-upsell-sm-padding-x);
|
|
552
552
|
--padding-block: var(--hop-Button-upsell-sm-padding-y);
|
|
553
553
|
}
|
|
554
|
-
.Button-module__hop-Button--
|
|
554
|
+
.Button-module__hop-Button--danger___aosRA.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
555
555
|
--padding-inline: var(--hop-Button-danger-md-padding-x);
|
|
556
556
|
--padding-block: var(--hop-Button-danger-md-padding-y);
|
|
557
557
|
}
|
|
558
|
-
.Button-module__hop-Button--
|
|
558
|
+
.Button-module__hop-Button--danger___aosRA.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
559
559
|
--padding-inline: var(--hop-Button-danger-sm-padding-x);
|
|
560
560
|
--padding-block: var(--hop-Button-danger-sm-padding-y);
|
|
561
561
|
}
|
|
562
|
-
.Button-module__hop-Button--ghost-
|
|
562
|
+
.Button-module__hop-Button--ghost-danger___dxJKj.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
563
563
|
--padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
|
|
564
564
|
--padding-block: var(--hop-Button-ghost-danger-md-padding-y);
|
|
565
565
|
}
|
|
566
|
-
.Button-module__hop-Button--ghost-
|
|
566
|
+
.Button-module__hop-Button--ghost-danger___dxJKj.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
567
567
|
--padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
|
|
568
568
|
--padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
|
|
569
569
|
}
|
|
570
|
-
.Button-module__hop-Button--ghost-
|
|
570
|
+
.Button-module__hop-Button--ghost-secondary___CkcMt.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
571
571
|
--padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
|
|
572
572
|
--padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
|
|
573
573
|
}
|
|
574
|
-
.Button-module__hop-Button--ghost-
|
|
574
|
+
.Button-module__hop-Button--ghost-secondary___CkcMt.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
575
575
|
--padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
|
|
576
576
|
--padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
|
|
577
577
|
}
|
|
578
|
-
.Button-module__hop-Button--ghost-
|
|
578
|
+
.Button-module__hop-Button--ghost-primary___qiCJB.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
579
579
|
--padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
|
|
580
580
|
--padding-block: var(--hop-Button-ghost-primary-md-padding-y);
|
|
581
581
|
}
|
|
582
|
-
.Button-module__hop-Button--ghost-
|
|
582
|
+
.Button-module__hop-Button--ghost-primary___qiCJB.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
|
|
583
583
|
--padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
|
|
584
584
|
--padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
|
|
585
585
|
}
|
|
586
|
-
.Button-module__hop-Button--
|
|
586
|
+
.Button-module__hop-Button--primary___YcboG {
|
|
587
587
|
--background-color: var(--hop-Button-primary-background-color);
|
|
588
588
|
--color: var(--hop-Button-primary-color);
|
|
589
589
|
--border: var(--hop-Button-primary-border);
|
|
590
590
|
--spinner-color: var(--hop-Button-primary-spinner-color);
|
|
591
591
|
}
|
|
592
|
-
.Button-module__hop-Button--
|
|
592
|
+
.Button-module__hop-Button--primary___YcboG[data-disabled]:not([data-loading]) {
|
|
593
593
|
--background-color: var(--hop-Button-primary-background-color-disabled);
|
|
594
594
|
--color: var(--hop-Button-primary-color-disabled);
|
|
595
595
|
--border: var(--hop-Button-primary-border-disabled);
|
|
596
596
|
}
|
|
597
|
-
.Button-module__hop-Button--
|
|
598
|
-
.Button-module__hop-Button--
|
|
597
|
+
.Button-module__hop-Button--primary___YcboG[data-hovered]:not([data-disabled], [data-loading]),
|
|
598
|
+
.Button-module__hop-Button--primary___YcboG[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
599
599
|
--background-color: var(--hop-Button-primary-background-color-hover);
|
|
600
600
|
--color: var(--hop-Button-primary-color-hover);
|
|
601
601
|
--border: var(--hop-Button-primary-border-hover);
|
|
602
602
|
}
|
|
603
|
-
.Button-module__hop-Button--
|
|
603
|
+
.Button-module__hop-Button--primary___YcboG[data-pressed]:not([data-loading]) {
|
|
604
604
|
--background-color: var(--hop-Button-primary-background-color-pressed);
|
|
605
605
|
--color: var(--hop-Button-primary-color-pressed);
|
|
606
606
|
--border: var(--hop-Button-primary-border-pressed);
|
|
607
607
|
}
|
|
608
|
-
.Button-module__hop-Button--
|
|
608
|
+
.Button-module__hop-Button--secondary___gylFe {
|
|
609
609
|
--background-color: var(--hop-Button-secondary-background-color);
|
|
610
610
|
--color: var(--hop-Button-secondary-color);
|
|
611
611
|
--border: var(--hop-Button-secondary-border);
|
|
612
612
|
--spinner-color: var(--hop-Button-secondary-spinner-color);
|
|
613
613
|
}
|
|
614
|
-
.Button-module__hop-Button--
|
|
614
|
+
.Button-module__hop-Button--secondary___gylFe[data-disabled]:not([data-loading]) {
|
|
615
615
|
--background-color: var(--hop-Button-secondary-background-color-disabled);
|
|
616
616
|
--color: var(--hop-Button-secondary-color-disabled);
|
|
617
617
|
--border: var(--hop-Button-secondary-border-disabled);
|
|
618
618
|
}
|
|
619
|
-
.Button-module__hop-Button--
|
|
620
|
-
.Button-module__hop-Button--
|
|
619
|
+
.Button-module__hop-Button--secondary___gylFe[data-hovered]:not([data-disabled], [data-loading]),
|
|
620
|
+
.Button-module__hop-Button--secondary___gylFe[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
621
621
|
--background-color: var(--hop-Button-secondary-background-color-hover);
|
|
622
622
|
--color: var(--hop-Button-secondary-color-hover);
|
|
623
623
|
--border: var(--hop-Button-secondary-border-hover);
|
|
624
624
|
}
|
|
625
|
-
.Button-module__hop-Button--
|
|
625
|
+
.Button-module__hop-Button--secondary___gylFe[data-pressed]:not([data-loading]) {
|
|
626
626
|
--background-color: var(--hop-Button-secondary-background-color-pressed);
|
|
627
627
|
--color: var(--hop-Button-secondary-color-pressed);
|
|
628
628
|
--border: var(--hop-Button-secondary-border-pressed);
|
|
629
629
|
}
|
|
630
|
-
.Button-module__hop-Button--
|
|
630
|
+
.Button-module__hop-Button--upsell___ddBGK {
|
|
631
631
|
--background-color: var(--hop-Button-upsell-background-color);
|
|
632
632
|
--color: var(--hop-Button-upsell-color);
|
|
633
633
|
--border: var(--hop-Button-upsell-border);
|
|
634
634
|
--spinner-color: var(--hop-Button-upsell-spinner-color);
|
|
635
635
|
}
|
|
636
|
-
.Button-module__hop-Button--
|
|
636
|
+
.Button-module__hop-Button--upsell___ddBGK[data-disabled]:not([data-loading]) {
|
|
637
637
|
--background-color: var(--hop-Button-upsell-background-color-disabled);
|
|
638
638
|
--color: var(--hop-Button-upsell-color-disabled);
|
|
639
639
|
--border: var(--hop-Button-upsell-border-disabled);
|
|
640
640
|
}
|
|
641
|
-
.Button-module__hop-Button--
|
|
642
|
-
.Button-module__hop-Button--
|
|
641
|
+
.Button-module__hop-Button--upsell___ddBGK[data-hovered]:not([data-disabled], [data-loading]),
|
|
642
|
+
.Button-module__hop-Button--upsell___ddBGK[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
643
643
|
--background-color: var(--hop-Button-upsell-background-color-hover);
|
|
644
644
|
--color: var(--hop-Button-upsell-color-hover);
|
|
645
645
|
--border: var(--hop-Button-upsell-border-hover);
|
|
646
646
|
}
|
|
647
|
-
.Button-module__hop-Button--
|
|
647
|
+
.Button-module__hop-Button--upsell___ddBGK[data-pressed]:not([data-loading]) {
|
|
648
648
|
--background-color: var(--hop-Button-upsell-background-color-pressed);
|
|
649
649
|
--color: var(--hop-Button-upsell-color-pressed);
|
|
650
650
|
--border: var(--hop-Button-upsell-border-pressed);
|
|
651
651
|
}
|
|
652
|
-
.Button-module__hop-Button--
|
|
652
|
+
.Button-module__hop-Button--danger___aosRA {
|
|
653
653
|
--background-color: var(--hop-Button-danger-background-color);
|
|
654
654
|
--color: var(--hop-Button-danger-color);
|
|
655
655
|
--border: var(--hop-Button-danger-border);
|
|
656
656
|
--spinner-color: var(--hop-Button-danger-spinner-color);
|
|
657
657
|
}
|
|
658
|
-
.Button-module__hop-Button--
|
|
658
|
+
.Button-module__hop-Button--danger___aosRA[data-disabled]:not([data-loading]) {
|
|
659
659
|
--background-color: var(--hop-Button-danger-background-color-disabled);
|
|
660
660
|
--color: var(--hop-Button-danger-color-disabled);
|
|
661
661
|
--border: var(--hop-Button-danger-border-disabled);
|
|
662
662
|
}
|
|
663
|
-
.Button-module__hop-Button--
|
|
664
|
-
.Button-module__hop-Button--
|
|
663
|
+
.Button-module__hop-Button--danger___aosRA[data-hovered]:not([data-disabled], [data-loading]),
|
|
664
|
+
.Button-module__hop-Button--danger___aosRA[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
665
665
|
--background-color: var(--hop-Button-danger-background-color-hover);
|
|
666
666
|
--color: var(--hop-Button-danger-color-hover);
|
|
667
667
|
--border: var(--hop-Button-danger-border-hover);
|
|
668
668
|
}
|
|
669
|
-
.Button-module__hop-Button--
|
|
669
|
+
.Button-module__hop-Button--danger___aosRA[data-pressed]:not([data-loading]) {
|
|
670
670
|
--background-color: var(--hop-Button-danger-background-color-pressed);
|
|
671
671
|
--color: var(--hop-Button-danger-color-pressed);
|
|
672
672
|
--border: var(--hop-Button-danger-border-pressed);
|
|
673
673
|
}
|
|
674
|
-
.Button-module__hop-Button--ghost-
|
|
674
|
+
.Button-module__hop-Button--ghost-primary___qiCJB {
|
|
675
675
|
--background-color: var(--hop-Button-ghost-primary-background-color);
|
|
676
676
|
--color: var(--hop-Button-ghost-primary-color);
|
|
677
677
|
--border: var(--hop-Button-ghost-primary-border);
|
|
678
678
|
--spinner-color: var(--hop-Button-ghost-primary-spinner-color);
|
|
679
679
|
}
|
|
680
|
-
.Button-module__hop-Button--ghost-
|
|
680
|
+
.Button-module__hop-Button--ghost-primary___qiCJB[data-disabled]:not([data-loading]) {
|
|
681
681
|
--background-color: var(--hop-Button-ghost-primary-background-color-disabled);
|
|
682
682
|
--color: var(--hop-Button-ghost-primary-color-disabled);
|
|
683
683
|
--border: var(--hop-Button-ghost-primary-border-disabled);
|
|
684
684
|
}
|
|
685
|
-
.Button-module__hop-Button--ghost-
|
|
686
|
-
.Button-module__hop-Button--ghost-
|
|
685
|
+
.Button-module__hop-Button--ghost-primary___qiCJB[data-hovered]:not([data-disabled], [data-loading]),
|
|
686
|
+
.Button-module__hop-Button--ghost-primary___qiCJB[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
687
687
|
--background-color: var(--hop-Button-ghost-primary-background-color-hover);
|
|
688
688
|
--color: var(--hop-Button-ghost-primary-color-hover);
|
|
689
689
|
--border: var(--hop-Button-ghost-primary-border-hover);
|
|
690
690
|
}
|
|
691
|
-
.Button-module__hop-Button--ghost-
|
|
691
|
+
.Button-module__hop-Button--ghost-primary___qiCJB[data-pressed]:not([data-loading]) {
|
|
692
692
|
--background-color: var(--hop-Button-ghost-primary-background-color-pressed);
|
|
693
693
|
--color: var(--hop-Button-ghost-primary-color-pressed);
|
|
694
694
|
--border: var(--hop-Button-ghost-primary-border-pressed);
|
|
695
695
|
}
|
|
696
|
-
.Button-module__hop-Button--ghost-
|
|
696
|
+
.Button-module__hop-Button--ghost-secondary___CkcMt {
|
|
697
697
|
--background-color: var(--hop-Button-ghost-secondary-background-color);
|
|
698
698
|
--color: var(--hop-Button-ghost-secondary-color);
|
|
699
699
|
--border: var(--hop-Button-ghost-secondary-border);
|
|
700
700
|
--spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
|
|
701
701
|
}
|
|
702
|
-
.Button-module__hop-Button--ghost-
|
|
702
|
+
.Button-module__hop-Button--ghost-secondary___CkcMt[data-disabled]:not([data-loading]) {
|
|
703
703
|
--background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
|
|
704
704
|
--color: var(--hop-Button-ghost-secondary-color-disabled);
|
|
705
705
|
--border: var(--hop-Button-ghost-secondary-border-disabled);
|
|
706
706
|
}
|
|
707
|
-
.Button-module__hop-Button--ghost-
|
|
708
|
-
.Button-module__hop-Button--ghost-
|
|
707
|
+
.Button-module__hop-Button--ghost-secondary___CkcMt[data-hovered]:not([data-disabled], [data-loading]),
|
|
708
|
+
.Button-module__hop-Button--ghost-secondary___CkcMt[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
709
709
|
--background-color: var(--hop-Button-ghost-secondary-background-color-hover);
|
|
710
710
|
--color: var(--hop-Button-ghost-secondary-color-hover);
|
|
711
711
|
--border: var(--hop-Button-ghost-secondary-border-hover);
|
|
712
712
|
}
|
|
713
|
-
.Button-module__hop-Button--ghost-
|
|
713
|
+
.Button-module__hop-Button--ghost-secondary___CkcMt[data-pressed]:not([data-loading]) {
|
|
714
714
|
--background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
|
|
715
715
|
--color: var(--hop-Button-ghost-secondary-color-pressed);
|
|
716
716
|
--border: var(--hop-Button-ghost-secondary-border-pressed);
|
|
717
717
|
}
|
|
718
|
-
.Button-module__hop-Button--ghost-
|
|
718
|
+
.Button-module__hop-Button--ghost-danger___dxJKj {
|
|
719
719
|
--background-color: var(--hop-Button-ghost-danger-background-color);
|
|
720
720
|
--color: var(--hop-Button-ghost-danger-color);
|
|
721
721
|
--border: var(--hop-Button-ghost-danger-border);
|
|
722
722
|
--spinner-color: var(--hop-Button-ghost-danger-spinner-color);
|
|
723
723
|
}
|
|
724
|
-
.Button-module__hop-Button--ghost-
|
|
724
|
+
.Button-module__hop-Button--ghost-danger___dxJKj[data-disabled]:not([data-loading]) {
|
|
725
725
|
--background-color: var(--hop-Button-ghost-danger-background-color-disabled);
|
|
726
726
|
--color: var(--hop-Button-ghost-danger-color-disabled);
|
|
727
727
|
--border: var(--hop-Button-ghost-danger-border-disabled);
|
|
728
728
|
}
|
|
729
|
-
.Button-module__hop-Button--ghost-
|
|
730
|
-
.Button-module__hop-Button--ghost-
|
|
729
|
+
.Button-module__hop-Button--ghost-danger___dxJKj[data-hovered]:not([data-disabled], [data-loading]),
|
|
730
|
+
.Button-module__hop-Button--ghost-danger___dxJKj[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
731
731
|
--background-color: var(--hop-Button-ghost-danger-background-color-hover);
|
|
732
732
|
--color: var(--hop-Button-ghost-danger-color-hover);
|
|
733
733
|
--border: var(--hop-Button-ghost-danger-border-hover);
|
|
734
734
|
}
|
|
735
|
-
.Button-module__hop-Button--ghost-
|
|
735
|
+
.Button-module__hop-Button--ghost-danger___dxJKj[data-pressed]:not([data-loading]) {
|
|
736
736
|
--background-color: var(--hop-Button-ghost-danger-background-color-pressed);
|
|
737
737
|
--color: var(--hop-Button-ghost-danger-color-pressed);
|
|
738
738
|
--border: var(--hop-Button-ghost-danger-border-pressed);
|
|
739
739
|
}
|
|
740
|
-
.Button-module__hop-
|
|
740
|
+
.Button-module__hop-Button__Spinner___V265i {
|
|
741
741
|
position: absolute;
|
|
742
742
|
justify-self: center;
|
|
743
743
|
color: var(--spinner-color);
|
|
744
744
|
}
|
|
745
|
-
.Button-module__hop-
|
|
746
|
-
.Button-module__hop-Button__icon-
|
|
745
|
+
.Button-module__hop-Button__icon___mwjgX,
|
|
746
|
+
.Button-module__hop-Button__icon-list___5kDpy {
|
|
747
747
|
grid-area: start-icon;
|
|
748
748
|
justify-self: end;
|
|
749
749
|
}
|
|
750
|
-
.Button-module__hop-
|
|
750
|
+
.Button-module__hop-Button__text___YEnli {
|
|
751
751
|
user-select: none;
|
|
752
752
|
overflow: visible;
|
|
753
753
|
grid-area: content;
|
|
754
754
|
font-weight: var(--hop-font-weight-505);
|
|
755
755
|
text-wrap: nowrap;
|
|
756
756
|
}
|
|
757
|
-
.Button-module__hop-Button--ghost-
|
|
758
|
-
.Button-module__hop-Button--ghost-
|
|
759
|
-
.Button-module__hop-Button--ghost-
|
|
760
|
-
.Button-module__hop-Button--ghost-
|
|
761
|
-
.Button-module__hop-Button--ghost-
|
|
762
|
-
.Button-module__hop-Button--ghost-
|
|
763
|
-
.Button-module__hop-Button--ghost-
|
|
764
|
-
.Button-module__hop-Button--ghost-
|
|
765
|
-
.Button-module__hop-Button--ghost-
|
|
757
|
+
.Button-module__hop-Button--ghost-primary___qiCJB[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
|
|
758
|
+
.Button-module__hop-Button--ghost-secondary___CkcMt[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
|
|
759
|
+
.Button-module__hop-Button--ghost-danger___dxJKj[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
|
|
760
|
+
.Button-module__hop-Button--ghost-primary___qiCJB[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
|
|
761
|
+
.Button-module__hop-Button--ghost-secondary___CkcMt[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
|
|
762
|
+
.Button-module__hop-Button--ghost-danger___dxJKj[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
|
|
763
|
+
.Button-module__hop-Button--ghost-primary___qiCJB[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
|
|
764
|
+
.Button-module__hop-Button--ghost-secondary___CkcMt[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
|
|
765
|
+
.Button-module__hop-Button--ghost-danger___dxJKj[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___YEnli {
|
|
766
766
|
text-decoration: underline;
|
|
767
767
|
text-underline-offset: 0.125rem;
|
|
768
768
|
}
|
|
769
|
-
.Button-module__hop-Button__end-
|
|
770
|
-
.Button-module__hop-Button__end-icon-
|
|
769
|
+
.Button-module__hop-Button__end-icon___1Hzgu,
|
|
770
|
+
.Button-module__hop-Button__end-icon-list___ZjiCH {
|
|
771
771
|
grid-area: end-icon;
|
|
772
772
|
}
|
|
773
|
-
.Button-module__hop-
|
|
774
|
-
.Button-module__hop-
|
|
773
|
+
.Button-module__hop-Button___0QG7O .Button-module__hop-Button__icon-list___5kDpy,
|
|
774
|
+
.Button-module__hop-Button___0QG7O .Button-module__hop-Button__end-icon-list___ZjiCH {
|
|
775
775
|
flex-wrap: nowrap;
|
|
776
776
|
}
|
|
777
|
-
.Button-module__hop-
|
|
777
|
+
.Button-module__hop-Button___0QG7O[data-loading] > *:not(.Button-module__hop-Button__Spinner___V265i) {
|
|
778
778
|
opacity: 0;
|
|
779
779
|
}
|
|
780
780
|
|
|
781
781
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
|
|
782
|
-
.ButtonGroup-module__hop-
|
|
782
|
+
.ButtonGroup-module__hop-ButtonGroup___3ZJC5 {
|
|
783
783
|
display: inline-flex;
|
|
784
784
|
flex-wrap: nowrap;
|
|
785
785
|
gap: var(--hop-space-inline-md);
|
|
786
786
|
}
|
|
787
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
787
|
+
.ButtonGroup-module__hop-ButtonGroup--horizontal___u8p9P {
|
|
788
788
|
justify-content: center;
|
|
789
789
|
}
|
|
790
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
790
|
+
.ButtonGroup-module__hop-ButtonGroup--vertical___owh4g {
|
|
791
791
|
flex-direction: column;
|
|
792
792
|
gap: var(--hop-space-stack-md);
|
|
793
793
|
align-items: center;
|
|
794
794
|
}
|
|
795
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
795
|
+
.ButtonGroup-module__hop-ButtonGroup--start___BFJZq.ButtonGroup-module__hop-ButtonGroup--vertical___owh4g {
|
|
796
796
|
align-items: flex-start;
|
|
797
797
|
}
|
|
798
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
798
|
+
.ButtonGroup-module__hop-ButtonGroup--center___MAZ-9.ButtonGroup-module__hop-ButtonGroup--vertical___owh4g {
|
|
799
799
|
align-items: center;
|
|
800
800
|
}
|
|
801
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
801
|
+
.ButtonGroup-module__hop-ButtonGroup--end___p1FOK.ButtonGroup-module__hop-ButtonGroup--vertical___owh4g {
|
|
802
802
|
align-items: flex-end;
|
|
803
803
|
}
|
|
804
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
804
|
+
.ButtonGroup-module__hop-ButtonGroup--start___BFJZq.ButtonGroup-module__hop-ButtonGroup--horizontal___u8p9P {
|
|
805
805
|
justify-content: flex-start;
|
|
806
806
|
}
|
|
807
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
807
|
+
.ButtonGroup-module__hop-ButtonGroup--center___MAZ-9.ButtonGroup-module__hop-ButtonGroup--horizontal___u8p9P {
|
|
808
808
|
justify-content: center;
|
|
809
809
|
}
|
|
810
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
810
|
+
.ButtonGroup-module__hop-ButtonGroup--end___p1FOK.ButtonGroup-module__hop-ButtonGroup--horizontal___u8p9P {
|
|
811
811
|
justify-content: flex-end;
|
|
812
812
|
}
|
|
813
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
813
|
+
.ButtonGroup-module__hop-ButtonGroup--wrap___WhSP1 {
|
|
814
814
|
flex-wrap: wrap;
|
|
815
815
|
}
|
|
816
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
816
|
+
.ButtonGroup-module__hop-ButtonGroup--fluid___dSxDj {
|
|
817
817
|
inline-size: 100%;
|
|
818
818
|
}
|
|
819
819
|
|
|
820
820
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
|
|
821
|
-
.EmbeddedButton-module__hop-
|
|
821
|
+
.EmbeddedButton-module__hop-EmbeddedButton___OMar5 {
|
|
822
822
|
--hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
|
|
823
823
|
--hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
|
|
824
824
|
--hop-EmbeddedButton-color: var(--hop-neutral-icon-weak);
|
|
@@ -867,7 +867,7 @@
|
|
|
867
867
|
outline: none;
|
|
868
868
|
transition: color var(--transition);
|
|
869
869
|
}
|
|
870
|
-
.EmbeddedButton-module__hop-
|
|
870
|
+
.EmbeddedButton-module__hop-EmbeddedButton___OMar5::before {
|
|
871
871
|
content: "";
|
|
872
872
|
position: absolute;
|
|
873
873
|
inset-block-start: 50%;
|
|
@@ -880,48 +880,48 @@
|
|
|
880
880
|
border-radius: var(--effect-border-radius);
|
|
881
881
|
transition: background-color var(--transition);
|
|
882
882
|
}
|
|
883
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
883
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___YBpcJ {
|
|
884
884
|
--inline-size: var(--hop-EmbeddedButton-md-width);
|
|
885
885
|
--block-size: var(--hop-EmbeddedButton-md-height);
|
|
886
886
|
--focus-ring-offset: calc(-1 * var(--focus-ring-size));
|
|
887
887
|
}
|
|
888
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
888
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___dFa3L {
|
|
889
889
|
--inline-size: var(--hop-EmbeddedButton-lg-width);
|
|
890
890
|
--block-size: var(--hop-EmbeddedButton-lg-height);
|
|
891
891
|
--focus-ring-offset: 0;
|
|
892
892
|
}
|
|
893
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
893
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___YBpcJ::before {
|
|
894
894
|
--effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
|
|
895
895
|
--effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
|
|
896
896
|
}
|
|
897
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
897
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___dFa3L::before {
|
|
898
898
|
--effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
|
|
899
899
|
--effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
|
|
900
900
|
}
|
|
901
|
-
.EmbeddedButton-module__hop-
|
|
901
|
+
.EmbeddedButton-module__hop-EmbeddedButton___OMar5[data-focus-visible] {
|
|
902
902
|
outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
|
|
903
903
|
outline-offset: var(--focus-ring-offset);
|
|
904
904
|
}
|
|
905
|
-
.EmbeddedButton-module__hop-
|
|
905
|
+
.EmbeddedButton-module__hop-EmbeddedButton___OMar5[data-disabled] {
|
|
906
906
|
--effect-background-color: var(--hop-EmbeddedButton-effect-background-color-disabled);
|
|
907
907
|
--color: var(--hop-EmbeddedButton-color-disabled);
|
|
908
908
|
cursor: not-allowed;
|
|
909
909
|
}
|
|
910
|
-
.EmbeddedButton-module__hop-
|
|
911
|
-
.EmbeddedButton-module__hop-
|
|
910
|
+
.EmbeddedButton-module__hop-EmbeddedButton___OMar5[data-hovered]:not([data-disabled], [data-pressed]),
|
|
911
|
+
.EmbeddedButton-module__hop-EmbeddedButton___OMar5[data-focus-visible]:not([data-disabled], [data-pressed]) {
|
|
912
912
|
--effect-background-color: var(--hop-EmbeddedButton-effect-background-color-hover);
|
|
913
913
|
--color: var(--hop-EmbeddedButton-color-hover);
|
|
914
914
|
}
|
|
915
|
-
.EmbeddedButton-module__hop-
|
|
915
|
+
.EmbeddedButton-module__hop-EmbeddedButton___OMar5[data-pressed]:not([data-disabled]) {
|
|
916
916
|
--effect-background-color: var(--hop-EmbeddedButton-effect-background-color-pressed);
|
|
917
917
|
--color: var(--hop-EmbeddedButton-color-pressed);
|
|
918
918
|
}
|
|
919
|
-
.EmbeddedButton-module__hop-
|
|
919
|
+
.EmbeddedButton-module__hop-EmbeddedButton__icon___QZTts {
|
|
920
920
|
position: relative;
|
|
921
921
|
}
|
|
922
922
|
|
|
923
923
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/errorMessage/src/ErrorMessage.module.css/#css-module-data */
|
|
924
|
-
.ErrorMessage-module__hop-
|
|
924
|
+
.ErrorMessage-module__hop-ErrorMessage___mRyMK {
|
|
925
925
|
--hop-ErrorMessage-color: var(--hop-danger-text-weak);
|
|
926
926
|
--hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
|
|
927
927
|
--hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
|
|
@@ -938,13 +938,13 @@
|
|
|
938
938
|
line-height: var(--hop-ErrorMessage-line-height);
|
|
939
939
|
color: var(--hop-ErrorMessage-color);
|
|
940
940
|
}
|
|
941
|
-
.ErrorMessage-module__hop-
|
|
941
|
+
.ErrorMessage-module__hop-ErrorMessage__icon___w9R-k {
|
|
942
942
|
flex: 0 0 auto;
|
|
943
943
|
align-self: flex-start;
|
|
944
944
|
}
|
|
945
945
|
|
|
946
946
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helperMessage/src/HelperMessage.module.css/#css-module-data */
|
|
947
|
-
.HelperMessage-module__hop-
|
|
947
|
+
.HelperMessage-module__hop-HelperMessage___VrfVI {
|
|
948
948
|
--hop-HelperMessage-color: var(--hop-neutral-text-weak);
|
|
949
949
|
--hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
|
|
950
950
|
display: flex;
|
|
@@ -953,13 +953,13 @@
|
|
|
953
953
|
box-sizing: border-box;
|
|
954
954
|
color: var(--hop-HelperMessage-color);
|
|
955
955
|
}
|
|
956
|
-
.HelperMessage-module__hop-
|
|
956
|
+
.HelperMessage-module__hop-HelperMessage__icon___mVrpO {
|
|
957
957
|
flex: 0 0 auto;
|
|
958
958
|
align-self: flex-start;
|
|
959
959
|
}
|
|
960
960
|
|
|
961
961
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
|
|
962
|
-
:where(.OverlineText-module__hop-
|
|
962
|
+
:where(.OverlineText-module__hop-OverlineText___lA54v) {
|
|
963
963
|
--hop-OverlineText-font-family: var(--hop-overline-font-family);
|
|
964
964
|
--hop-OverlineText-font-size: var(--hop-overline-font-size);
|
|
965
965
|
--hop-OverlineText-font-weight: var(--hop-overline-font-weight);
|
|
@@ -983,26 +983,26 @@
|
|
|
983
983
|
text-transform: uppercase;
|
|
984
984
|
letter-spacing: var(--letter-spacing);
|
|
985
985
|
}
|
|
986
|
-
.OverlineText-module__hop-
|
|
986
|
+
.OverlineText-module__hop-OverlineText__text___Z9gJ6 {
|
|
987
987
|
box-sizing: border-box;
|
|
988
988
|
}
|
|
989
|
-
.OverlineText-module__hop-
|
|
990
|
-
.OverlineText-module__hop-
|
|
989
|
+
.OverlineText-module__hop-OverlineText__text___Z9gJ6::before,
|
|
990
|
+
.OverlineText-module__hop-OverlineText__text___Z9gJ6::after {
|
|
991
991
|
content: "";
|
|
992
992
|
display: block;
|
|
993
993
|
box-sizing: border-box;
|
|
994
994
|
inline-size: 0;
|
|
995
995
|
block-size: 0;
|
|
996
996
|
}
|
|
997
|
-
.OverlineText-module__hop-
|
|
997
|
+
.OverlineText-module__hop-OverlineText__text___Z9gJ6::before {
|
|
998
998
|
margin-block-end: var(--bottom-offset);
|
|
999
999
|
}
|
|
1000
|
-
.OverlineText-module__hop-
|
|
1000
|
+
.OverlineText-module__hop-OverlineText__text___Z9gJ6::after {
|
|
1001
1001
|
margin-block-start: var(--top-offset);
|
|
1002
1002
|
}
|
|
1003
1003
|
|
|
1004
1004
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
|
|
1005
|
-
.Badge-module__hop-
|
|
1005
|
+
.Badge-module__hop-Badge___mk1h- {
|
|
1006
1006
|
--hop-Badge-height: 1.5rem;
|
|
1007
1007
|
--hop-Badge-padding-inline: var(--hop-space-inset-sm);
|
|
1008
1008
|
--hop-Badge-border-radius: var(--hop-shape-pill);
|
|
@@ -1026,21 +1026,21 @@
|
|
|
1026
1026
|
background-color: var(--background-color, var(--hop-Badge-primary-background-color));
|
|
1027
1027
|
border-radius: var(--border-radius);
|
|
1028
1028
|
}
|
|
1029
|
-
.Badge-module__hop-Badge--
|
|
1029
|
+
.Badge-module__hop-Badge--primary___RxxTa {
|
|
1030
1030
|
--background-color: var(--hop-Badge-primary-background-color);
|
|
1031
1031
|
--text-color: var(--hop-Badge-primary-text-color);
|
|
1032
1032
|
}
|
|
1033
|
-
.Badge-module__hop-Badge--
|
|
1033
|
+
.Badge-module__hop-Badge--secondary___8k1fQ {
|
|
1034
1034
|
--background-color: var(--hop-Badge-secondary-background-color);
|
|
1035
1035
|
--text-color: var(--hop-Badge-secondary-text-color);
|
|
1036
1036
|
}
|
|
1037
|
-
.Badge-module__hop-
|
|
1037
|
+
.Badge-module__hop-Badge___mk1h-[data-disabled] {
|
|
1038
1038
|
--background-color: var(--hop-Badge-background-color-disabled);
|
|
1039
1039
|
--text-color: var(--hop-Badge-text-color-disabled);
|
|
1040
1040
|
}
|
|
1041
1041
|
|
|
1042
1042
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
|
|
1043
|
-
.Checkbox-module__hop-
|
|
1043
|
+
.Checkbox-module__hop-Checkbox___MrfEd {
|
|
1044
1044
|
--hop-Checkbox-box-border-size: 0.0625rem;
|
|
1045
1045
|
--hop-Checkbox-box-border-color: var(--hop-neutral-border);
|
|
1046
1046
|
--hop-Checkbox-box-background-color: var(--hop-neutral-surface);
|
|
@@ -1123,23 +1123,23 @@
|
|
|
1123
1123
|
inline-size: max-content;
|
|
1124
1124
|
max-inline-size: 100%;
|
|
1125
1125
|
}
|
|
1126
|
-
.Checkbox-module__hop-
|
|
1126
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-hovered] {
|
|
1127
1127
|
--box-background-color: var(--hop-Checkbox-box-background-color-hover);
|
|
1128
1128
|
--box-border-color: var(--hop-Checkbox-box-border-color-hover);
|
|
1129
1129
|
--text-color: var(--hop-Checkbox-text-color-hover);
|
|
1130
1130
|
--icon-color: var(--hop-Checkbox-icon-color-hover);
|
|
1131
1131
|
--description-color: var(--hop-Checkbox-description-color-hover);
|
|
1132
1132
|
}
|
|
1133
|
-
.Checkbox-module__hop-
|
|
1134
|
-
.Checkbox-module__hop-
|
|
1135
|
-
.Checkbox-module__hop-
|
|
1133
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-pressed],
|
|
1134
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-pressed][data-hovered],
|
|
1135
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-pressed][data-focus-visible] {
|
|
1136
1136
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed);
|
|
1137
1137
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed);
|
|
1138
1138
|
--text-color: var(--hop-Checkbox-text-color-pressed);
|
|
1139
1139
|
--icon-color: var(--hop-Checkbox-icon-color-pressed);
|
|
1140
1140
|
}
|
|
1141
|
-
.Checkbox-module__hop-
|
|
1142
|
-
.Checkbox-module__hop-
|
|
1141
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-selected],
|
|
1142
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-selected][data-pressed] {
|
|
1143
1143
|
--box-background-color: var(--hop-Checkbox-box-background-color-checked-hover);
|
|
1144
1144
|
--box-border-color: var(--hop-Checkbox-box-border-color-checked-hover);
|
|
1145
1145
|
--check-display: var(--hop-Checkbox-check-display-checked);
|
|
@@ -1147,7 +1147,7 @@
|
|
|
1147
1147
|
--icon-color: var(--hop-Checkbox-icon-color-checked);
|
|
1148
1148
|
--description-color: var(--hop-Checkbox-description-color-checked);
|
|
1149
1149
|
}
|
|
1150
|
-
.Checkbox-module__hop-
|
|
1150
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-focus-visible] {
|
|
1151
1151
|
--box-background-color: var(--hop-Checkbox-box-background-color-focus);
|
|
1152
1152
|
--box-border-color: var(--hop-Checkbox-box-border-color-focus);
|
|
1153
1153
|
--box-outline: 0.125rem solid var(--hop-Checkbox-box-focus-ring-color);
|
|
@@ -1155,11 +1155,11 @@
|
|
|
1155
1155
|
--icon-color: var(--hop-Checkbox-icon-color-focus);
|
|
1156
1156
|
--description-color: var(--hop-Checkbox-description-color-focus);
|
|
1157
1157
|
}
|
|
1158
|
-
.Checkbox-module__hop-
|
|
1158
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-focus-visible][data-selected] {
|
|
1159
1159
|
--box-background-color: var(--hop-Checkbox-box-background-color-checked-focus);
|
|
1160
1160
|
--box-border-color: var(--hop-Checkbox-box-border-color-checked-focus);
|
|
1161
1161
|
}
|
|
1162
|
-
.Checkbox-module__hop-
|
|
1162
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-invalid] {
|
|
1163
1163
|
--box-background-color: var(--hop-Checkbox-box-background-color-invalid);
|
|
1164
1164
|
--box-border-color: var(--hop-Checkbox-box-border-color-invalid);
|
|
1165
1165
|
--check-color: var(--hop-Checkbox-check-color-invalid);
|
|
@@ -1167,27 +1167,27 @@
|
|
|
1167
1167
|
--icon-color: var(--hop-Checkbox-icon-color-invalid);
|
|
1168
1168
|
--description-color: var(--hop-Checkbox-description-color-invalid);
|
|
1169
1169
|
}
|
|
1170
|
-
.Checkbox-module__hop-
|
|
1170
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-invalid][data-hovered] {
|
|
1171
1171
|
--box-background-color: var(--hop-Checkbox-box-background-color-hover-invalid);
|
|
1172
1172
|
--box-border-color: var(--hop-Checkbox-box-border-color-hover-invalid);
|
|
1173
1173
|
--text-color: var(--hop-Checkbox-text-color-hover-invalid);
|
|
1174
1174
|
--icon-color: var(--hop-Checkbox-icon-color-hover-invalid);
|
|
1175
1175
|
}
|
|
1176
|
-
.Checkbox-module__hop-
|
|
1176
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-invalid][data-focus-visible] {
|
|
1177
1177
|
--box-background-color: var(--hop-Checkbox-box-background-color-focus-invalid);
|
|
1178
1178
|
--box-border-color: var(--hop-Checkbox-box-border-color-focus-invalid);
|
|
1179
1179
|
}
|
|
1180
|
-
.Checkbox-module__hop-
|
|
1180
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-invalid][data-selected] {
|
|
1181
1181
|
--box-background-color: var(--hop-Checkbox-box-background-color-checked-invalid);
|
|
1182
1182
|
--box-border-color: var(--hop-Checkbox-box-border-color-checked-invalid);
|
|
1183
1183
|
}
|
|
1184
|
-
.Checkbox-module__hop-
|
|
1184
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-invalid][data-pressed] {
|
|
1185
1185
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
|
|
1186
1186
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
|
|
1187
1187
|
--text-color: var(--hop-Checkbox-text-color-pressed-invalid);
|
|
1188
1188
|
--icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
|
|
1189
1189
|
}
|
|
1190
|
-
.Checkbox-module__hop-
|
|
1190
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-disabled] {
|
|
1191
1191
|
--box-background-color: var(--hop-Checkbox-box-background-color-disabled);
|
|
1192
1192
|
--box-border-color: var(--hop-Checkbox-box-border-color-disabled);
|
|
1193
1193
|
--check-color: var(--hop-Checkbox-check-color-disabled);
|
|
@@ -1196,29 +1196,29 @@
|
|
|
1196
1196
|
--icon-color: var(--hop-Checkbox-icon-color-disabled);
|
|
1197
1197
|
--description-color: var(--hop-Checkbox-description-color-disabled);
|
|
1198
1198
|
}
|
|
1199
|
-
.Checkbox-module__hop-
|
|
1199
|
+
.Checkbox-module__hop-Checkbox___MrfEd[data-disabled][data-selected] {
|
|
1200
1200
|
--box-background-color: var(--hop-Checkbox-box-background-color-checked-disabled);
|
|
1201
1201
|
--box-border-color: var(--hop-Checkbox-box-border-color-checked-disabled);
|
|
1202
1202
|
}
|
|
1203
|
-
.Checkbox-module__hop-Checkbox--
|
|
1203
|
+
.Checkbox-module__hop-Checkbox--sm___2-ZcA {
|
|
1204
1204
|
--box-block-size: var(--hop-Checkbox-box-sm-block-size);
|
|
1205
1205
|
--box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
|
|
1206
1206
|
--text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
|
|
1207
1207
|
--text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
|
|
1208
1208
|
}
|
|
1209
|
-
.Checkbox-module__hop-Checkbox--
|
|
1209
|
+
.Checkbox-module__hop-Checkbox--md___OXH4N {
|
|
1210
1210
|
--box-block-size: var(--hop-Checkbox-box-md-block-size);
|
|
1211
1211
|
--box-inline-size: var(--hop-Checkbox-box-md-inline-size);
|
|
1212
1212
|
--text-top-offset: var(--hop-Checkbox-text-md-top-offset);
|
|
1213
1213
|
--text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
|
|
1214
1214
|
}
|
|
1215
|
-
.Checkbox-module__hop-
|
|
1216
|
-
.Checkbox-module__hop-Checkbox__icon-
|
|
1215
|
+
.Checkbox-module__hop-Checkbox__icon___TlqDF,
|
|
1216
|
+
.Checkbox-module__hop-Checkbox__icon-list___4NMA8 {
|
|
1217
1217
|
flex: 0 0 auto;
|
|
1218
1218
|
order: 3;
|
|
1219
1219
|
color: var(--icon-color);
|
|
1220
1220
|
}
|
|
1221
|
-
.Checkbox-module__hop-
|
|
1221
|
+
.Checkbox-module__hop-Checkbox__box___xk3k3 {
|
|
1222
1222
|
display: flex;
|
|
1223
1223
|
flex: 0 0 auto;
|
|
1224
1224
|
align-items: center;
|
|
@@ -1234,11 +1234,11 @@
|
|
|
1234
1234
|
outline-offset: 0.125rem;
|
|
1235
1235
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
1236
1236
|
}
|
|
1237
|
-
.Checkbox-module__hop-
|
|
1237
|
+
.Checkbox-module__hop-Checkbox__check___2zKRr {
|
|
1238
1238
|
display: var(--check-display);
|
|
1239
1239
|
color: var(--check-color);
|
|
1240
1240
|
}
|
|
1241
|
-
.Checkbox-module__hop-
|
|
1241
|
+
.Checkbox-module__hop-Checkbox__text___Ldp1m {
|
|
1242
1242
|
flex: 0 1 auto;
|
|
1243
1243
|
order: 2;
|
|
1244
1244
|
min-inline-size: 0;
|
|
@@ -1248,7 +1248,7 @@
|
|
|
1248
1248
|
}
|
|
1249
1249
|
|
|
1250
1250
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
|
|
1251
|
-
.CheckboxField-module__hop-
|
|
1251
|
+
.CheckboxField-module__hop-CheckboxField___-xrw1 {
|
|
1252
1252
|
--hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
|
|
1253
1253
|
--hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
1254
1254
|
--hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -1267,28 +1267,28 @@
|
|
|
1267
1267
|
inline-size: max-content;
|
|
1268
1268
|
max-inline-size: 100%;
|
|
1269
1269
|
}
|
|
1270
|
-
.CheckboxField-module__hop-
|
|
1270
|
+
.CheckboxField-module__hop-CheckboxField___-xrw1[data-disabled] {
|
|
1271
1271
|
--description-color: var(--hop-CheckboxField-description-color-disabled);
|
|
1272
1272
|
}
|
|
1273
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
1273
|
+
.CheckboxField-module__hop-CheckboxField--sm___E54A8 {
|
|
1274
1274
|
--row-gap: var(--hop-CheckboxField-sm-row-gap);
|
|
1275
1275
|
--description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
|
|
1276
1276
|
}
|
|
1277
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
1277
|
+
.CheckboxField-module__hop-CheckboxField--md___zTOLT {
|
|
1278
1278
|
--row-gap: var(--hop-CheckboxField-md-row-gap);
|
|
1279
1279
|
--description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
|
|
1280
1280
|
}
|
|
1281
|
-
.CheckboxField-module__hop-
|
|
1281
|
+
.CheckboxField-module__hop-CheckboxField__description___xBzvs {
|
|
1282
1282
|
order: 2;
|
|
1283
1283
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
|
|
1284
1284
|
color: var(--description-color);
|
|
1285
1285
|
}
|
|
1286
|
-
.CheckboxField-module__hop-
|
|
1286
|
+
.CheckboxField-module__hop-CheckboxField__checkbox___ZmA-j {
|
|
1287
1287
|
order: 1;
|
|
1288
1288
|
}
|
|
1289
1289
|
|
|
1290
1290
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
|
|
1291
|
-
.CheckboxGroup-module__hop-
|
|
1291
|
+
.CheckboxGroup-module__hop-CheckboxGroup___yIO9B {
|
|
1292
1292
|
--hop-CheckboxGroup-align-items: flex-start;
|
|
1293
1293
|
--hop-CheckboxGroup-justify-content: flex-start;
|
|
1294
1294
|
--hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -1327,46 +1327,46 @@
|
|
|
1327
1327
|
inline-size: max-content;
|
|
1328
1328
|
max-inline-size: 100%;
|
|
1329
1329
|
}
|
|
1330
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1330
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE {
|
|
1331
1331
|
--list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
|
|
1332
1332
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
1333
1333
|
}
|
|
1334
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1334
|
+
.CheckboxGroup-module__hop-CheckboxGroup--sm___5T2Lo {
|
|
1335
1335
|
--column-gap: var(--hop-CheckboxGroup-sm-column-gap);
|
|
1336
1336
|
--row-gap: var(--hop-CheckboxGroup-sm-row-gap);
|
|
1337
1337
|
--list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
|
|
1338
1338
|
--list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
|
|
1339
1339
|
}
|
|
1340
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1340
|
+
.CheckboxGroup-module__hop-CheckboxGroup--md___BZM-X {
|
|
1341
1341
|
--column-gap: var(--hop-CheckboxGroup-md-column-gap);
|
|
1342
1342
|
--row-gap: var(--hop-CheckboxGroup-md-row-gap);
|
|
1343
1343
|
--list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
|
|
1344
1344
|
--list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
|
|
1345
1345
|
}
|
|
1346
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1346
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE.CheckboxGroup-module__hop-CheckboxGroup--sm___5T2Lo {
|
|
1347
1347
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
|
|
1348
1348
|
--column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
|
|
1349
1349
|
--row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
|
|
1350
1350
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
|
|
1351
1351
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
|
|
1352
1352
|
}
|
|
1353
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1353
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE.CheckboxGroup-module__hop-CheckboxGroup--md___BZM-X {
|
|
1354
1354
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
|
|
1355
1355
|
--column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
|
|
1356
1356
|
--row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
|
|
1357
1357
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
|
|
1358
1358
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
|
|
1359
1359
|
}
|
|
1360
|
-
.CheckboxGroup-module__hop-
|
|
1360
|
+
.CheckboxGroup-module__hop-CheckboxGroup___yIO9B[data-orientation=horizontal] {
|
|
1361
1361
|
--flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
|
|
1362
1362
|
}
|
|
1363
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1363
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE[data-orientation=horizontal] {
|
|
1364
1364
|
--flex-wrap: nowrap;
|
|
1365
1365
|
}
|
|
1366
|
-
.CheckboxGroup-module__hop-
|
|
1366
|
+
.CheckboxGroup-module__hop-CheckboxGroup___yIO9B > .CheckboxGroup-module__hop-CheckboxGroup__label___WVEIT {
|
|
1367
1367
|
order: 1;
|
|
1368
1368
|
}
|
|
1369
|
-
.CheckboxGroup-module__hop-
|
|
1369
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___O5Smt {
|
|
1370
1370
|
display: flex;
|
|
1371
1371
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
1372
1372
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -1377,7 +1377,7 @@
|
|
|
1377
1377
|
border: var(--list-border, none);
|
|
1378
1378
|
border-radius: var(--list-border-radius, 0);
|
|
1379
1379
|
}
|
|
1380
|
-
.CheckboxGroup-module__hop-
|
|
1380
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___O5Smt > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN {
|
|
1381
1381
|
position: relative;
|
|
1382
1382
|
flex: 0 1 auto;
|
|
1383
1383
|
align-content: start;
|
|
@@ -1385,28 +1385,28 @@
|
|
|
1385
1385
|
min-inline-size: 0;
|
|
1386
1386
|
padding: var(--checkbox-padding, 0);
|
|
1387
1387
|
}
|
|
1388
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1388
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE .CheckboxGroup-module__hop-CheckboxGroup__list___O5Smt > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN::before {
|
|
1389
1389
|
content: "";
|
|
1390
1390
|
position: absolute;
|
|
1391
1391
|
display: block;
|
|
1392
1392
|
}
|
|
1393
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1393
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___O5Smt > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN::before {
|
|
1394
1394
|
inset-block-start: 0;
|
|
1395
1395
|
inset-inline: 0;
|
|
1396
1396
|
border-block-start: var(--list-border, none);
|
|
1397
1397
|
}
|
|
1398
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1398
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___O5Smt > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN::before {
|
|
1399
1399
|
inset-block: 0;
|
|
1400
1400
|
inset-inline-start: 0;
|
|
1401
1401
|
border-inline-start: var(--list-border, none);
|
|
1402
1402
|
}
|
|
1403
|
-
.CheckboxGroup-module__hop-
|
|
1404
|
-
.CheckboxGroup-module__hop-
|
|
1403
|
+
.CheckboxGroup-module__hop-CheckboxGroup___yIO9B > .CheckboxGroup-module__hop-CheckboxGroup__error-message___LUFIK,
|
|
1404
|
+
.CheckboxGroup-module__hop-CheckboxGroup___yIO9B > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___PUjTi {
|
|
1405
1405
|
order: 3;
|
|
1406
1406
|
}
|
|
1407
1407
|
|
|
1408
1408
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/chip/src/Chip.module.css/#css-module-data */
|
|
1409
|
-
.Chip-module__hop-
|
|
1409
|
+
.Chip-module__hop-Chip___224kd {
|
|
1410
1410
|
--hop-Chip-border-size: 0.0625rem;
|
|
1411
1411
|
--hop-Chip-border-radius: var(--hop-shape-pill);
|
|
1412
1412
|
--hop-Chip-column-gap: var(--hop-space-inline-xs);
|
|
@@ -1476,94 +1476,94 @@
|
|
|
1476
1476
|
border: var(--border-size) solid var(--border-color);
|
|
1477
1477
|
border-radius: var(--border-radius);
|
|
1478
1478
|
}
|
|
1479
|
-
.Chip-module__hop-Chip--
|
|
1479
|
+
.Chip-module__hop-Chip--xs___vVaFu {
|
|
1480
1480
|
--block-size: var(--hop-Chip-xs-block-size);
|
|
1481
1481
|
--padding-inline: var(--hop-Chip-xs-padding-inline);
|
|
1482
1482
|
}
|
|
1483
|
-
.Chip-module__hop-Chip--
|
|
1483
|
+
.Chip-module__hop-Chip--sm___ay2-7 {
|
|
1484
1484
|
--block-size: var(--hop-Chip-sm-block-size);
|
|
1485
1485
|
--padding-inline: var(--hop-Chip-sm-padding-inline);
|
|
1486
1486
|
}
|
|
1487
|
-
.Chip-module__hop-Chip--
|
|
1487
|
+
.Chip-module__hop-Chip--md___bPrjx {
|
|
1488
1488
|
--block-size: var(--hop-Chip-md-block-size);
|
|
1489
1489
|
--padding-inline: var(--hop-Chip-md-padding-inline);
|
|
1490
1490
|
}
|
|
1491
|
-
.Chip-module__hop-Chip--
|
|
1491
|
+
.Chip-module__hop-Chip--lg___Ep8YA {
|
|
1492
1492
|
--block-size: var(--hop-Chip-lg-block-size);
|
|
1493
1493
|
--padding-inline: var(--hop-Chip-lg-padding-inline);
|
|
1494
1494
|
}
|
|
1495
|
-
.Chip-module__hop-Chip--
|
|
1495
|
+
.Chip-module__hop-Chip--neutral___iuOzW {
|
|
1496
1496
|
--border-color: var(--hop-Chip-neutral-border-color);
|
|
1497
1497
|
--background-color: var(--hop-Chip-neutral-background-color);
|
|
1498
1498
|
--text-color: var(--hop-Chip-neutral-text-color);
|
|
1499
1499
|
}
|
|
1500
|
-
.Chip-module__hop-Chip--
|
|
1500
|
+
.Chip-module__hop-Chip--progress___TNwPo {
|
|
1501
1501
|
--border-color: var(--hop-Chip-progress-border-color);
|
|
1502
1502
|
--background-color: var(--hop-Chip-progress-background-color);
|
|
1503
1503
|
--text-color: var(--hop-Chip-progress-text-color);
|
|
1504
1504
|
}
|
|
1505
|
-
.Chip-module__hop-Chip--
|
|
1505
|
+
.Chip-module__hop-Chip--positive___s28s9 {
|
|
1506
1506
|
--border-color: var(--hop-Chip-positive-border-color);
|
|
1507
1507
|
--background-color: var(--hop-Chip-positive-background-color);
|
|
1508
1508
|
--text-color: var(--hop-Chip-positive-text-color);
|
|
1509
1509
|
}
|
|
1510
|
-
.Chip-module__hop-Chip--
|
|
1510
|
+
.Chip-module__hop-Chip--caution___cWFT2 {
|
|
1511
1511
|
--border-color: var(--hop-Chip-caution-border-color);
|
|
1512
1512
|
--background-color: var(--hop-Chip-caution-background-color);
|
|
1513
1513
|
--text-color: var(--hop-Chip-caution-text-color);
|
|
1514
1514
|
}
|
|
1515
|
-
.Chip-module__hop-Chip--
|
|
1515
|
+
.Chip-module__hop-Chip--negative___jBX4e {
|
|
1516
1516
|
--border-color: var(--hop-Chip-negative-border-color);
|
|
1517
1517
|
--background-color: var(--hop-Chip-negative-background-color);
|
|
1518
1518
|
--text-color: var(--hop-Chip-negative-text-color);
|
|
1519
1519
|
}
|
|
1520
|
-
.Chip-module__hop-Chip--
|
|
1520
|
+
.Chip-module__hop-Chip--option1___O1niF {
|
|
1521
1521
|
--border-color: var(--hop-Chip-option1-border-color);
|
|
1522
1522
|
--background-color: var(--hop-Chip-option1-background-color);
|
|
1523
1523
|
--text-color: var(--hop-Chip-option1-text-color);
|
|
1524
1524
|
}
|
|
1525
|
-
.Chip-module__hop-Chip--
|
|
1525
|
+
.Chip-module__hop-Chip--option2___a-gEh {
|
|
1526
1526
|
--border-color: var(--hop-Chip-option2-border-color);
|
|
1527
1527
|
--background-color: var(--hop-Chip-option2-background-color);
|
|
1528
1528
|
--text-color: var(--hop-Chip-option2-text-color);
|
|
1529
1529
|
}
|
|
1530
|
-
.Chip-module__hop-Chip--
|
|
1530
|
+
.Chip-module__hop-Chip--option3___9wALH {
|
|
1531
1531
|
--border-color: var(--hop-Chip-option3-border-color);
|
|
1532
1532
|
--background-color: var(--hop-Chip-option3-background-color);
|
|
1533
1533
|
--text-color: var(--hop-Chip-option3-text-color);
|
|
1534
1534
|
}
|
|
1535
|
-
.Chip-module__hop-Chip--
|
|
1535
|
+
.Chip-module__hop-Chip--option4___wF9tQ {
|
|
1536
1536
|
--border-color: var(--hop-Chip-option4-border-color);
|
|
1537
1537
|
--background-color: var(--hop-Chip-option4-background-color);
|
|
1538
1538
|
--text-color: var(--hop-Chip-option4-text-color);
|
|
1539
1539
|
}
|
|
1540
|
-
.Chip-module__hop-Chip--
|
|
1540
|
+
.Chip-module__hop-Chip--option5___zSGD- {
|
|
1541
1541
|
--border-color: var(--hop-Chip-option5-border-color);
|
|
1542
1542
|
--background-color: var(--hop-Chip-option5-background-color);
|
|
1543
1543
|
--text-color: var(--hop-Chip-option5-text-color);
|
|
1544
1544
|
}
|
|
1545
|
-
.Chip-module__hop-Chip--
|
|
1545
|
+
.Chip-module__hop-Chip--option6___jgB-E {
|
|
1546
1546
|
--border-color: var(--hop-Chip-option6-border-color);
|
|
1547
1547
|
--background-color: var(--hop-Chip-option6-background-color);
|
|
1548
1548
|
--text-color: var(--hop-Chip-option6-text-color);
|
|
1549
1549
|
}
|
|
1550
|
-
.Chip-module__hop-Chip--
|
|
1550
|
+
.Chip-module__hop-Chip--inactive___YRaw7 {
|
|
1551
1551
|
--border-color: var(--hop-Chip-inactive-border-color);
|
|
1552
1552
|
--background-color: var(--hop-Chip-inactive-background-color);
|
|
1553
1553
|
--text-color: var(--hop-Chip-inactive-text-color);
|
|
1554
1554
|
}
|
|
1555
|
-
.Chip-module__hop-Chip--
|
|
1555
|
+
.Chip-module__hop-Chip--disabled___LKrv0 {
|
|
1556
1556
|
--border-color: var(--hop-Chip-disabled-border-color);
|
|
1557
1557
|
--background-color: var(--hop-Chip-disabled-background-color);
|
|
1558
1558
|
--text-color: var(--hop-Chip-disabled-text-color);
|
|
1559
1559
|
}
|
|
1560
|
-
.Chip-module__hop-
|
|
1561
|
-
.Chip-module__hop-Chip__icon-
|
|
1560
|
+
.Chip-module__hop-Chip__icon___YPNfW,
|
|
1561
|
+
.Chip-module__hop-Chip__icon-list___gWAUM {
|
|
1562
1562
|
flex: 0 0 auto;
|
|
1563
1563
|
flex-wrap: nowrap;
|
|
1564
1564
|
order: 1;
|
|
1565
1565
|
}
|
|
1566
|
-
.Chip-module__hop-
|
|
1566
|
+
.Chip-module__hop-Chip__text___XGH1R {
|
|
1567
1567
|
overflow: hidden;
|
|
1568
1568
|
flex: 1 1 auto;
|
|
1569
1569
|
order: 2;
|
|
@@ -1571,15 +1571,15 @@
|
|
|
1571
1571
|
text-align: center;
|
|
1572
1572
|
text-overflow: ellipsis;
|
|
1573
1573
|
}
|
|
1574
|
-
.Chip-module__hop-Chip__end-
|
|
1575
|
-
.Chip-module__hop-Chip__end-icon-
|
|
1574
|
+
.Chip-module__hop-Chip__end-icon___Gr-pd,
|
|
1575
|
+
.Chip-module__hop-Chip__end-icon-list___OCPtE {
|
|
1576
1576
|
flex: 0 0 auto;
|
|
1577
1577
|
flex-wrap: nowrap;
|
|
1578
1578
|
order: 3;
|
|
1579
1579
|
}
|
|
1580
1580
|
|
|
1581
1581
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
|
|
1582
|
-
.Link-module__hop-
|
|
1582
|
+
.Link-module__hop-Link___aLbeK {
|
|
1583
1583
|
--hop-Link-border-radius: var(--hop-shape-rounded-sm);
|
|
1584
1584
|
--hop-Link-focus-ring-color: var(--hop-primary-border-focus);
|
|
1585
1585
|
--hop-Link-color-disabled: var(--hop-neutral-text-disabled);
|
|
@@ -1604,59 +1604,59 @@
|
|
|
1604
1604
|
outline: none;
|
|
1605
1605
|
outline-offset: 0.125rem;
|
|
1606
1606
|
}
|
|
1607
|
-
.Link-module__hop-
|
|
1607
|
+
.Link-module__hop-Link___aLbeK[data-focus-visible] {
|
|
1608
1608
|
outline: 0.125rem solid var(--hop-Link-focus-ring-color);
|
|
1609
1609
|
}
|
|
1610
|
-
.Link-module__hop-
|
|
1610
|
+
.Link-module__hop-Link___aLbeK[data-disabled] {
|
|
1611
1611
|
cursor: default;
|
|
1612
1612
|
}
|
|
1613
|
-
.Link-module__hop-Link--
|
|
1614
|
-
.Link-module__hop-Link--
|
|
1613
|
+
.Link-module__hop-Link--quiet___7n7m5[data-focus-visible],
|
|
1614
|
+
.Link-module__hop-Link--quiet___7n7m5[data-hovered] {
|
|
1615
1615
|
text-decoration: underline;
|
|
1616
1616
|
}
|
|
1617
|
-
.Link-module__hop-
|
|
1617
|
+
.Link-module__hop-Link___aLbeK:not(.Link-module__hop-Link--quiet___7n7m5) {
|
|
1618
1618
|
text-decoration: underline;
|
|
1619
1619
|
}
|
|
1620
|
-
.Link-module__hop-Link--
|
|
1620
|
+
.Link-module__hop-Link--primary___-xcuv {
|
|
1621
1621
|
color: var(--hop-Link-primary-text-color);
|
|
1622
1622
|
}
|
|
1623
|
-
.Link-module__hop-Link--
|
|
1623
|
+
.Link-module__hop-Link--primary___-xcuv[data-disabled] {
|
|
1624
1624
|
color: var(--hop-Link-primary-text-disabled-color);
|
|
1625
1625
|
}
|
|
1626
|
-
.Link-module__hop-Link--
|
|
1627
|
-
.Link-module__hop-Link--
|
|
1626
|
+
.Link-module__hop-Link--primary___-xcuv:not([data-disabled])[data-focus-visible],
|
|
1627
|
+
.Link-module__hop-Link--primary___-xcuv:not([data-disabled])[data-hovered] {
|
|
1628
1628
|
color: var(--hop-Link-primary-text-hover-color);
|
|
1629
1629
|
}
|
|
1630
|
-
.Link-module__hop-Link--
|
|
1630
|
+
.Link-module__hop-Link--primary___-xcuv:not([data-disabled])[data-pressed] {
|
|
1631
1631
|
color: var(--hop-Link-primary-text-pressed-color);
|
|
1632
1632
|
}
|
|
1633
|
-
.Link-module__hop-Link--
|
|
1633
|
+
.Link-module__hop-Link--secondary___4z2HJ {
|
|
1634
1634
|
color: var(--hop-Link-neutral-text-color);
|
|
1635
1635
|
}
|
|
1636
|
-
.Link-module__hop-Link--
|
|
1636
|
+
.Link-module__hop-Link--secondary___4z2HJ[data-disabled] {
|
|
1637
1637
|
color: var(--hop-Link-neutral-text-disabled-color);
|
|
1638
1638
|
}
|
|
1639
|
-
.Link-module__hop-Link--
|
|
1640
|
-
.Link-module__hop-Link--
|
|
1639
|
+
.Link-module__hop-Link--secondary___4z2HJ:not([data-disabled])[data-focus-visible],
|
|
1640
|
+
.Link-module__hop-Link--secondary___4z2HJ:not([data-disabled])[data-hovered] {
|
|
1641
1641
|
color: var(--hop-Link-neutral-text-hover-color);
|
|
1642
1642
|
}
|
|
1643
|
-
.Link-module__hop-Link--
|
|
1643
|
+
.Link-module__hop-Link--secondary___4z2HJ:not([data-disabled])[data-pressed] {
|
|
1644
1644
|
color: var(--hop-Link-neutral-text-pressed-color);
|
|
1645
1645
|
}
|
|
1646
|
-
.Link-module__hop-
|
|
1647
|
-
.Link-module__hop-Link__icon-
|
|
1646
|
+
.Link-module__hop-Link__icon___Y38KO,
|
|
1647
|
+
.Link-module__hop-Link__icon-list___4UNng {
|
|
1648
1648
|
order: 2;
|
|
1649
1649
|
}
|
|
1650
|
-
.Link-module__hop-
|
|
1650
|
+
.Link-module__hop-Link__text___RyiFE {
|
|
1651
1651
|
order: 1;
|
|
1652
1652
|
}
|
|
1653
|
-
.Link-module__hop-Link__start-
|
|
1654
|
-
.Link-module__hop-Link__start-icon-
|
|
1653
|
+
.Link-module__hop-Link__start-icon___Z6aUG,
|
|
1654
|
+
.Link-module__hop-Link__start-icon-list___wmb1h {
|
|
1655
1655
|
order: 0;
|
|
1656
1656
|
}
|
|
1657
1657
|
|
|
1658
1658
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
|
|
1659
|
-
.Radio-module__hop-
|
|
1659
|
+
.Radio-module__hop-Radio___LZcWz {
|
|
1660
1660
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
1661
1661
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
1662
1662
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -1738,21 +1738,21 @@
|
|
|
1738
1738
|
inline-size: max-content;
|
|
1739
1739
|
max-inline-size: 100%;
|
|
1740
1740
|
}
|
|
1741
|
-
.Radio-module__hop-
|
|
1741
|
+
.Radio-module__hop-Radio___LZcWz[data-hovered] {
|
|
1742
1742
|
--box-background-color: var(--hop-Radio-box-background-color-hover);
|
|
1743
1743
|
--box-border-color: var(--hop-Radio-box-border-color-hover);
|
|
1744
1744
|
--text-color: var(--hop-Radio-text-color-hover);
|
|
1745
1745
|
--icon-color: var(--hop-Radio-icon-color-hover);
|
|
1746
1746
|
--description-color: var(--hop-Radio-description-color-hover);
|
|
1747
1747
|
}
|
|
1748
|
-
.Radio-module__hop-
|
|
1748
|
+
.Radio-module__hop-Radio___LZcWz[data-pressed] {
|
|
1749
1749
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
1750
1750
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
1751
1751
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
1752
1752
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
1753
1753
|
--description-color: var(--hop-Radio-description-color-pressed);
|
|
1754
1754
|
}
|
|
1755
|
-
.Radio-module__hop-
|
|
1755
|
+
.Radio-module__hop-Radio___LZcWz[data-selected] {
|
|
1756
1756
|
--box-background-color: var(--hop-Radio-box-background-color-selected-hover);
|
|
1757
1757
|
--box-border-color: var(--hop-Radio-box-border-color-selected-hover);
|
|
1758
1758
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
@@ -1760,7 +1760,7 @@
|
|
|
1760
1760
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
1761
1761
|
--description-color: var(--hop-Radio-description-color-selected);
|
|
1762
1762
|
}
|
|
1763
|
-
.Radio-module__hop-
|
|
1763
|
+
.Radio-module__hop-Radio___LZcWz[data-focus-visible] {
|
|
1764
1764
|
--box-background-color: var(--hop-Radio-box-background-color-focus);
|
|
1765
1765
|
--box-border-color: var(--hop-Radio-box-border-color-focus);
|
|
1766
1766
|
--box-outline: 0.125rem solid var(--hop-Radio-box-focus-ring-color);
|
|
@@ -1768,11 +1768,11 @@
|
|
|
1768
1768
|
--icon-color: var(--hop-Radio-icon-color-focus);
|
|
1769
1769
|
--description-color: var(--hop-Radio-description-color-focus);
|
|
1770
1770
|
}
|
|
1771
|
-
.Radio-module__hop-
|
|
1771
|
+
.Radio-module__hop-Radio___LZcWz[data-focus-visible][data-selected] {
|
|
1772
1772
|
--box-background-color: var(--hop-Radio-box-background-color-selected-focus);
|
|
1773
1773
|
--box-border-color: var(--hop-Radio-box-border-color-selected-focus);
|
|
1774
1774
|
}
|
|
1775
|
-
.Radio-module__hop-
|
|
1775
|
+
.Radio-module__hop-Radio___LZcWz[data-invalid] {
|
|
1776
1776
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
1777
1777
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
1778
1778
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
@@ -1780,27 +1780,27 @@
|
|
|
1780
1780
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
1781
1781
|
--description-color: var(--hop-Radio-description-color-invalid);
|
|
1782
1782
|
}
|
|
1783
|
-
.Radio-module__hop-
|
|
1783
|
+
.Radio-module__hop-Radio___LZcWz[data-invalid][data-hovered] {
|
|
1784
1784
|
--box-background-color: var(--hop-Radio-box-background-color-hover-invalid);
|
|
1785
1785
|
--box-border-color: var(--hop-Radio-box-border-color-hover-invalid);
|
|
1786
1786
|
--text-color: var(--hop-Radio-text-color-hover-invalid);
|
|
1787
1787
|
--icon-color: var(--hop-Radio-text-color-hover-invalid);
|
|
1788
1788
|
}
|
|
1789
|
-
.Radio-module__hop-
|
|
1789
|
+
.Radio-module__hop-Radio___LZcWz[data-invalid][data-pressed] {
|
|
1790
1790
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
1791
1791
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
1792
1792
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
1793
1793
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
1794
1794
|
}
|
|
1795
|
-
.Radio-module__hop-
|
|
1795
|
+
.Radio-module__hop-Radio___LZcWz[data-invalid][data-focus-visible] {
|
|
1796
1796
|
--box-background-color: var(--hop-Radio-box-background-color-focus-invalid);
|
|
1797
1797
|
--box-border-color: var(--hop-Radio-box-border-color-focus-invalid);
|
|
1798
1798
|
}
|
|
1799
|
-
.Radio-module__hop-
|
|
1799
|
+
.Radio-module__hop-Radio___LZcWz[data-invalid][data-selected] {
|
|
1800
1800
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
1801
1801
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
1802
1802
|
}
|
|
1803
|
-
.Radio-module__hop-
|
|
1803
|
+
.Radio-module__hop-Radio___LZcWz[data-disabled] {
|
|
1804
1804
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
1805
1805
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
1806
1806
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -1809,29 +1809,29 @@
|
|
|
1809
1809
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
1810
1810
|
--description-color: var(--hop-Radio-description-color-disabled);
|
|
1811
1811
|
}
|
|
1812
|
-
.Radio-module__hop-
|
|
1812
|
+
.Radio-module__hop-Radio___LZcWz[data-disabled][data-selected] {
|
|
1813
1813
|
--box-background-color: var(--hop-Radio-box-background-color-selected-disabled);
|
|
1814
1814
|
--box-border-color: var(--hop-Radio-box-border-color-selected-disabled);
|
|
1815
1815
|
}
|
|
1816
|
-
.Radio-module__hop-Radio--
|
|
1816
|
+
.Radio-module__hop-Radio--sm___HI8UZ {
|
|
1817
1817
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
1818
1818
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
1819
1819
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
1820
1820
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
1821
1821
|
}
|
|
1822
|
-
.Radio-module__hop-Radio--
|
|
1822
|
+
.Radio-module__hop-Radio--md___Dw-0f {
|
|
1823
1823
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
1824
1824
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
1825
1825
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
1826
1826
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
1827
1827
|
}
|
|
1828
|
-
.Radio-module__hop-
|
|
1829
|
-
.Radio-module__hop-Radio__icon-
|
|
1828
|
+
.Radio-module__hop-Radio__icon___yYmFX,
|
|
1829
|
+
.Radio-module__hop-Radio__icon-list___SPAhi {
|
|
1830
1830
|
flex: 0 0 auto;
|
|
1831
1831
|
order: 3;
|
|
1832
1832
|
color: var(--icon-color);
|
|
1833
1833
|
}
|
|
1834
|
-
.Radio-module__hop-
|
|
1834
|
+
.Radio-module__hop-Radio__box___YuVXv {
|
|
1835
1835
|
display: flex;
|
|
1836
1836
|
flex: 0 0 auto;
|
|
1837
1837
|
align-items: center;
|
|
@@ -1847,11 +1847,11 @@
|
|
|
1847
1847
|
outline-offset: 0.125rem;
|
|
1848
1848
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
1849
1849
|
}
|
|
1850
|
-
.Radio-module__hop-
|
|
1850
|
+
.Radio-module__hop-Radio__bullet___nln5Y {
|
|
1851
1851
|
display: var(--bullet-display);
|
|
1852
1852
|
color: var(--bullet-color);
|
|
1853
1853
|
}
|
|
1854
|
-
.Radio-module__hop-
|
|
1854
|
+
.Radio-module__hop-Radio__text___89qvv {
|
|
1855
1855
|
flex: 0 1 auto;
|
|
1856
1856
|
order: 2;
|
|
1857
1857
|
min-inline-size: 0;
|
|
@@ -1861,7 +1861,7 @@
|
|
|
1861
1861
|
}
|
|
1862
1862
|
|
|
1863
1863
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
|
|
1864
|
-
.RadioField-module__hop-
|
|
1864
|
+
.RadioField-module__hop-RadioField___j6Bgm {
|
|
1865
1865
|
--hop-RadioField-description-color: var(--hop-neutral-text-weak);
|
|
1866
1866
|
--hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
1867
1867
|
--hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -1880,28 +1880,28 @@
|
|
|
1880
1880
|
inline-size: max-content;
|
|
1881
1881
|
max-inline-size: 100%;
|
|
1882
1882
|
}
|
|
1883
|
-
.RadioField-module__hop-
|
|
1883
|
+
.RadioField-module__hop-RadioField___j6Bgm[data-disabled] {
|
|
1884
1884
|
--description-color: var(--hop-RadioField-description-color-disabled);
|
|
1885
1885
|
}
|
|
1886
|
-
.RadioField-module__hop-RadioField--
|
|
1886
|
+
.RadioField-module__hop-RadioField--sm___jr--X {
|
|
1887
1887
|
--row-gap: var(--hop-RadioField-sm-row-gap);
|
|
1888
1888
|
--description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
|
|
1889
1889
|
}
|
|
1890
|
-
.RadioField-module__hop-RadioField--
|
|
1890
|
+
.RadioField-module__hop-RadioField--md___RSqRn {
|
|
1891
1891
|
--row-gap: var(--hop-RadioField-md-row-gap);
|
|
1892
1892
|
--description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
|
|
1893
1893
|
}
|
|
1894
|
-
.RadioField-module__hop-
|
|
1894
|
+
.RadioField-module__hop-RadioField__description___kCUrj {
|
|
1895
1895
|
order: 2;
|
|
1896
1896
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
|
|
1897
1897
|
color: var(--description-color);
|
|
1898
1898
|
}
|
|
1899
|
-
.RadioField-module__hop-
|
|
1899
|
+
.RadioField-module__hop-RadioField__radio___ii87W {
|
|
1900
1900
|
order: 1;
|
|
1901
1901
|
}
|
|
1902
1902
|
|
|
1903
1903
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
|
|
1904
|
-
.RadioGroup-module__hop-
|
|
1904
|
+
.RadioGroup-module__hop-RadioGroup___BeZQs {
|
|
1905
1905
|
--hop-RadioGroup-align-items: flex-start;
|
|
1906
1906
|
--hop-RadioGroup-justify-content: flex-start;
|
|
1907
1907
|
--hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -1941,46 +1941,46 @@
|
|
|
1941
1941
|
inline-size: var(--inline-size);
|
|
1942
1942
|
max-inline-size: 100%;
|
|
1943
1943
|
}
|
|
1944
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1944
|
+
.RadioGroup-module__hop-RadioGroup--bordered___cZzyV {
|
|
1945
1945
|
--list-border: var(--radio-border-size) solid var(--radio-border-color);
|
|
1946
1946
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
1947
1947
|
}
|
|
1948
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1948
|
+
.RadioGroup-module__hop-RadioGroup--sm___IUAVE {
|
|
1949
1949
|
--column-gap: var(--hop-RadioGroup-sm-column-gap);
|
|
1950
1950
|
--row-gap: var(--hop-RadioGroup-sm-row-gap);
|
|
1951
1951
|
--list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
|
|
1952
1952
|
--list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
|
|
1953
1953
|
}
|
|
1954
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1954
|
+
.RadioGroup-module__hop-RadioGroup--md___-Nt39 {
|
|
1955
1955
|
--column-gap: var(--hop-RadioGroup-md-column-gap);
|
|
1956
1956
|
--row-gap: var(--hop-RadioGroup-md-row-gap);
|
|
1957
1957
|
--list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
|
|
1958
1958
|
--list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
|
|
1959
1959
|
}
|
|
1960
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1960
|
+
.RadioGroup-module__hop-RadioGroup--bordered___cZzyV.RadioGroup-module__hop-RadioGroup--sm___IUAVE {
|
|
1961
1961
|
--radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
|
|
1962
1962
|
--column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
|
|
1963
1963
|
--row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
|
|
1964
1964
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
|
|
1965
1965
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
|
|
1966
1966
|
}
|
|
1967
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1967
|
+
.RadioGroup-module__hop-RadioGroup--bordered___cZzyV.RadioGroup-module__hop-RadioGroup--md___-Nt39 {
|
|
1968
1968
|
--radio-padding: var(--hop-RadioGroup-bordered-md-padding);
|
|
1969
1969
|
--column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
|
|
1970
1970
|
--row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
|
|
1971
1971
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
|
|
1972
1972
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
|
|
1973
1973
|
}
|
|
1974
|
-
.RadioGroup-module__hop-
|
|
1974
|
+
.RadioGroup-module__hop-RadioGroup___BeZQs[data-orientation=horizontal] {
|
|
1975
1975
|
--flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
|
|
1976
1976
|
}
|
|
1977
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1977
|
+
.RadioGroup-module__hop-RadioGroup--bordered___cZzyV[data-orientation=horizontal] {
|
|
1978
1978
|
--flex-wrap: nowrap;
|
|
1979
1979
|
}
|
|
1980
|
-
.RadioGroup-module__hop-
|
|
1980
|
+
.RadioGroup-module__hop-RadioGroup___BeZQs > .RadioGroup-module__hop-RadioGroup__label___jqTEX {
|
|
1981
1981
|
order: 1;
|
|
1982
1982
|
}
|
|
1983
|
-
.RadioGroup-module__hop-
|
|
1983
|
+
.RadioGroup-module__hop-RadioGroup__list___xrMDx {
|
|
1984
1984
|
display: flex;
|
|
1985
1985
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
1986
1986
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -1991,7 +1991,7 @@
|
|
|
1991
1991
|
border: var(--list-border, none);
|
|
1992
1992
|
border-radius: var(--list-border-radius, 0);
|
|
1993
1993
|
}
|
|
1994
|
-
.RadioGroup-module__hop-
|
|
1994
|
+
.RadioGroup-module__hop-RadioGroup__list___xrMDx > .RadioGroup-module__hop-RadioGroup__radio___g5qwi {
|
|
1995
1995
|
position: relative;
|
|
1996
1996
|
flex: 0 1 auto;
|
|
1997
1997
|
align-content: start;
|
|
@@ -1999,28 +1999,28 @@
|
|
|
1999
1999
|
min-inline-size: 0;
|
|
2000
2000
|
padding: var(--radio-padding, 0);
|
|
2001
2001
|
}
|
|
2002
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2002
|
+
.RadioGroup-module__hop-RadioGroup--bordered___cZzyV .RadioGroup-module__hop-RadioGroup__list___xrMDx > .RadioGroup-module__hop-RadioGroup__radio___g5qwi ~ .RadioGroup-module__hop-RadioGroup__radio___g5qwi::before {
|
|
2003
2003
|
content: "";
|
|
2004
2004
|
position: absolute;
|
|
2005
2005
|
display: block;
|
|
2006
2006
|
}
|
|
2007
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2007
|
+
.RadioGroup-module__hop-RadioGroup--bordered___cZzyV[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___xrMDx > .RadioGroup-module__hop-RadioGroup__radio___g5qwi ~ .RadioGroup-module__hop-RadioGroup__radio___g5qwi::before {
|
|
2008
2008
|
inset-block-start: 0;
|
|
2009
2009
|
inset-inline: 0;
|
|
2010
2010
|
border-block-start: var(--list-border, none);
|
|
2011
2011
|
}
|
|
2012
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2012
|
+
.RadioGroup-module__hop-RadioGroup--bordered___cZzyV[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___xrMDx > .RadioGroup-module__hop-RadioGroup__radio___g5qwi ~ .RadioGroup-module__hop-RadioGroup__radio___g5qwi::before {
|
|
2013
2013
|
inset-block: 0;
|
|
2014
2014
|
inset-inline-start: 0;
|
|
2015
2015
|
border-inline-start: var(--list-border, none);
|
|
2016
2016
|
}
|
|
2017
|
-
.RadioGroup-module__hop-
|
|
2018
|
-
.RadioGroup-module__hop-
|
|
2017
|
+
.RadioGroup-module__hop-RadioGroup___BeZQs > .RadioGroup-module__hop-RadioGroup__error-message___bXfiF,
|
|
2018
|
+
.RadioGroup-module__hop-RadioGroup___BeZQs > .RadioGroup-module__hop-RadioGroup__helper-message___l-UB6 {
|
|
2019
2019
|
order: 3;
|
|
2020
2020
|
}
|
|
2021
2021
|
|
|
2022
2022
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
|
|
2023
|
-
.Switch-module__hop-
|
|
2023
|
+
.Switch-module__hop-Switch___wvxPf {
|
|
2024
2024
|
--hop-Switch-border-size: 0.0625rem;
|
|
2025
2025
|
--hop-Switch-border-color: var(--hop-neutral-border);
|
|
2026
2026
|
--hop-Switch-border-radius: var(--hop-shape-rounded-lg);
|
|
@@ -2078,56 +2078,56 @@
|
|
|
2078
2078
|
inline-size: max-content;
|
|
2079
2079
|
max-inline-size: 100%;
|
|
2080
2080
|
}
|
|
2081
|
-
.Switch-module__hop-Switch--
|
|
2081
|
+
.Switch-module__hop-Switch--sm___lZll1 {
|
|
2082
2082
|
--inline-size: var(--hop-Switch-inline-size-sm);
|
|
2083
2083
|
--block-size: var(--hop-Switch-block-size-sm);
|
|
2084
2084
|
--thumb-size: var(--hop-Switch-thumb-size-sm);
|
|
2085
2085
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
|
|
2086
2086
|
--text-top-offset: var(--hop-Switch-text-top-offset-sm);
|
|
2087
2087
|
}
|
|
2088
|
-
.Switch-module__hop-Switch--
|
|
2088
|
+
.Switch-module__hop-Switch--md___BUSV8 {
|
|
2089
2089
|
--inline-size: var(--hop-Switch-inline-size-md);
|
|
2090
2090
|
--block-size: var(--hop-Switch-block-size-md);
|
|
2091
2091
|
--thumb-size: var(--hop-Switch-thumb-size-md);
|
|
2092
2092
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-md);
|
|
2093
2093
|
--text-top-offset: var(--hop-Switch-text-top-offset-md);
|
|
2094
2094
|
}
|
|
2095
|
-
.Switch-module__hop-
|
|
2095
|
+
.Switch-module__hop-Switch___wvxPf[data-hovered] {
|
|
2096
2096
|
--border-color: var(--hop-Switch-border-color-hover);
|
|
2097
2097
|
--background-color: var(--hop-Switch-background-color-hover);
|
|
2098
2098
|
--thumb-color: var(--hop-Switch-thumb-color-hover);
|
|
2099
2099
|
--text-color: var(--hop-Switch-text-color-hover);
|
|
2100
2100
|
}
|
|
2101
|
-
.Switch-module__hop-
|
|
2102
|
-
.Switch-module__hop-
|
|
2101
|
+
.Switch-module__hop-Switch___wvxPf[data-pressed],
|
|
2102
|
+
.Switch-module__hop-Switch___wvxPf[data-pressed][data-focus-visible] {
|
|
2103
2103
|
--border-color: var(--hop-Switch-border-color-pressed);
|
|
2104
2104
|
--background-color: var(--hop-Switch-background-color-pressed);
|
|
2105
2105
|
--thumb-color: var(--hop-Switch-thumb-color-pressed);
|
|
2106
2106
|
--text-color: var(--hop-Switch-text-color-pressed);
|
|
2107
2107
|
}
|
|
2108
|
-
.Switch-module__hop-
|
|
2108
|
+
.Switch-module__hop-Switch___wvxPf[data-focus-visible] {
|
|
2109
2109
|
--border-color: var(--hop-Switch-border-color-focus);
|
|
2110
2110
|
--background-color: var(--hop-Switch-background-color-focus);
|
|
2111
2111
|
--thumb-color: var(--hop-Switch-thumb-color-focus);
|
|
2112
2112
|
--outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
|
|
2113
2113
|
--text-color: var(--hop-Switch-text-color-focus);
|
|
2114
2114
|
}
|
|
2115
|
-
.Switch-module__hop-
|
|
2116
|
-
.Switch-module__hop-
|
|
2115
|
+
.Switch-module__hop-Switch___wvxPf[data-selected],
|
|
2116
|
+
.Switch-module__hop-Switch___wvxPf[data-selected][data-pressed] {
|
|
2117
2117
|
--border-color: var(--hop-Switch-border-color-selected);
|
|
2118
2118
|
--background-color: var(--hop-Switch-background-color-selected);
|
|
2119
2119
|
--thumb-color: var(--hop-Switch-thumb-color-selected);
|
|
2120
2120
|
--thumb-transform: translate(calc(var(--inline-size) - var(--thumb-size, var(--hop-Switch-thumb-size-md)) - (2 * var(--inset-inline-start, var(--hop-Switch-inset-inline-start-md))) - (2 * var(--border-size))), -50%);
|
|
2121
2121
|
--text-color: var(--hop-Switch-text-color-selected);
|
|
2122
2122
|
}
|
|
2123
|
-
.Switch-module__hop-
|
|
2123
|
+
.Switch-module__hop-Switch___wvxPf[data-disabled] {
|
|
2124
2124
|
--border-color: var(--hop-Switch-border-color-disabled);
|
|
2125
2125
|
--background-color: var(--hop-Switch-background-color-disabled);
|
|
2126
2126
|
--thumb-color: var(--hop-Switch-thumb-color-disabled);
|
|
2127
2127
|
--text-color: var(--hop-Switch-text-color-disabled);
|
|
2128
2128
|
--cursor: not-allowed;
|
|
2129
2129
|
}
|
|
2130
|
-
.Switch-module__hop-
|
|
2130
|
+
.Switch-module__hop-Switch__indicator___M3TnD {
|
|
2131
2131
|
position: relative;
|
|
2132
2132
|
flex: 0 0 auto;
|
|
2133
2133
|
box-sizing: border-box;
|
|
@@ -2140,7 +2140,7 @@
|
|
|
2140
2140
|
outline-offset: 0.125rem;
|
|
2141
2141
|
transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
|
|
2142
2142
|
}
|
|
2143
|
-
.Switch-module__hop-
|
|
2143
|
+
.Switch-module__hop-Switch__indicator___M3TnD::before {
|
|
2144
2144
|
content: "";
|
|
2145
2145
|
position: absolute;
|
|
2146
2146
|
inset-block-start: 50%;
|
|
@@ -2155,20 +2155,20 @@
|
|
|
2155
2155
|
border-radius: var(--hop-shape-circle);
|
|
2156
2156
|
transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
|
|
2157
2157
|
}
|
|
2158
|
-
.Switch-module__hop-
|
|
2158
|
+
.Switch-module__hop-Switch__text___rMMHM {
|
|
2159
2159
|
flex: 0 1 auto;
|
|
2160
2160
|
order: 2;
|
|
2161
2161
|
min-inline-size: 0;
|
|
2162
2162
|
margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
|
|
2163
2163
|
color: var(--text-color);
|
|
2164
2164
|
}
|
|
2165
|
-
.Switch-module__hop-Switch__icon-
|
|
2166
|
-
.Switch-module__hop-
|
|
2165
|
+
.Switch-module__hop-Switch__icon-list___Ee4Bd,
|
|
2166
|
+
.Switch-module__hop-Switch__icon___FP-3- {
|
|
2167
2167
|
order: 3;
|
|
2168
2168
|
}
|
|
2169
2169
|
|
|
2170
2170
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
|
|
2171
|
-
.SwitchField-module__hop-
|
|
2171
|
+
.SwitchField-module__hop-SwitchField___W9Kva {
|
|
2172
2172
|
--hop-SwitchField-description-color: var(--hop-neutral-text-weak);
|
|
2173
2173
|
--hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
2174
2174
|
--hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -2187,28 +2187,28 @@
|
|
|
2187
2187
|
inline-size: max-content;
|
|
2188
2188
|
max-inline-size: 100%;
|
|
2189
2189
|
}
|
|
2190
|
-
.SwitchField-module__hop-
|
|
2190
|
+
.SwitchField-module__hop-SwitchField___W9Kva[data-disabled] {
|
|
2191
2191
|
--description-color: var(--hop-SwitchField-description-color-disabled);
|
|
2192
2192
|
}
|
|
2193
|
-
.SwitchField-module__hop-SwitchField--
|
|
2193
|
+
.SwitchField-module__hop-SwitchField--sm___-WX6R {
|
|
2194
2194
|
--row-gap: var(--hop-SwitchField-sm-row-gap);
|
|
2195
2195
|
--description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
|
|
2196
2196
|
}
|
|
2197
|
-
.SwitchField-module__hop-SwitchField--
|
|
2197
|
+
.SwitchField-module__hop-SwitchField--md___RjpcR {
|
|
2198
2198
|
--row-gap: var(--hop-SwitchField-md-row-gap);
|
|
2199
2199
|
--description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
|
|
2200
2200
|
}
|
|
2201
|
-
.SwitchField-module__hop-
|
|
2201
|
+
.SwitchField-module__hop-SwitchField__description___DCuF9 {
|
|
2202
2202
|
order: 2;
|
|
2203
2203
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
|
|
2204
2204
|
color: var(--description-color);
|
|
2205
2205
|
}
|
|
2206
|
-
.SwitchField-module__hop-
|
|
2206
|
+
.SwitchField-module__hop-SwitchField__switch___hsPE6 {
|
|
2207
2207
|
order: 1;
|
|
2208
2208
|
}
|
|
2209
2209
|
|
|
2210
2210
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
|
|
2211
|
-
.Tag-module__hop-
|
|
2211
|
+
.Tag-module__hop-Tag___7-wrs {
|
|
2212
2212
|
--hop-Tag-border-size: 0.0625rem;
|
|
2213
2213
|
--hop-Tag-border-radius: var(--hop-shape-pill);
|
|
2214
2214
|
--hop-Tag-border-color: var(--hop-neutral-border);
|
|
@@ -2268,23 +2268,23 @@
|
|
|
2268
2268
|
outline: none;
|
|
2269
2269
|
outline-offset: 0.125rem;
|
|
2270
2270
|
}
|
|
2271
|
-
.Tag-module__hop-Tag--
|
|
2271
|
+
.Tag-module__hop-Tag--md___WMt5B {
|
|
2272
2272
|
--block-size: var(--hop-Tag-md-block-size);
|
|
2273
2273
|
--padding-inline-start: var(--hop-Tag-md-padding-inline-start);
|
|
2274
2274
|
--padding-inline-end: var(--hop-Tag-md-padding-inline-end);
|
|
2275
2275
|
--column-gap: var(--hop-Tag-md-column-gap);
|
|
2276
2276
|
--clear-btn-margin-inline: calc(-1 * var(--hop-space-inline-xs));
|
|
2277
2277
|
}
|
|
2278
|
-
.Tag-module__hop-Tag--
|
|
2278
|
+
.Tag-module__hop-Tag--md___WMt5B:not(:has(.Tag-module__hop-Tag__icon___5WFui, .Tag-module__hop-Tag__icon-list___bWXWD)) {
|
|
2279
2279
|
--padding-inline-start: var(--hop-Tag-md-padding-inline-start-text-first);
|
|
2280
2280
|
}
|
|
2281
|
-
.Tag-module__hop-Tag--
|
|
2281
|
+
.Tag-module__hop-Tag--md___WMt5B:not(:has(.Tag-module__hop-Tag__badge___d16x6, .Tag-module__hop-Tag__remove-btn___UFMPy, .Tag-module__hop-Tag__Spinner___MVzwl)) {
|
|
2282
2282
|
--padding-inline-end: var(--hop-Tag-md-padding-inline-end-text-last);
|
|
2283
2283
|
}
|
|
2284
|
-
.Tag-module__hop-Tag--
|
|
2284
|
+
.Tag-module__hop-Tag--md___WMt5B:not(:has(.Tag-module__hop-Tag__remove-btn___UFMPy, .Tag-module__hop-Tag__Spinner___MVzwl)) {
|
|
2285
2285
|
--badge-margin-inline-end: calc(-1 * var(--padding-inline-end));
|
|
2286
2286
|
}
|
|
2287
|
-
.Tag-module__hop-Tag--
|
|
2287
|
+
.Tag-module__hop-Tag--lg___8WdhU {
|
|
2288
2288
|
--block-size: var(--hop-Tag-lg-block-size);
|
|
2289
2289
|
--padding-inline-start: var(--hop-Tag-lg-padding-inline-start);
|
|
2290
2290
|
--padding-inline-end: var(--hop-Tag-lg-padding-inline-end);
|
|
@@ -2292,54 +2292,54 @@
|
|
|
2292
2292
|
--clear-btn-margin-inline: 0;
|
|
2293
2293
|
--badge-margin-inline-end: 0;
|
|
2294
2294
|
}
|
|
2295
|
-
.Tag-module__hop-Tag--
|
|
2295
|
+
.Tag-module__hop-Tag--lg___8WdhU:not(:has(.Tag-module__hop-Tag__icon___5WFui, .Tag-module__hop-Tag__icon-list___bWXWD)) {
|
|
2296
2296
|
--padding-inline-start: var(--hop-Tag-lg-padding-inline-start-text-first);
|
|
2297
2297
|
}
|
|
2298
|
-
.Tag-module__hop-Tag--
|
|
2298
|
+
.Tag-module__hop-Tag--lg___8WdhU:not(:has(.Tag-module__hop-Tag__badge___d16x6, .Tag-module__hop-Tag__remove-btn___UFMPy, .Tag-module__hop-Tag__Spinner___MVzwl)) {
|
|
2299
2299
|
--padding-inline-end: var(--hop-Tag-lg-padding-inline-end-text-last);
|
|
2300
2300
|
}
|
|
2301
|
-
.Tag-module__hop-
|
|
2301
|
+
.Tag-module__hop-Tag___7-wrs[data-href] {
|
|
2302
2302
|
cursor: pointer;
|
|
2303
2303
|
}
|
|
2304
|
-
.Tag-module__hop-
|
|
2304
|
+
.Tag-module__hop-Tag___7-wrs[data-focus-visible] {
|
|
2305
2305
|
--background-color: var(--hop-Tag-background-color-focus);
|
|
2306
2306
|
--border-color: var(--hop-Tag-border-color-focus);
|
|
2307
2307
|
--text-color: var(--hop-Tag-text-color-focus);
|
|
2308
2308
|
outline: 0.125rem solid var(--focus-ring-color);
|
|
2309
2309
|
}
|
|
2310
|
-
.Tag-module__hop-
|
|
2310
|
+
.Tag-module__hop-Tag___7-wrs[data-hovered] {
|
|
2311
2311
|
--background-color: var(--hop-Tag-background-color-hover);
|
|
2312
2312
|
--border-color: var(--hop-Tag-border-color-hover);
|
|
2313
2313
|
--text-color: var(--hop-Tag-text-color-hover);
|
|
2314
2314
|
cursor: pointer;
|
|
2315
2315
|
}
|
|
2316
|
-
.Tag-module__hop-
|
|
2316
|
+
.Tag-module__hop-Tag___7-wrs[data-selected] {
|
|
2317
2317
|
--background-color: var(--hop-Tag-background-color-selected);
|
|
2318
2318
|
--border-color: var(--hop-Tag-border-color-selected);
|
|
2319
2319
|
--text-color: var(--hop-Tag-text-color-selected);
|
|
2320
2320
|
}
|
|
2321
|
-
.Tag-module__hop-
|
|
2321
|
+
.Tag-module__hop-Tag___7-wrs[data-pressed] {
|
|
2322
2322
|
--background-color: var(--hop-Tag-background-color-press);
|
|
2323
2323
|
--border-color: var(--hop-Tag-border-color-press);
|
|
2324
2324
|
--text-color: var(--hop-Tag-text-color-press);
|
|
2325
2325
|
cursor: pointer;
|
|
2326
2326
|
}
|
|
2327
|
-
.Tag-module__hop-
|
|
2327
|
+
.Tag-module__hop-Tag___7-wrs[data-invalid] {
|
|
2328
2328
|
--border-color: var(--hop-Tag-border-color-invalid);
|
|
2329
2329
|
}
|
|
2330
|
-
.Tag-module__hop-
|
|
2330
|
+
.Tag-module__hop-Tag___7-wrs[data-disabled] {
|
|
2331
2331
|
--background-color: var(--hop-Tag-background-color-disabled);
|
|
2332
2332
|
--border-color: var(--hop-Tag-border-color-disabled);
|
|
2333
2333
|
--text-color: var(--hop-Tag-text-color-disabled);
|
|
2334
2334
|
cursor: not-allowed;
|
|
2335
2335
|
}
|
|
2336
|
-
.Tag-module__hop-
|
|
2337
|
-
.Tag-module__hop-Tag__icon-
|
|
2336
|
+
.Tag-module__hop-Tag__icon___5WFui,
|
|
2337
|
+
.Tag-module__hop-Tag__icon-list___bWXWD {
|
|
2338
2338
|
flex: 0 0 auto;
|
|
2339
2339
|
flex-wrap: nowrap;
|
|
2340
2340
|
order: 1;
|
|
2341
2341
|
}
|
|
2342
|
-
.Tag-module__hop-
|
|
2342
|
+
.Tag-module__hop-Tag__text___kf8E- {
|
|
2343
2343
|
overflow: hidden;
|
|
2344
2344
|
flex: 1 1 auto;
|
|
2345
2345
|
order: 2;
|
|
@@ -2347,25 +2347,25 @@
|
|
|
2347
2347
|
text-align: center;
|
|
2348
2348
|
text-overflow: ellipsis;
|
|
2349
2349
|
}
|
|
2350
|
-
.Tag-module__hop-
|
|
2350
|
+
.Tag-module__hop-Tag__badge___d16x6 {
|
|
2351
2351
|
flex: 0 0 auto;
|
|
2352
2352
|
order: 3;
|
|
2353
2353
|
margin-inline-end: var(--badge-margin-inline-end);
|
|
2354
2354
|
}
|
|
2355
|
-
.Tag-module__hop-
|
|
2355
|
+
.Tag-module__hop-Tag__badge___d16x6.Tag-module__hop-Badge--secondary___nwORS {
|
|
2356
2356
|
margin-inline-start: var(--badge-secondary-inline-margin-start);
|
|
2357
2357
|
}
|
|
2358
|
-
.Tag-module__hop-Tag__remove-
|
|
2359
|
-
.Tag-module__hop-
|
|
2358
|
+
.Tag-module__hop-Tag__remove-btn___UFMPy,
|
|
2359
|
+
.Tag-module__hop-Tag__Spinner___MVzwl {
|
|
2360
2360
|
flex: 0 0 auto;
|
|
2361
2361
|
order: 4;
|
|
2362
2362
|
}
|
|
2363
|
-
.Tag-module__hop-Tag__remove-
|
|
2363
|
+
.Tag-module__hop-Tag__remove-btn___UFMPy {
|
|
2364
2364
|
margin-inline: var(--clear-btn-margin-inline);
|
|
2365
2365
|
}
|
|
2366
2366
|
|
|
2367
2367
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
|
|
2368
|
-
.TagGroup-module__hop-
|
|
2368
|
+
.TagGroup-module__hop-TagGroup___jU0Oi {
|
|
2369
2369
|
--hop-TagGroup-row-gap: var(--hop-space-inline-sm);
|
|
2370
2370
|
--hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
|
|
2371
2371
|
--hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
|
|
@@ -2385,10 +2385,10 @@
|
|
|
2385
2385
|
inline-size: max-content;
|
|
2386
2386
|
max-inline-size: 100%;
|
|
2387
2387
|
}
|
|
2388
|
-
.TagGroup-module__hop-
|
|
2388
|
+
.TagGroup-module__hop-TagGroup___jU0Oi > .TagGroup-module__hop-TagGroup__label___6FsvW {
|
|
2389
2389
|
order: 1;
|
|
2390
2390
|
}
|
|
2391
|
-
.TagGroup-module__hop-
|
|
2391
|
+
.TagGroup-module__hop-TagGroup__list___sB-Og {
|
|
2392
2392
|
display: flex;
|
|
2393
2393
|
flex-wrap: wrap;
|
|
2394
2394
|
gap: var(--list-row-gap) var(--list-column-gap);
|
|
@@ -2397,17 +2397,17 @@
|
|
|
2397
2397
|
border-radius: var(--list-border-radius);
|
|
2398
2398
|
outline: none;
|
|
2399
2399
|
}
|
|
2400
|
-
.TagGroup-module__hop-
|
|
2400
|
+
.TagGroup-module__hop-TagGroup__list___sB-Og[data-focus-visible] {
|
|
2401
2401
|
outline: 0.125rem solid var(--list-focus-ring-color);
|
|
2402
2402
|
outline-offset: 0.125rem;
|
|
2403
2403
|
}
|
|
2404
|
-
.TagGroup-module__hop-
|
|
2405
|
-
.TagGroup-module__hop-
|
|
2404
|
+
.TagGroup-module__hop-TagGroup___jU0Oi > .TagGroup-module__hop-TagGroup__error-message___mOw5E,
|
|
2405
|
+
.TagGroup-module__hop-TagGroup___jU0Oi > .TagGroup-module__hop-TagGroup__helper-message___6ln7G {
|
|
2406
2406
|
order: 3;
|
|
2407
2407
|
}
|
|
2408
2408
|
|
|
2409
2409
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
|
|
2410
|
-
.Heading-module__hop-
|
|
2410
|
+
.Heading-module__hop-Heading___Q3-KC {
|
|
2411
2411
|
--hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
|
|
2412
2412
|
--hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
|
|
2413
2413
|
--hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
|
|
@@ -2441,50 +2441,50 @@
|
|
|
2441
2441
|
--hop-Heading-inherit-size-font-weight: inherit;
|
|
2442
2442
|
--hop-Heading-inherit-size-line-height: inherit;
|
|
2443
2443
|
}
|
|
2444
|
-
:where(.Heading-module__hop-
|
|
2444
|
+
:where(.Heading-module__hop-Heading___Q3-KC) {
|
|
2445
2445
|
margin: 0;
|
|
2446
2446
|
font-family: var(--font-family);
|
|
2447
2447
|
font-size: var(--font-size);
|
|
2448
2448
|
font-weight: var(--font-weight);
|
|
2449
2449
|
line-height: var(--line-height);
|
|
2450
2450
|
}
|
|
2451
|
-
:where(.Heading-module__hop-Heading--
|
|
2451
|
+
:where(.Heading-module__hop-Heading--xs___7idA2) {
|
|
2452
2452
|
--font-size: var(--hop-Heading-xs-font-size);
|
|
2453
2453
|
--font-family: var(--hop-Heading-xs-font-family);
|
|
2454
2454
|
--font-weight: var(--hop-Heading-xs-font-weight);
|
|
2455
2455
|
--line-height: var(--hop-Heading-xs-line-height);
|
|
2456
2456
|
}
|
|
2457
|
-
:where(.Heading-module__hop-Heading--
|
|
2457
|
+
:where(.Heading-module__hop-Heading--sm___tKfS2) {
|
|
2458
2458
|
--font-size: var(--hop-Heading-sm-font-size);
|
|
2459
2459
|
--font-family: var(--hop-Heading-sm-font-family);
|
|
2460
2460
|
--font-weight: var(--hop-Heading-sm-font-weight);
|
|
2461
2461
|
--line-height: var(--hop-Heading-sm-line-height);
|
|
2462
2462
|
}
|
|
2463
|
-
:where(.Heading-module__hop-Heading--
|
|
2463
|
+
:where(.Heading-module__hop-Heading--md___EZDa1) {
|
|
2464
2464
|
--font-size: var(--hop-Heading-md-font-size);
|
|
2465
2465
|
--font-family: var(--hop-Heading-md-font-family);
|
|
2466
2466
|
--font-weight: var(--hop-Heading-md-font-weight);
|
|
2467
2467
|
--line-height: var(--hop-Heading-md-line-height);
|
|
2468
2468
|
}
|
|
2469
|
-
:where(.Heading-module__hop-Heading--
|
|
2469
|
+
:where(.Heading-module__hop-Heading--lg___wONbp) {
|
|
2470
2470
|
--font-size: var(--hop-Heading-lg-font-size);
|
|
2471
2471
|
--font-family: var(--hop-Heading-lg-font-family);
|
|
2472
2472
|
--font-weight: var(--hop-Heading-lg-font-weight);
|
|
2473
2473
|
--line-height: var(--hop-Heading-lg-line-height);
|
|
2474
2474
|
}
|
|
2475
|
-
:where(.Heading-module__hop-Heading--
|
|
2475
|
+
:where(.Heading-module__hop-Heading--xl___jZufr) {
|
|
2476
2476
|
--font-size: var(--hop-Heading-xl-font-size);
|
|
2477
2477
|
--font-family: var(--hop-Heading-xl-font-family);
|
|
2478
2478
|
--font-weight: var(--hop-Heading-xl-font-weight);
|
|
2479
2479
|
--line-height: var(--hop-Heading-xl-line-height);
|
|
2480
2480
|
}
|
|
2481
|
-
:where(.Heading-module__hop-Heading--
|
|
2481
|
+
:where(.Heading-module__hop-Heading--2xl___UHXYW) {
|
|
2482
2482
|
--font-size: var(--hop-Heading-2xl-font-size);
|
|
2483
2483
|
--font-family: var(--hop-Heading-2xl-font-family);
|
|
2484
2484
|
--font-weight: var(--hop-Heading-2xl-font-weight);
|
|
2485
2485
|
--line-height: var(--hop-Heading-2xl-line-height);
|
|
2486
2486
|
}
|
|
2487
|
-
:where(.Heading-module__hop-Heading--
|
|
2487
|
+
:where(.Heading-module__hop-Heading--3xl___f817X) {
|
|
2488
2488
|
--font-size: var(--hop-Heading-3xl-font-size);
|
|
2489
2489
|
--font-family: var(--hop-Heading-3xl-font-family);
|
|
2490
2490
|
--font-weight: var(--hop-Heading-3xl-font-weight);
|
|
@@ -2492,7 +2492,7 @@
|
|
|
2492
2492
|
}
|
|
2493
2493
|
|
|
2494
2494
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
|
|
2495
|
-
.TextField-module__hop-
|
|
2495
|
+
.TextField-module__hop-TextField___AlY6b {
|
|
2496
2496
|
--hop-TextField-gap: var(--hop-space-stack-xs);
|
|
2497
2497
|
--hop-TextField-inline-size: 20rem;
|
|
2498
2498
|
--hop-TextField-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -2507,10 +2507,10 @@
|
|
|
2507
2507
|
gap: var(--hop-TextField-gap);
|
|
2508
2508
|
inline-size: var(--inline-size);
|
|
2509
2509
|
}
|
|
2510
|
-
.TextField-module__hop-TextField--
|
|
2510
|
+
.TextField-module__hop-TextField--fluid___5qFaA {
|
|
2511
2511
|
--inline-size: 100%;
|
|
2512
2512
|
}
|
|
2513
|
-
.TextField-module__hop-
|
|
2513
|
+
.TextField-module__hop-TextField__Label___sT4Ln {
|
|
2514
2514
|
order: 0;
|
|
2515
2515
|
font-family: var(--hop-TextField-font-family);
|
|
2516
2516
|
font-size: var(--hop-TextField-font-size);
|
|
@@ -2518,14 +2518,14 @@
|
|
|
2518
2518
|
line-height: var(--hop-TextField-line-height);
|
|
2519
2519
|
color: var(--hop-TextField-color);
|
|
2520
2520
|
}
|
|
2521
|
-
.TextField-module__hop-
|
|
2521
|
+
.TextField-module__hop-TextField__prefix___BGZl9 {
|
|
2522
2522
|
color: var(--hop-TextField-prefix-color);
|
|
2523
2523
|
}
|
|
2524
|
-
.TextField-module__hop-
|
|
2524
|
+
.TextField-module__hop-TextField__InputGroup___fIBBH {
|
|
2525
2525
|
order: 1;
|
|
2526
2526
|
inline-size: 100%;
|
|
2527
2527
|
}
|
|
2528
|
-
.TextField-module__hop-
|
|
2529
|
-
.TextField-module__hop-
|
|
2528
|
+
.TextField-module__hop-TextField__ErrorMessage___PyjXp,
|
|
2529
|
+
.TextField-module__hop-TextField__HelperMessage___h-59a {
|
|
2530
2530
|
order: 3;
|
|
2531
2531
|
}
|