@hopper-ui/components 1.0.7 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/Avatar/src/AnonymousAvatar.css +10 -10
- package/dist/Avatar/src/AnonymousAvatar.js +2 -2
- package/dist/Avatar/src/Avatar.css +37 -37
- package/dist/Avatar/src/Avatar.js +3 -3
- package/dist/Avatar/src/DeletedAvatar.css +10 -10
- package/dist/Avatar/src/DeletedAvatar.js +2 -2
- package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
- package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
- package/dist/Avatar/src/index.css +37 -37
- package/dist/Avatar/src/index.js +5 -5
- 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/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/Divider/src/Divider.css +2 -2
- package/dist/Divider/src/Divider.js +1 -1
- package/dist/Divider/src/index.css +2 -2
- package/dist/Divider/src/index.js +1 -1
- 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/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/ListBox/src/ListBox.css +175 -175
- package/dist/ListBox/src/ListBox.js +8 -8
- package/dist/ListBox/src/ListBoxItem.css +160 -160
- package/dist/ListBox/src/ListBoxItem.js +7 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +175 -175
- package/dist/ListBox/src/index.js +8 -8
- 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/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 +31 -31
- 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 +66 -66
- package/dist/checkbox/src/CheckboxGroup.js +1 -1
- package/dist/checkbox/src/index.css +66 -66
- package/dist/checkbox/src/index.js +4 -4
- package/dist/{chunk-R2UVMOIP.js → chunk-2O5GW4WZ.js} +1 -1
- package/dist/{chunk-FMSIW5AX.js → chunk-2PZTP7OD.js} +1 -1
- package/dist/{chunk-E7Y25WJE.js → chunk-375NGVSY.js} +1 -1
- package/dist/{chunk-LM4HMPSD.js → chunk-576NZEOZ.js} +2 -2
- package/dist/{chunk-SHVSB6MD.js → chunk-5YCINTI3.js} +3 -3
- package/dist/{chunk-AE24HPDG.js → chunk-6FJ6VT7L.js} +1 -1
- package/dist/{chunk-666H6UTL.js → chunk-7F63PQML.js} +1 -1
- package/dist/{chunk-SXPMPVDJ.js → chunk-B2NAEXNH.js} +7 -7
- package/dist/{chunk-3LGP5T4C.js → chunk-BHRRVORW.js} +6 -6
- package/dist/{chunk-UUUU6SUW.js → chunk-C5SNXNGO.js} +2 -2
- package/dist/{chunk-QACERXDV.js → chunk-DERV7IO4.js} +1 -1
- package/dist/{chunk-HVUX7ZQ3.js → chunk-FJYIXPAV.js} +1 -1
- package/dist/{chunk-DESANYPD.js → chunk-FX7SCMAB.js} +3 -3
- package/dist/{chunk-CXIMLIUB.js → chunk-GEDAZSYP.js} +1 -1
- package/dist/{chunk-2NJ3RDMJ.js → chunk-GVS7P3EP.js} +2 -2
- package/dist/{chunk-SSCPXYN6.js → chunk-HJGIOIZH.js} +1 -1
- package/dist/{chunk-RW4GDPRX.js → chunk-HK6NUAOU.js} +1 -1
- package/dist/{chunk-EBXHYPDU.js → chunk-IGDXWHDV.js} +1 -1
- package/dist/{chunk-5CIADHZR.js → chunk-J3FFNHVC.js} +2 -2
- package/dist/{chunk-4V75RYJN.js → chunk-JYS47NMI.js} +2 -2
- package/dist/{chunk-OKAYIZ45.js → chunk-KC5DWQN5.js} +3 -3
- package/dist/{chunk-ZMDHYGEP.js → chunk-KUOVH2WS.js} +1 -1
- package/dist/{chunk-WXJ3U2DV.js → chunk-LAYIMWCS.js} +2 -2
- package/dist/{chunk-WSNJNUUA.js → chunk-LD4PHTV5.js} +1 -1
- package/dist/{chunk-COBPJHIY.js → chunk-LYGSWKBB.js} +1 -1
- package/dist/{chunk-NQOLP5NY.js → chunk-O3B5AAY5.js} +2 -2
- package/dist/{chunk-XVKZ3Q3B.js → chunk-PFQFQTAW.js} +2 -2
- package/dist/{chunk-YZRL7TXT.js → chunk-Q4P2MTYE.js} +1 -1
- package/dist/{chunk-IUQNDY3E.js → chunk-Q6XETWRV.js} +1 -1
- package/dist/{chunk-W2ZCHVKP.js → chunk-QVK2N2AZ.js} +3 -3
- package/dist/{chunk-4TJUYXYN.js → chunk-RERJ4IWC.js} +1 -1
- package/dist/{chunk-CK5HMGDC.js → chunk-SVUAG4RI.js} +4 -4
- package/dist/{chunk-XC7OT325.js → chunk-T3KA26BR.js} +1 -1
- package/dist/{chunk-YTPFSLHU.js → chunk-VILNMAVP.js} +2 -2
- package/dist/{chunk-U4NXU44C.js → chunk-WWLAPWPS.js} +3 -3
- package/dist/{chunk-3WUDQLLR.js → chunk-XGLY57N7.js} +1 -1
- package/dist/{chunk-LIUW56HE.js → chunk-YORVWKUU.js} +1 -1
- package/dist/index.css +457 -457
- package/dist/index.js +39 -39
- package/dist/inputs/src/InputGroup.css +12 -12
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/PasswordField.css +163 -163
- package/dist/inputs/src/PasswordField.js +7 -7
- package/dist/inputs/src/SearchField.css +169 -169
- package/dist/inputs/src/SearchField.js +8 -8
- package/dist/inputs/src/TextField.css +164 -164
- package/dist/inputs/src/TextField.js +9 -9
- package/dist/inputs/src/index.css +182 -182
- package/dist/inputs/src/index.js +11 -11
- package/dist/overlays/Popover/src/Popover.css +457 -457
- package/dist/overlays/Popover/src/Popover.js +39 -39
- package/dist/overlays/Popover/src/index.css +457 -457
- package/dist/overlays/Popover/src/index.js +39 -39
- package/dist/radio/src/Radio.css +31 -31
- 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 +66 -66
- package/dist/radio/src/RadioGroup.js +1 -1
- package/dist/radio/src/index.css +66 -66
- 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 +457 -457
- package/dist/tag/src/Tag.js +39 -39
- package/dist/tag/src/TagGroup.css +28 -28
- package/dist/tag/src/TagGroup.js +1 -1
- package/dist/tag/src/index.css +457 -457
- package/dist/tag/src/index.js +39 -39
- package/dist/typography/Heading/src/Heading.css +9 -9
- package/dist/typography/Heading/src/Heading.js +1 -1
- package/dist/typography/Heading/src/index.css +9 -9
- package/dist/typography/Heading/src/index.js +1 -1
- 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 +4 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
|
|
2
|
-
.Text-module__hop-
|
|
2
|
+
.Text-module__hop-Text___tIiCx {
|
|
3
3
|
--hop-Text-xs-font-size: var(--hop-body-xs-font-size);
|
|
4
4
|
--hop-Text-xs-font-family: var(--hop-body-xs-font-family);
|
|
5
5
|
--hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
|
|
@@ -29,49 +29,49 @@
|
|
|
29
29
|
--hop-Text-inherit-size-font-weight: inherit;
|
|
30
30
|
--hop-Text-inherit-size-line-height: inherit;
|
|
31
31
|
}
|
|
32
|
-
:where(.Text-module__hop-
|
|
32
|
+
:where(.Text-module__hop-Text___tIiCx) {
|
|
33
33
|
font-family: var(--font-family);
|
|
34
34
|
font-size: var(--font-size);
|
|
35
35
|
font-weight: var(--font-weight);
|
|
36
36
|
line-height: var(--line-height);
|
|
37
37
|
}
|
|
38
|
-
:where(.Text-module__hop-Text--
|
|
38
|
+
:where(.Text-module__hop-Text--xs___rw7oZ) {
|
|
39
39
|
--font-size: var(--hop-Text-xs-font-size);
|
|
40
40
|
--font-family: var(--hop-Text-xs-font-family);
|
|
41
41
|
--font-weight: var(--hop-Text-xs-font-weight);
|
|
42
42
|
--line-height: var(--hop-Text-xs-line-height);
|
|
43
43
|
}
|
|
44
|
-
:where(.Text-module__hop-Text--
|
|
44
|
+
:where(.Text-module__hop-Text--sm___egXsQ) {
|
|
45
45
|
--font-size: var(--hop-Text-sm-font-size);
|
|
46
46
|
--font-family: var(--hop-Text-sm-font-family);
|
|
47
47
|
--font-weight: var(--hop-Text-sm-font-weight);
|
|
48
48
|
--line-height: var(--hop-Text-sm-line-height);
|
|
49
49
|
}
|
|
50
|
-
:where(.Text-module__hop-Text--
|
|
50
|
+
:where(.Text-module__hop-Text--md___x9B05) {
|
|
51
51
|
--font-size: var(--hop-Text-md-font-size);
|
|
52
52
|
--font-family: var(--hop-Text-md-font-family);
|
|
53
53
|
--font-weight: var(--hop-Text-md-font-weight);
|
|
54
54
|
--line-height: var(--hop-Text-md-line-height);
|
|
55
55
|
}
|
|
56
|
-
:where(.Text-module__hop-Text--
|
|
56
|
+
:where(.Text-module__hop-Text--lg___G-bAx) {
|
|
57
57
|
--font-size: var(--hop-Text-lg-font-size);
|
|
58
58
|
--font-family: var(--hop-Text-lg-font-family);
|
|
59
59
|
--font-weight: var(--hop-Text-lg-font-weight);
|
|
60
60
|
--line-height: var(--hop-Text-lg-line-height);
|
|
61
61
|
}
|
|
62
|
-
:where(.Text-module__hop-Text--
|
|
62
|
+
:where(.Text-module__hop-Text--xl___QHdr-) {
|
|
63
63
|
--font-size: var(--hop-Text-xl-font-size);
|
|
64
64
|
--font-family: var(--hop-Text-xl-font-family);
|
|
65
65
|
--font-weight: var(--hop-Text-xl-font-weight);
|
|
66
66
|
--line-height: var(--hop-Text-xl-line-height);
|
|
67
67
|
}
|
|
68
|
-
:where(.Text-module__hop-Text--
|
|
68
|
+
:where(.Text-module__hop-Text--2xl___Y5asG) {
|
|
69
69
|
--font-size: var(--hop-Text-2xl-font-size);
|
|
70
70
|
--font-family: var(--hop-Text-2xl-font-family);
|
|
71
71
|
--font-weight: var(--hop-Text-2xl-font-weight);
|
|
72
72
|
--line-height: var(--hop-Text-2xl-line-height);
|
|
73
73
|
}
|
|
74
|
-
:where(.Text-module__hop-Text--
|
|
74
|
+
:where(.Text-module__hop-Text--inherit___HTrly) {
|
|
75
75
|
--font-size: var(--hop-Text-inherit-size-font-size);
|
|
76
76
|
--font-family: var(--hop-Text-inherit-size-font-family);
|
|
77
77
|
--font-weight: var(--hop-Text-inherit-size-font-weight);
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
|
|
82
|
-
.RichIconAvatarImage-module__hop-
|
|
82
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___GaFX1 {
|
|
83
83
|
--hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
|
|
84
84
|
--hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
|
|
85
85
|
--hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
|
|
@@ -110,46 +110,46 @@
|
|
|
110
110
|
background-color: var(--background-color);
|
|
111
111
|
border-radius: var(--hop-RichIconAvatarImage-border-radius);
|
|
112
112
|
}
|
|
113
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
113
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___sYYdx {
|
|
114
114
|
--size: var(--hop-RichIconAvatarImage-xs-size);
|
|
115
115
|
--icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
|
|
116
116
|
}
|
|
117
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
117
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___RSVBQ {
|
|
118
118
|
--size: var(--hop-RichIconAvatarImage-sm-size);
|
|
119
119
|
--icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
|
|
120
120
|
}
|
|
121
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
121
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___kKXk0 {
|
|
122
122
|
--size: var(--hop-RichIconAvatarImage-md-size);
|
|
123
123
|
--icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
|
|
124
124
|
}
|
|
125
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
125
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___l-wYc {
|
|
126
126
|
--size: var(--hop-RichIconAvatarImage-lg-size);
|
|
127
127
|
--icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
|
|
128
128
|
}
|
|
129
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
129
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___mCneL {
|
|
130
130
|
--size: var(--hop-RichIconAvatarImage-xl-size);
|
|
131
131
|
--icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
|
|
132
132
|
}
|
|
133
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
133
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___brP16 {
|
|
134
134
|
--size: var(--hop-RichIconAvatarImage-2xl-size);
|
|
135
135
|
--icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
|
|
136
136
|
}
|
|
137
|
-
.RichIconAvatarImage-module__hop-
|
|
137
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___GaFX1[data-disabled] {
|
|
138
138
|
--background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
139
139
|
}
|
|
140
|
-
.RichIconAvatarImage-module__hop-
|
|
140
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___HGlP0 {
|
|
141
141
|
position: relative;
|
|
142
142
|
display: block;
|
|
143
143
|
inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
|
|
144
144
|
block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
|
|
145
145
|
}
|
|
146
|
-
.RichIconAvatarImage-module__hop-
|
|
146
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___GaFX1[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___HGlP0 {
|
|
147
147
|
--hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
148
148
|
--hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
|
|
152
|
-
.Avatar-module__hop-
|
|
152
|
+
.Avatar-module__hop-Avatar___sRYkO {
|
|
153
153
|
--hop-Avatar-border-radius: var(--hop-shape-circle);
|
|
154
154
|
--hop-Avatar-mix-blend-mode: normal;
|
|
155
155
|
--hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
|
|
@@ -194,67 +194,67 @@
|
|
|
194
194
|
background-color: var(--background-color, transparent);
|
|
195
195
|
border-radius: var(--hop-Avatar-border-radius);
|
|
196
196
|
}
|
|
197
|
-
.Avatar-module__hop-Avatar--
|
|
197
|
+
.Avatar-module__hop-Avatar--xs___0TrPq {
|
|
198
198
|
--size: var(--hop-Avatar-xs-size);
|
|
199
199
|
}
|
|
200
|
-
.Avatar-module__hop-Avatar--
|
|
200
|
+
.Avatar-module__hop-Avatar--sm___g4L6C {
|
|
201
201
|
--size: var(--hop-Avatar-sm-size);
|
|
202
202
|
}
|
|
203
|
-
.Avatar-module__hop-Avatar--
|
|
203
|
+
.Avatar-module__hop-Avatar--md___CmIBG {
|
|
204
204
|
--size: var(--hop-Avatar-md-size);
|
|
205
205
|
}
|
|
206
|
-
.Avatar-module__hop-Avatar--
|
|
206
|
+
.Avatar-module__hop-Avatar--lg___IuDFG {
|
|
207
207
|
--size: var(--hop-Avatar-lg-size);
|
|
208
208
|
}
|
|
209
|
-
.Avatar-module__hop-Avatar--
|
|
209
|
+
.Avatar-module__hop-Avatar--xl___iGDHZ {
|
|
210
210
|
--size: var(--hop-Avatar-xl-size);
|
|
211
211
|
}
|
|
212
|
-
.Avatar-module__hop-Avatar--
|
|
212
|
+
.Avatar-module__hop-Avatar--2xl___8PwZj {
|
|
213
213
|
--size: var(--hop-Avatar-2xl-size);
|
|
214
214
|
}
|
|
215
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
215
|
+
.Avatar-module__hop-Avatar--decorative-option1___rjSDd {
|
|
216
216
|
--background-color: var(--hop-Avatar-decorative-1-background-color);
|
|
217
217
|
--text-color: var(--hop-Avatar-decorative-1-text-color);
|
|
218
218
|
}
|
|
219
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
219
|
+
.Avatar-module__hop-Avatar--decorative-option2___JwxRY {
|
|
220
220
|
--background-color: var(--hop-Avatar-decorative-2-background-color);
|
|
221
221
|
--text-color: var(--hop-Avatar-decorative-2-text-color);
|
|
222
222
|
}
|
|
223
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
223
|
+
.Avatar-module__hop-Avatar--decorative-option3___Mi87L {
|
|
224
224
|
--background-color: var(--hop-Avatar-decorative-3-background-color);
|
|
225
225
|
--text-color: var(--hop-Avatar-decorative-3-text-color);
|
|
226
226
|
}
|
|
227
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
227
|
+
.Avatar-module__hop-Avatar--decorative-option4___1xMl4 {
|
|
228
228
|
--background-color: var(--hop-Avatar-decorative-4-background-color);
|
|
229
229
|
--text-color: var(--hop-Avatar-decorative-4-text-color);
|
|
230
230
|
}
|
|
231
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
231
|
+
.Avatar-module__hop-Avatar--decorative-option5___-0A5m {
|
|
232
232
|
--background-color: var(--hop-Avatar-decorative-5-background-color);
|
|
233
233
|
--text-color: var(--hop-Avatar-decorative-5-text-color);
|
|
234
234
|
}
|
|
235
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
235
|
+
.Avatar-module__hop-Avatar--decorative-option6___bIoDA {
|
|
236
236
|
--background-color: var(--hop-Avatar-decorative-6-background-color);
|
|
237
237
|
--text-color: var(--hop-Avatar-decorative-6-text-color);
|
|
238
238
|
}
|
|
239
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
239
|
+
.Avatar-module__hop-Avatar--decorative-option7___OgKs7 {
|
|
240
240
|
--background-color: var(--hop-Avatar-decorative-7-background-color);
|
|
241
241
|
--text-color: var(--hop-Avatar-decorative-7-text-color);
|
|
242
242
|
}
|
|
243
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
243
|
+
.Avatar-module__hop-Avatar--decorative-option8___9uaHw {
|
|
244
244
|
--background-color: var(--hop-Avatar-decorative-8-background-color);
|
|
245
245
|
--text-color: var(--hop-Avatar-decorative-8-text-color);
|
|
246
246
|
}
|
|
247
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
247
|
+
.Avatar-module__hop-Avatar--decorative-option9___wQmyJ {
|
|
248
248
|
--background-color: var(--hop-Avatar-decorative-9-background-color);
|
|
249
249
|
--text-color: var(--hop-Avatar-decorative-9-text-color);
|
|
250
250
|
}
|
|
251
|
-
.Avatar-module__hop-
|
|
251
|
+
.Avatar-module__hop-Avatar___sRYkO[data-disabled] {
|
|
252
252
|
--background-color: var(--hop-Avatar-background-color-disabled);
|
|
253
253
|
--text-color: var(--hop-Avatar-text-color-disabled);
|
|
254
254
|
--mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
|
|
255
255
|
isolation: isolate;
|
|
256
256
|
}
|
|
257
|
-
.Avatar-module__hop-
|
|
257
|
+
.Avatar-module__hop-Avatar__image___gLuWs {
|
|
258
258
|
position: relative;
|
|
259
259
|
display: block;
|
|
260
260
|
box-sizing: border-box;
|
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
}
|
|
266
266
|
|
|
267
267
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
|
|
268
|
-
:where(.OverlineText-module__hop-
|
|
268
|
+
:where(.OverlineText-module__hop-OverlineText___Vuw2H) {
|
|
269
269
|
--hop-OverlineText-font-family: var(--hop-overline-font-family);
|
|
270
270
|
--hop-OverlineText-font-size: var(--hop-overline-font-size);
|
|
271
271
|
--hop-OverlineText-font-weight: var(--hop-overline-font-weight);
|
|
@@ -289,26 +289,26 @@
|
|
|
289
289
|
text-transform: uppercase;
|
|
290
290
|
letter-spacing: var(--letter-spacing);
|
|
291
291
|
}
|
|
292
|
-
.OverlineText-module__hop-
|
|
292
|
+
.OverlineText-module__hop-OverlineText__text___xrm5a {
|
|
293
293
|
box-sizing: border-box;
|
|
294
294
|
}
|
|
295
|
-
.OverlineText-module__hop-
|
|
296
|
-
.OverlineText-module__hop-
|
|
295
|
+
.OverlineText-module__hop-OverlineText__text___xrm5a::before,
|
|
296
|
+
.OverlineText-module__hop-OverlineText__text___xrm5a::after {
|
|
297
297
|
content: "";
|
|
298
298
|
display: block;
|
|
299
299
|
box-sizing: border-box;
|
|
300
300
|
inline-size: 0;
|
|
301
301
|
block-size: 0;
|
|
302
302
|
}
|
|
303
|
-
.OverlineText-module__hop-
|
|
303
|
+
.OverlineText-module__hop-OverlineText__text___xrm5a::before {
|
|
304
304
|
margin-block-end: var(--bottom-offset);
|
|
305
305
|
}
|
|
306
|
-
.OverlineText-module__hop-
|
|
306
|
+
.OverlineText-module__hop-OverlineText__text___xrm5a::after {
|
|
307
307
|
margin-block-start: var(--top-offset);
|
|
308
308
|
}
|
|
309
309
|
|
|
310
310
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
|
|
311
|
-
.Badge-module__hop-
|
|
311
|
+
.Badge-module__hop-Badge___pZ5KZ {
|
|
312
312
|
--hop-Badge-height: 1.5rem;
|
|
313
313
|
--hop-Badge-padding-inline: var(--hop-space-inset-sm);
|
|
314
314
|
--hop-Badge-border-radius: var(--hop-shape-pill);
|
|
@@ -332,21 +332,21 @@
|
|
|
332
332
|
background-color: var(--background-color, var(--hop-Badge-primary-background-color));
|
|
333
333
|
border-radius: var(--border-radius);
|
|
334
334
|
}
|
|
335
|
-
.Badge-module__hop-Badge--
|
|
335
|
+
.Badge-module__hop-Badge--primary___weyTt {
|
|
336
336
|
--background-color: var(--hop-Badge-primary-background-color);
|
|
337
337
|
--text-color: var(--hop-Badge-primary-text-color);
|
|
338
338
|
}
|
|
339
|
-
.Badge-module__hop-Badge--
|
|
339
|
+
.Badge-module__hop-Badge--secondary___MYrUR {
|
|
340
340
|
--background-color: var(--hop-Badge-secondary-background-color);
|
|
341
341
|
--text-color: var(--hop-Badge-secondary-text-color);
|
|
342
342
|
}
|
|
343
|
-
.Badge-module__hop-
|
|
343
|
+
.Badge-module__hop-Badge___pZ5KZ[data-disabled] {
|
|
344
344
|
--background-color: var(--hop-Badge-background-color-disabled);
|
|
345
345
|
--text-color: var(--hop-Badge-text-color-disabled);
|
|
346
346
|
}
|
|
347
347
|
|
|
348
348
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
|
|
349
|
-
.IconList-module__hop-
|
|
349
|
+
.IconList-module__hop-IconList___WqX3l {
|
|
350
350
|
--hop-IconList-gap: var(--hop-space-inline-xs);
|
|
351
351
|
display: flex;
|
|
352
352
|
flex-wrap: wrap;
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
}
|
|
356
356
|
|
|
357
357
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
|
|
358
|
-
.Label-module__hop-
|
|
358
|
+
.Label-module__hop-Label___oItqW {
|
|
359
359
|
--hop-Label-xs-font-size: var(--hop-body-xs-font-size);
|
|
360
360
|
--hop-Label-xs-font-family: var(--hop-body-xs-font-family);
|
|
361
361
|
--hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
|
|
@@ -385,49 +385,49 @@
|
|
|
385
385
|
--hop-Label-inherit-size-font-weight: inherit;
|
|
386
386
|
--hop-Label-inherit-size-line-height: inherit;
|
|
387
387
|
}
|
|
388
|
-
:where(.Label-module__hop-
|
|
388
|
+
:where(.Label-module__hop-Label___oItqW) {
|
|
389
389
|
font-family: var(--font-family);
|
|
390
390
|
font-size: var(--font-size);
|
|
391
391
|
font-weight: var(--font-weight);
|
|
392
392
|
line-height: var(--line-height);
|
|
393
393
|
}
|
|
394
|
-
:where(.Label-module__hop-Label--
|
|
394
|
+
:where(.Label-module__hop-Label--xs___OCQc9) {
|
|
395
395
|
--font-size: var(--hop-Label-xs-font-size);
|
|
396
396
|
--font-family: var(--hop-Label-xs-font-family);
|
|
397
397
|
--font-weight: var(--hop-Label-xs-font-weight);
|
|
398
398
|
--line-height: var(--hop-Label-xs-line-height);
|
|
399
399
|
}
|
|
400
|
-
:where(.Label-module__hop-Label--
|
|
400
|
+
:where(.Label-module__hop-Label--sm___-fhZc) {
|
|
401
401
|
--font-size: var(--hop-Label-sm-font-size);
|
|
402
402
|
--font-family: var(--hop-Label-sm-font-family);
|
|
403
403
|
--font-weight: var(--hop-Label-sm-font-weight);
|
|
404
404
|
--line-height: var(--hop-Label-sm-line-height);
|
|
405
405
|
}
|
|
406
|
-
:where(.Label-module__hop-Label--
|
|
406
|
+
:where(.Label-module__hop-Label--md___OdAm4) {
|
|
407
407
|
--font-size: var(--hop-Label-md-font-size);
|
|
408
408
|
--font-family: var(--hop-Label-md-font-family);
|
|
409
409
|
--font-weight: var(--hop-Label-md-font-weight);
|
|
410
410
|
--line-height: var(--hop-Label-md-line-height);
|
|
411
411
|
}
|
|
412
|
-
:where(.Label-module__hop-Label--
|
|
412
|
+
:where(.Label-module__hop-Label--lg___GbPeJ) {
|
|
413
413
|
--font-size: var(--hop-Label-lg-font-size);
|
|
414
414
|
--font-family: var(--hop-Label-lg-font-family);
|
|
415
415
|
--font-weight: var(--hop-Label-lg-font-weight);
|
|
416
416
|
--line-height: var(--hop-Label-lg-line-height);
|
|
417
417
|
}
|
|
418
|
-
:where(.Label-module__hop-Label--
|
|
418
|
+
:where(.Label-module__hop-Label--xl___1wofe) {
|
|
419
419
|
--font-size: var(--hop-Label-xl-font-size);
|
|
420
420
|
--font-family: var(--hop-Label-xl-font-family);
|
|
421
421
|
--font-weight: var(--hop-Label-xl-font-weight);
|
|
422
422
|
--line-height: var(--hop-Label-xl-line-height);
|
|
423
423
|
}
|
|
424
|
-
:where(.Label-module__hop-Label--
|
|
424
|
+
:where(.Label-module__hop-Label--2xl___qv5gq) {
|
|
425
425
|
--font-size: var(--hop-Label-2xl-font-size);
|
|
426
426
|
--font-family: var(--hop-Label-2xl-font-family);
|
|
427
427
|
--font-weight: var(--hop-Label-2xl-font-weight);
|
|
428
428
|
--line-height: var(--hop-Label-2xl-line-height);
|
|
429
429
|
}
|
|
430
|
-
:where(.Label-module__hop-Label--
|
|
430
|
+
:where(.Label-module__hop-Label--inherit___zEydh) {
|
|
431
431
|
--font-size: var(--hop-Label-inherit-size-font-size);
|
|
432
432
|
--font-family: var(--hop-Label-inherit-size-font-family);
|
|
433
433
|
--font-weight: var(--hop-Label-inherit-size-font-weight);
|
|
@@ -435,7 +435,7 @@
|
|
|
435
435
|
}
|
|
436
436
|
|
|
437
437
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
|
|
438
|
-
@keyframes Spinner-
|
|
438
|
+
@keyframes Spinner-module__spin___Lpxyw {
|
|
439
439
|
0% {
|
|
440
440
|
transform: rotate(0deg);
|
|
441
441
|
}
|
|
@@ -443,7 +443,7 @@
|
|
|
443
443
|
transform: rotate(360deg);
|
|
444
444
|
}
|
|
445
445
|
}
|
|
446
|
-
.Spinner-module__hop-
|
|
446
|
+
.Spinner-module__hop-Spinner___DLvnO {
|
|
447
447
|
--hop-Spinner-border-radius: var(--hop-shape-circle);
|
|
448
448
|
--hop-Spinner-sm-wheel-size: 1rem;
|
|
449
449
|
--hop-Spinner-md-wheel-size: 1.25rem;
|
|
@@ -451,7 +451,7 @@
|
|
|
451
451
|
--hop-Spinner-track-width: 0.125rem;
|
|
452
452
|
--hop-Spinner-track-opacity: 0.2;
|
|
453
453
|
--hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
|
|
454
|
-
--hop-Spinner-fill-animation: Spinner-
|
|
454
|
+
--hop-Spinner-fill-animation: Spinner-module__spin___Lpxyw .8s infinite linear;
|
|
455
455
|
--hop-Spinner-fill-animation-reduced-motion-duration: 2s;
|
|
456
456
|
--hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
|
|
457
457
|
--hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
|
|
@@ -462,19 +462,19 @@
|
|
|
462
462
|
align-items: center;
|
|
463
463
|
box-sizing: border-box;
|
|
464
464
|
}
|
|
465
|
-
.Spinner-module__hop-Spinner--
|
|
465
|
+
.Spinner-module__hop-Spinner--sm___v97ZX {
|
|
466
466
|
--width: var(--hop-Spinner-sm-wheel-size);
|
|
467
467
|
--height: var(--hop-Spinner-sm-wheel-size);
|
|
468
468
|
}
|
|
469
|
-
.Spinner-module__hop-Spinner--
|
|
469
|
+
.Spinner-module__hop-Spinner--md___nGvSb {
|
|
470
470
|
--width: var(--hop-Spinner-md-wheel-size);
|
|
471
471
|
--height: var(--hop-Spinner-md-wheel-size);
|
|
472
472
|
}
|
|
473
|
-
.Spinner-module__hop-Spinner--
|
|
473
|
+
.Spinner-module__hop-Spinner--lg___aELVX {
|
|
474
474
|
--width: var(--hop-Spinner-lg-wheel-size);
|
|
475
475
|
--height: var(--hop-Spinner-lg-wheel-size);
|
|
476
476
|
}
|
|
477
|
-
.Spinner-module__hop-
|
|
477
|
+
.Spinner-module__hop-Spinner__track___7tCR3 {
|
|
478
478
|
grid-area: spinner;
|
|
479
479
|
box-sizing: border-box;
|
|
480
480
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -483,7 +483,7 @@
|
|
|
483
483
|
border: var(--hop-Spinner-track-border);
|
|
484
484
|
border-radius: var(--hop-Spinner-border-radius);
|
|
485
485
|
}
|
|
486
|
-
.Spinner-module__hop-
|
|
486
|
+
.Spinner-module__hop-Spinner__fill___A7ygr {
|
|
487
487
|
grid-area: spinner;
|
|
488
488
|
box-sizing: border-box;
|
|
489
489
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -494,17 +494,17 @@
|
|
|
494
494
|
animation: var(--hop-Spinner-fill-animation);
|
|
495
495
|
}
|
|
496
496
|
@media (prefers-reduced-motion: reduce) {
|
|
497
|
-
.Spinner-module__hop-
|
|
497
|
+
.Spinner-module__hop-Spinner__fill___A7ygr {
|
|
498
498
|
animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
|
|
499
499
|
}
|
|
500
500
|
}
|
|
501
|
-
.Spinner-module__hop-
|
|
501
|
+
.Spinner-module__hop-Spinner__label___QzFiY {
|
|
502
502
|
grid-area: label;
|
|
503
503
|
margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
|
|
504
504
|
}
|
|
505
505
|
|
|
506
506
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
|
|
507
|
-
.Button-module__hop-
|
|
507
|
+
.Button-module__hop-Button___X3-0x {
|
|
508
508
|
--hop-Button-border-radius: var(--hop-shape-rounded-md);
|
|
509
509
|
--hop-Button-focus-ring-color: var(--hop-primary-border-focus);
|
|
510
510
|
--hop-Button-icon-only-padding: 0;
|
|
@@ -663,317 +663,317 @@
|
|
|
663
663
|
background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
|
|
664
664
|
border var(--hop-easing-duration-2) var(--hop-easing-productive);
|
|
665
665
|
}
|
|
666
|
-
.Button-module__hop-
|
|
666
|
+
.Button-module__hop-Button___X3-0x[data-focus-visible] {
|
|
667
667
|
outline: 0.125rem solid var(--hop-Button-focus-ring-color);
|
|
668
668
|
}
|
|
669
|
-
.Button-module__hop-Button--icon-
|
|
669
|
+
.Button-module__hop-Button--icon-only___ozZIL {
|
|
670
670
|
--padding-block: var(--hop-Button-icon-only-padding);
|
|
671
671
|
--padding-inline: var(--hop-Button-icon-only-padding);
|
|
672
672
|
column-gap: 0;
|
|
673
673
|
aspect-ratio: 1;
|
|
674
674
|
}
|
|
675
|
-
.Button-module__hop-
|
|
676
|
-
.Button-module__hop-
|
|
675
|
+
.Button-module__hop-Button___X3-0x[data-disabled],
|
|
676
|
+
.Button-module__hop-Button___X3-0x[data-loading] {
|
|
677
677
|
cursor: not-allowed;
|
|
678
678
|
}
|
|
679
|
-
.Button-module__hop-Button--
|
|
679
|
+
.Button-module__hop-Button--fluid___QicVH {
|
|
680
680
|
--inline-size: 100%;
|
|
681
681
|
}
|
|
682
|
-
.Button-module__hop-Button--
|
|
682
|
+
.Button-module__hop-Button--sm___OqRJb {
|
|
683
683
|
--block-size: var(--hop-Button-sm-height);
|
|
684
684
|
}
|
|
685
|
-
.Button-module__hop-Button--
|
|
685
|
+
.Button-module__hop-Button--primary___EfW8J.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
686
686
|
--padding-inline: var(--hop-Button-primary-sm-padding-x);
|
|
687
687
|
--padding-block: var(--hop-Button-primary-sm-padding-y);
|
|
688
688
|
}
|
|
689
|
-
.Button-module__hop-Button--
|
|
689
|
+
.Button-module__hop-Button--primary___EfW8J.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
690
690
|
--padding-inline: var(--hop-Button-primary-md-padding-x);
|
|
691
691
|
--padding-block: var(--hop-Button-primary-md-padding-y);
|
|
692
692
|
}
|
|
693
|
-
.Button-module__hop-Button--
|
|
693
|
+
.Button-module__hop-Button--secondary___o0rOD.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
694
694
|
--padding-inline: var(--hop-Button-secondary-md-padding-x);
|
|
695
695
|
--padding-block: var(--hop-Button-secondary-md-padding-y);
|
|
696
696
|
}
|
|
697
|
-
.Button-module__hop-Button--
|
|
697
|
+
.Button-module__hop-Button--secondary___o0rOD.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
698
698
|
--padding-inline: var(--hop-Button-secondary-sm-padding-x);
|
|
699
699
|
--padding-block: var(--hop-Button-secondary-sm-padding-y);
|
|
700
700
|
}
|
|
701
|
-
.Button-module__hop-Button--
|
|
701
|
+
.Button-module__hop-Button--upsell___qIXrb.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
702
702
|
--padding-inline: var(--hop-Button-upsell-md-padding-x);
|
|
703
703
|
--padding-block: var(--hop-Button-upsell-md-padding-y);
|
|
704
704
|
}
|
|
705
|
-
.Button-module__hop-Button--
|
|
705
|
+
.Button-module__hop-Button--upsell___qIXrb.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
706
706
|
--padding-inline: var(--hop-Button-upsell-sm-padding-x);
|
|
707
707
|
--padding-block: var(--hop-Button-upsell-sm-padding-y);
|
|
708
708
|
}
|
|
709
|
-
.Button-module__hop-Button--
|
|
709
|
+
.Button-module__hop-Button--danger___118vy.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
710
710
|
--padding-inline: var(--hop-Button-danger-md-padding-x);
|
|
711
711
|
--padding-block: var(--hop-Button-danger-md-padding-y);
|
|
712
712
|
}
|
|
713
|
-
.Button-module__hop-Button--
|
|
713
|
+
.Button-module__hop-Button--danger___118vy.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
714
714
|
--padding-inline: var(--hop-Button-danger-sm-padding-x);
|
|
715
715
|
--padding-block: var(--hop-Button-danger-sm-padding-y);
|
|
716
716
|
}
|
|
717
|
-
.Button-module__hop-Button--ghost-
|
|
717
|
+
.Button-module__hop-Button--ghost-danger___4MlvW.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
718
718
|
--padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
|
|
719
719
|
--padding-block: var(--hop-Button-ghost-danger-md-padding-y);
|
|
720
720
|
}
|
|
721
|
-
.Button-module__hop-Button--ghost-
|
|
721
|
+
.Button-module__hop-Button--ghost-danger___4MlvW.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
722
722
|
--padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
|
|
723
723
|
--padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
|
|
724
724
|
}
|
|
725
|
-
.Button-module__hop-Button--ghost-
|
|
725
|
+
.Button-module__hop-Button--ghost-secondary___GWQ-G.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
726
726
|
--padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
|
|
727
727
|
--padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
|
|
728
728
|
}
|
|
729
|
-
.Button-module__hop-Button--ghost-
|
|
729
|
+
.Button-module__hop-Button--ghost-secondary___GWQ-G.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
730
730
|
--padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
|
|
731
731
|
--padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
|
|
732
732
|
}
|
|
733
|
-
.Button-module__hop-Button--ghost-
|
|
733
|
+
.Button-module__hop-Button--ghost-primary___NEFPi.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
734
734
|
--padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
|
|
735
735
|
--padding-block: var(--hop-Button-ghost-primary-md-padding-y);
|
|
736
736
|
}
|
|
737
|
-
.Button-module__hop-Button--ghost-
|
|
737
|
+
.Button-module__hop-Button--ghost-primary___NEFPi.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
|
|
738
738
|
--padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
|
|
739
739
|
--padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
|
|
740
740
|
}
|
|
741
|
-
.Button-module__hop-Button--
|
|
741
|
+
.Button-module__hop-Button--primary___EfW8J {
|
|
742
742
|
--background-color: var(--hop-Button-primary-background-color);
|
|
743
743
|
--color: var(--hop-Button-primary-color);
|
|
744
744
|
--border: var(--hop-Button-primary-border);
|
|
745
745
|
--spinner-color: var(--hop-Button-primary-spinner-color);
|
|
746
746
|
}
|
|
747
|
-
.Button-module__hop-Button--
|
|
747
|
+
.Button-module__hop-Button--primary___EfW8J[data-disabled]:not([data-loading]) {
|
|
748
748
|
--background-color: var(--hop-Button-primary-background-color-disabled);
|
|
749
749
|
--color: var(--hop-Button-primary-color-disabled);
|
|
750
750
|
--border: var(--hop-Button-primary-border-disabled);
|
|
751
751
|
}
|
|
752
|
-
.Button-module__hop-Button--
|
|
753
|
-
.Button-module__hop-Button--
|
|
752
|
+
.Button-module__hop-Button--primary___EfW8J[data-hovered]:not([data-disabled], [data-loading]),
|
|
753
|
+
.Button-module__hop-Button--primary___EfW8J[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
754
754
|
--background-color: var(--hop-Button-primary-background-color-hover);
|
|
755
755
|
--color: var(--hop-Button-primary-color-hover);
|
|
756
756
|
--border: var(--hop-Button-primary-border-hover);
|
|
757
757
|
}
|
|
758
|
-
.Button-module__hop-Button--
|
|
758
|
+
.Button-module__hop-Button--primary___EfW8J[data-pressed]:not([data-loading]) {
|
|
759
759
|
--background-color: var(--hop-Button-primary-background-color-pressed);
|
|
760
760
|
--color: var(--hop-Button-primary-color-pressed);
|
|
761
761
|
--border: var(--hop-Button-primary-border-pressed);
|
|
762
762
|
}
|
|
763
|
-
.Button-module__hop-Button--
|
|
763
|
+
.Button-module__hop-Button--secondary___o0rOD {
|
|
764
764
|
--background-color: var(--hop-Button-secondary-background-color);
|
|
765
765
|
--color: var(--hop-Button-secondary-color);
|
|
766
766
|
--border: var(--hop-Button-secondary-border);
|
|
767
767
|
--spinner-color: var(--hop-Button-secondary-spinner-color);
|
|
768
768
|
}
|
|
769
|
-
.Button-module__hop-Button--
|
|
769
|
+
.Button-module__hop-Button--secondary___o0rOD[data-disabled]:not([data-loading]) {
|
|
770
770
|
--background-color: var(--hop-Button-secondary-background-color-disabled);
|
|
771
771
|
--color: var(--hop-Button-secondary-color-disabled);
|
|
772
772
|
--border: var(--hop-Button-secondary-border-disabled);
|
|
773
773
|
}
|
|
774
|
-
.Button-module__hop-Button--
|
|
775
|
-
.Button-module__hop-Button--
|
|
774
|
+
.Button-module__hop-Button--secondary___o0rOD[data-hovered]:not([data-disabled], [data-loading]),
|
|
775
|
+
.Button-module__hop-Button--secondary___o0rOD[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
776
776
|
--background-color: var(--hop-Button-secondary-background-color-hover);
|
|
777
777
|
--color: var(--hop-Button-secondary-color-hover);
|
|
778
778
|
--border: var(--hop-Button-secondary-border-hover);
|
|
779
779
|
}
|
|
780
|
-
.Button-module__hop-Button--
|
|
780
|
+
.Button-module__hop-Button--secondary___o0rOD[data-pressed]:not([data-loading]) {
|
|
781
781
|
--background-color: var(--hop-Button-secondary-background-color-pressed);
|
|
782
782
|
--color: var(--hop-Button-secondary-color-pressed);
|
|
783
783
|
--border: var(--hop-Button-secondary-border-pressed);
|
|
784
784
|
}
|
|
785
|
-
.Button-module__hop-Button--
|
|
785
|
+
.Button-module__hop-Button--upsell___qIXrb {
|
|
786
786
|
--background-color: var(--hop-Button-upsell-background-color);
|
|
787
787
|
--color: var(--hop-Button-upsell-color);
|
|
788
788
|
--border: var(--hop-Button-upsell-border);
|
|
789
789
|
--spinner-color: var(--hop-Button-upsell-spinner-color);
|
|
790
790
|
}
|
|
791
|
-
.Button-module__hop-Button--
|
|
791
|
+
.Button-module__hop-Button--upsell___qIXrb[data-disabled]:not([data-loading]) {
|
|
792
792
|
--background-color: var(--hop-Button-upsell-background-color-disabled);
|
|
793
793
|
--color: var(--hop-Button-upsell-color-disabled);
|
|
794
794
|
--border: var(--hop-Button-upsell-border-disabled);
|
|
795
795
|
}
|
|
796
|
-
.Button-module__hop-Button--
|
|
797
|
-
.Button-module__hop-Button--
|
|
796
|
+
.Button-module__hop-Button--upsell___qIXrb[data-hovered]:not([data-disabled], [data-loading]),
|
|
797
|
+
.Button-module__hop-Button--upsell___qIXrb[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
798
798
|
--background-color: var(--hop-Button-upsell-background-color-hover);
|
|
799
799
|
--color: var(--hop-Button-upsell-color-hover);
|
|
800
800
|
--border: var(--hop-Button-upsell-border-hover);
|
|
801
801
|
}
|
|
802
|
-
.Button-module__hop-Button--
|
|
802
|
+
.Button-module__hop-Button--upsell___qIXrb[data-pressed]:not([data-loading]) {
|
|
803
803
|
--background-color: var(--hop-Button-upsell-background-color-pressed);
|
|
804
804
|
--color: var(--hop-Button-upsell-color-pressed);
|
|
805
805
|
--border: var(--hop-Button-upsell-border-pressed);
|
|
806
806
|
}
|
|
807
|
-
.Button-module__hop-Button--
|
|
807
|
+
.Button-module__hop-Button--danger___118vy {
|
|
808
808
|
--background-color: var(--hop-Button-danger-background-color);
|
|
809
809
|
--color: var(--hop-Button-danger-color);
|
|
810
810
|
--border: var(--hop-Button-danger-border);
|
|
811
811
|
--spinner-color: var(--hop-Button-danger-spinner-color);
|
|
812
812
|
}
|
|
813
|
-
.Button-module__hop-Button--
|
|
813
|
+
.Button-module__hop-Button--danger___118vy[data-disabled]:not([data-loading]) {
|
|
814
814
|
--background-color: var(--hop-Button-danger-background-color-disabled);
|
|
815
815
|
--color: var(--hop-Button-danger-color-disabled);
|
|
816
816
|
--border: var(--hop-Button-danger-border-disabled);
|
|
817
817
|
}
|
|
818
|
-
.Button-module__hop-Button--
|
|
819
|
-
.Button-module__hop-Button--
|
|
818
|
+
.Button-module__hop-Button--danger___118vy[data-hovered]:not([data-disabled], [data-loading]),
|
|
819
|
+
.Button-module__hop-Button--danger___118vy[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
820
820
|
--background-color: var(--hop-Button-danger-background-color-hover);
|
|
821
821
|
--color: var(--hop-Button-danger-color-hover);
|
|
822
822
|
--border: var(--hop-Button-danger-border-hover);
|
|
823
823
|
}
|
|
824
|
-
.Button-module__hop-Button--
|
|
824
|
+
.Button-module__hop-Button--danger___118vy[data-pressed]:not([data-loading]) {
|
|
825
825
|
--background-color: var(--hop-Button-danger-background-color-pressed);
|
|
826
826
|
--color: var(--hop-Button-danger-color-pressed);
|
|
827
827
|
--border: var(--hop-Button-danger-border-pressed);
|
|
828
828
|
}
|
|
829
|
-
.Button-module__hop-Button--ghost-
|
|
829
|
+
.Button-module__hop-Button--ghost-primary___NEFPi {
|
|
830
830
|
--background-color: var(--hop-Button-ghost-primary-background-color);
|
|
831
831
|
--color: var(--hop-Button-ghost-primary-color);
|
|
832
832
|
--border: var(--hop-Button-ghost-primary-border);
|
|
833
833
|
--spinner-color: var(--hop-Button-ghost-primary-spinner-color);
|
|
834
834
|
}
|
|
835
|
-
.Button-module__hop-Button--ghost-
|
|
835
|
+
.Button-module__hop-Button--ghost-primary___NEFPi[data-disabled]:not([data-loading]) {
|
|
836
836
|
--background-color: var(--hop-Button-ghost-primary-background-color-disabled);
|
|
837
837
|
--color: var(--hop-Button-ghost-primary-color-disabled);
|
|
838
838
|
--border: var(--hop-Button-ghost-primary-border-disabled);
|
|
839
839
|
}
|
|
840
|
-
.Button-module__hop-Button--ghost-
|
|
841
|
-
.Button-module__hop-Button--ghost-
|
|
840
|
+
.Button-module__hop-Button--ghost-primary___NEFPi[data-hovered]:not([data-disabled], [data-loading]),
|
|
841
|
+
.Button-module__hop-Button--ghost-primary___NEFPi[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
842
842
|
--background-color: var(--hop-Button-ghost-primary-background-color-hover);
|
|
843
843
|
--color: var(--hop-Button-ghost-primary-color-hover);
|
|
844
844
|
--border: var(--hop-Button-ghost-primary-border-hover);
|
|
845
845
|
}
|
|
846
|
-
.Button-module__hop-Button--ghost-
|
|
846
|
+
.Button-module__hop-Button--ghost-primary___NEFPi[data-pressed]:not([data-loading]) {
|
|
847
847
|
--background-color: var(--hop-Button-ghost-primary-background-color-pressed);
|
|
848
848
|
--color: var(--hop-Button-ghost-primary-color-pressed);
|
|
849
849
|
--border: var(--hop-Button-ghost-primary-border-pressed);
|
|
850
850
|
}
|
|
851
|
-
.Button-module__hop-Button--ghost-
|
|
851
|
+
.Button-module__hop-Button--ghost-secondary___GWQ-G {
|
|
852
852
|
--background-color: var(--hop-Button-ghost-secondary-background-color);
|
|
853
853
|
--color: var(--hop-Button-ghost-secondary-color);
|
|
854
854
|
--border: var(--hop-Button-ghost-secondary-border);
|
|
855
855
|
--spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
|
|
856
856
|
}
|
|
857
|
-
.Button-module__hop-Button--ghost-
|
|
857
|
+
.Button-module__hop-Button--ghost-secondary___GWQ-G[data-disabled]:not([data-loading]) {
|
|
858
858
|
--background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
|
|
859
859
|
--color: var(--hop-Button-ghost-secondary-color-disabled);
|
|
860
860
|
--border: var(--hop-Button-ghost-secondary-border-disabled);
|
|
861
861
|
}
|
|
862
|
-
.Button-module__hop-Button--ghost-
|
|
863
|
-
.Button-module__hop-Button--ghost-
|
|
862
|
+
.Button-module__hop-Button--ghost-secondary___GWQ-G[data-hovered]:not([data-disabled], [data-loading]),
|
|
863
|
+
.Button-module__hop-Button--ghost-secondary___GWQ-G[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
864
864
|
--background-color: var(--hop-Button-ghost-secondary-background-color-hover);
|
|
865
865
|
--color: var(--hop-Button-ghost-secondary-color-hover);
|
|
866
866
|
--border: var(--hop-Button-ghost-secondary-border-hover);
|
|
867
867
|
}
|
|
868
|
-
.Button-module__hop-Button--ghost-
|
|
868
|
+
.Button-module__hop-Button--ghost-secondary___GWQ-G[data-pressed]:not([data-loading]) {
|
|
869
869
|
--background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
|
|
870
870
|
--color: var(--hop-Button-ghost-secondary-color-pressed);
|
|
871
871
|
--border: var(--hop-Button-ghost-secondary-border-pressed);
|
|
872
872
|
}
|
|
873
|
-
.Button-module__hop-Button--ghost-
|
|
873
|
+
.Button-module__hop-Button--ghost-danger___4MlvW {
|
|
874
874
|
--background-color: var(--hop-Button-ghost-danger-background-color);
|
|
875
875
|
--color: var(--hop-Button-ghost-danger-color);
|
|
876
876
|
--border: var(--hop-Button-ghost-danger-border);
|
|
877
877
|
--spinner-color: var(--hop-Button-ghost-danger-spinner-color);
|
|
878
878
|
}
|
|
879
|
-
.Button-module__hop-Button--ghost-
|
|
879
|
+
.Button-module__hop-Button--ghost-danger___4MlvW[data-disabled]:not([data-loading]) {
|
|
880
880
|
--background-color: var(--hop-Button-ghost-danger-background-color-disabled);
|
|
881
881
|
--color: var(--hop-Button-ghost-danger-color-disabled);
|
|
882
882
|
--border: var(--hop-Button-ghost-danger-border-disabled);
|
|
883
883
|
}
|
|
884
|
-
.Button-module__hop-Button--ghost-
|
|
885
|
-
.Button-module__hop-Button--ghost-
|
|
884
|
+
.Button-module__hop-Button--ghost-danger___4MlvW[data-hovered]:not([data-disabled], [data-loading]),
|
|
885
|
+
.Button-module__hop-Button--ghost-danger___4MlvW[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
886
886
|
--background-color: var(--hop-Button-ghost-danger-background-color-hover);
|
|
887
887
|
--color: var(--hop-Button-ghost-danger-color-hover);
|
|
888
888
|
--border: var(--hop-Button-ghost-danger-border-hover);
|
|
889
889
|
}
|
|
890
|
-
.Button-module__hop-Button--ghost-
|
|
890
|
+
.Button-module__hop-Button--ghost-danger___4MlvW[data-pressed]:not([data-loading]) {
|
|
891
891
|
--background-color: var(--hop-Button-ghost-danger-background-color-pressed);
|
|
892
892
|
--color: var(--hop-Button-ghost-danger-color-pressed);
|
|
893
893
|
--border: var(--hop-Button-ghost-danger-border-pressed);
|
|
894
894
|
}
|
|
895
|
-
.Button-module__hop-
|
|
895
|
+
.Button-module__hop-Button__Spinner___RJv8A {
|
|
896
896
|
position: absolute;
|
|
897
897
|
justify-self: center;
|
|
898
898
|
color: var(--spinner-color);
|
|
899
899
|
}
|
|
900
|
-
.Button-module__hop-
|
|
901
|
-
.Button-module__hop-Button__icon-
|
|
900
|
+
.Button-module__hop-Button__icon___IacjS,
|
|
901
|
+
.Button-module__hop-Button__icon-list___7QJ0M {
|
|
902
902
|
grid-area: start-icon;
|
|
903
903
|
justify-self: end;
|
|
904
904
|
}
|
|
905
|
-
.Button-module__hop-
|
|
905
|
+
.Button-module__hop-Button__text___hPZot {
|
|
906
906
|
user-select: none;
|
|
907
907
|
overflow: visible;
|
|
908
908
|
grid-area: content;
|
|
909
909
|
font-weight: var(--hop-font-weight-505);
|
|
910
910
|
text-wrap: nowrap;
|
|
911
911
|
}
|
|
912
|
-
.Button-module__hop-Button--ghost-
|
|
913
|
-
.Button-module__hop-Button--ghost-
|
|
914
|
-
.Button-module__hop-Button--ghost-
|
|
915
|
-
.Button-module__hop-Button--ghost-
|
|
916
|
-
.Button-module__hop-Button--ghost-
|
|
917
|
-
.Button-module__hop-Button--ghost-
|
|
918
|
-
.Button-module__hop-Button--ghost-
|
|
919
|
-
.Button-module__hop-Button--ghost-
|
|
920
|
-
.Button-module__hop-Button--ghost-
|
|
912
|
+
.Button-module__hop-Button--ghost-primary___NEFPi[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
|
|
913
|
+
.Button-module__hop-Button--ghost-secondary___GWQ-G[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
|
|
914
|
+
.Button-module__hop-Button--ghost-danger___4MlvW[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
|
|
915
|
+
.Button-module__hop-Button--ghost-primary___NEFPi[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
|
|
916
|
+
.Button-module__hop-Button--ghost-secondary___GWQ-G[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
|
|
917
|
+
.Button-module__hop-Button--ghost-danger___4MlvW[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
|
|
918
|
+
.Button-module__hop-Button--ghost-primary___NEFPi[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
|
|
919
|
+
.Button-module__hop-Button--ghost-secondary___GWQ-G[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
|
|
920
|
+
.Button-module__hop-Button--ghost-danger___4MlvW[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hPZot {
|
|
921
921
|
text-decoration: underline;
|
|
922
922
|
text-underline-offset: 0.125rem;
|
|
923
923
|
}
|
|
924
|
-
.Button-module__hop-Button__end-
|
|
925
|
-
.Button-module__hop-Button__end-icon-
|
|
924
|
+
.Button-module__hop-Button__end-icon___o1toW,
|
|
925
|
+
.Button-module__hop-Button__end-icon-list___VtgFC {
|
|
926
926
|
grid-area: end-icon;
|
|
927
927
|
}
|
|
928
|
-
.Button-module__hop-
|
|
929
|
-
.Button-module__hop-
|
|
928
|
+
.Button-module__hop-Button___X3-0x .Button-module__hop-Button__icon-list___7QJ0M,
|
|
929
|
+
.Button-module__hop-Button___X3-0x .Button-module__hop-Button__end-icon-list___VtgFC {
|
|
930
930
|
flex-wrap: nowrap;
|
|
931
931
|
}
|
|
932
|
-
.Button-module__hop-
|
|
932
|
+
.Button-module__hop-Button___X3-0x[data-loading] > *:not(.Button-module__hop-Button__Spinner___RJv8A) {
|
|
933
933
|
opacity: 0;
|
|
934
934
|
}
|
|
935
935
|
|
|
936
936
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
|
|
937
|
-
.ButtonGroup-module__hop-
|
|
937
|
+
.ButtonGroup-module__hop-ButtonGroup___T2rBH {
|
|
938
938
|
display: inline-flex;
|
|
939
939
|
flex-wrap: nowrap;
|
|
940
940
|
gap: var(--hop-space-inline-md);
|
|
941
941
|
}
|
|
942
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
942
|
+
.ButtonGroup-module__hop-ButtonGroup--horizontal___cRn0h {
|
|
943
943
|
justify-content: center;
|
|
944
944
|
}
|
|
945
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
945
|
+
.ButtonGroup-module__hop-ButtonGroup--vertical___Vp1nj {
|
|
946
946
|
flex-direction: column;
|
|
947
947
|
gap: var(--hop-space-stack-md);
|
|
948
948
|
align-items: center;
|
|
949
949
|
}
|
|
950
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
950
|
+
.ButtonGroup-module__hop-ButtonGroup--start___lYISP.ButtonGroup-module__hop-ButtonGroup--vertical___Vp1nj {
|
|
951
951
|
align-items: flex-start;
|
|
952
952
|
}
|
|
953
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
953
|
+
.ButtonGroup-module__hop-ButtonGroup--center___Cq9Tw.ButtonGroup-module__hop-ButtonGroup--vertical___Vp1nj {
|
|
954
954
|
align-items: center;
|
|
955
955
|
}
|
|
956
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
956
|
+
.ButtonGroup-module__hop-ButtonGroup--end___x49qz.ButtonGroup-module__hop-ButtonGroup--vertical___Vp1nj {
|
|
957
957
|
align-items: flex-end;
|
|
958
958
|
}
|
|
959
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
959
|
+
.ButtonGroup-module__hop-ButtonGroup--start___lYISP.ButtonGroup-module__hop-ButtonGroup--horizontal___cRn0h {
|
|
960
960
|
justify-content: flex-start;
|
|
961
961
|
}
|
|
962
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
962
|
+
.ButtonGroup-module__hop-ButtonGroup--center___Cq9Tw.ButtonGroup-module__hop-ButtonGroup--horizontal___cRn0h {
|
|
963
963
|
justify-content: center;
|
|
964
964
|
}
|
|
965
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
965
|
+
.ButtonGroup-module__hop-ButtonGroup--end___x49qz.ButtonGroup-module__hop-ButtonGroup--horizontal___cRn0h {
|
|
966
966
|
justify-content: flex-end;
|
|
967
967
|
}
|
|
968
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
968
|
+
.ButtonGroup-module__hop-ButtonGroup--wrap___k82r5 {
|
|
969
969
|
flex-wrap: wrap;
|
|
970
970
|
}
|
|
971
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
971
|
+
.ButtonGroup-module__hop-ButtonGroup--fluid___ycJSJ {
|
|
972
972
|
inline-size: 100%;
|
|
973
973
|
}
|
|
974
974
|
|
|
975
975
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
|
|
976
|
-
.EmbeddedButton-module__hop-
|
|
976
|
+
.EmbeddedButton-module__hop-EmbeddedButton___JJDxk {
|
|
977
977
|
--hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
|
|
978
978
|
--hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
|
|
979
979
|
--hop-EmbeddedButton-color: var(--hop-neutral-icon-weak);
|
|
@@ -1022,7 +1022,7 @@
|
|
|
1022
1022
|
outline: none;
|
|
1023
1023
|
transition: color var(--transition);
|
|
1024
1024
|
}
|
|
1025
|
-
.EmbeddedButton-module__hop-
|
|
1025
|
+
.EmbeddedButton-module__hop-EmbeddedButton___JJDxk::before {
|
|
1026
1026
|
content: "";
|
|
1027
1027
|
position: absolute;
|
|
1028
1028
|
inset-block-start: 50%;
|
|
@@ -1035,48 +1035,48 @@
|
|
|
1035
1035
|
border-radius: var(--effect-border-radius);
|
|
1036
1036
|
transition: background-color var(--transition);
|
|
1037
1037
|
}
|
|
1038
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1038
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___9bzMg {
|
|
1039
1039
|
--inline-size: var(--hop-EmbeddedButton-md-width);
|
|
1040
1040
|
--block-size: var(--hop-EmbeddedButton-md-height);
|
|
1041
1041
|
--focus-ring-offset: calc(-1 * var(--focus-ring-size));
|
|
1042
1042
|
}
|
|
1043
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1043
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___VQwhE {
|
|
1044
1044
|
--inline-size: var(--hop-EmbeddedButton-lg-width);
|
|
1045
1045
|
--block-size: var(--hop-EmbeddedButton-lg-height);
|
|
1046
1046
|
--focus-ring-offset: 0;
|
|
1047
1047
|
}
|
|
1048
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1048
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___9bzMg::before {
|
|
1049
1049
|
--effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
|
|
1050
1050
|
--effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
|
|
1051
1051
|
}
|
|
1052
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1052
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___VQwhE::before {
|
|
1053
1053
|
--effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
|
|
1054
1054
|
--effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
|
|
1055
1055
|
}
|
|
1056
|
-
.EmbeddedButton-module__hop-
|
|
1056
|
+
.EmbeddedButton-module__hop-EmbeddedButton___JJDxk[data-focus-visible] {
|
|
1057
1057
|
outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
|
|
1058
1058
|
outline-offset: var(--focus-ring-offset);
|
|
1059
1059
|
}
|
|
1060
|
-
.EmbeddedButton-module__hop-
|
|
1060
|
+
.EmbeddedButton-module__hop-EmbeddedButton___JJDxk[data-disabled] {
|
|
1061
1061
|
--effect-background-color: var(--hop-EmbeddedButton-effect-background-color-disabled);
|
|
1062
1062
|
--color: var(--hop-EmbeddedButton-color-disabled);
|
|
1063
1063
|
cursor: not-allowed;
|
|
1064
1064
|
}
|
|
1065
|
-
.EmbeddedButton-module__hop-
|
|
1066
|
-
.EmbeddedButton-module__hop-
|
|
1065
|
+
.EmbeddedButton-module__hop-EmbeddedButton___JJDxk[data-hovered]:not([data-disabled], [data-pressed]),
|
|
1066
|
+
.EmbeddedButton-module__hop-EmbeddedButton___JJDxk[data-focus-visible]:not([data-disabled], [data-pressed]) {
|
|
1067
1067
|
--effect-background-color: var(--hop-EmbeddedButton-effect-background-color-hover);
|
|
1068
1068
|
--color: var(--hop-EmbeddedButton-color-hover);
|
|
1069
1069
|
}
|
|
1070
|
-
.EmbeddedButton-module__hop-
|
|
1070
|
+
.EmbeddedButton-module__hop-EmbeddedButton___JJDxk[data-pressed]:not([data-disabled]) {
|
|
1071
1071
|
--effect-background-color: var(--hop-EmbeddedButton-effect-background-color-pressed);
|
|
1072
1072
|
--color: var(--hop-EmbeddedButton-color-pressed);
|
|
1073
1073
|
}
|
|
1074
|
-
.EmbeddedButton-module__hop-
|
|
1074
|
+
.EmbeddedButton-module__hop-EmbeddedButton__icon___aC6E8 {
|
|
1075
1075
|
position: relative;
|
|
1076
1076
|
}
|
|
1077
1077
|
|
|
1078
1078
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
|
|
1079
|
-
.Checkbox-module__hop-
|
|
1079
|
+
.Checkbox-module__hop-Checkbox___-skry {
|
|
1080
1080
|
--hop-Checkbox-box-border-size: 0.0625rem;
|
|
1081
1081
|
--hop-Checkbox-box-border-color: var(--hop-neutral-border);
|
|
1082
1082
|
--hop-Checkbox-box-background-color: var(--hop-neutral-surface);
|
|
@@ -1152,8 +1152,8 @@
|
|
|
1152
1152
|
inline-size: max-content;
|
|
1153
1153
|
max-inline-size: 100%;
|
|
1154
1154
|
}
|
|
1155
|
-
.Checkbox-module__hop-
|
|
1156
|
-
.Checkbox-module__hop-Checkbox--
|
|
1155
|
+
.Checkbox-module__hop-Checkbox___-skry[data-focus-visible],
|
|
1156
|
+
.Checkbox-module__hop-Checkbox--focused___X0QkL {
|
|
1157
1157
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused);
|
|
1158
1158
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused);
|
|
1159
1159
|
--box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
|
|
@@ -1161,22 +1161,22 @@
|
|
|
1161
1161
|
--icon-color: var(--hop-Checkbox-icon-color-focused);
|
|
1162
1162
|
--description-color: var(--hop-Checkbox-description-color-focus);
|
|
1163
1163
|
}
|
|
1164
|
-
.Checkbox-module__hop-
|
|
1165
|
-
.Checkbox-module__hop-Checkbox--
|
|
1164
|
+
.Checkbox-module__hop-Checkbox___-skry[data-hovered],
|
|
1165
|
+
.Checkbox-module__hop-Checkbox--hovered___Sy-i1 {
|
|
1166
1166
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered);
|
|
1167
1167
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered);
|
|
1168
1168
|
--text-color: var(--hop-Checkbox-text-color-hovered);
|
|
1169
1169
|
--icon-color: var(--hop-Checkbox-icon-color-hovered);
|
|
1170
1170
|
--description-color: var(--hop-Checkbox-description-color-hover);
|
|
1171
1171
|
}
|
|
1172
|
-
.Checkbox-module__hop-
|
|
1173
|
-
.Checkbox-module__hop-Checkbox--
|
|
1172
|
+
.Checkbox-module__hop-Checkbox___-skry[data-pressed],
|
|
1173
|
+
.Checkbox-module__hop-Checkbox--pressed___L-0uq {
|
|
1174
1174
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed);
|
|
1175
1175
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed);
|
|
1176
1176
|
--text-color: var(--hop-Checkbox-text-color-pressed);
|
|
1177
1177
|
--icon-color: var(--hop-Checkbox-icon-color-pressed);
|
|
1178
1178
|
}
|
|
1179
|
-
.Checkbox-module__hop-
|
|
1179
|
+
.Checkbox-module__hop-Checkbox___-skry[data-selected] {
|
|
1180
1180
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected);
|
|
1181
1181
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected);
|
|
1182
1182
|
--check-display: var(--hop-Checkbox-check-display-selected);
|
|
@@ -1184,7 +1184,7 @@
|
|
|
1184
1184
|
--icon-color: var(--hop-Checkbox-icon-color-selected);
|
|
1185
1185
|
--description-color: var(--hop-Checkbox-description-color-checked);
|
|
1186
1186
|
}
|
|
1187
|
-
.Checkbox-module__hop-
|
|
1187
|
+
.Checkbox-module__hop-Checkbox___-skry[data-invalid] {
|
|
1188
1188
|
--box-background-color: var(--hop-Checkbox-box-background-color-invalid);
|
|
1189
1189
|
--box-border-color: var(--hop-Checkbox-box-border-color-invalid);
|
|
1190
1190
|
--check-color: var(--hop-Checkbox-check-color-invalid);
|
|
@@ -1192,27 +1192,27 @@
|
|
|
1192
1192
|
--icon-color: var(--hop-Checkbox-icon-color-invalid);
|
|
1193
1193
|
--description-color: var(--hop-Checkbox-description-color-invalid);
|
|
1194
1194
|
}
|
|
1195
|
-
.Checkbox-module__hop-
|
|
1195
|
+
.Checkbox-module__hop-Checkbox___-skry[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___X0QkL) {
|
|
1196
1196
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
|
|
1197
1197
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
|
|
1198
1198
|
}
|
|
1199
|
-
.Checkbox-module__hop-
|
|
1199
|
+
.Checkbox-module__hop-Checkbox___-skry[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___Sy-i1) {
|
|
1200
1200
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
|
|
1201
1201
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
|
|
1202
1202
|
--text-color: var(--hop-Checkbox-text-color-hovered-invalid);
|
|
1203
1203
|
--icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
|
|
1204
1204
|
}
|
|
1205
|
-
.Checkbox-module__hop-
|
|
1205
|
+
.Checkbox-module__hop-Checkbox___-skry[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___L-0uq) {
|
|
1206
1206
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
|
|
1207
1207
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
|
|
1208
1208
|
--text-color: var(--hop-Checkbox-text-color-pressed-invalid);
|
|
1209
1209
|
--icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
|
|
1210
1210
|
}
|
|
1211
|
-
.Checkbox-module__hop-
|
|
1211
|
+
.Checkbox-module__hop-Checkbox___-skry:where([data-invalid])[data-selected] {
|
|
1212
1212
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
|
|
1213
1213
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
|
|
1214
1214
|
}
|
|
1215
|
-
.Checkbox-module__hop-
|
|
1215
|
+
.Checkbox-module__hop-Checkbox___-skry[data-disabled] {
|
|
1216
1216
|
--box-background-color: var(--hop-Checkbox-box-background-color-disabled);
|
|
1217
1217
|
--box-border-color: var(--hop-Checkbox-box-border-color-disabled);
|
|
1218
1218
|
--check-color: var(--hop-Checkbox-check-color-disabled);
|
|
@@ -1221,25 +1221,25 @@
|
|
|
1221
1221
|
--icon-color: var(--hop-Checkbox-icon-color-disabled);
|
|
1222
1222
|
--description-color: var(--hop-Checkbox-description-color-disabled);
|
|
1223
1223
|
}
|
|
1224
|
-
.Checkbox-module__hop-Checkbox--
|
|
1224
|
+
.Checkbox-module__hop-Checkbox--sm___6VG9N {
|
|
1225
1225
|
--box-block-size: var(--hop-Checkbox-box-sm-block-size);
|
|
1226
1226
|
--box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
|
|
1227
1227
|
--text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
|
|
1228
1228
|
--text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
|
|
1229
1229
|
}
|
|
1230
|
-
.Checkbox-module__hop-Checkbox--
|
|
1230
|
+
.Checkbox-module__hop-Checkbox--md___uK-n- {
|
|
1231
1231
|
--box-block-size: var(--hop-Checkbox-box-md-block-size);
|
|
1232
1232
|
--box-inline-size: var(--hop-Checkbox-box-md-inline-size);
|
|
1233
1233
|
--text-top-offset: var(--hop-Checkbox-text-md-top-offset);
|
|
1234
1234
|
--text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
|
|
1235
1235
|
}
|
|
1236
|
-
.Checkbox-module__hop-
|
|
1237
|
-
.Checkbox-module__hop-Checkbox__icon-
|
|
1236
|
+
.Checkbox-module__hop-Checkbox__icon___UWW9Q,
|
|
1237
|
+
.Checkbox-module__hop-Checkbox__icon-list___ZJ8OH {
|
|
1238
1238
|
flex: 0 0 auto;
|
|
1239
1239
|
order: 3;
|
|
1240
1240
|
color: var(--icon-color);
|
|
1241
1241
|
}
|
|
1242
|
-
.Checkbox-module__hop-
|
|
1242
|
+
.Checkbox-module__hop-Checkbox__box___IrGoV {
|
|
1243
1243
|
display: flex;
|
|
1244
1244
|
flex: 0 0 auto;
|
|
1245
1245
|
align-items: center;
|
|
@@ -1255,11 +1255,11 @@
|
|
|
1255
1255
|
outline-offset: 0.125rem;
|
|
1256
1256
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
1257
1257
|
}
|
|
1258
|
-
.Checkbox-module__hop-
|
|
1258
|
+
.Checkbox-module__hop-Checkbox__check___R6h7l {
|
|
1259
1259
|
display: var(--check-display);
|
|
1260
1260
|
color: var(--check-color);
|
|
1261
1261
|
}
|
|
1262
|
-
.Checkbox-module__hop-
|
|
1262
|
+
.Checkbox-module__hop-Checkbox__text___uO5pN {
|
|
1263
1263
|
flex: 0 1 auto;
|
|
1264
1264
|
order: 2;
|
|
1265
1265
|
min-inline-size: 0;
|
|
@@ -1269,7 +1269,7 @@
|
|
|
1269
1269
|
}
|
|
1270
1270
|
|
|
1271
1271
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
|
|
1272
|
-
.CheckboxField-module__hop-
|
|
1272
|
+
.CheckboxField-module__hop-CheckboxField___pydl9 {
|
|
1273
1273
|
--hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
|
|
1274
1274
|
--hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
1275
1275
|
--hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -1288,28 +1288,28 @@
|
|
|
1288
1288
|
inline-size: max-content;
|
|
1289
1289
|
max-inline-size: 100%;
|
|
1290
1290
|
}
|
|
1291
|
-
.CheckboxField-module__hop-
|
|
1291
|
+
.CheckboxField-module__hop-CheckboxField___pydl9[data-disabled] {
|
|
1292
1292
|
--description-color: var(--hop-CheckboxField-description-color-disabled);
|
|
1293
1293
|
}
|
|
1294
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
1294
|
+
.CheckboxField-module__hop-CheckboxField--sm___Fopud {
|
|
1295
1295
|
--row-gap: var(--hop-CheckboxField-sm-row-gap);
|
|
1296
1296
|
--description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
|
|
1297
1297
|
}
|
|
1298
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
1298
|
+
.CheckboxField-module__hop-CheckboxField--md___UCUdY {
|
|
1299
1299
|
--row-gap: var(--hop-CheckboxField-md-row-gap);
|
|
1300
1300
|
--description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
|
|
1301
1301
|
}
|
|
1302
|
-
.CheckboxField-module__hop-
|
|
1302
|
+
.CheckboxField-module__hop-CheckboxField__description___tatz9 {
|
|
1303
1303
|
order: 2;
|
|
1304
1304
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
|
|
1305
1305
|
color: var(--description-color);
|
|
1306
1306
|
}
|
|
1307
|
-
.CheckboxField-module__hop-
|
|
1307
|
+
.CheckboxField-module__hop-CheckboxField__checkbox___NXlad {
|
|
1308
1308
|
order: 1;
|
|
1309
1309
|
}
|
|
1310
1310
|
|
|
1311
1311
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
|
|
1312
|
-
.ErrorMessage-module__hop-
|
|
1312
|
+
.ErrorMessage-module__hop-ErrorMessage___yC5xH {
|
|
1313
1313
|
--hop-ErrorMessage-color: var(--hop-danger-text-weak);
|
|
1314
1314
|
--hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
|
|
1315
1315
|
--hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
|
|
@@ -1326,13 +1326,13 @@
|
|
|
1326
1326
|
line-height: var(--hop-ErrorMessage-line-height);
|
|
1327
1327
|
color: var(--hop-ErrorMessage-color);
|
|
1328
1328
|
}
|
|
1329
|
-
.ErrorMessage-module__hop-
|
|
1329
|
+
.ErrorMessage-module__hop-ErrorMessage__icon___8C4pS {
|
|
1330
1330
|
flex: 0 0 auto;
|
|
1331
1331
|
align-self: flex-start;
|
|
1332
1332
|
}
|
|
1333
1333
|
|
|
1334
1334
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
|
|
1335
|
-
.HelperMessage-module__hop-
|
|
1335
|
+
.HelperMessage-module__hop-HelperMessage___m-yIS {
|
|
1336
1336
|
--hop-HelperMessage-color: var(--hop-neutral-text-weak);
|
|
1337
1337
|
--hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
|
|
1338
1338
|
display: flex;
|
|
@@ -1341,13 +1341,13 @@
|
|
|
1341
1341
|
box-sizing: border-box;
|
|
1342
1342
|
color: var(--hop-HelperMessage-color);
|
|
1343
1343
|
}
|
|
1344
|
-
.HelperMessage-module__hop-
|
|
1344
|
+
.HelperMessage-module__hop-HelperMessage__icon___CaMfM {
|
|
1345
1345
|
flex: 0 0 auto;
|
|
1346
1346
|
align-self: flex-start;
|
|
1347
1347
|
}
|
|
1348
1348
|
|
|
1349
1349
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
|
|
1350
|
-
.CheckboxGroup-module__hop-
|
|
1350
|
+
.CheckboxGroup-module__hop-CheckboxGroup___mj5ai {
|
|
1351
1351
|
--hop-CheckboxGroup-align-items: flex-start;
|
|
1352
1352
|
--hop-CheckboxGroup-justify-content: flex-start;
|
|
1353
1353
|
--hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -1386,46 +1386,46 @@
|
|
|
1386
1386
|
inline-size: max-content;
|
|
1387
1387
|
max-inline-size: 100%;
|
|
1388
1388
|
}
|
|
1389
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1389
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo {
|
|
1390
1390
|
--list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
|
|
1391
1391
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
1392
1392
|
}
|
|
1393
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1393
|
+
.CheckboxGroup-module__hop-CheckboxGroup--sm___h4UgL {
|
|
1394
1394
|
--column-gap: var(--hop-CheckboxGroup-sm-column-gap);
|
|
1395
1395
|
--row-gap: var(--hop-CheckboxGroup-sm-row-gap);
|
|
1396
1396
|
--list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
|
|
1397
1397
|
--list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
|
|
1398
1398
|
}
|
|
1399
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1399
|
+
.CheckboxGroup-module__hop-CheckboxGroup--md___O34t9 {
|
|
1400
1400
|
--column-gap: var(--hop-CheckboxGroup-md-column-gap);
|
|
1401
1401
|
--row-gap: var(--hop-CheckboxGroup-md-row-gap);
|
|
1402
1402
|
--list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
|
|
1403
1403
|
--list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
|
|
1404
1404
|
}
|
|
1405
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1405
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo.CheckboxGroup-module__hop-CheckboxGroup--sm___h4UgL {
|
|
1406
1406
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
|
|
1407
1407
|
--column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
|
|
1408
1408
|
--row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
|
|
1409
1409
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
|
|
1410
1410
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
|
|
1411
1411
|
}
|
|
1412
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1412
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo.CheckboxGroup-module__hop-CheckboxGroup--md___O34t9 {
|
|
1413
1413
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
|
|
1414
1414
|
--column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
|
|
1415
1415
|
--row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
|
|
1416
1416
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
|
|
1417
1417
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
|
|
1418
1418
|
}
|
|
1419
|
-
.CheckboxGroup-module__hop-
|
|
1419
|
+
.CheckboxGroup-module__hop-CheckboxGroup___mj5ai[data-orientation=horizontal] {
|
|
1420
1420
|
--flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
|
|
1421
1421
|
}
|
|
1422
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1422
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo[data-orientation=horizontal] {
|
|
1423
1423
|
--flex-wrap: nowrap;
|
|
1424
1424
|
}
|
|
1425
|
-
.CheckboxGroup-module__hop-
|
|
1425
|
+
.CheckboxGroup-module__hop-CheckboxGroup___mj5ai > .CheckboxGroup-module__hop-CheckboxGroup__label___rX9kr {
|
|
1426
1426
|
order: 1;
|
|
1427
1427
|
}
|
|
1428
|
-
.CheckboxGroup-module__hop-
|
|
1428
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o {
|
|
1429
1429
|
display: flex;
|
|
1430
1430
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
1431
1431
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -1436,7 +1436,7 @@
|
|
|
1436
1436
|
border: var(--list-border, none);
|
|
1437
1437
|
border-radius: var(--list-border-radius, 0);
|
|
1438
1438
|
}
|
|
1439
|
-
.CheckboxGroup-module__hop-
|
|
1439
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU {
|
|
1440
1440
|
position: relative;
|
|
1441
1441
|
flex: 0 1 auto;
|
|
1442
1442
|
align-content: start;
|
|
@@ -1444,28 +1444,28 @@
|
|
|
1444
1444
|
min-inline-size: 0;
|
|
1445
1445
|
padding: var(--checkbox-padding, 0);
|
|
1446
1446
|
}
|
|
1447
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1447
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU::before {
|
|
1448
1448
|
content: "";
|
|
1449
1449
|
position: absolute;
|
|
1450
1450
|
display: block;
|
|
1451
1451
|
}
|
|
1452
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1452
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU::before {
|
|
1453
1453
|
inset-block-start: 0;
|
|
1454
1454
|
inset-inline: 0;
|
|
1455
1455
|
border-block-start: var(--list-border, none);
|
|
1456
1456
|
}
|
|
1457
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1457
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU::before {
|
|
1458
1458
|
inset-block: 0;
|
|
1459
1459
|
inset-inline-start: 0;
|
|
1460
1460
|
border-inline-start: var(--list-border, none);
|
|
1461
1461
|
}
|
|
1462
|
-
.CheckboxGroup-module__hop-
|
|
1463
|
-
.CheckboxGroup-module__hop-
|
|
1462
|
+
.CheckboxGroup-module__hop-CheckboxGroup___mj5ai > .CheckboxGroup-module__hop-CheckboxGroup__error-message___KV5Zl,
|
|
1463
|
+
.CheckboxGroup-module__hop-CheckboxGroup___mj5ai > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___gibWl {
|
|
1464
1464
|
order: 3;
|
|
1465
1465
|
}
|
|
1466
1466
|
|
|
1467
1467
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Chip/src/Chip.module.css/#css-module-data */
|
|
1468
|
-
.Chip-module__hop-
|
|
1468
|
+
.Chip-module__hop-Chip___ryqfQ {
|
|
1469
1469
|
--hop-Chip-border-size: 0.0625rem;
|
|
1470
1470
|
--hop-Chip-border-radius: var(--hop-shape-pill);
|
|
1471
1471
|
--hop-Chip-column-gap: var(--hop-space-inline-xs);
|
|
@@ -1535,94 +1535,94 @@
|
|
|
1535
1535
|
border: var(--border-size) solid var(--border-color);
|
|
1536
1536
|
border-radius: var(--border-radius);
|
|
1537
1537
|
}
|
|
1538
|
-
.Chip-module__hop-Chip--
|
|
1538
|
+
.Chip-module__hop-Chip--xs___Dk8KH {
|
|
1539
1539
|
--block-size: var(--hop-Chip-xs-block-size);
|
|
1540
1540
|
--padding-inline: var(--hop-Chip-xs-padding-inline);
|
|
1541
1541
|
}
|
|
1542
|
-
.Chip-module__hop-Chip--
|
|
1542
|
+
.Chip-module__hop-Chip--sm___rchJM {
|
|
1543
1543
|
--block-size: var(--hop-Chip-sm-block-size);
|
|
1544
1544
|
--padding-inline: var(--hop-Chip-sm-padding-inline);
|
|
1545
1545
|
}
|
|
1546
|
-
.Chip-module__hop-Chip--
|
|
1546
|
+
.Chip-module__hop-Chip--md___fObcF {
|
|
1547
1547
|
--block-size: var(--hop-Chip-md-block-size);
|
|
1548
1548
|
--padding-inline: var(--hop-Chip-md-padding-inline);
|
|
1549
1549
|
}
|
|
1550
|
-
.Chip-module__hop-Chip--
|
|
1550
|
+
.Chip-module__hop-Chip--lg___ReKR5 {
|
|
1551
1551
|
--block-size: var(--hop-Chip-lg-block-size);
|
|
1552
1552
|
--padding-inline: var(--hop-Chip-lg-padding-inline);
|
|
1553
1553
|
}
|
|
1554
|
-
.Chip-module__hop-Chip--
|
|
1554
|
+
.Chip-module__hop-Chip--neutral___c8RVA {
|
|
1555
1555
|
--border-color: var(--hop-Chip-neutral-border-color);
|
|
1556
1556
|
--background-color: var(--hop-Chip-neutral-background-color);
|
|
1557
1557
|
--text-color: var(--hop-Chip-neutral-text-color);
|
|
1558
1558
|
}
|
|
1559
|
-
.Chip-module__hop-Chip--
|
|
1559
|
+
.Chip-module__hop-Chip--progress___eFoyh {
|
|
1560
1560
|
--border-color: var(--hop-Chip-progress-border-color);
|
|
1561
1561
|
--background-color: var(--hop-Chip-progress-background-color);
|
|
1562
1562
|
--text-color: var(--hop-Chip-progress-text-color);
|
|
1563
1563
|
}
|
|
1564
|
-
.Chip-module__hop-Chip--
|
|
1564
|
+
.Chip-module__hop-Chip--positive___He-A8 {
|
|
1565
1565
|
--border-color: var(--hop-Chip-positive-border-color);
|
|
1566
1566
|
--background-color: var(--hop-Chip-positive-background-color);
|
|
1567
1567
|
--text-color: var(--hop-Chip-positive-text-color);
|
|
1568
1568
|
}
|
|
1569
|
-
.Chip-module__hop-Chip--
|
|
1569
|
+
.Chip-module__hop-Chip--caution___bQ9KD {
|
|
1570
1570
|
--border-color: var(--hop-Chip-caution-border-color);
|
|
1571
1571
|
--background-color: var(--hop-Chip-caution-background-color);
|
|
1572
1572
|
--text-color: var(--hop-Chip-caution-text-color);
|
|
1573
1573
|
}
|
|
1574
|
-
.Chip-module__hop-Chip--
|
|
1574
|
+
.Chip-module__hop-Chip--negative___cmmy0 {
|
|
1575
1575
|
--border-color: var(--hop-Chip-negative-border-color);
|
|
1576
1576
|
--background-color: var(--hop-Chip-negative-background-color);
|
|
1577
1577
|
--text-color: var(--hop-Chip-negative-text-color);
|
|
1578
1578
|
}
|
|
1579
|
-
.Chip-module__hop-Chip--
|
|
1579
|
+
.Chip-module__hop-Chip--option1___xwLf0 {
|
|
1580
1580
|
--border-color: var(--hop-Chip-option1-border-color);
|
|
1581
1581
|
--background-color: var(--hop-Chip-option1-background-color);
|
|
1582
1582
|
--text-color: var(--hop-Chip-option1-text-color);
|
|
1583
1583
|
}
|
|
1584
|
-
.Chip-module__hop-Chip--
|
|
1584
|
+
.Chip-module__hop-Chip--option2___GnhIJ {
|
|
1585
1585
|
--border-color: var(--hop-Chip-option2-border-color);
|
|
1586
1586
|
--background-color: var(--hop-Chip-option2-background-color);
|
|
1587
1587
|
--text-color: var(--hop-Chip-option2-text-color);
|
|
1588
1588
|
}
|
|
1589
|
-
.Chip-module__hop-Chip--
|
|
1589
|
+
.Chip-module__hop-Chip--option3___04-Gc {
|
|
1590
1590
|
--border-color: var(--hop-Chip-option3-border-color);
|
|
1591
1591
|
--background-color: var(--hop-Chip-option3-background-color);
|
|
1592
1592
|
--text-color: var(--hop-Chip-option3-text-color);
|
|
1593
1593
|
}
|
|
1594
|
-
.Chip-module__hop-Chip--
|
|
1594
|
+
.Chip-module__hop-Chip--option4___YjSH4 {
|
|
1595
1595
|
--border-color: var(--hop-Chip-option4-border-color);
|
|
1596
1596
|
--background-color: var(--hop-Chip-option4-background-color);
|
|
1597
1597
|
--text-color: var(--hop-Chip-option4-text-color);
|
|
1598
1598
|
}
|
|
1599
|
-
.Chip-module__hop-Chip--
|
|
1599
|
+
.Chip-module__hop-Chip--option5___Oc3Yw {
|
|
1600
1600
|
--border-color: var(--hop-Chip-option5-border-color);
|
|
1601
1601
|
--background-color: var(--hop-Chip-option5-background-color);
|
|
1602
1602
|
--text-color: var(--hop-Chip-option5-text-color);
|
|
1603
1603
|
}
|
|
1604
|
-
.Chip-module__hop-Chip--
|
|
1604
|
+
.Chip-module__hop-Chip--option6___vf2ot {
|
|
1605
1605
|
--border-color: var(--hop-Chip-option6-border-color);
|
|
1606
1606
|
--background-color: var(--hop-Chip-option6-background-color);
|
|
1607
1607
|
--text-color: var(--hop-Chip-option6-text-color);
|
|
1608
1608
|
}
|
|
1609
|
-
.Chip-module__hop-Chip--
|
|
1609
|
+
.Chip-module__hop-Chip--inactive___ctqfL {
|
|
1610
1610
|
--border-color: var(--hop-Chip-inactive-border-color);
|
|
1611
1611
|
--background-color: var(--hop-Chip-inactive-background-color);
|
|
1612
1612
|
--text-color: var(--hop-Chip-inactive-text-color);
|
|
1613
1613
|
}
|
|
1614
|
-
.Chip-module__hop-Chip--
|
|
1614
|
+
.Chip-module__hop-Chip--disabled___U1-MB {
|
|
1615
1615
|
--border-color: var(--hop-Chip-disabled-border-color);
|
|
1616
1616
|
--background-color: var(--hop-Chip-disabled-background-color);
|
|
1617
1617
|
--text-color: var(--hop-Chip-disabled-text-color);
|
|
1618
1618
|
}
|
|
1619
|
-
.Chip-module__hop-
|
|
1620
|
-
.Chip-module__hop-Chip__icon-
|
|
1619
|
+
.Chip-module__hop-Chip__icon___OdDmS,
|
|
1620
|
+
.Chip-module__hop-Chip__icon-list___Cgk-g {
|
|
1621
1621
|
flex: 0 0 auto;
|
|
1622
1622
|
flex-wrap: nowrap;
|
|
1623
1623
|
order: 1;
|
|
1624
1624
|
}
|
|
1625
|
-
.Chip-module__hop-
|
|
1625
|
+
.Chip-module__hop-Chip__text___vOwb4 {
|
|
1626
1626
|
overflow: hidden;
|
|
1627
1627
|
flex: 1 1 auto;
|
|
1628
1628
|
order: 2;
|
|
@@ -1630,15 +1630,15 @@
|
|
|
1630
1630
|
text-align: center;
|
|
1631
1631
|
text-overflow: ellipsis;
|
|
1632
1632
|
}
|
|
1633
|
-
.Chip-module__hop-Chip__end-
|
|
1634
|
-
.Chip-module__hop-Chip__end-icon-
|
|
1633
|
+
.Chip-module__hop-Chip__end-icon___cZf-c,
|
|
1634
|
+
.Chip-module__hop-Chip__end-icon-list___RVGYj {
|
|
1635
1635
|
flex: 0 0 auto;
|
|
1636
1636
|
flex-wrap: nowrap;
|
|
1637
1637
|
order: 3;
|
|
1638
1638
|
}
|
|
1639
1639
|
|
|
1640
1640
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
|
|
1641
|
-
:where(.Divider-module__hop-
|
|
1641
|
+
:where(.Divider-module__hop-Divider___bIrrB) {
|
|
1642
1642
|
--hop-Divider-border-color: var(--hop-neutral-border-weak);
|
|
1643
1643
|
--hop-Divider-border-size: 0.0625rem;
|
|
1644
1644
|
--hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
|
|
@@ -1663,7 +1663,7 @@
|
|
|
1663
1663
|
border-block-end: var(--border-block-end);
|
|
1664
1664
|
border-inline-start: var(--border-inline-start);
|
|
1665
1665
|
}
|
|
1666
|
-
.Divider-module__hop-Divider--
|
|
1666
|
+
.Divider-module__hop-Divider--vertical___BDPcJ {
|
|
1667
1667
|
--border-block-end: var(--hop-Divider-vertical-border-block-end);
|
|
1668
1668
|
--border-inline-start: var(--hop-Divider-vertical-border-inline-start);
|
|
1669
1669
|
--inline-size: var(--hop-Divider-vertical-inline-size);
|
|
@@ -1671,7 +1671,7 @@
|
|
|
1671
1671
|
}
|
|
1672
1672
|
|
|
1673
1673
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
|
|
1674
|
-
.InputGroup-module__hop-
|
|
1674
|
+
.InputGroup-module__hop-InputGroup___B8Wo4 {
|
|
1675
1675
|
--hop-InputGroup-background: var(--hop-neutral-surface);
|
|
1676
1676
|
--hop-InputGroup-border-color: var(--hop-neutral-border);
|
|
1677
1677
|
--hop-InputGroup-border-width: 0.0625rem;
|
|
@@ -1719,27 +1719,27 @@
|
|
|
1719
1719
|
border: var(--border);
|
|
1720
1720
|
border-radius: var(--hop-InputGroup-border-radius);
|
|
1721
1721
|
}
|
|
1722
|
-
.InputGroup-module__hop-InputGroup--
|
|
1722
|
+
.InputGroup-module__hop-InputGroup--fluid___PjJcH {
|
|
1723
1723
|
--inline-size: 100% ;
|
|
1724
1724
|
}
|
|
1725
|
-
.InputGroup-module__hop-InputGroup--
|
|
1725
|
+
.InputGroup-module__hop-InputGroup--sm___r6MYr {
|
|
1726
1726
|
--block-size: var(--hop-InputGroup-sm-block-size);
|
|
1727
1727
|
}
|
|
1728
|
-
.InputGroup-module__hop-
|
|
1728
|
+
.InputGroup-module__hop-InputGroup___B8Wo4[data-hovered] {
|
|
1729
1729
|
--background: var(--hop-InputGroup-background-hover);
|
|
1730
1730
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
|
|
1731
1731
|
}
|
|
1732
|
-
.InputGroup-module__hop-
|
|
1732
|
+
.InputGroup-module__hop-InputGroup___B8Wo4[data-focus-within] {
|
|
1733
1733
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
|
|
1734
1734
|
}
|
|
1735
|
-
.InputGroup-module__hop-
|
|
1735
|
+
.InputGroup-module__hop-InputGroup___B8Wo4[data-invalid] {
|
|
1736
1736
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
|
|
1737
1737
|
}
|
|
1738
|
-
.InputGroup-module__hop-
|
|
1738
|
+
.InputGroup-module__hop-InputGroup___B8Wo4[data-disabled] {
|
|
1739
1739
|
--background: var(--hop-InputGroup-background-disabled);
|
|
1740
1740
|
--border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled) ;
|
|
1741
1741
|
}
|
|
1742
|
-
.InputGroup-module__hop-
|
|
1742
|
+
.InputGroup-module__hop-InputGroup__input___xcuNz {
|
|
1743
1743
|
--input-font-family: var(--hop-InputGroup-input-md-font-family);
|
|
1744
1744
|
--input-font-size: var(--hop-InputGroup-input-md-font-size);
|
|
1745
1745
|
--input-font-weight: var(--hop-InputGroup-input-md-font-weight);
|
|
@@ -1761,29 +1761,29 @@
|
|
|
1761
1761
|
border: none;
|
|
1762
1762
|
outline: none;
|
|
1763
1763
|
}
|
|
1764
|
-
.InputGroup-module__hop-InputGroup--
|
|
1764
|
+
.InputGroup-module__hop-InputGroup--fluid___PjJcH .InputGroup-module__hop-InputGroup__input___xcuNz {
|
|
1765
1765
|
--input-inline-size: 100%;
|
|
1766
1766
|
}
|
|
1767
|
-
.InputGroup-module__hop-InputGroup--
|
|
1767
|
+
.InputGroup-module__hop-InputGroup--sm___r6MYr .InputGroup-module__hop-InputGroup__input___xcuNz {
|
|
1768
1768
|
--input-font-family: var(--hop-InputGroup-input-sm-font-family);
|
|
1769
1769
|
--input-font-size: var(--hop-InputGroup-input-sm-font-size);
|
|
1770
1770
|
--input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
|
|
1771
1771
|
--input-line-height: var(--hop-InputGroup-input-sm-line-height);
|
|
1772
1772
|
--input-block-size: var(--hop-InputGroup-input-sm-block-size);
|
|
1773
1773
|
}
|
|
1774
|
-
.InputGroup-module__hop-
|
|
1774
|
+
.InputGroup-module__hop-InputGroup__input___xcuNz::placeholder {
|
|
1775
1775
|
font-family: var(--hop-InputGroup-placeholder-font-family);
|
|
1776
1776
|
font-size: var(--hop-InputGroup-placeholder-font-size);
|
|
1777
1777
|
font-weight: var(--hop-InputGroup-placeholder-font-weight);
|
|
1778
1778
|
line-height: var(--hop-InputGroup-placeholder-line-height);
|
|
1779
1779
|
color: var(--input-placeholder-color);
|
|
1780
1780
|
}
|
|
1781
|
-
.InputGroup-module__hop-
|
|
1781
|
+
.InputGroup-module__hop-InputGroup__input___xcuNz[data-disabled]::placeholder {
|
|
1782
1782
|
--input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
|
|
1783
1783
|
}
|
|
1784
1784
|
|
|
1785
1785
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
|
|
1786
|
-
.Heading-module__hop-
|
|
1786
|
+
.Heading-module__hop-Heading___CV7-P {
|
|
1787
1787
|
--hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
|
|
1788
1788
|
--hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
|
|
1789
1789
|
--hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
|
|
@@ -1817,50 +1817,50 @@
|
|
|
1817
1817
|
--hop-Heading-inherit-size-font-weight: inherit;
|
|
1818
1818
|
--hop-Heading-inherit-size-line-height: inherit;
|
|
1819
1819
|
}
|
|
1820
|
-
:where(.Heading-module__hop-
|
|
1820
|
+
:where(.Heading-module__hop-Heading___CV7-P) {
|
|
1821
1821
|
margin: 0;
|
|
1822
1822
|
font-family: var(--font-family);
|
|
1823
1823
|
font-size: var(--font-size);
|
|
1824
1824
|
font-weight: var(--font-weight);
|
|
1825
1825
|
line-height: var(--line-height);
|
|
1826
1826
|
}
|
|
1827
|
-
:where(.Heading-module__hop-Heading--
|
|
1827
|
+
:where(.Heading-module__hop-Heading--xs___lUG86) {
|
|
1828
1828
|
--font-size: var(--hop-Heading-xs-font-size);
|
|
1829
1829
|
--font-family: var(--hop-Heading-xs-font-family);
|
|
1830
1830
|
--font-weight: var(--hop-Heading-xs-font-weight);
|
|
1831
1831
|
--line-height: var(--hop-Heading-xs-line-height);
|
|
1832
1832
|
}
|
|
1833
|
-
:where(.Heading-module__hop-Heading--
|
|
1833
|
+
:where(.Heading-module__hop-Heading--sm___Cj41K) {
|
|
1834
1834
|
--font-size: var(--hop-Heading-sm-font-size);
|
|
1835
1835
|
--font-family: var(--hop-Heading-sm-font-family);
|
|
1836
1836
|
--font-weight: var(--hop-Heading-sm-font-weight);
|
|
1837
1837
|
--line-height: var(--hop-Heading-sm-line-height);
|
|
1838
1838
|
}
|
|
1839
|
-
:where(.Heading-module__hop-Heading--
|
|
1839
|
+
:where(.Heading-module__hop-Heading--md___J5xM6) {
|
|
1840
1840
|
--font-size: var(--hop-Heading-md-font-size);
|
|
1841
1841
|
--font-family: var(--hop-Heading-md-font-family);
|
|
1842
1842
|
--font-weight: var(--hop-Heading-md-font-weight);
|
|
1843
1843
|
--line-height: var(--hop-Heading-md-line-height);
|
|
1844
1844
|
}
|
|
1845
|
-
:where(.Heading-module__hop-Heading--
|
|
1845
|
+
:where(.Heading-module__hop-Heading--lg___danQV) {
|
|
1846
1846
|
--font-size: var(--hop-Heading-lg-font-size);
|
|
1847
1847
|
--font-family: var(--hop-Heading-lg-font-family);
|
|
1848
1848
|
--font-weight: var(--hop-Heading-lg-font-weight);
|
|
1849
1849
|
--line-height: var(--hop-Heading-lg-line-height);
|
|
1850
1850
|
}
|
|
1851
|
-
:where(.Heading-module__hop-Heading--
|
|
1851
|
+
:where(.Heading-module__hop-Heading--xl___WqtBx) {
|
|
1852
1852
|
--font-size: var(--hop-Heading-xl-font-size);
|
|
1853
1853
|
--font-family: var(--hop-Heading-xl-font-family);
|
|
1854
1854
|
--font-weight: var(--hop-Heading-xl-font-weight);
|
|
1855
1855
|
--line-height: var(--hop-Heading-xl-line-height);
|
|
1856
1856
|
}
|
|
1857
|
-
:where(.Heading-module__hop-Heading--
|
|
1857
|
+
:where(.Heading-module__hop-Heading--2xl___rdouL) {
|
|
1858
1858
|
--font-size: var(--hop-Heading-2xl-font-size);
|
|
1859
1859
|
--font-family: var(--hop-Heading-2xl-font-family);
|
|
1860
1860
|
--font-weight: var(--hop-Heading-2xl-font-weight);
|
|
1861
1861
|
--line-height: var(--hop-Heading-2xl-line-height);
|
|
1862
1862
|
}
|
|
1863
|
-
:where(.Heading-module__hop-Heading--
|
|
1863
|
+
:where(.Heading-module__hop-Heading--3xl___mLIMt) {
|
|
1864
1864
|
--font-size: var(--hop-Heading-3xl-font-size);
|
|
1865
1865
|
--font-family: var(--hop-Heading-3xl-font-family);
|
|
1866
1866
|
--font-weight: var(--hop-Heading-3xl-font-weight);
|
|
@@ -1868,7 +1868,7 @@
|
|
|
1868
1868
|
}
|
|
1869
1869
|
|
|
1870
1870
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
|
|
1871
|
-
.TextField-module__hop-
|
|
1871
|
+
.TextField-module__hop-TextField___CA39c {
|
|
1872
1872
|
--hop-TextField-gap: var(--hop-space-stack-xs);
|
|
1873
1873
|
--hop-TextField-inline-size: 20rem;
|
|
1874
1874
|
--hop-TextField-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -1883,10 +1883,10 @@
|
|
|
1883
1883
|
gap: var(--hop-TextField-gap);
|
|
1884
1884
|
inline-size: var(--inline-size);
|
|
1885
1885
|
}
|
|
1886
|
-
.TextField-module__hop-TextField--
|
|
1886
|
+
.TextField-module__hop-TextField--fluid___KYJbS {
|
|
1887
1887
|
--inline-size: 100%;
|
|
1888
1888
|
}
|
|
1889
|
-
.TextField-module__hop-
|
|
1889
|
+
.TextField-module__hop-TextField__Label___RXpue {
|
|
1890
1890
|
order: 0;
|
|
1891
1891
|
font-family: var(--hop-TextField-font-family);
|
|
1892
1892
|
font-size: var(--hop-TextField-font-size);
|
|
@@ -1894,19 +1894,19 @@
|
|
|
1894
1894
|
line-height: var(--hop-TextField-line-height);
|
|
1895
1895
|
color: var(--hop-TextField-color);
|
|
1896
1896
|
}
|
|
1897
|
-
.TextField-module__hop-
|
|
1897
|
+
.TextField-module__hop-TextField__prefix___24cw0 {
|
|
1898
1898
|
color: var(--hop-TextField-prefix-color);
|
|
1899
1899
|
}
|
|
1900
|
-
.TextField-module__hop-
|
|
1900
|
+
.TextField-module__hop-TextField__InputGroup___MW0nv {
|
|
1901
1901
|
order: 1;
|
|
1902
1902
|
}
|
|
1903
|
-
.TextField-module__hop-
|
|
1904
|
-
.TextField-module__hop-
|
|
1903
|
+
.TextField-module__hop-TextField__ErrorMessage___K3wLR,
|
|
1904
|
+
.TextField-module__hop-TextField__HelperMessage___BMw8g {
|
|
1905
1905
|
order: 3;
|
|
1906
1906
|
}
|
|
1907
1907
|
|
|
1908
1908
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
|
|
1909
|
-
.PasswordField-module__hop-
|
|
1909
|
+
.PasswordField-module__hop-PasswordField___DAIX5 {
|
|
1910
1910
|
--hop-PasswordField-gap: var(--hop-space-stack-xs);
|
|
1911
1911
|
--hop-PasswordField-inline-size: 20rem;
|
|
1912
1912
|
--hop-PasswordField-font-family: var(--hop-heading-xs-font-family);
|
|
@@ -1920,10 +1920,10 @@
|
|
|
1920
1920
|
gap: var(--hop-PasswordField-gap);
|
|
1921
1921
|
inline-size: var(--inline-size);
|
|
1922
1922
|
}
|
|
1923
|
-
.PasswordField-module__hop-PasswordField--
|
|
1923
|
+
.PasswordField-module__hop-PasswordField--fluid___g3d71 {
|
|
1924
1924
|
--inline-size: 100%;
|
|
1925
1925
|
}
|
|
1926
|
-
.PasswordField-module__hop-
|
|
1926
|
+
.PasswordField-module__hop-PasswordField__Label___-TpEz {
|
|
1927
1927
|
order: 0;
|
|
1928
1928
|
font-family: var(--hop-PasswordField-font-family);
|
|
1929
1929
|
font-size: var(--hop-PasswordField-font-size);
|
|
@@ -1931,16 +1931,16 @@
|
|
|
1931
1931
|
line-height: var(--hop-PasswordField-line-height);
|
|
1932
1932
|
color: var(--hop-PasswordField-color);
|
|
1933
1933
|
}
|
|
1934
|
-
.PasswordField-module__hop-
|
|
1934
|
+
.PasswordField-module__hop-PasswordField__InputGroup___7KhIL {
|
|
1935
1935
|
order: 1;
|
|
1936
1936
|
}
|
|
1937
|
-
.PasswordField-module__hop-
|
|
1938
|
-
.PasswordField-module__hop-
|
|
1937
|
+
.PasswordField-module__hop-PasswordField__ErrorMessage___qihU5,
|
|
1938
|
+
.PasswordField-module__hop-PasswordField__HelperMessage___VBfQ2 {
|
|
1939
1939
|
order: 3;
|
|
1940
1940
|
}
|
|
1941
1941
|
|
|
1942
1942
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
|
|
1943
|
-
.SearchField-module__hop-
|
|
1943
|
+
.SearchField-module__hop-SearchField___vxKu8 {
|
|
1944
1944
|
--hop-SearchField-gap: var(--hop-space-stack-xs);
|
|
1945
1945
|
--hop-SearchField-inline-size: 20rem;
|
|
1946
1946
|
--hop-SearchField-color: var(--hop-neutral-text-weak);
|
|
@@ -1958,10 +1958,10 @@
|
|
|
1958
1958
|
gap: var(--hop-SearchField-gap);
|
|
1959
1959
|
inline-size: var(--inline-size);
|
|
1960
1960
|
}
|
|
1961
|
-
.SearchField-module__hop-SearchField--
|
|
1961
|
+
.SearchField-module__hop-SearchField--fluid___iBwfJ {
|
|
1962
1962
|
--inline-size: 100%;
|
|
1963
1963
|
}
|
|
1964
|
-
.SearchField-module__hop-
|
|
1964
|
+
.SearchField-module__hop-SearchField__Label___3TwT1 {
|
|
1965
1965
|
order: 0;
|
|
1966
1966
|
font-family: var(--hop-SearchField-font-family);
|
|
1967
1967
|
font-size: var(--hop-SearchField-font-size);
|
|
@@ -1969,33 +1969,33 @@
|
|
|
1969
1969
|
line-height: var(--hop-SearchField-line-height);
|
|
1970
1970
|
color: var(--hop-SearchField-color);
|
|
1971
1971
|
}
|
|
1972
|
-
.SearchField-module__hop-
|
|
1972
|
+
.SearchField-module__hop-SearchField__prefix___BgL4d {
|
|
1973
1973
|
color: var(--hop-SearchField-color);
|
|
1974
1974
|
}
|
|
1975
|
-
.SearchField-module__hop-
|
|
1975
|
+
.SearchField-module__hop-SearchField__InputGroup___naXDe {
|
|
1976
1976
|
order: 1;
|
|
1977
1977
|
padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
|
|
1978
1978
|
}
|
|
1979
|
-
.SearchField-module__hop-SearchField--
|
|
1979
|
+
.SearchField-module__hop-SearchField--clearable___hkMGX {
|
|
1980
1980
|
--input-group-padding-inline-end: 0;
|
|
1981
1981
|
}
|
|
1982
|
-
.SearchField-module__hop-
|
|
1983
|
-
.SearchField-module__hop-
|
|
1982
|
+
.SearchField-module__hop-SearchField__ErrorMessage___6RK1i,
|
|
1983
|
+
.SearchField-module__hop-SearchField__HelperMessage___2wBE6 {
|
|
1984
1984
|
order: 3;
|
|
1985
1985
|
}
|
|
1986
|
-
.SearchField-module__hop-
|
|
1987
|
-
.SearchField-module__hop-
|
|
1986
|
+
.SearchField-module__hop-SearchField___vxKu8 input::-webkit-search-cancel-button,
|
|
1987
|
+
.SearchField-module__hop-SearchField___vxKu8 input::-webkit-search-decoration {
|
|
1988
1988
|
appearance: none;
|
|
1989
1989
|
}
|
|
1990
|
-
.SearchField-module__hop-
|
|
1990
|
+
.SearchField-module__hop-SearchField___vxKu8[data-empty] {
|
|
1991
1991
|
--clear-button-display: none;
|
|
1992
1992
|
}
|
|
1993
|
-
.SearchField-module__hop-
|
|
1993
|
+
.SearchField-module__hop-SearchField__ClearButton___eSX7R {
|
|
1994
1994
|
display: var(--clear-button-display);
|
|
1995
1995
|
}
|
|
1996
1996
|
|
|
1997
1997
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
|
|
1998
|
-
.Link-module__hop-
|
|
1998
|
+
.Link-module__hop-Link___h1eV8 {
|
|
1999
1999
|
--hop-Link-border-radius: var(--hop-shape-rounded-sm);
|
|
2000
2000
|
--hop-Link-focus-ring-color: var(--hop-primary-border-focus);
|
|
2001
2001
|
--hop-Link-color-disabled: var(--hop-neutral-text-disabled);
|
|
@@ -2020,59 +2020,59 @@
|
|
|
2020
2020
|
outline: none;
|
|
2021
2021
|
outline-offset: 0.125rem;
|
|
2022
2022
|
}
|
|
2023
|
-
.Link-module__hop-
|
|
2023
|
+
.Link-module__hop-Link___h1eV8[data-focus-visible] {
|
|
2024
2024
|
outline: 0.125rem solid var(--hop-Link-focus-ring-color);
|
|
2025
2025
|
}
|
|
2026
|
-
.Link-module__hop-
|
|
2026
|
+
.Link-module__hop-Link___h1eV8[data-disabled] {
|
|
2027
2027
|
cursor: default;
|
|
2028
2028
|
}
|
|
2029
|
-
.Link-module__hop-Link--
|
|
2030
|
-
.Link-module__hop-Link--
|
|
2029
|
+
.Link-module__hop-Link--quiet___2O1IC[data-focus-visible],
|
|
2030
|
+
.Link-module__hop-Link--quiet___2O1IC[data-hovered] {
|
|
2031
2031
|
text-decoration: underline;
|
|
2032
2032
|
}
|
|
2033
|
-
.Link-module__hop-
|
|
2033
|
+
.Link-module__hop-Link___h1eV8:not(.Link-module__hop-Link--quiet___2O1IC) {
|
|
2034
2034
|
text-decoration: underline;
|
|
2035
2035
|
}
|
|
2036
|
-
.Link-module__hop-Link--
|
|
2036
|
+
.Link-module__hop-Link--primary___ZK0M2 {
|
|
2037
2037
|
color: var(--hop-Link-primary-text-color);
|
|
2038
2038
|
}
|
|
2039
|
-
.Link-module__hop-Link--
|
|
2039
|
+
.Link-module__hop-Link--primary___ZK0M2[data-disabled] {
|
|
2040
2040
|
color: var(--hop-Link-primary-text-disabled-color);
|
|
2041
2041
|
}
|
|
2042
|
-
.Link-module__hop-Link--
|
|
2043
|
-
.Link-module__hop-Link--
|
|
2042
|
+
.Link-module__hop-Link--primary___ZK0M2:not([data-disabled])[data-focus-visible],
|
|
2043
|
+
.Link-module__hop-Link--primary___ZK0M2:not([data-disabled])[data-hovered] {
|
|
2044
2044
|
color: var(--hop-Link-primary-text-hover-color);
|
|
2045
2045
|
}
|
|
2046
|
-
.Link-module__hop-Link--
|
|
2046
|
+
.Link-module__hop-Link--primary___ZK0M2:not([data-disabled])[data-pressed] {
|
|
2047
2047
|
color: var(--hop-Link-primary-text-pressed-color);
|
|
2048
2048
|
}
|
|
2049
|
-
.Link-module__hop-Link--
|
|
2049
|
+
.Link-module__hop-Link--secondary___qiwLy {
|
|
2050
2050
|
color: var(--hop-Link-neutral-text-color);
|
|
2051
2051
|
}
|
|
2052
|
-
.Link-module__hop-Link--
|
|
2052
|
+
.Link-module__hop-Link--secondary___qiwLy[data-disabled] {
|
|
2053
2053
|
color: var(--hop-Link-neutral-text-disabled-color);
|
|
2054
2054
|
}
|
|
2055
|
-
.Link-module__hop-Link--
|
|
2056
|
-
.Link-module__hop-Link--
|
|
2055
|
+
.Link-module__hop-Link--secondary___qiwLy:not([data-disabled])[data-focus-visible],
|
|
2056
|
+
.Link-module__hop-Link--secondary___qiwLy:not([data-disabled])[data-hovered] {
|
|
2057
2057
|
color: var(--hop-Link-neutral-text-hover-color);
|
|
2058
2058
|
}
|
|
2059
|
-
.Link-module__hop-Link--
|
|
2059
|
+
.Link-module__hop-Link--secondary___qiwLy:not([data-disabled])[data-pressed] {
|
|
2060
2060
|
color: var(--hop-Link-neutral-text-pressed-color);
|
|
2061
2061
|
}
|
|
2062
|
-
.Link-module__hop-
|
|
2063
|
-
.Link-module__hop-Link__icon-
|
|
2062
|
+
.Link-module__hop-Link__icon___5-TAb,
|
|
2063
|
+
.Link-module__hop-Link__icon-list___Bf4-9 {
|
|
2064
2064
|
order: 2;
|
|
2065
2065
|
}
|
|
2066
|
-
.Link-module__hop-
|
|
2066
|
+
.Link-module__hop-Link__text___kGjDj {
|
|
2067
2067
|
order: 1;
|
|
2068
2068
|
}
|
|
2069
|
-
.Link-module__hop-Link__start-
|
|
2070
|
-
.Link-module__hop-Link__start-icon-
|
|
2069
|
+
.Link-module__hop-Link__start-icon___w2lCL,
|
|
2070
|
+
.Link-module__hop-Link__start-icon-list___cbdh1 {
|
|
2071
2071
|
order: 0;
|
|
2072
2072
|
}
|
|
2073
2073
|
|
|
2074
2074
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
|
|
2075
|
-
.Radio-module__hop-
|
|
2075
|
+
.Radio-module__hop-Radio___Xp7l6 {
|
|
2076
2076
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
2077
2077
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
2078
2078
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -2147,8 +2147,8 @@
|
|
|
2147
2147
|
inline-size: max-content;
|
|
2148
2148
|
max-inline-size: 100%;
|
|
2149
2149
|
}
|
|
2150
|
-
.Radio-module__hop-
|
|
2151
|
-
.Radio-module__hop-Radio--
|
|
2150
|
+
.Radio-module__hop-Radio___Xp7l6[data-focus-visible],
|
|
2151
|
+
.Radio-module__hop-Radio--focused___yW0Wx {
|
|
2152
2152
|
--box-background-color: var(--hop-Radio-box-background-color-focused);
|
|
2153
2153
|
--box-border-color: var(--hop-Radio-box-border-color-focused);
|
|
2154
2154
|
--box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
|
|
@@ -2156,23 +2156,23 @@
|
|
|
2156
2156
|
--icon-color: var(--hop-Radio-icon-color-focused);
|
|
2157
2157
|
--description-color: var(--hop-Radio-description-color-focus);
|
|
2158
2158
|
}
|
|
2159
|
-
.Radio-module__hop-
|
|
2160
|
-
.Radio-module__hop-Radio--
|
|
2159
|
+
.Radio-module__hop-Radio___Xp7l6[data-hovered],
|
|
2160
|
+
.Radio-module__hop-Radio--hovered___ckfKe {
|
|
2161
2161
|
--box-background-color: var(--hop-Radio-box-background-color-hovered);
|
|
2162
2162
|
--box-border-color: var(--hop-Radio-box-border-color-hovered);
|
|
2163
2163
|
--text-color: var(--hop-Radio-text-color-hovered);
|
|
2164
2164
|
--icon-color: var(--hop-Radio-icon-color-hovered);
|
|
2165
2165
|
--description-color: var(--hop-Radio-description-color-hover);
|
|
2166
2166
|
}
|
|
2167
|
-
.Radio-module__hop-
|
|
2168
|
-
.Radio-module__hop-Radio--
|
|
2167
|
+
.Radio-module__hop-Radio___Xp7l6[data-pressed],
|
|
2168
|
+
.Radio-module__hop-Radio--pressed___Gxr0y {
|
|
2169
2169
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
2170
2170
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
2171
2171
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
2172
2172
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
2173
2173
|
--description-color: var(--hop-Radio-description-color-pressed);
|
|
2174
2174
|
}
|
|
2175
|
-
.Radio-module__hop-
|
|
2175
|
+
.Radio-module__hop-Radio___Xp7l6[data-selected] {
|
|
2176
2176
|
--box-background-color: var(--hop-Radio-box-background-color-selected);
|
|
2177
2177
|
--box-border-color: var(--hop-Radio-box-border-color-selected);
|
|
2178
2178
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
@@ -2180,7 +2180,7 @@
|
|
|
2180
2180
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
2181
2181
|
--description-color: var(--hop-Radio-description-color-selected);
|
|
2182
2182
|
}
|
|
2183
|
-
.Radio-module__hop-
|
|
2183
|
+
.Radio-module__hop-Radio___Xp7l6[data-invalid] {
|
|
2184
2184
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
2185
2185
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
2186
2186
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
@@ -2188,27 +2188,27 @@
|
|
|
2188
2188
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
2189
2189
|
--description-color: var(--hop-Radio-description-color-invalid);
|
|
2190
2190
|
}
|
|
2191
|
-
.Radio-module__hop-
|
|
2191
|
+
.Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-focus-visible] {
|
|
2192
2192
|
--box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
|
|
2193
2193
|
--box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
|
|
2194
2194
|
}
|
|
2195
|
-
.Radio-module__hop-
|
|
2195
|
+
.Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-hovered] {
|
|
2196
2196
|
--box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
|
|
2197
2197
|
--box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
|
|
2198
2198
|
--text-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2199
2199
|
--icon-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2200
2200
|
}
|
|
2201
|
-
.Radio-module__hop-
|
|
2201
|
+
.Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-pressed] {
|
|
2202
2202
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
2203
2203
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
2204
2204
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
2205
2205
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
2206
2206
|
}
|
|
2207
|
-
.Radio-module__hop-
|
|
2207
|
+
.Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-selected] {
|
|
2208
2208
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
2209
2209
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
2210
2210
|
}
|
|
2211
|
-
.Radio-module__hop-
|
|
2211
|
+
.Radio-module__hop-Radio___Xp7l6[data-disabled] {
|
|
2212
2212
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
2213
2213
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
2214
2214
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -2217,25 +2217,25 @@
|
|
|
2217
2217
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
2218
2218
|
--description-color: var(--hop-Radio-description-color-disabled);
|
|
2219
2219
|
}
|
|
2220
|
-
.Radio-module__hop-Radio--
|
|
2220
|
+
.Radio-module__hop-Radio--sm___hP32c {
|
|
2221
2221
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
2222
2222
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
2223
2223
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
2224
2224
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
2225
2225
|
}
|
|
2226
|
-
.Radio-module__hop-Radio--
|
|
2226
|
+
.Radio-module__hop-Radio--md___4o0tb {
|
|
2227
2227
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
2228
2228
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
2229
2229
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
2230
2230
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
2231
2231
|
}
|
|
2232
|
-
.Radio-module__hop-
|
|
2233
|
-
.Radio-module__hop-Radio__icon-
|
|
2232
|
+
.Radio-module__hop-Radio__icon___STn-v,
|
|
2233
|
+
.Radio-module__hop-Radio__icon-list___VkNaY {
|
|
2234
2234
|
flex: 0 0 auto;
|
|
2235
2235
|
order: 3;
|
|
2236
2236
|
color: var(--icon-color);
|
|
2237
2237
|
}
|
|
2238
|
-
.Radio-module__hop-
|
|
2238
|
+
.Radio-module__hop-Radio__box___-9Dex {
|
|
2239
2239
|
display: flex;
|
|
2240
2240
|
flex: 0 0 auto;
|
|
2241
2241
|
align-items: center;
|
|
@@ -2251,11 +2251,11 @@
|
|
|
2251
2251
|
outline-offset: 0.125rem;
|
|
2252
2252
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
2253
2253
|
}
|
|
2254
|
-
.Radio-module__hop-
|
|
2254
|
+
.Radio-module__hop-Radio__bullet___0oWOE {
|
|
2255
2255
|
display: var(--bullet-display);
|
|
2256
2256
|
color: var(--bullet-color);
|
|
2257
2257
|
}
|
|
2258
|
-
.Radio-module__hop-
|
|
2258
|
+
.Radio-module__hop-Radio__text___iJnng {
|
|
2259
2259
|
flex: 0 1 auto;
|
|
2260
2260
|
order: 2;
|
|
2261
2261
|
min-inline-size: 0;
|
|
@@ -2265,7 +2265,7 @@
|
|
|
2265
2265
|
}
|
|
2266
2266
|
|
|
2267
2267
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
|
|
2268
|
-
.RadioField-module__hop-
|
|
2268
|
+
.RadioField-module__hop-RadioField___A3lD0 {
|
|
2269
2269
|
--hop-RadioField-description-color: var(--hop-neutral-text-weak);
|
|
2270
2270
|
--hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
2271
2271
|
--hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -2284,28 +2284,28 @@
|
|
|
2284
2284
|
inline-size: max-content;
|
|
2285
2285
|
max-inline-size: 100%;
|
|
2286
2286
|
}
|
|
2287
|
-
.RadioField-module__hop-
|
|
2287
|
+
.RadioField-module__hop-RadioField___A3lD0[data-disabled] {
|
|
2288
2288
|
--description-color: var(--hop-RadioField-description-color-disabled);
|
|
2289
2289
|
}
|
|
2290
|
-
.RadioField-module__hop-RadioField--
|
|
2290
|
+
.RadioField-module__hop-RadioField--sm___qT1Ga {
|
|
2291
2291
|
--row-gap: var(--hop-RadioField-sm-row-gap);
|
|
2292
2292
|
--description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
|
|
2293
2293
|
}
|
|
2294
|
-
.RadioField-module__hop-RadioField--
|
|
2294
|
+
.RadioField-module__hop-RadioField--md___1sltk {
|
|
2295
2295
|
--row-gap: var(--hop-RadioField-md-row-gap);
|
|
2296
2296
|
--description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
|
|
2297
2297
|
}
|
|
2298
|
-
.RadioField-module__hop-
|
|
2298
|
+
.RadioField-module__hop-RadioField__description___Tm3Cz {
|
|
2299
2299
|
order: 2;
|
|
2300
2300
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
|
|
2301
2301
|
color: var(--description-color);
|
|
2302
2302
|
}
|
|
2303
|
-
.RadioField-module__hop-
|
|
2303
|
+
.RadioField-module__hop-RadioField__radio___RlTsT {
|
|
2304
2304
|
order: 1;
|
|
2305
2305
|
}
|
|
2306
2306
|
|
|
2307
2307
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
|
|
2308
|
-
.RadioGroup-module__hop-
|
|
2308
|
+
.RadioGroup-module__hop-RadioGroup___gKLRP {
|
|
2309
2309
|
--hop-RadioGroup-align-items: flex-start;
|
|
2310
2310
|
--hop-RadioGroup-justify-content: flex-start;
|
|
2311
2311
|
--hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -2345,46 +2345,46 @@
|
|
|
2345
2345
|
inline-size: var(--inline-size);
|
|
2346
2346
|
max-inline-size: 100%;
|
|
2347
2347
|
}
|
|
2348
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2348
|
+
.RadioGroup-module__hop-RadioGroup--bordered___1-bcY {
|
|
2349
2349
|
--list-border: var(--radio-border-size) solid var(--radio-border-color);
|
|
2350
2350
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
2351
2351
|
}
|
|
2352
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2352
|
+
.RadioGroup-module__hop-RadioGroup--sm___lnLkS {
|
|
2353
2353
|
--column-gap: var(--hop-RadioGroup-sm-column-gap);
|
|
2354
2354
|
--row-gap: var(--hop-RadioGroup-sm-row-gap);
|
|
2355
2355
|
--list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
|
|
2356
2356
|
--list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
|
|
2357
2357
|
}
|
|
2358
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2358
|
+
.RadioGroup-module__hop-RadioGroup--md___Jvqyo {
|
|
2359
2359
|
--column-gap: var(--hop-RadioGroup-md-column-gap);
|
|
2360
2360
|
--row-gap: var(--hop-RadioGroup-md-row-gap);
|
|
2361
2361
|
--list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
|
|
2362
2362
|
--list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
|
|
2363
2363
|
}
|
|
2364
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2364
|
+
.RadioGroup-module__hop-RadioGroup--bordered___1-bcY.RadioGroup-module__hop-RadioGroup--sm___lnLkS {
|
|
2365
2365
|
--radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
|
|
2366
2366
|
--column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
|
|
2367
2367
|
--row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
|
|
2368
2368
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
|
|
2369
2369
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
|
|
2370
2370
|
}
|
|
2371
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2371
|
+
.RadioGroup-module__hop-RadioGroup--bordered___1-bcY.RadioGroup-module__hop-RadioGroup--md___Jvqyo {
|
|
2372
2372
|
--radio-padding: var(--hop-RadioGroup-bordered-md-padding);
|
|
2373
2373
|
--column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
|
|
2374
2374
|
--row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
|
|
2375
2375
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
|
|
2376
2376
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
|
|
2377
2377
|
}
|
|
2378
|
-
.RadioGroup-module__hop-
|
|
2378
|
+
.RadioGroup-module__hop-RadioGroup___gKLRP[data-orientation=horizontal] {
|
|
2379
2379
|
--flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
|
|
2380
2380
|
}
|
|
2381
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2381
|
+
.RadioGroup-module__hop-RadioGroup--bordered___1-bcY[data-orientation=horizontal] {
|
|
2382
2382
|
--flex-wrap: nowrap;
|
|
2383
2383
|
}
|
|
2384
|
-
.RadioGroup-module__hop-
|
|
2384
|
+
.RadioGroup-module__hop-RadioGroup___gKLRP > .RadioGroup-module__hop-RadioGroup__label___sv-Ey {
|
|
2385
2385
|
order: 1;
|
|
2386
2386
|
}
|
|
2387
|
-
.RadioGroup-module__hop-
|
|
2387
|
+
.RadioGroup-module__hop-RadioGroup__list___pw9-- {
|
|
2388
2388
|
display: flex;
|
|
2389
2389
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
2390
2390
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -2395,7 +2395,7 @@
|
|
|
2395
2395
|
border: var(--list-border, none);
|
|
2396
2396
|
border-radius: var(--list-border-radius, 0);
|
|
2397
2397
|
}
|
|
2398
|
-
.RadioGroup-module__hop-
|
|
2398
|
+
.RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I {
|
|
2399
2399
|
position: relative;
|
|
2400
2400
|
flex: 0 1 auto;
|
|
2401
2401
|
align-content: start;
|
|
@@ -2403,28 +2403,28 @@
|
|
|
2403
2403
|
min-inline-size: 0;
|
|
2404
2404
|
padding: var(--radio-padding, 0);
|
|
2405
2405
|
}
|
|
2406
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2406
|
+
.RadioGroup-module__hop-RadioGroup--bordered___1-bcY .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I ~ .RadioGroup-module__hop-RadioGroup__radio___QEo5I::before {
|
|
2407
2407
|
content: "";
|
|
2408
2408
|
position: absolute;
|
|
2409
2409
|
display: block;
|
|
2410
2410
|
}
|
|
2411
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2411
|
+
.RadioGroup-module__hop-RadioGroup--bordered___1-bcY[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I ~ .RadioGroup-module__hop-RadioGroup__radio___QEo5I::before {
|
|
2412
2412
|
inset-block-start: 0;
|
|
2413
2413
|
inset-inline: 0;
|
|
2414
2414
|
border-block-start: var(--list-border, none);
|
|
2415
2415
|
}
|
|
2416
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2416
|
+
.RadioGroup-module__hop-RadioGroup--bordered___1-bcY[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I ~ .RadioGroup-module__hop-RadioGroup__radio___QEo5I::before {
|
|
2417
2417
|
inset-block: 0;
|
|
2418
2418
|
inset-inline-start: 0;
|
|
2419
2419
|
border-inline-start: var(--list-border, none);
|
|
2420
2420
|
}
|
|
2421
|
-
.RadioGroup-module__hop-
|
|
2422
|
-
.RadioGroup-module__hop-
|
|
2421
|
+
.RadioGroup-module__hop-RadioGroup___gKLRP > .RadioGroup-module__hop-RadioGroup__error-message___qh3t0,
|
|
2422
|
+
.RadioGroup-module__hop-RadioGroup___gKLRP > .RadioGroup-module__hop-RadioGroup__helper-message___b51mt {
|
|
2423
2423
|
order: 3;
|
|
2424
2424
|
}
|
|
2425
2425
|
|
|
2426
2426
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
|
|
2427
|
-
.ListBoxItemSkeleton-module__hop-
|
|
2427
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___qGocC {
|
|
2428
2428
|
--hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
|
|
2429
2429
|
--hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
|
|
2430
2430
|
--hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -2450,7 +2450,7 @@
|
|
|
2450
2450
|
background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
|
|
2451
2451
|
background-size: 400% 100%;
|
|
2452
2452
|
border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
|
|
2453
|
-
animation-name: ListBoxItemSkeleton-module__placeholder-
|
|
2453
|
+
animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___4V4rA;
|
|
2454
2454
|
animation-duration: var(--animation-duration);
|
|
2455
2455
|
animation-timing-function: ease-in-out;
|
|
2456
2456
|
animation-fill-mode: forwards;
|
|
@@ -2459,19 +2459,19 @@
|
|
|
2459
2459
|
--animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
|
|
2460
2460
|
}
|
|
2461
2461
|
}
|
|
2462
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2462
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-rxQp {
|
|
2463
2463
|
--height: var(--hop-ListBoxItemSkeleton-xs-height);
|
|
2464
2464
|
}
|
|
2465
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2465
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___2PpQs {
|
|
2466
2466
|
--height: var(--hop-ListBoxItemSkeleton-sm-height);
|
|
2467
2467
|
}
|
|
2468
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2468
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Khoxh {
|
|
2469
2469
|
--height: var(--hop-ListBoxItemSkeleton-md-height);
|
|
2470
2470
|
}
|
|
2471
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2471
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___6Gwk- {
|
|
2472
2472
|
--height: var(--hop-ListBoxItemSkeleton-lg-height);
|
|
2473
2473
|
}
|
|
2474
|
-
@keyframes ListBoxItemSkeleton-module__placeholder-
|
|
2474
|
+
@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___4V4rA {
|
|
2475
2475
|
0% {
|
|
2476
2476
|
background-position: 125% 50%;
|
|
2477
2477
|
}
|
|
@@ -2481,7 +2481,7 @@
|
|
|
2481
2481
|
}
|
|
2482
2482
|
|
|
2483
2483
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
|
|
2484
|
-
.ListBoxItem-module__hop-
|
|
2484
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1 {
|
|
2485
2485
|
--hop-ListBoxItem-background-color: transparent;
|
|
2486
2486
|
--hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
|
|
2487
2487
|
--hop-ListBoxItem-text-color: var(--hop-neutral-text);
|
|
@@ -2564,109 +2564,109 @@
|
|
|
2564
2564
|
border-radius: var(--hop-ListBoxItem-border-radius);
|
|
2565
2565
|
outline: var(--outline);
|
|
2566
2566
|
}
|
|
2567
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
2567
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___Vsakx {
|
|
2568
2568
|
--padding-block: var(--hop-ListBoxItem-xs-padding-block);
|
|
2569
2569
|
--padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
|
|
2570
2570
|
--min-height: var(--hop-ListBoxItem-xs-min-height);
|
|
2571
2571
|
}
|
|
2572
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
2572
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___FVQkC {
|
|
2573
2573
|
--padding-block: var(--hop-ListBoxItem-sm-padding-block);
|
|
2574
2574
|
--padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
|
|
2575
2575
|
--min-height: var(--hop-ListBoxItem-sm-min-height);
|
|
2576
2576
|
}
|
|
2577
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
2577
|
+
.ListBoxItem-module__hop-ListBoxItem--md___avSEK {
|
|
2578
2578
|
--padding-block: var(--hop-ListBoxItem-md-padding-block);
|
|
2579
2579
|
--padding-inline: var(--hop-ListBoxItem-md-padding-inline);
|
|
2580
2580
|
--min-height: var(--hop-ListBoxItem-md-min-height);
|
|
2581
2581
|
}
|
|
2582
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
2582
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___1enwh {
|
|
2583
2583
|
--padding-block: var(--hop-ListBoxItem-lg-padding-block);
|
|
2584
2584
|
--padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
|
|
2585
2585
|
--min-height: var(--hop-ListBoxItem-lg-min-height);
|
|
2586
2586
|
}
|
|
2587
|
-
.ListBoxItem-module__hop-
|
|
2587
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-selection-mode] {
|
|
2588
2588
|
--cursor: pointer;
|
|
2589
2589
|
}
|
|
2590
|
-
.ListBoxItem-module__hop-
|
|
2590
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1:not([data-selection-mode]) {
|
|
2591
2591
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
2592
2592
|
}
|
|
2593
|
-
.ListBoxItem-module__hop-
|
|
2593
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___lsuM8:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___heQlg) {
|
|
2594
2594
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
2595
2595
|
}
|
|
2596
|
-
.ListBoxItem-module__hop-
|
|
2596
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___lsuM8[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___heQlg) {
|
|
2597
2597
|
--checkmark-transition: none;
|
|
2598
2598
|
}
|
|
2599
|
-
.ListBoxItem-module__hop-
|
|
2599
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-selected] {
|
|
2600
2600
|
--background-color: var(--hop-ListBoxItem-background-color-selected);
|
|
2601
2601
|
--text-color: var(--hop-ListBoxItem-text-color-selected);
|
|
2602
2602
|
--icon-color: var(--hop-ListBoxItem-icon-color-selected);
|
|
2603
2603
|
--checkmark-opacity: 1;
|
|
2604
2604
|
}
|
|
2605
|
-
.ListBoxItem-module__hop-
|
|
2605
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-focus-visible] {
|
|
2606
2606
|
--background-color: var(--hop-ListBoxItem-background-color-focused);
|
|
2607
2607
|
--text-color: var(--hop-ListBoxItem-text-color-focused);
|
|
2608
2608
|
--icon-color: var(--hop-ListBoxItem-icon-color-focused);
|
|
2609
2609
|
--outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
|
|
2610
2610
|
}
|
|
2611
|
-
.ListBoxItem-module__hop-
|
|
2611
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-hovered] {
|
|
2612
2612
|
--background-color: var(--hop-ListBoxItem-background-color-hovered);
|
|
2613
2613
|
--text-color: var(--hop-ListBoxItem-text-color-hovered);
|
|
2614
2614
|
--icon-color: var(--hop-ListBoxItem-icon-color-hovered);
|
|
2615
2615
|
}
|
|
2616
|
-
.ListBoxItem-module__hop-
|
|
2616
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-pressed] {
|
|
2617
2617
|
--background-color: var(--hop-ListBoxItem-background-color-pressed);
|
|
2618
2618
|
--text-color: var(--hop-ListBoxItem-text-color-pressed);
|
|
2619
2619
|
--icon-color: var(--hop-ListBoxItem-icon-color-pressed);
|
|
2620
2620
|
}
|
|
2621
|
-
.ListBoxItem-module__hop-
|
|
2621
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-disabled] {
|
|
2622
2622
|
--background-color: var(--hop-ListBoxItem-background-color-disabled);
|
|
2623
2623
|
--text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
2624
2624
|
--icon-color: var(--hop-ListBoxItem-icon-color-disabled);
|
|
2625
2625
|
--description-text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
2626
2626
|
--cursor: not-allowed;
|
|
2627
2627
|
}
|
|
2628
|
-
.ListBoxItem-module__hop-
|
|
2628
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid] {
|
|
2629
2629
|
--background-color: var(--hop-ListBoxItem-background-color-invalid);
|
|
2630
2630
|
--text-color: var(--hop-ListBoxItem-text-color-invalid);
|
|
2631
2631
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid);
|
|
2632
2632
|
}
|
|
2633
|
-
.ListBoxItem-module__hop-
|
|
2633
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-selected] {
|
|
2634
2634
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
|
|
2635
2635
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
|
|
2636
2636
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
|
|
2637
2637
|
}
|
|
2638
|
-
.ListBoxItem-module__hop-
|
|
2638
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-focus-visible] {
|
|
2639
2639
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
|
|
2640
2640
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
|
|
2641
2641
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
|
|
2642
2642
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
|
|
2643
2643
|
}
|
|
2644
|
-
.ListBoxItem-module__hop-
|
|
2644
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-hovered] {
|
|
2645
2645
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
|
|
2646
2646
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
|
|
2647
2647
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
|
|
2648
2648
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
|
|
2649
2649
|
}
|
|
2650
|
-
.ListBoxItem-module__hop-
|
|
2650
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-pressed] {
|
|
2651
2651
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
|
|
2652
2652
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
|
|
2653
2653
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
|
|
2654
2654
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
|
|
2655
2655
|
}
|
|
2656
|
-
.ListBoxItem-module__hop-
|
|
2656
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-disabled] {
|
|
2657
2657
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
|
|
2658
2658
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
|
|
2659
2659
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
|
|
2660
2660
|
}
|
|
2661
|
-
.ListBoxItem-module__hop-
|
|
2661
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1:has(.ListBoxItem-module__hop-ListBoxItem__description___8KhCH) {
|
|
2662
2662
|
--row-gap: var(--hop-ListBoxItem-row-gap);
|
|
2663
2663
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
|
|
2664
2664
|
}
|
|
2665
|
-
.ListBoxItem-module__hop-
|
|
2665
|
+
.ListBoxItem-module__hop-ListBoxItem___LAkI1[data-loading] {
|
|
2666
2666
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
|
|
2667
2667
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
|
|
2668
2668
|
}
|
|
2669
|
-
.ListBoxItem-module__hop-
|
|
2669
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___lsuM8 {
|
|
2670
2670
|
display: grid;
|
|
2671
2671
|
grid-template-areas: var(--grid-template-areas);
|
|
2672
2672
|
grid-template-columns: var(--grid-template-columns);
|
|
@@ -2678,49 +2678,49 @@
|
|
|
2678
2678
|
padding-inline: var(--padding-inline);
|
|
2679
2679
|
transition: grid-template-columns .3s ease-in-out;
|
|
2680
2680
|
}
|
|
2681
|
-
.ListBoxItem-module__hop-
|
|
2681
|
+
.ListBoxItem-module__hop-ListBoxItem__checkmark___heQlg {
|
|
2682
2682
|
grid-area: indicator;
|
|
2683
2683
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
2684
2684
|
color: var(--icon-color);
|
|
2685
2685
|
opacity: var(--checkmark-opacity);
|
|
2686
2686
|
transition: var(--checkmark-transition);
|
|
2687
2687
|
}
|
|
2688
|
-
.ListBoxItem-module__hop-ListBoxItem__radio-
|
|
2689
|
-
.ListBoxItem-module__hop-
|
|
2688
|
+
.ListBoxItem-module__hop-ListBoxItem__radio-group___VryQn,
|
|
2689
|
+
.ListBoxItem-module__hop-ListBoxItem__checkbox___-fM2T {
|
|
2690
2690
|
pointer-events: none;
|
|
2691
2691
|
user-select: none;
|
|
2692
2692
|
grid-area: indicator;
|
|
2693
2693
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
2694
2694
|
}
|
|
2695
|
-
.ListBoxItem-module__hop-
|
|
2695
|
+
.ListBoxItem-module__hop-ListBoxItem__avatar___-p8Ph {
|
|
2696
2696
|
grid-area: avatar;
|
|
2697
2697
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
2698
2698
|
}
|
|
2699
|
-
.ListBoxItem-module__hop-ListBoxItem__icon-
|
|
2700
|
-
.ListBoxItem-module__hop-
|
|
2699
|
+
.ListBoxItem-module__hop-ListBoxItem__icon-list___j-Nby,
|
|
2700
|
+
.ListBoxItem-module__hop-ListBoxItem__icon___ofBmW {
|
|
2701
2701
|
grid-area: icon;
|
|
2702
2702
|
flex: 0 0 auto;
|
|
2703
2703
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
2704
2704
|
color: var(--icon-color);
|
|
2705
2705
|
}
|
|
2706
|
-
.ListBoxItem-module__hop-
|
|
2706
|
+
.ListBoxItem-module__hop-ListBoxItem__label___Wm7Al {
|
|
2707
2707
|
overflow: hidden;
|
|
2708
2708
|
grid-area: label;
|
|
2709
2709
|
min-inline-size: 0;
|
|
2710
2710
|
text-overflow: ellipsis;
|
|
2711
2711
|
white-space: nowrap;
|
|
2712
2712
|
}
|
|
2713
|
-
.ListBoxItem-module__hop-ListBoxItem__end-icon-
|
|
2714
|
-
.ListBoxItem-module__hop-ListBoxItem__end-
|
|
2713
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon-list___-DVcH,
|
|
2714
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon___Kgd39 {
|
|
2715
2715
|
grid-area: end-icon;
|
|
2716
2716
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
2717
2717
|
color: var(--icon-color);
|
|
2718
2718
|
}
|
|
2719
|
-
.ListBoxItem-module__hop-
|
|
2719
|
+
.ListBoxItem-module__hop-ListBoxItem__badge___6Itha {
|
|
2720
2720
|
grid-area: badge;
|
|
2721
2721
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
2722
2722
|
}
|
|
2723
|
-
.ListBoxItem-module__hop-
|
|
2723
|
+
.ListBoxItem-module__hop-ListBoxItem__description___8KhCH {
|
|
2724
2724
|
overflow: hidden;
|
|
2725
2725
|
display: -webkit-box;
|
|
2726
2726
|
grid-area: description;
|
|
@@ -2731,7 +2731,7 @@
|
|
|
2731
2731
|
}
|
|
2732
2732
|
|
|
2733
2733
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
|
|
2734
|
-
.ListBox-module__hop-
|
|
2734
|
+
.ListBox-module__hop-ListBox___craXV {
|
|
2735
2735
|
--hop-ListBox-background-color: var(--hop-neutral-surface);
|
|
2736
2736
|
--hop-ListBox-border-color: var(--hop-neutral-border-weak);
|
|
2737
2737
|
--hop-ListBox-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -2779,11 +2779,11 @@
|
|
|
2779
2779
|
border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
|
|
2780
2780
|
border-radius: var(--hop-ListBox-border-radius);
|
|
2781
2781
|
}
|
|
2782
|
-
.ListBox-module__hop-ListBox--
|
|
2782
|
+
.ListBox-module__hop-ListBox--fluid___-cR7i {
|
|
2783
2783
|
--max-width: var(--hop-ListBox-fluid-max-width);
|
|
2784
2784
|
--width: var(--hop-ListBox-fluid-width);
|
|
2785
2785
|
}
|
|
2786
|
-
.ListBox-module__hop-
|
|
2786
|
+
.ListBox-module__hop-ListBox__section___QGhIi {
|
|
2787
2787
|
margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
|
|
2788
2788
|
margin-inline: var(--hop-ListBox-section-margin-inline);
|
|
2789
2789
|
padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
|
|
@@ -2791,21 +2791,21 @@
|
|
|
2791
2791
|
border-block-start: var(--section-border-block-start);
|
|
2792
2792
|
border-block-end: var(--section-border-block-end);
|
|
2793
2793
|
}
|
|
2794
|
-
.ListBox-module__hop-
|
|
2794
|
+
.ListBox-module__hop-ListBox__item___3MWzg + .ListBox-module__hop-ListBox__section___QGhIi {
|
|
2795
2795
|
--section-margin-block-start: var(--hop-ListBox-section-margin-block);
|
|
2796
2796
|
--section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
|
|
2797
2797
|
}
|
|
2798
|
-
.ListBox-module__hop-
|
|
2798
|
+
.ListBox-module__hop-ListBox__section___QGhIi:has(+ .ListBox-module__hop-ListBox__item___3MWzg) {
|
|
2799
2799
|
--section-margin-block-end: var(--hop-ListBox-section-margin-block);
|
|
2800
2800
|
}
|
|
2801
|
-
.ListBox-module__hop-
|
|
2801
|
+
.ListBox-module__hop-ListBox__section___QGhIi:first-child {
|
|
2802
2802
|
--section-padding-block-start: 0;
|
|
2803
2803
|
}
|
|
2804
|
-
.ListBox-module__hop-
|
|
2804
|
+
.ListBox-module__hop-ListBox__section___QGhIi:last-child {
|
|
2805
2805
|
--section-padding-block-end: 0;
|
|
2806
2806
|
--section-border-block-end: 0;
|
|
2807
2807
|
}
|
|
2808
|
-
.ListBox-module__hop-ListBox__section-
|
|
2808
|
+
.ListBox-module__hop-ListBox__section-header___BXkTL {
|
|
2809
2809
|
margin: 0;
|
|
2810
2810
|
padding: var(--hop-ListBox-section-header-padding);
|
|
2811
2811
|
font-family: var(--hop-ListBox-section-header-font-family);
|
|
@@ -2815,27 +2815,27 @@
|
|
|
2815
2815
|
text-transform: var(--hop-ListBox-section-header-text-transform);
|
|
2816
2816
|
letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
|
|
2817
2817
|
}
|
|
2818
|
-
.ListBox-module__hop-ListBox__section-
|
|
2819
|
-
.ListBox-module__hop-ListBox__section-
|
|
2818
|
+
.ListBox-module__hop-ListBox__section-header___BXkTL::before,
|
|
2819
|
+
.ListBox-module__hop-ListBox__section-header___BXkTL::after {
|
|
2820
2820
|
content: "";
|
|
2821
2821
|
display: block;
|
|
2822
2822
|
box-sizing: border-box;
|
|
2823
2823
|
inline-size: 0;
|
|
2824
2824
|
block-size: 0;
|
|
2825
2825
|
}
|
|
2826
|
-
.ListBox-module__hop-ListBox__section-
|
|
2826
|
+
.ListBox-module__hop-ListBox__section-header___BXkTL::before {
|
|
2827
2827
|
margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
|
|
2828
2828
|
}
|
|
2829
|
-
.ListBox-module__hop-ListBox__section-
|
|
2829
|
+
.ListBox-module__hop-ListBox__section-header___BXkTL::after {
|
|
2830
2830
|
margin-block-start: var(--hop-ListBox-section-header-top-offset);
|
|
2831
2831
|
}
|
|
2832
|
-
.ListBox-module__hop-
|
|
2832
|
+
.ListBox-module__hop-ListBox__divider___FO3MM {
|
|
2833
2833
|
margin-block: var(--hop-ListBox-divider-margin-block);
|
|
2834
2834
|
margin-inline: var(--hop-ListBox-divider-margin-inline);
|
|
2835
2835
|
}
|
|
2836
2836
|
|
|
2837
2837
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
|
|
2838
|
-
.Switch-module__hop-
|
|
2838
|
+
.Switch-module__hop-Switch___WOJ5D {
|
|
2839
2839
|
--hop-Switch-border-size: 0.0625rem;
|
|
2840
2840
|
--hop-Switch-border-color: var(--hop-neutral-border);
|
|
2841
2841
|
--hop-Switch-border-radius: var(--hop-shape-rounded-lg);
|
|
@@ -2892,56 +2892,56 @@
|
|
|
2892
2892
|
inline-size: max-content;
|
|
2893
2893
|
max-inline-size: 100%;
|
|
2894
2894
|
}
|
|
2895
|
-
.Switch-module__hop-Switch--
|
|
2895
|
+
.Switch-module__hop-Switch--sm___7GFmc {
|
|
2896
2896
|
--inline-size: var(--hop-Switch-inline-size-sm);
|
|
2897
2897
|
--block-size: var(--hop-Switch-block-size-sm);
|
|
2898
2898
|
--thumb-size: var(--hop-Switch-thumb-size-sm);
|
|
2899
2899
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
|
|
2900
2900
|
--text-top-offset: var(--hop-Switch-text-top-offset-sm);
|
|
2901
2901
|
}
|
|
2902
|
-
.Switch-module__hop-Switch--
|
|
2902
|
+
.Switch-module__hop-Switch--md___K-Izy {
|
|
2903
2903
|
--inline-size: var(--hop-Switch-inline-size-md);
|
|
2904
2904
|
--block-size: var(--hop-Switch-block-size-md);
|
|
2905
2905
|
--thumb-size: var(--hop-Switch-thumb-size-md);
|
|
2906
2906
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-md);
|
|
2907
2907
|
--text-top-offset: var(--hop-Switch-text-top-offset-md);
|
|
2908
2908
|
}
|
|
2909
|
-
.Switch-module__hop-
|
|
2909
|
+
.Switch-module__hop-Switch___WOJ5D[data-hovered] {
|
|
2910
2910
|
--border-color: var(--hop-Switch-border-color-hover);
|
|
2911
2911
|
--background-color: var(--hop-Switch-background-color-hover);
|
|
2912
2912
|
--thumb-color: var(--hop-Switch-thumb-color-hover);
|
|
2913
2913
|
--text-color: var(--hop-Switch-text-color-hover);
|
|
2914
2914
|
}
|
|
2915
|
-
.Switch-module__hop-
|
|
2916
|
-
.Switch-module__hop-
|
|
2915
|
+
.Switch-module__hop-Switch___WOJ5D[data-pressed],
|
|
2916
|
+
.Switch-module__hop-Switch___WOJ5D[data-pressed][data-focus-visible] {
|
|
2917
2917
|
--border-color: var(--hop-Switch-border-color-pressed);
|
|
2918
2918
|
--background-color: var(--hop-Switch-background-color-pressed);
|
|
2919
2919
|
--thumb-color: var(--hop-Switch-thumb-color-pressed);
|
|
2920
2920
|
--text-color: var(--hop-Switch-text-color-pressed);
|
|
2921
2921
|
}
|
|
2922
|
-
.Switch-module__hop-
|
|
2922
|
+
.Switch-module__hop-Switch___WOJ5D[data-focus-visible] {
|
|
2923
2923
|
--border-color: var(--hop-Switch-border-color-focus);
|
|
2924
2924
|
--background-color: var(--hop-Switch-background-color-focus);
|
|
2925
2925
|
--thumb-color: var(--hop-Switch-thumb-color-focus);
|
|
2926
2926
|
--outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
|
|
2927
2927
|
--text-color: var(--hop-Switch-text-color-focus);
|
|
2928
2928
|
}
|
|
2929
|
-
.Switch-module__hop-
|
|
2930
|
-
.Switch-module__hop-
|
|
2929
|
+
.Switch-module__hop-Switch___WOJ5D[data-selected],
|
|
2930
|
+
.Switch-module__hop-Switch___WOJ5D[data-selected][data-pressed] {
|
|
2931
2931
|
--border-color: var(--hop-Switch-border-color-selected);
|
|
2932
2932
|
--background-color: var(--hop-Switch-background-color-selected);
|
|
2933
2933
|
--thumb-color: var(--hop-Switch-thumb-color-selected);
|
|
2934
2934
|
--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%);
|
|
2935
2935
|
--text-color: var(--hop-Switch-text-color-selected);
|
|
2936
2936
|
}
|
|
2937
|
-
.Switch-module__hop-
|
|
2937
|
+
.Switch-module__hop-Switch___WOJ5D[data-disabled] {
|
|
2938
2938
|
--border-color: var(--hop-Switch-border-color-disabled);
|
|
2939
2939
|
--background-color: var(--hop-Switch-background-color-disabled);
|
|
2940
2940
|
--thumb-color: var(--hop-Switch-thumb-color-disabled);
|
|
2941
2941
|
--text-color: var(--hop-Switch-text-color-disabled);
|
|
2942
2942
|
--cursor: not-allowed;
|
|
2943
2943
|
}
|
|
2944
|
-
.Switch-module__hop-
|
|
2944
|
+
.Switch-module__hop-Switch__indicator___fXPHM {
|
|
2945
2945
|
position: relative;
|
|
2946
2946
|
flex: 0 0 auto;
|
|
2947
2947
|
box-sizing: border-box;
|
|
@@ -2954,7 +2954,7 @@
|
|
|
2954
2954
|
outline-offset: 0.125rem;
|
|
2955
2955
|
transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
|
|
2956
2956
|
}
|
|
2957
|
-
.Switch-module__hop-
|
|
2957
|
+
.Switch-module__hop-Switch__indicator___fXPHM::before {
|
|
2958
2958
|
content: "";
|
|
2959
2959
|
position: absolute;
|
|
2960
2960
|
inset-block-start: 50%;
|
|
@@ -2969,20 +2969,20 @@
|
|
|
2969
2969
|
border-radius: var(--hop-shape-circle);
|
|
2970
2970
|
transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
|
|
2971
2971
|
}
|
|
2972
|
-
.Switch-module__hop-
|
|
2972
|
+
.Switch-module__hop-Switch__text___a30Hu {
|
|
2973
2973
|
flex: 0 1 auto;
|
|
2974
2974
|
order: 2;
|
|
2975
2975
|
min-inline-size: 0;
|
|
2976
2976
|
margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
|
|
2977
2977
|
color: var(--text-color);
|
|
2978
2978
|
}
|
|
2979
|
-
.Switch-module__hop-Switch__icon-
|
|
2980
|
-
.Switch-module__hop-
|
|
2979
|
+
.Switch-module__hop-Switch__icon-list___1bF-q,
|
|
2980
|
+
.Switch-module__hop-Switch__icon___4kIpS {
|
|
2981
2981
|
order: 3;
|
|
2982
2982
|
}
|
|
2983
2983
|
|
|
2984
2984
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
|
|
2985
|
-
.SwitchField-module__hop-
|
|
2985
|
+
.SwitchField-module__hop-SwitchField___RE0VV {
|
|
2986
2986
|
--hop-SwitchField-description-color: var(--hop-neutral-text-weak);
|
|
2987
2987
|
--hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
2988
2988
|
--hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -3001,28 +3001,28 @@
|
|
|
3001
3001
|
inline-size: max-content;
|
|
3002
3002
|
max-inline-size: 100%;
|
|
3003
3003
|
}
|
|
3004
|
-
.SwitchField-module__hop-
|
|
3004
|
+
.SwitchField-module__hop-SwitchField___RE0VV[data-disabled] {
|
|
3005
3005
|
--description-color: var(--hop-SwitchField-description-color-disabled);
|
|
3006
3006
|
}
|
|
3007
|
-
.SwitchField-module__hop-SwitchField--
|
|
3007
|
+
.SwitchField-module__hop-SwitchField--sm___irl7M {
|
|
3008
3008
|
--row-gap: var(--hop-SwitchField-sm-row-gap);
|
|
3009
3009
|
--description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
|
|
3010
3010
|
}
|
|
3011
|
-
.SwitchField-module__hop-SwitchField--
|
|
3011
|
+
.SwitchField-module__hop-SwitchField--md___HsLOC {
|
|
3012
3012
|
--row-gap: var(--hop-SwitchField-md-row-gap);
|
|
3013
3013
|
--description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
|
|
3014
3014
|
}
|
|
3015
|
-
.SwitchField-module__hop-
|
|
3015
|
+
.SwitchField-module__hop-SwitchField__description___MQlDd {
|
|
3016
3016
|
order: 2;
|
|
3017
3017
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
|
|
3018
3018
|
color: var(--description-color);
|
|
3019
3019
|
}
|
|
3020
|
-
.SwitchField-module__hop-
|
|
3020
|
+
.SwitchField-module__hop-SwitchField__switch___ih0EU {
|
|
3021
3021
|
order: 1;
|
|
3022
3022
|
}
|
|
3023
3023
|
|
|
3024
3024
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
|
|
3025
|
-
.Tag-module__hop-
|
|
3025
|
+
.Tag-module__hop-Tag___-q8Pw {
|
|
3026
3026
|
--hop-Tag-border-size: 0.0625rem;
|
|
3027
3027
|
--hop-Tag-border-radius: var(--hop-shape-pill);
|
|
3028
3028
|
--hop-Tag-border-color: var(--hop-neutral-border);
|
|
@@ -3082,23 +3082,23 @@
|
|
|
3082
3082
|
outline: none;
|
|
3083
3083
|
outline-offset: 0.125rem;
|
|
3084
3084
|
}
|
|
3085
|
-
.Tag-module__hop-Tag--
|
|
3085
|
+
.Tag-module__hop-Tag--md___OTW4z {
|
|
3086
3086
|
--block-size: var(--hop-Tag-md-block-size);
|
|
3087
3087
|
--padding-inline-start: var(--hop-Tag-md-padding-inline-start);
|
|
3088
3088
|
--padding-inline-end: var(--hop-Tag-md-padding-inline-end);
|
|
3089
3089
|
--column-gap: var(--hop-Tag-md-column-gap);
|
|
3090
3090
|
--clear-btn-margin-inline: calc(-1 * var(--hop-space-inline-xs));
|
|
3091
3091
|
}
|
|
3092
|
-
.Tag-module__hop-Tag--
|
|
3092
|
+
.Tag-module__hop-Tag--md___OTW4z:not(:has(.Tag-module__hop-Tag__icon___mnJYF, .Tag-module__hop-Tag__icon-list___EKPLN)) {
|
|
3093
3093
|
--padding-inline-start: var(--hop-Tag-md-padding-inline-start-text-first);
|
|
3094
3094
|
}
|
|
3095
|
-
.Tag-module__hop-Tag--
|
|
3095
|
+
.Tag-module__hop-Tag--md___OTW4z:not(:has(.Tag-module__hop-Tag__badge___oMXZc, .Tag-module__hop-Tag__remove-btn___eElh3, .Tag-module__hop-Tag__Spinner___9RiVy)) {
|
|
3096
3096
|
--padding-inline-end: var(--hop-Tag-md-padding-inline-end-text-last);
|
|
3097
3097
|
}
|
|
3098
|
-
.Tag-module__hop-Tag--
|
|
3098
|
+
.Tag-module__hop-Tag--md___OTW4z:not(:has(.Tag-module__hop-Tag__remove-btn___eElh3, .Tag-module__hop-Tag__Spinner___9RiVy)) {
|
|
3099
3099
|
--badge-margin-inline-end: calc(-1 * var(--padding-inline-end));
|
|
3100
3100
|
}
|
|
3101
|
-
.Tag-module__hop-Tag--
|
|
3101
|
+
.Tag-module__hop-Tag--lg___L0Gr- {
|
|
3102
3102
|
--block-size: var(--hop-Tag-lg-block-size);
|
|
3103
3103
|
--padding-inline-start: var(--hop-Tag-lg-padding-inline-start);
|
|
3104
3104
|
--padding-inline-end: var(--hop-Tag-lg-padding-inline-end);
|
|
@@ -3106,54 +3106,54 @@
|
|
|
3106
3106
|
--clear-btn-margin-inline: 0;
|
|
3107
3107
|
--badge-margin-inline-end: 0;
|
|
3108
3108
|
}
|
|
3109
|
-
.Tag-module__hop-Tag--
|
|
3109
|
+
.Tag-module__hop-Tag--lg___L0Gr-:not(:has(.Tag-module__hop-Tag__icon___mnJYF, .Tag-module__hop-Tag__icon-list___EKPLN)) {
|
|
3110
3110
|
--padding-inline-start: var(--hop-Tag-lg-padding-inline-start-text-first);
|
|
3111
3111
|
}
|
|
3112
|
-
.Tag-module__hop-Tag--
|
|
3112
|
+
.Tag-module__hop-Tag--lg___L0Gr-:not(:has(.Tag-module__hop-Tag__badge___oMXZc, .Tag-module__hop-Tag__remove-btn___eElh3, .Tag-module__hop-Tag__Spinner___9RiVy)) {
|
|
3113
3113
|
--padding-inline-end: var(--hop-Tag-lg-padding-inline-end-text-last);
|
|
3114
3114
|
}
|
|
3115
|
-
.Tag-module__hop-
|
|
3115
|
+
.Tag-module__hop-Tag___-q8Pw[data-href] {
|
|
3116
3116
|
cursor: pointer;
|
|
3117
3117
|
}
|
|
3118
|
-
.Tag-module__hop-
|
|
3118
|
+
.Tag-module__hop-Tag___-q8Pw[data-focus-visible] {
|
|
3119
3119
|
--background-color: var(--hop-Tag-background-color-focus);
|
|
3120
3120
|
--border-color: var(--hop-Tag-border-color-focus);
|
|
3121
3121
|
--text-color: var(--hop-Tag-text-color-focus);
|
|
3122
3122
|
outline: 0.125rem solid var(--focus-ring-color);
|
|
3123
3123
|
}
|
|
3124
|
-
.Tag-module__hop-
|
|
3124
|
+
.Tag-module__hop-Tag___-q8Pw[data-hovered] {
|
|
3125
3125
|
--background-color: var(--hop-Tag-background-color-hover);
|
|
3126
3126
|
--border-color: var(--hop-Tag-border-color-hover);
|
|
3127
3127
|
--text-color: var(--hop-Tag-text-color-hover);
|
|
3128
3128
|
cursor: pointer;
|
|
3129
3129
|
}
|
|
3130
|
-
.Tag-module__hop-
|
|
3130
|
+
.Tag-module__hop-Tag___-q8Pw[data-selected] {
|
|
3131
3131
|
--background-color: var(--hop-Tag-background-color-selected);
|
|
3132
3132
|
--border-color: var(--hop-Tag-border-color-selected);
|
|
3133
3133
|
--text-color: var(--hop-Tag-text-color-selected);
|
|
3134
3134
|
}
|
|
3135
|
-
.Tag-module__hop-
|
|
3135
|
+
.Tag-module__hop-Tag___-q8Pw[data-pressed] {
|
|
3136
3136
|
--background-color: var(--hop-Tag-background-color-press);
|
|
3137
3137
|
--border-color: var(--hop-Tag-border-color-press);
|
|
3138
3138
|
--text-color: var(--hop-Tag-text-color-press);
|
|
3139
3139
|
cursor: pointer;
|
|
3140
3140
|
}
|
|
3141
|
-
.Tag-module__hop-
|
|
3141
|
+
.Tag-module__hop-Tag___-q8Pw[data-invalid] {
|
|
3142
3142
|
--border-color: var(--hop-Tag-border-color-invalid);
|
|
3143
3143
|
}
|
|
3144
|
-
.Tag-module__hop-
|
|
3144
|
+
.Tag-module__hop-Tag___-q8Pw[data-disabled] {
|
|
3145
3145
|
--background-color: var(--hop-Tag-background-color-disabled);
|
|
3146
3146
|
--border-color: var(--hop-Tag-border-color-disabled);
|
|
3147
3147
|
--text-color: var(--hop-Tag-text-color-disabled);
|
|
3148
3148
|
cursor: not-allowed;
|
|
3149
3149
|
}
|
|
3150
|
-
.Tag-module__hop-
|
|
3151
|
-
.Tag-module__hop-Tag__icon-
|
|
3150
|
+
.Tag-module__hop-Tag__icon___mnJYF,
|
|
3151
|
+
.Tag-module__hop-Tag__icon-list___EKPLN {
|
|
3152
3152
|
flex: 0 0 auto;
|
|
3153
3153
|
flex-wrap: nowrap;
|
|
3154
3154
|
order: 1;
|
|
3155
3155
|
}
|
|
3156
|
-
.Tag-module__hop-
|
|
3156
|
+
.Tag-module__hop-Tag__text___-FOzE {
|
|
3157
3157
|
overflow: hidden;
|
|
3158
3158
|
flex: 1 1 auto;
|
|
3159
3159
|
order: 2;
|
|
@@ -3161,25 +3161,25 @@
|
|
|
3161
3161
|
text-align: center;
|
|
3162
3162
|
text-overflow: ellipsis;
|
|
3163
3163
|
}
|
|
3164
|
-
.Tag-module__hop-
|
|
3164
|
+
.Tag-module__hop-Tag__badge___oMXZc {
|
|
3165
3165
|
flex: 0 0 auto;
|
|
3166
3166
|
order: 3;
|
|
3167
3167
|
margin-inline-end: var(--badge-margin-inline-end);
|
|
3168
3168
|
}
|
|
3169
|
-
.Tag-module__hop-
|
|
3169
|
+
.Tag-module__hop-Tag__badge___oMXZc.Tag-module__hop-Badge--secondary___bkvj- {
|
|
3170
3170
|
margin-inline-start: var(--badge-secondary-inline-margin-start);
|
|
3171
3171
|
}
|
|
3172
|
-
.Tag-module__hop-Tag__remove-
|
|
3173
|
-
.Tag-module__hop-
|
|
3172
|
+
.Tag-module__hop-Tag__remove-btn___eElh3,
|
|
3173
|
+
.Tag-module__hop-Tag__Spinner___9RiVy {
|
|
3174
3174
|
flex: 0 0 auto;
|
|
3175
3175
|
order: 4;
|
|
3176
3176
|
}
|
|
3177
|
-
.Tag-module__hop-Tag__remove-
|
|
3177
|
+
.Tag-module__hop-Tag__remove-btn___eElh3 {
|
|
3178
3178
|
margin-inline: var(--clear-btn-margin-inline);
|
|
3179
3179
|
}
|
|
3180
3180
|
|
|
3181
3181
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
|
|
3182
|
-
.TagGroup-module__hop-
|
|
3182
|
+
.TagGroup-module__hop-TagGroup___5wpvh {
|
|
3183
3183
|
--hop-TagGroup-row-gap: var(--hop-space-inline-sm);
|
|
3184
3184
|
--hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
|
|
3185
3185
|
--hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
|
|
@@ -3199,10 +3199,10 @@
|
|
|
3199
3199
|
inline-size: max-content;
|
|
3200
3200
|
max-inline-size: 100%;
|
|
3201
3201
|
}
|
|
3202
|
-
.TagGroup-module__hop-
|
|
3202
|
+
.TagGroup-module__hop-TagGroup___5wpvh > .TagGroup-module__hop-TagGroup__label___DRHS9 {
|
|
3203
3203
|
order: 1;
|
|
3204
3204
|
}
|
|
3205
|
-
.TagGroup-module__hop-
|
|
3205
|
+
.TagGroup-module__hop-TagGroup__list___m3vQD {
|
|
3206
3206
|
display: flex;
|
|
3207
3207
|
flex-wrap: wrap;
|
|
3208
3208
|
gap: var(--list-row-gap) var(--list-column-gap);
|
|
@@ -3211,24 +3211,24 @@
|
|
|
3211
3211
|
border-radius: var(--list-border-radius);
|
|
3212
3212
|
outline: none;
|
|
3213
3213
|
}
|
|
3214
|
-
.TagGroup-module__hop-
|
|
3214
|
+
.TagGroup-module__hop-TagGroup__list___m3vQD[data-focus-visible] {
|
|
3215
3215
|
outline: 0.125rem solid var(--list-focus-ring-color);
|
|
3216
3216
|
outline-offset: 0.125rem;
|
|
3217
3217
|
}
|
|
3218
|
-
.TagGroup-module__hop-
|
|
3219
|
-
.TagGroup-module__hop-
|
|
3218
|
+
.TagGroup-module__hop-TagGroup___5wpvh > .TagGroup-module__hop-TagGroup__error-message___Kusvn,
|
|
3219
|
+
.TagGroup-module__hop-TagGroup___5wpvh > .TagGroup-module__hop-TagGroup__helper-message___QxW1S {
|
|
3220
3220
|
order: 3;
|
|
3221
3221
|
}
|
|
3222
3222
|
|
|
3223
3223
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
|
|
3224
|
-
:where(.Popover-module__hop-
|
|
3224
|
+
:where(.Popover-module__hop-Popover___knEoo *) {
|
|
3225
3225
|
font-family: var(--font-family);
|
|
3226
3226
|
font-size: var(--font-size);
|
|
3227
3227
|
font-weight: var(--font-weight);
|
|
3228
3228
|
line-height: var(--line-height);
|
|
3229
3229
|
outline: none;
|
|
3230
3230
|
}
|
|
3231
|
-
.Popover-module__hop-
|
|
3231
|
+
.Popover-module__hop-Popover__dialog___ENUW7 {
|
|
3232
3232
|
--hop-Popover-background: var(--hop-neutral-surface);
|
|
3233
3233
|
--hop-Popover-font-family: var(--hop-body-sm-font-family);
|
|
3234
3234
|
--hop-Popover-font-size: var(--hop-body-sm-font-size);
|
|
@@ -3268,17 +3268,17 @@
|
|
|
3268
3268
|
--width: 25rem;
|
|
3269
3269
|
}
|
|
3270
3270
|
}
|
|
3271
|
-
.Popover-module__hop-
|
|
3271
|
+
.Popover-module__hop-Popover__title___KaD7t {
|
|
3272
3272
|
grid-area: header;
|
|
3273
3273
|
color: var(--hop-Popover-color);
|
|
3274
3274
|
}
|
|
3275
|
-
.Popover-module__hop-
|
|
3276
|
-
.Popover-module__hop-
|
|
3275
|
+
.Popover-module__hop-Popover__actions___Oxmxw,
|
|
3276
|
+
.Popover-module__hop-Popover__action___GVdBt {
|
|
3277
3277
|
grid-area: action;
|
|
3278
3278
|
justify-self: end;
|
|
3279
3279
|
margin-block-start: var(--hop-space-stack-sm);
|
|
3280
3280
|
}
|
|
3281
|
-
.Popover-module__hop-
|
|
3281
|
+
.Popover-module__hop-Popover__content___XwHzP {
|
|
3282
3282
|
--font-size: var(--hop-Popover-content-font-size);
|
|
3283
3283
|
--line-height: var(--hop-Popover-content-line-height);
|
|
3284
3284
|
grid-area: content;
|
|
@@ -3287,7 +3287,7 @@
|
|
|
3287
3287
|
padding: 0;
|
|
3288
3288
|
color: var(--hop-Popover-content-color);
|
|
3289
3289
|
}
|
|
3290
|
-
.Popover-module__hop-
|
|
3290
|
+
.Popover-module__hop-Popover__footer___KLON- {
|
|
3291
3291
|
--font-size: var(--hop-Popover-footer-font-size);
|
|
3292
3292
|
--line-height: var(--hop-Popover-footer-line-height);
|
|
3293
3293
|
grid-area: footer;
|