@hopper-ui/components 1.3.1 → 1.3.2
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 +21 -21
- package/dist/Badge/src/Badge.js +2 -2
- package/dist/Badge/src/FloatingBadge.css +10 -10
- package/dist/Badge/src/FloatingBadge.js +1 -1
- package/dist/Badge/src/index.css +31 -31
- package/dist/Badge/src/index.js +3 -3
- 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/Form/src/Form.css +658 -645
- package/dist/Form/src/Form.js +42 -42
- package/dist/Form/src/index.css +658 -645
- package/dist/Form/src/index.js +42 -42
- 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 +222 -222
- package/dist/ListBox/src/ListBox.js +7 -7
- package/dist/ListBox/src/ListBoxItem.css +207 -207
- package/dist/ListBox/src/ListBoxItem.js +6 -6
- package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +222 -222
- package/dist/ListBox/src/index.js +7 -7
- package/dist/Select/src/Select.css +658 -645
- package/dist/Select/src/Select.js +42 -42
- package/dist/Select/src/SelectValue.css +60 -60
- package/dist/Select/src/SelectValue.js +5 -5
- package/dist/Select/src/index.css +658 -645
- package/dist/Select/src/index.js +42 -42
- 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 +94 -94
- package/dist/buttons/src/Button.js +3 -3
- package/dist/buttons/src/ButtonGroup.css +11 -11
- package/dist/buttons/src/ButtonGroup.js +1 -1
- package/dist/buttons/src/ClearButton.css +70 -70
- package/dist/buttons/src/ClearButton.js +2 -2
- package/dist/buttons/src/EmbeddedButton.css +70 -70
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/index.css +175 -175
- package/dist/buttons/src/index.js +6 -6
- 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 +60 -60
- package/dist/checkbox/src/CheckboxGroup.js +1 -1
- package/dist/checkbox/src/index.css +60 -60
- package/dist/checkbox/src/index.js +4 -4
- package/dist/{chunk-X2T2UX2O.js → chunk-2JKIODNX.js} +1 -1
- package/dist/{chunk-ZG5E36S3.js → chunk-2QRF6QS4.js} +3 -3
- package/dist/{chunk-NEPRDVF7.js → chunk-4DUNOSY3.js} +1 -1
- package/dist/{chunk-HXPTWMD5.js → chunk-4HDV2BLR.js} +3 -3
- package/dist/{chunk-2WWHL3EF.js → chunk-6ARIISLQ.js} +3 -3
- package/dist/{chunk-QCTIAKM6.js → chunk-7PGPLWWM.js} +1 -1
- package/dist/{chunk-JVDCU4PT.js → chunk-7UCX7BHD.js} +1 -1
- package/dist/{chunk-EUELVL2L.js → chunk-BZEAJIFE.js} +1 -1
- package/dist/{chunk-QSWSZUZM.js → chunk-DBRCQKUP.js} +1 -1
- package/dist/{chunk-WDA6LWC4.js → chunk-DVUZTKLP.js} +6 -6
- package/dist/{chunk-QAIK237T.js → chunk-E3OC54N2.js} +18 -7
- package/dist/{chunk-ARD3LWL2.js → chunk-E4XUYBHM.js} +2 -2
- package/dist/{chunk-OLXX46IZ.js → chunk-EM46HWRZ.js} +1 -1
- package/dist/{chunk-USVXH6MO.js → chunk-FJ22ZFSR.js} +2 -2
- package/dist/{chunk-ESWRMGHR.js → chunk-GVSKXB2L.js} +3 -3
- package/dist/{chunk-JVZRUDLP.js → chunk-GX73DZCI.js} +4 -4
- package/dist/{chunk-EMD2K6B3.js → chunk-HIBGDGNG.js} +2 -2
- package/dist/{chunk-47SFZCKK.js → chunk-IU74RATZ.js} +1 -1
- package/dist/{chunk-5NMCOZOW.js → chunk-JCH77LJD.js} +1 -1
- package/dist/{chunk-L3Y67TUF.js → chunk-KCISVH6E.js} +1 -1
- package/dist/{chunk-2ZOLM7VR.js → chunk-KYREXCID.js} +2 -2
- package/dist/{chunk-SFZBLVJN.js → chunk-LBJ4PRPZ.js} +2 -2
- package/dist/{chunk-NJHNYL6X.js → chunk-M23LQGWD.js} +2 -2
- package/dist/{chunk-UNSJTDXN.js → chunk-M72B6IEL.js} +1 -1
- package/dist/{chunk-XHQWDF7B.js → chunk-MVQ4SZCY.js} +1 -1
- package/dist/{chunk-YD2TGFCB.js → chunk-OHK3RWIU.js} +3 -3
- package/dist/{chunk-BO53NITW.js → chunk-PMPZHA56.js} +1 -1
- package/dist/{chunk-GG6RHMJ7.js → chunk-QIGWJIKW.js} +7 -7
- package/dist/{chunk-A2S2Q73W.js → chunk-SYP4FGDH.js} +2 -2
- package/dist/{chunk-PUMWU6M4.js → chunk-SZE6BURJ.js} +1 -1
- package/dist/{chunk-7QUXYE3E.js → chunk-T46AXTFR.js} +4 -4
- package/dist/{chunk-XF4SQ222.js → chunk-TKCXSKGR.js} +1 -1
- package/dist/{chunk-BF6YUKC2.js → chunk-UUNBQSPD.js} +1 -1
- package/dist/{chunk-HLXQ6C2E.js → chunk-UURAYM5Q.js} +1 -1
- package/dist/{chunk-TJMAMWRQ.js → chunk-VAX4ILUC.js} +1 -1
- package/dist/{chunk-52LHX4PE.js → chunk-VSUK2R4A.js} +2 -2
- package/dist/{chunk-BV7O26TY.js → chunk-XBDHVTY7.js} +3 -3
- package/dist/{chunk-D7VVQIPM.js → chunk-XZRK3MCS.js} +2 -2
- package/dist/{chunk-D2GZKHYD.js → chunk-XZZGXNY3.js} +1 -1
- package/dist/{chunk-ANBOSYAL.js → chunk-YAWQ7HJ5.js} +1 -1
- package/dist/{chunk-SD6DBWYC.js → chunk-ZUIUPK7K.js} +1 -1
- package/dist/index.css +658 -645
- package/dist/index.js +42 -42
- package/dist/inputs/src/InputGroup.css +14 -14
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +63 -63
- package/dist/inputs/src/NumberField.js +6 -6
- package/dist/inputs/src/PasswordField.css +217 -217
- package/dist/inputs/src/PasswordField.js +7 -7
- package/dist/inputs/src/SearchField.css +223 -223
- package/dist/inputs/src/SearchField.js +8 -8
- package/dist/inputs/src/TextArea.css +57 -57
- package/dist/inputs/src/TextArea.js +7 -7
- package/dist/inputs/src/TextField.css +231 -218
- package/dist/inputs/src/TextField.d.ts +7 -0
- package/dist/inputs/src/TextField.js +9 -8
- package/dist/inputs/src/index.css +279 -266
- package/dist/inputs/src/index.js +13 -13
- package/dist/overlays/Popover/src/Popover.css +658 -645
- package/dist/overlays/Popover/src/Popover.js +42 -42
- package/dist/overlays/Popover/src/index.css +658 -645
- package/dist/overlays/Popover/src/index.js +42 -42
- 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 +60 -60
- package/dist/radio/src/RadioGroup.js +1 -1
- package/dist/radio/src/index.css +60 -60
- 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 +322 -322
- package/dist/tag/src/Tag.js +5 -5
- package/dist/tag/src/TagGroup.css +22 -22
- package/dist/tag/src/TagGroup.js +1 -1
- package/dist/tag/src/index.css +335 -335
- package/dist/tag/src/index.js +6 -6
- 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 +3 -3
- package/dist/typography/Label/src/Label.js +1 -1
- package/dist/typography/Label/src/index.css +3 -3
- 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/dist/utils/src/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
|
|
2
|
-
:where(.OverlineText-module__hop-
|
|
2
|
+
:where(.OverlineText-module__hop-OverlineText___H96xT) {
|
|
3
3
|
--hop-OverlineText-font-family: var(--hop-overline-font-family);
|
|
4
4
|
--hop-OverlineText-font-size: var(--hop-overline-font-size);
|
|
5
5
|
--hop-OverlineText-font-weight: var(--hop-overline-font-weight);
|
|
@@ -23,26 +23,26 @@
|
|
|
23
23
|
text-transform: uppercase;
|
|
24
24
|
letter-spacing: var(--letter-spacing);
|
|
25
25
|
}
|
|
26
|
-
.OverlineText-module__hop-
|
|
26
|
+
.OverlineText-module__hop-OverlineText__text___Oen8K {
|
|
27
27
|
box-sizing: border-box;
|
|
28
28
|
}
|
|
29
|
-
.OverlineText-module__hop-
|
|
30
|
-
.OverlineText-module__hop-
|
|
29
|
+
.OverlineText-module__hop-OverlineText__text___Oen8K::before,
|
|
30
|
+
.OverlineText-module__hop-OverlineText__text___Oen8K::after {
|
|
31
31
|
content: "";
|
|
32
32
|
display: block;
|
|
33
33
|
box-sizing: border-box;
|
|
34
34
|
inline-size: 0;
|
|
35
35
|
block-size: 0;
|
|
36
36
|
}
|
|
37
|
-
.OverlineText-module__hop-
|
|
37
|
+
.OverlineText-module__hop-OverlineText__text___Oen8K::before {
|
|
38
38
|
margin-block-end: var(--bottom-offset);
|
|
39
39
|
}
|
|
40
|
-
.OverlineText-module__hop-
|
|
40
|
+
.OverlineText-module__hop-OverlineText__text___Oen8K::after {
|
|
41
41
|
margin-block-start: var(--top-offset);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
|
|
45
|
-
.Badge-module__hop-
|
|
45
|
+
.Badge-module__hop-Badge___j2yOS {
|
|
46
46
|
--hop-Badge-height: 1.5rem;
|
|
47
47
|
--hop-Badge-width: max-content;
|
|
48
48
|
--hop-Badge-padding-inline: var(--hop-space-inset-sm);
|
|
@@ -92,67 +92,67 @@
|
|
|
92
92
|
background-color: var(--background-color, var(--hop-Badge-primary-background-color));
|
|
93
93
|
border-radius: var(--border-radius);
|
|
94
94
|
}
|
|
95
|
-
.Badge-module__hop-
|
|
95
|
+
.Badge-module__hop-Badge___j2yOS[data-variant=primary] {
|
|
96
96
|
--background-color: var(--hop-Badge-primary-background-color);
|
|
97
97
|
--text-color: var(--hop-Badge-primary-text-color);
|
|
98
98
|
}
|
|
99
|
-
.Badge-module__hop-
|
|
99
|
+
.Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=primary] {
|
|
100
100
|
--background-color: var(--hop-Badge-primary-background-color-hovered);
|
|
101
101
|
--text-color: var(--hop-Badge-primary-text-color-hovered);
|
|
102
102
|
}
|
|
103
|
-
.Badge-module__hop-
|
|
103
|
+
.Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=primary] {
|
|
104
104
|
--background-color: var(--hop-Badge-primary-background-color-pressed);
|
|
105
105
|
--text-color: var(--hop-Badge-primary-text-color-pressed);
|
|
106
106
|
}
|
|
107
|
-
.Badge-module__hop-
|
|
107
|
+
.Badge-module__hop-Badge___j2yOS[data-selected][data-variant=primary] {
|
|
108
108
|
--background-color: var(--hop-Badge-primary-background-color-selected);
|
|
109
109
|
--text-color: var(--hop-Badge-primary-text-color-selected);
|
|
110
110
|
}
|
|
111
|
-
.Badge-module__hop-
|
|
111
|
+
.Badge-module__hop-Badge___j2yOS[data-variant=secondary] {
|
|
112
112
|
--background-color: var(--hop-Badge-secondary-background-color);
|
|
113
113
|
--text-color: var(--hop-Badge-secondary-text-color);
|
|
114
114
|
}
|
|
115
|
-
.Badge-module__hop-
|
|
115
|
+
.Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=secondary] {
|
|
116
116
|
--background-color: var(--hop-Badge-secondary-background-color-hovered);
|
|
117
117
|
--text-color: var(--hop-Badge-secondary-text-color-hovered);
|
|
118
118
|
}
|
|
119
|
-
.Badge-module__hop-
|
|
119
|
+
.Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=secondary] {
|
|
120
120
|
--background-color: var(--hop-Badge-secondary-background-color-pressed);
|
|
121
121
|
--text-color: var(--hop-Badge-secondary-text-color-pressed);
|
|
122
122
|
}
|
|
123
|
-
.Badge-module__hop-
|
|
123
|
+
.Badge-module__hop-Badge___j2yOS[data-selected][data-variant=secondary] {
|
|
124
124
|
--background-color: var(--hop-Badge-secondary-background-color-selected);
|
|
125
125
|
--text-color: var(--hop-Badge-secondary-text-color-selected);
|
|
126
126
|
}
|
|
127
|
-
.Badge-module__hop-
|
|
127
|
+
.Badge-module__hop-Badge___j2yOS[data-variant=subdued] {
|
|
128
128
|
--background-color: var(--hop-Badge-subdued-background-color);
|
|
129
129
|
--text-color: var(--hop-Badge-subdued-text-color);
|
|
130
130
|
}
|
|
131
|
-
.Badge-module__hop-
|
|
131
|
+
.Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=subdued] {
|
|
132
132
|
--background-color: var(--hop-Badge-subdued-background-color-hovered);
|
|
133
133
|
--text-color: var(--hop-Badge-subdued-text-color-hovered);
|
|
134
134
|
}
|
|
135
|
-
.Badge-module__hop-
|
|
135
|
+
.Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=subdued] {
|
|
136
136
|
--background-color: var(--hop-Badge-subdued-background-color-pressed);
|
|
137
137
|
--text-color: var(--hop-Badge-subdued-text-color-pressed);
|
|
138
138
|
}
|
|
139
|
-
.Badge-module__hop-
|
|
139
|
+
.Badge-module__hop-Badge___j2yOS[data-selected][data-variant=subdued] {
|
|
140
140
|
--background-color: var(--hop-Badge-subdued-background-color-selected);
|
|
141
141
|
--text-color: var(--hop-Badge-subdued-text-color-selected);
|
|
142
142
|
}
|
|
143
|
-
.Badge-module__hop-
|
|
143
|
+
.Badge-module__hop-Badge___j2yOS[data-indeterminate] {
|
|
144
144
|
--border-radius: var(--hop-Badge-indeterminate-border-radius);
|
|
145
145
|
--height: var(--hop-Badge-indeterminate-height);
|
|
146
146
|
--width: var(--hop-Badge-indeterminate-width);
|
|
147
147
|
--padding-inline: var(--hop-Badge-indeterminate-padding-inline);
|
|
148
148
|
}
|
|
149
|
-
.Badge-module__hop-
|
|
149
|
+
.Badge-module__hop-Badge___j2yOS[data-disabled] {
|
|
150
150
|
--background-color: var(--hop-Badge-background-color-disabled);
|
|
151
151
|
--text-color: var(--hop-Badge-text-color-disabled);
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
|
|
155
|
-
.FloatingBadge-module__hop-
|
|
155
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU {
|
|
156
156
|
--hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
|
|
157
157
|
--hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
|
|
158
158
|
--hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
|
|
@@ -193,7 +193,7 @@
|
|
|
193
193
|
box-sizing: border-box;
|
|
194
194
|
inline-size: max-content;
|
|
195
195
|
}
|
|
196
|
-
.FloatingBadge-module__hop-
|
|
196
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top right"] {
|
|
197
197
|
--badge-top: var(--hop-FloatingBadge-badge-topright-top);
|
|
198
198
|
--badge-right: var(--hop-FloatingBadge-badge-topright-right);
|
|
199
199
|
--badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
|
|
@@ -201,11 +201,11 @@
|
|
|
201
201
|
--badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
|
|
202
202
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
|
|
203
203
|
}
|
|
204
|
-
.FloatingBadge-module__hop-
|
|
204
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top right"][data-overlap=circular] {
|
|
205
205
|
--badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
|
|
206
206
|
--badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
|
|
207
207
|
}
|
|
208
|
-
.FloatingBadge-module__hop-
|
|
208
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top left"] {
|
|
209
209
|
--badge-top: var(--hop-FloatingBadge-badge-topleft-top);
|
|
210
210
|
--badge-right: var(--hop-FloatingBadge-badge-topleft-right);
|
|
211
211
|
--badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
|
|
@@ -213,11 +213,11 @@
|
|
|
213
213
|
--badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
|
|
214
214
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
|
|
215
215
|
}
|
|
216
|
-
.FloatingBadge-module__hop-
|
|
216
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top left"][data-overlap=circular] {
|
|
217
217
|
--badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
|
|
218
218
|
--badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
|
|
219
219
|
}
|
|
220
|
-
.FloatingBadge-module__hop-
|
|
220
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom right"] {
|
|
221
221
|
--badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
|
|
222
222
|
--badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
|
|
223
223
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
|
|
@@ -225,11 +225,11 @@
|
|
|
225
225
|
--badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
|
|
226
226
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
|
|
227
227
|
}
|
|
228
|
-
.FloatingBadge-module__hop-
|
|
228
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom right"][data-overlap=circular] {
|
|
229
229
|
--badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
|
|
230
230
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
|
|
231
231
|
}
|
|
232
|
-
.FloatingBadge-module__hop-
|
|
232
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom left"] {
|
|
233
233
|
--badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
|
|
234
234
|
--badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
|
|
235
235
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
|
|
@@ -237,11 +237,11 @@
|
|
|
237
237
|
--badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
|
|
238
238
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
|
|
239
239
|
}
|
|
240
|
-
.FloatingBadge-module__hop-
|
|
240
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom left"][data-overlap=circular] {
|
|
241
241
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
|
|
242
242
|
--badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
|
|
243
243
|
}
|
|
244
|
-
.FloatingBadge-module__hop-
|
|
244
|
+
.FloatingBadge-module__hop-FloatingBadge__badge___0TxFi {
|
|
245
245
|
position: absolute;
|
|
246
246
|
inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
|
|
247
247
|
transform-origin: var(--badge-transform-origin);
|
|
@@ -249,7 +249,7 @@
|
|
|
249
249
|
}
|
|
250
250
|
|
|
251
251
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
|
|
252
|
-
.Text-module__hop-
|
|
252
|
+
.Text-module__hop-Text___GsTEX {
|
|
253
253
|
--hop-Text-xs-font-size: var(--hop-body-xs-font-size);
|
|
254
254
|
--hop-Text-xs-font-family: var(--hop-body-xs-font-family);
|
|
255
255
|
--hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
|
|
@@ -279,49 +279,49 @@
|
|
|
279
279
|
--hop-Text-inherit-size-font-weight: inherit;
|
|
280
280
|
--hop-Text-inherit-size-line-height: inherit;
|
|
281
281
|
}
|
|
282
|
-
:where(.Text-module__hop-
|
|
282
|
+
:where(.Text-module__hop-Text___GsTEX) {
|
|
283
283
|
font-family: var(--font-family);
|
|
284
284
|
font-size: var(--font-size);
|
|
285
285
|
font-weight: var(--font-weight);
|
|
286
286
|
line-height: var(--line-height);
|
|
287
287
|
}
|
|
288
|
-
:where(.Text-module__hop-Text--
|
|
288
|
+
:where(.Text-module__hop-Text--xs___xPq-q) {
|
|
289
289
|
--font-size: var(--hop-Text-xs-font-size);
|
|
290
290
|
--font-family: var(--hop-Text-xs-font-family);
|
|
291
291
|
--font-weight: var(--hop-Text-xs-font-weight);
|
|
292
292
|
--line-height: var(--hop-Text-xs-line-height);
|
|
293
293
|
}
|
|
294
|
-
:where(.Text-module__hop-Text--
|
|
294
|
+
:where(.Text-module__hop-Text--sm___m1xkd) {
|
|
295
295
|
--font-size: var(--hop-Text-sm-font-size);
|
|
296
296
|
--font-family: var(--hop-Text-sm-font-family);
|
|
297
297
|
--font-weight: var(--hop-Text-sm-font-weight);
|
|
298
298
|
--line-height: var(--hop-Text-sm-line-height);
|
|
299
299
|
}
|
|
300
|
-
:where(.Text-module__hop-Text--
|
|
300
|
+
:where(.Text-module__hop-Text--md___gVBxd) {
|
|
301
301
|
--font-size: var(--hop-Text-md-font-size);
|
|
302
302
|
--font-family: var(--hop-Text-md-font-family);
|
|
303
303
|
--font-weight: var(--hop-Text-md-font-weight);
|
|
304
304
|
--line-height: var(--hop-Text-md-line-height);
|
|
305
305
|
}
|
|
306
|
-
:where(.Text-module__hop-Text--
|
|
306
|
+
:where(.Text-module__hop-Text--lg___nmRag) {
|
|
307
307
|
--font-size: var(--hop-Text-lg-font-size);
|
|
308
308
|
--font-family: var(--hop-Text-lg-font-family);
|
|
309
309
|
--font-weight: var(--hop-Text-lg-font-weight);
|
|
310
310
|
--line-height: var(--hop-Text-lg-line-height);
|
|
311
311
|
}
|
|
312
|
-
:where(.Text-module__hop-Text--
|
|
312
|
+
:where(.Text-module__hop-Text--xl___MHAaX) {
|
|
313
313
|
--font-size: var(--hop-Text-xl-font-size);
|
|
314
314
|
--font-family: var(--hop-Text-xl-font-family);
|
|
315
315
|
--font-weight: var(--hop-Text-xl-font-weight);
|
|
316
316
|
--line-height: var(--hop-Text-xl-line-height);
|
|
317
317
|
}
|
|
318
|
-
:where(.Text-module__hop-Text--
|
|
318
|
+
:where(.Text-module__hop-Text--2xl___OHdc1) {
|
|
319
319
|
--font-size: var(--hop-Text-2xl-font-size);
|
|
320
320
|
--font-family: var(--hop-Text-2xl-font-family);
|
|
321
321
|
--font-weight: var(--hop-Text-2xl-font-weight);
|
|
322
322
|
--line-height: var(--hop-Text-2xl-line-height);
|
|
323
323
|
}
|
|
324
|
-
:where(.Text-module__hop-Text--
|
|
324
|
+
:where(.Text-module__hop-Text--inherit___ymYRX) {
|
|
325
325
|
--font-size: var(--hop-Text-inherit-size-font-size);
|
|
326
326
|
--font-family: var(--hop-Text-inherit-size-font-family);
|
|
327
327
|
--font-weight: var(--hop-Text-inherit-size-font-weight);
|
|
@@ -329,7 +329,7 @@
|
|
|
329
329
|
}
|
|
330
330
|
|
|
331
331
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
|
|
332
|
-
.ErrorMessage-module__hop-
|
|
332
|
+
.ErrorMessage-module__hop-ErrorMessage___RgnZ8 {
|
|
333
333
|
--hop-ErrorMessage-color: var(--hop-danger-text-weak);
|
|
334
334
|
--hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
|
|
335
335
|
--hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
|
|
@@ -346,13 +346,13 @@
|
|
|
346
346
|
line-height: var(--hop-ErrorMessage-line-height);
|
|
347
347
|
color: var(--hop-ErrorMessage-color);
|
|
348
348
|
}
|
|
349
|
-
.ErrorMessage-module__hop-
|
|
349
|
+
.ErrorMessage-module__hop-ErrorMessage__icon___55BuQ {
|
|
350
350
|
flex: 0 0 auto;
|
|
351
351
|
align-self: flex-start;
|
|
352
352
|
}
|
|
353
353
|
|
|
354
354
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
|
|
355
|
-
.HelperMessage-module__hop-
|
|
355
|
+
.HelperMessage-module__hop-HelperMessage___wUoas {
|
|
356
356
|
--hop-HelperMessage-color: var(--hop-neutral-text-weak);
|
|
357
357
|
--hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
|
|
358
358
|
display: flex;
|
|
@@ -361,13 +361,13 @@
|
|
|
361
361
|
box-sizing: border-box;
|
|
362
362
|
color: var(--hop-HelperMessage-color);
|
|
363
363
|
}
|
|
364
|
-
.HelperMessage-module__hop-
|
|
364
|
+
.HelperMessage-module__hop-HelperMessage__icon___An68p {
|
|
365
365
|
flex: 0 0 auto;
|
|
366
366
|
align-self: flex-start;
|
|
367
367
|
}
|
|
368
368
|
|
|
369
369
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
|
|
370
|
-
:where(.Divider-module__hop-
|
|
370
|
+
:where(.Divider-module__hop-Divider___fqfQB) {
|
|
371
371
|
--hop-Divider-border-color: var(--hop-neutral-border-weak);
|
|
372
372
|
--hop-Divider-border-size: 0.0625rem;
|
|
373
373
|
--hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
|
|
@@ -392,7 +392,7 @@
|
|
|
392
392
|
border-block-end: var(--border-block-end);
|
|
393
393
|
border-inline-start: var(--border-inline-start);
|
|
394
394
|
}
|
|
395
|
-
.Divider-module__hop-Divider--
|
|
395
|
+
.Divider-module__hop-Divider--vertical___GATaO {
|
|
396
396
|
--border-block-end: var(--hop-Divider-vertical-border-block-end);
|
|
397
397
|
--border-inline-start: var(--hop-Divider-vertical-border-inline-start);
|
|
398
398
|
--inline-size: var(--hop-Divider-vertical-inline-size);
|
|
@@ -400,7 +400,7 @@
|
|
|
400
400
|
}
|
|
401
401
|
|
|
402
402
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
|
|
403
|
-
.RichIconAvatarImage-module__hop-
|
|
403
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4 {
|
|
404
404
|
--hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
|
|
405
405
|
--hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
|
|
406
406
|
--hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
|
|
@@ -431,46 +431,46 @@
|
|
|
431
431
|
background-color: var(--background-color);
|
|
432
432
|
border-radius: var(--hop-RichIconAvatarImage-border-radius);
|
|
433
433
|
}
|
|
434
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
434
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___CJQjx {
|
|
435
435
|
--size: var(--hop-RichIconAvatarImage-xs-size);
|
|
436
436
|
--icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
|
|
437
437
|
}
|
|
438
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
438
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___atibm {
|
|
439
439
|
--size: var(--hop-RichIconAvatarImage-sm-size);
|
|
440
440
|
--icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
|
|
441
441
|
}
|
|
442
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
442
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___bnHkl {
|
|
443
443
|
--size: var(--hop-RichIconAvatarImage-md-size);
|
|
444
444
|
--icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
|
|
445
445
|
}
|
|
446
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
446
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___MIOqU {
|
|
447
447
|
--size: var(--hop-RichIconAvatarImage-lg-size);
|
|
448
448
|
--icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
|
|
449
449
|
}
|
|
450
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
450
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___hOZPm {
|
|
451
451
|
--size: var(--hop-RichIconAvatarImage-xl-size);
|
|
452
452
|
--icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
|
|
453
453
|
}
|
|
454
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
454
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___8l-pB {
|
|
455
455
|
--size: var(--hop-RichIconAvatarImage-2xl-size);
|
|
456
456
|
--icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
|
|
457
457
|
}
|
|
458
|
-
.RichIconAvatarImage-module__hop-
|
|
458
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4[data-disabled] {
|
|
459
459
|
--background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
460
460
|
}
|
|
461
|
-
.RichIconAvatarImage-module__hop-
|
|
461
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6NmFu {
|
|
462
462
|
position: relative;
|
|
463
463
|
display: block;
|
|
464
464
|
inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
|
|
465
465
|
block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
|
|
466
466
|
}
|
|
467
|
-
.RichIconAvatarImage-module__hop-
|
|
467
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6NmFu {
|
|
468
468
|
--hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
469
469
|
--hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
|
|
470
470
|
}
|
|
471
471
|
|
|
472
472
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
|
|
473
|
-
.Avatar-module__hop-
|
|
473
|
+
.Avatar-module__hop-Avatar___vgJ-p {
|
|
474
474
|
--hop-Avatar-border-radius: var(--hop-shape-circle);
|
|
475
475
|
--hop-Avatar-mix-blend-mode: normal;
|
|
476
476
|
--hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
|
|
@@ -515,67 +515,67 @@
|
|
|
515
515
|
background-color: var(--background-color, transparent);
|
|
516
516
|
border-radius: var(--hop-Avatar-border-radius);
|
|
517
517
|
}
|
|
518
|
-
.Avatar-module__hop-Avatar--
|
|
518
|
+
.Avatar-module__hop-Avatar--xs___wpPeA {
|
|
519
519
|
--size: var(--hop-Avatar-xs-size);
|
|
520
520
|
}
|
|
521
|
-
.Avatar-module__hop-Avatar--
|
|
521
|
+
.Avatar-module__hop-Avatar--sm___Fk1qb {
|
|
522
522
|
--size: var(--hop-Avatar-sm-size);
|
|
523
523
|
}
|
|
524
|
-
.Avatar-module__hop-Avatar--
|
|
524
|
+
.Avatar-module__hop-Avatar--md___Cifqw {
|
|
525
525
|
--size: var(--hop-Avatar-md-size);
|
|
526
526
|
}
|
|
527
|
-
.Avatar-module__hop-Avatar--
|
|
527
|
+
.Avatar-module__hop-Avatar--lg___sbrlf {
|
|
528
528
|
--size: var(--hop-Avatar-lg-size);
|
|
529
529
|
}
|
|
530
|
-
.Avatar-module__hop-Avatar--
|
|
530
|
+
.Avatar-module__hop-Avatar--xl___PHliE {
|
|
531
531
|
--size: var(--hop-Avatar-xl-size);
|
|
532
532
|
}
|
|
533
|
-
.Avatar-module__hop-Avatar--
|
|
533
|
+
.Avatar-module__hop-Avatar--2xl___nKPBy {
|
|
534
534
|
--size: var(--hop-Avatar-2xl-size);
|
|
535
535
|
}
|
|
536
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
536
|
+
.Avatar-module__hop-Avatar--decorative-option1___H5fh3 {
|
|
537
537
|
--background-color: var(--hop-Avatar-decorative-1-background-color);
|
|
538
538
|
--text-color: var(--hop-Avatar-decorative-1-text-color);
|
|
539
539
|
}
|
|
540
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
540
|
+
.Avatar-module__hop-Avatar--decorative-option2___uSm69 {
|
|
541
541
|
--background-color: var(--hop-Avatar-decorative-2-background-color);
|
|
542
542
|
--text-color: var(--hop-Avatar-decorative-2-text-color);
|
|
543
543
|
}
|
|
544
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
544
|
+
.Avatar-module__hop-Avatar--decorative-option3___c4YaX {
|
|
545
545
|
--background-color: var(--hop-Avatar-decorative-3-background-color);
|
|
546
546
|
--text-color: var(--hop-Avatar-decorative-3-text-color);
|
|
547
547
|
}
|
|
548
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
548
|
+
.Avatar-module__hop-Avatar--decorative-option4___ZeS1w {
|
|
549
549
|
--background-color: var(--hop-Avatar-decorative-4-background-color);
|
|
550
550
|
--text-color: var(--hop-Avatar-decorative-4-text-color);
|
|
551
551
|
}
|
|
552
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
552
|
+
.Avatar-module__hop-Avatar--decorative-option5___7HPYj {
|
|
553
553
|
--background-color: var(--hop-Avatar-decorative-5-background-color);
|
|
554
554
|
--text-color: var(--hop-Avatar-decorative-5-text-color);
|
|
555
555
|
}
|
|
556
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
556
|
+
.Avatar-module__hop-Avatar--decorative-option6___Zu8po {
|
|
557
557
|
--background-color: var(--hop-Avatar-decorative-6-background-color);
|
|
558
558
|
--text-color: var(--hop-Avatar-decorative-6-text-color);
|
|
559
559
|
}
|
|
560
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
560
|
+
.Avatar-module__hop-Avatar--decorative-option7___p2dza {
|
|
561
561
|
--background-color: var(--hop-Avatar-decorative-7-background-color);
|
|
562
562
|
--text-color: var(--hop-Avatar-decorative-7-text-color);
|
|
563
563
|
}
|
|
564
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
564
|
+
.Avatar-module__hop-Avatar--decorative-option8___mxCgz {
|
|
565
565
|
--background-color: var(--hop-Avatar-decorative-8-background-color);
|
|
566
566
|
--text-color: var(--hop-Avatar-decorative-8-text-color);
|
|
567
567
|
}
|
|
568
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
568
|
+
.Avatar-module__hop-Avatar--decorative-option9___Ea8U7 {
|
|
569
569
|
--background-color: var(--hop-Avatar-decorative-9-background-color);
|
|
570
570
|
--text-color: var(--hop-Avatar-decorative-9-text-color);
|
|
571
571
|
}
|
|
572
|
-
.Avatar-module__hop-
|
|
572
|
+
.Avatar-module__hop-Avatar___vgJ-p[data-disabled] {
|
|
573
573
|
--background-color: var(--hop-Avatar-background-color-disabled);
|
|
574
574
|
--text-color: var(--hop-Avatar-text-color-disabled);
|
|
575
575
|
--mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
|
|
576
576
|
isolation: isolate;
|
|
577
577
|
}
|
|
578
|
-
.Avatar-module__hop-
|
|
578
|
+
.Avatar-module__hop-Avatar__image___zOLgF {
|
|
579
579
|
position: relative;
|
|
580
580
|
display: block;
|
|
581
581
|
box-sizing: border-box;
|
|
@@ -586,7 +586,7 @@
|
|
|
586
586
|
}
|
|
587
587
|
|
|
588
588
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
|
|
589
|
-
.IconList-module__hop-
|
|
589
|
+
.IconList-module__hop-IconList___Z6Put {
|
|
590
590
|
--hop-IconList-gap: var(--hop-space-inline-xs);
|
|
591
591
|
display: flex;
|
|
592
592
|
flex-wrap: wrap;
|
|
@@ -595,7 +595,7 @@
|
|
|
595
595
|
}
|
|
596
596
|
|
|
597
597
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
|
|
598
|
-
.Checkbox-module__hop-
|
|
598
|
+
.Checkbox-module__hop-Checkbox___NRxO5 {
|
|
599
599
|
--hop-Checkbox-box-border-size: 0.0625rem;
|
|
600
600
|
--hop-Checkbox-box-border-color: var(--hop-neutral-border);
|
|
601
601
|
--hop-Checkbox-box-background-color: var(--hop-neutral-surface);
|
|
@@ -670,63 +670,63 @@
|
|
|
670
670
|
inline-size: max-content;
|
|
671
671
|
max-inline-size: 100%;
|
|
672
672
|
}
|
|
673
|
-
.Checkbox-module__hop-
|
|
674
|
-
.Checkbox-module__hop-Checkbox--
|
|
673
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-focus-visible],
|
|
674
|
+
.Checkbox-module__hop-Checkbox--focused___WHmDG {
|
|
675
675
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused);
|
|
676
676
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused);
|
|
677
677
|
--box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
|
|
678
678
|
--text-color: var(--hop-Checkbox-text-color-focused);
|
|
679
679
|
--icon-color: var(--hop-Checkbox-icon-color-focused);
|
|
680
680
|
}
|
|
681
|
-
.Checkbox-module__hop-
|
|
682
|
-
.Checkbox-module__hop-Checkbox--
|
|
681
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-hovered],
|
|
682
|
+
.Checkbox-module__hop-Checkbox--hovered___UTkIX {
|
|
683
683
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered);
|
|
684
684
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered);
|
|
685
685
|
--text-color: var(--hop-Checkbox-text-color-hovered);
|
|
686
686
|
--icon-color: var(--hop-Checkbox-icon-color-hovered);
|
|
687
687
|
}
|
|
688
|
-
.Checkbox-module__hop-
|
|
689
|
-
.Checkbox-module__hop-Checkbox--
|
|
688
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-pressed],
|
|
689
|
+
.Checkbox-module__hop-Checkbox--pressed___tU-Mo {
|
|
690
690
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed);
|
|
691
691
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed);
|
|
692
692
|
--text-color: var(--hop-Checkbox-text-color-pressed);
|
|
693
693
|
--icon-color: var(--hop-Checkbox-icon-color-pressed);
|
|
694
694
|
}
|
|
695
|
-
.Checkbox-module__hop-
|
|
695
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-selected] {
|
|
696
696
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected);
|
|
697
697
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected);
|
|
698
698
|
--check-display: var(--hop-Checkbox-check-display-selected);
|
|
699
699
|
--text-color: var(--hop-Checkbox-text-color-selected);
|
|
700
700
|
--icon-color: var(--hop-Checkbox-icon-color-selected);
|
|
701
701
|
}
|
|
702
|
-
.Checkbox-module__hop-
|
|
702
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-invalid] {
|
|
703
703
|
--box-background-color: var(--hop-Checkbox-box-background-color-invalid);
|
|
704
704
|
--box-border-color: var(--hop-Checkbox-box-border-color-invalid);
|
|
705
705
|
--check-color: var(--hop-Checkbox-check-color-invalid);
|
|
706
706
|
--text-color: var(--hop-Checkbox-text-color-invalid);
|
|
707
707
|
--icon-color: var(--hop-Checkbox-icon-color-invalid);
|
|
708
708
|
}
|
|
709
|
-
.Checkbox-module__hop-
|
|
709
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___WHmDG) {
|
|
710
710
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
|
|
711
711
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
|
|
712
712
|
}
|
|
713
|
-
.Checkbox-module__hop-
|
|
713
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___UTkIX) {
|
|
714
714
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
|
|
715
715
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
|
|
716
716
|
--text-color: var(--hop-Checkbox-text-color-hovered-invalid);
|
|
717
717
|
--icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
|
|
718
718
|
}
|
|
719
|
-
.Checkbox-module__hop-
|
|
719
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___tU-Mo) {
|
|
720
720
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
|
|
721
721
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
|
|
722
722
|
--text-color: var(--hop-Checkbox-text-color-pressed-invalid);
|
|
723
723
|
--icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
|
|
724
724
|
}
|
|
725
|
-
.Checkbox-module__hop-
|
|
725
|
+
.Checkbox-module__hop-Checkbox___NRxO5:where([data-invalid])[data-selected] {
|
|
726
726
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
|
|
727
727
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
|
|
728
728
|
}
|
|
729
|
-
.Checkbox-module__hop-
|
|
729
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-disabled] {
|
|
730
730
|
--box-background-color: var(--hop-Checkbox-box-background-color-disabled);
|
|
731
731
|
--box-border-color: var(--hop-Checkbox-box-border-color-disabled);
|
|
732
732
|
--check-color: var(--hop-Checkbox-check-color-disabled);
|
|
@@ -734,25 +734,25 @@
|
|
|
734
734
|
--text-color: var(--hop-Checkbox-text-color-disabled);
|
|
735
735
|
--icon-color: var(--hop-Checkbox-icon-color-disabled);
|
|
736
736
|
}
|
|
737
|
-
.Checkbox-module__hop-Checkbox--
|
|
737
|
+
.Checkbox-module__hop-Checkbox--sm___b22VB {
|
|
738
738
|
--box-block-size: var(--hop-Checkbox-box-sm-block-size);
|
|
739
739
|
--box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
|
|
740
740
|
--text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
|
|
741
741
|
--text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
|
|
742
742
|
}
|
|
743
|
-
.Checkbox-module__hop-Checkbox--
|
|
743
|
+
.Checkbox-module__hop-Checkbox--md___URFff {
|
|
744
744
|
--box-block-size: var(--hop-Checkbox-box-md-block-size);
|
|
745
745
|
--box-inline-size: var(--hop-Checkbox-box-md-inline-size);
|
|
746
746
|
--text-top-offset: var(--hop-Checkbox-text-md-top-offset);
|
|
747
747
|
--text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
|
|
748
748
|
}
|
|
749
|
-
.Checkbox-module__hop-
|
|
750
|
-
.Checkbox-module__hop-Checkbox__icon-
|
|
749
|
+
.Checkbox-module__hop-Checkbox__icon___NXQFg,
|
|
750
|
+
.Checkbox-module__hop-Checkbox__icon-list___KzJkL {
|
|
751
751
|
flex: 0 0 auto;
|
|
752
752
|
order: 3;
|
|
753
753
|
color: var(--icon-color);
|
|
754
754
|
}
|
|
755
|
-
.Checkbox-module__hop-
|
|
755
|
+
.Checkbox-module__hop-Checkbox__box___EwDEY {
|
|
756
756
|
display: flex;
|
|
757
757
|
flex: 0 0 auto;
|
|
758
758
|
align-items: center;
|
|
@@ -768,11 +768,11 @@
|
|
|
768
768
|
outline-offset: 0.125rem;
|
|
769
769
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
770
770
|
}
|
|
771
|
-
.Checkbox-module__hop-
|
|
771
|
+
.Checkbox-module__hop-Checkbox__check___weqm- {
|
|
772
772
|
display: var(--check-display);
|
|
773
773
|
color: var(--check-color);
|
|
774
774
|
}
|
|
775
|
-
.Checkbox-module__hop-
|
|
775
|
+
.Checkbox-module__hop-Checkbox__text___W0V3o {
|
|
776
776
|
flex: 0 1 auto;
|
|
777
777
|
order: 2;
|
|
778
778
|
min-inline-size: 0;
|
|
@@ -782,7 +782,7 @@
|
|
|
782
782
|
}
|
|
783
783
|
|
|
784
784
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
|
|
785
|
-
.CheckboxField-module__hop-
|
|
785
|
+
.CheckboxField-module__hop-CheckboxField___gnzi1 {
|
|
786
786
|
--hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
|
|
787
787
|
--hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
788
788
|
--hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -801,47 +801,47 @@
|
|
|
801
801
|
inline-size: max-content;
|
|
802
802
|
max-inline-size: 100%;
|
|
803
803
|
}
|
|
804
|
-
.CheckboxField-module__hop-
|
|
804
|
+
.CheckboxField-module__hop-CheckboxField___gnzi1[data-disabled] {
|
|
805
805
|
--description-color: var(--hop-CheckboxField-description-color-disabled);
|
|
806
806
|
}
|
|
807
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
807
|
+
.CheckboxField-module__hop-CheckboxField--sm___jNJLv {
|
|
808
808
|
--row-gap: var(--hop-CheckboxField-sm-row-gap);
|
|
809
809
|
--description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
|
|
810
810
|
}
|
|
811
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
811
|
+
.CheckboxField-module__hop-CheckboxField--md___w-dv- {
|
|
812
812
|
--row-gap: var(--hop-CheckboxField-md-row-gap);
|
|
813
813
|
--description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
|
|
814
814
|
}
|
|
815
|
-
.CheckboxField-module__hop-
|
|
815
|
+
.CheckboxField-module__hop-CheckboxField__description___aqeyv {
|
|
816
816
|
order: 2;
|
|
817
817
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
|
|
818
818
|
color: var(--description-color);
|
|
819
819
|
}
|
|
820
|
-
.CheckboxField-module__hop-
|
|
820
|
+
.CheckboxField-module__hop-CheckboxField__checkbox___C6LkM {
|
|
821
821
|
order: 1;
|
|
822
822
|
}
|
|
823
823
|
|
|
824
824
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
|
|
825
|
-
.Label-module__hop-
|
|
825
|
+
.Label-module__hop-Label___fMtr- {
|
|
826
826
|
--hop-Label-font-size: var(--hop-heading-xs-font-size);
|
|
827
827
|
--hop-Label-font-family: var(--hop-heading-xs-font-family);
|
|
828
828
|
--hop-Label-font-weight: var(--hop-heading-xs-font-weight);
|
|
829
829
|
--hop-Label-line-height: var(--hop-heading-xs-line-height);
|
|
830
830
|
--hop-Label-color: var(--hop-neutral-text-weak);
|
|
831
831
|
}
|
|
832
|
-
:where(.Label-module__hop-
|
|
832
|
+
:where(.Label-module__hop-Label___fMtr-) {
|
|
833
833
|
font-family: var(--hop-Label-font-family);
|
|
834
834
|
font-size: var(--hop-Label-font-size);
|
|
835
835
|
font-weight: var(--hop-Label-font-weight);
|
|
836
836
|
line-height: var(--hop-Label-line-height);
|
|
837
837
|
color: var(--hop-Label-color);
|
|
838
838
|
}
|
|
839
|
-
:where(.Label-module__hop-
|
|
839
|
+
:where(.Label-module__hop-Label__indicator___L7EES) {
|
|
840
840
|
padding-inline-start: var(--hop-space-20);
|
|
841
841
|
}
|
|
842
842
|
|
|
843
843
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
|
|
844
|
-
.CheckboxGroup-module__hop-
|
|
844
|
+
.CheckboxGroup-module__hop-CheckboxGroup___agIIk {
|
|
845
845
|
--hop-CheckboxGroup-align-items: flex-start;
|
|
846
846
|
--hop-CheckboxGroup-justify-content: flex-start;
|
|
847
847
|
--hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -880,46 +880,46 @@
|
|
|
880
880
|
inline-size: max-content;
|
|
881
881
|
max-inline-size: 100%;
|
|
882
882
|
}
|
|
883
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
883
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx {
|
|
884
884
|
--list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
|
|
885
885
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
886
886
|
}
|
|
887
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
887
|
+
.CheckboxGroup-module__hop-CheckboxGroup--sm___Fo6My {
|
|
888
888
|
--column-gap: var(--hop-CheckboxGroup-sm-column-gap);
|
|
889
889
|
--row-gap: var(--hop-CheckboxGroup-sm-row-gap);
|
|
890
890
|
--list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
|
|
891
891
|
--list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
|
|
892
892
|
}
|
|
893
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
893
|
+
.CheckboxGroup-module__hop-CheckboxGroup--md___XhHQI {
|
|
894
894
|
--column-gap: var(--hop-CheckboxGroup-md-column-gap);
|
|
895
895
|
--row-gap: var(--hop-CheckboxGroup-md-row-gap);
|
|
896
896
|
--list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
|
|
897
897
|
--list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
|
|
898
898
|
}
|
|
899
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
899
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx.CheckboxGroup-module__hop-CheckboxGroup--sm___Fo6My {
|
|
900
900
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
|
|
901
901
|
--column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
|
|
902
902
|
--row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
|
|
903
903
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
|
|
904
904
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
|
|
905
905
|
}
|
|
906
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
906
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx.CheckboxGroup-module__hop-CheckboxGroup--md___XhHQI {
|
|
907
907
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
|
|
908
908
|
--column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
|
|
909
909
|
--row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
|
|
910
910
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
|
|
911
911
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
|
|
912
912
|
}
|
|
913
|
-
.CheckboxGroup-module__hop-
|
|
913
|
+
.CheckboxGroup-module__hop-CheckboxGroup___agIIk[data-orientation=horizontal] {
|
|
914
914
|
--flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
|
|
915
915
|
}
|
|
916
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
916
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=horizontal] {
|
|
917
917
|
--flex-wrap: nowrap;
|
|
918
918
|
}
|
|
919
|
-
.CheckboxGroup-module__hop-
|
|
919
|
+
.CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__label___3FKhI {
|
|
920
920
|
order: 1;
|
|
921
921
|
}
|
|
922
|
-
.CheckboxGroup-module__hop-
|
|
922
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR {
|
|
923
923
|
display: flex;
|
|
924
924
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
925
925
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -930,7 +930,7 @@
|
|
|
930
930
|
border: var(--list-border, none);
|
|
931
931
|
border-radius: var(--list-border-radius, 0);
|
|
932
932
|
}
|
|
933
|
-
.CheckboxGroup-module__hop-
|
|
933
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW {
|
|
934
934
|
position: relative;
|
|
935
935
|
flex: 0 1 auto;
|
|
936
936
|
align-content: start;
|
|
@@ -938,28 +938,28 @@
|
|
|
938
938
|
min-inline-size: 0;
|
|
939
939
|
padding: var(--checkbox-padding, 0);
|
|
940
940
|
}
|
|
941
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
941
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW::before {
|
|
942
942
|
content: "";
|
|
943
943
|
position: absolute;
|
|
944
944
|
display: block;
|
|
945
945
|
}
|
|
946
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
946
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW::before {
|
|
947
947
|
inset-block-start: 0;
|
|
948
948
|
inset-inline: 0;
|
|
949
949
|
border-block-start: var(--list-border, none);
|
|
950
950
|
}
|
|
951
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
951
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW::before {
|
|
952
952
|
inset-block: 0;
|
|
953
953
|
inset-inline-start: 0;
|
|
954
954
|
border-inline-start: var(--list-border, none);
|
|
955
955
|
}
|
|
956
|
-
.CheckboxGroup-module__hop-
|
|
957
|
-
.CheckboxGroup-module__hop-
|
|
956
|
+
.CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__error-message___p5b4m,
|
|
957
|
+
.CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___52ceK {
|
|
958
958
|
order: 3;
|
|
959
959
|
}
|
|
960
960
|
|
|
961
961
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
|
|
962
|
-
.Radio-module__hop-
|
|
962
|
+
.Radio-module__hop-Radio___fiLqZ {
|
|
963
963
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
964
964
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
965
965
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -1033,63 +1033,63 @@
|
|
|
1033
1033
|
inline-size: max-content;
|
|
1034
1034
|
max-inline-size: 100%;
|
|
1035
1035
|
}
|
|
1036
|
-
.Radio-module__hop-
|
|
1037
|
-
.Radio-module__hop-Radio--
|
|
1036
|
+
.Radio-module__hop-Radio___fiLqZ[data-focus-visible],
|
|
1037
|
+
.Radio-module__hop-Radio--focused___ljAlt {
|
|
1038
1038
|
--box-background-color: var(--hop-Radio-box-background-color-focused);
|
|
1039
1039
|
--box-border-color: var(--hop-Radio-box-border-color-focused);
|
|
1040
1040
|
--box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
|
|
1041
1041
|
--text-color: var(--hop-Radio-text-color-focused);
|
|
1042
1042
|
--icon-color: var(--hop-Radio-icon-color-focused);
|
|
1043
1043
|
}
|
|
1044
|
-
.Radio-module__hop-
|
|
1045
|
-
.Radio-module__hop-Radio--
|
|
1044
|
+
.Radio-module__hop-Radio___fiLqZ[data-hovered],
|
|
1045
|
+
.Radio-module__hop-Radio--hovered___1jVbG {
|
|
1046
1046
|
--box-background-color: var(--hop-Radio-box-background-color-hovered);
|
|
1047
1047
|
--box-border-color: var(--hop-Radio-box-border-color-hovered);
|
|
1048
1048
|
--text-color: var(--hop-Radio-text-color-hovered);
|
|
1049
1049
|
--icon-color: var(--hop-Radio-icon-color-hovered);
|
|
1050
1050
|
}
|
|
1051
|
-
.Radio-module__hop-
|
|
1052
|
-
.Radio-module__hop-Radio--
|
|
1051
|
+
.Radio-module__hop-Radio___fiLqZ[data-pressed],
|
|
1052
|
+
.Radio-module__hop-Radio--pressed___fFpLV {
|
|
1053
1053
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
1054
1054
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
1055
1055
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
1056
1056
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
1057
1057
|
}
|
|
1058
|
-
.Radio-module__hop-
|
|
1058
|
+
.Radio-module__hop-Radio___fiLqZ[data-selected] {
|
|
1059
1059
|
--box-background-color: var(--hop-Radio-box-background-color-selected);
|
|
1060
1060
|
--box-border-color: var(--hop-Radio-box-border-color-selected);
|
|
1061
1061
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
1062
1062
|
--text-color: var(--hop-Radio-text-color-selected);
|
|
1063
1063
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
1064
1064
|
}
|
|
1065
|
-
.Radio-module__hop-
|
|
1065
|
+
.Radio-module__hop-Radio___fiLqZ[data-invalid] {
|
|
1066
1066
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
1067
1067
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
1068
1068
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
1069
1069
|
--text-color: var(--hop-Radio-text-color-invalid);
|
|
1070
1070
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
1071
1071
|
}
|
|
1072
|
-
.Radio-module__hop-
|
|
1072
|
+
.Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-focus-visible] {
|
|
1073
1073
|
--box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
|
|
1074
1074
|
--box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
|
|
1075
1075
|
}
|
|
1076
|
-
.Radio-module__hop-
|
|
1076
|
+
.Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-hovered] {
|
|
1077
1077
|
--box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
|
|
1078
1078
|
--box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
|
|
1079
1079
|
--text-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
1080
1080
|
--icon-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
1081
1081
|
}
|
|
1082
|
-
.Radio-module__hop-
|
|
1082
|
+
.Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-pressed] {
|
|
1083
1083
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
1084
1084
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
1085
1085
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
1086
1086
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
1087
1087
|
}
|
|
1088
|
-
.Radio-module__hop-
|
|
1088
|
+
.Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-selected] {
|
|
1089
1089
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
1090
1090
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
1091
1091
|
}
|
|
1092
|
-
.Radio-module__hop-
|
|
1092
|
+
.Radio-module__hop-Radio___fiLqZ[data-disabled] {
|
|
1093
1093
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
1094
1094
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
1095
1095
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -1097,25 +1097,25 @@
|
|
|
1097
1097
|
--text-color: var(--hop-Radio-text-color-disabled);
|
|
1098
1098
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
1099
1099
|
}
|
|
1100
|
-
.Radio-module__hop-Radio--
|
|
1100
|
+
.Radio-module__hop-Radio--sm___lMp9M {
|
|
1101
1101
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
1102
1102
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
1103
1103
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
1104
1104
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
1105
1105
|
}
|
|
1106
|
-
.Radio-module__hop-Radio--
|
|
1106
|
+
.Radio-module__hop-Radio--md___2SjXP {
|
|
1107
1107
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
1108
1108
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
1109
1109
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
1110
1110
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
1111
1111
|
}
|
|
1112
|
-
.Radio-module__hop-
|
|
1113
|
-
.Radio-module__hop-Radio__icon-
|
|
1112
|
+
.Radio-module__hop-Radio__icon___RhEJ7,
|
|
1113
|
+
.Radio-module__hop-Radio__icon-list___3-dCQ {
|
|
1114
1114
|
flex: 0 0 auto;
|
|
1115
1115
|
order: 3;
|
|
1116
1116
|
color: var(--icon-color);
|
|
1117
1117
|
}
|
|
1118
|
-
.Radio-module__hop-
|
|
1118
|
+
.Radio-module__hop-Radio__box___XsjuT {
|
|
1119
1119
|
display: flex;
|
|
1120
1120
|
flex: 0 0 auto;
|
|
1121
1121
|
align-items: center;
|
|
@@ -1131,11 +1131,11 @@
|
|
|
1131
1131
|
outline-offset: 0.125rem;
|
|
1132
1132
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
1133
1133
|
}
|
|
1134
|
-
.Radio-module__hop-
|
|
1134
|
+
.Radio-module__hop-Radio__bullet___rhaGm {
|
|
1135
1135
|
display: var(--bullet-display);
|
|
1136
1136
|
color: var(--bullet-color);
|
|
1137
1137
|
}
|
|
1138
|
-
.Radio-module__hop-
|
|
1138
|
+
.Radio-module__hop-Radio__text___gKthl {
|
|
1139
1139
|
flex: 0 1 auto;
|
|
1140
1140
|
order: 2;
|
|
1141
1141
|
min-inline-size: 0;
|
|
@@ -1145,7 +1145,7 @@
|
|
|
1145
1145
|
}
|
|
1146
1146
|
|
|
1147
1147
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
|
|
1148
|
-
.RadioField-module__hop-
|
|
1148
|
+
.RadioField-module__hop-RadioField___T1vq5 {
|
|
1149
1149
|
--hop-RadioField-description-color: var(--hop-neutral-text-weak);
|
|
1150
1150
|
--hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
1151
1151
|
--hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -1164,28 +1164,28 @@
|
|
|
1164
1164
|
inline-size: max-content;
|
|
1165
1165
|
max-inline-size: 100%;
|
|
1166
1166
|
}
|
|
1167
|
-
.RadioField-module__hop-
|
|
1167
|
+
.RadioField-module__hop-RadioField___T1vq5[data-disabled] {
|
|
1168
1168
|
--description-color: var(--hop-RadioField-description-color-disabled);
|
|
1169
1169
|
}
|
|
1170
|
-
.RadioField-module__hop-RadioField--
|
|
1170
|
+
.RadioField-module__hop-RadioField--sm___P-jTL {
|
|
1171
1171
|
--row-gap: var(--hop-RadioField-sm-row-gap);
|
|
1172
1172
|
--description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
|
|
1173
1173
|
}
|
|
1174
|
-
.RadioField-module__hop-RadioField--
|
|
1174
|
+
.RadioField-module__hop-RadioField--md___DI19F {
|
|
1175
1175
|
--row-gap: var(--hop-RadioField-md-row-gap);
|
|
1176
1176
|
--description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
|
|
1177
1177
|
}
|
|
1178
|
-
.RadioField-module__hop-
|
|
1178
|
+
.RadioField-module__hop-RadioField__description___sFFCG {
|
|
1179
1179
|
order: 2;
|
|
1180
1180
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
|
|
1181
1181
|
color: var(--description-color);
|
|
1182
1182
|
}
|
|
1183
|
-
.RadioField-module__hop-
|
|
1183
|
+
.RadioField-module__hop-RadioField__radio___-jqTU {
|
|
1184
1184
|
order: 1;
|
|
1185
1185
|
}
|
|
1186
1186
|
|
|
1187
1187
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
|
|
1188
|
-
.RadioGroup-module__hop-
|
|
1188
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC {
|
|
1189
1189
|
--hop-RadioGroup-align-items: flex-start;
|
|
1190
1190
|
--hop-RadioGroup-justify-content: flex-start;
|
|
1191
1191
|
--hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -1225,46 +1225,46 @@
|
|
|
1225
1225
|
inline-size: var(--inline-size);
|
|
1226
1226
|
max-inline-size: 100%;
|
|
1227
1227
|
}
|
|
1228
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1228
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g {
|
|
1229
1229
|
--list-border: var(--radio-border-size) solid var(--radio-border-color);
|
|
1230
1230
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
1231
1231
|
}
|
|
1232
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1232
|
+
.RadioGroup-module__hop-RadioGroup--sm___sySXY {
|
|
1233
1233
|
--column-gap: var(--hop-RadioGroup-sm-column-gap);
|
|
1234
1234
|
--row-gap: var(--hop-RadioGroup-sm-row-gap);
|
|
1235
1235
|
--list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
|
|
1236
1236
|
--list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
|
|
1237
1237
|
}
|
|
1238
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1238
|
+
.RadioGroup-module__hop-RadioGroup--md___bhsBV {
|
|
1239
1239
|
--column-gap: var(--hop-RadioGroup-md-column-gap);
|
|
1240
1240
|
--row-gap: var(--hop-RadioGroup-md-row-gap);
|
|
1241
1241
|
--list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
|
|
1242
1242
|
--list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
|
|
1243
1243
|
}
|
|
1244
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1244
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g.RadioGroup-module__hop-RadioGroup--sm___sySXY {
|
|
1245
1245
|
--radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
|
|
1246
1246
|
--column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
|
|
1247
1247
|
--row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
|
|
1248
1248
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
|
|
1249
1249
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
|
|
1250
1250
|
}
|
|
1251
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1251
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g.RadioGroup-module__hop-RadioGroup--md___bhsBV {
|
|
1252
1252
|
--radio-padding: var(--hop-RadioGroup-bordered-md-padding);
|
|
1253
1253
|
--column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
|
|
1254
1254
|
--row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
|
|
1255
1255
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
|
|
1256
1256
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
|
|
1257
1257
|
}
|
|
1258
|
-
.RadioGroup-module__hop-
|
|
1258
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC[data-orientation=horizontal] {
|
|
1259
1259
|
--flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
|
|
1260
1260
|
}
|
|
1261
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1261
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=horizontal] {
|
|
1262
1262
|
--flex-wrap: nowrap;
|
|
1263
1263
|
}
|
|
1264
|
-
.RadioGroup-module__hop-
|
|
1264
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__label___4M6KT {
|
|
1265
1265
|
order: 1;
|
|
1266
1266
|
}
|
|
1267
|
-
.RadioGroup-module__hop-
|
|
1267
|
+
.RadioGroup-module__hop-RadioGroup__list___K-Y-B {
|
|
1268
1268
|
display: flex;
|
|
1269
1269
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
1270
1270
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -1275,7 +1275,7 @@
|
|
|
1275
1275
|
border: var(--list-border, none);
|
|
1276
1276
|
border-radius: var(--list-border-radius, 0);
|
|
1277
1277
|
}
|
|
1278
|
-
.RadioGroup-module__hop-
|
|
1278
|
+
.RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc {
|
|
1279
1279
|
position: relative;
|
|
1280
1280
|
flex: 0 1 auto;
|
|
1281
1281
|
align-content: start;
|
|
@@ -1283,28 +1283,28 @@
|
|
|
1283
1283
|
min-inline-size: 0;
|
|
1284
1284
|
padding: var(--radio-padding, 0);
|
|
1285
1285
|
}
|
|
1286
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1286
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc ~ .RadioGroup-module__hop-RadioGroup__radio___CSjUc::before {
|
|
1287
1287
|
content: "";
|
|
1288
1288
|
position: absolute;
|
|
1289
1289
|
display: block;
|
|
1290
1290
|
}
|
|
1291
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1291
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc ~ .RadioGroup-module__hop-RadioGroup__radio___CSjUc::before {
|
|
1292
1292
|
inset-block-start: 0;
|
|
1293
1293
|
inset-inline: 0;
|
|
1294
1294
|
border-block-start: var(--list-border, none);
|
|
1295
1295
|
}
|
|
1296
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1296
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc ~ .RadioGroup-module__hop-RadioGroup__radio___CSjUc::before {
|
|
1297
1297
|
inset-block: 0;
|
|
1298
1298
|
inset-inline-start: 0;
|
|
1299
1299
|
border-inline-start: var(--list-border, none);
|
|
1300
1300
|
}
|
|
1301
|
-
.RadioGroup-module__hop-
|
|
1302
|
-
.RadioGroup-module__hop-
|
|
1301
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__error-message___QXzMh,
|
|
1302
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__helper-message___BkFNa {
|
|
1303
1303
|
order: 3;
|
|
1304
1304
|
}
|
|
1305
1305
|
|
|
1306
1306
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
|
|
1307
|
-
.ListBoxItemSkeleton-module__hop-
|
|
1307
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___sSxVu {
|
|
1308
1308
|
--hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
|
|
1309
1309
|
--hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
|
|
1310
1310
|
--hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -1330,7 +1330,7 @@
|
|
|
1330
1330
|
background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
|
|
1331
1331
|
background-size: 400% 100%;
|
|
1332
1332
|
border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
|
|
1333
|
-
animation-name: ListBoxItemSkeleton-module__placeholder-
|
|
1333
|
+
animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___kI5E-;
|
|
1334
1334
|
animation-duration: var(--animation-duration);
|
|
1335
1335
|
animation-timing-function: ease-in-out;
|
|
1336
1336
|
animation-fill-mode: forwards;
|
|
@@ -1339,19 +1339,19 @@
|
|
|
1339
1339
|
--animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
|
|
1340
1340
|
}
|
|
1341
1341
|
}
|
|
1342
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
1342
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___3ZPnH {
|
|
1343
1343
|
--height: var(--hop-ListBoxItemSkeleton-xs-height);
|
|
1344
1344
|
}
|
|
1345
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
1345
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___wPxkP {
|
|
1346
1346
|
--height: var(--hop-ListBoxItemSkeleton-sm-height);
|
|
1347
1347
|
}
|
|
1348
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
1348
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___ucQPS {
|
|
1349
1349
|
--height: var(--hop-ListBoxItemSkeleton-md-height);
|
|
1350
1350
|
}
|
|
1351
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
1351
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___xjXd3 {
|
|
1352
1352
|
--height: var(--hop-ListBoxItemSkeleton-lg-height);
|
|
1353
1353
|
}
|
|
1354
|
-
@keyframes ListBoxItemSkeleton-module__placeholder-
|
|
1354
|
+
@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___kI5E- {
|
|
1355
1355
|
0% {
|
|
1356
1356
|
background-position: 125% 50%;
|
|
1357
1357
|
}
|
|
@@ -1361,7 +1361,7 @@
|
|
|
1361
1361
|
}
|
|
1362
1362
|
|
|
1363
1363
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
|
|
1364
|
-
.ListBoxItem-module__hop-
|
|
1364
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6 {
|
|
1365
1365
|
--hop-ListBoxItem-background-color: transparent;
|
|
1366
1366
|
--hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
|
|
1367
1367
|
--hop-ListBoxItem-text-color: var(--hop-neutral-text);
|
|
@@ -1458,129 +1458,129 @@
|
|
|
1458
1458
|
outline: var(--outline);
|
|
1459
1459
|
outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
|
|
1460
1460
|
}
|
|
1461
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1461
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___9yqv- {
|
|
1462
1462
|
--padding-block: var(--hop-ListBoxItem-xs-padding-block);
|
|
1463
1463
|
--padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
|
|
1464
1464
|
--min-height: var(--hop-ListBoxItem-xs-min-height);
|
|
1465
1465
|
--avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
|
|
1466
1466
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
|
|
1467
1467
|
}
|
|
1468
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1468
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___-dIPa {
|
|
1469
1469
|
--padding-block: var(--hop-ListBoxItem-sm-padding-block);
|
|
1470
1470
|
--padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
|
|
1471
1471
|
--min-height: var(--hop-ListBoxItem-sm-min-height);
|
|
1472
1472
|
--avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
|
|
1473
1473
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
|
|
1474
1474
|
}
|
|
1475
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1475
|
+
.ListBoxItem-module__hop-ListBoxItem--md___zsuXH {
|
|
1476
1476
|
--padding-block: var(--hop-ListBoxItem-md-padding-block);
|
|
1477
1477
|
--padding-inline: var(--hop-ListBoxItem-md-padding-inline);
|
|
1478
1478
|
--min-height: var(--hop-ListBoxItem-md-min-height);
|
|
1479
1479
|
--avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
|
|
1480
1480
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
|
|
1481
1481
|
}
|
|
1482
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1482
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___2POEB {
|
|
1483
1483
|
--padding-block: var(--hop-ListBoxItem-lg-padding-block);
|
|
1484
1484
|
--padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
|
|
1485
1485
|
--min-height: var(--hop-ListBoxItem-lg-min-height);
|
|
1486
1486
|
--avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
|
|
1487
1487
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
|
|
1488
1488
|
}
|
|
1489
|
-
.ListBoxItem-module__hop-
|
|
1489
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-selection-mode] {
|
|
1490
1490
|
--cursor: pointer;
|
|
1491
1491
|
}
|
|
1492
|
-
.ListBoxItem-module__hop-
|
|
1492
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6:not([data-selection-mode]) {
|
|
1493
1493
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
1494
1494
|
}
|
|
1495
|
-
.ListBoxItem-module__hop-
|
|
1495
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi) {
|
|
1496
1496
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
1497
1497
|
}
|
|
1498
|
-
.ListBoxItem-module__hop-
|
|
1498
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi) {
|
|
1499
1499
|
--checkmark-transition: none;
|
|
1500
1500
|
}
|
|
1501
|
-
.ListBoxItem-module__hop-
|
|
1501
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-selected] {
|
|
1502
1502
|
--background-color: var(--hop-ListBoxItem-background-color-selected);
|
|
1503
1503
|
--text-color: var(--hop-ListBoxItem-text-color-selected);
|
|
1504
1504
|
--icon-color: var(--hop-ListBoxItem-icon-color-selected);
|
|
1505
1505
|
--checkmark-opacity: 1;
|
|
1506
1506
|
}
|
|
1507
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1507
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___9yqv-[data-selected] {
|
|
1508
1508
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
|
|
1509
1509
|
}
|
|
1510
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1510
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___-dIPa[data-selected] {
|
|
1511
1511
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
|
|
1512
1512
|
}
|
|
1513
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1513
|
+
.ListBoxItem-module__hop-ListBoxItem--md___zsuXH[data-selected] {
|
|
1514
1514
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
|
|
1515
1515
|
}
|
|
1516
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1516
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___2POEB[data-selected] {
|
|
1517
1517
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
|
|
1518
1518
|
}
|
|
1519
|
-
.ListBoxItem-module__hop-
|
|
1519
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-focus-visible] {
|
|
1520
1520
|
--background-color: var(--hop-ListBoxItem-background-color-focused);
|
|
1521
1521
|
--text-color: var(--hop-ListBoxItem-text-color-focused);
|
|
1522
1522
|
--icon-color: var(--hop-ListBoxItem-icon-color-focused);
|
|
1523
1523
|
--outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
|
|
1524
1524
|
}
|
|
1525
|
-
.ListBoxItem-module__hop-
|
|
1525
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-hovered] {
|
|
1526
1526
|
--background-color: var(--hop-ListBoxItem-background-color-hovered);
|
|
1527
1527
|
--text-color: var(--hop-ListBoxItem-text-color-hovered);
|
|
1528
1528
|
--icon-color: var(--hop-ListBoxItem-icon-color-hovered);
|
|
1529
1529
|
}
|
|
1530
|
-
.ListBoxItem-module__hop-
|
|
1530
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-pressed] {
|
|
1531
1531
|
--background-color: var(--hop-ListBoxItem-background-color-pressed);
|
|
1532
1532
|
--text-color: var(--hop-ListBoxItem-text-color-pressed);
|
|
1533
1533
|
--icon-color: var(--hop-ListBoxItem-icon-color-pressed);
|
|
1534
1534
|
}
|
|
1535
|
-
.ListBoxItem-module__hop-
|
|
1535
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-disabled] {
|
|
1536
1536
|
--background-color: var(--hop-ListBoxItem-background-color-disabled);
|
|
1537
1537
|
--text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
1538
1538
|
--icon-color: var(--hop-ListBoxItem-icon-color-disabled);
|
|
1539
1539
|
--description-text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
1540
1540
|
--cursor: not-allowed;
|
|
1541
1541
|
}
|
|
1542
|
-
.ListBoxItem-module__hop-
|
|
1542
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid] {
|
|
1543
1543
|
--background-color: var(--hop-ListBoxItem-background-color-invalid);
|
|
1544
1544
|
--text-color: var(--hop-ListBoxItem-text-color-invalid);
|
|
1545
1545
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid);
|
|
1546
1546
|
}
|
|
1547
|
-
.ListBoxItem-module__hop-
|
|
1547
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-selected] {
|
|
1548
1548
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
|
|
1549
1549
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
|
|
1550
1550
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
|
|
1551
1551
|
}
|
|
1552
|
-
.ListBoxItem-module__hop-
|
|
1552
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-focus-visible] {
|
|
1553
1553
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
|
|
1554
1554
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
|
|
1555
1555
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
|
|
1556
1556
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
|
|
1557
1557
|
}
|
|
1558
|
-
.ListBoxItem-module__hop-
|
|
1558
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-hovered] {
|
|
1559
1559
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
|
|
1560
1560
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
|
|
1561
1561
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
|
|
1562
1562
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
|
|
1563
1563
|
}
|
|
1564
|
-
.ListBoxItem-module__hop-
|
|
1564
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-pressed] {
|
|
1565
1565
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
|
|
1566
1566
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
|
|
1567
1567
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
|
|
1568
1568
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
|
|
1569
1569
|
}
|
|
1570
|
-
.ListBoxItem-module__hop-
|
|
1570
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-disabled] {
|
|
1571
1571
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
|
|
1572
1572
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
|
|
1573
1573
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
|
|
1574
1574
|
}
|
|
1575
|
-
.ListBoxItem-module__hop-
|
|
1575
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6:has(.ListBoxItem-module__hop-ListBoxItem__description___zO-1q) {
|
|
1576
1576
|
--row-gap: var(--hop-ListBoxItem-row-gap);
|
|
1577
1577
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
|
|
1578
1578
|
}
|
|
1579
|
-
.ListBoxItem-module__hop-
|
|
1579
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-loading] {
|
|
1580
1580
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
|
|
1581
1581
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
|
|
1582
1582
|
}
|
|
1583
|
-
.ListBoxItem-module__hop-
|
|
1583
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC {
|
|
1584
1584
|
display: grid;
|
|
1585
1585
|
grid-template-areas: var(--grid-template-areas);
|
|
1586
1586
|
grid-template-columns: var(--grid-template-columns);
|
|
@@ -1592,33 +1592,33 @@
|
|
|
1592
1592
|
padding-inline: var(--padding-inline);
|
|
1593
1593
|
transition: grid-template-columns .3s ease-in-out;
|
|
1594
1594
|
}
|
|
1595
|
-
.ListBoxItem-module__hop-
|
|
1595
|
+
.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi {
|
|
1596
1596
|
grid-area: indicator;
|
|
1597
1597
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
1598
1598
|
color: var(--icon-color);
|
|
1599
1599
|
opacity: var(--checkmark-opacity);
|
|
1600
1600
|
transition: var(--checkmark-transition);
|
|
1601
1601
|
}
|
|
1602
|
-
.ListBoxItem-module__hop-ListBoxItem__radio-
|
|
1603
|
-
.ListBoxItem-module__hop-
|
|
1602
|
+
.ListBoxItem-module__hop-ListBoxItem__radio-group___BWVk3,
|
|
1603
|
+
.ListBoxItem-module__hop-ListBoxItem__checkbox___TrEmP {
|
|
1604
1604
|
pointer-events: none;
|
|
1605
1605
|
user-select: none;
|
|
1606
1606
|
grid-area: indicator;
|
|
1607
1607
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
1608
1608
|
}
|
|
1609
|
-
.ListBoxItem-module__hop-
|
|
1609
|
+
.ListBoxItem-module__hop-ListBoxItem__avatar___2ts9n {
|
|
1610
1610
|
grid-area: avatar;
|
|
1611
1611
|
margin-block: var(--avatar-margin-block, 0);
|
|
1612
1612
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
1613
1613
|
}
|
|
1614
|
-
.ListBoxItem-module__hop-ListBoxItem__icon-
|
|
1615
|
-
.ListBoxItem-module__hop-
|
|
1614
|
+
.ListBoxItem-module__hop-ListBoxItem__icon-list___cDnpz,
|
|
1615
|
+
.ListBoxItem-module__hop-ListBoxItem__icon___lyDh4 {
|
|
1616
1616
|
grid-area: icon;
|
|
1617
1617
|
flex: 0 0 auto;
|
|
1618
1618
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
1619
1619
|
color: var(--icon-color);
|
|
1620
1620
|
}
|
|
1621
|
-
.ListBoxItem-module__hop-
|
|
1621
|
+
.ListBoxItem-module__hop-ListBoxItem__label___bb5Mc {
|
|
1622
1622
|
overflow: hidden;
|
|
1623
1623
|
grid-area: label;
|
|
1624
1624
|
min-inline-size: 0;
|
|
@@ -1626,18 +1626,18 @@
|
|
|
1626
1626
|
text-overflow: ellipsis;
|
|
1627
1627
|
white-space: nowrap;
|
|
1628
1628
|
}
|
|
1629
|
-
.ListBoxItem-module__hop-ListBoxItem__end-icon-
|
|
1630
|
-
.ListBoxItem-module__hop-ListBoxItem__end-
|
|
1629
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon-list___Auh9U,
|
|
1630
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon___6JGnU {
|
|
1631
1631
|
grid-area: end-icon;
|
|
1632
1632
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
1633
1633
|
color: var(--icon-color);
|
|
1634
1634
|
}
|
|
1635
|
-
.ListBoxItem-module__hop-
|
|
1635
|
+
.ListBoxItem-module__hop-ListBoxItem__badge___-OS1t {
|
|
1636
1636
|
grid-area: badge;
|
|
1637
1637
|
margin-block: var(--hop-ListBoxItem-badge-margin-block);
|
|
1638
1638
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
1639
1639
|
}
|
|
1640
|
-
.ListBoxItem-module__hop-
|
|
1640
|
+
.ListBoxItem-module__hop-ListBoxItem__description___zO-1q {
|
|
1641
1641
|
overflow: hidden;
|
|
1642
1642
|
display: -webkit-box;
|
|
1643
1643
|
grid-area: description;
|
|
@@ -1648,7 +1648,7 @@
|
|
|
1648
1648
|
}
|
|
1649
1649
|
|
|
1650
1650
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
|
|
1651
|
-
.ListBox-module__hop-
|
|
1651
|
+
.ListBox-module__hop-ListBox___JMroe {
|
|
1652
1652
|
--hop-ListBox-background-color: var(--hop-neutral-surface);
|
|
1653
1653
|
--hop-ListBox-border-color: var(--hop-neutral-border-weak);
|
|
1654
1654
|
--hop-ListBox-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -1697,11 +1697,11 @@
|
|
|
1697
1697
|
border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
|
|
1698
1698
|
border-radius: var(--hop-ListBox-border-radius);
|
|
1699
1699
|
}
|
|
1700
|
-
.ListBox-module__hop-ListBox--
|
|
1700
|
+
.ListBox-module__hop-ListBox--fluid___gDcU0 {
|
|
1701
1701
|
--max-width: var(--hop-ListBox-fluid-max-width);
|
|
1702
1702
|
--width: var(--hop-ListBox-fluid-width);
|
|
1703
1703
|
}
|
|
1704
|
-
.ListBox-module__hop-
|
|
1704
|
+
.ListBox-module__hop-ListBox__section___PWydC {
|
|
1705
1705
|
margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
|
|
1706
1706
|
margin-inline: var(--hop-ListBox-section-margin-inline);
|
|
1707
1707
|
padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
|
|
@@ -1709,21 +1709,21 @@
|
|
|
1709
1709
|
border-block-start: var(--section-border-block-start);
|
|
1710
1710
|
border-block-end: var(--section-border-block-end);
|
|
1711
1711
|
}
|
|
1712
|
-
.ListBox-module__hop-
|
|
1712
|
+
.ListBox-module__hop-ListBox__item___I81eY + .ListBox-module__hop-ListBox__section___PWydC {
|
|
1713
1713
|
--section-margin-block-start: var(--hop-ListBox-section-margin-block);
|
|
1714
1714
|
--section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
|
|
1715
1715
|
}
|
|
1716
|
-
.ListBox-module__hop-
|
|
1716
|
+
.ListBox-module__hop-ListBox__section___PWydC:has(+ .ListBox-module__hop-ListBox__item___I81eY) {
|
|
1717
1717
|
--section-margin-block-end: var(--hop-ListBox-section-margin-block);
|
|
1718
1718
|
}
|
|
1719
|
-
.ListBox-module__hop-
|
|
1719
|
+
.ListBox-module__hop-ListBox__section___PWydC:first-child {
|
|
1720
1720
|
--section-padding-block-start: 0;
|
|
1721
1721
|
}
|
|
1722
|
-
.ListBox-module__hop-
|
|
1722
|
+
.ListBox-module__hop-ListBox__section___PWydC:last-child {
|
|
1723
1723
|
--section-padding-block-end: 0;
|
|
1724
1724
|
--section-border-block-end: 0;
|
|
1725
1725
|
}
|
|
1726
|
-
.ListBox-module__hop-ListBox__section-
|
|
1726
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0 {
|
|
1727
1727
|
margin: 0;
|
|
1728
1728
|
padding: var(--hop-ListBox-section-header-padding);
|
|
1729
1729
|
font-family: var(--hop-ListBox-section-header-font-family);
|
|
@@ -1734,27 +1734,27 @@
|
|
|
1734
1734
|
text-transform: var(--hop-ListBox-section-header-text-transform);
|
|
1735
1735
|
letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
|
|
1736
1736
|
}
|
|
1737
|
-
.ListBox-module__hop-ListBox__section-
|
|
1738
|
-
.ListBox-module__hop-ListBox__section-
|
|
1737
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0::before,
|
|
1738
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0::after {
|
|
1739
1739
|
content: "";
|
|
1740
1740
|
display: block;
|
|
1741
1741
|
box-sizing: border-box;
|
|
1742
1742
|
inline-size: 0;
|
|
1743
1743
|
block-size: 0;
|
|
1744
1744
|
}
|
|
1745
|
-
.ListBox-module__hop-ListBox__section-
|
|
1745
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0::before {
|
|
1746
1746
|
margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
|
|
1747
1747
|
}
|
|
1748
|
-
.ListBox-module__hop-ListBox__section-
|
|
1748
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0::after {
|
|
1749
1749
|
margin-block-start: var(--hop-ListBox-section-header-top-offset);
|
|
1750
1750
|
}
|
|
1751
|
-
.ListBox-module__hop-
|
|
1751
|
+
.ListBox-module__hop-ListBox__divider___avfGt {
|
|
1752
1752
|
margin-block: var(--hop-ListBox-divider-margin-block);
|
|
1753
1753
|
margin-inline: var(--hop-ListBox-divider-margin-inline);
|
|
1754
1754
|
}
|
|
1755
1755
|
|
|
1756
1756
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
|
|
1757
|
-
@keyframes Spinner-
|
|
1757
|
+
@keyframes Spinner-module__spin___HWAqt {
|
|
1758
1758
|
0% {
|
|
1759
1759
|
transform: rotate(0deg);
|
|
1760
1760
|
}
|
|
@@ -1762,7 +1762,7 @@
|
|
|
1762
1762
|
transform: rotate(360deg);
|
|
1763
1763
|
}
|
|
1764
1764
|
}
|
|
1765
|
-
.Spinner-module__hop-
|
|
1765
|
+
.Spinner-module__hop-Spinner___Zh1Ig {
|
|
1766
1766
|
--hop-Spinner-border-radius: var(--hop-shape-circle);
|
|
1767
1767
|
--hop-Spinner-sm-wheel-size: 1rem;
|
|
1768
1768
|
--hop-Spinner-md-wheel-size: 1.25rem;
|
|
@@ -1770,7 +1770,7 @@
|
|
|
1770
1770
|
--hop-Spinner-track-width: 0.125rem;
|
|
1771
1771
|
--hop-Spinner-track-opacity: 0.2;
|
|
1772
1772
|
--hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
|
|
1773
|
-
--hop-Spinner-fill-animation: Spinner-
|
|
1773
|
+
--hop-Spinner-fill-animation: Spinner-module__spin___HWAqt .8s infinite linear;
|
|
1774
1774
|
--hop-Spinner-fill-animation-reduced-motion-duration: 2s;
|
|
1775
1775
|
--hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
|
|
1776
1776
|
--hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
|
|
@@ -1781,19 +1781,19 @@
|
|
|
1781
1781
|
align-items: center;
|
|
1782
1782
|
box-sizing: border-box;
|
|
1783
1783
|
}
|
|
1784
|
-
.Spinner-module__hop-Spinner--
|
|
1784
|
+
.Spinner-module__hop-Spinner--sm___xO7jF {
|
|
1785
1785
|
--width: var(--hop-Spinner-sm-wheel-size);
|
|
1786
1786
|
--height: var(--hop-Spinner-sm-wheel-size);
|
|
1787
1787
|
}
|
|
1788
|
-
.Spinner-module__hop-Spinner--
|
|
1788
|
+
.Spinner-module__hop-Spinner--md___86MBc {
|
|
1789
1789
|
--width: var(--hop-Spinner-md-wheel-size);
|
|
1790
1790
|
--height: var(--hop-Spinner-md-wheel-size);
|
|
1791
1791
|
}
|
|
1792
|
-
.Spinner-module__hop-Spinner--
|
|
1792
|
+
.Spinner-module__hop-Spinner--lg___6WVVx {
|
|
1793
1793
|
--width: var(--hop-Spinner-lg-wheel-size);
|
|
1794
1794
|
--height: var(--hop-Spinner-lg-wheel-size);
|
|
1795
1795
|
}
|
|
1796
|
-
.Spinner-module__hop-
|
|
1796
|
+
.Spinner-module__hop-Spinner__track___bSJvF {
|
|
1797
1797
|
grid-area: spinner;
|
|
1798
1798
|
box-sizing: border-box;
|
|
1799
1799
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -1802,7 +1802,7 @@
|
|
|
1802
1802
|
border: var(--hop-Spinner-track-border);
|
|
1803
1803
|
border-radius: var(--hop-Spinner-border-radius);
|
|
1804
1804
|
}
|
|
1805
|
-
.Spinner-module__hop-
|
|
1805
|
+
.Spinner-module__hop-Spinner__fill___HqVd1 {
|
|
1806
1806
|
grid-area: spinner;
|
|
1807
1807
|
box-sizing: border-box;
|
|
1808
1808
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -1813,17 +1813,17 @@
|
|
|
1813
1813
|
animation: var(--hop-Spinner-fill-animation);
|
|
1814
1814
|
}
|
|
1815
1815
|
@media (prefers-reduced-motion: reduce) {
|
|
1816
|
-
.Spinner-module__hop-
|
|
1816
|
+
.Spinner-module__hop-Spinner__fill___HqVd1 {
|
|
1817
1817
|
animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
|
|
1818
1818
|
}
|
|
1819
1819
|
}
|
|
1820
|
-
.Spinner-module__hop-
|
|
1820
|
+
.Spinner-module__hop-Spinner__label___u732A {
|
|
1821
1821
|
grid-area: label;
|
|
1822
1822
|
margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
|
|
1823
1823
|
}
|
|
1824
1824
|
|
|
1825
1825
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
|
|
1826
|
-
.Button-module__hop-
|
|
1826
|
+
.Button-module__hop-Button___lmqpa {
|
|
1827
1827
|
--hop-Button-border-radius: var(--hop-shape-rounded-md);
|
|
1828
1828
|
--hop-Button-focus-ring-color: var(--hop-primary-border-focus);
|
|
1829
1829
|
--hop-Button-icon-only-padding: 0;
|
|
@@ -1982,317 +1982,317 @@
|
|
|
1982
1982
|
background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
|
|
1983
1983
|
border var(--hop-easing-duration-2) var(--hop-easing-productive);
|
|
1984
1984
|
}
|
|
1985
|
-
.Button-module__hop-
|
|
1985
|
+
.Button-module__hop-Button___lmqpa[data-focus-visible] {
|
|
1986
1986
|
outline: 0.125rem solid var(--hop-Button-focus-ring-color);
|
|
1987
1987
|
}
|
|
1988
|
-
.Button-module__hop-Button--icon-
|
|
1988
|
+
.Button-module__hop-Button--icon-only___2xBXm {
|
|
1989
1989
|
--padding-block: var(--hop-Button-icon-only-padding);
|
|
1990
1990
|
--padding-inline: var(--hop-Button-icon-only-padding);
|
|
1991
1991
|
column-gap: 0;
|
|
1992
1992
|
aspect-ratio: 1;
|
|
1993
1993
|
}
|
|
1994
|
-
.Button-module__hop-
|
|
1995
|
-
.Button-module__hop-
|
|
1994
|
+
.Button-module__hop-Button___lmqpa[data-disabled],
|
|
1995
|
+
.Button-module__hop-Button___lmqpa[data-loading] {
|
|
1996
1996
|
cursor: not-allowed;
|
|
1997
1997
|
}
|
|
1998
|
-
.Button-module__hop-Button--
|
|
1998
|
+
.Button-module__hop-Button--fluid___l-oPy {
|
|
1999
1999
|
--inline-size: 100%;
|
|
2000
2000
|
}
|
|
2001
|
-
.Button-module__hop-Button--
|
|
2001
|
+
.Button-module__hop-Button--sm___BH-SD {
|
|
2002
2002
|
--block-size: var(--hop-Button-sm-height);
|
|
2003
2003
|
}
|
|
2004
|
-
.Button-module__hop-Button--
|
|
2004
|
+
.Button-module__hop-Button--primary___kVWtX.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2005
2005
|
--padding-inline: var(--hop-Button-primary-sm-padding-x);
|
|
2006
2006
|
--padding-block: var(--hop-Button-primary-sm-padding-y);
|
|
2007
2007
|
}
|
|
2008
|
-
.Button-module__hop-Button--
|
|
2008
|
+
.Button-module__hop-Button--primary___kVWtX.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2009
2009
|
--padding-inline: var(--hop-Button-primary-md-padding-x);
|
|
2010
2010
|
--padding-block: var(--hop-Button-primary-md-padding-y);
|
|
2011
2011
|
}
|
|
2012
|
-
.Button-module__hop-Button--
|
|
2012
|
+
.Button-module__hop-Button--secondary___PBpba.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2013
2013
|
--padding-inline: var(--hop-Button-secondary-md-padding-x);
|
|
2014
2014
|
--padding-block: var(--hop-Button-secondary-md-padding-y);
|
|
2015
2015
|
}
|
|
2016
|
-
.Button-module__hop-Button--
|
|
2016
|
+
.Button-module__hop-Button--secondary___PBpba.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2017
2017
|
--padding-inline: var(--hop-Button-secondary-sm-padding-x);
|
|
2018
2018
|
--padding-block: var(--hop-Button-secondary-sm-padding-y);
|
|
2019
2019
|
}
|
|
2020
|
-
.Button-module__hop-Button--
|
|
2020
|
+
.Button-module__hop-Button--upsell___f4MnG.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2021
2021
|
--padding-inline: var(--hop-Button-upsell-md-padding-x);
|
|
2022
2022
|
--padding-block: var(--hop-Button-upsell-md-padding-y);
|
|
2023
2023
|
}
|
|
2024
|
-
.Button-module__hop-Button--
|
|
2024
|
+
.Button-module__hop-Button--upsell___f4MnG.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2025
2025
|
--padding-inline: var(--hop-Button-upsell-sm-padding-x);
|
|
2026
2026
|
--padding-block: var(--hop-Button-upsell-sm-padding-y);
|
|
2027
2027
|
}
|
|
2028
|
-
.Button-module__hop-Button--
|
|
2028
|
+
.Button-module__hop-Button--danger___TV-l6.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2029
2029
|
--padding-inline: var(--hop-Button-danger-md-padding-x);
|
|
2030
2030
|
--padding-block: var(--hop-Button-danger-md-padding-y);
|
|
2031
2031
|
}
|
|
2032
|
-
.Button-module__hop-Button--
|
|
2032
|
+
.Button-module__hop-Button--danger___TV-l6.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2033
2033
|
--padding-inline: var(--hop-Button-danger-sm-padding-x);
|
|
2034
2034
|
--padding-block: var(--hop-Button-danger-sm-padding-y);
|
|
2035
2035
|
}
|
|
2036
|
-
.Button-module__hop-Button--ghost-
|
|
2036
|
+
.Button-module__hop-Button--ghost-danger___qqiOP.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2037
2037
|
--padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
|
|
2038
2038
|
--padding-block: var(--hop-Button-ghost-danger-md-padding-y);
|
|
2039
2039
|
}
|
|
2040
|
-
.Button-module__hop-Button--ghost-
|
|
2040
|
+
.Button-module__hop-Button--ghost-danger___qqiOP.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2041
2041
|
--padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
|
|
2042
2042
|
--padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
|
|
2043
2043
|
}
|
|
2044
|
-
.Button-module__hop-Button--ghost-
|
|
2044
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2045
2045
|
--padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
|
|
2046
2046
|
--padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
|
|
2047
2047
|
}
|
|
2048
|
-
.Button-module__hop-Button--ghost-
|
|
2048
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2049
2049
|
--padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
|
|
2050
2050
|
--padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
|
|
2051
2051
|
}
|
|
2052
|
-
.Button-module__hop-Button--ghost-
|
|
2052
|
+
.Button-module__hop-Button--ghost-primary___VOEr-.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2053
2053
|
--padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
|
|
2054
2054
|
--padding-block: var(--hop-Button-ghost-primary-md-padding-y);
|
|
2055
2055
|
}
|
|
2056
|
-
.Button-module__hop-Button--ghost-
|
|
2056
|
+
.Button-module__hop-Button--ghost-primary___VOEr-.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
2057
2057
|
--padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
|
|
2058
2058
|
--padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
|
|
2059
2059
|
}
|
|
2060
|
-
.Button-module__hop-Button--
|
|
2060
|
+
.Button-module__hop-Button--primary___kVWtX {
|
|
2061
2061
|
--background-color: var(--hop-Button-primary-background-color);
|
|
2062
2062
|
--color: var(--hop-Button-primary-color);
|
|
2063
2063
|
--border: var(--hop-Button-primary-border);
|
|
2064
2064
|
--spinner-color: var(--hop-Button-primary-spinner-color);
|
|
2065
2065
|
}
|
|
2066
|
-
.Button-module__hop-Button--
|
|
2066
|
+
.Button-module__hop-Button--primary___kVWtX[data-disabled]:not([data-loading]) {
|
|
2067
2067
|
--background-color: var(--hop-Button-primary-background-color-disabled);
|
|
2068
2068
|
--color: var(--hop-Button-primary-color-disabled);
|
|
2069
2069
|
--border: var(--hop-Button-primary-border-disabled);
|
|
2070
2070
|
}
|
|
2071
|
-
.Button-module__hop-Button--
|
|
2072
|
-
.Button-module__hop-Button--
|
|
2071
|
+
.Button-module__hop-Button--primary___kVWtX[data-hovered]:not([data-disabled], [data-loading]),
|
|
2072
|
+
.Button-module__hop-Button--primary___kVWtX[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2073
2073
|
--background-color: var(--hop-Button-primary-background-color-hover);
|
|
2074
2074
|
--color: var(--hop-Button-primary-color-hover);
|
|
2075
2075
|
--border: var(--hop-Button-primary-border-hover);
|
|
2076
2076
|
}
|
|
2077
|
-
.Button-module__hop-Button--
|
|
2077
|
+
.Button-module__hop-Button--primary___kVWtX[data-pressed]:not([data-loading]) {
|
|
2078
2078
|
--background-color: var(--hop-Button-primary-background-color-pressed);
|
|
2079
2079
|
--color: var(--hop-Button-primary-color-pressed);
|
|
2080
2080
|
--border: var(--hop-Button-primary-border-pressed);
|
|
2081
2081
|
}
|
|
2082
|
-
.Button-module__hop-Button--
|
|
2082
|
+
.Button-module__hop-Button--secondary___PBpba {
|
|
2083
2083
|
--background-color: var(--hop-Button-secondary-background-color);
|
|
2084
2084
|
--color: var(--hop-Button-secondary-color);
|
|
2085
2085
|
--border: var(--hop-Button-secondary-border);
|
|
2086
2086
|
--spinner-color: var(--hop-Button-secondary-spinner-color);
|
|
2087
2087
|
}
|
|
2088
|
-
.Button-module__hop-Button--
|
|
2088
|
+
.Button-module__hop-Button--secondary___PBpba[data-disabled]:not([data-loading]) {
|
|
2089
2089
|
--background-color: var(--hop-Button-secondary-background-color-disabled);
|
|
2090
2090
|
--color: var(--hop-Button-secondary-color-disabled);
|
|
2091
2091
|
--border: var(--hop-Button-secondary-border-disabled);
|
|
2092
2092
|
}
|
|
2093
|
-
.Button-module__hop-Button--
|
|
2094
|
-
.Button-module__hop-Button--
|
|
2093
|
+
.Button-module__hop-Button--secondary___PBpba[data-hovered]:not([data-disabled], [data-loading]),
|
|
2094
|
+
.Button-module__hop-Button--secondary___PBpba[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2095
2095
|
--background-color: var(--hop-Button-secondary-background-color-hover);
|
|
2096
2096
|
--color: var(--hop-Button-secondary-color-hover);
|
|
2097
2097
|
--border: var(--hop-Button-secondary-border-hover);
|
|
2098
2098
|
}
|
|
2099
|
-
.Button-module__hop-Button--
|
|
2099
|
+
.Button-module__hop-Button--secondary___PBpba[data-pressed]:not([data-loading]) {
|
|
2100
2100
|
--background-color: var(--hop-Button-secondary-background-color-pressed);
|
|
2101
2101
|
--color: var(--hop-Button-secondary-color-pressed);
|
|
2102
2102
|
--border: var(--hop-Button-secondary-border-pressed);
|
|
2103
2103
|
}
|
|
2104
|
-
.Button-module__hop-Button--
|
|
2104
|
+
.Button-module__hop-Button--upsell___f4MnG {
|
|
2105
2105
|
--background-color: var(--hop-Button-upsell-background-color);
|
|
2106
2106
|
--color: var(--hop-Button-upsell-color);
|
|
2107
2107
|
--border: var(--hop-Button-upsell-border);
|
|
2108
2108
|
--spinner-color: var(--hop-Button-upsell-spinner-color);
|
|
2109
2109
|
}
|
|
2110
|
-
.Button-module__hop-Button--
|
|
2110
|
+
.Button-module__hop-Button--upsell___f4MnG[data-disabled]:not([data-loading]) {
|
|
2111
2111
|
--background-color: var(--hop-Button-upsell-background-color-disabled);
|
|
2112
2112
|
--color: var(--hop-Button-upsell-color-disabled);
|
|
2113
2113
|
--border: var(--hop-Button-upsell-border-disabled);
|
|
2114
2114
|
}
|
|
2115
|
-
.Button-module__hop-Button--
|
|
2116
|
-
.Button-module__hop-Button--
|
|
2115
|
+
.Button-module__hop-Button--upsell___f4MnG[data-hovered]:not([data-disabled], [data-loading]),
|
|
2116
|
+
.Button-module__hop-Button--upsell___f4MnG[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2117
2117
|
--background-color: var(--hop-Button-upsell-background-color-hover);
|
|
2118
2118
|
--color: var(--hop-Button-upsell-color-hover);
|
|
2119
2119
|
--border: var(--hop-Button-upsell-border-hover);
|
|
2120
2120
|
}
|
|
2121
|
-
.Button-module__hop-Button--
|
|
2121
|
+
.Button-module__hop-Button--upsell___f4MnG[data-pressed]:not([data-loading]) {
|
|
2122
2122
|
--background-color: var(--hop-Button-upsell-background-color-pressed);
|
|
2123
2123
|
--color: var(--hop-Button-upsell-color-pressed);
|
|
2124
2124
|
--border: var(--hop-Button-upsell-border-pressed);
|
|
2125
2125
|
}
|
|
2126
|
-
.Button-module__hop-Button--
|
|
2126
|
+
.Button-module__hop-Button--danger___TV-l6 {
|
|
2127
2127
|
--background-color: var(--hop-Button-danger-background-color);
|
|
2128
2128
|
--color: var(--hop-Button-danger-color);
|
|
2129
2129
|
--border: var(--hop-Button-danger-border);
|
|
2130
2130
|
--spinner-color: var(--hop-Button-danger-spinner-color);
|
|
2131
2131
|
}
|
|
2132
|
-
.Button-module__hop-Button--
|
|
2132
|
+
.Button-module__hop-Button--danger___TV-l6[data-disabled]:not([data-loading]) {
|
|
2133
2133
|
--background-color: var(--hop-Button-danger-background-color-disabled);
|
|
2134
2134
|
--color: var(--hop-Button-danger-color-disabled);
|
|
2135
2135
|
--border: var(--hop-Button-danger-border-disabled);
|
|
2136
2136
|
}
|
|
2137
|
-
.Button-module__hop-Button--
|
|
2138
|
-
.Button-module__hop-Button--
|
|
2137
|
+
.Button-module__hop-Button--danger___TV-l6[data-hovered]:not([data-disabled], [data-loading]),
|
|
2138
|
+
.Button-module__hop-Button--danger___TV-l6[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2139
2139
|
--background-color: var(--hop-Button-danger-background-color-hover);
|
|
2140
2140
|
--color: var(--hop-Button-danger-color-hover);
|
|
2141
2141
|
--border: var(--hop-Button-danger-border-hover);
|
|
2142
2142
|
}
|
|
2143
|
-
.Button-module__hop-Button--
|
|
2143
|
+
.Button-module__hop-Button--danger___TV-l6[data-pressed]:not([data-loading]) {
|
|
2144
2144
|
--background-color: var(--hop-Button-danger-background-color-pressed);
|
|
2145
2145
|
--color: var(--hop-Button-danger-color-pressed);
|
|
2146
2146
|
--border: var(--hop-Button-danger-border-pressed);
|
|
2147
2147
|
}
|
|
2148
|
-
.Button-module__hop-Button--ghost-
|
|
2148
|
+
.Button-module__hop-Button--ghost-primary___VOEr- {
|
|
2149
2149
|
--background-color: var(--hop-Button-ghost-primary-background-color);
|
|
2150
2150
|
--color: var(--hop-Button-ghost-primary-color);
|
|
2151
2151
|
--border: var(--hop-Button-ghost-primary-border);
|
|
2152
2152
|
--spinner-color: var(--hop-Button-ghost-primary-spinner-color);
|
|
2153
2153
|
}
|
|
2154
|
-
.Button-module__hop-Button--ghost-
|
|
2154
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-disabled]:not([data-loading]) {
|
|
2155
2155
|
--background-color: var(--hop-Button-ghost-primary-background-color-disabled);
|
|
2156
2156
|
--color: var(--hop-Button-ghost-primary-color-disabled);
|
|
2157
2157
|
--border: var(--hop-Button-ghost-primary-border-disabled);
|
|
2158
2158
|
}
|
|
2159
|
-
.Button-module__hop-Button--ghost-
|
|
2160
|
-
.Button-module__hop-Button--ghost-
|
|
2159
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-hovered]:not([data-disabled], [data-loading]),
|
|
2160
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2161
2161
|
--background-color: var(--hop-Button-ghost-primary-background-color-hover);
|
|
2162
2162
|
--color: var(--hop-Button-ghost-primary-color-hover);
|
|
2163
2163
|
--border: var(--hop-Button-ghost-primary-border-hover);
|
|
2164
2164
|
}
|
|
2165
|
-
.Button-module__hop-Button--ghost-
|
|
2165
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-pressed]:not([data-loading]) {
|
|
2166
2166
|
--background-color: var(--hop-Button-ghost-primary-background-color-pressed);
|
|
2167
2167
|
--color: var(--hop-Button-ghost-primary-color-pressed);
|
|
2168
2168
|
--border: var(--hop-Button-ghost-primary-border-pressed);
|
|
2169
2169
|
}
|
|
2170
|
-
.Button-module__hop-Button--ghost-
|
|
2170
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm {
|
|
2171
2171
|
--background-color: var(--hop-Button-ghost-secondary-background-color);
|
|
2172
2172
|
--color: var(--hop-Button-ghost-secondary-color);
|
|
2173
2173
|
--border: var(--hop-Button-ghost-secondary-border);
|
|
2174
2174
|
--spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
|
|
2175
2175
|
}
|
|
2176
|
-
.Button-module__hop-Button--ghost-
|
|
2176
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-disabled]:not([data-loading]) {
|
|
2177
2177
|
--background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
|
|
2178
2178
|
--color: var(--hop-Button-ghost-secondary-color-disabled);
|
|
2179
2179
|
--border: var(--hop-Button-ghost-secondary-border-disabled);
|
|
2180
2180
|
}
|
|
2181
|
-
.Button-module__hop-Button--ghost-
|
|
2182
|
-
.Button-module__hop-Button--ghost-
|
|
2181
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-hovered]:not([data-disabled], [data-loading]),
|
|
2182
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2183
2183
|
--background-color: var(--hop-Button-ghost-secondary-background-color-hover);
|
|
2184
2184
|
--color: var(--hop-Button-ghost-secondary-color-hover);
|
|
2185
2185
|
--border: var(--hop-Button-ghost-secondary-border-hover);
|
|
2186
2186
|
}
|
|
2187
|
-
.Button-module__hop-Button--ghost-
|
|
2187
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-pressed]:not([data-loading]) {
|
|
2188
2188
|
--background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
|
|
2189
2189
|
--color: var(--hop-Button-ghost-secondary-color-pressed);
|
|
2190
2190
|
--border: var(--hop-Button-ghost-secondary-border-pressed);
|
|
2191
2191
|
}
|
|
2192
|
-
.Button-module__hop-Button--ghost-
|
|
2192
|
+
.Button-module__hop-Button--ghost-danger___qqiOP {
|
|
2193
2193
|
--background-color: var(--hop-Button-ghost-danger-background-color);
|
|
2194
2194
|
--color: var(--hop-Button-ghost-danger-color);
|
|
2195
2195
|
--border: var(--hop-Button-ghost-danger-border);
|
|
2196
2196
|
--spinner-color: var(--hop-Button-ghost-danger-spinner-color);
|
|
2197
2197
|
}
|
|
2198
|
-
.Button-module__hop-Button--ghost-
|
|
2198
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-disabled]:not([data-loading]) {
|
|
2199
2199
|
--background-color: var(--hop-Button-ghost-danger-background-color-disabled);
|
|
2200
2200
|
--color: var(--hop-Button-ghost-danger-color-disabled);
|
|
2201
2201
|
--border: var(--hop-Button-ghost-danger-border-disabled);
|
|
2202
2202
|
}
|
|
2203
|
-
.Button-module__hop-Button--ghost-
|
|
2204
|
-
.Button-module__hop-Button--ghost-
|
|
2203
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-hovered]:not([data-disabled], [data-loading]),
|
|
2204
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2205
2205
|
--background-color: var(--hop-Button-ghost-danger-background-color-hover);
|
|
2206
2206
|
--color: var(--hop-Button-ghost-danger-color-hover);
|
|
2207
2207
|
--border: var(--hop-Button-ghost-danger-border-hover);
|
|
2208
2208
|
}
|
|
2209
|
-
.Button-module__hop-Button--ghost-
|
|
2209
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-pressed]:not([data-loading]) {
|
|
2210
2210
|
--background-color: var(--hop-Button-ghost-danger-background-color-pressed);
|
|
2211
2211
|
--color: var(--hop-Button-ghost-danger-color-pressed);
|
|
2212
2212
|
--border: var(--hop-Button-ghost-danger-border-pressed);
|
|
2213
2213
|
}
|
|
2214
|
-
.Button-module__hop-
|
|
2214
|
+
.Button-module__hop-Button__Spinner___R38Q- {
|
|
2215
2215
|
position: absolute;
|
|
2216
2216
|
justify-self: center;
|
|
2217
2217
|
color: var(--spinner-color);
|
|
2218
2218
|
}
|
|
2219
|
-
.Button-module__hop-
|
|
2220
|
-
.Button-module__hop-Button__icon-
|
|
2219
|
+
.Button-module__hop-Button__icon___ytKYx,
|
|
2220
|
+
.Button-module__hop-Button__icon-list___MguPH {
|
|
2221
2221
|
grid-area: start-icon;
|
|
2222
2222
|
justify-self: end;
|
|
2223
2223
|
}
|
|
2224
|
-
.Button-module__hop-
|
|
2224
|
+
.Button-module__hop-Button__text___hzQn3 {
|
|
2225
2225
|
user-select: none;
|
|
2226
2226
|
overflow: visible;
|
|
2227
2227
|
grid-area: content;
|
|
2228
2228
|
font-weight: var(--hop-font-weight-505);
|
|
2229
2229
|
text-wrap: nowrap;
|
|
2230
2230
|
}
|
|
2231
|
-
.Button-module__hop-Button--ghost-
|
|
2232
|
-
.Button-module__hop-Button--ghost-
|
|
2233
|
-
.Button-module__hop-Button--ghost-
|
|
2234
|
-
.Button-module__hop-Button--ghost-
|
|
2235
|
-
.Button-module__hop-Button--ghost-
|
|
2236
|
-
.Button-module__hop-Button--ghost-
|
|
2237
|
-
.Button-module__hop-Button--ghost-
|
|
2238
|
-
.Button-module__hop-Button--ghost-
|
|
2239
|
-
.Button-module__hop-Button--ghost-
|
|
2231
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
2232
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
2233
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
2234
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
2235
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
2236
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
2237
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
2238
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
2239
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hzQn3 {
|
|
2240
2240
|
text-decoration: underline;
|
|
2241
2241
|
text-underline-offset: 0.125rem;
|
|
2242
2242
|
}
|
|
2243
|
-
.Button-module__hop-Button__end-
|
|
2244
|
-
.Button-module__hop-Button__end-icon-
|
|
2243
|
+
.Button-module__hop-Button__end-icon___iWHO9,
|
|
2244
|
+
.Button-module__hop-Button__end-icon-list___WUaQk {
|
|
2245
2245
|
grid-area: end-icon;
|
|
2246
2246
|
}
|
|
2247
|
-
.Button-module__hop-
|
|
2248
|
-
.Button-module__hop-
|
|
2247
|
+
.Button-module__hop-Button___lmqpa .Button-module__hop-Button__icon-list___MguPH,
|
|
2248
|
+
.Button-module__hop-Button___lmqpa .Button-module__hop-Button__end-icon-list___WUaQk {
|
|
2249
2249
|
flex-wrap: nowrap;
|
|
2250
2250
|
}
|
|
2251
|
-
.Button-module__hop-
|
|
2251
|
+
.Button-module__hop-Button___lmqpa[data-loading] > *:not(.Button-module__hop-Button__Spinner___R38Q-) {
|
|
2252
2252
|
opacity: 0;
|
|
2253
2253
|
}
|
|
2254
2254
|
|
|
2255
2255
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
|
|
2256
|
-
.ButtonGroup-module__hop-
|
|
2256
|
+
.ButtonGroup-module__hop-ButtonGroup___iKTaw {
|
|
2257
2257
|
display: inline-flex;
|
|
2258
2258
|
flex-wrap: nowrap;
|
|
2259
2259
|
gap: var(--hop-space-inline-md);
|
|
2260
2260
|
}
|
|
2261
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2261
|
+
.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
|
|
2262
2262
|
justify-content: center;
|
|
2263
2263
|
}
|
|
2264
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2264
|
+
.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
|
|
2265
2265
|
flex-direction: column;
|
|
2266
2266
|
gap: var(--hop-space-stack-md);
|
|
2267
2267
|
align-items: center;
|
|
2268
2268
|
}
|
|
2269
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2269
|
+
.ButtonGroup-module__hop-ButtonGroup--start___gzKmS.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
|
|
2270
2270
|
align-items: flex-start;
|
|
2271
2271
|
}
|
|
2272
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2272
|
+
.ButtonGroup-module__hop-ButtonGroup--center___on-lE.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
|
|
2273
2273
|
align-items: center;
|
|
2274
2274
|
}
|
|
2275
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2275
|
+
.ButtonGroup-module__hop-ButtonGroup--end___5rjyN.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
|
|
2276
2276
|
align-items: flex-end;
|
|
2277
2277
|
}
|
|
2278
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2278
|
+
.ButtonGroup-module__hop-ButtonGroup--start___gzKmS.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
|
|
2279
2279
|
justify-content: flex-start;
|
|
2280
2280
|
}
|
|
2281
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2281
|
+
.ButtonGroup-module__hop-ButtonGroup--center___on-lE.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
|
|
2282
2282
|
justify-content: center;
|
|
2283
2283
|
}
|
|
2284
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2284
|
+
.ButtonGroup-module__hop-ButtonGroup--end___5rjyN.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
|
|
2285
2285
|
justify-content: flex-end;
|
|
2286
2286
|
}
|
|
2287
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2287
|
+
.ButtonGroup-module__hop-ButtonGroup--wrap___sCH-F {
|
|
2288
2288
|
flex-wrap: wrap;
|
|
2289
2289
|
}
|
|
2290
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2290
|
+
.ButtonGroup-module__hop-ButtonGroup--fluid___2duGA {
|
|
2291
2291
|
inline-size: 100%;
|
|
2292
2292
|
}
|
|
2293
2293
|
|
|
2294
2294
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
|
|
2295
|
-
.EmbeddedButton-module__hop-
|
|
2295
|
+
.EmbeddedButton-module__hop-EmbeddedButton___etrFw {
|
|
2296
2296
|
--hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
|
|
2297
2297
|
--hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
|
|
2298
2298
|
--hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
|
|
@@ -2455,7 +2455,7 @@
|
|
|
2455
2455
|
outline: none;
|
|
2456
2456
|
transition: color var(--transition);
|
|
2457
2457
|
}
|
|
2458
|
-
.EmbeddedButton-module__hop-
|
|
2458
|
+
.EmbeddedButton-module__hop-EmbeddedButton___etrFw::before {
|
|
2459
2459
|
content: "";
|
|
2460
2460
|
position: absolute;
|
|
2461
2461
|
inset-block-start: 50%;
|
|
@@ -2468,288 +2468,288 @@
|
|
|
2468
2468
|
border-radius: var(--effect-border-radius);
|
|
2469
2469
|
transition: background-color var(--transition);
|
|
2470
2470
|
}
|
|
2471
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2471
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___7bL0V {
|
|
2472
2472
|
--inline-size: var(--hop-EmbeddedButton-md-width);
|
|
2473
2473
|
--block-size: var(--hop-EmbeddedButton-md-height);
|
|
2474
2474
|
--focus-ring-offset: calc(-1 * var(--focus-ring-size));
|
|
2475
2475
|
}
|
|
2476
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2476
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___5Zw59 {
|
|
2477
2477
|
--inline-size: var(--hop-EmbeddedButton-lg-width);
|
|
2478
2478
|
--block-size: var(--hop-EmbeddedButton-lg-height);
|
|
2479
2479
|
--focus-ring-offset: 0;
|
|
2480
2480
|
}
|
|
2481
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2481
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___7bL0V::before {
|
|
2482
2482
|
--effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
|
|
2483
2483
|
--effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
|
|
2484
2484
|
}
|
|
2485
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2485
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___5Zw59::before {
|
|
2486
2486
|
--effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
|
|
2487
2487
|
--effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
|
|
2488
2488
|
}
|
|
2489
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2489
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8 {
|
|
2490
2490
|
--color: var(--hop-EmbeddedButton-neutral-color);
|
|
2491
2491
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
|
|
2492
2492
|
}
|
|
2493
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2493
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka {
|
|
2494
2494
|
--color: var(--hop-EmbeddedButton-subdued-color);
|
|
2495
2495
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
|
|
2496
2496
|
}
|
|
2497
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2497
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___axihG {
|
|
2498
2498
|
--color: var(--hop-EmbeddedButton-progress-color);
|
|
2499
2499
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
|
|
2500
2500
|
}
|
|
2501
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2501
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A {
|
|
2502
2502
|
--color: var(--hop-EmbeddedButton-positive-color);
|
|
2503
2503
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
|
|
2504
2504
|
}
|
|
2505
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2505
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9 {
|
|
2506
2506
|
--color: var(--hop-EmbeddedButton-caution-color);
|
|
2507
2507
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
|
|
2508
2508
|
}
|
|
2509
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2509
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E {
|
|
2510
2510
|
--color: var(--hop-EmbeddedButton-negative-color);
|
|
2511
2511
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
|
|
2512
2512
|
}
|
|
2513
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2513
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp {
|
|
2514
2514
|
--color: var(--hop-EmbeddedButton-option1-color);
|
|
2515
2515
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
|
|
2516
2516
|
}
|
|
2517
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2517
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C- {
|
|
2518
2518
|
--color: var(--hop-EmbeddedButton-option2-color);
|
|
2519
2519
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
|
|
2520
2520
|
}
|
|
2521
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2521
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y {
|
|
2522
2522
|
--color: var(--hop-EmbeddedButton-option3-color);
|
|
2523
2523
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
|
|
2524
2524
|
}
|
|
2525
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2525
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP {
|
|
2526
2526
|
--color: var(--hop-EmbeddedButton-option4-color);
|
|
2527
2527
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
|
|
2528
2528
|
}
|
|
2529
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2529
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC {
|
|
2530
2530
|
--color: var(--hop-EmbeddedButton-option5-color);
|
|
2531
2531
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
|
|
2532
2532
|
}
|
|
2533
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2533
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk {
|
|
2534
2534
|
--color: var(--hop-EmbeddedButton-option6-color);
|
|
2535
2535
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
|
|
2536
2536
|
}
|
|
2537
|
-
.EmbeddedButton-module__hop-
|
|
2537
|
+
.EmbeddedButton-module__hop-EmbeddedButton___etrFw[data-selected] {
|
|
2538
2538
|
--color: var(--hop-EmbeddedButton-selected-color);
|
|
2539
2539
|
--effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
|
|
2540
2540
|
}
|
|
2541
|
-
.EmbeddedButton-module__hop-
|
|
2541
|
+
.EmbeddedButton-module__hop-EmbeddedButton___etrFw[data-focus-visible] {
|
|
2542
2542
|
outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
|
|
2543
2543
|
outline-offset: var(--focus-ring-offset);
|
|
2544
2544
|
}
|
|
2545
|
-
.EmbeddedButton-module__hop-
|
|
2545
|
+
.EmbeddedButton-module__hop-EmbeddedButton___etrFw[data-disabled] {
|
|
2546
2546
|
cursor: not-allowed;
|
|
2547
2547
|
}
|
|
2548
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2548
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-hovered] {
|
|
2549
2549
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
|
|
2550
2550
|
--color: var(--hop-EmbeddedButton-neutral-color-hovered);
|
|
2551
2551
|
}
|
|
2552
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2552
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-focus-visible] {
|
|
2553
2553
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
|
|
2554
2554
|
--color: var(--hop-EmbeddedButton-neutral-color-focused);
|
|
2555
2555
|
}
|
|
2556
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2556
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-pressed] {
|
|
2557
2557
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
|
|
2558
2558
|
--color: var(--hop-EmbeddedButton-neutral-color-pressed);
|
|
2559
2559
|
}
|
|
2560
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2560
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-disabled] {
|
|
2561
2561
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
|
|
2562
2562
|
--color: var(--hop-EmbeddedButton-neutral-color-disabled);
|
|
2563
2563
|
}
|
|
2564
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2564
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-hovered] {
|
|
2565
2565
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
|
|
2566
2566
|
--color: var(--hop-EmbeddedButton-subdued-color-hovered);
|
|
2567
2567
|
}
|
|
2568
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2568
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-focus-visible] {
|
|
2569
2569
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
|
|
2570
2570
|
--color: var(--hop-EmbeddedButton-subdued-color-focused);
|
|
2571
2571
|
}
|
|
2572
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2572
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-pressed] {
|
|
2573
2573
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
|
|
2574
2574
|
--color: var(--hop-EmbeddedButton-subdued-color-pressed);
|
|
2575
2575
|
}
|
|
2576
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2576
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-disabled] {
|
|
2577
2577
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
|
|
2578
2578
|
--color: var(--hop-EmbeddedButton-subdued-color-disabled);
|
|
2579
2579
|
}
|
|
2580
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2580
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-hovered] {
|
|
2581
2581
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
|
|
2582
2582
|
--color: var(--hop-EmbeddedButton-progress-color-hovered);
|
|
2583
2583
|
}
|
|
2584
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2584
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-focus-visible] {
|
|
2585
2585
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
|
|
2586
2586
|
--color: var(--hop-EmbeddedButton-progress-color-focused);
|
|
2587
2587
|
}
|
|
2588
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2588
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-pressed] {
|
|
2589
2589
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
|
|
2590
2590
|
--color: var(--hop-EmbeddedButton-progress-color-pressed);
|
|
2591
2591
|
}
|
|
2592
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2592
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-disabled] {
|
|
2593
2593
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
|
|
2594
2594
|
--color: var(--hop-EmbeddedButton-progress-color-disabled);
|
|
2595
2595
|
}
|
|
2596
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2596
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-hovered] {
|
|
2597
2597
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
|
|
2598
2598
|
--color: var(--hop-EmbeddedButton-positive-color-hovered);
|
|
2599
2599
|
}
|
|
2600
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2600
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-focus-visible] {
|
|
2601
2601
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
|
|
2602
2602
|
--color: var(--hop-EmbeddedButton-positive-color-focused);
|
|
2603
2603
|
}
|
|
2604
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2604
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-pressed] {
|
|
2605
2605
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
|
|
2606
2606
|
--color: var(--hop-EmbeddedButton-positive-color-pressed);
|
|
2607
2607
|
}
|
|
2608
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2608
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-disabled] {
|
|
2609
2609
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
|
|
2610
2610
|
--color: var(--hop-EmbeddedButton-positive-color-disabled);
|
|
2611
2611
|
}
|
|
2612
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2612
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-hovered] {
|
|
2613
2613
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
|
|
2614
2614
|
--color: var(--hop-EmbeddedButton-caution-color-hovered);
|
|
2615
2615
|
}
|
|
2616
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2616
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-focus-visible] {
|
|
2617
2617
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
|
|
2618
2618
|
--color: var(--hop-EmbeddedButton-caution-color-focused);
|
|
2619
2619
|
}
|
|
2620
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2620
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-pressed] {
|
|
2621
2621
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
|
|
2622
2622
|
--color: var(--hop-EmbeddedButton-caution-color-pressed);
|
|
2623
2623
|
}
|
|
2624
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2624
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-disabled] {
|
|
2625
2625
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
|
|
2626
2626
|
--color: var(--hop-EmbeddedButton-caution-color-disabled);
|
|
2627
2627
|
}
|
|
2628
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2628
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-hovered] {
|
|
2629
2629
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
|
|
2630
2630
|
--color: var(--hop-EmbeddedButton-negative-color-hovered);
|
|
2631
2631
|
}
|
|
2632
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2632
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-focus-visible] {
|
|
2633
2633
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
|
|
2634
2634
|
--color: var(--hop-EmbeddedButton-negative-color-focused);
|
|
2635
2635
|
}
|
|
2636
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2636
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-pressed] {
|
|
2637
2637
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
|
|
2638
2638
|
--color: var(--hop-EmbeddedButton-negative-color-pressed);
|
|
2639
2639
|
}
|
|
2640
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2640
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-disabled] {
|
|
2641
2641
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
|
|
2642
2642
|
--color: var(--hop-EmbeddedButton-negative-color-disabled);
|
|
2643
2643
|
}
|
|
2644
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2644
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-hovered] {
|
|
2645
2645
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
|
|
2646
2646
|
--color: var(--hop-EmbeddedButton-option1-color-hovered);
|
|
2647
2647
|
}
|
|
2648
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2648
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-focus-visible] {
|
|
2649
2649
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
|
|
2650
2650
|
--color: var(--hop-EmbeddedButton-option1-color-focused);
|
|
2651
2651
|
}
|
|
2652
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2652
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-pressed] {
|
|
2653
2653
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
|
|
2654
2654
|
--color: var(--hop-EmbeddedButton-option1-color-pressed);
|
|
2655
2655
|
}
|
|
2656
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2656
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-disabled] {
|
|
2657
2657
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
|
|
2658
2658
|
--color: var(--hop-EmbeddedButton-option1-color-disabled);
|
|
2659
2659
|
}
|
|
2660
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2660
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-hovered] {
|
|
2661
2661
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
|
|
2662
2662
|
--color: var(--hop-EmbeddedButton-option2-color-hovered);
|
|
2663
2663
|
}
|
|
2664
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2664
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-focus-visible] {
|
|
2665
2665
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
|
|
2666
2666
|
--color: var(--hop-EmbeddedButton-option2-color-focused);
|
|
2667
2667
|
}
|
|
2668
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2668
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-pressed] {
|
|
2669
2669
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
|
|
2670
2670
|
--color: var(--hop-EmbeddedButton-option2-color-pressed);
|
|
2671
2671
|
}
|
|
2672
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2672
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-disabled] {
|
|
2673
2673
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
|
|
2674
2674
|
--color: var(--hop-EmbeddedButton-option2-color-disabled);
|
|
2675
2675
|
}
|
|
2676
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2676
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-hovered] {
|
|
2677
2677
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
|
|
2678
2678
|
--color: var(--hop-EmbeddedButton-option3-color-hovered);
|
|
2679
2679
|
}
|
|
2680
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2680
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-focus-visible] {
|
|
2681
2681
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
|
|
2682
2682
|
--color: var(--hop-EmbeddedButton-option3-color-focused);
|
|
2683
2683
|
}
|
|
2684
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2684
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-pressed] {
|
|
2685
2685
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
|
|
2686
2686
|
--color: var(--hop-EmbeddedButton-option3-color-pressed);
|
|
2687
2687
|
}
|
|
2688
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2688
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-disabled] {
|
|
2689
2689
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
|
|
2690
2690
|
--color: var(--hop-EmbeddedButton-option3-color-disabled);
|
|
2691
2691
|
}
|
|
2692
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2692
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-hovered] {
|
|
2693
2693
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
|
|
2694
2694
|
--color: var(--hop-EmbeddedButton-option4-color-hovered);
|
|
2695
2695
|
}
|
|
2696
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2696
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-focus-visible] {
|
|
2697
2697
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
|
|
2698
2698
|
--color: var(--hop-EmbeddedButton-option4-color-focused);
|
|
2699
2699
|
}
|
|
2700
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2700
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-pressed] {
|
|
2701
2701
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
|
|
2702
2702
|
--color: var(--hop-EmbeddedButton-option4-color-pressed);
|
|
2703
2703
|
}
|
|
2704
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2704
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-disabled] {
|
|
2705
2705
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
|
|
2706
2706
|
--color: var(--hop-EmbeddedButton-option4-color-disabled);
|
|
2707
2707
|
}
|
|
2708
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2708
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-hovered] {
|
|
2709
2709
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
|
|
2710
2710
|
--color: var(--hop-EmbeddedButton-option5-color-hovered);
|
|
2711
2711
|
}
|
|
2712
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2712
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-focus-visible] {
|
|
2713
2713
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
|
|
2714
2714
|
--color: var(--hop-EmbeddedButton-option5-color-focused);
|
|
2715
2715
|
}
|
|
2716
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2716
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-pressed] {
|
|
2717
2717
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
|
|
2718
2718
|
--color: var(--hop-EmbeddedButton-option5-color-pressed);
|
|
2719
2719
|
}
|
|
2720
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2720
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-disabled] {
|
|
2721
2721
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
|
|
2722
2722
|
--color: var(--hop-EmbeddedButton-option5-color-disabled);
|
|
2723
2723
|
}
|
|
2724
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2724
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-hovered] {
|
|
2725
2725
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
|
|
2726
2726
|
--color: var(--hop-EmbeddedButton-option6-color-hovered);
|
|
2727
2727
|
}
|
|
2728
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2728
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-focus-visible] {
|
|
2729
2729
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
|
|
2730
2730
|
--color: var(--hop-EmbeddedButton-option6-color-focused);
|
|
2731
2731
|
}
|
|
2732
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2732
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-pressed] {
|
|
2733
2733
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
|
|
2734
2734
|
--color: var(--hop-EmbeddedButton-option6-color-pressed);
|
|
2735
2735
|
}
|
|
2736
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2736
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-disabled] {
|
|
2737
2737
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
|
|
2738
2738
|
--color: var(--hop-EmbeddedButton-option6-color-disabled);
|
|
2739
2739
|
}
|
|
2740
|
-
.EmbeddedButton-module__hop-
|
|
2740
|
+
.EmbeddedButton-module__hop-EmbeddedButton__icon___frCoq {
|
|
2741
2741
|
position: relative;
|
|
2742
2742
|
}
|
|
2743
2743
|
|
|
2744
2744
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
|
|
2745
|
-
.Form-module__hop-
|
|
2745
|
+
.Form-module__hop-Form___C2j6d {
|
|
2746
2746
|
display: flex;
|
|
2747
2747
|
flex-direction: column;
|
|
2748
2748
|
gap: var(--hop-space-stack-lg);
|
|
2749
2749
|
}
|
|
2750
2750
|
|
|
2751
2751
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
|
|
2752
|
-
.InputGroup-module__hop-
|
|
2752
|
+
.InputGroup-module__hop-InputGroup___WTjn6 {
|
|
2753
2753
|
--hop-InputGroup-background: var(--hop-neutral-surface);
|
|
2754
2754
|
--hop-InputGroup-border-color: var(--hop-neutral-border);
|
|
2755
2755
|
--hop-InputGroup-border-width: 0.0625rem;
|
|
@@ -2829,11 +2829,11 @@
|
|
|
2829
2829
|
border: var(--border);
|
|
2830
2830
|
border-radius: var(--hop-InputGroup-border-radius);
|
|
2831
2831
|
}
|
|
2832
|
-
.InputGroup-module__hop-InputGroup--
|
|
2832
|
+
.InputGroup-module__hop-InputGroup--fluid___qLBy2 {
|
|
2833
2833
|
--inline-size: 100%;
|
|
2834
2834
|
--input-inline-size: 100%;
|
|
2835
2835
|
}
|
|
2836
|
-
.InputGroup-module__hop-InputGroup--
|
|
2836
|
+
.InputGroup-module__hop-InputGroup--sm___PglDr {
|
|
2837
2837
|
--block-size: var(--hop-InputGroup-sm-block-size);
|
|
2838
2838
|
--input-font-family: var(--hop-InputGroup-input-sm-font-family);
|
|
2839
2839
|
--input-font-size: var(--hop-InputGroup-input-sm-font-size);
|
|
@@ -2841,7 +2841,7 @@
|
|
|
2841
2841
|
--input-line-height: var(--hop-InputGroup-input-sm-line-height);
|
|
2842
2842
|
--input-block-size: var(--hop-InputGroup-input-sm-block-size);
|
|
2843
2843
|
}
|
|
2844
|
-
.InputGroup-module__hop-
|
|
2844
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-input-type=textarea] {
|
|
2845
2845
|
--gap: var(--hop-InputGroup-gap-textarea);
|
|
2846
2846
|
--flex-direction: var(--hop-InputGroup-flex-direction-textarea);
|
|
2847
2847
|
--align-items: var(--hop-InputGroup-align-items-textarea);
|
|
@@ -2849,28 +2849,28 @@
|
|
|
2849
2849
|
--padding-inline: var(--hop-InputGroup-padding-inline-textarea);
|
|
2850
2850
|
--padding-block: var(--hop-InputGroup-padding-block-textarea);
|
|
2851
2851
|
}
|
|
2852
|
-
.InputGroup-module__hop-
|
|
2852
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-input-type=number] {
|
|
2853
2853
|
--display: var(--hop-InputGroup-display-number);
|
|
2854
2854
|
--gap: var(--hop-InputGroup-gap-number);
|
|
2855
2855
|
}
|
|
2856
|
-
.InputGroup-module__hop-
|
|
2856
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-hovered] {
|
|
2857
2857
|
--background: var(--hop-InputGroup-background-hover);
|
|
2858
2858
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
|
|
2859
2859
|
}
|
|
2860
|
-
.InputGroup-module__hop-
|
|
2860
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-focus-within] {
|
|
2861
2861
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
|
|
2862
2862
|
}
|
|
2863
|
-
.InputGroup-module__hop-
|
|
2863
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-invalid] {
|
|
2864
2864
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
|
|
2865
2865
|
}
|
|
2866
|
-
.InputGroup-module__hop-
|
|
2866
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-disabled] {
|
|
2867
2867
|
--background: var(--hop-InputGroup-background-disabled);
|
|
2868
2868
|
--border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
|
|
2869
2869
|
--input-color: var(--hop-InputGroup-input-color-disabled);
|
|
2870
2870
|
--input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
|
|
2871
2871
|
}
|
|
2872
|
-
.InputGroup-module__hop-
|
|
2873
|
-
.InputGroup-module__hop-
|
|
2872
|
+
.InputGroup-module__hop-InputGroup__input___pDQNr,
|
|
2873
|
+
.InputGroup-module__hop-InputGroup__textarea___738GU {
|
|
2874
2874
|
flex: 1 1 auto;
|
|
2875
2875
|
box-sizing: border-box;
|
|
2876
2876
|
inline-size: var(--input-inline-size);
|
|
@@ -2884,14 +2884,14 @@
|
|
|
2884
2884
|
border: none;
|
|
2885
2885
|
outline: none;
|
|
2886
2886
|
}
|
|
2887
|
-
.InputGroup-module__hop-
|
|
2887
|
+
.InputGroup-module__hop-InputGroup__input___pDQNr {
|
|
2888
2888
|
block-size: var(--input-block-size);
|
|
2889
2889
|
padding: var(--hop-InputGroup-input-padding);
|
|
2890
2890
|
}
|
|
2891
|
-
.InputGroup-module__hop-
|
|
2891
|
+
.InputGroup-module__hop-InputGroup__textarea___738GU {
|
|
2892
2892
|
padding: var(--hop-InputGroup-textarea-padding);
|
|
2893
2893
|
}
|
|
2894
|
-
.InputGroup-module__hop-
|
|
2894
|
+
.InputGroup-module__hop-InputGroup__input___pDQNr::placeholder {
|
|
2895
2895
|
font-family: var(--hop-InputGroup-placeholder-font-family);
|
|
2896
2896
|
font-size: var(--hop-InputGroup-placeholder-font-size);
|
|
2897
2897
|
font-weight: var(--hop-InputGroup-placeholder-font-weight);
|
|
@@ -2900,7 +2900,7 @@
|
|
|
2900
2900
|
}
|
|
2901
2901
|
|
|
2902
2902
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
|
|
2903
|
-
.Heading-module__hop-
|
|
2903
|
+
.Heading-module__hop-Heading___gSY2V {
|
|
2904
2904
|
--hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
|
|
2905
2905
|
--hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
|
|
2906
2906
|
--hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
|
|
@@ -2934,50 +2934,50 @@
|
|
|
2934
2934
|
--hop-Heading-inherit-size-font-weight: inherit;
|
|
2935
2935
|
--hop-Heading-inherit-size-line-height: inherit;
|
|
2936
2936
|
}
|
|
2937
|
-
:where(.Heading-module__hop-
|
|
2937
|
+
:where(.Heading-module__hop-Heading___gSY2V) {
|
|
2938
2938
|
margin: 0;
|
|
2939
2939
|
font-family: var(--font-family);
|
|
2940
2940
|
font-size: var(--font-size);
|
|
2941
2941
|
font-weight: var(--font-weight);
|
|
2942
2942
|
line-height: var(--line-height);
|
|
2943
2943
|
}
|
|
2944
|
-
:where(.Heading-module__hop-Heading--
|
|
2944
|
+
:where(.Heading-module__hop-Heading--xs___eEbWp) {
|
|
2945
2945
|
--font-size: var(--hop-Heading-xs-font-size);
|
|
2946
2946
|
--font-family: var(--hop-Heading-xs-font-family);
|
|
2947
2947
|
--font-weight: var(--hop-Heading-xs-font-weight);
|
|
2948
2948
|
--line-height: var(--hop-Heading-xs-line-height);
|
|
2949
2949
|
}
|
|
2950
|
-
:where(.Heading-module__hop-Heading--
|
|
2950
|
+
:where(.Heading-module__hop-Heading--sm___XW-eh) {
|
|
2951
2951
|
--font-size: var(--hop-Heading-sm-font-size);
|
|
2952
2952
|
--font-family: var(--hop-Heading-sm-font-family);
|
|
2953
2953
|
--font-weight: var(--hop-Heading-sm-font-weight);
|
|
2954
2954
|
--line-height: var(--hop-Heading-sm-line-height);
|
|
2955
2955
|
}
|
|
2956
|
-
:where(.Heading-module__hop-Heading--
|
|
2956
|
+
:where(.Heading-module__hop-Heading--md___4aHJY) {
|
|
2957
2957
|
--font-size: var(--hop-Heading-md-font-size);
|
|
2958
2958
|
--font-family: var(--hop-Heading-md-font-family);
|
|
2959
2959
|
--font-weight: var(--hop-Heading-md-font-weight);
|
|
2960
2960
|
--line-height: var(--hop-Heading-md-line-height);
|
|
2961
2961
|
}
|
|
2962
|
-
:where(.Heading-module__hop-Heading--
|
|
2962
|
+
:where(.Heading-module__hop-Heading--lg___2NCdP) {
|
|
2963
2963
|
--font-size: var(--hop-Heading-lg-font-size);
|
|
2964
2964
|
--font-family: var(--hop-Heading-lg-font-family);
|
|
2965
2965
|
--font-weight: var(--hop-Heading-lg-font-weight);
|
|
2966
2966
|
--line-height: var(--hop-Heading-lg-line-height);
|
|
2967
2967
|
}
|
|
2968
|
-
:where(.Heading-module__hop-Heading--
|
|
2968
|
+
:where(.Heading-module__hop-Heading--xl___njv3P) {
|
|
2969
2969
|
--font-size: var(--hop-Heading-xl-font-size);
|
|
2970
2970
|
--font-family: var(--hop-Heading-xl-font-family);
|
|
2971
2971
|
--font-weight: var(--hop-Heading-xl-font-weight);
|
|
2972
2972
|
--line-height: var(--hop-Heading-xl-line-height);
|
|
2973
2973
|
}
|
|
2974
|
-
:where(.Heading-module__hop-Heading--
|
|
2974
|
+
:where(.Heading-module__hop-Heading--2xl___GYFl2) {
|
|
2975
2975
|
--font-size: var(--hop-Heading-2xl-font-size);
|
|
2976
2976
|
--font-family: var(--hop-Heading-2xl-font-family);
|
|
2977
2977
|
--font-weight: var(--hop-Heading-2xl-font-weight);
|
|
2978
2978
|
--line-height: var(--hop-Heading-2xl-line-height);
|
|
2979
2979
|
}
|
|
2980
|
-
:where(.Heading-module__hop-Heading--
|
|
2980
|
+
:where(.Heading-module__hop-Heading--3xl___-2AIg) {
|
|
2981
2981
|
--font-size: var(--hop-Heading-3xl-font-size);
|
|
2982
2982
|
--font-family: var(--hop-Heading-3xl-font-family);
|
|
2983
2983
|
--font-weight: var(--hop-Heading-3xl-font-weight);
|
|
@@ -2985,7 +2985,7 @@
|
|
|
2985
2985
|
}
|
|
2986
2986
|
|
|
2987
2987
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
|
|
2988
|
-
.NumberField-module__hop-NumberField___-
|
|
2988
|
+
.NumberField-module__hop-NumberField___-KhBQ {
|
|
2989
2989
|
--hop-NumberField-gap: var(--hop-space-stack-xs);
|
|
2990
2990
|
--hop-NumberField-inline-size: 20rem;
|
|
2991
2991
|
--hop-NumberField-inline-size-fluid: 100%;
|
|
@@ -3033,30 +3033,30 @@
|
|
|
3033
3033
|
gap: var(--hop-NumberField-gap);
|
|
3034
3034
|
inline-size: var(--inline-size);
|
|
3035
3035
|
}
|
|
3036
|
-
.NumberField-module__hop-NumberField--
|
|
3036
|
+
.NumberField-module__hop-NumberField--fluid___r6jiH {
|
|
3037
3037
|
--inline-size: var(--hop-NumberField-inline-size-fluid);
|
|
3038
3038
|
}
|
|
3039
|
-
.NumberField-module__hop-NumberField--
|
|
3039
|
+
.NumberField-module__hop-NumberField--mobile___se7ji {
|
|
3040
3040
|
--input-group-template: var(--hop-NumberField-input-group-template-mobile);
|
|
3041
3041
|
--stepper-height: var(--hop-NumberField-stepper-height-mobile);
|
|
3042
3042
|
}
|
|
3043
|
-
.NumberField-module__hop-
|
|
3043
|
+
.NumberField-module__hop-NumberField__Label___-T2mX {
|
|
3044
3044
|
order: 0;
|
|
3045
3045
|
}
|
|
3046
|
-
.NumberField-module__hop-
|
|
3046
|
+
.NumberField-module__hop-NumberField__prefix___PQqSu {
|
|
3047
3047
|
grid-area: prefix;
|
|
3048
3048
|
margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
|
|
3049
3049
|
color: var(--hop-NumberField-prefix-color);
|
|
3050
3050
|
}
|
|
3051
|
-
.NumberField-module__hop-
|
|
3051
|
+
.NumberField-module__hop-NumberField__InputGroup___8vjtV {
|
|
3052
3052
|
grid-template: var(--input-group-template);
|
|
3053
3053
|
order: 1;
|
|
3054
3054
|
}
|
|
3055
|
-
.NumberField-module__hop-
|
|
3056
|
-
.NumberField-module__hop-
|
|
3055
|
+
.NumberField-module__hop-NumberField__ErrorMessage___OWip1,
|
|
3056
|
+
.NumberField-module__hop-NumberField__HelperMessage___uj86g {
|
|
3057
3057
|
order: 3;
|
|
3058
3058
|
}
|
|
3059
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
3059
|
+
.NumberField-module__hop-NumberField__stepper-button___BlTdu {
|
|
3060
3060
|
cursor: pointer;
|
|
3061
3061
|
display: flex;
|
|
3062
3062
|
grid-area: var(--grid-area, unset);
|
|
@@ -3077,55 +3077,55 @@
|
|
|
3077
3077
|
border-radius: var(--stepper-border-radius, 0);
|
|
3078
3078
|
outline: none;
|
|
3079
3079
|
}
|
|
3080
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
3080
|
+
.NumberField-module__hop-NumberField__stepper-button--increment___-8gVu {
|
|
3081
3081
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
|
|
3082
3082
|
--stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
|
|
3083
3083
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
|
|
3084
3084
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
|
|
3085
3085
|
--grid-area: stepup;
|
|
3086
3086
|
}
|
|
3087
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
3087
|
+
.NumberField-module__hop-NumberField__stepper-button--decrement___tNTwc {
|
|
3088
3088
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
|
|
3089
3089
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
|
|
3090
3090
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
|
|
3091
3091
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
|
|
3092
3092
|
--grid-area: stepdown;
|
|
3093
3093
|
}
|
|
3094
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
3094
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___MdIyc.NumberField-module__hop-NumberField__stepper-button--increment___-8gVu {
|
|
3095
3095
|
--stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
|
|
3096
3096
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
|
|
3097
3097
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
|
|
3098
3098
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
|
|
3099
3099
|
}
|
|
3100
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
3100
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___MdIyc.NumberField-module__hop-NumberField__stepper-button--decrement___tNTwc {
|
|
3101
3101
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
|
|
3102
3102
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
|
|
3103
3103
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
|
|
3104
3104
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
|
|
3105
3105
|
}
|
|
3106
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
3106
|
+
.NumberField-module__hop-NumberField__stepper-button___BlTdu[data-hovered] {
|
|
3107
3107
|
color: var(--hop-NumberField-stepper-color-hovered);
|
|
3108
3108
|
background-color: var(--hop-NumberField-stepper-background-color-hovered);
|
|
3109
3109
|
}
|
|
3110
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
3110
|
+
.NumberField-module__hop-NumberField__stepper-button___BlTdu[data-pressed] {
|
|
3111
3111
|
color: var(--hop-NumberField-stepper-color-pressed);
|
|
3112
3112
|
background-color: var(--hop-NumberField-stepper-background-color-pressed);
|
|
3113
3113
|
}
|
|
3114
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
3114
|
+
.NumberField-module__hop-NumberField__stepper-button___BlTdu[data-disabled] {
|
|
3115
3115
|
cursor: not-allowed;
|
|
3116
3116
|
color: var(--hop-NumberField-stepper-color-disabled);
|
|
3117
3117
|
background-color: var(--hop-NumberField-stepper-background-color-disabled);
|
|
3118
3118
|
}
|
|
3119
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
3119
|
+
.NumberField-module__hop-NumberField__stepper-button__icon___rmAQp {
|
|
3120
3120
|
display: block;
|
|
3121
3121
|
max-block-size: 100%;
|
|
3122
3122
|
}
|
|
3123
|
-
.NumberField-module__hop-
|
|
3123
|
+
.NumberField-module__hop-NumberField__input___IA6F1 {
|
|
3124
3124
|
grid-area: input;
|
|
3125
3125
|
}
|
|
3126
3126
|
|
|
3127
3127
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
|
|
3128
|
-
.TextArea-module__hop-
|
|
3128
|
+
.TextArea-module__hop-TextArea___nGCAY {
|
|
3129
3129
|
--hop-TextArea-gap: var(--hop-space-stack-xs);
|
|
3130
3130
|
--hop-TextArea-inline-size: 20rem;
|
|
3131
3131
|
--hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -3143,71 +3143,84 @@
|
|
|
3143
3143
|
inline-size: var(--inline-size);
|
|
3144
3144
|
max-inline-size: 100%;
|
|
3145
3145
|
}
|
|
3146
|
-
.TextArea-module__hop-TextArea--
|
|
3146
|
+
.TextArea-module__hop-TextArea--fluid___tOStF {
|
|
3147
3147
|
--inline-size: 100%;
|
|
3148
3148
|
}
|
|
3149
|
-
.TextArea-module__hop-
|
|
3149
|
+
.TextArea-module__hop-TextArea___nGCAY[data-resize-mode=vertical] {
|
|
3150
3150
|
--resize: vertical;
|
|
3151
3151
|
}
|
|
3152
|
-
.TextArea-module__hop-
|
|
3152
|
+
.TextArea-module__hop-TextArea___nGCAY[data-over-max-length] {
|
|
3153
3153
|
--char-count-color: var(--hop-TextArea-char-count-color-invalid);
|
|
3154
3154
|
}
|
|
3155
|
-
.TextArea-module__hop-
|
|
3155
|
+
.TextArea-module__hop-TextArea___nGCAY[data-disabled] {
|
|
3156
3156
|
--char-count-color: var(--hop-TextArea-char-count-color-disabled);
|
|
3157
3157
|
}
|
|
3158
|
-
.TextArea-module__hop-
|
|
3158
|
+
.TextArea-module__hop-TextArea__Label___7XDtF {
|
|
3159
3159
|
order: 0;
|
|
3160
3160
|
}
|
|
3161
|
-
.TextArea-module__hop-
|
|
3161
|
+
.TextArea-module__hop-TextArea__prefix___5sJCg {
|
|
3162
3162
|
color: var(--hop-TextArea-prefix-color);
|
|
3163
3163
|
}
|
|
3164
|
-
.TextArea-module__hop-
|
|
3164
|
+
.TextArea-module__hop-TextArea__InputGroup___bA0hN {
|
|
3165
3165
|
order: 1;
|
|
3166
3166
|
}
|
|
3167
|
-
.TextArea-module__hop-
|
|
3167
|
+
.TextArea-module__hop-TextArea__textarea___lSguM {
|
|
3168
3168
|
resize: var(--resize);
|
|
3169
3169
|
min-block-size: var(--hop-TextArea-input-min-height);
|
|
3170
3170
|
}
|
|
3171
|
-
.TextArea-module__hop-TextArea__char-
|
|
3171
|
+
.TextArea-module__hop-TextArea__char-count___yJIH- {
|
|
3172
3172
|
padding: var(--hop-TextArea-char-count-padding);
|
|
3173
3173
|
color: var(--char-count-color);
|
|
3174
3174
|
}
|
|
3175
|
-
.TextArea-module__hop-
|
|
3176
|
-
.TextArea-module__hop-
|
|
3175
|
+
.TextArea-module__hop-TextArea__ErrorMessage___h64Vh,
|
|
3176
|
+
.TextArea-module__hop-TextArea__HelperMessage___DhORP {
|
|
3177
3177
|
order: 3;
|
|
3178
3178
|
}
|
|
3179
3179
|
|
|
3180
3180
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
|
|
3181
|
-
.TextField-module__hop-
|
|
3181
|
+
.TextField-module__hop-TextField___hk6Yk {
|
|
3182
3182
|
--hop-TextField-gap: var(--hop-space-stack-xs);
|
|
3183
3183
|
--hop-TextField-inline-size: 20rem;
|
|
3184
3184
|
--hop-TextField-prefix-color: var(--hop-neutral-text-weak);
|
|
3185
|
+
--hop-TextField-char-count-color: var(--hop-neutral-text-weakest);
|
|
3186
|
+
--hop-TextField-char-count-color-disabled: var(--hop-neutral-text-disabled);
|
|
3187
|
+
--hop-TextField-char-count-color-invalid: var(--hop-danger-text-weak);
|
|
3185
3188
|
--inline-size: var(--hop-TextField-inline-size);
|
|
3189
|
+
--char-count-color: var(--hop-TextField-char-count-color);
|
|
3186
3190
|
display: flex;
|
|
3187
3191
|
flex-direction: column;
|
|
3188
3192
|
gap: var(--hop-TextField-gap);
|
|
3189
3193
|
inline-size: var(--inline-size);
|
|
3190
3194
|
max-inline-size: 100%;
|
|
3191
3195
|
}
|
|
3192
|
-
.TextField-module__hop-TextField--
|
|
3196
|
+
.TextField-module__hop-TextField--fluid___ZsmOR {
|
|
3193
3197
|
--inline-size: 100%;
|
|
3194
3198
|
}
|
|
3195
|
-
.TextField-module__hop-
|
|
3199
|
+
.TextField-module__hop-TextField___hk6Yk[data-over-max-length] {
|
|
3200
|
+
--char-count-color: var(--hop-TextField-char-count-color-invalid);
|
|
3201
|
+
}
|
|
3202
|
+
.TextField-module__hop-TextField___hk6Yk[data-disabled] {
|
|
3203
|
+
--char-count-color: var(--hop-TextField-char-count-color-disabled);
|
|
3204
|
+
}
|
|
3205
|
+
.TextField-module__hop-TextField__Label___imz7C {
|
|
3196
3206
|
order: 0;
|
|
3197
3207
|
}
|
|
3198
|
-
.TextField-module__hop-
|
|
3208
|
+
.TextField-module__hop-TextField__prefix___2ukPK {
|
|
3199
3209
|
color: var(--hop-TextField-prefix-color);
|
|
3200
3210
|
}
|
|
3201
|
-
.TextField-module__hop-
|
|
3211
|
+
.TextField-module__hop-TextField__char-count___aADbQ {
|
|
3212
|
+
color: var(--char-count-color);
|
|
3213
|
+
}
|
|
3214
|
+
.TextField-module__hop-TextField__InputGroup___c6vKu {
|
|
3202
3215
|
order: 1;
|
|
3203
3216
|
}
|
|
3204
|
-
.TextField-module__hop-
|
|
3205
|
-
.TextField-module__hop-
|
|
3217
|
+
.TextField-module__hop-TextField__ErrorMessage___EPMW6,
|
|
3218
|
+
.TextField-module__hop-TextField__HelperMessage___T2wjf {
|
|
3206
3219
|
order: 3;
|
|
3207
3220
|
}
|
|
3208
3221
|
|
|
3209
3222
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
|
|
3210
|
-
.PasswordField-module__hop-
|
|
3223
|
+
.PasswordField-module__hop-PasswordField___hmPci {
|
|
3211
3224
|
--hop-PasswordField-gap: var(--hop-space-stack-xs);
|
|
3212
3225
|
--hop-PasswordField-inline-size: 20rem;
|
|
3213
3226
|
--inline-size: var(--hop-PasswordField-inline-size);
|
|
@@ -3217,22 +3230,22 @@
|
|
|
3217
3230
|
inline-size: var(--inline-size);
|
|
3218
3231
|
max-inline-size: 100%;
|
|
3219
3232
|
}
|
|
3220
|
-
.PasswordField-module__hop-PasswordField--
|
|
3233
|
+
.PasswordField-module__hop-PasswordField--fluid___QgPUw {
|
|
3221
3234
|
--inline-size: 100%;
|
|
3222
3235
|
}
|
|
3223
|
-
.PasswordField-module__hop-
|
|
3236
|
+
.PasswordField-module__hop-PasswordField__Label___pdO7q {
|
|
3224
3237
|
order: 0;
|
|
3225
3238
|
}
|
|
3226
|
-
.PasswordField-module__hop-
|
|
3239
|
+
.PasswordField-module__hop-PasswordField__InputGroup___5BEGR {
|
|
3227
3240
|
order: 1;
|
|
3228
3241
|
}
|
|
3229
|
-
.PasswordField-module__hop-
|
|
3230
|
-
.PasswordField-module__hop-
|
|
3242
|
+
.PasswordField-module__hop-PasswordField__ErrorMessage___cTj33,
|
|
3243
|
+
.PasswordField-module__hop-PasswordField__HelperMessage___a7QjZ {
|
|
3231
3244
|
order: 3;
|
|
3232
3245
|
}
|
|
3233
3246
|
|
|
3234
3247
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
|
|
3235
|
-
.SearchField-module__hop-
|
|
3248
|
+
.SearchField-module__hop-SearchField___porIP {
|
|
3236
3249
|
--hop-SearchField-gap: var(--hop-space-stack-xs);
|
|
3237
3250
|
--hop-SearchField-inline-size: 20rem;
|
|
3238
3251
|
--hop-SearchField-color: var(--hop-neutral-text-weak);
|
|
@@ -3247,39 +3260,39 @@
|
|
|
3247
3260
|
inline-size: var(--inline-size);
|
|
3248
3261
|
max-inline-size: 100%;
|
|
3249
3262
|
}
|
|
3250
|
-
.SearchField-module__hop-SearchField--
|
|
3263
|
+
.SearchField-module__hop-SearchField--fluid___Zmi0a {
|
|
3251
3264
|
--inline-size: 100%;
|
|
3252
3265
|
}
|
|
3253
|
-
.SearchField-module__hop-
|
|
3266
|
+
.SearchField-module__hop-SearchField__Label___FRVg6 {
|
|
3254
3267
|
order: 0;
|
|
3255
3268
|
}
|
|
3256
|
-
.SearchField-module__hop-
|
|
3269
|
+
.SearchField-module__hop-SearchField__prefix___Ft5xn {
|
|
3257
3270
|
color: var(--hop-SearchField-color);
|
|
3258
3271
|
}
|
|
3259
|
-
.SearchField-module__hop-
|
|
3272
|
+
.SearchField-module__hop-SearchField__InputGroup___up43t {
|
|
3260
3273
|
order: 1;
|
|
3261
3274
|
padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
|
|
3262
3275
|
}
|
|
3263
|
-
.SearchField-module__hop-SearchField--
|
|
3276
|
+
.SearchField-module__hop-SearchField--clearable___kZ2Cn {
|
|
3264
3277
|
--input-group-padding-inline-end: 0;
|
|
3265
3278
|
}
|
|
3266
|
-
.SearchField-module__hop-
|
|
3267
|
-
.SearchField-module__hop-
|
|
3279
|
+
.SearchField-module__hop-SearchField__ErrorMessage___W28CU,
|
|
3280
|
+
.SearchField-module__hop-SearchField__HelperMessage___84FAI {
|
|
3268
3281
|
order: 3;
|
|
3269
3282
|
}
|
|
3270
|
-
.SearchField-module__hop-
|
|
3271
|
-
.SearchField-module__hop-
|
|
3283
|
+
.SearchField-module__hop-SearchField___porIP input::-webkit-search-cancel-button,
|
|
3284
|
+
.SearchField-module__hop-SearchField___porIP input::-webkit-search-decoration {
|
|
3272
3285
|
appearance: none;
|
|
3273
3286
|
}
|
|
3274
|
-
.SearchField-module__hop-
|
|
3287
|
+
.SearchField-module__hop-SearchField___porIP[data-empty] {
|
|
3275
3288
|
--clear-button-display: none;
|
|
3276
3289
|
}
|
|
3277
|
-
.SearchField-module__hop-
|
|
3290
|
+
.SearchField-module__hop-SearchField__ClearButton___hA3ul {
|
|
3278
3291
|
display: var(--clear-button-display);
|
|
3279
3292
|
}
|
|
3280
3293
|
|
|
3281
3294
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
|
|
3282
|
-
.Link-module__hop-
|
|
3295
|
+
.Link-module__hop-Link___PIma8 {
|
|
3283
3296
|
--hop-Link-border-radius: var(--hop-shape-rounded-sm);
|
|
3284
3297
|
--hop-Link-focus-ring-color: var(--hop-primary-border-focus);
|
|
3285
3298
|
--hop-Link-color-disabled: var(--hop-neutral-text-disabled);
|
|
@@ -3304,59 +3317,59 @@
|
|
|
3304
3317
|
outline: none;
|
|
3305
3318
|
outline-offset: 0.125rem;
|
|
3306
3319
|
}
|
|
3307
|
-
.Link-module__hop-
|
|
3320
|
+
.Link-module__hop-Link___PIma8[data-focus-visible] {
|
|
3308
3321
|
outline: 0.125rem solid var(--hop-Link-focus-ring-color);
|
|
3309
3322
|
}
|
|
3310
|
-
.Link-module__hop-
|
|
3323
|
+
.Link-module__hop-Link___PIma8[data-disabled] {
|
|
3311
3324
|
cursor: default;
|
|
3312
3325
|
}
|
|
3313
|
-
.Link-module__hop-Link--
|
|
3314
|
-
.Link-module__hop-Link--
|
|
3326
|
+
.Link-module__hop-Link--quiet___iZPH-[data-focus-visible],
|
|
3327
|
+
.Link-module__hop-Link--quiet___iZPH-[data-hovered] {
|
|
3315
3328
|
text-decoration: underline;
|
|
3316
3329
|
}
|
|
3317
|
-
.Link-module__hop-
|
|
3330
|
+
.Link-module__hop-Link___PIma8:not(.Link-module__hop-Link--quiet___iZPH-) {
|
|
3318
3331
|
text-decoration: underline;
|
|
3319
3332
|
}
|
|
3320
|
-
.Link-module__hop-Link--
|
|
3333
|
+
.Link-module__hop-Link--primary___-c45k {
|
|
3321
3334
|
color: var(--hop-Link-primary-text-color);
|
|
3322
3335
|
}
|
|
3323
|
-
.Link-module__hop-Link--
|
|
3336
|
+
.Link-module__hop-Link--primary___-c45k[data-disabled] {
|
|
3324
3337
|
color: var(--hop-Link-primary-text-disabled-color);
|
|
3325
3338
|
}
|
|
3326
|
-
.Link-module__hop-Link--
|
|
3327
|
-
.Link-module__hop-Link--
|
|
3339
|
+
.Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-focus-visible],
|
|
3340
|
+
.Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-hovered] {
|
|
3328
3341
|
color: var(--hop-Link-primary-text-hover-color);
|
|
3329
3342
|
}
|
|
3330
|
-
.Link-module__hop-Link--
|
|
3343
|
+
.Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-pressed] {
|
|
3331
3344
|
color: var(--hop-Link-primary-text-pressed-color);
|
|
3332
3345
|
}
|
|
3333
|
-
.Link-module__hop-Link--
|
|
3346
|
+
.Link-module__hop-Link--secondary___G8IxK {
|
|
3334
3347
|
color: var(--hop-Link-neutral-text-color);
|
|
3335
3348
|
}
|
|
3336
|
-
.Link-module__hop-Link--
|
|
3349
|
+
.Link-module__hop-Link--secondary___G8IxK[data-disabled] {
|
|
3337
3350
|
color: var(--hop-Link-neutral-text-disabled-color);
|
|
3338
3351
|
}
|
|
3339
|
-
.Link-module__hop-Link--
|
|
3340
|
-
.Link-module__hop-Link--
|
|
3352
|
+
.Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-focus-visible],
|
|
3353
|
+
.Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-hovered] {
|
|
3341
3354
|
color: var(--hop-Link-neutral-text-hover-color);
|
|
3342
3355
|
}
|
|
3343
|
-
.Link-module__hop-Link--
|
|
3356
|
+
.Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-pressed] {
|
|
3344
3357
|
color: var(--hop-Link-neutral-text-pressed-color);
|
|
3345
3358
|
}
|
|
3346
|
-
.Link-module__hop-
|
|
3347
|
-
.Link-module__hop-Link__icon-
|
|
3359
|
+
.Link-module__hop-Link__icon___ufhw2,
|
|
3360
|
+
.Link-module__hop-Link__icon-list___V22Fg {
|
|
3348
3361
|
order: 2;
|
|
3349
3362
|
}
|
|
3350
|
-
.Link-module__hop-
|
|
3363
|
+
.Link-module__hop-Link__text___Nks7k {
|
|
3351
3364
|
order: 1;
|
|
3352
3365
|
}
|
|
3353
|
-
.Link-module__hop-Link__start-
|
|
3354
|
-
.Link-module__hop-Link__start-icon-
|
|
3366
|
+
.Link-module__hop-Link__start-icon___JC61y,
|
|
3367
|
+
.Link-module__hop-Link__start-icon-list___zs30P {
|
|
3355
3368
|
order: 0;
|
|
3356
3369
|
}
|
|
3357
3370
|
|
|
3358
3371
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
|
|
3359
|
-
.Switch-module__hop-
|
|
3372
|
+
.Switch-module__hop-Switch___uGj2- {
|
|
3360
3373
|
--hop-Switch-border-size: 0.0625rem;
|
|
3361
3374
|
--hop-Switch-border-color: var(--hop-neutral-border);
|
|
3362
3375
|
--hop-Switch-border-radius: var(--hop-shape-rounded-lg);
|
|
@@ -3413,56 +3426,56 @@
|
|
|
3413
3426
|
inline-size: max-content;
|
|
3414
3427
|
max-inline-size: 100%;
|
|
3415
3428
|
}
|
|
3416
|
-
.Switch-module__hop-Switch--
|
|
3429
|
+
.Switch-module__hop-Switch--sm___HYfto {
|
|
3417
3430
|
--inline-size: var(--hop-Switch-inline-size-sm);
|
|
3418
3431
|
--block-size: var(--hop-Switch-block-size-sm);
|
|
3419
3432
|
--thumb-size: var(--hop-Switch-thumb-size-sm);
|
|
3420
3433
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
|
|
3421
3434
|
--text-top-offset: var(--hop-Switch-text-top-offset-sm);
|
|
3422
3435
|
}
|
|
3423
|
-
.Switch-module__hop-Switch--
|
|
3436
|
+
.Switch-module__hop-Switch--md___AfBBH {
|
|
3424
3437
|
--inline-size: var(--hop-Switch-inline-size-md);
|
|
3425
3438
|
--block-size: var(--hop-Switch-block-size-md);
|
|
3426
3439
|
--thumb-size: var(--hop-Switch-thumb-size-md);
|
|
3427
3440
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-md);
|
|
3428
3441
|
--text-top-offset: var(--hop-Switch-text-top-offset-md);
|
|
3429
3442
|
}
|
|
3430
|
-
.Switch-module__hop-
|
|
3443
|
+
.Switch-module__hop-Switch___uGj2-[data-hovered] {
|
|
3431
3444
|
--border-color: var(--hop-Switch-border-color-hover);
|
|
3432
3445
|
--background-color: var(--hop-Switch-background-color-hover);
|
|
3433
3446
|
--thumb-color: var(--hop-Switch-thumb-color-hover);
|
|
3434
3447
|
--text-color: var(--hop-Switch-text-color-hover);
|
|
3435
3448
|
}
|
|
3436
|
-
.Switch-module__hop-
|
|
3437
|
-
.Switch-module__hop-
|
|
3449
|
+
.Switch-module__hop-Switch___uGj2-[data-pressed],
|
|
3450
|
+
.Switch-module__hop-Switch___uGj2-[data-pressed][data-focus-visible] {
|
|
3438
3451
|
--border-color: var(--hop-Switch-border-color-pressed);
|
|
3439
3452
|
--background-color: var(--hop-Switch-background-color-pressed);
|
|
3440
3453
|
--thumb-color: var(--hop-Switch-thumb-color-pressed);
|
|
3441
3454
|
--text-color: var(--hop-Switch-text-color-pressed);
|
|
3442
3455
|
}
|
|
3443
|
-
.Switch-module__hop-
|
|
3456
|
+
.Switch-module__hop-Switch___uGj2-[data-focus-visible] {
|
|
3444
3457
|
--border-color: var(--hop-Switch-border-color-focus);
|
|
3445
3458
|
--background-color: var(--hop-Switch-background-color-focus);
|
|
3446
3459
|
--thumb-color: var(--hop-Switch-thumb-color-focus);
|
|
3447
3460
|
--outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
|
|
3448
3461
|
--text-color: var(--hop-Switch-text-color-focus);
|
|
3449
3462
|
}
|
|
3450
|
-
.Switch-module__hop-
|
|
3451
|
-
.Switch-module__hop-
|
|
3463
|
+
.Switch-module__hop-Switch___uGj2-[data-selected],
|
|
3464
|
+
.Switch-module__hop-Switch___uGj2-[data-selected][data-pressed] {
|
|
3452
3465
|
--border-color: var(--hop-Switch-border-color-selected);
|
|
3453
3466
|
--background-color: var(--hop-Switch-background-color-selected);
|
|
3454
3467
|
--thumb-color: var(--hop-Switch-thumb-color-selected);
|
|
3455
3468
|
--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%);
|
|
3456
3469
|
--text-color: var(--hop-Switch-text-color-selected);
|
|
3457
3470
|
}
|
|
3458
|
-
.Switch-module__hop-
|
|
3471
|
+
.Switch-module__hop-Switch___uGj2-[data-disabled] {
|
|
3459
3472
|
--border-color: var(--hop-Switch-border-color-disabled);
|
|
3460
3473
|
--background-color: var(--hop-Switch-background-color-disabled);
|
|
3461
3474
|
--thumb-color: var(--hop-Switch-thumb-color-disabled);
|
|
3462
3475
|
--text-color: var(--hop-Switch-text-color-disabled);
|
|
3463
3476
|
--cursor: not-allowed;
|
|
3464
3477
|
}
|
|
3465
|
-
.Switch-module__hop-
|
|
3478
|
+
.Switch-module__hop-Switch__indicator___nXNzx {
|
|
3466
3479
|
position: relative;
|
|
3467
3480
|
flex: 0 0 auto;
|
|
3468
3481
|
box-sizing: border-box;
|
|
@@ -3475,7 +3488,7 @@
|
|
|
3475
3488
|
outline-offset: 0.125rem;
|
|
3476
3489
|
transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
|
|
3477
3490
|
}
|
|
3478
|
-
.Switch-module__hop-
|
|
3491
|
+
.Switch-module__hop-Switch__indicator___nXNzx::before {
|
|
3479
3492
|
content: "";
|
|
3480
3493
|
position: absolute;
|
|
3481
3494
|
inset-block-start: 50%;
|
|
@@ -3490,20 +3503,20 @@
|
|
|
3490
3503
|
border-radius: var(--hop-shape-circle);
|
|
3491
3504
|
transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
|
|
3492
3505
|
}
|
|
3493
|
-
.Switch-module__hop-
|
|
3506
|
+
.Switch-module__hop-Switch__text___AVZma {
|
|
3494
3507
|
flex: 0 1 auto;
|
|
3495
3508
|
order: 2;
|
|
3496
3509
|
min-inline-size: 0;
|
|
3497
3510
|
margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
|
|
3498
3511
|
color: var(--text-color);
|
|
3499
3512
|
}
|
|
3500
|
-
.Switch-module__hop-Switch__icon-
|
|
3501
|
-
.Switch-module__hop-
|
|
3513
|
+
.Switch-module__hop-Switch__icon-list___m-I5f,
|
|
3514
|
+
.Switch-module__hop-Switch__icon___YH2YF {
|
|
3502
3515
|
order: 3;
|
|
3503
3516
|
}
|
|
3504
3517
|
|
|
3505
3518
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
|
|
3506
|
-
.SwitchField-module__hop-
|
|
3519
|
+
.SwitchField-module__hop-SwitchField___EaVpL {
|
|
3507
3520
|
--hop-SwitchField-description-color: var(--hop-neutral-text-weak);
|
|
3508
3521
|
--hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
3509
3522
|
--hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -3522,28 +3535,28 @@
|
|
|
3522
3535
|
inline-size: max-content;
|
|
3523
3536
|
max-inline-size: 100%;
|
|
3524
3537
|
}
|
|
3525
|
-
.SwitchField-module__hop-
|
|
3538
|
+
.SwitchField-module__hop-SwitchField___EaVpL[data-disabled] {
|
|
3526
3539
|
--description-color: var(--hop-SwitchField-description-color-disabled);
|
|
3527
3540
|
}
|
|
3528
|
-
.SwitchField-module__hop-SwitchField--
|
|
3541
|
+
.SwitchField-module__hop-SwitchField--sm___c6i7N {
|
|
3529
3542
|
--row-gap: var(--hop-SwitchField-sm-row-gap);
|
|
3530
3543
|
--description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
|
|
3531
3544
|
}
|
|
3532
|
-
.SwitchField-module__hop-SwitchField--
|
|
3545
|
+
.SwitchField-module__hop-SwitchField--md___i47Sq {
|
|
3533
3546
|
--row-gap: var(--hop-SwitchField-md-row-gap);
|
|
3534
3547
|
--description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
|
|
3535
3548
|
}
|
|
3536
|
-
.SwitchField-module__hop-
|
|
3549
|
+
.SwitchField-module__hop-SwitchField__description___pZVyu {
|
|
3537
3550
|
order: 2;
|
|
3538
3551
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
|
|
3539
3552
|
color: var(--description-color);
|
|
3540
3553
|
}
|
|
3541
|
-
.SwitchField-module__hop-
|
|
3554
|
+
.SwitchField-module__hop-SwitchField__switch___5zOgG {
|
|
3542
3555
|
order: 1;
|
|
3543
3556
|
}
|
|
3544
3557
|
|
|
3545
3558
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
|
|
3546
|
-
.Tag-module__hop-
|
|
3559
|
+
.Tag-module__hop-Tag___6kkA1 {
|
|
3547
3560
|
--hop-Tag-border-size: 0.0625rem;
|
|
3548
3561
|
--hop-Tag-border-radius: var(--hop-shape-pill);
|
|
3549
3562
|
--hop-Tag-sm-block-size: 1.25rem;
|
|
@@ -3782,7 +3795,7 @@
|
|
|
3782
3795
|
outline: none;
|
|
3783
3796
|
outline-offset: 0.125rem;
|
|
3784
3797
|
}
|
|
3785
|
-
.Tag-module__hop-Tag--
|
|
3798
|
+
.Tag-module__hop-Tag--sm___ZpTSw {
|
|
3786
3799
|
--block-size: var(--hop-Tag-sm-block-size);
|
|
3787
3800
|
--padding-inline: var(--hop-Tag-sm-padding-inline);
|
|
3788
3801
|
--column-gap: var(--hop-Tag-sm-column-gap);
|
|
@@ -3790,13 +3803,13 @@
|
|
|
3790
3803
|
--avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
|
|
3791
3804
|
--spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
|
|
3792
3805
|
}
|
|
3793
|
-
.Tag-module__hop-Tag--
|
|
3806
|
+
.Tag-module__hop-Tag--sm___ZpTSw:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
|
|
3794
3807
|
--badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
|
|
3795
3808
|
}
|
|
3796
|
-
.Tag-module__hop-Tag--
|
|
3809
|
+
.Tag-module__hop-Tag--sm___ZpTSw:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
|
|
3797
3810
|
--icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
|
|
3798
3811
|
}
|
|
3799
|
-
.Tag-module__hop-Tag--
|
|
3812
|
+
.Tag-module__hop-Tag--md___oBQFD {
|
|
3800
3813
|
--block-size: var(--hop-Tag-md-block-size);
|
|
3801
3814
|
--padding-inline: var(--hop-Tag-md-padding-inline);
|
|
3802
3815
|
--column-gap: var(--hop-Tag-md-column-gap);
|
|
@@ -3804,13 +3817,13 @@
|
|
|
3804
3817
|
--avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
|
|
3805
3818
|
--spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
|
|
3806
3819
|
}
|
|
3807
|
-
.Tag-module__hop-Tag--
|
|
3820
|
+
.Tag-module__hop-Tag--md___oBQFD:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
|
|
3808
3821
|
--badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
|
|
3809
3822
|
}
|
|
3810
|
-
.Tag-module__hop-Tag--
|
|
3823
|
+
.Tag-module__hop-Tag--md___oBQFD:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
|
|
3811
3824
|
--icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
|
|
3812
3825
|
}
|
|
3813
|
-
.Tag-module__hop-Tag--
|
|
3826
|
+
.Tag-module__hop-Tag--lg___uyvYq {
|
|
3814
3827
|
--block-size: var(--hop-Tag-lg-block-size);
|
|
3815
3828
|
--padding-inline: var(--hop-Tag-lg-padding-inline);
|
|
3816
3829
|
--column-gap: var(--hop-Tag-lg-column-gap);
|
|
@@ -3818,348 +3831,348 @@
|
|
|
3818
3831
|
--avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
|
|
3819
3832
|
--spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
|
|
3820
3833
|
}
|
|
3821
|
-
.Tag-module__hop-Tag--
|
|
3834
|
+
.Tag-module__hop-Tag--lg___uyvYq:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
|
|
3822
3835
|
--badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
|
|
3823
3836
|
}
|
|
3824
|
-
.Tag-module__hop-Tag--
|
|
3837
|
+
.Tag-module__hop-Tag--lg___uyvYq:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
|
|
3825
3838
|
--icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
|
|
3826
3839
|
}
|
|
3827
|
-
.Tag-module__hop-Tag--
|
|
3840
|
+
.Tag-module__hop-Tag--neutral___jWg4j {
|
|
3828
3841
|
--border-color: var(--hop-Tag-neutral-border-color);
|
|
3829
3842
|
--background-color: var(--hop-Tag-neutral-background-color);
|
|
3830
3843
|
--text-color: var(--hop-Tag-neutral-text-color);
|
|
3831
3844
|
}
|
|
3832
|
-
.Tag-module__hop-Tag--
|
|
3845
|
+
.Tag-module__hop-Tag--subdued___fZeA5 {
|
|
3833
3846
|
--border-color: var(--hop-Tag-subdued-border-color);
|
|
3834
3847
|
--background-color: var(--hop-Tag-subdued-background-color);
|
|
3835
3848
|
--text-color: var(--hop-Tag-subdued-text-color);
|
|
3836
3849
|
}
|
|
3837
|
-
.Tag-module__hop-Tag--
|
|
3850
|
+
.Tag-module__hop-Tag--progress___A0oR6 {
|
|
3838
3851
|
--border-color: var(--hop-Tag-progress-border-color);
|
|
3839
3852
|
--background-color: var(--hop-Tag-progress-background-color);
|
|
3840
3853
|
--text-color: var(--hop-Tag-progress-text-color);
|
|
3841
3854
|
}
|
|
3842
|
-
.Tag-module__hop-Tag--
|
|
3855
|
+
.Tag-module__hop-Tag--positive___pgIee {
|
|
3843
3856
|
--border-color: var(--hop-Tag-positive-border-color);
|
|
3844
3857
|
--background-color: var(--hop-Tag-positive-background-color);
|
|
3845
3858
|
--text-color: var(--hop-Tag-positive-text-color);
|
|
3846
3859
|
}
|
|
3847
|
-
.Tag-module__hop-Tag--
|
|
3860
|
+
.Tag-module__hop-Tag--caution___58PpF {
|
|
3848
3861
|
--border-color: var(--hop-Tag-caution-border-color);
|
|
3849
3862
|
--background-color: var(--hop-Tag-caution-background-color);
|
|
3850
3863
|
--text-color: var(--hop-Tag-caution-text-color);
|
|
3851
3864
|
}
|
|
3852
|
-
.Tag-module__hop-Tag--
|
|
3865
|
+
.Tag-module__hop-Tag--negative___PZwTR {
|
|
3853
3866
|
--border-color: var(--hop-Tag-negative-border-color);
|
|
3854
3867
|
--background-color: var(--hop-Tag-negative-background-color);
|
|
3855
3868
|
--text-color: var(--hop-Tag-negative-text-color);
|
|
3856
3869
|
}
|
|
3857
|
-
.Tag-module__hop-Tag--
|
|
3870
|
+
.Tag-module__hop-Tag--option1___A0sb0 {
|
|
3858
3871
|
--border-color: var(--hop-Tag-option1-border-color);
|
|
3859
3872
|
--background-color: var(--hop-Tag-option1-background-color);
|
|
3860
3873
|
--text-color: var(--hop-Tag-option1-text-color);
|
|
3861
3874
|
}
|
|
3862
|
-
.Tag-module__hop-Tag--
|
|
3875
|
+
.Tag-module__hop-Tag--option2___vjYIv {
|
|
3863
3876
|
--border-color: var(--hop-Tag-option2-border-color);
|
|
3864
3877
|
--background-color: var(--hop-Tag-option2-background-color);
|
|
3865
3878
|
--text-color: var(--hop-Tag-option2-text-color);
|
|
3866
3879
|
}
|
|
3867
|
-
.Tag-module__hop-Tag--
|
|
3880
|
+
.Tag-module__hop-Tag--option3___NPGVI {
|
|
3868
3881
|
--border-color: var(--hop-Tag-option3-border-color);
|
|
3869
3882
|
--background-color: var(--hop-Tag-option3-background-color);
|
|
3870
3883
|
--text-color: var(--hop-Tag-option3-text-color);
|
|
3871
3884
|
}
|
|
3872
|
-
.Tag-module__hop-Tag--
|
|
3885
|
+
.Tag-module__hop-Tag--option4___tTOij {
|
|
3873
3886
|
--border-color: var(--hop-Tag-option4-border-color);
|
|
3874
3887
|
--background-color: var(--hop-Tag-option4-background-color);
|
|
3875
3888
|
--text-color: var(--hop-Tag-option4-text-color);
|
|
3876
3889
|
}
|
|
3877
|
-
.Tag-module__hop-Tag--
|
|
3890
|
+
.Tag-module__hop-Tag--option5___9-b0i {
|
|
3878
3891
|
--border-color: var(--hop-Tag-option5-border-color);
|
|
3879
3892
|
--background-color: var(--hop-Tag-option5-background-color);
|
|
3880
3893
|
--text-color: var(--hop-Tag-option5-text-color);
|
|
3881
3894
|
}
|
|
3882
|
-
.Tag-module__hop-Tag--
|
|
3895
|
+
.Tag-module__hop-Tag--option6___j6qym {
|
|
3883
3896
|
--border-color: var(--hop-Tag-option6-border-color);
|
|
3884
3897
|
--background-color: var(--hop-Tag-option6-background-color);
|
|
3885
3898
|
--text-color: var(--hop-Tag-option6-text-color);
|
|
3886
3899
|
}
|
|
3887
|
-
.Tag-module__hop-
|
|
3900
|
+
.Tag-module__hop-Tag___6kkA1[data-href] {
|
|
3888
3901
|
cursor: pointer;
|
|
3889
3902
|
}
|
|
3890
|
-
.Tag-module__hop-Tag--
|
|
3903
|
+
.Tag-module__hop-Tag--neutral___jWg4j[data-focus-visible] {
|
|
3891
3904
|
--border-color: var(--hop-Tag-neutral-border-color-focus);
|
|
3892
3905
|
--background-color: var(--hop-Tag-neutral-background-color-focus);
|
|
3893
3906
|
--text-color: var(--hop-Tag-neutral-text-color-focus);
|
|
3894
3907
|
}
|
|
3895
|
-
.Tag-module__hop-Tag--
|
|
3908
|
+
.Tag-module__hop-Tag--neutral___jWg4j[data-hovered] {
|
|
3896
3909
|
--border-color: var(--hop-Tag-neutral-border-color-hover);
|
|
3897
3910
|
--background-color: var(--hop-Tag-neutral-background-color-hover);
|
|
3898
3911
|
--text-color: var(--hop-Tag-neutral-text-color-hover);
|
|
3899
3912
|
}
|
|
3900
|
-
.Tag-module__hop-Tag--
|
|
3913
|
+
.Tag-module__hop-Tag--neutral___jWg4j[data-pressed] {
|
|
3901
3914
|
--border-color: var(--hop-Tag-neutral-border-color-press);
|
|
3902
3915
|
--background-color: var(--hop-Tag-neutral-background-color-press);
|
|
3903
3916
|
--text-color: var(--hop-Tag-neutral-text-color-press);
|
|
3904
3917
|
}
|
|
3905
|
-
.Tag-module__hop-Tag--
|
|
3918
|
+
.Tag-module__hop-Tag--neutral___jWg4j[data-disabled] {
|
|
3906
3919
|
--border-color: var(--hop-Tag-neutral-border-color-disabled);
|
|
3907
3920
|
--background-color: var(--hop-Tag-neutral-background-color-disabled);
|
|
3908
3921
|
--text-color: var(--hop-Tag-neutral-text-color-disabled);
|
|
3909
3922
|
}
|
|
3910
|
-
.Tag-module__hop-Tag--
|
|
3923
|
+
.Tag-module__hop-Tag--subdued___fZeA5[data-focus-visible] {
|
|
3911
3924
|
--border-color: var(--hop-Tag-subdued-border-color-focus);
|
|
3912
3925
|
--background-color: var(--hop-Tag-subdued-background-color-focus);
|
|
3913
3926
|
--text-color: var(--hop-Tag-subdued-text-color-focus);
|
|
3914
3927
|
}
|
|
3915
|
-
.Tag-module__hop-Tag--
|
|
3928
|
+
.Tag-module__hop-Tag--subdued___fZeA5[data-hovered] {
|
|
3916
3929
|
--border-color: var(--hop-Tag-subdued-border-color-hover);
|
|
3917
3930
|
--background-color: var(--hop-Tag-subdued-background-color-hover);
|
|
3918
3931
|
--text-color: var(--hop-Tag-subdued-text-color-hover);
|
|
3919
3932
|
}
|
|
3920
|
-
.Tag-module__hop-Tag--
|
|
3933
|
+
.Tag-module__hop-Tag--subdued___fZeA5[data-pressed] {
|
|
3921
3934
|
--border-color: var(--hop-Tag-subdued-border-color-press);
|
|
3922
3935
|
--background-color: var(--hop-Tag-subdued-background-color-press);
|
|
3923
3936
|
--text-color: var(--hop-Tag-subdued-text-color-press);
|
|
3924
3937
|
}
|
|
3925
|
-
.Tag-module__hop-Tag--
|
|
3938
|
+
.Tag-module__hop-Tag--subdued___fZeA5[data-disabled] {
|
|
3926
3939
|
--border-color: var(--hop-Tag-subdued-border-color-disabled);
|
|
3927
3940
|
--background-color: var(--hop-Tag-subdued-background-color-disabled);
|
|
3928
3941
|
--text-color: var(--hop-Tag-subdued-text-color-disabled);
|
|
3929
3942
|
}
|
|
3930
|
-
.Tag-module__hop-Tag--
|
|
3943
|
+
.Tag-module__hop-Tag--progress___A0oR6[data-focus-visible] {
|
|
3931
3944
|
--border-color: var(--hop-Tag-progress-border-color-focus);
|
|
3932
3945
|
--background-color: var(--hop-Tag-progress-background-color-focus);
|
|
3933
3946
|
--text-color: var(--hop-Tag-progress-text-color-focus);
|
|
3934
3947
|
}
|
|
3935
|
-
.Tag-module__hop-Tag--
|
|
3948
|
+
.Tag-module__hop-Tag--progress___A0oR6[data-hovered] {
|
|
3936
3949
|
--border-color: var(--hop-Tag-progress-border-color-hover);
|
|
3937
3950
|
--background-color: var(--hop-Tag-progress-background-color-hover);
|
|
3938
3951
|
--text-color: var(--hop-Tag-progress-text-color-hover);
|
|
3939
3952
|
}
|
|
3940
|
-
.Tag-module__hop-Tag--
|
|
3953
|
+
.Tag-module__hop-Tag--progress___A0oR6[data-pressed] {
|
|
3941
3954
|
--border-color: var(--hop-Tag-progress-border-color-press);
|
|
3942
3955
|
--background-color: var(--hop-Tag-progress-background-color-press);
|
|
3943
3956
|
--text-color: var(--hop-Tag-progress-text-color-press);
|
|
3944
3957
|
}
|
|
3945
|
-
.Tag-module__hop-Tag--
|
|
3958
|
+
.Tag-module__hop-Tag--progress___A0oR6[data-disabled] {
|
|
3946
3959
|
--border-color: var(--hop-Tag-progress-border-color-disabled);
|
|
3947
3960
|
--background-color: var(--hop-Tag-progress-background-color-disabled);
|
|
3948
3961
|
--text-color: var(--hop-Tag-progress-text-color-disabled);
|
|
3949
3962
|
}
|
|
3950
|
-
.Tag-module__hop-Tag--
|
|
3963
|
+
.Tag-module__hop-Tag--positive___pgIee[data-focus-visible] {
|
|
3951
3964
|
--border-color: var(--hop-Tag-positive-border-color-focus);
|
|
3952
3965
|
--background-color: var(--hop-Tag-positive-background-color-focus);
|
|
3953
3966
|
--text-color: var(--hop-Tag-positive-text-color-focus);
|
|
3954
3967
|
}
|
|
3955
|
-
.Tag-module__hop-Tag--
|
|
3968
|
+
.Tag-module__hop-Tag--positive___pgIee[data-hovered] {
|
|
3956
3969
|
--border-color: var(--hop-Tag-positive-border-color-hover);
|
|
3957
3970
|
--background-color: var(--hop-Tag-positive-background-color-hover);
|
|
3958
3971
|
--text-color: var(--hop-Tag-positive-text-color-hover);
|
|
3959
3972
|
}
|
|
3960
|
-
.Tag-module__hop-Tag--
|
|
3973
|
+
.Tag-module__hop-Tag--positive___pgIee[data-pressed] {
|
|
3961
3974
|
--border-color: var(--hop-Tag-positive-border-color-press);
|
|
3962
3975
|
--background-color: var(--hop-Tag-positive-background-color-press);
|
|
3963
3976
|
--text-color: var(--hop-Tag-positive-text-color-press);
|
|
3964
3977
|
}
|
|
3965
|
-
.Tag-module__hop-Tag--
|
|
3978
|
+
.Tag-module__hop-Tag--positive___pgIee[data-disabled] {
|
|
3966
3979
|
--border-color: var(--hop-Tag-positive-border-color-disabled);
|
|
3967
3980
|
--background-color: var(--hop-Tag-positive-background-color-disabled);
|
|
3968
3981
|
--text-color: var(--hop-Tag-positive-text-color-disabled);
|
|
3969
3982
|
}
|
|
3970
|
-
.Tag-module__hop-Tag--
|
|
3983
|
+
.Tag-module__hop-Tag--caution___58PpF[data-focus-visible] {
|
|
3971
3984
|
--border-color: var(--hop-Tag-caution-border-color-focus);
|
|
3972
3985
|
--background-color: var(--hop-Tag-caution-background-color-focus);
|
|
3973
3986
|
--text-color: var(--hop-Tag-caution-text-color-focus);
|
|
3974
3987
|
}
|
|
3975
|
-
.Tag-module__hop-Tag--
|
|
3988
|
+
.Tag-module__hop-Tag--caution___58PpF[data-hovered] {
|
|
3976
3989
|
--border-color: var(--hop-Tag-caution-border-color-hover);
|
|
3977
3990
|
--background-color: var(--hop-Tag-caution-background-color-hover);
|
|
3978
3991
|
--text-color: var(--hop-Tag-caution-text-color-hover);
|
|
3979
3992
|
}
|
|
3980
|
-
.Tag-module__hop-Tag--
|
|
3993
|
+
.Tag-module__hop-Tag--caution___58PpF[data-pressed] {
|
|
3981
3994
|
--border-color: var(--hop-Tag-caution-border-color-press);
|
|
3982
3995
|
--background-color: var(--hop-Tag-caution-background-color-press);
|
|
3983
3996
|
--text-color: var(--hop-Tag-caution-text-color-press);
|
|
3984
3997
|
}
|
|
3985
|
-
.Tag-module__hop-Tag--
|
|
3998
|
+
.Tag-module__hop-Tag--caution___58PpF[data-disabled] {
|
|
3986
3999
|
--border-color: var(--hop-Tag-caution-border-color-disabled);
|
|
3987
4000
|
--background-color: var(--hop-Tag-caution-background-color-disabled);
|
|
3988
4001
|
--text-color: var(--hop-Tag-caution-text-color-disabled);
|
|
3989
4002
|
}
|
|
3990
|
-
.Tag-module__hop-Tag--
|
|
4003
|
+
.Tag-module__hop-Tag--negative___PZwTR[data-focus-visible] {
|
|
3991
4004
|
--border-color: var(--hop-Tag-negative-border-color-focus);
|
|
3992
4005
|
--background-color: var(--hop-Tag-negative-background-color-focus);
|
|
3993
4006
|
--text-color: var(--hop-Tag-negative-text-color-focus);
|
|
3994
4007
|
}
|
|
3995
|
-
.Tag-module__hop-Tag--
|
|
4008
|
+
.Tag-module__hop-Tag--negative___PZwTR[data-hovered] {
|
|
3996
4009
|
--border-color: var(--hop-Tag-negative-border-color-hover);
|
|
3997
4010
|
--background-color: var(--hop-Tag-negative-background-color-hover);
|
|
3998
4011
|
--text-color: var(--hop-Tag-negative-text-color-hover);
|
|
3999
4012
|
}
|
|
4000
|
-
.Tag-module__hop-Tag--
|
|
4013
|
+
.Tag-module__hop-Tag--negative___PZwTR[data-pressed] {
|
|
4001
4014
|
--border-color: var(--hop-Tag-negative-border-color-press);
|
|
4002
4015
|
--background-color: var(--hop-Tag-negative-background-color-press);
|
|
4003
4016
|
--text-color: var(--hop-Tag-negative-text-color-press);
|
|
4004
4017
|
}
|
|
4005
|
-
.Tag-module__hop-Tag--
|
|
4018
|
+
.Tag-module__hop-Tag--negative___PZwTR[data-disabled] {
|
|
4006
4019
|
--border-color: var(--hop-Tag-negative-border-color-disabled);
|
|
4007
4020
|
--background-color: var(--hop-Tag-negative-background-color-disabled);
|
|
4008
4021
|
--text-color: var(--hop-Tag-negative-text-color-disabled);
|
|
4009
4022
|
}
|
|
4010
|
-
.Tag-module__hop-Tag--
|
|
4023
|
+
.Tag-module__hop-Tag--option1___A0sb0[data-focus-visible] {
|
|
4011
4024
|
--border-color: var(--hop-Tag-option1-border-color-focus);
|
|
4012
4025
|
--background-color: var(--hop-Tag-option1-background-color-focus);
|
|
4013
4026
|
--text-color: var(--hop-Tag-option1-text-color-focus);
|
|
4014
4027
|
}
|
|
4015
|
-
.Tag-module__hop-Tag--
|
|
4028
|
+
.Tag-module__hop-Tag--option1___A0sb0[data-hovered] {
|
|
4016
4029
|
--border-color: var(--hop-Tag-option1-border-color-hover);
|
|
4017
4030
|
--background-color: var(--hop-Tag-option1-background-color-hover);
|
|
4018
4031
|
--text-color: var(--hop-Tag-option1-text-color-hover);
|
|
4019
4032
|
}
|
|
4020
|
-
.Tag-module__hop-Tag--
|
|
4033
|
+
.Tag-module__hop-Tag--option1___A0sb0[data-pressed] {
|
|
4021
4034
|
--border-color: var(--hop-Tag-option1-border-color-press);
|
|
4022
4035
|
--background-color: var(--hop-Tag-option1-background-color-press);
|
|
4023
4036
|
--text-color: var(--hop-Tag-option1-text-color-press);
|
|
4024
4037
|
}
|
|
4025
|
-
.Tag-module__hop-Tag--
|
|
4038
|
+
.Tag-module__hop-Tag--option1___A0sb0[data-disabled] {
|
|
4026
4039
|
--border-color: var(--hop-Tag-option1-border-color-disabled);
|
|
4027
4040
|
--background-color: var(--hop-Tag-option1-background-color-disabled);
|
|
4028
4041
|
--text-color: var(--hop-Tag-option1-text-color-disabled);
|
|
4029
4042
|
}
|
|
4030
|
-
.Tag-module__hop-Tag--
|
|
4043
|
+
.Tag-module__hop-Tag--option2___vjYIv[data-focus-visible] {
|
|
4031
4044
|
--border-color: var(--hop-Tag-option2-border-color-focus);
|
|
4032
4045
|
--background-color: var(--hop-Tag-option2-background-color-focus);
|
|
4033
4046
|
--text-color: var(--hop-Tag-option2-text-color-focus);
|
|
4034
4047
|
}
|
|
4035
|
-
.Tag-module__hop-Tag--
|
|
4048
|
+
.Tag-module__hop-Tag--option2___vjYIv[data-hovered] {
|
|
4036
4049
|
--border-color: var(--hop-Tag-option2-border-color-hover);
|
|
4037
4050
|
--background-color: var(--hop-Tag-option2-background-color-hover);
|
|
4038
4051
|
--text-color: var(--hop-Tag-option2-text-color-hover);
|
|
4039
4052
|
}
|
|
4040
|
-
.Tag-module__hop-Tag--
|
|
4053
|
+
.Tag-module__hop-Tag--option2___vjYIv[data-pressed] {
|
|
4041
4054
|
--border-color: var(--hop-Tag-option2-border-color-press);
|
|
4042
4055
|
--background-color: var(--hop-Tag-option2-background-color-press);
|
|
4043
4056
|
--text-color: var(--hop-Tag-option2-text-color-press);
|
|
4044
4057
|
}
|
|
4045
|
-
.Tag-module__hop-Tag--
|
|
4058
|
+
.Tag-module__hop-Tag--option2___vjYIv[data-disabled] {
|
|
4046
4059
|
--border-color: var(--hop-Tag-option2-border-color-disabled);
|
|
4047
4060
|
--background-color: var(--hop-Tag-option2-background-color-disabled);
|
|
4048
4061
|
--text-color: var(--hop-Tag-option2-text-color-disabled);
|
|
4049
4062
|
}
|
|
4050
|
-
.Tag-module__hop-Tag--
|
|
4063
|
+
.Tag-module__hop-Tag--option3___NPGVI[data-focus-visible] {
|
|
4051
4064
|
--border-color: var(--hop-Tag-option3-border-color-focus);
|
|
4052
4065
|
--background-color: var(--hop-Tag-option3-background-color-focus);
|
|
4053
4066
|
--text-color: var(--hop-Tag-option3-text-color-focus);
|
|
4054
4067
|
}
|
|
4055
|
-
.Tag-module__hop-Tag--
|
|
4068
|
+
.Tag-module__hop-Tag--option3___NPGVI[data-hovered] {
|
|
4056
4069
|
--border-color: var(--hop-Tag-option3-border-color-hover);
|
|
4057
4070
|
--background-color: var(--hop-Tag-option3-background-color-hover);
|
|
4058
4071
|
--text-color: var(--hop-Tag-option3-text-color-hover);
|
|
4059
4072
|
}
|
|
4060
|
-
.Tag-module__hop-Tag--
|
|
4073
|
+
.Tag-module__hop-Tag--option3___NPGVI[data-pressed] {
|
|
4061
4074
|
--border-color: var(--hop-Tag-option3-border-color-press);
|
|
4062
4075
|
--background-color: var(--hop-Tag-option3-background-color-press);
|
|
4063
4076
|
--text-color: var(--hop-Tag-option3-text-color-press);
|
|
4064
4077
|
}
|
|
4065
|
-
.Tag-module__hop-Tag--
|
|
4078
|
+
.Tag-module__hop-Tag--option3___NPGVI[data-disabled] {
|
|
4066
4079
|
--border-color: var(--hop-Tag-option3-border-color-disabled);
|
|
4067
4080
|
--background-color: var(--hop-Tag-option3-background-color-disabled);
|
|
4068
4081
|
--text-color: var(--hop-Tag-option3-text-color-disabled);
|
|
4069
4082
|
}
|
|
4070
|
-
.Tag-module__hop-Tag--
|
|
4083
|
+
.Tag-module__hop-Tag--option4___tTOij[data-focus-visible] {
|
|
4071
4084
|
--border-color: var(--hop-Tag-option4-border-color-focus);
|
|
4072
4085
|
--background-color: var(--hop-Tag-option4-background-color-focus);
|
|
4073
4086
|
--text-color: var(--hop-Tag-option4-text-color-focus);
|
|
4074
4087
|
}
|
|
4075
|
-
.Tag-module__hop-Tag--
|
|
4088
|
+
.Tag-module__hop-Tag--option4___tTOij[data-hovered] {
|
|
4076
4089
|
--border-color: var(--hop-Tag-option4-border-color-hover);
|
|
4077
4090
|
--background-color: var(--hop-Tag-option4-background-color-hover);
|
|
4078
4091
|
--text-color: var(--hop-Tag-option4-text-color-hover);
|
|
4079
4092
|
}
|
|
4080
|
-
.Tag-module__hop-Tag--
|
|
4093
|
+
.Tag-module__hop-Tag--option4___tTOij[data-pressed] {
|
|
4081
4094
|
--border-color: var(--hop-Tag-option4-border-color-press);
|
|
4082
4095
|
--background-color: var(--hop-Tag-option4-background-color-press);
|
|
4083
4096
|
--text-color: var(--hop-Tag-option4-text-color-press);
|
|
4084
4097
|
}
|
|
4085
|
-
.Tag-module__hop-Tag--
|
|
4098
|
+
.Tag-module__hop-Tag--option4___tTOij[data-disabled] {
|
|
4086
4099
|
--border-color: var(--hop-Tag-option4-border-color-disabled);
|
|
4087
4100
|
--background-color: var(--hop-Tag-option4-background-color-disabled);
|
|
4088
4101
|
--text-color: var(--hop-Tag-option4-text-color-disabled);
|
|
4089
4102
|
}
|
|
4090
|
-
.Tag-module__hop-Tag--
|
|
4103
|
+
.Tag-module__hop-Tag--option5___9-b0i[data-focus-visible] {
|
|
4091
4104
|
--border-color: var(--hop-Tag-option5-border-color-focus);
|
|
4092
4105
|
--background-color: var(--hop-Tag-option5-background-color-focus);
|
|
4093
4106
|
--text-color: var(--hop-Tag-option5-text-color-focus);
|
|
4094
4107
|
}
|
|
4095
|
-
.Tag-module__hop-Tag--
|
|
4108
|
+
.Tag-module__hop-Tag--option5___9-b0i[data-hovered] {
|
|
4096
4109
|
--border-color: var(--hop-Tag-option5-border-color-hover);
|
|
4097
4110
|
--background-color: var(--hop-Tag-option5-background-color-hover);
|
|
4098
4111
|
--text-color: var(--hop-Tag-option5-text-color-hover);
|
|
4099
4112
|
}
|
|
4100
|
-
.Tag-module__hop-Tag--
|
|
4113
|
+
.Tag-module__hop-Tag--option5___9-b0i[data-pressed] {
|
|
4101
4114
|
--border-color: var(--hop-Tag-option5-border-color-press);
|
|
4102
4115
|
--background-color: var(--hop-Tag-option5-background-color-press);
|
|
4103
4116
|
--text-color: var(--hop-Tag-option5-text-color-press);
|
|
4104
4117
|
}
|
|
4105
|
-
.Tag-module__hop-Tag--
|
|
4118
|
+
.Tag-module__hop-Tag--option5___9-b0i[data-disabled] {
|
|
4106
4119
|
--border-color: var(--hop-Tag-option5-border-color-disabled);
|
|
4107
4120
|
--background-color: var(--hop-Tag-option5-background-color-disabled);
|
|
4108
4121
|
--text-color: var(--hop-Tag-option5-text-color-disabled);
|
|
4109
4122
|
}
|
|
4110
|
-
.Tag-module__hop-Tag--
|
|
4123
|
+
.Tag-module__hop-Tag--option6___j6qym[data-focus-visible] {
|
|
4111
4124
|
--border-color: var(--hop-Tag-option6-border-color-focus);
|
|
4112
4125
|
--background-color: var(--hop-Tag-option6-background-color-focus);
|
|
4113
4126
|
--text-color: var(--hop-Tag-option6-text-color-focus);
|
|
4114
4127
|
}
|
|
4115
|
-
.Tag-module__hop-Tag--
|
|
4128
|
+
.Tag-module__hop-Tag--option6___j6qym[data-hovered] {
|
|
4116
4129
|
--border-color: var(--hop-Tag-option6-border-color-hover);
|
|
4117
4130
|
--background-color: var(--hop-Tag-option6-background-color-hover);
|
|
4118
4131
|
--text-color: var(--hop-Tag-option6-text-color-hover);
|
|
4119
4132
|
}
|
|
4120
|
-
.Tag-module__hop-Tag--
|
|
4133
|
+
.Tag-module__hop-Tag--option6___j6qym[data-pressed] {
|
|
4121
4134
|
--border-color: var(--hop-Tag-option6-border-color-press);
|
|
4122
4135
|
--background-color: var(--hop-Tag-option6-background-color-press);
|
|
4123
4136
|
--text-color: var(--hop-Tag-option6-text-color-press);
|
|
4124
4137
|
}
|
|
4125
|
-
.Tag-module__hop-Tag--
|
|
4138
|
+
.Tag-module__hop-Tag--option6___j6qym[data-disabled] {
|
|
4126
4139
|
--border-color: var(--hop-Tag-option6-border-color-disabled);
|
|
4127
4140
|
--background-color: var(--hop-Tag-option6-background-color-disabled);
|
|
4128
4141
|
--text-color: var(--hop-Tag-option6-text-color-disabled);
|
|
4129
4142
|
}
|
|
4130
|
-
.Tag-module__hop-
|
|
4143
|
+
.Tag-module__hop-Tag___6kkA1[data-focus-visible] {
|
|
4131
4144
|
outline: 0.125rem solid var(--focus-ring-color);
|
|
4132
4145
|
}
|
|
4133
|
-
.Tag-module__hop-
|
|
4146
|
+
.Tag-module__hop-Tag___6kkA1[data-hovered] {
|
|
4134
4147
|
cursor: pointer;
|
|
4135
4148
|
}
|
|
4136
|
-
.Tag-module__hop-
|
|
4149
|
+
.Tag-module__hop-Tag___6kkA1[data-selected] {
|
|
4137
4150
|
--background-color: var(--hop-Tag-background-color-selected);
|
|
4138
4151
|
--border-color: var(--hop-Tag-border-color-selected);
|
|
4139
4152
|
--text-color: var(--hop-Tag-text-color-selected);
|
|
4140
4153
|
}
|
|
4141
|
-
.Tag-module__hop-
|
|
4154
|
+
.Tag-module__hop-Tag___6kkA1[data-pressed] {
|
|
4142
4155
|
cursor: pointer;
|
|
4143
4156
|
}
|
|
4144
|
-
.Tag-module__hop-
|
|
4157
|
+
.Tag-module__hop-Tag___6kkA1[data-invalid] {
|
|
4145
4158
|
--border-color: var(--hop-Tag-border-color-invalid);
|
|
4146
4159
|
}
|
|
4147
|
-
.Tag-module__hop-
|
|
4160
|
+
.Tag-module__hop-Tag___6kkA1[data-disabled] {
|
|
4148
4161
|
cursor: not-allowed;
|
|
4149
4162
|
}
|
|
4150
|
-
.Tag-module__hop-
|
|
4163
|
+
.Tag-module__hop-Tag__avatar___cfamG {
|
|
4151
4164
|
flex: 0 0 auto;
|
|
4152
4165
|
order: 1;
|
|
4153
4166
|
margin-inline-start: var(--avatar-margin-inline-start);
|
|
4154
4167
|
}
|
|
4155
|
-
.Tag-module__hop-
|
|
4156
|
-
.Tag-module__hop-Tag__icon-
|
|
4168
|
+
.Tag-module__hop-Tag__icon___m9dbl,
|
|
4169
|
+
.Tag-module__hop-Tag__icon-list___e1ujB {
|
|
4157
4170
|
flex: 0 0 auto;
|
|
4158
4171
|
flex-wrap: nowrap;
|
|
4159
4172
|
order: 2;
|
|
4160
4173
|
margin-inline-start: var(--icon-margin-inline-start, 0);
|
|
4161
4174
|
}
|
|
4162
|
-
.Tag-module__hop-
|
|
4175
|
+
.Tag-module__hop-Tag__text___Scjto {
|
|
4163
4176
|
overflow: hidden;
|
|
4164
4177
|
flex: 1 1 auto;
|
|
4165
4178
|
order: 3;
|
|
@@ -4167,33 +4180,33 @@
|
|
|
4167
4180
|
text-align: center;
|
|
4168
4181
|
text-overflow: ellipsis;
|
|
4169
4182
|
}
|
|
4170
|
-
.Tag-module__hop-
|
|
4183
|
+
.Tag-module__hop-Tag__badge___Peurj {
|
|
4171
4184
|
flex: 0 0 auto;
|
|
4172
4185
|
order: 4;
|
|
4173
4186
|
margin-inline-end: var(--badge-margin-inline-end);
|
|
4174
4187
|
}
|
|
4175
|
-
.Tag-module__hop-
|
|
4188
|
+
.Tag-module__hop-Tag___6kkA1 .Tag-module__hop-Tag__badge___Peurj[data-variant=subdued] {
|
|
4176
4189
|
margin-inline-start: var(--badge-secondary-margin-inline-start);
|
|
4177
4190
|
color: inherit;
|
|
4178
4191
|
background: none;
|
|
4179
4192
|
}
|
|
4180
|
-
.Tag-module__hop-Tag--
|
|
4193
|
+
.Tag-module__hop-Tag--sm___ZpTSw .Tag-module__hop-Tag__badge___Peurj {
|
|
4181
4194
|
block-size: 100%;
|
|
4182
4195
|
}
|
|
4183
|
-
.Tag-module__hop-Tag__remove-
|
|
4184
|
-
.Tag-module__hop-
|
|
4196
|
+
.Tag-module__hop-Tag__remove-btn___Xo1UQ,
|
|
4197
|
+
.Tag-module__hop-Tag__Spinner___CK3eL {
|
|
4185
4198
|
flex: 0 0 auto;
|
|
4186
4199
|
order: 5;
|
|
4187
4200
|
}
|
|
4188
|
-
.Tag-module__hop-
|
|
4201
|
+
.Tag-module__hop-Tag__Spinner___CK3eL {
|
|
4189
4202
|
margin-inline-end: var(--spinner-margin-inline-end);
|
|
4190
4203
|
}
|
|
4191
|
-
.Tag-module__hop-Tag__remove-
|
|
4204
|
+
.Tag-module__hop-Tag__remove-btn___Xo1UQ {
|
|
4192
4205
|
margin-inline: var(--clear-btn-margin-inline);
|
|
4193
4206
|
}
|
|
4194
4207
|
|
|
4195
4208
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
|
|
4196
|
-
.TagGroup-module__hop-
|
|
4209
|
+
.TagGroup-module__hop-TagGroup___td3l- {
|
|
4197
4210
|
--hop-TagGroup-row-gap: var(--hop-space-inline-sm);
|
|
4198
4211
|
--hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
|
|
4199
4212
|
--hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
|
|
@@ -4213,10 +4226,10 @@
|
|
|
4213
4226
|
inline-size: max-content;
|
|
4214
4227
|
max-inline-size: 100%;
|
|
4215
4228
|
}
|
|
4216
|
-
.TagGroup-module__hop-
|
|
4229
|
+
.TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__label___e3DCJ {
|
|
4217
4230
|
order: 1;
|
|
4218
4231
|
}
|
|
4219
|
-
.TagGroup-module__hop-
|
|
4232
|
+
.TagGroup-module__hop-TagGroup__list___EqUHr {
|
|
4220
4233
|
display: flex;
|
|
4221
4234
|
flex-wrap: wrap;
|
|
4222
4235
|
gap: var(--list-row-gap) var(--list-column-gap);
|
|
@@ -4225,24 +4238,24 @@
|
|
|
4225
4238
|
border-radius: var(--list-border-radius);
|
|
4226
4239
|
outline: none;
|
|
4227
4240
|
}
|
|
4228
|
-
.TagGroup-module__hop-
|
|
4241
|
+
.TagGroup-module__hop-TagGroup__list___EqUHr[data-focus-visible] {
|
|
4229
4242
|
outline: 0.125rem solid var(--list-focus-ring-color);
|
|
4230
4243
|
outline-offset: 0.125rem;
|
|
4231
4244
|
}
|
|
4232
|
-
.TagGroup-module__hop-
|
|
4233
|
-
.TagGroup-module__hop-
|
|
4245
|
+
.TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__error-message___2FN5L,
|
|
4246
|
+
.TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__helper-message___8cR86 {
|
|
4234
4247
|
order: 3;
|
|
4235
4248
|
}
|
|
4236
4249
|
|
|
4237
4250
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
|
|
4238
|
-
:where(.Popover-module__hop-
|
|
4251
|
+
:where(.Popover-module__hop-Popover___gUuqE *) {
|
|
4239
4252
|
font-family: var(--font-family);
|
|
4240
4253
|
font-size: var(--font-size);
|
|
4241
4254
|
font-weight: var(--font-weight);
|
|
4242
4255
|
line-height: var(--line-height);
|
|
4243
4256
|
outline: none;
|
|
4244
4257
|
}
|
|
4245
|
-
.Popover-module__hop-
|
|
4258
|
+
.Popover-module__hop-Popover___gUuqE {
|
|
4246
4259
|
--hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
|
|
4247
4260
|
--hop-Popover-inline-width: 25rem;
|
|
4248
4261
|
--hop-Popover-dropdown-inline-width: var(--trigger-width);
|
|
@@ -4254,19 +4267,19 @@
|
|
|
4254
4267
|
inline-size: var(--width);
|
|
4255
4268
|
max-inline-size: var(--max-width);
|
|
4256
4269
|
}
|
|
4257
|
-
.Popover-module__hop-
|
|
4270
|
+
.Popover-module__hop-Popover___gUuqE[data-trigger=Select] {
|
|
4258
4271
|
--width: var(--hop-Popover-dropdown-inline-width);
|
|
4259
4272
|
}
|
|
4260
|
-
.Popover-module__hop-
|
|
4273
|
+
.Popover-module__hop-Popover___gUuqE[data-auto-width] {
|
|
4261
4274
|
--width: var(--hop-Popover-dropdown-auto-inline-width);
|
|
4262
4275
|
}
|
|
4263
|
-
.Popover-module__hop-
|
|
4264
|
-
animation: Popover-
|
|
4276
|
+
.Popover-module__hop-Popover___gUuqE[data-entering] {
|
|
4277
|
+
animation: Popover-module__fade___ByoOf 0.25s;
|
|
4265
4278
|
}
|
|
4266
|
-
.Popover-module__hop-
|
|
4267
|
-
animation: Popover-
|
|
4279
|
+
.Popover-module__hop-Popover___gUuqE[data-exiting] {
|
|
4280
|
+
animation: Popover-module__fade___ByoOf 0.25s reverse;
|
|
4268
4281
|
}
|
|
4269
|
-
@keyframes Popover-
|
|
4282
|
+
@keyframes Popover-module__fade___ByoOf {
|
|
4270
4283
|
from {
|
|
4271
4284
|
opacity: 0;
|
|
4272
4285
|
}
|
|
@@ -4274,14 +4287,14 @@
|
|
|
4274
4287
|
opacity: 1;
|
|
4275
4288
|
}
|
|
4276
4289
|
}
|
|
4277
|
-
.Popover-module__hop-
|
|
4290
|
+
.Popover-module__hop-Popover__wrapper___PUZxp {
|
|
4278
4291
|
display: flex;
|
|
4279
4292
|
flex: 1 1 auto;
|
|
4280
4293
|
flex-direction: column;
|
|
4281
4294
|
min-block-size: 0;
|
|
4282
4295
|
}
|
|
4283
|
-
.Popover-module__hop-
|
|
4284
|
-
.Popover-module__hop-
|
|
4296
|
+
.Popover-module__hop-Popover__dialog___sW-hf,
|
|
4297
|
+
.Popover-module__hop-Popover__dropdown___fQSFy {
|
|
4285
4298
|
--hop-Popover-background: var(--hop-neutral-surface);
|
|
4286
4299
|
--hop-Popover-font-family: var(--hop-body-sm-font-family);
|
|
4287
4300
|
--hop-Popover-font-size: var(--hop-body-sm-font-size);
|
|
@@ -4327,20 +4340,20 @@
|
|
|
4327
4340
|
border-radius: var(--hop-Popover-border-radius);
|
|
4328
4341
|
box-shadow: var(--hop-Popover-box-shadow);
|
|
4329
4342
|
}
|
|
4330
|
-
.Popover-module__hop-
|
|
4343
|
+
.Popover-module__hop-Popover__dropdown___fQSFy {
|
|
4331
4344
|
--footer-margin: var(--hop-Popover-footer-dropdown-margin);
|
|
4332
4345
|
--footer-place-self: stretch;
|
|
4333
4346
|
--grid-template: var(--hop-Popover-dropdown-grid-template);
|
|
4334
4347
|
--padding: var(--hop-Popover-dropdown-padding);
|
|
4335
4348
|
}
|
|
4336
|
-
.Popover-module__hop-
|
|
4349
|
+
.Popover-module__hop-Popover__dialog___sW-hf {
|
|
4337
4350
|
--padding: var(--hop-Popover-dialog-padding);
|
|
4338
4351
|
}
|
|
4339
|
-
.Popover-module__hop-
|
|
4352
|
+
.Popover-module__hop-Popover__title___kUozx {
|
|
4340
4353
|
grid-area: header;
|
|
4341
4354
|
color: var(--hop-Popover-color);
|
|
4342
4355
|
}
|
|
4343
|
-
.Popover-module__hop-
|
|
4356
|
+
.Popover-module__hop-Popover__content___lGFNJ {
|
|
4344
4357
|
--font-size: var(--hop-Popover-content-font-size);
|
|
4345
4358
|
--line-height: var(--hop-Popover-content-line-height);
|
|
4346
4359
|
grid-area: content;
|
|
@@ -4349,7 +4362,7 @@
|
|
|
4349
4362
|
padding: 0;
|
|
4350
4363
|
color: var(--hop-Popover-content-color);
|
|
4351
4364
|
}
|
|
4352
|
-
.Popover-module__hop-
|
|
4365
|
+
.Popover-module__hop-Popover__dropdown___fQSFy .Popover-module__hop-Popover__list-box___3a8GD {
|
|
4353
4366
|
grid-area: content;
|
|
4354
4367
|
inline-size: auto;
|
|
4355
4368
|
min-inline-size: auto;
|
|
@@ -4358,7 +4371,7 @@
|
|
|
4358
4371
|
padding: 0;
|
|
4359
4372
|
border: none;
|
|
4360
4373
|
}
|
|
4361
|
-
.Popover-module__hop-
|
|
4374
|
+
.Popover-module__hop-Popover__footer___OfxU- {
|
|
4362
4375
|
--font-size: var(--hop-Popover-footer-font-size);
|
|
4363
4376
|
--line-height: var(--hop-Popover-footer-line-height);
|
|
4364
4377
|
grid-area: footer;
|
|
@@ -4366,22 +4379,22 @@
|
|
|
4366
4379
|
margin: var(--footer-margin);
|
|
4367
4380
|
color: var(--hop-Popover-color);
|
|
4368
4381
|
}
|
|
4369
|
-
.Popover-module__hop-
|
|
4382
|
+
.Popover-module__hop-Popover__dropdown___fQSFy .Popover-module__hop-Popover__footer___OfxU- {
|
|
4370
4383
|
padding: var(--hop-Popover-footer-dropdown-footer-padding);
|
|
4371
4384
|
border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
|
|
4372
4385
|
}
|
|
4373
|
-
.Popover-module__hop-
|
|
4374
|
-
.Popover-module__hop-
|
|
4386
|
+
.Popover-module__hop-Popover__actions___dmf8x,
|
|
4387
|
+
.Popover-module__hop-Popover__action___DxkKZ {
|
|
4375
4388
|
grid-area: action;
|
|
4376
4389
|
justify-self: end;
|
|
4377
4390
|
margin-block-start: var(--hop-Popover-row-gap);
|
|
4378
4391
|
}
|
|
4379
|
-
.Popover-module__hop-
|
|
4392
|
+
.Popover-module__hop-Popover___gUuqE:has(.Popover-module__hop-Popover__actions___dmf8x, .Popover-module__hop-Popover__action___DxkKZ) .Popover-module__hop-Popover__footer___OfxU- {
|
|
4380
4393
|
margin-inline-end: var(--hop-Popover-column-gap);
|
|
4381
4394
|
}
|
|
4382
4395
|
|
|
4383
4396
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
|
|
4384
|
-
.SelectValue-module__hop-
|
|
4397
|
+
.SelectValue-module__hop-SelectValue___aeUo4 {
|
|
4385
4398
|
--hop-SelectValue-display: flex;
|
|
4386
4399
|
--hop-SelectValue-column-gap: var(--hop-space-inline-sm);
|
|
4387
4400
|
overflow: hidden;
|
|
@@ -4393,13 +4406,13 @@
|
|
|
4393
4406
|
text-overflow: ellipsis;
|
|
4394
4407
|
white-space: nowrap;
|
|
4395
4408
|
}
|
|
4396
|
-
.SelectValue-module__hop-
|
|
4409
|
+
.SelectValue-module__hop-SelectValue__avatar___ydj2c {
|
|
4397
4410
|
order: 1;
|
|
4398
4411
|
}
|
|
4399
|
-
.SelectValue-module__hop-
|
|
4412
|
+
.SelectValue-module__hop-SelectValue__icon___sLKo8 {
|
|
4400
4413
|
order: 2;
|
|
4401
4414
|
}
|
|
4402
|
-
.SelectValue-module__hop-
|
|
4415
|
+
.SelectValue-module__hop-SelectValue__text___MvBWs {
|
|
4403
4416
|
overflow: hidden;
|
|
4404
4417
|
flex: 1 1 auto;
|
|
4405
4418
|
order: 3;
|
|
@@ -4407,12 +4420,12 @@
|
|
|
4407
4420
|
text-overflow: ellipsis;
|
|
4408
4421
|
white-space: nowrap;
|
|
4409
4422
|
}
|
|
4410
|
-
.SelectValue-module__hop-SelectValue__end-
|
|
4423
|
+
.SelectValue-module__hop-SelectValue__end-icon___sApM8 {
|
|
4411
4424
|
order: 4;
|
|
4412
4425
|
}
|
|
4413
4426
|
|
|
4414
4427
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
|
|
4415
|
-
.Select-module__hop-
|
|
4428
|
+
.Select-module__hop-Select___NY-PE {
|
|
4416
4429
|
--hop-Select-row-gap: var(--hop-space-stack-xs);
|
|
4417
4430
|
--hop-Select-inline-size: 20rem;
|
|
4418
4431
|
--hop-Select-inline-size-fluid: 100%;
|
|
@@ -4463,13 +4476,13 @@
|
|
|
4463
4476
|
inline-size: var(--inline-size);
|
|
4464
4477
|
max-inline-size: var(--hop-Select-max-inline-size);
|
|
4465
4478
|
}
|
|
4466
|
-
.Select-module__hop-Select--
|
|
4479
|
+
.Select-module__hop-Select--fluid___Spz5C {
|
|
4467
4480
|
--inline-size: var(--hop-Select-inline-size-fluid);
|
|
4468
4481
|
}
|
|
4469
|
-
.Select-module__hop-
|
|
4482
|
+
.Select-module__hop-Select__label___2D4bX {
|
|
4470
4483
|
order: 1;
|
|
4471
4484
|
}
|
|
4472
|
-
.Select-module__hop-
|
|
4485
|
+
.Select-module__hop-Select__button___Go9H0 {
|
|
4473
4486
|
cursor: var(--button-cursor);
|
|
4474
4487
|
display: flex;
|
|
4475
4488
|
column-gap: var(--hop-Select-button-column-gap);
|
|
@@ -4485,28 +4498,28 @@
|
|
|
4485
4498
|
border-radius: var(--hop-Select-button-border-radius);
|
|
4486
4499
|
outline: none;
|
|
4487
4500
|
}
|
|
4488
|
-
.Select-module__hop-Select__button--
|
|
4501
|
+
.Select-module__hop-Select__button--sm___EbGeY {
|
|
4489
4502
|
--button-block-size: var(--hop-Select-button-sm-block-size);
|
|
4490
4503
|
}
|
|
4491
|
-
.Select-module__hop-Select__button--
|
|
4504
|
+
.Select-module__hop-Select__button--md___cdeXg {
|
|
4492
4505
|
--button-block-size: var(--hop-Select-button-md-block-size);
|
|
4493
4506
|
}
|
|
4494
|
-
.Select-module__hop-
|
|
4507
|
+
.Select-module__hop-Select__button___Go9H0[data-hovered] {
|
|
4495
4508
|
--button-background-color: var(--hop-Select-button-background-color-hovered);
|
|
4496
4509
|
--button-border-color: var(--hop-Select-button-border-color-hovered);
|
|
4497
4510
|
--button-color: var(--hop-Select-button-color-hovered);
|
|
4498
4511
|
--button-icon-color: var(--hop-Select-button-icon-color-hovered);
|
|
4499
4512
|
}
|
|
4500
|
-
.Select-module__hop-
|
|
4513
|
+
.Select-module__hop-Select__button___Go9H0[data-pressed] {
|
|
4501
4514
|
--button-background-color: var(--hop-Select-button-background-color-selected);
|
|
4502
4515
|
--button-border-color: var(--hop-Select-button-border-color-selected);
|
|
4503
4516
|
--button-color: var(--hop-Select-button-color-selected);
|
|
4504
4517
|
--button-icon-color: var(--hop-Select-button-icon-color-selected);
|
|
4505
4518
|
}
|
|
4506
|
-
.Select-module__hop-
|
|
4519
|
+
.Select-module__hop-Select__button___Go9H0[data-invalid] {
|
|
4507
4520
|
--button-border-color: var(--hop-Select-button-border-color-invalid);
|
|
4508
4521
|
}
|
|
4509
|
-
.Select-module__hop-
|
|
4522
|
+
.Select-module__hop-Select__button___Go9H0[data-focus-visible] {
|
|
4510
4523
|
--button-background-color: var(--hop-Select-button-background-color-focused);
|
|
4511
4524
|
--button-border-color: var(--hop-Select-button-border-color-focused);
|
|
4512
4525
|
--button-color: var(--hop-Select-button-color-focused);
|
|
@@ -4514,24 +4527,24 @@
|
|
|
4514
4527
|
outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
|
|
4515
4528
|
outline-offset: -0.125rem;
|
|
4516
4529
|
}
|
|
4517
|
-
.Select-module__hop-
|
|
4530
|
+
.Select-module__hop-Select__button___Go9H0:has([data-placeholder]) {
|
|
4518
4531
|
--button-color: var(--hop-Select-button-placeholder-color);
|
|
4519
4532
|
}
|
|
4520
|
-
.Select-module__hop-
|
|
4533
|
+
.Select-module__hop-Select__button___Go9H0[data-disabled] {
|
|
4521
4534
|
--button-background-color: var(--hop-Select-button-background-color-disabled);
|
|
4522
4535
|
--button-border-color: var(--hop-Select-button-border-color-disabled);
|
|
4523
4536
|
--button-color: var(--hop-Select-button-color-disabled);
|
|
4524
4537
|
--button-icon-color: var(--hop-Select-button-icon-color-disabled);
|
|
4525
4538
|
--button-cursor: var(--hop-Select-button-cursor-disabled);
|
|
4526
4539
|
}
|
|
4527
|
-
.Select-module__hop-
|
|
4540
|
+
.Select-module__hop-Select__prefix___2TSOS {
|
|
4528
4541
|
color: var(--hop-Select-prefix-color);
|
|
4529
4542
|
}
|
|
4530
|
-
.Select-module__hop-Select__button-
|
|
4543
|
+
.Select-module__hop-Select__button-icon___aX0YH {
|
|
4531
4544
|
margin-inline-start: auto;
|
|
4532
4545
|
color: var(--button-icon-color);
|
|
4533
4546
|
}
|
|
4534
|
-
.Select-module__hop-Select__helper-
|
|
4535
|
-
.Select-module__hop-Select__error-
|
|
4547
|
+
.Select-module__hop-Select__helper-message___lx7SC,
|
|
4548
|
+
.Select-module__hop-Select__error-message___00F7I {
|
|
4536
4549
|
order: 3;
|
|
4537
4550
|
}
|