@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
package/dist/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
|
|
2
|
-
.Text-module__hop-
|
|
2
|
+
.Text-module__hop-Text___GsTEX {
|
|
3
3
|
--hop-Text-xs-font-size: var(--hop-body-xs-font-size);
|
|
4
4
|
--hop-Text-xs-font-family: var(--hop-body-xs-font-family);
|
|
5
5
|
--hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
|
|
@@ -29,49 +29,49 @@
|
|
|
29
29
|
--hop-Text-inherit-size-font-weight: inherit;
|
|
30
30
|
--hop-Text-inherit-size-line-height: inherit;
|
|
31
31
|
}
|
|
32
|
-
:where(.Text-module__hop-
|
|
32
|
+
:where(.Text-module__hop-Text___GsTEX) {
|
|
33
33
|
font-family: var(--font-family);
|
|
34
34
|
font-size: var(--font-size);
|
|
35
35
|
font-weight: var(--font-weight);
|
|
36
36
|
line-height: var(--line-height);
|
|
37
37
|
}
|
|
38
|
-
:where(.Text-module__hop-Text--
|
|
38
|
+
:where(.Text-module__hop-Text--xs___xPq-q) {
|
|
39
39
|
--font-size: var(--hop-Text-xs-font-size);
|
|
40
40
|
--font-family: var(--hop-Text-xs-font-family);
|
|
41
41
|
--font-weight: var(--hop-Text-xs-font-weight);
|
|
42
42
|
--line-height: var(--hop-Text-xs-line-height);
|
|
43
43
|
}
|
|
44
|
-
:where(.Text-module__hop-Text--
|
|
44
|
+
:where(.Text-module__hop-Text--sm___m1xkd) {
|
|
45
45
|
--font-size: var(--hop-Text-sm-font-size);
|
|
46
46
|
--font-family: var(--hop-Text-sm-font-family);
|
|
47
47
|
--font-weight: var(--hop-Text-sm-font-weight);
|
|
48
48
|
--line-height: var(--hop-Text-sm-line-height);
|
|
49
49
|
}
|
|
50
|
-
:where(.Text-module__hop-Text--
|
|
50
|
+
:where(.Text-module__hop-Text--md___gVBxd) {
|
|
51
51
|
--font-size: var(--hop-Text-md-font-size);
|
|
52
52
|
--font-family: var(--hop-Text-md-font-family);
|
|
53
53
|
--font-weight: var(--hop-Text-md-font-weight);
|
|
54
54
|
--line-height: var(--hop-Text-md-line-height);
|
|
55
55
|
}
|
|
56
|
-
:where(.Text-module__hop-Text--
|
|
56
|
+
:where(.Text-module__hop-Text--lg___nmRag) {
|
|
57
57
|
--font-size: var(--hop-Text-lg-font-size);
|
|
58
58
|
--font-family: var(--hop-Text-lg-font-family);
|
|
59
59
|
--font-weight: var(--hop-Text-lg-font-weight);
|
|
60
60
|
--line-height: var(--hop-Text-lg-line-height);
|
|
61
61
|
}
|
|
62
|
-
:where(.Text-module__hop-Text--
|
|
62
|
+
:where(.Text-module__hop-Text--xl___MHAaX) {
|
|
63
63
|
--font-size: var(--hop-Text-xl-font-size);
|
|
64
64
|
--font-family: var(--hop-Text-xl-font-family);
|
|
65
65
|
--font-weight: var(--hop-Text-xl-font-weight);
|
|
66
66
|
--line-height: var(--hop-Text-xl-line-height);
|
|
67
67
|
}
|
|
68
|
-
:where(.Text-module__hop-Text--
|
|
68
|
+
:where(.Text-module__hop-Text--2xl___OHdc1) {
|
|
69
69
|
--font-size: var(--hop-Text-2xl-font-size);
|
|
70
70
|
--font-family: var(--hop-Text-2xl-font-family);
|
|
71
71
|
--font-weight: var(--hop-Text-2xl-font-weight);
|
|
72
72
|
--line-height: var(--hop-Text-2xl-line-height);
|
|
73
73
|
}
|
|
74
|
-
:where(.Text-module__hop-Text--
|
|
74
|
+
:where(.Text-module__hop-Text--inherit___ymYRX) {
|
|
75
75
|
--font-size: var(--hop-Text-inherit-size-font-size);
|
|
76
76
|
--font-family: var(--hop-Text-inherit-size-font-family);
|
|
77
77
|
--font-weight: var(--hop-Text-inherit-size-font-weight);
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
|
|
82
|
-
.RichIconAvatarImage-module__hop-
|
|
82
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4 {
|
|
83
83
|
--hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
|
|
84
84
|
--hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
|
|
85
85
|
--hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
|
|
@@ -110,46 +110,46 @@
|
|
|
110
110
|
background-color: var(--background-color);
|
|
111
111
|
border-radius: var(--hop-RichIconAvatarImage-border-radius);
|
|
112
112
|
}
|
|
113
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
113
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___CJQjx {
|
|
114
114
|
--size: var(--hop-RichIconAvatarImage-xs-size);
|
|
115
115
|
--icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
|
|
116
116
|
}
|
|
117
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
117
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___atibm {
|
|
118
118
|
--size: var(--hop-RichIconAvatarImage-sm-size);
|
|
119
119
|
--icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
|
|
120
120
|
}
|
|
121
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
121
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___bnHkl {
|
|
122
122
|
--size: var(--hop-RichIconAvatarImage-md-size);
|
|
123
123
|
--icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
|
|
124
124
|
}
|
|
125
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
125
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___MIOqU {
|
|
126
126
|
--size: var(--hop-RichIconAvatarImage-lg-size);
|
|
127
127
|
--icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
|
|
128
128
|
}
|
|
129
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
129
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___hOZPm {
|
|
130
130
|
--size: var(--hop-RichIconAvatarImage-xl-size);
|
|
131
131
|
--icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
|
|
132
132
|
}
|
|
133
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
133
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___8l-pB {
|
|
134
134
|
--size: var(--hop-RichIconAvatarImage-2xl-size);
|
|
135
135
|
--icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
|
|
136
136
|
}
|
|
137
|
-
.RichIconAvatarImage-module__hop-
|
|
137
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4[data-disabled] {
|
|
138
138
|
--background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
139
139
|
}
|
|
140
|
-
.RichIconAvatarImage-module__hop-
|
|
140
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6NmFu {
|
|
141
141
|
position: relative;
|
|
142
142
|
display: block;
|
|
143
143
|
inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
|
|
144
144
|
block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
|
|
145
145
|
}
|
|
146
|
-
.RichIconAvatarImage-module__hop-
|
|
146
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6NmFu {
|
|
147
147
|
--hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
148
148
|
--hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
|
|
152
|
-
.Avatar-module__hop-
|
|
152
|
+
.Avatar-module__hop-Avatar___vgJ-p {
|
|
153
153
|
--hop-Avatar-border-radius: var(--hop-shape-circle);
|
|
154
154
|
--hop-Avatar-mix-blend-mode: normal;
|
|
155
155
|
--hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
|
|
@@ -194,67 +194,67 @@
|
|
|
194
194
|
background-color: var(--background-color, transparent);
|
|
195
195
|
border-radius: var(--hop-Avatar-border-radius);
|
|
196
196
|
}
|
|
197
|
-
.Avatar-module__hop-Avatar--
|
|
197
|
+
.Avatar-module__hop-Avatar--xs___wpPeA {
|
|
198
198
|
--size: var(--hop-Avatar-xs-size);
|
|
199
199
|
}
|
|
200
|
-
.Avatar-module__hop-Avatar--
|
|
200
|
+
.Avatar-module__hop-Avatar--sm___Fk1qb {
|
|
201
201
|
--size: var(--hop-Avatar-sm-size);
|
|
202
202
|
}
|
|
203
|
-
.Avatar-module__hop-Avatar--
|
|
203
|
+
.Avatar-module__hop-Avatar--md___Cifqw {
|
|
204
204
|
--size: var(--hop-Avatar-md-size);
|
|
205
205
|
}
|
|
206
|
-
.Avatar-module__hop-Avatar--
|
|
206
|
+
.Avatar-module__hop-Avatar--lg___sbrlf {
|
|
207
207
|
--size: var(--hop-Avatar-lg-size);
|
|
208
208
|
}
|
|
209
|
-
.Avatar-module__hop-Avatar--
|
|
209
|
+
.Avatar-module__hop-Avatar--xl___PHliE {
|
|
210
210
|
--size: var(--hop-Avatar-xl-size);
|
|
211
211
|
}
|
|
212
|
-
.Avatar-module__hop-Avatar--
|
|
212
|
+
.Avatar-module__hop-Avatar--2xl___nKPBy {
|
|
213
213
|
--size: var(--hop-Avatar-2xl-size);
|
|
214
214
|
}
|
|
215
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
215
|
+
.Avatar-module__hop-Avatar--decorative-option1___H5fh3 {
|
|
216
216
|
--background-color: var(--hop-Avatar-decorative-1-background-color);
|
|
217
217
|
--text-color: var(--hop-Avatar-decorative-1-text-color);
|
|
218
218
|
}
|
|
219
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
219
|
+
.Avatar-module__hop-Avatar--decorative-option2___uSm69 {
|
|
220
220
|
--background-color: var(--hop-Avatar-decorative-2-background-color);
|
|
221
221
|
--text-color: var(--hop-Avatar-decorative-2-text-color);
|
|
222
222
|
}
|
|
223
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
223
|
+
.Avatar-module__hop-Avatar--decorative-option3___c4YaX {
|
|
224
224
|
--background-color: var(--hop-Avatar-decorative-3-background-color);
|
|
225
225
|
--text-color: var(--hop-Avatar-decorative-3-text-color);
|
|
226
226
|
}
|
|
227
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
227
|
+
.Avatar-module__hop-Avatar--decorative-option4___ZeS1w {
|
|
228
228
|
--background-color: var(--hop-Avatar-decorative-4-background-color);
|
|
229
229
|
--text-color: var(--hop-Avatar-decorative-4-text-color);
|
|
230
230
|
}
|
|
231
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
231
|
+
.Avatar-module__hop-Avatar--decorative-option5___7HPYj {
|
|
232
232
|
--background-color: var(--hop-Avatar-decorative-5-background-color);
|
|
233
233
|
--text-color: var(--hop-Avatar-decorative-5-text-color);
|
|
234
234
|
}
|
|
235
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
235
|
+
.Avatar-module__hop-Avatar--decorative-option6___Zu8po {
|
|
236
236
|
--background-color: var(--hop-Avatar-decorative-6-background-color);
|
|
237
237
|
--text-color: var(--hop-Avatar-decorative-6-text-color);
|
|
238
238
|
}
|
|
239
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
239
|
+
.Avatar-module__hop-Avatar--decorative-option7___p2dza {
|
|
240
240
|
--background-color: var(--hop-Avatar-decorative-7-background-color);
|
|
241
241
|
--text-color: var(--hop-Avatar-decorative-7-text-color);
|
|
242
242
|
}
|
|
243
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
243
|
+
.Avatar-module__hop-Avatar--decorative-option8___mxCgz {
|
|
244
244
|
--background-color: var(--hop-Avatar-decorative-8-background-color);
|
|
245
245
|
--text-color: var(--hop-Avatar-decorative-8-text-color);
|
|
246
246
|
}
|
|
247
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
247
|
+
.Avatar-module__hop-Avatar--decorative-option9___Ea8U7 {
|
|
248
248
|
--background-color: var(--hop-Avatar-decorative-9-background-color);
|
|
249
249
|
--text-color: var(--hop-Avatar-decorative-9-text-color);
|
|
250
250
|
}
|
|
251
|
-
.Avatar-module__hop-
|
|
251
|
+
.Avatar-module__hop-Avatar___vgJ-p[data-disabled] {
|
|
252
252
|
--background-color: var(--hop-Avatar-background-color-disabled);
|
|
253
253
|
--text-color: var(--hop-Avatar-text-color-disabled);
|
|
254
254
|
--mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
|
|
255
255
|
isolation: isolate;
|
|
256
256
|
}
|
|
257
|
-
.Avatar-module__hop-
|
|
257
|
+
.Avatar-module__hop-Avatar__image___zOLgF {
|
|
258
258
|
position: relative;
|
|
259
259
|
display: block;
|
|
260
260
|
box-sizing: border-box;
|
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
}
|
|
266
266
|
|
|
267
267
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
|
|
268
|
-
:where(.OverlineText-module__hop-
|
|
268
|
+
:where(.OverlineText-module__hop-OverlineText___H96xT) {
|
|
269
269
|
--hop-OverlineText-font-family: var(--hop-overline-font-family);
|
|
270
270
|
--hop-OverlineText-font-size: var(--hop-overline-font-size);
|
|
271
271
|
--hop-OverlineText-font-weight: var(--hop-overline-font-weight);
|
|
@@ -289,26 +289,26 @@
|
|
|
289
289
|
text-transform: uppercase;
|
|
290
290
|
letter-spacing: var(--letter-spacing);
|
|
291
291
|
}
|
|
292
|
-
.OverlineText-module__hop-
|
|
292
|
+
.OverlineText-module__hop-OverlineText__text___Oen8K {
|
|
293
293
|
box-sizing: border-box;
|
|
294
294
|
}
|
|
295
|
-
.OverlineText-module__hop-
|
|
296
|
-
.OverlineText-module__hop-
|
|
295
|
+
.OverlineText-module__hop-OverlineText__text___Oen8K::before,
|
|
296
|
+
.OverlineText-module__hop-OverlineText__text___Oen8K::after {
|
|
297
297
|
content: "";
|
|
298
298
|
display: block;
|
|
299
299
|
box-sizing: border-box;
|
|
300
300
|
inline-size: 0;
|
|
301
301
|
block-size: 0;
|
|
302
302
|
}
|
|
303
|
-
.OverlineText-module__hop-
|
|
303
|
+
.OverlineText-module__hop-OverlineText__text___Oen8K::before {
|
|
304
304
|
margin-block-end: var(--bottom-offset);
|
|
305
305
|
}
|
|
306
|
-
.OverlineText-module__hop-
|
|
306
|
+
.OverlineText-module__hop-OverlineText__text___Oen8K::after {
|
|
307
307
|
margin-block-start: var(--top-offset);
|
|
308
308
|
}
|
|
309
309
|
|
|
310
310
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
|
|
311
|
-
.Badge-module__hop-
|
|
311
|
+
.Badge-module__hop-Badge___j2yOS {
|
|
312
312
|
--hop-Badge-height: 1.5rem;
|
|
313
313
|
--hop-Badge-width: max-content;
|
|
314
314
|
--hop-Badge-padding-inline: var(--hop-space-inset-sm);
|
|
@@ -358,67 +358,67 @@
|
|
|
358
358
|
background-color: var(--background-color, var(--hop-Badge-primary-background-color));
|
|
359
359
|
border-radius: var(--border-radius);
|
|
360
360
|
}
|
|
361
|
-
.Badge-module__hop-
|
|
361
|
+
.Badge-module__hop-Badge___j2yOS[data-variant=primary] {
|
|
362
362
|
--background-color: var(--hop-Badge-primary-background-color);
|
|
363
363
|
--text-color: var(--hop-Badge-primary-text-color);
|
|
364
364
|
}
|
|
365
|
-
.Badge-module__hop-
|
|
365
|
+
.Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=primary] {
|
|
366
366
|
--background-color: var(--hop-Badge-primary-background-color-hovered);
|
|
367
367
|
--text-color: var(--hop-Badge-primary-text-color-hovered);
|
|
368
368
|
}
|
|
369
|
-
.Badge-module__hop-
|
|
369
|
+
.Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=primary] {
|
|
370
370
|
--background-color: var(--hop-Badge-primary-background-color-pressed);
|
|
371
371
|
--text-color: var(--hop-Badge-primary-text-color-pressed);
|
|
372
372
|
}
|
|
373
|
-
.Badge-module__hop-
|
|
373
|
+
.Badge-module__hop-Badge___j2yOS[data-selected][data-variant=primary] {
|
|
374
374
|
--background-color: var(--hop-Badge-primary-background-color-selected);
|
|
375
375
|
--text-color: var(--hop-Badge-primary-text-color-selected);
|
|
376
376
|
}
|
|
377
|
-
.Badge-module__hop-
|
|
377
|
+
.Badge-module__hop-Badge___j2yOS[data-variant=secondary] {
|
|
378
378
|
--background-color: var(--hop-Badge-secondary-background-color);
|
|
379
379
|
--text-color: var(--hop-Badge-secondary-text-color);
|
|
380
380
|
}
|
|
381
|
-
.Badge-module__hop-
|
|
381
|
+
.Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=secondary] {
|
|
382
382
|
--background-color: var(--hop-Badge-secondary-background-color-hovered);
|
|
383
383
|
--text-color: var(--hop-Badge-secondary-text-color-hovered);
|
|
384
384
|
}
|
|
385
|
-
.Badge-module__hop-
|
|
385
|
+
.Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=secondary] {
|
|
386
386
|
--background-color: var(--hop-Badge-secondary-background-color-pressed);
|
|
387
387
|
--text-color: var(--hop-Badge-secondary-text-color-pressed);
|
|
388
388
|
}
|
|
389
|
-
.Badge-module__hop-
|
|
389
|
+
.Badge-module__hop-Badge___j2yOS[data-selected][data-variant=secondary] {
|
|
390
390
|
--background-color: var(--hop-Badge-secondary-background-color-selected);
|
|
391
391
|
--text-color: var(--hop-Badge-secondary-text-color-selected);
|
|
392
392
|
}
|
|
393
|
-
.Badge-module__hop-
|
|
393
|
+
.Badge-module__hop-Badge___j2yOS[data-variant=subdued] {
|
|
394
394
|
--background-color: var(--hop-Badge-subdued-background-color);
|
|
395
395
|
--text-color: var(--hop-Badge-subdued-text-color);
|
|
396
396
|
}
|
|
397
|
-
.Badge-module__hop-
|
|
397
|
+
.Badge-module__hop-Badge___j2yOS[data-hovered][data-variant=subdued] {
|
|
398
398
|
--background-color: var(--hop-Badge-subdued-background-color-hovered);
|
|
399
399
|
--text-color: var(--hop-Badge-subdued-text-color-hovered);
|
|
400
400
|
}
|
|
401
|
-
.Badge-module__hop-
|
|
401
|
+
.Badge-module__hop-Badge___j2yOS[data-pressed][data-variant=subdued] {
|
|
402
402
|
--background-color: var(--hop-Badge-subdued-background-color-pressed);
|
|
403
403
|
--text-color: var(--hop-Badge-subdued-text-color-pressed);
|
|
404
404
|
}
|
|
405
|
-
.Badge-module__hop-
|
|
405
|
+
.Badge-module__hop-Badge___j2yOS[data-selected][data-variant=subdued] {
|
|
406
406
|
--background-color: var(--hop-Badge-subdued-background-color-selected);
|
|
407
407
|
--text-color: var(--hop-Badge-subdued-text-color-selected);
|
|
408
408
|
}
|
|
409
|
-
.Badge-module__hop-
|
|
409
|
+
.Badge-module__hop-Badge___j2yOS[data-indeterminate] {
|
|
410
410
|
--border-radius: var(--hop-Badge-indeterminate-border-radius);
|
|
411
411
|
--height: var(--hop-Badge-indeterminate-height);
|
|
412
412
|
--width: var(--hop-Badge-indeterminate-width);
|
|
413
413
|
--padding-inline: var(--hop-Badge-indeterminate-padding-inline);
|
|
414
414
|
}
|
|
415
|
-
.Badge-module__hop-
|
|
415
|
+
.Badge-module__hop-Badge___j2yOS[data-disabled] {
|
|
416
416
|
--background-color: var(--hop-Badge-background-color-disabled);
|
|
417
417
|
--text-color: var(--hop-Badge-text-color-disabled);
|
|
418
418
|
}
|
|
419
419
|
|
|
420
420
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
|
|
421
|
-
.FloatingBadge-module__hop-
|
|
421
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU {
|
|
422
422
|
--hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
|
|
423
423
|
--hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
|
|
424
424
|
--hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
|
|
@@ -459,7 +459,7 @@
|
|
|
459
459
|
box-sizing: border-box;
|
|
460
460
|
inline-size: max-content;
|
|
461
461
|
}
|
|
462
|
-
.FloatingBadge-module__hop-
|
|
462
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top right"] {
|
|
463
463
|
--badge-top: var(--hop-FloatingBadge-badge-topright-top);
|
|
464
464
|
--badge-right: var(--hop-FloatingBadge-badge-topright-right);
|
|
465
465
|
--badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
|
|
@@ -467,11 +467,11 @@
|
|
|
467
467
|
--badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
|
|
468
468
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
|
|
469
469
|
}
|
|
470
|
-
.FloatingBadge-module__hop-
|
|
470
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top right"][data-overlap=circular] {
|
|
471
471
|
--badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
|
|
472
472
|
--badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
|
|
473
473
|
}
|
|
474
|
-
.FloatingBadge-module__hop-
|
|
474
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top left"] {
|
|
475
475
|
--badge-top: var(--hop-FloatingBadge-badge-topleft-top);
|
|
476
476
|
--badge-right: var(--hop-FloatingBadge-badge-topleft-right);
|
|
477
477
|
--badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
|
|
@@ -479,11 +479,11 @@
|
|
|
479
479
|
--badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
|
|
480
480
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
|
|
481
481
|
}
|
|
482
|
-
.FloatingBadge-module__hop-
|
|
482
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="top left"][data-overlap=circular] {
|
|
483
483
|
--badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
|
|
484
484
|
--badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
|
|
485
485
|
}
|
|
486
|
-
.FloatingBadge-module__hop-
|
|
486
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom right"] {
|
|
487
487
|
--badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
|
|
488
488
|
--badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
|
|
489
489
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
|
|
@@ -491,11 +491,11 @@
|
|
|
491
491
|
--badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
|
|
492
492
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
|
|
493
493
|
}
|
|
494
|
-
.FloatingBadge-module__hop-
|
|
494
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom right"][data-overlap=circular] {
|
|
495
495
|
--badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
|
|
496
496
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
|
|
497
497
|
}
|
|
498
|
-
.FloatingBadge-module__hop-
|
|
498
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom left"] {
|
|
499
499
|
--badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
|
|
500
500
|
--badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
|
|
501
501
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
|
|
@@ -503,11 +503,11 @@
|
|
|
503
503
|
--badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
|
|
504
504
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
|
|
505
505
|
}
|
|
506
|
-
.FloatingBadge-module__hop-
|
|
506
|
+
.FloatingBadge-module__hop-FloatingBadge___75EoU[data-placement="bottom left"][data-overlap=circular] {
|
|
507
507
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
|
|
508
508
|
--badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
|
|
509
509
|
}
|
|
510
|
-
.FloatingBadge-module__hop-
|
|
510
|
+
.FloatingBadge-module__hop-FloatingBadge__badge___0TxFi {
|
|
511
511
|
position: absolute;
|
|
512
512
|
inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
|
|
513
513
|
transform-origin: var(--badge-transform-origin);
|
|
@@ -515,7 +515,7 @@
|
|
|
515
515
|
}
|
|
516
516
|
|
|
517
517
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
|
|
518
|
-
.IconList-module__hop-
|
|
518
|
+
.IconList-module__hop-IconList___Z6Put {
|
|
519
519
|
--hop-IconList-gap: var(--hop-space-inline-xs);
|
|
520
520
|
display: flex;
|
|
521
521
|
flex-wrap: wrap;
|
|
@@ -524,7 +524,7 @@
|
|
|
524
524
|
}
|
|
525
525
|
|
|
526
526
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
|
|
527
|
-
@keyframes Spinner-
|
|
527
|
+
@keyframes Spinner-module__spin___HWAqt {
|
|
528
528
|
0% {
|
|
529
529
|
transform: rotate(0deg);
|
|
530
530
|
}
|
|
@@ -532,7 +532,7 @@
|
|
|
532
532
|
transform: rotate(360deg);
|
|
533
533
|
}
|
|
534
534
|
}
|
|
535
|
-
.Spinner-module__hop-
|
|
535
|
+
.Spinner-module__hop-Spinner___Zh1Ig {
|
|
536
536
|
--hop-Spinner-border-radius: var(--hop-shape-circle);
|
|
537
537
|
--hop-Spinner-sm-wheel-size: 1rem;
|
|
538
538
|
--hop-Spinner-md-wheel-size: 1.25rem;
|
|
@@ -540,7 +540,7 @@
|
|
|
540
540
|
--hop-Spinner-track-width: 0.125rem;
|
|
541
541
|
--hop-Spinner-track-opacity: 0.2;
|
|
542
542
|
--hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
|
|
543
|
-
--hop-Spinner-fill-animation: Spinner-
|
|
543
|
+
--hop-Spinner-fill-animation: Spinner-module__spin___HWAqt .8s infinite linear;
|
|
544
544
|
--hop-Spinner-fill-animation-reduced-motion-duration: 2s;
|
|
545
545
|
--hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
|
|
546
546
|
--hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
|
|
@@ -551,19 +551,19 @@
|
|
|
551
551
|
align-items: center;
|
|
552
552
|
box-sizing: border-box;
|
|
553
553
|
}
|
|
554
|
-
.Spinner-module__hop-Spinner--
|
|
554
|
+
.Spinner-module__hop-Spinner--sm___xO7jF {
|
|
555
555
|
--width: var(--hop-Spinner-sm-wheel-size);
|
|
556
556
|
--height: var(--hop-Spinner-sm-wheel-size);
|
|
557
557
|
}
|
|
558
|
-
.Spinner-module__hop-Spinner--
|
|
558
|
+
.Spinner-module__hop-Spinner--md___86MBc {
|
|
559
559
|
--width: var(--hop-Spinner-md-wheel-size);
|
|
560
560
|
--height: var(--hop-Spinner-md-wheel-size);
|
|
561
561
|
}
|
|
562
|
-
.Spinner-module__hop-Spinner--
|
|
562
|
+
.Spinner-module__hop-Spinner--lg___6WVVx {
|
|
563
563
|
--width: var(--hop-Spinner-lg-wheel-size);
|
|
564
564
|
--height: var(--hop-Spinner-lg-wheel-size);
|
|
565
565
|
}
|
|
566
|
-
.Spinner-module__hop-
|
|
566
|
+
.Spinner-module__hop-Spinner__track___bSJvF {
|
|
567
567
|
grid-area: spinner;
|
|
568
568
|
box-sizing: border-box;
|
|
569
569
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -572,7 +572,7 @@
|
|
|
572
572
|
border: var(--hop-Spinner-track-border);
|
|
573
573
|
border-radius: var(--hop-Spinner-border-radius);
|
|
574
574
|
}
|
|
575
|
-
.Spinner-module__hop-
|
|
575
|
+
.Spinner-module__hop-Spinner__fill___HqVd1 {
|
|
576
576
|
grid-area: spinner;
|
|
577
577
|
box-sizing: border-box;
|
|
578
578
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -583,17 +583,17 @@
|
|
|
583
583
|
animation: var(--hop-Spinner-fill-animation);
|
|
584
584
|
}
|
|
585
585
|
@media (prefers-reduced-motion: reduce) {
|
|
586
|
-
.Spinner-module__hop-
|
|
586
|
+
.Spinner-module__hop-Spinner__fill___HqVd1 {
|
|
587
587
|
animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
|
|
588
588
|
}
|
|
589
589
|
}
|
|
590
|
-
.Spinner-module__hop-
|
|
590
|
+
.Spinner-module__hop-Spinner__label___u732A {
|
|
591
591
|
grid-area: label;
|
|
592
592
|
margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
|
|
593
593
|
}
|
|
594
594
|
|
|
595
595
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
|
|
596
|
-
.Button-module__hop-
|
|
596
|
+
.Button-module__hop-Button___lmqpa {
|
|
597
597
|
--hop-Button-border-radius: var(--hop-shape-rounded-md);
|
|
598
598
|
--hop-Button-focus-ring-color: var(--hop-primary-border-focus);
|
|
599
599
|
--hop-Button-icon-only-padding: 0;
|
|
@@ -752,317 +752,317 @@
|
|
|
752
752
|
background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
|
|
753
753
|
border var(--hop-easing-duration-2) var(--hop-easing-productive);
|
|
754
754
|
}
|
|
755
|
-
.Button-module__hop-
|
|
755
|
+
.Button-module__hop-Button___lmqpa[data-focus-visible] {
|
|
756
756
|
outline: 0.125rem solid var(--hop-Button-focus-ring-color);
|
|
757
757
|
}
|
|
758
|
-
.Button-module__hop-Button--icon-
|
|
758
|
+
.Button-module__hop-Button--icon-only___2xBXm {
|
|
759
759
|
--padding-block: var(--hop-Button-icon-only-padding);
|
|
760
760
|
--padding-inline: var(--hop-Button-icon-only-padding);
|
|
761
761
|
column-gap: 0;
|
|
762
762
|
aspect-ratio: 1;
|
|
763
763
|
}
|
|
764
|
-
.Button-module__hop-
|
|
765
|
-
.Button-module__hop-
|
|
764
|
+
.Button-module__hop-Button___lmqpa[data-disabled],
|
|
765
|
+
.Button-module__hop-Button___lmqpa[data-loading] {
|
|
766
766
|
cursor: not-allowed;
|
|
767
767
|
}
|
|
768
|
-
.Button-module__hop-Button--
|
|
768
|
+
.Button-module__hop-Button--fluid___l-oPy {
|
|
769
769
|
--inline-size: 100%;
|
|
770
770
|
}
|
|
771
|
-
.Button-module__hop-Button--
|
|
771
|
+
.Button-module__hop-Button--sm___BH-SD {
|
|
772
772
|
--block-size: var(--hop-Button-sm-height);
|
|
773
773
|
}
|
|
774
|
-
.Button-module__hop-Button--
|
|
774
|
+
.Button-module__hop-Button--primary___kVWtX.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
775
775
|
--padding-inline: var(--hop-Button-primary-sm-padding-x);
|
|
776
776
|
--padding-block: var(--hop-Button-primary-sm-padding-y);
|
|
777
777
|
}
|
|
778
|
-
.Button-module__hop-Button--
|
|
778
|
+
.Button-module__hop-Button--primary___kVWtX.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
779
779
|
--padding-inline: var(--hop-Button-primary-md-padding-x);
|
|
780
780
|
--padding-block: var(--hop-Button-primary-md-padding-y);
|
|
781
781
|
}
|
|
782
|
-
.Button-module__hop-Button--
|
|
782
|
+
.Button-module__hop-Button--secondary___PBpba.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
783
783
|
--padding-inline: var(--hop-Button-secondary-md-padding-x);
|
|
784
784
|
--padding-block: var(--hop-Button-secondary-md-padding-y);
|
|
785
785
|
}
|
|
786
|
-
.Button-module__hop-Button--
|
|
786
|
+
.Button-module__hop-Button--secondary___PBpba.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
787
787
|
--padding-inline: var(--hop-Button-secondary-sm-padding-x);
|
|
788
788
|
--padding-block: var(--hop-Button-secondary-sm-padding-y);
|
|
789
789
|
}
|
|
790
|
-
.Button-module__hop-Button--
|
|
790
|
+
.Button-module__hop-Button--upsell___f4MnG.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
791
791
|
--padding-inline: var(--hop-Button-upsell-md-padding-x);
|
|
792
792
|
--padding-block: var(--hop-Button-upsell-md-padding-y);
|
|
793
793
|
}
|
|
794
|
-
.Button-module__hop-Button--
|
|
794
|
+
.Button-module__hop-Button--upsell___f4MnG.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
795
795
|
--padding-inline: var(--hop-Button-upsell-sm-padding-x);
|
|
796
796
|
--padding-block: var(--hop-Button-upsell-sm-padding-y);
|
|
797
797
|
}
|
|
798
|
-
.Button-module__hop-Button--
|
|
798
|
+
.Button-module__hop-Button--danger___TV-l6.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
799
799
|
--padding-inline: var(--hop-Button-danger-md-padding-x);
|
|
800
800
|
--padding-block: var(--hop-Button-danger-md-padding-y);
|
|
801
801
|
}
|
|
802
|
-
.Button-module__hop-Button--
|
|
802
|
+
.Button-module__hop-Button--danger___TV-l6.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
803
803
|
--padding-inline: var(--hop-Button-danger-sm-padding-x);
|
|
804
804
|
--padding-block: var(--hop-Button-danger-sm-padding-y);
|
|
805
805
|
}
|
|
806
|
-
.Button-module__hop-Button--ghost-
|
|
806
|
+
.Button-module__hop-Button--ghost-danger___qqiOP.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
807
807
|
--padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
|
|
808
808
|
--padding-block: var(--hop-Button-ghost-danger-md-padding-y);
|
|
809
809
|
}
|
|
810
|
-
.Button-module__hop-Button--ghost-
|
|
810
|
+
.Button-module__hop-Button--ghost-danger___qqiOP.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
811
811
|
--padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
|
|
812
812
|
--padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
|
|
813
813
|
}
|
|
814
|
-
.Button-module__hop-Button--ghost-
|
|
814
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
815
815
|
--padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
|
|
816
816
|
--padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
|
|
817
817
|
}
|
|
818
|
-
.Button-module__hop-Button--ghost-
|
|
818
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
819
819
|
--padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
|
|
820
820
|
--padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
|
|
821
821
|
}
|
|
822
|
-
.Button-module__hop-Button--ghost-
|
|
822
|
+
.Button-module__hop-Button--ghost-primary___VOEr-.Button-module__hop-Button--md___UEh5L:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
823
823
|
--padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
|
|
824
824
|
--padding-block: var(--hop-Button-ghost-primary-md-padding-y);
|
|
825
825
|
}
|
|
826
|
-
.Button-module__hop-Button--ghost-
|
|
826
|
+
.Button-module__hop-Button--ghost-primary___VOEr-.Button-module__hop-Button--sm___BH-SD:not(.Button-module__hop-Button--icon-only___2xBXm) {
|
|
827
827
|
--padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
|
|
828
828
|
--padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
|
|
829
829
|
}
|
|
830
|
-
.Button-module__hop-Button--
|
|
830
|
+
.Button-module__hop-Button--primary___kVWtX {
|
|
831
831
|
--background-color: var(--hop-Button-primary-background-color);
|
|
832
832
|
--color: var(--hop-Button-primary-color);
|
|
833
833
|
--border: var(--hop-Button-primary-border);
|
|
834
834
|
--spinner-color: var(--hop-Button-primary-spinner-color);
|
|
835
835
|
}
|
|
836
|
-
.Button-module__hop-Button--
|
|
836
|
+
.Button-module__hop-Button--primary___kVWtX[data-disabled]:not([data-loading]) {
|
|
837
837
|
--background-color: var(--hop-Button-primary-background-color-disabled);
|
|
838
838
|
--color: var(--hop-Button-primary-color-disabled);
|
|
839
839
|
--border: var(--hop-Button-primary-border-disabled);
|
|
840
840
|
}
|
|
841
|
-
.Button-module__hop-Button--
|
|
842
|
-
.Button-module__hop-Button--
|
|
841
|
+
.Button-module__hop-Button--primary___kVWtX[data-hovered]:not([data-disabled], [data-loading]),
|
|
842
|
+
.Button-module__hop-Button--primary___kVWtX[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
843
843
|
--background-color: var(--hop-Button-primary-background-color-hover);
|
|
844
844
|
--color: var(--hop-Button-primary-color-hover);
|
|
845
845
|
--border: var(--hop-Button-primary-border-hover);
|
|
846
846
|
}
|
|
847
|
-
.Button-module__hop-Button--
|
|
847
|
+
.Button-module__hop-Button--primary___kVWtX[data-pressed]:not([data-loading]) {
|
|
848
848
|
--background-color: var(--hop-Button-primary-background-color-pressed);
|
|
849
849
|
--color: var(--hop-Button-primary-color-pressed);
|
|
850
850
|
--border: var(--hop-Button-primary-border-pressed);
|
|
851
851
|
}
|
|
852
|
-
.Button-module__hop-Button--
|
|
852
|
+
.Button-module__hop-Button--secondary___PBpba {
|
|
853
853
|
--background-color: var(--hop-Button-secondary-background-color);
|
|
854
854
|
--color: var(--hop-Button-secondary-color);
|
|
855
855
|
--border: var(--hop-Button-secondary-border);
|
|
856
856
|
--spinner-color: var(--hop-Button-secondary-spinner-color);
|
|
857
857
|
}
|
|
858
|
-
.Button-module__hop-Button--
|
|
858
|
+
.Button-module__hop-Button--secondary___PBpba[data-disabled]:not([data-loading]) {
|
|
859
859
|
--background-color: var(--hop-Button-secondary-background-color-disabled);
|
|
860
860
|
--color: var(--hop-Button-secondary-color-disabled);
|
|
861
861
|
--border: var(--hop-Button-secondary-border-disabled);
|
|
862
862
|
}
|
|
863
|
-
.Button-module__hop-Button--
|
|
864
|
-
.Button-module__hop-Button--
|
|
863
|
+
.Button-module__hop-Button--secondary___PBpba[data-hovered]:not([data-disabled], [data-loading]),
|
|
864
|
+
.Button-module__hop-Button--secondary___PBpba[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
865
865
|
--background-color: var(--hop-Button-secondary-background-color-hover);
|
|
866
866
|
--color: var(--hop-Button-secondary-color-hover);
|
|
867
867
|
--border: var(--hop-Button-secondary-border-hover);
|
|
868
868
|
}
|
|
869
|
-
.Button-module__hop-Button--
|
|
869
|
+
.Button-module__hop-Button--secondary___PBpba[data-pressed]:not([data-loading]) {
|
|
870
870
|
--background-color: var(--hop-Button-secondary-background-color-pressed);
|
|
871
871
|
--color: var(--hop-Button-secondary-color-pressed);
|
|
872
872
|
--border: var(--hop-Button-secondary-border-pressed);
|
|
873
873
|
}
|
|
874
|
-
.Button-module__hop-Button--
|
|
874
|
+
.Button-module__hop-Button--upsell___f4MnG {
|
|
875
875
|
--background-color: var(--hop-Button-upsell-background-color);
|
|
876
876
|
--color: var(--hop-Button-upsell-color);
|
|
877
877
|
--border: var(--hop-Button-upsell-border);
|
|
878
878
|
--spinner-color: var(--hop-Button-upsell-spinner-color);
|
|
879
879
|
}
|
|
880
|
-
.Button-module__hop-Button--
|
|
880
|
+
.Button-module__hop-Button--upsell___f4MnG[data-disabled]:not([data-loading]) {
|
|
881
881
|
--background-color: var(--hop-Button-upsell-background-color-disabled);
|
|
882
882
|
--color: var(--hop-Button-upsell-color-disabled);
|
|
883
883
|
--border: var(--hop-Button-upsell-border-disabled);
|
|
884
884
|
}
|
|
885
|
-
.Button-module__hop-Button--
|
|
886
|
-
.Button-module__hop-Button--
|
|
885
|
+
.Button-module__hop-Button--upsell___f4MnG[data-hovered]:not([data-disabled], [data-loading]),
|
|
886
|
+
.Button-module__hop-Button--upsell___f4MnG[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
887
887
|
--background-color: var(--hop-Button-upsell-background-color-hover);
|
|
888
888
|
--color: var(--hop-Button-upsell-color-hover);
|
|
889
889
|
--border: var(--hop-Button-upsell-border-hover);
|
|
890
890
|
}
|
|
891
|
-
.Button-module__hop-Button--
|
|
891
|
+
.Button-module__hop-Button--upsell___f4MnG[data-pressed]:not([data-loading]) {
|
|
892
892
|
--background-color: var(--hop-Button-upsell-background-color-pressed);
|
|
893
893
|
--color: var(--hop-Button-upsell-color-pressed);
|
|
894
894
|
--border: var(--hop-Button-upsell-border-pressed);
|
|
895
895
|
}
|
|
896
|
-
.Button-module__hop-Button--
|
|
896
|
+
.Button-module__hop-Button--danger___TV-l6 {
|
|
897
897
|
--background-color: var(--hop-Button-danger-background-color);
|
|
898
898
|
--color: var(--hop-Button-danger-color);
|
|
899
899
|
--border: var(--hop-Button-danger-border);
|
|
900
900
|
--spinner-color: var(--hop-Button-danger-spinner-color);
|
|
901
901
|
}
|
|
902
|
-
.Button-module__hop-Button--
|
|
902
|
+
.Button-module__hop-Button--danger___TV-l6[data-disabled]:not([data-loading]) {
|
|
903
903
|
--background-color: var(--hop-Button-danger-background-color-disabled);
|
|
904
904
|
--color: var(--hop-Button-danger-color-disabled);
|
|
905
905
|
--border: var(--hop-Button-danger-border-disabled);
|
|
906
906
|
}
|
|
907
|
-
.Button-module__hop-Button--
|
|
908
|
-
.Button-module__hop-Button--
|
|
907
|
+
.Button-module__hop-Button--danger___TV-l6[data-hovered]:not([data-disabled], [data-loading]),
|
|
908
|
+
.Button-module__hop-Button--danger___TV-l6[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
909
909
|
--background-color: var(--hop-Button-danger-background-color-hover);
|
|
910
910
|
--color: var(--hop-Button-danger-color-hover);
|
|
911
911
|
--border: var(--hop-Button-danger-border-hover);
|
|
912
912
|
}
|
|
913
|
-
.Button-module__hop-Button--
|
|
913
|
+
.Button-module__hop-Button--danger___TV-l6[data-pressed]:not([data-loading]) {
|
|
914
914
|
--background-color: var(--hop-Button-danger-background-color-pressed);
|
|
915
915
|
--color: var(--hop-Button-danger-color-pressed);
|
|
916
916
|
--border: var(--hop-Button-danger-border-pressed);
|
|
917
917
|
}
|
|
918
|
-
.Button-module__hop-Button--ghost-
|
|
918
|
+
.Button-module__hop-Button--ghost-primary___VOEr- {
|
|
919
919
|
--background-color: var(--hop-Button-ghost-primary-background-color);
|
|
920
920
|
--color: var(--hop-Button-ghost-primary-color);
|
|
921
921
|
--border: var(--hop-Button-ghost-primary-border);
|
|
922
922
|
--spinner-color: var(--hop-Button-ghost-primary-spinner-color);
|
|
923
923
|
}
|
|
924
|
-
.Button-module__hop-Button--ghost-
|
|
924
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-disabled]:not([data-loading]) {
|
|
925
925
|
--background-color: var(--hop-Button-ghost-primary-background-color-disabled);
|
|
926
926
|
--color: var(--hop-Button-ghost-primary-color-disabled);
|
|
927
927
|
--border: var(--hop-Button-ghost-primary-border-disabled);
|
|
928
928
|
}
|
|
929
|
-
.Button-module__hop-Button--ghost-
|
|
930
|
-
.Button-module__hop-Button--ghost-
|
|
929
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-hovered]:not([data-disabled], [data-loading]),
|
|
930
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
931
931
|
--background-color: var(--hop-Button-ghost-primary-background-color-hover);
|
|
932
932
|
--color: var(--hop-Button-ghost-primary-color-hover);
|
|
933
933
|
--border: var(--hop-Button-ghost-primary-border-hover);
|
|
934
934
|
}
|
|
935
|
-
.Button-module__hop-Button--ghost-
|
|
935
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-pressed]:not([data-loading]) {
|
|
936
936
|
--background-color: var(--hop-Button-ghost-primary-background-color-pressed);
|
|
937
937
|
--color: var(--hop-Button-ghost-primary-color-pressed);
|
|
938
938
|
--border: var(--hop-Button-ghost-primary-border-pressed);
|
|
939
939
|
}
|
|
940
|
-
.Button-module__hop-Button--ghost-
|
|
940
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm {
|
|
941
941
|
--background-color: var(--hop-Button-ghost-secondary-background-color);
|
|
942
942
|
--color: var(--hop-Button-ghost-secondary-color);
|
|
943
943
|
--border: var(--hop-Button-ghost-secondary-border);
|
|
944
944
|
--spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
|
|
945
945
|
}
|
|
946
|
-
.Button-module__hop-Button--ghost-
|
|
946
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-disabled]:not([data-loading]) {
|
|
947
947
|
--background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
|
|
948
948
|
--color: var(--hop-Button-ghost-secondary-color-disabled);
|
|
949
949
|
--border: var(--hop-Button-ghost-secondary-border-disabled);
|
|
950
950
|
}
|
|
951
|
-
.Button-module__hop-Button--ghost-
|
|
952
|
-
.Button-module__hop-Button--ghost-
|
|
951
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-hovered]:not([data-disabled], [data-loading]),
|
|
952
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
953
953
|
--background-color: var(--hop-Button-ghost-secondary-background-color-hover);
|
|
954
954
|
--color: var(--hop-Button-ghost-secondary-color-hover);
|
|
955
955
|
--border: var(--hop-Button-ghost-secondary-border-hover);
|
|
956
956
|
}
|
|
957
|
-
.Button-module__hop-Button--ghost-
|
|
957
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-pressed]:not([data-loading]) {
|
|
958
958
|
--background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
|
|
959
959
|
--color: var(--hop-Button-ghost-secondary-color-pressed);
|
|
960
960
|
--border: var(--hop-Button-ghost-secondary-border-pressed);
|
|
961
961
|
}
|
|
962
|
-
.Button-module__hop-Button--ghost-
|
|
962
|
+
.Button-module__hop-Button--ghost-danger___qqiOP {
|
|
963
963
|
--background-color: var(--hop-Button-ghost-danger-background-color);
|
|
964
964
|
--color: var(--hop-Button-ghost-danger-color);
|
|
965
965
|
--border: var(--hop-Button-ghost-danger-border);
|
|
966
966
|
--spinner-color: var(--hop-Button-ghost-danger-spinner-color);
|
|
967
967
|
}
|
|
968
|
-
.Button-module__hop-Button--ghost-
|
|
968
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-disabled]:not([data-loading]) {
|
|
969
969
|
--background-color: var(--hop-Button-ghost-danger-background-color-disabled);
|
|
970
970
|
--color: var(--hop-Button-ghost-danger-color-disabled);
|
|
971
971
|
--border: var(--hop-Button-ghost-danger-border-disabled);
|
|
972
972
|
}
|
|
973
|
-
.Button-module__hop-Button--ghost-
|
|
974
|
-
.Button-module__hop-Button--ghost-
|
|
973
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-hovered]:not([data-disabled], [data-loading]),
|
|
974
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
975
975
|
--background-color: var(--hop-Button-ghost-danger-background-color-hover);
|
|
976
976
|
--color: var(--hop-Button-ghost-danger-color-hover);
|
|
977
977
|
--border: var(--hop-Button-ghost-danger-border-hover);
|
|
978
978
|
}
|
|
979
|
-
.Button-module__hop-Button--ghost-
|
|
979
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-pressed]:not([data-loading]) {
|
|
980
980
|
--background-color: var(--hop-Button-ghost-danger-background-color-pressed);
|
|
981
981
|
--color: var(--hop-Button-ghost-danger-color-pressed);
|
|
982
982
|
--border: var(--hop-Button-ghost-danger-border-pressed);
|
|
983
983
|
}
|
|
984
|
-
.Button-module__hop-
|
|
984
|
+
.Button-module__hop-Button__Spinner___R38Q- {
|
|
985
985
|
position: absolute;
|
|
986
986
|
justify-self: center;
|
|
987
987
|
color: var(--spinner-color);
|
|
988
988
|
}
|
|
989
|
-
.Button-module__hop-
|
|
990
|
-
.Button-module__hop-Button__icon-
|
|
989
|
+
.Button-module__hop-Button__icon___ytKYx,
|
|
990
|
+
.Button-module__hop-Button__icon-list___MguPH {
|
|
991
991
|
grid-area: start-icon;
|
|
992
992
|
justify-self: end;
|
|
993
993
|
}
|
|
994
|
-
.Button-module__hop-
|
|
994
|
+
.Button-module__hop-Button__text___hzQn3 {
|
|
995
995
|
user-select: none;
|
|
996
996
|
overflow: visible;
|
|
997
997
|
grid-area: content;
|
|
998
998
|
font-weight: var(--hop-font-weight-505);
|
|
999
999
|
text-wrap: nowrap;
|
|
1000
1000
|
}
|
|
1001
|
-
.Button-module__hop-Button--ghost-
|
|
1002
|
-
.Button-module__hop-Button--ghost-
|
|
1003
|
-
.Button-module__hop-Button--ghost-
|
|
1004
|
-
.Button-module__hop-Button--ghost-
|
|
1005
|
-
.Button-module__hop-Button--ghost-
|
|
1006
|
-
.Button-module__hop-Button--ghost-
|
|
1007
|
-
.Button-module__hop-Button--ghost-
|
|
1008
|
-
.Button-module__hop-Button--ghost-
|
|
1009
|
-
.Button-module__hop-Button--ghost-
|
|
1001
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
1002
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
1003
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
1004
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
1005
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
1006
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
1007
|
+
.Button-module__hop-Button--ghost-primary___VOEr-[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
1008
|
+
.Button-module__hop-Button--ghost-secondary___PyKnm[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hzQn3,
|
|
1009
|
+
.Button-module__hop-Button--ghost-danger___qqiOP[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hzQn3 {
|
|
1010
1010
|
text-decoration: underline;
|
|
1011
1011
|
text-underline-offset: 0.125rem;
|
|
1012
1012
|
}
|
|
1013
|
-
.Button-module__hop-Button__end-
|
|
1014
|
-
.Button-module__hop-Button__end-icon-
|
|
1013
|
+
.Button-module__hop-Button__end-icon___iWHO9,
|
|
1014
|
+
.Button-module__hop-Button__end-icon-list___WUaQk {
|
|
1015
1015
|
grid-area: end-icon;
|
|
1016
1016
|
}
|
|
1017
|
-
.Button-module__hop-
|
|
1018
|
-
.Button-module__hop-
|
|
1017
|
+
.Button-module__hop-Button___lmqpa .Button-module__hop-Button__icon-list___MguPH,
|
|
1018
|
+
.Button-module__hop-Button___lmqpa .Button-module__hop-Button__end-icon-list___WUaQk {
|
|
1019
1019
|
flex-wrap: nowrap;
|
|
1020
1020
|
}
|
|
1021
|
-
.Button-module__hop-
|
|
1021
|
+
.Button-module__hop-Button___lmqpa[data-loading] > *:not(.Button-module__hop-Button__Spinner___R38Q-) {
|
|
1022
1022
|
opacity: 0;
|
|
1023
1023
|
}
|
|
1024
1024
|
|
|
1025
1025
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
|
|
1026
|
-
.ButtonGroup-module__hop-
|
|
1026
|
+
.ButtonGroup-module__hop-ButtonGroup___iKTaw {
|
|
1027
1027
|
display: inline-flex;
|
|
1028
1028
|
flex-wrap: nowrap;
|
|
1029
1029
|
gap: var(--hop-space-inline-md);
|
|
1030
1030
|
}
|
|
1031
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1031
|
+
.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
|
|
1032
1032
|
justify-content: center;
|
|
1033
1033
|
}
|
|
1034
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1034
|
+
.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
|
|
1035
1035
|
flex-direction: column;
|
|
1036
1036
|
gap: var(--hop-space-stack-md);
|
|
1037
1037
|
align-items: center;
|
|
1038
1038
|
}
|
|
1039
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1039
|
+
.ButtonGroup-module__hop-ButtonGroup--start___gzKmS.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
|
|
1040
1040
|
align-items: flex-start;
|
|
1041
1041
|
}
|
|
1042
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1042
|
+
.ButtonGroup-module__hop-ButtonGroup--center___on-lE.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
|
|
1043
1043
|
align-items: center;
|
|
1044
1044
|
}
|
|
1045
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1045
|
+
.ButtonGroup-module__hop-ButtonGroup--end___5rjyN.ButtonGroup-module__hop-ButtonGroup--vertical___yzfDT {
|
|
1046
1046
|
align-items: flex-end;
|
|
1047
1047
|
}
|
|
1048
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1048
|
+
.ButtonGroup-module__hop-ButtonGroup--start___gzKmS.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
|
|
1049
1049
|
justify-content: flex-start;
|
|
1050
1050
|
}
|
|
1051
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1051
|
+
.ButtonGroup-module__hop-ButtonGroup--center___on-lE.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
|
|
1052
1052
|
justify-content: center;
|
|
1053
1053
|
}
|
|
1054
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1054
|
+
.ButtonGroup-module__hop-ButtonGroup--end___5rjyN.ButtonGroup-module__hop-ButtonGroup--horizontal___18PFZ {
|
|
1055
1055
|
justify-content: flex-end;
|
|
1056
1056
|
}
|
|
1057
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1057
|
+
.ButtonGroup-module__hop-ButtonGroup--wrap___sCH-F {
|
|
1058
1058
|
flex-wrap: wrap;
|
|
1059
1059
|
}
|
|
1060
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1060
|
+
.ButtonGroup-module__hop-ButtonGroup--fluid___2duGA {
|
|
1061
1061
|
inline-size: 100%;
|
|
1062
1062
|
}
|
|
1063
1063
|
|
|
1064
1064
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
|
|
1065
|
-
.EmbeddedButton-module__hop-
|
|
1065
|
+
.EmbeddedButton-module__hop-EmbeddedButton___etrFw {
|
|
1066
1066
|
--hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
|
|
1067
1067
|
--hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
|
|
1068
1068
|
--hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
|
|
@@ -1225,7 +1225,7 @@
|
|
|
1225
1225
|
outline: none;
|
|
1226
1226
|
transition: color var(--transition);
|
|
1227
1227
|
}
|
|
1228
|
-
.EmbeddedButton-module__hop-
|
|
1228
|
+
.EmbeddedButton-module__hop-EmbeddedButton___etrFw::before {
|
|
1229
1229
|
content: "";
|
|
1230
1230
|
position: absolute;
|
|
1231
1231
|
inset-block-start: 50%;
|
|
@@ -1238,281 +1238,281 @@
|
|
|
1238
1238
|
border-radius: var(--effect-border-radius);
|
|
1239
1239
|
transition: background-color var(--transition);
|
|
1240
1240
|
}
|
|
1241
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1241
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___7bL0V {
|
|
1242
1242
|
--inline-size: var(--hop-EmbeddedButton-md-width);
|
|
1243
1243
|
--block-size: var(--hop-EmbeddedButton-md-height);
|
|
1244
1244
|
--focus-ring-offset: calc(-1 * var(--focus-ring-size));
|
|
1245
1245
|
}
|
|
1246
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1246
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___5Zw59 {
|
|
1247
1247
|
--inline-size: var(--hop-EmbeddedButton-lg-width);
|
|
1248
1248
|
--block-size: var(--hop-EmbeddedButton-lg-height);
|
|
1249
1249
|
--focus-ring-offset: 0;
|
|
1250
1250
|
}
|
|
1251
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1251
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___7bL0V::before {
|
|
1252
1252
|
--effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
|
|
1253
1253
|
--effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
|
|
1254
1254
|
}
|
|
1255
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1255
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___5Zw59::before {
|
|
1256
1256
|
--effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
|
|
1257
1257
|
--effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
|
|
1258
1258
|
}
|
|
1259
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1259
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8 {
|
|
1260
1260
|
--color: var(--hop-EmbeddedButton-neutral-color);
|
|
1261
1261
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
|
|
1262
1262
|
}
|
|
1263
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1263
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka {
|
|
1264
1264
|
--color: var(--hop-EmbeddedButton-subdued-color);
|
|
1265
1265
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
|
|
1266
1266
|
}
|
|
1267
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1267
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___axihG {
|
|
1268
1268
|
--color: var(--hop-EmbeddedButton-progress-color);
|
|
1269
1269
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
|
|
1270
1270
|
}
|
|
1271
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1271
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A {
|
|
1272
1272
|
--color: var(--hop-EmbeddedButton-positive-color);
|
|
1273
1273
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
|
|
1274
1274
|
}
|
|
1275
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1275
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9 {
|
|
1276
1276
|
--color: var(--hop-EmbeddedButton-caution-color);
|
|
1277
1277
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
|
|
1278
1278
|
}
|
|
1279
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1279
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E {
|
|
1280
1280
|
--color: var(--hop-EmbeddedButton-negative-color);
|
|
1281
1281
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
|
|
1282
1282
|
}
|
|
1283
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1283
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp {
|
|
1284
1284
|
--color: var(--hop-EmbeddedButton-option1-color);
|
|
1285
1285
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
|
|
1286
1286
|
}
|
|
1287
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1287
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C- {
|
|
1288
1288
|
--color: var(--hop-EmbeddedButton-option2-color);
|
|
1289
1289
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
|
|
1290
1290
|
}
|
|
1291
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1291
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y {
|
|
1292
1292
|
--color: var(--hop-EmbeddedButton-option3-color);
|
|
1293
1293
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
|
|
1294
1294
|
}
|
|
1295
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1295
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP {
|
|
1296
1296
|
--color: var(--hop-EmbeddedButton-option4-color);
|
|
1297
1297
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
|
|
1298
1298
|
}
|
|
1299
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1299
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC {
|
|
1300
1300
|
--color: var(--hop-EmbeddedButton-option5-color);
|
|
1301
1301
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
|
|
1302
1302
|
}
|
|
1303
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1303
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk {
|
|
1304
1304
|
--color: var(--hop-EmbeddedButton-option6-color);
|
|
1305
1305
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
|
|
1306
1306
|
}
|
|
1307
|
-
.EmbeddedButton-module__hop-
|
|
1307
|
+
.EmbeddedButton-module__hop-EmbeddedButton___etrFw[data-selected] {
|
|
1308
1308
|
--color: var(--hop-EmbeddedButton-selected-color);
|
|
1309
1309
|
--effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
|
|
1310
1310
|
}
|
|
1311
|
-
.EmbeddedButton-module__hop-
|
|
1311
|
+
.EmbeddedButton-module__hop-EmbeddedButton___etrFw[data-focus-visible] {
|
|
1312
1312
|
outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
|
|
1313
1313
|
outline-offset: var(--focus-ring-offset);
|
|
1314
1314
|
}
|
|
1315
|
-
.EmbeddedButton-module__hop-
|
|
1315
|
+
.EmbeddedButton-module__hop-EmbeddedButton___etrFw[data-disabled] {
|
|
1316
1316
|
cursor: not-allowed;
|
|
1317
1317
|
}
|
|
1318
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1318
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-hovered] {
|
|
1319
1319
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
|
|
1320
1320
|
--color: var(--hop-EmbeddedButton-neutral-color-hovered);
|
|
1321
1321
|
}
|
|
1322
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1322
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-focus-visible] {
|
|
1323
1323
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
|
|
1324
1324
|
--color: var(--hop-EmbeddedButton-neutral-color-focused);
|
|
1325
1325
|
}
|
|
1326
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1326
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-pressed] {
|
|
1327
1327
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
|
|
1328
1328
|
--color: var(--hop-EmbeddedButton-neutral-color-pressed);
|
|
1329
1329
|
}
|
|
1330
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1330
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8[data-disabled] {
|
|
1331
1331
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
|
|
1332
1332
|
--color: var(--hop-EmbeddedButton-neutral-color-disabled);
|
|
1333
1333
|
}
|
|
1334
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1334
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-hovered] {
|
|
1335
1335
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
|
|
1336
1336
|
--color: var(--hop-EmbeddedButton-subdued-color-hovered);
|
|
1337
1337
|
}
|
|
1338
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1338
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-focus-visible] {
|
|
1339
1339
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
|
|
1340
1340
|
--color: var(--hop-EmbeddedButton-subdued-color-focused);
|
|
1341
1341
|
}
|
|
1342
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1342
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-pressed] {
|
|
1343
1343
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
|
|
1344
1344
|
--color: var(--hop-EmbeddedButton-subdued-color-pressed);
|
|
1345
1345
|
}
|
|
1346
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1346
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka[data-disabled] {
|
|
1347
1347
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
|
|
1348
1348
|
--color: var(--hop-EmbeddedButton-subdued-color-disabled);
|
|
1349
1349
|
}
|
|
1350
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1350
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-hovered] {
|
|
1351
1351
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
|
|
1352
1352
|
--color: var(--hop-EmbeddedButton-progress-color-hovered);
|
|
1353
1353
|
}
|
|
1354
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1354
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-focus-visible] {
|
|
1355
1355
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
|
|
1356
1356
|
--color: var(--hop-EmbeddedButton-progress-color-focused);
|
|
1357
1357
|
}
|
|
1358
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1358
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-pressed] {
|
|
1359
1359
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
|
|
1360
1360
|
--color: var(--hop-EmbeddedButton-progress-color-pressed);
|
|
1361
1361
|
}
|
|
1362
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1362
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___axihG[data-disabled] {
|
|
1363
1363
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
|
|
1364
1364
|
--color: var(--hop-EmbeddedButton-progress-color-disabled);
|
|
1365
1365
|
}
|
|
1366
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1366
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-hovered] {
|
|
1367
1367
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
|
|
1368
1368
|
--color: var(--hop-EmbeddedButton-positive-color-hovered);
|
|
1369
1369
|
}
|
|
1370
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1370
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-focus-visible] {
|
|
1371
1371
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
|
|
1372
1372
|
--color: var(--hop-EmbeddedButton-positive-color-focused);
|
|
1373
1373
|
}
|
|
1374
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1374
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-pressed] {
|
|
1375
1375
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
|
|
1376
1376
|
--color: var(--hop-EmbeddedButton-positive-color-pressed);
|
|
1377
1377
|
}
|
|
1378
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1378
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A[data-disabled] {
|
|
1379
1379
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
|
|
1380
1380
|
--color: var(--hop-EmbeddedButton-positive-color-disabled);
|
|
1381
1381
|
}
|
|
1382
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1382
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-hovered] {
|
|
1383
1383
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
|
|
1384
1384
|
--color: var(--hop-EmbeddedButton-caution-color-hovered);
|
|
1385
1385
|
}
|
|
1386
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1386
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-focus-visible] {
|
|
1387
1387
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
|
|
1388
1388
|
--color: var(--hop-EmbeddedButton-caution-color-focused);
|
|
1389
1389
|
}
|
|
1390
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1390
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-pressed] {
|
|
1391
1391
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
|
|
1392
1392
|
--color: var(--hop-EmbeddedButton-caution-color-pressed);
|
|
1393
1393
|
}
|
|
1394
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1394
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9[data-disabled] {
|
|
1395
1395
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
|
|
1396
1396
|
--color: var(--hop-EmbeddedButton-caution-color-disabled);
|
|
1397
1397
|
}
|
|
1398
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1398
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-hovered] {
|
|
1399
1399
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
|
|
1400
1400
|
--color: var(--hop-EmbeddedButton-negative-color-hovered);
|
|
1401
1401
|
}
|
|
1402
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1402
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-focus-visible] {
|
|
1403
1403
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
|
|
1404
1404
|
--color: var(--hop-EmbeddedButton-negative-color-focused);
|
|
1405
1405
|
}
|
|
1406
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1406
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-pressed] {
|
|
1407
1407
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
|
|
1408
1408
|
--color: var(--hop-EmbeddedButton-negative-color-pressed);
|
|
1409
1409
|
}
|
|
1410
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1410
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E[data-disabled] {
|
|
1411
1411
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
|
|
1412
1412
|
--color: var(--hop-EmbeddedButton-negative-color-disabled);
|
|
1413
1413
|
}
|
|
1414
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1414
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-hovered] {
|
|
1415
1415
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
|
|
1416
1416
|
--color: var(--hop-EmbeddedButton-option1-color-hovered);
|
|
1417
1417
|
}
|
|
1418
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1418
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-focus-visible] {
|
|
1419
1419
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
|
|
1420
1420
|
--color: var(--hop-EmbeddedButton-option1-color-focused);
|
|
1421
1421
|
}
|
|
1422
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1422
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-pressed] {
|
|
1423
1423
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
|
|
1424
1424
|
--color: var(--hop-EmbeddedButton-option1-color-pressed);
|
|
1425
1425
|
}
|
|
1426
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1426
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp[data-disabled] {
|
|
1427
1427
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
|
|
1428
1428
|
--color: var(--hop-EmbeddedButton-option1-color-disabled);
|
|
1429
1429
|
}
|
|
1430
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1430
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-hovered] {
|
|
1431
1431
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
|
|
1432
1432
|
--color: var(--hop-EmbeddedButton-option2-color-hovered);
|
|
1433
1433
|
}
|
|
1434
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1434
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-focus-visible] {
|
|
1435
1435
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
|
|
1436
1436
|
--color: var(--hop-EmbeddedButton-option2-color-focused);
|
|
1437
1437
|
}
|
|
1438
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1438
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-pressed] {
|
|
1439
1439
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
|
|
1440
1440
|
--color: var(--hop-EmbeddedButton-option2-color-pressed);
|
|
1441
1441
|
}
|
|
1442
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1442
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-[data-disabled] {
|
|
1443
1443
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
|
|
1444
1444
|
--color: var(--hop-EmbeddedButton-option2-color-disabled);
|
|
1445
1445
|
}
|
|
1446
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1446
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-hovered] {
|
|
1447
1447
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
|
|
1448
1448
|
--color: var(--hop-EmbeddedButton-option3-color-hovered);
|
|
1449
1449
|
}
|
|
1450
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1450
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-focus-visible] {
|
|
1451
1451
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
|
|
1452
1452
|
--color: var(--hop-EmbeddedButton-option3-color-focused);
|
|
1453
1453
|
}
|
|
1454
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1454
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-pressed] {
|
|
1455
1455
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
|
|
1456
1456
|
--color: var(--hop-EmbeddedButton-option3-color-pressed);
|
|
1457
1457
|
}
|
|
1458
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1458
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y[data-disabled] {
|
|
1459
1459
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
|
|
1460
1460
|
--color: var(--hop-EmbeddedButton-option3-color-disabled);
|
|
1461
1461
|
}
|
|
1462
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1462
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-hovered] {
|
|
1463
1463
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
|
|
1464
1464
|
--color: var(--hop-EmbeddedButton-option4-color-hovered);
|
|
1465
1465
|
}
|
|
1466
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1466
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-focus-visible] {
|
|
1467
1467
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
|
|
1468
1468
|
--color: var(--hop-EmbeddedButton-option4-color-focused);
|
|
1469
1469
|
}
|
|
1470
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1470
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-pressed] {
|
|
1471
1471
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
|
|
1472
1472
|
--color: var(--hop-EmbeddedButton-option4-color-pressed);
|
|
1473
1473
|
}
|
|
1474
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1474
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP[data-disabled] {
|
|
1475
1475
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
|
|
1476
1476
|
--color: var(--hop-EmbeddedButton-option4-color-disabled);
|
|
1477
1477
|
}
|
|
1478
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1478
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-hovered] {
|
|
1479
1479
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
|
|
1480
1480
|
--color: var(--hop-EmbeddedButton-option5-color-hovered);
|
|
1481
1481
|
}
|
|
1482
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1482
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-focus-visible] {
|
|
1483
1483
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
|
|
1484
1484
|
--color: var(--hop-EmbeddedButton-option5-color-focused);
|
|
1485
1485
|
}
|
|
1486
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1486
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-pressed] {
|
|
1487
1487
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
|
|
1488
1488
|
--color: var(--hop-EmbeddedButton-option5-color-pressed);
|
|
1489
1489
|
}
|
|
1490
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1490
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC[data-disabled] {
|
|
1491
1491
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
|
|
1492
1492
|
--color: var(--hop-EmbeddedButton-option5-color-disabled);
|
|
1493
1493
|
}
|
|
1494
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1494
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-hovered] {
|
|
1495
1495
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
|
|
1496
1496
|
--color: var(--hop-EmbeddedButton-option6-color-hovered);
|
|
1497
1497
|
}
|
|
1498
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1498
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-focus-visible] {
|
|
1499
1499
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
|
|
1500
1500
|
--color: var(--hop-EmbeddedButton-option6-color-focused);
|
|
1501
1501
|
}
|
|
1502
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1502
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-pressed] {
|
|
1503
1503
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
|
|
1504
1504
|
--color: var(--hop-EmbeddedButton-option6-color-pressed);
|
|
1505
1505
|
}
|
|
1506
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1506
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk[data-disabled] {
|
|
1507
1507
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
|
|
1508
1508
|
--color: var(--hop-EmbeddedButton-option6-color-disabled);
|
|
1509
1509
|
}
|
|
1510
|
-
.EmbeddedButton-module__hop-
|
|
1510
|
+
.EmbeddedButton-module__hop-EmbeddedButton__icon___frCoq {
|
|
1511
1511
|
position: relative;
|
|
1512
1512
|
}
|
|
1513
1513
|
|
|
1514
1514
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
|
|
1515
|
-
.Checkbox-module__hop-
|
|
1515
|
+
.Checkbox-module__hop-Checkbox___NRxO5 {
|
|
1516
1516
|
--hop-Checkbox-box-border-size: 0.0625rem;
|
|
1517
1517
|
--hop-Checkbox-box-border-color: var(--hop-neutral-border);
|
|
1518
1518
|
--hop-Checkbox-box-background-color: var(--hop-neutral-surface);
|
|
@@ -1587,63 +1587,63 @@
|
|
|
1587
1587
|
inline-size: max-content;
|
|
1588
1588
|
max-inline-size: 100%;
|
|
1589
1589
|
}
|
|
1590
|
-
.Checkbox-module__hop-
|
|
1591
|
-
.Checkbox-module__hop-Checkbox--
|
|
1590
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-focus-visible],
|
|
1591
|
+
.Checkbox-module__hop-Checkbox--focused___WHmDG {
|
|
1592
1592
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused);
|
|
1593
1593
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused);
|
|
1594
1594
|
--box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
|
|
1595
1595
|
--text-color: var(--hop-Checkbox-text-color-focused);
|
|
1596
1596
|
--icon-color: var(--hop-Checkbox-icon-color-focused);
|
|
1597
1597
|
}
|
|
1598
|
-
.Checkbox-module__hop-
|
|
1599
|
-
.Checkbox-module__hop-Checkbox--
|
|
1598
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-hovered],
|
|
1599
|
+
.Checkbox-module__hop-Checkbox--hovered___UTkIX {
|
|
1600
1600
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered);
|
|
1601
1601
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered);
|
|
1602
1602
|
--text-color: var(--hop-Checkbox-text-color-hovered);
|
|
1603
1603
|
--icon-color: var(--hop-Checkbox-icon-color-hovered);
|
|
1604
1604
|
}
|
|
1605
|
-
.Checkbox-module__hop-
|
|
1606
|
-
.Checkbox-module__hop-Checkbox--
|
|
1605
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-pressed],
|
|
1606
|
+
.Checkbox-module__hop-Checkbox--pressed___tU-Mo {
|
|
1607
1607
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed);
|
|
1608
1608
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed);
|
|
1609
1609
|
--text-color: var(--hop-Checkbox-text-color-pressed);
|
|
1610
1610
|
--icon-color: var(--hop-Checkbox-icon-color-pressed);
|
|
1611
1611
|
}
|
|
1612
|
-
.Checkbox-module__hop-
|
|
1612
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-selected] {
|
|
1613
1613
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected);
|
|
1614
1614
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected);
|
|
1615
1615
|
--check-display: var(--hop-Checkbox-check-display-selected);
|
|
1616
1616
|
--text-color: var(--hop-Checkbox-text-color-selected);
|
|
1617
1617
|
--icon-color: var(--hop-Checkbox-icon-color-selected);
|
|
1618
1618
|
}
|
|
1619
|
-
.Checkbox-module__hop-
|
|
1619
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-invalid] {
|
|
1620
1620
|
--box-background-color: var(--hop-Checkbox-box-background-color-invalid);
|
|
1621
1621
|
--box-border-color: var(--hop-Checkbox-box-border-color-invalid);
|
|
1622
1622
|
--check-color: var(--hop-Checkbox-check-color-invalid);
|
|
1623
1623
|
--text-color: var(--hop-Checkbox-text-color-invalid);
|
|
1624
1624
|
--icon-color: var(--hop-Checkbox-icon-color-invalid);
|
|
1625
1625
|
}
|
|
1626
|
-
.Checkbox-module__hop-
|
|
1626
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___WHmDG) {
|
|
1627
1627
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
|
|
1628
1628
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
|
|
1629
1629
|
}
|
|
1630
|
-
.Checkbox-module__hop-
|
|
1630
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___UTkIX) {
|
|
1631
1631
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
|
|
1632
1632
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
|
|
1633
1633
|
--text-color: var(--hop-Checkbox-text-color-hovered-invalid);
|
|
1634
1634
|
--icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
|
|
1635
1635
|
}
|
|
1636
|
-
.Checkbox-module__hop-
|
|
1636
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___tU-Mo) {
|
|
1637
1637
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
|
|
1638
1638
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
|
|
1639
1639
|
--text-color: var(--hop-Checkbox-text-color-pressed-invalid);
|
|
1640
1640
|
--icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
|
|
1641
1641
|
}
|
|
1642
|
-
.Checkbox-module__hop-
|
|
1642
|
+
.Checkbox-module__hop-Checkbox___NRxO5:where([data-invalid])[data-selected] {
|
|
1643
1643
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
|
|
1644
1644
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
|
|
1645
1645
|
}
|
|
1646
|
-
.Checkbox-module__hop-
|
|
1646
|
+
.Checkbox-module__hop-Checkbox___NRxO5[data-disabled] {
|
|
1647
1647
|
--box-background-color: var(--hop-Checkbox-box-background-color-disabled);
|
|
1648
1648
|
--box-border-color: var(--hop-Checkbox-box-border-color-disabled);
|
|
1649
1649
|
--check-color: var(--hop-Checkbox-check-color-disabled);
|
|
@@ -1651,25 +1651,25 @@
|
|
|
1651
1651
|
--text-color: var(--hop-Checkbox-text-color-disabled);
|
|
1652
1652
|
--icon-color: var(--hop-Checkbox-icon-color-disabled);
|
|
1653
1653
|
}
|
|
1654
|
-
.Checkbox-module__hop-Checkbox--
|
|
1654
|
+
.Checkbox-module__hop-Checkbox--sm___b22VB {
|
|
1655
1655
|
--box-block-size: var(--hop-Checkbox-box-sm-block-size);
|
|
1656
1656
|
--box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
|
|
1657
1657
|
--text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
|
|
1658
1658
|
--text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
|
|
1659
1659
|
}
|
|
1660
|
-
.Checkbox-module__hop-Checkbox--
|
|
1660
|
+
.Checkbox-module__hop-Checkbox--md___URFff {
|
|
1661
1661
|
--box-block-size: var(--hop-Checkbox-box-md-block-size);
|
|
1662
1662
|
--box-inline-size: var(--hop-Checkbox-box-md-inline-size);
|
|
1663
1663
|
--text-top-offset: var(--hop-Checkbox-text-md-top-offset);
|
|
1664
1664
|
--text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
|
|
1665
1665
|
}
|
|
1666
|
-
.Checkbox-module__hop-
|
|
1667
|
-
.Checkbox-module__hop-Checkbox__icon-
|
|
1666
|
+
.Checkbox-module__hop-Checkbox__icon___NXQFg,
|
|
1667
|
+
.Checkbox-module__hop-Checkbox__icon-list___KzJkL {
|
|
1668
1668
|
flex: 0 0 auto;
|
|
1669
1669
|
order: 3;
|
|
1670
1670
|
color: var(--icon-color);
|
|
1671
1671
|
}
|
|
1672
|
-
.Checkbox-module__hop-
|
|
1672
|
+
.Checkbox-module__hop-Checkbox__box___EwDEY {
|
|
1673
1673
|
display: flex;
|
|
1674
1674
|
flex: 0 0 auto;
|
|
1675
1675
|
align-items: center;
|
|
@@ -1685,11 +1685,11 @@
|
|
|
1685
1685
|
outline-offset: 0.125rem;
|
|
1686
1686
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
1687
1687
|
}
|
|
1688
|
-
.Checkbox-module__hop-
|
|
1688
|
+
.Checkbox-module__hop-Checkbox__check___weqm- {
|
|
1689
1689
|
display: var(--check-display);
|
|
1690
1690
|
color: var(--check-color);
|
|
1691
1691
|
}
|
|
1692
|
-
.Checkbox-module__hop-
|
|
1692
|
+
.Checkbox-module__hop-Checkbox__text___W0V3o {
|
|
1693
1693
|
flex: 0 1 auto;
|
|
1694
1694
|
order: 2;
|
|
1695
1695
|
min-inline-size: 0;
|
|
@@ -1699,7 +1699,7 @@
|
|
|
1699
1699
|
}
|
|
1700
1700
|
|
|
1701
1701
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
|
|
1702
|
-
.CheckboxField-module__hop-
|
|
1702
|
+
.CheckboxField-module__hop-CheckboxField___gnzi1 {
|
|
1703
1703
|
--hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
|
|
1704
1704
|
--hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
1705
1705
|
--hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -1718,28 +1718,28 @@
|
|
|
1718
1718
|
inline-size: max-content;
|
|
1719
1719
|
max-inline-size: 100%;
|
|
1720
1720
|
}
|
|
1721
|
-
.CheckboxField-module__hop-
|
|
1721
|
+
.CheckboxField-module__hop-CheckboxField___gnzi1[data-disabled] {
|
|
1722
1722
|
--description-color: var(--hop-CheckboxField-description-color-disabled);
|
|
1723
1723
|
}
|
|
1724
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
1724
|
+
.CheckboxField-module__hop-CheckboxField--sm___jNJLv {
|
|
1725
1725
|
--row-gap: var(--hop-CheckboxField-sm-row-gap);
|
|
1726
1726
|
--description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
|
|
1727
1727
|
}
|
|
1728
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
1728
|
+
.CheckboxField-module__hop-CheckboxField--md___w-dv- {
|
|
1729
1729
|
--row-gap: var(--hop-CheckboxField-md-row-gap);
|
|
1730
1730
|
--description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
|
|
1731
1731
|
}
|
|
1732
|
-
.CheckboxField-module__hop-
|
|
1732
|
+
.CheckboxField-module__hop-CheckboxField__description___aqeyv {
|
|
1733
1733
|
order: 2;
|
|
1734
1734
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
|
|
1735
1735
|
color: var(--description-color);
|
|
1736
1736
|
}
|
|
1737
|
-
.CheckboxField-module__hop-
|
|
1737
|
+
.CheckboxField-module__hop-CheckboxField__checkbox___C6LkM {
|
|
1738
1738
|
order: 1;
|
|
1739
1739
|
}
|
|
1740
1740
|
|
|
1741
1741
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
|
|
1742
|
-
.ErrorMessage-module__hop-
|
|
1742
|
+
.ErrorMessage-module__hop-ErrorMessage___RgnZ8 {
|
|
1743
1743
|
--hop-ErrorMessage-color: var(--hop-danger-text-weak);
|
|
1744
1744
|
--hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
|
|
1745
1745
|
--hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
|
|
@@ -1756,13 +1756,13 @@
|
|
|
1756
1756
|
line-height: var(--hop-ErrorMessage-line-height);
|
|
1757
1757
|
color: var(--hop-ErrorMessage-color);
|
|
1758
1758
|
}
|
|
1759
|
-
.ErrorMessage-module__hop-
|
|
1759
|
+
.ErrorMessage-module__hop-ErrorMessage__icon___55BuQ {
|
|
1760
1760
|
flex: 0 0 auto;
|
|
1761
1761
|
align-self: flex-start;
|
|
1762
1762
|
}
|
|
1763
1763
|
|
|
1764
1764
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
|
|
1765
|
-
.HelperMessage-module__hop-
|
|
1765
|
+
.HelperMessage-module__hop-HelperMessage___wUoas {
|
|
1766
1766
|
--hop-HelperMessage-color: var(--hop-neutral-text-weak);
|
|
1767
1767
|
--hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
|
|
1768
1768
|
display: flex;
|
|
@@ -1771,32 +1771,32 @@
|
|
|
1771
1771
|
box-sizing: border-box;
|
|
1772
1772
|
color: var(--hop-HelperMessage-color);
|
|
1773
1773
|
}
|
|
1774
|
-
.HelperMessage-module__hop-
|
|
1774
|
+
.HelperMessage-module__hop-HelperMessage__icon___An68p {
|
|
1775
1775
|
flex: 0 0 auto;
|
|
1776
1776
|
align-self: flex-start;
|
|
1777
1777
|
}
|
|
1778
1778
|
|
|
1779
1779
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
|
|
1780
|
-
.Label-module__hop-
|
|
1780
|
+
.Label-module__hop-Label___fMtr- {
|
|
1781
1781
|
--hop-Label-font-size: var(--hop-heading-xs-font-size);
|
|
1782
1782
|
--hop-Label-font-family: var(--hop-heading-xs-font-family);
|
|
1783
1783
|
--hop-Label-font-weight: var(--hop-heading-xs-font-weight);
|
|
1784
1784
|
--hop-Label-line-height: var(--hop-heading-xs-line-height);
|
|
1785
1785
|
--hop-Label-color: var(--hop-neutral-text-weak);
|
|
1786
1786
|
}
|
|
1787
|
-
:where(.Label-module__hop-
|
|
1787
|
+
:where(.Label-module__hop-Label___fMtr-) {
|
|
1788
1788
|
font-family: var(--hop-Label-font-family);
|
|
1789
1789
|
font-size: var(--hop-Label-font-size);
|
|
1790
1790
|
font-weight: var(--hop-Label-font-weight);
|
|
1791
1791
|
line-height: var(--hop-Label-line-height);
|
|
1792
1792
|
color: var(--hop-Label-color);
|
|
1793
1793
|
}
|
|
1794
|
-
:where(.Label-module__hop-
|
|
1794
|
+
:where(.Label-module__hop-Label__indicator___L7EES) {
|
|
1795
1795
|
padding-inline-start: var(--hop-space-20);
|
|
1796
1796
|
}
|
|
1797
1797
|
|
|
1798
1798
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
|
|
1799
|
-
.CheckboxGroup-module__hop-
|
|
1799
|
+
.CheckboxGroup-module__hop-CheckboxGroup___agIIk {
|
|
1800
1800
|
--hop-CheckboxGroup-align-items: flex-start;
|
|
1801
1801
|
--hop-CheckboxGroup-justify-content: flex-start;
|
|
1802
1802
|
--hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -1835,46 +1835,46 @@
|
|
|
1835
1835
|
inline-size: max-content;
|
|
1836
1836
|
max-inline-size: 100%;
|
|
1837
1837
|
}
|
|
1838
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1838
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx {
|
|
1839
1839
|
--list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
|
|
1840
1840
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
1841
1841
|
}
|
|
1842
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1842
|
+
.CheckboxGroup-module__hop-CheckboxGroup--sm___Fo6My {
|
|
1843
1843
|
--column-gap: var(--hop-CheckboxGroup-sm-column-gap);
|
|
1844
1844
|
--row-gap: var(--hop-CheckboxGroup-sm-row-gap);
|
|
1845
1845
|
--list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
|
|
1846
1846
|
--list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
|
|
1847
1847
|
}
|
|
1848
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1848
|
+
.CheckboxGroup-module__hop-CheckboxGroup--md___XhHQI {
|
|
1849
1849
|
--column-gap: var(--hop-CheckboxGroup-md-column-gap);
|
|
1850
1850
|
--row-gap: var(--hop-CheckboxGroup-md-row-gap);
|
|
1851
1851
|
--list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
|
|
1852
1852
|
--list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
|
|
1853
1853
|
}
|
|
1854
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1854
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx.CheckboxGroup-module__hop-CheckboxGroup--sm___Fo6My {
|
|
1855
1855
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
|
|
1856
1856
|
--column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
|
|
1857
1857
|
--row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
|
|
1858
1858
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
|
|
1859
1859
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
|
|
1860
1860
|
}
|
|
1861
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1861
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx.CheckboxGroup-module__hop-CheckboxGroup--md___XhHQI {
|
|
1862
1862
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
|
|
1863
1863
|
--column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
|
|
1864
1864
|
--row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
|
|
1865
1865
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
|
|
1866
1866
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
|
|
1867
1867
|
}
|
|
1868
|
-
.CheckboxGroup-module__hop-
|
|
1868
|
+
.CheckboxGroup-module__hop-CheckboxGroup___agIIk[data-orientation=horizontal] {
|
|
1869
1869
|
--flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
|
|
1870
1870
|
}
|
|
1871
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1871
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___Pcsyx[data-orientation=horizontal] {
|
|
1872
1872
|
--flex-wrap: nowrap;
|
|
1873
1873
|
}
|
|
1874
|
-
.CheckboxGroup-module__hop-
|
|
1874
|
+
.CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__label___3FKhI {
|
|
1875
1875
|
order: 1;
|
|
1876
1876
|
}
|
|
1877
|
-
.CheckboxGroup-module__hop-
|
|
1877
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR {
|
|
1878
1878
|
display: flex;
|
|
1879
1879
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
1880
1880
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -1885,7 +1885,7 @@
|
|
|
1885
1885
|
border: var(--list-border, none);
|
|
1886
1886
|
border-radius: var(--list-border-radius, 0);
|
|
1887
1887
|
}
|
|
1888
|
-
.CheckboxGroup-module__hop-
|
|
1888
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___XVfGR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___5iczW {
|
|
1889
1889
|
position: relative;
|
|
1890
1890
|
flex: 0 1 auto;
|
|
1891
1891
|
align-content: start;
|
|
@@ -1893,28 +1893,28 @@
|
|
|
1893
1893
|
min-inline-size: 0;
|
|
1894
1894
|
padding: var(--checkbox-padding, 0);
|
|
1895
1895
|
}
|
|
1896
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1896
|
+
.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 {
|
|
1897
1897
|
content: "";
|
|
1898
1898
|
position: absolute;
|
|
1899
1899
|
display: block;
|
|
1900
1900
|
}
|
|
1901
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1901
|
+
.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 {
|
|
1902
1902
|
inset-block-start: 0;
|
|
1903
1903
|
inset-inline: 0;
|
|
1904
1904
|
border-block-start: var(--list-border, none);
|
|
1905
1905
|
}
|
|
1906
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1906
|
+
.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 {
|
|
1907
1907
|
inset-block: 0;
|
|
1908
1908
|
inset-inline-start: 0;
|
|
1909
1909
|
border-inline-start: var(--list-border, none);
|
|
1910
1910
|
}
|
|
1911
|
-
.CheckboxGroup-module__hop-
|
|
1912
|
-
.CheckboxGroup-module__hop-
|
|
1911
|
+
.CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__error-message___p5b4m,
|
|
1912
|
+
.CheckboxGroup-module__hop-CheckboxGroup___agIIk > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___52ceK {
|
|
1913
1913
|
order: 3;
|
|
1914
1914
|
}
|
|
1915
1915
|
|
|
1916
1916
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
|
|
1917
|
-
:where(.Divider-module__hop-
|
|
1917
|
+
:where(.Divider-module__hop-Divider___fqfQB) {
|
|
1918
1918
|
--hop-Divider-border-color: var(--hop-neutral-border-weak);
|
|
1919
1919
|
--hop-Divider-border-size: 0.0625rem;
|
|
1920
1920
|
--hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
|
|
@@ -1939,7 +1939,7 @@
|
|
|
1939
1939
|
border-block-end: var(--border-block-end);
|
|
1940
1940
|
border-inline-start: var(--border-inline-start);
|
|
1941
1941
|
}
|
|
1942
|
-
.Divider-module__hop-Divider--
|
|
1942
|
+
.Divider-module__hop-Divider--vertical___GATaO {
|
|
1943
1943
|
--border-block-end: var(--hop-Divider-vertical-border-block-end);
|
|
1944
1944
|
--border-inline-start: var(--hop-Divider-vertical-border-inline-start);
|
|
1945
1945
|
--inline-size: var(--hop-Divider-vertical-inline-size);
|
|
@@ -1947,14 +1947,14 @@
|
|
|
1947
1947
|
}
|
|
1948
1948
|
|
|
1949
1949
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
|
|
1950
|
-
.Form-module__hop-
|
|
1950
|
+
.Form-module__hop-Form___C2j6d {
|
|
1951
1951
|
display: flex;
|
|
1952
1952
|
flex-direction: column;
|
|
1953
1953
|
gap: var(--hop-space-stack-lg);
|
|
1954
1954
|
}
|
|
1955
1955
|
|
|
1956
1956
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
|
|
1957
|
-
.InputGroup-module__hop-
|
|
1957
|
+
.InputGroup-module__hop-InputGroup___WTjn6 {
|
|
1958
1958
|
--hop-InputGroup-background: var(--hop-neutral-surface);
|
|
1959
1959
|
--hop-InputGroup-border-color: var(--hop-neutral-border);
|
|
1960
1960
|
--hop-InputGroup-border-width: 0.0625rem;
|
|
@@ -2034,11 +2034,11 @@
|
|
|
2034
2034
|
border: var(--border);
|
|
2035
2035
|
border-radius: var(--hop-InputGroup-border-radius);
|
|
2036
2036
|
}
|
|
2037
|
-
.InputGroup-module__hop-InputGroup--
|
|
2037
|
+
.InputGroup-module__hop-InputGroup--fluid___qLBy2 {
|
|
2038
2038
|
--inline-size: 100%;
|
|
2039
2039
|
--input-inline-size: 100%;
|
|
2040
2040
|
}
|
|
2041
|
-
.InputGroup-module__hop-InputGroup--
|
|
2041
|
+
.InputGroup-module__hop-InputGroup--sm___PglDr {
|
|
2042
2042
|
--block-size: var(--hop-InputGroup-sm-block-size);
|
|
2043
2043
|
--input-font-family: var(--hop-InputGroup-input-sm-font-family);
|
|
2044
2044
|
--input-font-size: var(--hop-InputGroup-input-sm-font-size);
|
|
@@ -2046,7 +2046,7 @@
|
|
|
2046
2046
|
--input-line-height: var(--hop-InputGroup-input-sm-line-height);
|
|
2047
2047
|
--input-block-size: var(--hop-InputGroup-input-sm-block-size);
|
|
2048
2048
|
}
|
|
2049
|
-
.InputGroup-module__hop-
|
|
2049
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-input-type=textarea] {
|
|
2050
2050
|
--gap: var(--hop-InputGroup-gap-textarea);
|
|
2051
2051
|
--flex-direction: var(--hop-InputGroup-flex-direction-textarea);
|
|
2052
2052
|
--align-items: var(--hop-InputGroup-align-items-textarea);
|
|
@@ -2054,28 +2054,28 @@
|
|
|
2054
2054
|
--padding-inline: var(--hop-InputGroup-padding-inline-textarea);
|
|
2055
2055
|
--padding-block: var(--hop-InputGroup-padding-block-textarea);
|
|
2056
2056
|
}
|
|
2057
|
-
.InputGroup-module__hop-
|
|
2057
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-input-type=number] {
|
|
2058
2058
|
--display: var(--hop-InputGroup-display-number);
|
|
2059
2059
|
--gap: var(--hop-InputGroup-gap-number);
|
|
2060
2060
|
}
|
|
2061
|
-
.InputGroup-module__hop-
|
|
2061
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-hovered] {
|
|
2062
2062
|
--background: var(--hop-InputGroup-background-hover);
|
|
2063
2063
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
|
|
2064
2064
|
}
|
|
2065
|
-
.InputGroup-module__hop-
|
|
2065
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-focus-within] {
|
|
2066
2066
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
|
|
2067
2067
|
}
|
|
2068
|
-
.InputGroup-module__hop-
|
|
2068
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-invalid] {
|
|
2069
2069
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
|
|
2070
2070
|
}
|
|
2071
|
-
.InputGroup-module__hop-
|
|
2071
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-disabled] {
|
|
2072
2072
|
--background: var(--hop-InputGroup-background-disabled);
|
|
2073
2073
|
--border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
|
|
2074
2074
|
--input-color: var(--hop-InputGroup-input-color-disabled);
|
|
2075
2075
|
--input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
|
|
2076
2076
|
}
|
|
2077
|
-
.InputGroup-module__hop-
|
|
2078
|
-
.InputGroup-module__hop-
|
|
2077
|
+
.InputGroup-module__hop-InputGroup__input___pDQNr,
|
|
2078
|
+
.InputGroup-module__hop-InputGroup__textarea___738GU {
|
|
2079
2079
|
flex: 1 1 auto;
|
|
2080
2080
|
box-sizing: border-box;
|
|
2081
2081
|
inline-size: var(--input-inline-size);
|
|
@@ -2089,14 +2089,14 @@
|
|
|
2089
2089
|
border: none;
|
|
2090
2090
|
outline: none;
|
|
2091
2091
|
}
|
|
2092
|
-
.InputGroup-module__hop-
|
|
2092
|
+
.InputGroup-module__hop-InputGroup__input___pDQNr {
|
|
2093
2093
|
block-size: var(--input-block-size);
|
|
2094
2094
|
padding: var(--hop-InputGroup-input-padding);
|
|
2095
2095
|
}
|
|
2096
|
-
.InputGroup-module__hop-
|
|
2096
|
+
.InputGroup-module__hop-InputGroup__textarea___738GU {
|
|
2097
2097
|
padding: var(--hop-InputGroup-textarea-padding);
|
|
2098
2098
|
}
|
|
2099
|
-
.InputGroup-module__hop-
|
|
2099
|
+
.InputGroup-module__hop-InputGroup__input___pDQNr::placeholder {
|
|
2100
2100
|
font-family: var(--hop-InputGroup-placeholder-font-family);
|
|
2101
2101
|
font-size: var(--hop-InputGroup-placeholder-font-size);
|
|
2102
2102
|
font-weight: var(--hop-InputGroup-placeholder-font-weight);
|
|
@@ -2105,7 +2105,7 @@
|
|
|
2105
2105
|
}
|
|
2106
2106
|
|
|
2107
2107
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
|
|
2108
|
-
.Heading-module__hop-
|
|
2108
|
+
.Heading-module__hop-Heading___gSY2V {
|
|
2109
2109
|
--hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
|
|
2110
2110
|
--hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
|
|
2111
2111
|
--hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
|
|
@@ -2139,50 +2139,50 @@
|
|
|
2139
2139
|
--hop-Heading-inherit-size-font-weight: inherit;
|
|
2140
2140
|
--hop-Heading-inherit-size-line-height: inherit;
|
|
2141
2141
|
}
|
|
2142
|
-
:where(.Heading-module__hop-
|
|
2142
|
+
:where(.Heading-module__hop-Heading___gSY2V) {
|
|
2143
2143
|
margin: 0;
|
|
2144
2144
|
font-family: var(--font-family);
|
|
2145
2145
|
font-size: var(--font-size);
|
|
2146
2146
|
font-weight: var(--font-weight);
|
|
2147
2147
|
line-height: var(--line-height);
|
|
2148
2148
|
}
|
|
2149
|
-
:where(.Heading-module__hop-Heading--
|
|
2149
|
+
:where(.Heading-module__hop-Heading--xs___eEbWp) {
|
|
2150
2150
|
--font-size: var(--hop-Heading-xs-font-size);
|
|
2151
2151
|
--font-family: var(--hop-Heading-xs-font-family);
|
|
2152
2152
|
--font-weight: var(--hop-Heading-xs-font-weight);
|
|
2153
2153
|
--line-height: var(--hop-Heading-xs-line-height);
|
|
2154
2154
|
}
|
|
2155
|
-
:where(.Heading-module__hop-Heading--
|
|
2155
|
+
:where(.Heading-module__hop-Heading--sm___XW-eh) {
|
|
2156
2156
|
--font-size: var(--hop-Heading-sm-font-size);
|
|
2157
2157
|
--font-family: var(--hop-Heading-sm-font-family);
|
|
2158
2158
|
--font-weight: var(--hop-Heading-sm-font-weight);
|
|
2159
2159
|
--line-height: var(--hop-Heading-sm-line-height);
|
|
2160
2160
|
}
|
|
2161
|
-
:where(.Heading-module__hop-Heading--
|
|
2161
|
+
:where(.Heading-module__hop-Heading--md___4aHJY) {
|
|
2162
2162
|
--font-size: var(--hop-Heading-md-font-size);
|
|
2163
2163
|
--font-family: var(--hop-Heading-md-font-family);
|
|
2164
2164
|
--font-weight: var(--hop-Heading-md-font-weight);
|
|
2165
2165
|
--line-height: var(--hop-Heading-md-line-height);
|
|
2166
2166
|
}
|
|
2167
|
-
:where(.Heading-module__hop-Heading--
|
|
2167
|
+
:where(.Heading-module__hop-Heading--lg___2NCdP) {
|
|
2168
2168
|
--font-size: var(--hop-Heading-lg-font-size);
|
|
2169
2169
|
--font-family: var(--hop-Heading-lg-font-family);
|
|
2170
2170
|
--font-weight: var(--hop-Heading-lg-font-weight);
|
|
2171
2171
|
--line-height: var(--hop-Heading-lg-line-height);
|
|
2172
2172
|
}
|
|
2173
|
-
:where(.Heading-module__hop-Heading--
|
|
2173
|
+
:where(.Heading-module__hop-Heading--xl___njv3P) {
|
|
2174
2174
|
--font-size: var(--hop-Heading-xl-font-size);
|
|
2175
2175
|
--font-family: var(--hop-Heading-xl-font-family);
|
|
2176
2176
|
--font-weight: var(--hop-Heading-xl-font-weight);
|
|
2177
2177
|
--line-height: var(--hop-Heading-xl-line-height);
|
|
2178
2178
|
}
|
|
2179
|
-
:where(.Heading-module__hop-Heading--
|
|
2179
|
+
:where(.Heading-module__hop-Heading--2xl___GYFl2) {
|
|
2180
2180
|
--font-size: var(--hop-Heading-2xl-font-size);
|
|
2181
2181
|
--font-family: var(--hop-Heading-2xl-font-family);
|
|
2182
2182
|
--font-weight: var(--hop-Heading-2xl-font-weight);
|
|
2183
2183
|
--line-height: var(--hop-Heading-2xl-line-height);
|
|
2184
2184
|
}
|
|
2185
|
-
:where(.Heading-module__hop-Heading--
|
|
2185
|
+
:where(.Heading-module__hop-Heading--3xl___-2AIg) {
|
|
2186
2186
|
--font-size: var(--hop-Heading-3xl-font-size);
|
|
2187
2187
|
--font-family: var(--hop-Heading-3xl-font-family);
|
|
2188
2188
|
--font-weight: var(--hop-Heading-3xl-font-weight);
|
|
@@ -2190,7 +2190,7 @@
|
|
|
2190
2190
|
}
|
|
2191
2191
|
|
|
2192
2192
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
|
|
2193
|
-
.NumberField-module__hop-NumberField___-
|
|
2193
|
+
.NumberField-module__hop-NumberField___-KhBQ {
|
|
2194
2194
|
--hop-NumberField-gap: var(--hop-space-stack-xs);
|
|
2195
2195
|
--hop-NumberField-inline-size: 20rem;
|
|
2196
2196
|
--hop-NumberField-inline-size-fluid: 100%;
|
|
@@ -2238,30 +2238,30 @@
|
|
|
2238
2238
|
gap: var(--hop-NumberField-gap);
|
|
2239
2239
|
inline-size: var(--inline-size);
|
|
2240
2240
|
}
|
|
2241
|
-
.NumberField-module__hop-NumberField--
|
|
2241
|
+
.NumberField-module__hop-NumberField--fluid___r6jiH {
|
|
2242
2242
|
--inline-size: var(--hop-NumberField-inline-size-fluid);
|
|
2243
2243
|
}
|
|
2244
|
-
.NumberField-module__hop-NumberField--
|
|
2244
|
+
.NumberField-module__hop-NumberField--mobile___se7ji {
|
|
2245
2245
|
--input-group-template: var(--hop-NumberField-input-group-template-mobile);
|
|
2246
2246
|
--stepper-height: var(--hop-NumberField-stepper-height-mobile);
|
|
2247
2247
|
}
|
|
2248
|
-
.NumberField-module__hop-
|
|
2248
|
+
.NumberField-module__hop-NumberField__Label___-T2mX {
|
|
2249
2249
|
order: 0;
|
|
2250
2250
|
}
|
|
2251
|
-
.NumberField-module__hop-
|
|
2251
|
+
.NumberField-module__hop-NumberField__prefix___PQqSu {
|
|
2252
2252
|
grid-area: prefix;
|
|
2253
2253
|
margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
|
|
2254
2254
|
color: var(--hop-NumberField-prefix-color);
|
|
2255
2255
|
}
|
|
2256
|
-
.NumberField-module__hop-
|
|
2256
|
+
.NumberField-module__hop-NumberField__InputGroup___8vjtV {
|
|
2257
2257
|
grid-template: var(--input-group-template);
|
|
2258
2258
|
order: 1;
|
|
2259
2259
|
}
|
|
2260
|
-
.NumberField-module__hop-
|
|
2261
|
-
.NumberField-module__hop-
|
|
2260
|
+
.NumberField-module__hop-NumberField__ErrorMessage___OWip1,
|
|
2261
|
+
.NumberField-module__hop-NumberField__HelperMessage___uj86g {
|
|
2262
2262
|
order: 3;
|
|
2263
2263
|
}
|
|
2264
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2264
|
+
.NumberField-module__hop-NumberField__stepper-button___BlTdu {
|
|
2265
2265
|
cursor: pointer;
|
|
2266
2266
|
display: flex;
|
|
2267
2267
|
grid-area: var(--grid-area, unset);
|
|
@@ -2282,55 +2282,55 @@
|
|
|
2282
2282
|
border-radius: var(--stepper-border-radius, 0);
|
|
2283
2283
|
outline: none;
|
|
2284
2284
|
}
|
|
2285
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2285
|
+
.NumberField-module__hop-NumberField__stepper-button--increment___-8gVu {
|
|
2286
2286
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
|
|
2287
2287
|
--stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
|
|
2288
2288
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
|
|
2289
2289
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
|
|
2290
2290
|
--grid-area: stepup;
|
|
2291
2291
|
}
|
|
2292
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2292
|
+
.NumberField-module__hop-NumberField__stepper-button--decrement___tNTwc {
|
|
2293
2293
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
|
|
2294
2294
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
|
|
2295
2295
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
|
|
2296
2296
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
|
|
2297
2297
|
--grid-area: stepdown;
|
|
2298
2298
|
}
|
|
2299
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2299
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___MdIyc.NumberField-module__hop-NumberField__stepper-button--increment___-8gVu {
|
|
2300
2300
|
--stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
|
|
2301
2301
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
|
|
2302
2302
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
|
|
2303
2303
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
|
|
2304
2304
|
}
|
|
2305
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2305
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___MdIyc.NumberField-module__hop-NumberField__stepper-button--decrement___tNTwc {
|
|
2306
2306
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
|
|
2307
2307
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
|
|
2308
2308
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
|
|
2309
2309
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
|
|
2310
2310
|
}
|
|
2311
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2311
|
+
.NumberField-module__hop-NumberField__stepper-button___BlTdu[data-hovered] {
|
|
2312
2312
|
color: var(--hop-NumberField-stepper-color-hovered);
|
|
2313
2313
|
background-color: var(--hop-NumberField-stepper-background-color-hovered);
|
|
2314
2314
|
}
|
|
2315
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2315
|
+
.NumberField-module__hop-NumberField__stepper-button___BlTdu[data-pressed] {
|
|
2316
2316
|
color: var(--hop-NumberField-stepper-color-pressed);
|
|
2317
2317
|
background-color: var(--hop-NumberField-stepper-background-color-pressed);
|
|
2318
2318
|
}
|
|
2319
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2319
|
+
.NumberField-module__hop-NumberField__stepper-button___BlTdu[data-disabled] {
|
|
2320
2320
|
cursor: not-allowed;
|
|
2321
2321
|
color: var(--hop-NumberField-stepper-color-disabled);
|
|
2322
2322
|
background-color: var(--hop-NumberField-stepper-background-color-disabled);
|
|
2323
2323
|
}
|
|
2324
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2324
|
+
.NumberField-module__hop-NumberField__stepper-button__icon___rmAQp {
|
|
2325
2325
|
display: block;
|
|
2326
2326
|
max-block-size: 100%;
|
|
2327
2327
|
}
|
|
2328
|
-
.NumberField-module__hop-
|
|
2328
|
+
.NumberField-module__hop-NumberField__input___IA6F1 {
|
|
2329
2329
|
grid-area: input;
|
|
2330
2330
|
}
|
|
2331
2331
|
|
|
2332
2332
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
|
|
2333
|
-
.TextArea-module__hop-
|
|
2333
|
+
.TextArea-module__hop-TextArea___nGCAY {
|
|
2334
2334
|
--hop-TextArea-gap: var(--hop-space-stack-xs);
|
|
2335
2335
|
--hop-TextArea-inline-size: 20rem;
|
|
2336
2336
|
--hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -2348,71 +2348,84 @@
|
|
|
2348
2348
|
inline-size: var(--inline-size);
|
|
2349
2349
|
max-inline-size: 100%;
|
|
2350
2350
|
}
|
|
2351
|
-
.TextArea-module__hop-TextArea--
|
|
2351
|
+
.TextArea-module__hop-TextArea--fluid___tOStF {
|
|
2352
2352
|
--inline-size: 100%;
|
|
2353
2353
|
}
|
|
2354
|
-
.TextArea-module__hop-
|
|
2354
|
+
.TextArea-module__hop-TextArea___nGCAY[data-resize-mode=vertical] {
|
|
2355
2355
|
--resize: vertical;
|
|
2356
2356
|
}
|
|
2357
|
-
.TextArea-module__hop-
|
|
2357
|
+
.TextArea-module__hop-TextArea___nGCAY[data-over-max-length] {
|
|
2358
2358
|
--char-count-color: var(--hop-TextArea-char-count-color-invalid);
|
|
2359
2359
|
}
|
|
2360
|
-
.TextArea-module__hop-
|
|
2360
|
+
.TextArea-module__hop-TextArea___nGCAY[data-disabled] {
|
|
2361
2361
|
--char-count-color: var(--hop-TextArea-char-count-color-disabled);
|
|
2362
2362
|
}
|
|
2363
|
-
.TextArea-module__hop-
|
|
2363
|
+
.TextArea-module__hop-TextArea__Label___7XDtF {
|
|
2364
2364
|
order: 0;
|
|
2365
2365
|
}
|
|
2366
|
-
.TextArea-module__hop-
|
|
2366
|
+
.TextArea-module__hop-TextArea__prefix___5sJCg {
|
|
2367
2367
|
color: var(--hop-TextArea-prefix-color);
|
|
2368
2368
|
}
|
|
2369
|
-
.TextArea-module__hop-
|
|
2369
|
+
.TextArea-module__hop-TextArea__InputGroup___bA0hN {
|
|
2370
2370
|
order: 1;
|
|
2371
2371
|
}
|
|
2372
|
-
.TextArea-module__hop-
|
|
2372
|
+
.TextArea-module__hop-TextArea__textarea___lSguM {
|
|
2373
2373
|
resize: var(--resize);
|
|
2374
2374
|
min-block-size: var(--hop-TextArea-input-min-height);
|
|
2375
2375
|
}
|
|
2376
|
-
.TextArea-module__hop-TextArea__char-
|
|
2376
|
+
.TextArea-module__hop-TextArea__char-count___yJIH- {
|
|
2377
2377
|
padding: var(--hop-TextArea-char-count-padding);
|
|
2378
2378
|
color: var(--char-count-color);
|
|
2379
2379
|
}
|
|
2380
|
-
.TextArea-module__hop-
|
|
2381
|
-
.TextArea-module__hop-
|
|
2380
|
+
.TextArea-module__hop-TextArea__ErrorMessage___h64Vh,
|
|
2381
|
+
.TextArea-module__hop-TextArea__HelperMessage___DhORP {
|
|
2382
2382
|
order: 3;
|
|
2383
2383
|
}
|
|
2384
2384
|
|
|
2385
2385
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
|
|
2386
|
-
.TextField-module__hop-
|
|
2386
|
+
.TextField-module__hop-TextField___hk6Yk {
|
|
2387
2387
|
--hop-TextField-gap: var(--hop-space-stack-xs);
|
|
2388
2388
|
--hop-TextField-inline-size: 20rem;
|
|
2389
2389
|
--hop-TextField-prefix-color: var(--hop-neutral-text-weak);
|
|
2390
|
+
--hop-TextField-char-count-color: var(--hop-neutral-text-weakest);
|
|
2391
|
+
--hop-TextField-char-count-color-disabled: var(--hop-neutral-text-disabled);
|
|
2392
|
+
--hop-TextField-char-count-color-invalid: var(--hop-danger-text-weak);
|
|
2390
2393
|
--inline-size: var(--hop-TextField-inline-size);
|
|
2394
|
+
--char-count-color: var(--hop-TextField-char-count-color);
|
|
2391
2395
|
display: flex;
|
|
2392
2396
|
flex-direction: column;
|
|
2393
2397
|
gap: var(--hop-TextField-gap);
|
|
2394
2398
|
inline-size: var(--inline-size);
|
|
2395
2399
|
max-inline-size: 100%;
|
|
2396
2400
|
}
|
|
2397
|
-
.TextField-module__hop-TextField--
|
|
2401
|
+
.TextField-module__hop-TextField--fluid___ZsmOR {
|
|
2398
2402
|
--inline-size: 100%;
|
|
2399
2403
|
}
|
|
2400
|
-
.TextField-module__hop-
|
|
2404
|
+
.TextField-module__hop-TextField___hk6Yk[data-over-max-length] {
|
|
2405
|
+
--char-count-color: var(--hop-TextField-char-count-color-invalid);
|
|
2406
|
+
}
|
|
2407
|
+
.TextField-module__hop-TextField___hk6Yk[data-disabled] {
|
|
2408
|
+
--char-count-color: var(--hop-TextField-char-count-color-disabled);
|
|
2409
|
+
}
|
|
2410
|
+
.TextField-module__hop-TextField__Label___imz7C {
|
|
2401
2411
|
order: 0;
|
|
2402
2412
|
}
|
|
2403
|
-
.TextField-module__hop-
|
|
2413
|
+
.TextField-module__hop-TextField__prefix___2ukPK {
|
|
2404
2414
|
color: var(--hop-TextField-prefix-color);
|
|
2405
2415
|
}
|
|
2406
|
-
.TextField-module__hop-
|
|
2416
|
+
.TextField-module__hop-TextField__char-count___aADbQ {
|
|
2417
|
+
color: var(--char-count-color);
|
|
2418
|
+
}
|
|
2419
|
+
.TextField-module__hop-TextField__InputGroup___c6vKu {
|
|
2407
2420
|
order: 1;
|
|
2408
2421
|
}
|
|
2409
|
-
.TextField-module__hop-
|
|
2410
|
-
.TextField-module__hop-
|
|
2422
|
+
.TextField-module__hop-TextField__ErrorMessage___EPMW6,
|
|
2423
|
+
.TextField-module__hop-TextField__HelperMessage___T2wjf {
|
|
2411
2424
|
order: 3;
|
|
2412
2425
|
}
|
|
2413
2426
|
|
|
2414
2427
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
|
|
2415
|
-
.PasswordField-module__hop-
|
|
2428
|
+
.PasswordField-module__hop-PasswordField___hmPci {
|
|
2416
2429
|
--hop-PasswordField-gap: var(--hop-space-stack-xs);
|
|
2417
2430
|
--hop-PasswordField-inline-size: 20rem;
|
|
2418
2431
|
--inline-size: var(--hop-PasswordField-inline-size);
|
|
@@ -2422,22 +2435,22 @@
|
|
|
2422
2435
|
inline-size: var(--inline-size);
|
|
2423
2436
|
max-inline-size: 100%;
|
|
2424
2437
|
}
|
|
2425
|
-
.PasswordField-module__hop-PasswordField--
|
|
2438
|
+
.PasswordField-module__hop-PasswordField--fluid___QgPUw {
|
|
2426
2439
|
--inline-size: 100%;
|
|
2427
2440
|
}
|
|
2428
|
-
.PasswordField-module__hop-
|
|
2441
|
+
.PasswordField-module__hop-PasswordField__Label___pdO7q {
|
|
2429
2442
|
order: 0;
|
|
2430
2443
|
}
|
|
2431
|
-
.PasswordField-module__hop-
|
|
2444
|
+
.PasswordField-module__hop-PasswordField__InputGroup___5BEGR {
|
|
2432
2445
|
order: 1;
|
|
2433
2446
|
}
|
|
2434
|
-
.PasswordField-module__hop-
|
|
2435
|
-
.PasswordField-module__hop-
|
|
2447
|
+
.PasswordField-module__hop-PasswordField__ErrorMessage___cTj33,
|
|
2448
|
+
.PasswordField-module__hop-PasswordField__HelperMessage___a7QjZ {
|
|
2436
2449
|
order: 3;
|
|
2437
2450
|
}
|
|
2438
2451
|
|
|
2439
2452
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
|
|
2440
|
-
.SearchField-module__hop-
|
|
2453
|
+
.SearchField-module__hop-SearchField___porIP {
|
|
2441
2454
|
--hop-SearchField-gap: var(--hop-space-stack-xs);
|
|
2442
2455
|
--hop-SearchField-inline-size: 20rem;
|
|
2443
2456
|
--hop-SearchField-color: var(--hop-neutral-text-weak);
|
|
@@ -2452,39 +2465,39 @@
|
|
|
2452
2465
|
inline-size: var(--inline-size);
|
|
2453
2466
|
max-inline-size: 100%;
|
|
2454
2467
|
}
|
|
2455
|
-
.SearchField-module__hop-SearchField--
|
|
2468
|
+
.SearchField-module__hop-SearchField--fluid___Zmi0a {
|
|
2456
2469
|
--inline-size: 100%;
|
|
2457
2470
|
}
|
|
2458
|
-
.SearchField-module__hop-
|
|
2471
|
+
.SearchField-module__hop-SearchField__Label___FRVg6 {
|
|
2459
2472
|
order: 0;
|
|
2460
2473
|
}
|
|
2461
|
-
.SearchField-module__hop-
|
|
2474
|
+
.SearchField-module__hop-SearchField__prefix___Ft5xn {
|
|
2462
2475
|
color: var(--hop-SearchField-color);
|
|
2463
2476
|
}
|
|
2464
|
-
.SearchField-module__hop-
|
|
2477
|
+
.SearchField-module__hop-SearchField__InputGroup___up43t {
|
|
2465
2478
|
order: 1;
|
|
2466
2479
|
padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
|
|
2467
2480
|
}
|
|
2468
|
-
.SearchField-module__hop-SearchField--
|
|
2481
|
+
.SearchField-module__hop-SearchField--clearable___kZ2Cn {
|
|
2469
2482
|
--input-group-padding-inline-end: 0;
|
|
2470
2483
|
}
|
|
2471
|
-
.SearchField-module__hop-
|
|
2472
|
-
.SearchField-module__hop-
|
|
2484
|
+
.SearchField-module__hop-SearchField__ErrorMessage___W28CU,
|
|
2485
|
+
.SearchField-module__hop-SearchField__HelperMessage___84FAI {
|
|
2473
2486
|
order: 3;
|
|
2474
2487
|
}
|
|
2475
|
-
.SearchField-module__hop-
|
|
2476
|
-
.SearchField-module__hop-
|
|
2488
|
+
.SearchField-module__hop-SearchField___porIP input::-webkit-search-cancel-button,
|
|
2489
|
+
.SearchField-module__hop-SearchField___porIP input::-webkit-search-decoration {
|
|
2477
2490
|
appearance: none;
|
|
2478
2491
|
}
|
|
2479
|
-
.SearchField-module__hop-
|
|
2492
|
+
.SearchField-module__hop-SearchField___porIP[data-empty] {
|
|
2480
2493
|
--clear-button-display: none;
|
|
2481
2494
|
}
|
|
2482
|
-
.SearchField-module__hop-
|
|
2495
|
+
.SearchField-module__hop-SearchField__ClearButton___hA3ul {
|
|
2483
2496
|
display: var(--clear-button-display);
|
|
2484
2497
|
}
|
|
2485
2498
|
|
|
2486
2499
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
|
|
2487
|
-
.Link-module__hop-
|
|
2500
|
+
.Link-module__hop-Link___PIma8 {
|
|
2488
2501
|
--hop-Link-border-radius: var(--hop-shape-rounded-sm);
|
|
2489
2502
|
--hop-Link-focus-ring-color: var(--hop-primary-border-focus);
|
|
2490
2503
|
--hop-Link-color-disabled: var(--hop-neutral-text-disabled);
|
|
@@ -2509,59 +2522,59 @@
|
|
|
2509
2522
|
outline: none;
|
|
2510
2523
|
outline-offset: 0.125rem;
|
|
2511
2524
|
}
|
|
2512
|
-
.Link-module__hop-
|
|
2525
|
+
.Link-module__hop-Link___PIma8[data-focus-visible] {
|
|
2513
2526
|
outline: 0.125rem solid var(--hop-Link-focus-ring-color);
|
|
2514
2527
|
}
|
|
2515
|
-
.Link-module__hop-
|
|
2528
|
+
.Link-module__hop-Link___PIma8[data-disabled] {
|
|
2516
2529
|
cursor: default;
|
|
2517
2530
|
}
|
|
2518
|
-
.Link-module__hop-Link--
|
|
2519
|
-
.Link-module__hop-Link--
|
|
2531
|
+
.Link-module__hop-Link--quiet___iZPH-[data-focus-visible],
|
|
2532
|
+
.Link-module__hop-Link--quiet___iZPH-[data-hovered] {
|
|
2520
2533
|
text-decoration: underline;
|
|
2521
2534
|
}
|
|
2522
|
-
.Link-module__hop-
|
|
2535
|
+
.Link-module__hop-Link___PIma8:not(.Link-module__hop-Link--quiet___iZPH-) {
|
|
2523
2536
|
text-decoration: underline;
|
|
2524
2537
|
}
|
|
2525
|
-
.Link-module__hop-Link--
|
|
2538
|
+
.Link-module__hop-Link--primary___-c45k {
|
|
2526
2539
|
color: var(--hop-Link-primary-text-color);
|
|
2527
2540
|
}
|
|
2528
|
-
.Link-module__hop-Link--
|
|
2541
|
+
.Link-module__hop-Link--primary___-c45k[data-disabled] {
|
|
2529
2542
|
color: var(--hop-Link-primary-text-disabled-color);
|
|
2530
2543
|
}
|
|
2531
|
-
.Link-module__hop-Link--
|
|
2532
|
-
.Link-module__hop-Link--
|
|
2544
|
+
.Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-focus-visible],
|
|
2545
|
+
.Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-hovered] {
|
|
2533
2546
|
color: var(--hop-Link-primary-text-hover-color);
|
|
2534
2547
|
}
|
|
2535
|
-
.Link-module__hop-Link--
|
|
2548
|
+
.Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-pressed] {
|
|
2536
2549
|
color: var(--hop-Link-primary-text-pressed-color);
|
|
2537
2550
|
}
|
|
2538
|
-
.Link-module__hop-Link--
|
|
2551
|
+
.Link-module__hop-Link--secondary___G8IxK {
|
|
2539
2552
|
color: var(--hop-Link-neutral-text-color);
|
|
2540
2553
|
}
|
|
2541
|
-
.Link-module__hop-Link--
|
|
2554
|
+
.Link-module__hop-Link--secondary___G8IxK[data-disabled] {
|
|
2542
2555
|
color: var(--hop-Link-neutral-text-disabled-color);
|
|
2543
2556
|
}
|
|
2544
|
-
.Link-module__hop-Link--
|
|
2545
|
-
.Link-module__hop-Link--
|
|
2557
|
+
.Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-focus-visible],
|
|
2558
|
+
.Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-hovered] {
|
|
2546
2559
|
color: var(--hop-Link-neutral-text-hover-color);
|
|
2547
2560
|
}
|
|
2548
|
-
.Link-module__hop-Link--
|
|
2561
|
+
.Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-pressed] {
|
|
2549
2562
|
color: var(--hop-Link-neutral-text-pressed-color);
|
|
2550
2563
|
}
|
|
2551
|
-
.Link-module__hop-
|
|
2552
|
-
.Link-module__hop-Link__icon-
|
|
2564
|
+
.Link-module__hop-Link__icon___ufhw2,
|
|
2565
|
+
.Link-module__hop-Link__icon-list___V22Fg {
|
|
2553
2566
|
order: 2;
|
|
2554
2567
|
}
|
|
2555
|
-
.Link-module__hop-
|
|
2568
|
+
.Link-module__hop-Link__text___Nks7k {
|
|
2556
2569
|
order: 1;
|
|
2557
2570
|
}
|
|
2558
|
-
.Link-module__hop-Link__start-
|
|
2559
|
-
.Link-module__hop-Link__start-icon-
|
|
2571
|
+
.Link-module__hop-Link__start-icon___JC61y,
|
|
2572
|
+
.Link-module__hop-Link__start-icon-list___zs30P {
|
|
2560
2573
|
order: 0;
|
|
2561
2574
|
}
|
|
2562
2575
|
|
|
2563
2576
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
|
|
2564
|
-
.Radio-module__hop-
|
|
2577
|
+
.Radio-module__hop-Radio___fiLqZ {
|
|
2565
2578
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
2566
2579
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
2567
2580
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -2635,63 +2648,63 @@
|
|
|
2635
2648
|
inline-size: max-content;
|
|
2636
2649
|
max-inline-size: 100%;
|
|
2637
2650
|
}
|
|
2638
|
-
.Radio-module__hop-
|
|
2639
|
-
.Radio-module__hop-Radio--
|
|
2651
|
+
.Radio-module__hop-Radio___fiLqZ[data-focus-visible],
|
|
2652
|
+
.Radio-module__hop-Radio--focused___ljAlt {
|
|
2640
2653
|
--box-background-color: var(--hop-Radio-box-background-color-focused);
|
|
2641
2654
|
--box-border-color: var(--hop-Radio-box-border-color-focused);
|
|
2642
2655
|
--box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
|
|
2643
2656
|
--text-color: var(--hop-Radio-text-color-focused);
|
|
2644
2657
|
--icon-color: var(--hop-Radio-icon-color-focused);
|
|
2645
2658
|
}
|
|
2646
|
-
.Radio-module__hop-
|
|
2647
|
-
.Radio-module__hop-Radio--
|
|
2659
|
+
.Radio-module__hop-Radio___fiLqZ[data-hovered],
|
|
2660
|
+
.Radio-module__hop-Radio--hovered___1jVbG {
|
|
2648
2661
|
--box-background-color: var(--hop-Radio-box-background-color-hovered);
|
|
2649
2662
|
--box-border-color: var(--hop-Radio-box-border-color-hovered);
|
|
2650
2663
|
--text-color: var(--hop-Radio-text-color-hovered);
|
|
2651
2664
|
--icon-color: var(--hop-Radio-icon-color-hovered);
|
|
2652
2665
|
}
|
|
2653
|
-
.Radio-module__hop-
|
|
2654
|
-
.Radio-module__hop-Radio--
|
|
2666
|
+
.Radio-module__hop-Radio___fiLqZ[data-pressed],
|
|
2667
|
+
.Radio-module__hop-Radio--pressed___fFpLV {
|
|
2655
2668
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
2656
2669
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
2657
2670
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
2658
2671
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
2659
2672
|
}
|
|
2660
|
-
.Radio-module__hop-
|
|
2673
|
+
.Radio-module__hop-Radio___fiLqZ[data-selected] {
|
|
2661
2674
|
--box-background-color: var(--hop-Radio-box-background-color-selected);
|
|
2662
2675
|
--box-border-color: var(--hop-Radio-box-border-color-selected);
|
|
2663
2676
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
2664
2677
|
--text-color: var(--hop-Radio-text-color-selected);
|
|
2665
2678
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
2666
2679
|
}
|
|
2667
|
-
.Radio-module__hop-
|
|
2680
|
+
.Radio-module__hop-Radio___fiLqZ[data-invalid] {
|
|
2668
2681
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
2669
2682
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
2670
2683
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
2671
2684
|
--text-color: var(--hop-Radio-text-color-invalid);
|
|
2672
2685
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
2673
2686
|
}
|
|
2674
|
-
.Radio-module__hop-
|
|
2687
|
+
.Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-focus-visible] {
|
|
2675
2688
|
--box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
|
|
2676
2689
|
--box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
|
|
2677
2690
|
}
|
|
2678
|
-
.Radio-module__hop-
|
|
2691
|
+
.Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-hovered] {
|
|
2679
2692
|
--box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
|
|
2680
2693
|
--box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
|
|
2681
2694
|
--text-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2682
2695
|
--icon-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2683
2696
|
}
|
|
2684
|
-
.Radio-module__hop-
|
|
2697
|
+
.Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-pressed] {
|
|
2685
2698
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
2686
2699
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
2687
2700
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
2688
2701
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
2689
2702
|
}
|
|
2690
|
-
.Radio-module__hop-
|
|
2703
|
+
.Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-selected] {
|
|
2691
2704
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
2692
2705
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
2693
2706
|
}
|
|
2694
|
-
.Radio-module__hop-
|
|
2707
|
+
.Radio-module__hop-Radio___fiLqZ[data-disabled] {
|
|
2695
2708
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
2696
2709
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
2697
2710
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -2699,25 +2712,25 @@
|
|
|
2699
2712
|
--text-color: var(--hop-Radio-text-color-disabled);
|
|
2700
2713
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
2701
2714
|
}
|
|
2702
|
-
.Radio-module__hop-Radio--
|
|
2715
|
+
.Radio-module__hop-Radio--sm___lMp9M {
|
|
2703
2716
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
2704
2717
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
2705
2718
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
2706
2719
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
2707
2720
|
}
|
|
2708
|
-
.Radio-module__hop-Radio--
|
|
2721
|
+
.Radio-module__hop-Radio--md___2SjXP {
|
|
2709
2722
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
2710
2723
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
2711
2724
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
2712
2725
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
2713
2726
|
}
|
|
2714
|
-
.Radio-module__hop-
|
|
2715
|
-
.Radio-module__hop-Radio__icon-
|
|
2727
|
+
.Radio-module__hop-Radio__icon___RhEJ7,
|
|
2728
|
+
.Radio-module__hop-Radio__icon-list___3-dCQ {
|
|
2716
2729
|
flex: 0 0 auto;
|
|
2717
2730
|
order: 3;
|
|
2718
2731
|
color: var(--icon-color);
|
|
2719
2732
|
}
|
|
2720
|
-
.Radio-module__hop-
|
|
2733
|
+
.Radio-module__hop-Radio__box___XsjuT {
|
|
2721
2734
|
display: flex;
|
|
2722
2735
|
flex: 0 0 auto;
|
|
2723
2736
|
align-items: center;
|
|
@@ -2733,11 +2746,11 @@
|
|
|
2733
2746
|
outline-offset: 0.125rem;
|
|
2734
2747
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
2735
2748
|
}
|
|
2736
|
-
.Radio-module__hop-
|
|
2749
|
+
.Radio-module__hop-Radio__bullet___rhaGm {
|
|
2737
2750
|
display: var(--bullet-display);
|
|
2738
2751
|
color: var(--bullet-color);
|
|
2739
2752
|
}
|
|
2740
|
-
.Radio-module__hop-
|
|
2753
|
+
.Radio-module__hop-Radio__text___gKthl {
|
|
2741
2754
|
flex: 0 1 auto;
|
|
2742
2755
|
order: 2;
|
|
2743
2756
|
min-inline-size: 0;
|
|
@@ -2747,7 +2760,7 @@
|
|
|
2747
2760
|
}
|
|
2748
2761
|
|
|
2749
2762
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
|
|
2750
|
-
.RadioField-module__hop-
|
|
2763
|
+
.RadioField-module__hop-RadioField___T1vq5 {
|
|
2751
2764
|
--hop-RadioField-description-color: var(--hop-neutral-text-weak);
|
|
2752
2765
|
--hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
2753
2766
|
--hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -2766,28 +2779,28 @@
|
|
|
2766
2779
|
inline-size: max-content;
|
|
2767
2780
|
max-inline-size: 100%;
|
|
2768
2781
|
}
|
|
2769
|
-
.RadioField-module__hop-
|
|
2782
|
+
.RadioField-module__hop-RadioField___T1vq5[data-disabled] {
|
|
2770
2783
|
--description-color: var(--hop-RadioField-description-color-disabled);
|
|
2771
2784
|
}
|
|
2772
|
-
.RadioField-module__hop-RadioField--
|
|
2785
|
+
.RadioField-module__hop-RadioField--sm___P-jTL {
|
|
2773
2786
|
--row-gap: var(--hop-RadioField-sm-row-gap);
|
|
2774
2787
|
--description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
|
|
2775
2788
|
}
|
|
2776
|
-
.RadioField-module__hop-RadioField--
|
|
2789
|
+
.RadioField-module__hop-RadioField--md___DI19F {
|
|
2777
2790
|
--row-gap: var(--hop-RadioField-md-row-gap);
|
|
2778
2791
|
--description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
|
|
2779
2792
|
}
|
|
2780
|
-
.RadioField-module__hop-
|
|
2793
|
+
.RadioField-module__hop-RadioField__description___sFFCG {
|
|
2781
2794
|
order: 2;
|
|
2782
2795
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
|
|
2783
2796
|
color: var(--description-color);
|
|
2784
2797
|
}
|
|
2785
|
-
.RadioField-module__hop-
|
|
2798
|
+
.RadioField-module__hop-RadioField__radio___-jqTU {
|
|
2786
2799
|
order: 1;
|
|
2787
2800
|
}
|
|
2788
2801
|
|
|
2789
2802
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
|
|
2790
|
-
.RadioGroup-module__hop-
|
|
2803
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC {
|
|
2791
2804
|
--hop-RadioGroup-align-items: flex-start;
|
|
2792
2805
|
--hop-RadioGroup-justify-content: flex-start;
|
|
2793
2806
|
--hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -2827,46 +2840,46 @@
|
|
|
2827
2840
|
inline-size: var(--inline-size);
|
|
2828
2841
|
max-inline-size: 100%;
|
|
2829
2842
|
}
|
|
2830
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2843
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g {
|
|
2831
2844
|
--list-border: var(--radio-border-size) solid var(--radio-border-color);
|
|
2832
2845
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
2833
2846
|
}
|
|
2834
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2847
|
+
.RadioGroup-module__hop-RadioGroup--sm___sySXY {
|
|
2835
2848
|
--column-gap: var(--hop-RadioGroup-sm-column-gap);
|
|
2836
2849
|
--row-gap: var(--hop-RadioGroup-sm-row-gap);
|
|
2837
2850
|
--list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
|
|
2838
2851
|
--list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
|
|
2839
2852
|
}
|
|
2840
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2853
|
+
.RadioGroup-module__hop-RadioGroup--md___bhsBV {
|
|
2841
2854
|
--column-gap: var(--hop-RadioGroup-md-column-gap);
|
|
2842
2855
|
--row-gap: var(--hop-RadioGroup-md-row-gap);
|
|
2843
2856
|
--list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
|
|
2844
2857
|
--list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
|
|
2845
2858
|
}
|
|
2846
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2859
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g.RadioGroup-module__hop-RadioGroup--sm___sySXY {
|
|
2847
2860
|
--radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
|
|
2848
2861
|
--column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
|
|
2849
2862
|
--row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
|
|
2850
2863
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
|
|
2851
2864
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
|
|
2852
2865
|
}
|
|
2853
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2866
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g.RadioGroup-module__hop-RadioGroup--md___bhsBV {
|
|
2854
2867
|
--radio-padding: var(--hop-RadioGroup-bordered-md-padding);
|
|
2855
2868
|
--column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
|
|
2856
2869
|
--row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
|
|
2857
2870
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
|
|
2858
2871
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
|
|
2859
2872
|
}
|
|
2860
|
-
.RadioGroup-module__hop-
|
|
2873
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC[data-orientation=horizontal] {
|
|
2861
2874
|
--flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
|
|
2862
2875
|
}
|
|
2863
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2876
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=horizontal] {
|
|
2864
2877
|
--flex-wrap: nowrap;
|
|
2865
2878
|
}
|
|
2866
|
-
.RadioGroup-module__hop-
|
|
2879
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__label___4M6KT {
|
|
2867
2880
|
order: 1;
|
|
2868
2881
|
}
|
|
2869
|
-
.RadioGroup-module__hop-
|
|
2882
|
+
.RadioGroup-module__hop-RadioGroup__list___K-Y-B {
|
|
2870
2883
|
display: flex;
|
|
2871
2884
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
2872
2885
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -2877,7 +2890,7 @@
|
|
|
2877
2890
|
border: var(--list-border, none);
|
|
2878
2891
|
border-radius: var(--list-border-radius, 0);
|
|
2879
2892
|
}
|
|
2880
|
-
.RadioGroup-module__hop-
|
|
2893
|
+
.RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc {
|
|
2881
2894
|
position: relative;
|
|
2882
2895
|
flex: 0 1 auto;
|
|
2883
2896
|
align-content: start;
|
|
@@ -2885,28 +2898,28 @@
|
|
|
2885
2898
|
min-inline-size: 0;
|
|
2886
2899
|
padding: var(--radio-padding, 0);
|
|
2887
2900
|
}
|
|
2888
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2901
|
+
.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 {
|
|
2889
2902
|
content: "";
|
|
2890
2903
|
position: absolute;
|
|
2891
2904
|
display: block;
|
|
2892
2905
|
}
|
|
2893
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2906
|
+
.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 {
|
|
2894
2907
|
inset-block-start: 0;
|
|
2895
2908
|
inset-inline: 0;
|
|
2896
2909
|
border-block-start: var(--list-border, none);
|
|
2897
2910
|
}
|
|
2898
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2911
|
+
.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 {
|
|
2899
2912
|
inset-block: 0;
|
|
2900
2913
|
inset-inline-start: 0;
|
|
2901
2914
|
border-inline-start: var(--list-border, none);
|
|
2902
2915
|
}
|
|
2903
|
-
.RadioGroup-module__hop-
|
|
2904
|
-
.RadioGroup-module__hop-
|
|
2916
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__error-message___QXzMh,
|
|
2917
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__helper-message___BkFNa {
|
|
2905
2918
|
order: 3;
|
|
2906
2919
|
}
|
|
2907
2920
|
|
|
2908
2921
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
|
|
2909
|
-
.ListBoxItemSkeleton-module__hop-
|
|
2922
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___sSxVu {
|
|
2910
2923
|
--hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
|
|
2911
2924
|
--hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
|
|
2912
2925
|
--hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -2932,7 +2945,7 @@
|
|
|
2932
2945
|
background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
|
|
2933
2946
|
background-size: 400% 100%;
|
|
2934
2947
|
border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
|
|
2935
|
-
animation-name: ListBoxItemSkeleton-module__placeholder-
|
|
2948
|
+
animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___kI5E-;
|
|
2936
2949
|
animation-duration: var(--animation-duration);
|
|
2937
2950
|
animation-timing-function: ease-in-out;
|
|
2938
2951
|
animation-fill-mode: forwards;
|
|
@@ -2941,19 +2954,19 @@
|
|
|
2941
2954
|
--animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
|
|
2942
2955
|
}
|
|
2943
2956
|
}
|
|
2944
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2957
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___3ZPnH {
|
|
2945
2958
|
--height: var(--hop-ListBoxItemSkeleton-xs-height);
|
|
2946
2959
|
}
|
|
2947
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2960
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___wPxkP {
|
|
2948
2961
|
--height: var(--hop-ListBoxItemSkeleton-sm-height);
|
|
2949
2962
|
}
|
|
2950
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2963
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___ucQPS {
|
|
2951
2964
|
--height: var(--hop-ListBoxItemSkeleton-md-height);
|
|
2952
2965
|
}
|
|
2953
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2966
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___xjXd3 {
|
|
2954
2967
|
--height: var(--hop-ListBoxItemSkeleton-lg-height);
|
|
2955
2968
|
}
|
|
2956
|
-
@keyframes ListBoxItemSkeleton-module__placeholder-
|
|
2969
|
+
@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___kI5E- {
|
|
2957
2970
|
0% {
|
|
2958
2971
|
background-position: 125% 50%;
|
|
2959
2972
|
}
|
|
@@ -2963,7 +2976,7 @@
|
|
|
2963
2976
|
}
|
|
2964
2977
|
|
|
2965
2978
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
|
|
2966
|
-
.ListBoxItem-module__hop-
|
|
2979
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6 {
|
|
2967
2980
|
--hop-ListBoxItem-background-color: transparent;
|
|
2968
2981
|
--hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
|
|
2969
2982
|
--hop-ListBoxItem-text-color: var(--hop-neutral-text);
|
|
@@ -3060,129 +3073,129 @@
|
|
|
3060
3073
|
outline: var(--outline);
|
|
3061
3074
|
outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
|
|
3062
3075
|
}
|
|
3063
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3076
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___9yqv- {
|
|
3064
3077
|
--padding-block: var(--hop-ListBoxItem-xs-padding-block);
|
|
3065
3078
|
--padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
|
|
3066
3079
|
--min-height: var(--hop-ListBoxItem-xs-min-height);
|
|
3067
3080
|
--avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
|
|
3068
3081
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
|
|
3069
3082
|
}
|
|
3070
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3083
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___-dIPa {
|
|
3071
3084
|
--padding-block: var(--hop-ListBoxItem-sm-padding-block);
|
|
3072
3085
|
--padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
|
|
3073
3086
|
--min-height: var(--hop-ListBoxItem-sm-min-height);
|
|
3074
3087
|
--avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
|
|
3075
3088
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
|
|
3076
3089
|
}
|
|
3077
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3090
|
+
.ListBoxItem-module__hop-ListBoxItem--md___zsuXH {
|
|
3078
3091
|
--padding-block: var(--hop-ListBoxItem-md-padding-block);
|
|
3079
3092
|
--padding-inline: var(--hop-ListBoxItem-md-padding-inline);
|
|
3080
3093
|
--min-height: var(--hop-ListBoxItem-md-min-height);
|
|
3081
3094
|
--avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
|
|
3082
3095
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
|
|
3083
3096
|
}
|
|
3084
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3097
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___2POEB {
|
|
3085
3098
|
--padding-block: var(--hop-ListBoxItem-lg-padding-block);
|
|
3086
3099
|
--padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
|
|
3087
3100
|
--min-height: var(--hop-ListBoxItem-lg-min-height);
|
|
3088
3101
|
--avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
|
|
3089
3102
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
|
|
3090
3103
|
}
|
|
3091
|
-
.ListBoxItem-module__hop-
|
|
3104
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-selection-mode] {
|
|
3092
3105
|
--cursor: pointer;
|
|
3093
3106
|
}
|
|
3094
|
-
.ListBoxItem-module__hop-
|
|
3107
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6:not([data-selection-mode]) {
|
|
3095
3108
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
3096
3109
|
}
|
|
3097
|
-
.ListBoxItem-module__hop-
|
|
3110
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi) {
|
|
3098
3111
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
3099
3112
|
}
|
|
3100
|
-
.ListBoxItem-module__hop-
|
|
3113
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi) {
|
|
3101
3114
|
--checkmark-transition: none;
|
|
3102
3115
|
}
|
|
3103
|
-
.ListBoxItem-module__hop-
|
|
3116
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-selected] {
|
|
3104
3117
|
--background-color: var(--hop-ListBoxItem-background-color-selected);
|
|
3105
3118
|
--text-color: var(--hop-ListBoxItem-text-color-selected);
|
|
3106
3119
|
--icon-color: var(--hop-ListBoxItem-icon-color-selected);
|
|
3107
3120
|
--checkmark-opacity: 1;
|
|
3108
3121
|
}
|
|
3109
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3122
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___9yqv-[data-selected] {
|
|
3110
3123
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
|
|
3111
3124
|
}
|
|
3112
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3125
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___-dIPa[data-selected] {
|
|
3113
3126
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
|
|
3114
3127
|
}
|
|
3115
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3128
|
+
.ListBoxItem-module__hop-ListBoxItem--md___zsuXH[data-selected] {
|
|
3116
3129
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
|
|
3117
3130
|
}
|
|
3118
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3131
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___2POEB[data-selected] {
|
|
3119
3132
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
|
|
3120
3133
|
}
|
|
3121
|
-
.ListBoxItem-module__hop-
|
|
3134
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-focus-visible] {
|
|
3122
3135
|
--background-color: var(--hop-ListBoxItem-background-color-focused);
|
|
3123
3136
|
--text-color: var(--hop-ListBoxItem-text-color-focused);
|
|
3124
3137
|
--icon-color: var(--hop-ListBoxItem-icon-color-focused);
|
|
3125
3138
|
--outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
|
|
3126
3139
|
}
|
|
3127
|
-
.ListBoxItem-module__hop-
|
|
3140
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-hovered] {
|
|
3128
3141
|
--background-color: var(--hop-ListBoxItem-background-color-hovered);
|
|
3129
3142
|
--text-color: var(--hop-ListBoxItem-text-color-hovered);
|
|
3130
3143
|
--icon-color: var(--hop-ListBoxItem-icon-color-hovered);
|
|
3131
3144
|
}
|
|
3132
|
-
.ListBoxItem-module__hop-
|
|
3145
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-pressed] {
|
|
3133
3146
|
--background-color: var(--hop-ListBoxItem-background-color-pressed);
|
|
3134
3147
|
--text-color: var(--hop-ListBoxItem-text-color-pressed);
|
|
3135
3148
|
--icon-color: var(--hop-ListBoxItem-icon-color-pressed);
|
|
3136
3149
|
}
|
|
3137
|
-
.ListBoxItem-module__hop-
|
|
3150
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-disabled] {
|
|
3138
3151
|
--background-color: var(--hop-ListBoxItem-background-color-disabled);
|
|
3139
3152
|
--text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
3140
3153
|
--icon-color: var(--hop-ListBoxItem-icon-color-disabled);
|
|
3141
3154
|
--description-text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
3142
3155
|
--cursor: not-allowed;
|
|
3143
3156
|
}
|
|
3144
|
-
.ListBoxItem-module__hop-
|
|
3157
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid] {
|
|
3145
3158
|
--background-color: var(--hop-ListBoxItem-background-color-invalid);
|
|
3146
3159
|
--text-color: var(--hop-ListBoxItem-text-color-invalid);
|
|
3147
3160
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid);
|
|
3148
3161
|
}
|
|
3149
|
-
.ListBoxItem-module__hop-
|
|
3162
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-selected] {
|
|
3150
3163
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
|
|
3151
3164
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
|
|
3152
3165
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
|
|
3153
3166
|
}
|
|
3154
|
-
.ListBoxItem-module__hop-
|
|
3167
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-focus-visible] {
|
|
3155
3168
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
|
|
3156
3169
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
|
|
3157
3170
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
|
|
3158
3171
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
|
|
3159
3172
|
}
|
|
3160
|
-
.ListBoxItem-module__hop-
|
|
3173
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-hovered] {
|
|
3161
3174
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
|
|
3162
3175
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
|
|
3163
3176
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
|
|
3164
3177
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
|
|
3165
3178
|
}
|
|
3166
|
-
.ListBoxItem-module__hop-
|
|
3179
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-pressed] {
|
|
3167
3180
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
|
|
3168
3181
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
|
|
3169
3182
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
|
|
3170
3183
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
|
|
3171
3184
|
}
|
|
3172
|
-
.ListBoxItem-module__hop-
|
|
3185
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-disabled] {
|
|
3173
3186
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
|
|
3174
3187
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
|
|
3175
3188
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
|
|
3176
3189
|
}
|
|
3177
|
-
.ListBoxItem-module__hop-
|
|
3190
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6:has(.ListBoxItem-module__hop-ListBoxItem__description___zO-1q) {
|
|
3178
3191
|
--row-gap: var(--hop-ListBoxItem-row-gap);
|
|
3179
3192
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
|
|
3180
3193
|
}
|
|
3181
|
-
.ListBoxItem-module__hop-
|
|
3194
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-loading] {
|
|
3182
3195
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
|
|
3183
3196
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
|
|
3184
3197
|
}
|
|
3185
|
-
.ListBoxItem-module__hop-
|
|
3198
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC {
|
|
3186
3199
|
display: grid;
|
|
3187
3200
|
grid-template-areas: var(--grid-template-areas);
|
|
3188
3201
|
grid-template-columns: var(--grid-template-columns);
|
|
@@ -3194,33 +3207,33 @@
|
|
|
3194
3207
|
padding-inline: var(--padding-inline);
|
|
3195
3208
|
transition: grid-template-columns .3s ease-in-out;
|
|
3196
3209
|
}
|
|
3197
|
-
.ListBoxItem-module__hop-
|
|
3210
|
+
.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi {
|
|
3198
3211
|
grid-area: indicator;
|
|
3199
3212
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3200
3213
|
color: var(--icon-color);
|
|
3201
3214
|
opacity: var(--checkmark-opacity);
|
|
3202
3215
|
transition: var(--checkmark-transition);
|
|
3203
3216
|
}
|
|
3204
|
-
.ListBoxItem-module__hop-ListBoxItem__radio-
|
|
3205
|
-
.ListBoxItem-module__hop-
|
|
3217
|
+
.ListBoxItem-module__hop-ListBoxItem__radio-group___BWVk3,
|
|
3218
|
+
.ListBoxItem-module__hop-ListBoxItem__checkbox___TrEmP {
|
|
3206
3219
|
pointer-events: none;
|
|
3207
3220
|
user-select: none;
|
|
3208
3221
|
grid-area: indicator;
|
|
3209
3222
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3210
3223
|
}
|
|
3211
|
-
.ListBoxItem-module__hop-
|
|
3224
|
+
.ListBoxItem-module__hop-ListBoxItem__avatar___2ts9n {
|
|
3212
3225
|
grid-area: avatar;
|
|
3213
3226
|
margin-block: var(--avatar-margin-block, 0);
|
|
3214
3227
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3215
3228
|
}
|
|
3216
|
-
.ListBoxItem-module__hop-ListBoxItem__icon-
|
|
3217
|
-
.ListBoxItem-module__hop-
|
|
3229
|
+
.ListBoxItem-module__hop-ListBoxItem__icon-list___cDnpz,
|
|
3230
|
+
.ListBoxItem-module__hop-ListBoxItem__icon___lyDh4 {
|
|
3218
3231
|
grid-area: icon;
|
|
3219
3232
|
flex: 0 0 auto;
|
|
3220
3233
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3221
3234
|
color: var(--icon-color);
|
|
3222
3235
|
}
|
|
3223
|
-
.ListBoxItem-module__hop-
|
|
3236
|
+
.ListBoxItem-module__hop-ListBoxItem__label___bb5Mc {
|
|
3224
3237
|
overflow: hidden;
|
|
3225
3238
|
grid-area: label;
|
|
3226
3239
|
min-inline-size: 0;
|
|
@@ -3228,18 +3241,18 @@
|
|
|
3228
3241
|
text-overflow: ellipsis;
|
|
3229
3242
|
white-space: nowrap;
|
|
3230
3243
|
}
|
|
3231
|
-
.ListBoxItem-module__hop-ListBoxItem__end-icon-
|
|
3232
|
-
.ListBoxItem-module__hop-ListBoxItem__end-
|
|
3244
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon-list___Auh9U,
|
|
3245
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon___6JGnU {
|
|
3233
3246
|
grid-area: end-icon;
|
|
3234
3247
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
3235
3248
|
color: var(--icon-color);
|
|
3236
3249
|
}
|
|
3237
|
-
.ListBoxItem-module__hop-
|
|
3250
|
+
.ListBoxItem-module__hop-ListBoxItem__badge___-OS1t {
|
|
3238
3251
|
grid-area: badge;
|
|
3239
3252
|
margin-block: var(--hop-ListBoxItem-badge-margin-block);
|
|
3240
3253
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
3241
3254
|
}
|
|
3242
|
-
.ListBoxItem-module__hop-
|
|
3255
|
+
.ListBoxItem-module__hop-ListBoxItem__description___zO-1q {
|
|
3243
3256
|
overflow: hidden;
|
|
3244
3257
|
display: -webkit-box;
|
|
3245
3258
|
grid-area: description;
|
|
@@ -3250,7 +3263,7 @@
|
|
|
3250
3263
|
}
|
|
3251
3264
|
|
|
3252
3265
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
|
|
3253
|
-
.ListBox-module__hop-
|
|
3266
|
+
.ListBox-module__hop-ListBox___JMroe {
|
|
3254
3267
|
--hop-ListBox-background-color: var(--hop-neutral-surface);
|
|
3255
3268
|
--hop-ListBox-border-color: var(--hop-neutral-border-weak);
|
|
3256
3269
|
--hop-ListBox-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -3299,11 +3312,11 @@
|
|
|
3299
3312
|
border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
|
|
3300
3313
|
border-radius: var(--hop-ListBox-border-radius);
|
|
3301
3314
|
}
|
|
3302
|
-
.ListBox-module__hop-ListBox--
|
|
3315
|
+
.ListBox-module__hop-ListBox--fluid___gDcU0 {
|
|
3303
3316
|
--max-width: var(--hop-ListBox-fluid-max-width);
|
|
3304
3317
|
--width: var(--hop-ListBox-fluid-width);
|
|
3305
3318
|
}
|
|
3306
|
-
.ListBox-module__hop-
|
|
3319
|
+
.ListBox-module__hop-ListBox__section___PWydC {
|
|
3307
3320
|
margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
|
|
3308
3321
|
margin-inline: var(--hop-ListBox-section-margin-inline);
|
|
3309
3322
|
padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
|
|
@@ -3311,21 +3324,21 @@
|
|
|
3311
3324
|
border-block-start: var(--section-border-block-start);
|
|
3312
3325
|
border-block-end: var(--section-border-block-end);
|
|
3313
3326
|
}
|
|
3314
|
-
.ListBox-module__hop-
|
|
3327
|
+
.ListBox-module__hop-ListBox__item___I81eY + .ListBox-module__hop-ListBox__section___PWydC {
|
|
3315
3328
|
--section-margin-block-start: var(--hop-ListBox-section-margin-block);
|
|
3316
3329
|
--section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
|
|
3317
3330
|
}
|
|
3318
|
-
.ListBox-module__hop-
|
|
3331
|
+
.ListBox-module__hop-ListBox__section___PWydC:has(+ .ListBox-module__hop-ListBox__item___I81eY) {
|
|
3319
3332
|
--section-margin-block-end: var(--hop-ListBox-section-margin-block);
|
|
3320
3333
|
}
|
|
3321
|
-
.ListBox-module__hop-
|
|
3334
|
+
.ListBox-module__hop-ListBox__section___PWydC:first-child {
|
|
3322
3335
|
--section-padding-block-start: 0;
|
|
3323
3336
|
}
|
|
3324
|
-
.ListBox-module__hop-
|
|
3337
|
+
.ListBox-module__hop-ListBox__section___PWydC:last-child {
|
|
3325
3338
|
--section-padding-block-end: 0;
|
|
3326
3339
|
--section-border-block-end: 0;
|
|
3327
3340
|
}
|
|
3328
|
-
.ListBox-module__hop-ListBox__section-
|
|
3341
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0 {
|
|
3329
3342
|
margin: 0;
|
|
3330
3343
|
padding: var(--hop-ListBox-section-header-padding);
|
|
3331
3344
|
font-family: var(--hop-ListBox-section-header-font-family);
|
|
@@ -3336,34 +3349,34 @@
|
|
|
3336
3349
|
text-transform: var(--hop-ListBox-section-header-text-transform);
|
|
3337
3350
|
letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
|
|
3338
3351
|
}
|
|
3339
|
-
.ListBox-module__hop-ListBox__section-
|
|
3340
|
-
.ListBox-module__hop-ListBox__section-
|
|
3352
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0::before,
|
|
3353
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0::after {
|
|
3341
3354
|
content: "";
|
|
3342
3355
|
display: block;
|
|
3343
3356
|
box-sizing: border-box;
|
|
3344
3357
|
inline-size: 0;
|
|
3345
3358
|
block-size: 0;
|
|
3346
3359
|
}
|
|
3347
|
-
.ListBox-module__hop-ListBox__section-
|
|
3360
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0::before {
|
|
3348
3361
|
margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
|
|
3349
3362
|
}
|
|
3350
|
-
.ListBox-module__hop-ListBox__section-
|
|
3363
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0::after {
|
|
3351
3364
|
margin-block-start: var(--hop-ListBox-section-header-top-offset);
|
|
3352
3365
|
}
|
|
3353
|
-
.ListBox-module__hop-
|
|
3366
|
+
.ListBox-module__hop-ListBox__divider___avfGt {
|
|
3354
3367
|
margin-block: var(--hop-ListBox-divider-margin-block);
|
|
3355
3368
|
margin-inline: var(--hop-ListBox-divider-margin-inline);
|
|
3356
3369
|
}
|
|
3357
3370
|
|
|
3358
3371
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
|
|
3359
|
-
:where(.Popover-module__hop-
|
|
3372
|
+
:where(.Popover-module__hop-Popover___gUuqE *) {
|
|
3360
3373
|
font-family: var(--font-family);
|
|
3361
3374
|
font-size: var(--font-size);
|
|
3362
3375
|
font-weight: var(--font-weight);
|
|
3363
3376
|
line-height: var(--line-height);
|
|
3364
3377
|
outline: none;
|
|
3365
3378
|
}
|
|
3366
|
-
.Popover-module__hop-
|
|
3379
|
+
.Popover-module__hop-Popover___gUuqE {
|
|
3367
3380
|
--hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
|
|
3368
3381
|
--hop-Popover-inline-width: 25rem;
|
|
3369
3382
|
--hop-Popover-dropdown-inline-width: var(--trigger-width);
|
|
@@ -3375,19 +3388,19 @@
|
|
|
3375
3388
|
inline-size: var(--width);
|
|
3376
3389
|
max-inline-size: var(--max-width);
|
|
3377
3390
|
}
|
|
3378
|
-
.Popover-module__hop-
|
|
3391
|
+
.Popover-module__hop-Popover___gUuqE[data-trigger=Select] {
|
|
3379
3392
|
--width: var(--hop-Popover-dropdown-inline-width);
|
|
3380
3393
|
}
|
|
3381
|
-
.Popover-module__hop-
|
|
3394
|
+
.Popover-module__hop-Popover___gUuqE[data-auto-width] {
|
|
3382
3395
|
--width: var(--hop-Popover-dropdown-auto-inline-width);
|
|
3383
3396
|
}
|
|
3384
|
-
.Popover-module__hop-
|
|
3385
|
-
animation: Popover-
|
|
3397
|
+
.Popover-module__hop-Popover___gUuqE[data-entering] {
|
|
3398
|
+
animation: Popover-module__fade___ByoOf 0.25s;
|
|
3386
3399
|
}
|
|
3387
|
-
.Popover-module__hop-
|
|
3388
|
-
animation: Popover-
|
|
3400
|
+
.Popover-module__hop-Popover___gUuqE[data-exiting] {
|
|
3401
|
+
animation: Popover-module__fade___ByoOf 0.25s reverse;
|
|
3389
3402
|
}
|
|
3390
|
-
@keyframes Popover-
|
|
3403
|
+
@keyframes Popover-module__fade___ByoOf {
|
|
3391
3404
|
from {
|
|
3392
3405
|
opacity: 0;
|
|
3393
3406
|
}
|
|
@@ -3395,14 +3408,14 @@
|
|
|
3395
3408
|
opacity: 1;
|
|
3396
3409
|
}
|
|
3397
3410
|
}
|
|
3398
|
-
.Popover-module__hop-
|
|
3411
|
+
.Popover-module__hop-Popover__wrapper___PUZxp {
|
|
3399
3412
|
display: flex;
|
|
3400
3413
|
flex: 1 1 auto;
|
|
3401
3414
|
flex-direction: column;
|
|
3402
3415
|
min-block-size: 0;
|
|
3403
3416
|
}
|
|
3404
|
-
.Popover-module__hop-
|
|
3405
|
-
.Popover-module__hop-
|
|
3417
|
+
.Popover-module__hop-Popover__dialog___sW-hf,
|
|
3418
|
+
.Popover-module__hop-Popover__dropdown___fQSFy {
|
|
3406
3419
|
--hop-Popover-background: var(--hop-neutral-surface);
|
|
3407
3420
|
--hop-Popover-font-family: var(--hop-body-sm-font-family);
|
|
3408
3421
|
--hop-Popover-font-size: var(--hop-body-sm-font-size);
|
|
@@ -3448,20 +3461,20 @@
|
|
|
3448
3461
|
border-radius: var(--hop-Popover-border-radius);
|
|
3449
3462
|
box-shadow: var(--hop-Popover-box-shadow);
|
|
3450
3463
|
}
|
|
3451
|
-
.Popover-module__hop-
|
|
3464
|
+
.Popover-module__hop-Popover__dropdown___fQSFy {
|
|
3452
3465
|
--footer-margin: var(--hop-Popover-footer-dropdown-margin);
|
|
3453
3466
|
--footer-place-self: stretch;
|
|
3454
3467
|
--grid-template: var(--hop-Popover-dropdown-grid-template);
|
|
3455
3468
|
--padding: var(--hop-Popover-dropdown-padding);
|
|
3456
3469
|
}
|
|
3457
|
-
.Popover-module__hop-
|
|
3470
|
+
.Popover-module__hop-Popover__dialog___sW-hf {
|
|
3458
3471
|
--padding: var(--hop-Popover-dialog-padding);
|
|
3459
3472
|
}
|
|
3460
|
-
.Popover-module__hop-
|
|
3473
|
+
.Popover-module__hop-Popover__title___kUozx {
|
|
3461
3474
|
grid-area: header;
|
|
3462
3475
|
color: var(--hop-Popover-color);
|
|
3463
3476
|
}
|
|
3464
|
-
.Popover-module__hop-
|
|
3477
|
+
.Popover-module__hop-Popover__content___lGFNJ {
|
|
3465
3478
|
--font-size: var(--hop-Popover-content-font-size);
|
|
3466
3479
|
--line-height: var(--hop-Popover-content-line-height);
|
|
3467
3480
|
grid-area: content;
|
|
@@ -3470,7 +3483,7 @@
|
|
|
3470
3483
|
padding: 0;
|
|
3471
3484
|
color: var(--hop-Popover-content-color);
|
|
3472
3485
|
}
|
|
3473
|
-
.Popover-module__hop-
|
|
3486
|
+
.Popover-module__hop-Popover__dropdown___fQSFy .Popover-module__hop-Popover__list-box___3a8GD {
|
|
3474
3487
|
grid-area: content;
|
|
3475
3488
|
inline-size: auto;
|
|
3476
3489
|
min-inline-size: auto;
|
|
@@ -3479,7 +3492,7 @@
|
|
|
3479
3492
|
padding: 0;
|
|
3480
3493
|
border: none;
|
|
3481
3494
|
}
|
|
3482
|
-
.Popover-module__hop-
|
|
3495
|
+
.Popover-module__hop-Popover__footer___OfxU- {
|
|
3483
3496
|
--font-size: var(--hop-Popover-footer-font-size);
|
|
3484
3497
|
--line-height: var(--hop-Popover-footer-line-height);
|
|
3485
3498
|
grid-area: footer;
|
|
@@ -3487,22 +3500,22 @@
|
|
|
3487
3500
|
margin: var(--footer-margin);
|
|
3488
3501
|
color: var(--hop-Popover-color);
|
|
3489
3502
|
}
|
|
3490
|
-
.Popover-module__hop-
|
|
3503
|
+
.Popover-module__hop-Popover__dropdown___fQSFy .Popover-module__hop-Popover__footer___OfxU- {
|
|
3491
3504
|
padding: var(--hop-Popover-footer-dropdown-footer-padding);
|
|
3492
3505
|
border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
|
|
3493
3506
|
}
|
|
3494
|
-
.Popover-module__hop-
|
|
3495
|
-
.Popover-module__hop-
|
|
3507
|
+
.Popover-module__hop-Popover__actions___dmf8x,
|
|
3508
|
+
.Popover-module__hop-Popover__action___DxkKZ {
|
|
3496
3509
|
grid-area: action;
|
|
3497
3510
|
justify-self: end;
|
|
3498
3511
|
margin-block-start: var(--hop-Popover-row-gap);
|
|
3499
3512
|
}
|
|
3500
|
-
.Popover-module__hop-
|
|
3513
|
+
.Popover-module__hop-Popover___gUuqE:has(.Popover-module__hop-Popover__actions___dmf8x, .Popover-module__hop-Popover__action___DxkKZ) .Popover-module__hop-Popover__footer___OfxU- {
|
|
3501
3514
|
margin-inline-end: var(--hop-Popover-column-gap);
|
|
3502
3515
|
}
|
|
3503
3516
|
|
|
3504
3517
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
|
|
3505
|
-
.SelectValue-module__hop-
|
|
3518
|
+
.SelectValue-module__hop-SelectValue___aeUo4 {
|
|
3506
3519
|
--hop-SelectValue-display: flex;
|
|
3507
3520
|
--hop-SelectValue-column-gap: var(--hop-space-inline-sm);
|
|
3508
3521
|
overflow: hidden;
|
|
@@ -3514,13 +3527,13 @@
|
|
|
3514
3527
|
text-overflow: ellipsis;
|
|
3515
3528
|
white-space: nowrap;
|
|
3516
3529
|
}
|
|
3517
|
-
.SelectValue-module__hop-
|
|
3530
|
+
.SelectValue-module__hop-SelectValue__avatar___ydj2c {
|
|
3518
3531
|
order: 1;
|
|
3519
3532
|
}
|
|
3520
|
-
.SelectValue-module__hop-
|
|
3533
|
+
.SelectValue-module__hop-SelectValue__icon___sLKo8 {
|
|
3521
3534
|
order: 2;
|
|
3522
3535
|
}
|
|
3523
|
-
.SelectValue-module__hop-
|
|
3536
|
+
.SelectValue-module__hop-SelectValue__text___MvBWs {
|
|
3524
3537
|
overflow: hidden;
|
|
3525
3538
|
flex: 1 1 auto;
|
|
3526
3539
|
order: 3;
|
|
@@ -3528,12 +3541,12 @@
|
|
|
3528
3541
|
text-overflow: ellipsis;
|
|
3529
3542
|
white-space: nowrap;
|
|
3530
3543
|
}
|
|
3531
|
-
.SelectValue-module__hop-SelectValue__end-
|
|
3544
|
+
.SelectValue-module__hop-SelectValue__end-icon___sApM8 {
|
|
3532
3545
|
order: 4;
|
|
3533
3546
|
}
|
|
3534
3547
|
|
|
3535
3548
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
|
|
3536
|
-
.Select-module__hop-
|
|
3549
|
+
.Select-module__hop-Select___NY-PE {
|
|
3537
3550
|
--hop-Select-row-gap: var(--hop-space-stack-xs);
|
|
3538
3551
|
--hop-Select-inline-size: 20rem;
|
|
3539
3552
|
--hop-Select-inline-size-fluid: 100%;
|
|
@@ -3584,13 +3597,13 @@
|
|
|
3584
3597
|
inline-size: var(--inline-size);
|
|
3585
3598
|
max-inline-size: var(--hop-Select-max-inline-size);
|
|
3586
3599
|
}
|
|
3587
|
-
.Select-module__hop-Select--
|
|
3600
|
+
.Select-module__hop-Select--fluid___Spz5C {
|
|
3588
3601
|
--inline-size: var(--hop-Select-inline-size-fluid);
|
|
3589
3602
|
}
|
|
3590
|
-
.Select-module__hop-
|
|
3603
|
+
.Select-module__hop-Select__label___2D4bX {
|
|
3591
3604
|
order: 1;
|
|
3592
3605
|
}
|
|
3593
|
-
.Select-module__hop-
|
|
3606
|
+
.Select-module__hop-Select__button___Go9H0 {
|
|
3594
3607
|
cursor: var(--button-cursor);
|
|
3595
3608
|
display: flex;
|
|
3596
3609
|
column-gap: var(--hop-Select-button-column-gap);
|
|
@@ -3606,28 +3619,28 @@
|
|
|
3606
3619
|
border-radius: var(--hop-Select-button-border-radius);
|
|
3607
3620
|
outline: none;
|
|
3608
3621
|
}
|
|
3609
|
-
.Select-module__hop-Select__button--
|
|
3622
|
+
.Select-module__hop-Select__button--sm___EbGeY {
|
|
3610
3623
|
--button-block-size: var(--hop-Select-button-sm-block-size);
|
|
3611
3624
|
}
|
|
3612
|
-
.Select-module__hop-Select__button--
|
|
3625
|
+
.Select-module__hop-Select__button--md___cdeXg {
|
|
3613
3626
|
--button-block-size: var(--hop-Select-button-md-block-size);
|
|
3614
3627
|
}
|
|
3615
|
-
.Select-module__hop-
|
|
3628
|
+
.Select-module__hop-Select__button___Go9H0[data-hovered] {
|
|
3616
3629
|
--button-background-color: var(--hop-Select-button-background-color-hovered);
|
|
3617
3630
|
--button-border-color: var(--hop-Select-button-border-color-hovered);
|
|
3618
3631
|
--button-color: var(--hop-Select-button-color-hovered);
|
|
3619
3632
|
--button-icon-color: var(--hop-Select-button-icon-color-hovered);
|
|
3620
3633
|
}
|
|
3621
|
-
.Select-module__hop-
|
|
3634
|
+
.Select-module__hop-Select__button___Go9H0[data-pressed] {
|
|
3622
3635
|
--button-background-color: var(--hop-Select-button-background-color-selected);
|
|
3623
3636
|
--button-border-color: var(--hop-Select-button-border-color-selected);
|
|
3624
3637
|
--button-color: var(--hop-Select-button-color-selected);
|
|
3625
3638
|
--button-icon-color: var(--hop-Select-button-icon-color-selected);
|
|
3626
3639
|
}
|
|
3627
|
-
.Select-module__hop-
|
|
3640
|
+
.Select-module__hop-Select__button___Go9H0[data-invalid] {
|
|
3628
3641
|
--button-border-color: var(--hop-Select-button-border-color-invalid);
|
|
3629
3642
|
}
|
|
3630
|
-
.Select-module__hop-
|
|
3643
|
+
.Select-module__hop-Select__button___Go9H0[data-focus-visible] {
|
|
3631
3644
|
--button-background-color: var(--hop-Select-button-background-color-focused);
|
|
3632
3645
|
--button-border-color: var(--hop-Select-button-border-color-focused);
|
|
3633
3646
|
--button-color: var(--hop-Select-button-color-focused);
|
|
@@ -3635,30 +3648,30 @@
|
|
|
3635
3648
|
outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
|
|
3636
3649
|
outline-offset: -0.125rem;
|
|
3637
3650
|
}
|
|
3638
|
-
.Select-module__hop-
|
|
3651
|
+
.Select-module__hop-Select__button___Go9H0:has([data-placeholder]) {
|
|
3639
3652
|
--button-color: var(--hop-Select-button-placeholder-color);
|
|
3640
3653
|
}
|
|
3641
|
-
.Select-module__hop-
|
|
3654
|
+
.Select-module__hop-Select__button___Go9H0[data-disabled] {
|
|
3642
3655
|
--button-background-color: var(--hop-Select-button-background-color-disabled);
|
|
3643
3656
|
--button-border-color: var(--hop-Select-button-border-color-disabled);
|
|
3644
3657
|
--button-color: var(--hop-Select-button-color-disabled);
|
|
3645
3658
|
--button-icon-color: var(--hop-Select-button-icon-color-disabled);
|
|
3646
3659
|
--button-cursor: var(--hop-Select-button-cursor-disabled);
|
|
3647
3660
|
}
|
|
3648
|
-
.Select-module__hop-
|
|
3661
|
+
.Select-module__hop-Select__prefix___2TSOS {
|
|
3649
3662
|
color: var(--hop-Select-prefix-color);
|
|
3650
3663
|
}
|
|
3651
|
-
.Select-module__hop-Select__button-
|
|
3664
|
+
.Select-module__hop-Select__button-icon___aX0YH {
|
|
3652
3665
|
margin-inline-start: auto;
|
|
3653
3666
|
color: var(--button-icon-color);
|
|
3654
3667
|
}
|
|
3655
|
-
.Select-module__hop-Select__helper-
|
|
3656
|
-
.Select-module__hop-Select__error-
|
|
3668
|
+
.Select-module__hop-Select__helper-message___lx7SC,
|
|
3669
|
+
.Select-module__hop-Select__error-message___00F7I {
|
|
3657
3670
|
order: 3;
|
|
3658
3671
|
}
|
|
3659
3672
|
|
|
3660
3673
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
|
|
3661
|
-
.Switch-module__hop-
|
|
3674
|
+
.Switch-module__hop-Switch___uGj2- {
|
|
3662
3675
|
--hop-Switch-border-size: 0.0625rem;
|
|
3663
3676
|
--hop-Switch-border-color: var(--hop-neutral-border);
|
|
3664
3677
|
--hop-Switch-border-radius: var(--hop-shape-rounded-lg);
|
|
@@ -3715,56 +3728,56 @@
|
|
|
3715
3728
|
inline-size: max-content;
|
|
3716
3729
|
max-inline-size: 100%;
|
|
3717
3730
|
}
|
|
3718
|
-
.Switch-module__hop-Switch--
|
|
3731
|
+
.Switch-module__hop-Switch--sm___HYfto {
|
|
3719
3732
|
--inline-size: var(--hop-Switch-inline-size-sm);
|
|
3720
3733
|
--block-size: var(--hop-Switch-block-size-sm);
|
|
3721
3734
|
--thumb-size: var(--hop-Switch-thumb-size-sm);
|
|
3722
3735
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
|
|
3723
3736
|
--text-top-offset: var(--hop-Switch-text-top-offset-sm);
|
|
3724
3737
|
}
|
|
3725
|
-
.Switch-module__hop-Switch--
|
|
3738
|
+
.Switch-module__hop-Switch--md___AfBBH {
|
|
3726
3739
|
--inline-size: var(--hop-Switch-inline-size-md);
|
|
3727
3740
|
--block-size: var(--hop-Switch-block-size-md);
|
|
3728
3741
|
--thumb-size: var(--hop-Switch-thumb-size-md);
|
|
3729
3742
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-md);
|
|
3730
3743
|
--text-top-offset: var(--hop-Switch-text-top-offset-md);
|
|
3731
3744
|
}
|
|
3732
|
-
.Switch-module__hop-
|
|
3745
|
+
.Switch-module__hop-Switch___uGj2-[data-hovered] {
|
|
3733
3746
|
--border-color: var(--hop-Switch-border-color-hover);
|
|
3734
3747
|
--background-color: var(--hop-Switch-background-color-hover);
|
|
3735
3748
|
--thumb-color: var(--hop-Switch-thumb-color-hover);
|
|
3736
3749
|
--text-color: var(--hop-Switch-text-color-hover);
|
|
3737
3750
|
}
|
|
3738
|
-
.Switch-module__hop-
|
|
3739
|
-
.Switch-module__hop-
|
|
3751
|
+
.Switch-module__hop-Switch___uGj2-[data-pressed],
|
|
3752
|
+
.Switch-module__hop-Switch___uGj2-[data-pressed][data-focus-visible] {
|
|
3740
3753
|
--border-color: var(--hop-Switch-border-color-pressed);
|
|
3741
3754
|
--background-color: var(--hop-Switch-background-color-pressed);
|
|
3742
3755
|
--thumb-color: var(--hop-Switch-thumb-color-pressed);
|
|
3743
3756
|
--text-color: var(--hop-Switch-text-color-pressed);
|
|
3744
3757
|
}
|
|
3745
|
-
.Switch-module__hop-
|
|
3758
|
+
.Switch-module__hop-Switch___uGj2-[data-focus-visible] {
|
|
3746
3759
|
--border-color: var(--hop-Switch-border-color-focus);
|
|
3747
3760
|
--background-color: var(--hop-Switch-background-color-focus);
|
|
3748
3761
|
--thumb-color: var(--hop-Switch-thumb-color-focus);
|
|
3749
3762
|
--outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
|
|
3750
3763
|
--text-color: var(--hop-Switch-text-color-focus);
|
|
3751
3764
|
}
|
|
3752
|
-
.Switch-module__hop-
|
|
3753
|
-
.Switch-module__hop-
|
|
3765
|
+
.Switch-module__hop-Switch___uGj2-[data-selected],
|
|
3766
|
+
.Switch-module__hop-Switch___uGj2-[data-selected][data-pressed] {
|
|
3754
3767
|
--border-color: var(--hop-Switch-border-color-selected);
|
|
3755
3768
|
--background-color: var(--hop-Switch-background-color-selected);
|
|
3756
3769
|
--thumb-color: var(--hop-Switch-thumb-color-selected);
|
|
3757
3770
|
--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%);
|
|
3758
3771
|
--text-color: var(--hop-Switch-text-color-selected);
|
|
3759
3772
|
}
|
|
3760
|
-
.Switch-module__hop-
|
|
3773
|
+
.Switch-module__hop-Switch___uGj2-[data-disabled] {
|
|
3761
3774
|
--border-color: var(--hop-Switch-border-color-disabled);
|
|
3762
3775
|
--background-color: var(--hop-Switch-background-color-disabled);
|
|
3763
3776
|
--thumb-color: var(--hop-Switch-thumb-color-disabled);
|
|
3764
3777
|
--text-color: var(--hop-Switch-text-color-disabled);
|
|
3765
3778
|
--cursor: not-allowed;
|
|
3766
3779
|
}
|
|
3767
|
-
.Switch-module__hop-
|
|
3780
|
+
.Switch-module__hop-Switch__indicator___nXNzx {
|
|
3768
3781
|
position: relative;
|
|
3769
3782
|
flex: 0 0 auto;
|
|
3770
3783
|
box-sizing: border-box;
|
|
@@ -3777,7 +3790,7 @@
|
|
|
3777
3790
|
outline-offset: 0.125rem;
|
|
3778
3791
|
transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
|
|
3779
3792
|
}
|
|
3780
|
-
.Switch-module__hop-
|
|
3793
|
+
.Switch-module__hop-Switch__indicator___nXNzx::before {
|
|
3781
3794
|
content: "";
|
|
3782
3795
|
position: absolute;
|
|
3783
3796
|
inset-block-start: 50%;
|
|
@@ -3792,20 +3805,20 @@
|
|
|
3792
3805
|
border-radius: var(--hop-shape-circle);
|
|
3793
3806
|
transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
|
|
3794
3807
|
}
|
|
3795
|
-
.Switch-module__hop-
|
|
3808
|
+
.Switch-module__hop-Switch__text___AVZma {
|
|
3796
3809
|
flex: 0 1 auto;
|
|
3797
3810
|
order: 2;
|
|
3798
3811
|
min-inline-size: 0;
|
|
3799
3812
|
margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
|
|
3800
3813
|
color: var(--text-color);
|
|
3801
3814
|
}
|
|
3802
|
-
.Switch-module__hop-Switch__icon-
|
|
3803
|
-
.Switch-module__hop-
|
|
3815
|
+
.Switch-module__hop-Switch__icon-list___m-I5f,
|
|
3816
|
+
.Switch-module__hop-Switch__icon___YH2YF {
|
|
3804
3817
|
order: 3;
|
|
3805
3818
|
}
|
|
3806
3819
|
|
|
3807
3820
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
|
|
3808
|
-
.SwitchField-module__hop-
|
|
3821
|
+
.SwitchField-module__hop-SwitchField___EaVpL {
|
|
3809
3822
|
--hop-SwitchField-description-color: var(--hop-neutral-text-weak);
|
|
3810
3823
|
--hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
3811
3824
|
--hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -3824,28 +3837,28 @@
|
|
|
3824
3837
|
inline-size: max-content;
|
|
3825
3838
|
max-inline-size: 100%;
|
|
3826
3839
|
}
|
|
3827
|
-
.SwitchField-module__hop-
|
|
3840
|
+
.SwitchField-module__hop-SwitchField___EaVpL[data-disabled] {
|
|
3828
3841
|
--description-color: var(--hop-SwitchField-description-color-disabled);
|
|
3829
3842
|
}
|
|
3830
|
-
.SwitchField-module__hop-SwitchField--
|
|
3843
|
+
.SwitchField-module__hop-SwitchField--sm___c6i7N {
|
|
3831
3844
|
--row-gap: var(--hop-SwitchField-sm-row-gap);
|
|
3832
3845
|
--description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
|
|
3833
3846
|
}
|
|
3834
|
-
.SwitchField-module__hop-SwitchField--
|
|
3847
|
+
.SwitchField-module__hop-SwitchField--md___i47Sq {
|
|
3835
3848
|
--row-gap: var(--hop-SwitchField-md-row-gap);
|
|
3836
3849
|
--description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
|
|
3837
3850
|
}
|
|
3838
|
-
.SwitchField-module__hop-
|
|
3851
|
+
.SwitchField-module__hop-SwitchField__description___pZVyu {
|
|
3839
3852
|
order: 2;
|
|
3840
3853
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
|
|
3841
3854
|
color: var(--description-color);
|
|
3842
3855
|
}
|
|
3843
|
-
.SwitchField-module__hop-
|
|
3856
|
+
.SwitchField-module__hop-SwitchField__switch___5zOgG {
|
|
3844
3857
|
order: 1;
|
|
3845
3858
|
}
|
|
3846
3859
|
|
|
3847
3860
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
|
|
3848
|
-
.Tag-module__hop-
|
|
3861
|
+
.Tag-module__hop-Tag___6kkA1 {
|
|
3849
3862
|
--hop-Tag-border-size: 0.0625rem;
|
|
3850
3863
|
--hop-Tag-border-radius: var(--hop-shape-pill);
|
|
3851
3864
|
--hop-Tag-sm-block-size: 1.25rem;
|
|
@@ -4084,7 +4097,7 @@
|
|
|
4084
4097
|
outline: none;
|
|
4085
4098
|
outline-offset: 0.125rem;
|
|
4086
4099
|
}
|
|
4087
|
-
.Tag-module__hop-Tag--
|
|
4100
|
+
.Tag-module__hop-Tag--sm___ZpTSw {
|
|
4088
4101
|
--block-size: var(--hop-Tag-sm-block-size);
|
|
4089
4102
|
--padding-inline: var(--hop-Tag-sm-padding-inline);
|
|
4090
4103
|
--column-gap: var(--hop-Tag-sm-column-gap);
|
|
@@ -4092,13 +4105,13 @@
|
|
|
4092
4105
|
--avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
|
|
4093
4106
|
--spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
|
|
4094
4107
|
}
|
|
4095
|
-
.Tag-module__hop-Tag--
|
|
4108
|
+
.Tag-module__hop-Tag--sm___ZpTSw:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
|
|
4096
4109
|
--badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
|
|
4097
4110
|
}
|
|
4098
|
-
.Tag-module__hop-Tag--
|
|
4111
|
+
.Tag-module__hop-Tag--sm___ZpTSw:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
|
|
4099
4112
|
--icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
|
|
4100
4113
|
}
|
|
4101
|
-
.Tag-module__hop-Tag--
|
|
4114
|
+
.Tag-module__hop-Tag--md___oBQFD {
|
|
4102
4115
|
--block-size: var(--hop-Tag-md-block-size);
|
|
4103
4116
|
--padding-inline: var(--hop-Tag-md-padding-inline);
|
|
4104
4117
|
--column-gap: var(--hop-Tag-md-column-gap);
|
|
@@ -4106,13 +4119,13 @@
|
|
|
4106
4119
|
--avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
|
|
4107
4120
|
--spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
|
|
4108
4121
|
}
|
|
4109
|
-
.Tag-module__hop-Tag--
|
|
4122
|
+
.Tag-module__hop-Tag--md___oBQFD:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
|
|
4110
4123
|
--badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
|
|
4111
4124
|
}
|
|
4112
|
-
.Tag-module__hop-Tag--
|
|
4125
|
+
.Tag-module__hop-Tag--md___oBQFD:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
|
|
4113
4126
|
--icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
|
|
4114
4127
|
}
|
|
4115
|
-
.Tag-module__hop-Tag--
|
|
4128
|
+
.Tag-module__hop-Tag--lg___uyvYq {
|
|
4116
4129
|
--block-size: var(--hop-Tag-lg-block-size);
|
|
4117
4130
|
--padding-inline: var(--hop-Tag-lg-padding-inline);
|
|
4118
4131
|
--column-gap: var(--hop-Tag-lg-column-gap);
|
|
@@ -4120,348 +4133,348 @@
|
|
|
4120
4133
|
--avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
|
|
4121
4134
|
--spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
|
|
4122
4135
|
}
|
|
4123
|
-
.Tag-module__hop-Tag--
|
|
4136
|
+
.Tag-module__hop-Tag--lg___uyvYq:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
|
|
4124
4137
|
--badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
|
|
4125
4138
|
}
|
|
4126
|
-
.Tag-module__hop-Tag--
|
|
4139
|
+
.Tag-module__hop-Tag--lg___uyvYq:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
|
|
4127
4140
|
--icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
|
|
4128
4141
|
}
|
|
4129
|
-
.Tag-module__hop-Tag--
|
|
4142
|
+
.Tag-module__hop-Tag--neutral___jWg4j {
|
|
4130
4143
|
--border-color: var(--hop-Tag-neutral-border-color);
|
|
4131
4144
|
--background-color: var(--hop-Tag-neutral-background-color);
|
|
4132
4145
|
--text-color: var(--hop-Tag-neutral-text-color);
|
|
4133
4146
|
}
|
|
4134
|
-
.Tag-module__hop-Tag--
|
|
4147
|
+
.Tag-module__hop-Tag--subdued___fZeA5 {
|
|
4135
4148
|
--border-color: var(--hop-Tag-subdued-border-color);
|
|
4136
4149
|
--background-color: var(--hop-Tag-subdued-background-color);
|
|
4137
4150
|
--text-color: var(--hop-Tag-subdued-text-color);
|
|
4138
4151
|
}
|
|
4139
|
-
.Tag-module__hop-Tag--
|
|
4152
|
+
.Tag-module__hop-Tag--progress___A0oR6 {
|
|
4140
4153
|
--border-color: var(--hop-Tag-progress-border-color);
|
|
4141
4154
|
--background-color: var(--hop-Tag-progress-background-color);
|
|
4142
4155
|
--text-color: var(--hop-Tag-progress-text-color);
|
|
4143
4156
|
}
|
|
4144
|
-
.Tag-module__hop-Tag--
|
|
4157
|
+
.Tag-module__hop-Tag--positive___pgIee {
|
|
4145
4158
|
--border-color: var(--hop-Tag-positive-border-color);
|
|
4146
4159
|
--background-color: var(--hop-Tag-positive-background-color);
|
|
4147
4160
|
--text-color: var(--hop-Tag-positive-text-color);
|
|
4148
4161
|
}
|
|
4149
|
-
.Tag-module__hop-Tag--
|
|
4162
|
+
.Tag-module__hop-Tag--caution___58PpF {
|
|
4150
4163
|
--border-color: var(--hop-Tag-caution-border-color);
|
|
4151
4164
|
--background-color: var(--hop-Tag-caution-background-color);
|
|
4152
4165
|
--text-color: var(--hop-Tag-caution-text-color);
|
|
4153
4166
|
}
|
|
4154
|
-
.Tag-module__hop-Tag--
|
|
4167
|
+
.Tag-module__hop-Tag--negative___PZwTR {
|
|
4155
4168
|
--border-color: var(--hop-Tag-negative-border-color);
|
|
4156
4169
|
--background-color: var(--hop-Tag-negative-background-color);
|
|
4157
4170
|
--text-color: var(--hop-Tag-negative-text-color);
|
|
4158
4171
|
}
|
|
4159
|
-
.Tag-module__hop-Tag--
|
|
4172
|
+
.Tag-module__hop-Tag--option1___A0sb0 {
|
|
4160
4173
|
--border-color: var(--hop-Tag-option1-border-color);
|
|
4161
4174
|
--background-color: var(--hop-Tag-option1-background-color);
|
|
4162
4175
|
--text-color: var(--hop-Tag-option1-text-color);
|
|
4163
4176
|
}
|
|
4164
|
-
.Tag-module__hop-Tag--
|
|
4177
|
+
.Tag-module__hop-Tag--option2___vjYIv {
|
|
4165
4178
|
--border-color: var(--hop-Tag-option2-border-color);
|
|
4166
4179
|
--background-color: var(--hop-Tag-option2-background-color);
|
|
4167
4180
|
--text-color: var(--hop-Tag-option2-text-color);
|
|
4168
4181
|
}
|
|
4169
|
-
.Tag-module__hop-Tag--
|
|
4182
|
+
.Tag-module__hop-Tag--option3___NPGVI {
|
|
4170
4183
|
--border-color: var(--hop-Tag-option3-border-color);
|
|
4171
4184
|
--background-color: var(--hop-Tag-option3-background-color);
|
|
4172
4185
|
--text-color: var(--hop-Tag-option3-text-color);
|
|
4173
4186
|
}
|
|
4174
|
-
.Tag-module__hop-Tag--
|
|
4187
|
+
.Tag-module__hop-Tag--option4___tTOij {
|
|
4175
4188
|
--border-color: var(--hop-Tag-option4-border-color);
|
|
4176
4189
|
--background-color: var(--hop-Tag-option4-background-color);
|
|
4177
4190
|
--text-color: var(--hop-Tag-option4-text-color);
|
|
4178
4191
|
}
|
|
4179
|
-
.Tag-module__hop-Tag--
|
|
4192
|
+
.Tag-module__hop-Tag--option5___9-b0i {
|
|
4180
4193
|
--border-color: var(--hop-Tag-option5-border-color);
|
|
4181
4194
|
--background-color: var(--hop-Tag-option5-background-color);
|
|
4182
4195
|
--text-color: var(--hop-Tag-option5-text-color);
|
|
4183
4196
|
}
|
|
4184
|
-
.Tag-module__hop-Tag--
|
|
4197
|
+
.Tag-module__hop-Tag--option6___j6qym {
|
|
4185
4198
|
--border-color: var(--hop-Tag-option6-border-color);
|
|
4186
4199
|
--background-color: var(--hop-Tag-option6-background-color);
|
|
4187
4200
|
--text-color: var(--hop-Tag-option6-text-color);
|
|
4188
4201
|
}
|
|
4189
|
-
.Tag-module__hop-
|
|
4202
|
+
.Tag-module__hop-Tag___6kkA1[data-href] {
|
|
4190
4203
|
cursor: pointer;
|
|
4191
4204
|
}
|
|
4192
|
-
.Tag-module__hop-Tag--
|
|
4205
|
+
.Tag-module__hop-Tag--neutral___jWg4j[data-focus-visible] {
|
|
4193
4206
|
--border-color: var(--hop-Tag-neutral-border-color-focus);
|
|
4194
4207
|
--background-color: var(--hop-Tag-neutral-background-color-focus);
|
|
4195
4208
|
--text-color: var(--hop-Tag-neutral-text-color-focus);
|
|
4196
4209
|
}
|
|
4197
|
-
.Tag-module__hop-Tag--
|
|
4210
|
+
.Tag-module__hop-Tag--neutral___jWg4j[data-hovered] {
|
|
4198
4211
|
--border-color: var(--hop-Tag-neutral-border-color-hover);
|
|
4199
4212
|
--background-color: var(--hop-Tag-neutral-background-color-hover);
|
|
4200
4213
|
--text-color: var(--hop-Tag-neutral-text-color-hover);
|
|
4201
4214
|
}
|
|
4202
|
-
.Tag-module__hop-Tag--
|
|
4215
|
+
.Tag-module__hop-Tag--neutral___jWg4j[data-pressed] {
|
|
4203
4216
|
--border-color: var(--hop-Tag-neutral-border-color-press);
|
|
4204
4217
|
--background-color: var(--hop-Tag-neutral-background-color-press);
|
|
4205
4218
|
--text-color: var(--hop-Tag-neutral-text-color-press);
|
|
4206
4219
|
}
|
|
4207
|
-
.Tag-module__hop-Tag--
|
|
4220
|
+
.Tag-module__hop-Tag--neutral___jWg4j[data-disabled] {
|
|
4208
4221
|
--border-color: var(--hop-Tag-neutral-border-color-disabled);
|
|
4209
4222
|
--background-color: var(--hop-Tag-neutral-background-color-disabled);
|
|
4210
4223
|
--text-color: var(--hop-Tag-neutral-text-color-disabled);
|
|
4211
4224
|
}
|
|
4212
|
-
.Tag-module__hop-Tag--
|
|
4225
|
+
.Tag-module__hop-Tag--subdued___fZeA5[data-focus-visible] {
|
|
4213
4226
|
--border-color: var(--hop-Tag-subdued-border-color-focus);
|
|
4214
4227
|
--background-color: var(--hop-Tag-subdued-background-color-focus);
|
|
4215
4228
|
--text-color: var(--hop-Tag-subdued-text-color-focus);
|
|
4216
4229
|
}
|
|
4217
|
-
.Tag-module__hop-Tag--
|
|
4230
|
+
.Tag-module__hop-Tag--subdued___fZeA5[data-hovered] {
|
|
4218
4231
|
--border-color: var(--hop-Tag-subdued-border-color-hover);
|
|
4219
4232
|
--background-color: var(--hop-Tag-subdued-background-color-hover);
|
|
4220
4233
|
--text-color: var(--hop-Tag-subdued-text-color-hover);
|
|
4221
4234
|
}
|
|
4222
|
-
.Tag-module__hop-Tag--
|
|
4235
|
+
.Tag-module__hop-Tag--subdued___fZeA5[data-pressed] {
|
|
4223
4236
|
--border-color: var(--hop-Tag-subdued-border-color-press);
|
|
4224
4237
|
--background-color: var(--hop-Tag-subdued-background-color-press);
|
|
4225
4238
|
--text-color: var(--hop-Tag-subdued-text-color-press);
|
|
4226
4239
|
}
|
|
4227
|
-
.Tag-module__hop-Tag--
|
|
4240
|
+
.Tag-module__hop-Tag--subdued___fZeA5[data-disabled] {
|
|
4228
4241
|
--border-color: var(--hop-Tag-subdued-border-color-disabled);
|
|
4229
4242
|
--background-color: var(--hop-Tag-subdued-background-color-disabled);
|
|
4230
4243
|
--text-color: var(--hop-Tag-subdued-text-color-disabled);
|
|
4231
4244
|
}
|
|
4232
|
-
.Tag-module__hop-Tag--
|
|
4245
|
+
.Tag-module__hop-Tag--progress___A0oR6[data-focus-visible] {
|
|
4233
4246
|
--border-color: var(--hop-Tag-progress-border-color-focus);
|
|
4234
4247
|
--background-color: var(--hop-Tag-progress-background-color-focus);
|
|
4235
4248
|
--text-color: var(--hop-Tag-progress-text-color-focus);
|
|
4236
4249
|
}
|
|
4237
|
-
.Tag-module__hop-Tag--
|
|
4250
|
+
.Tag-module__hop-Tag--progress___A0oR6[data-hovered] {
|
|
4238
4251
|
--border-color: var(--hop-Tag-progress-border-color-hover);
|
|
4239
4252
|
--background-color: var(--hop-Tag-progress-background-color-hover);
|
|
4240
4253
|
--text-color: var(--hop-Tag-progress-text-color-hover);
|
|
4241
4254
|
}
|
|
4242
|
-
.Tag-module__hop-Tag--
|
|
4255
|
+
.Tag-module__hop-Tag--progress___A0oR6[data-pressed] {
|
|
4243
4256
|
--border-color: var(--hop-Tag-progress-border-color-press);
|
|
4244
4257
|
--background-color: var(--hop-Tag-progress-background-color-press);
|
|
4245
4258
|
--text-color: var(--hop-Tag-progress-text-color-press);
|
|
4246
4259
|
}
|
|
4247
|
-
.Tag-module__hop-Tag--
|
|
4260
|
+
.Tag-module__hop-Tag--progress___A0oR6[data-disabled] {
|
|
4248
4261
|
--border-color: var(--hop-Tag-progress-border-color-disabled);
|
|
4249
4262
|
--background-color: var(--hop-Tag-progress-background-color-disabled);
|
|
4250
4263
|
--text-color: var(--hop-Tag-progress-text-color-disabled);
|
|
4251
4264
|
}
|
|
4252
|
-
.Tag-module__hop-Tag--
|
|
4265
|
+
.Tag-module__hop-Tag--positive___pgIee[data-focus-visible] {
|
|
4253
4266
|
--border-color: var(--hop-Tag-positive-border-color-focus);
|
|
4254
4267
|
--background-color: var(--hop-Tag-positive-background-color-focus);
|
|
4255
4268
|
--text-color: var(--hop-Tag-positive-text-color-focus);
|
|
4256
4269
|
}
|
|
4257
|
-
.Tag-module__hop-Tag--
|
|
4270
|
+
.Tag-module__hop-Tag--positive___pgIee[data-hovered] {
|
|
4258
4271
|
--border-color: var(--hop-Tag-positive-border-color-hover);
|
|
4259
4272
|
--background-color: var(--hop-Tag-positive-background-color-hover);
|
|
4260
4273
|
--text-color: var(--hop-Tag-positive-text-color-hover);
|
|
4261
4274
|
}
|
|
4262
|
-
.Tag-module__hop-Tag--
|
|
4275
|
+
.Tag-module__hop-Tag--positive___pgIee[data-pressed] {
|
|
4263
4276
|
--border-color: var(--hop-Tag-positive-border-color-press);
|
|
4264
4277
|
--background-color: var(--hop-Tag-positive-background-color-press);
|
|
4265
4278
|
--text-color: var(--hop-Tag-positive-text-color-press);
|
|
4266
4279
|
}
|
|
4267
|
-
.Tag-module__hop-Tag--
|
|
4280
|
+
.Tag-module__hop-Tag--positive___pgIee[data-disabled] {
|
|
4268
4281
|
--border-color: var(--hop-Tag-positive-border-color-disabled);
|
|
4269
4282
|
--background-color: var(--hop-Tag-positive-background-color-disabled);
|
|
4270
4283
|
--text-color: var(--hop-Tag-positive-text-color-disabled);
|
|
4271
4284
|
}
|
|
4272
|
-
.Tag-module__hop-Tag--
|
|
4285
|
+
.Tag-module__hop-Tag--caution___58PpF[data-focus-visible] {
|
|
4273
4286
|
--border-color: var(--hop-Tag-caution-border-color-focus);
|
|
4274
4287
|
--background-color: var(--hop-Tag-caution-background-color-focus);
|
|
4275
4288
|
--text-color: var(--hop-Tag-caution-text-color-focus);
|
|
4276
4289
|
}
|
|
4277
|
-
.Tag-module__hop-Tag--
|
|
4290
|
+
.Tag-module__hop-Tag--caution___58PpF[data-hovered] {
|
|
4278
4291
|
--border-color: var(--hop-Tag-caution-border-color-hover);
|
|
4279
4292
|
--background-color: var(--hop-Tag-caution-background-color-hover);
|
|
4280
4293
|
--text-color: var(--hop-Tag-caution-text-color-hover);
|
|
4281
4294
|
}
|
|
4282
|
-
.Tag-module__hop-Tag--
|
|
4295
|
+
.Tag-module__hop-Tag--caution___58PpF[data-pressed] {
|
|
4283
4296
|
--border-color: var(--hop-Tag-caution-border-color-press);
|
|
4284
4297
|
--background-color: var(--hop-Tag-caution-background-color-press);
|
|
4285
4298
|
--text-color: var(--hop-Tag-caution-text-color-press);
|
|
4286
4299
|
}
|
|
4287
|
-
.Tag-module__hop-Tag--
|
|
4300
|
+
.Tag-module__hop-Tag--caution___58PpF[data-disabled] {
|
|
4288
4301
|
--border-color: var(--hop-Tag-caution-border-color-disabled);
|
|
4289
4302
|
--background-color: var(--hop-Tag-caution-background-color-disabled);
|
|
4290
4303
|
--text-color: var(--hop-Tag-caution-text-color-disabled);
|
|
4291
4304
|
}
|
|
4292
|
-
.Tag-module__hop-Tag--
|
|
4305
|
+
.Tag-module__hop-Tag--negative___PZwTR[data-focus-visible] {
|
|
4293
4306
|
--border-color: var(--hop-Tag-negative-border-color-focus);
|
|
4294
4307
|
--background-color: var(--hop-Tag-negative-background-color-focus);
|
|
4295
4308
|
--text-color: var(--hop-Tag-negative-text-color-focus);
|
|
4296
4309
|
}
|
|
4297
|
-
.Tag-module__hop-Tag--
|
|
4310
|
+
.Tag-module__hop-Tag--negative___PZwTR[data-hovered] {
|
|
4298
4311
|
--border-color: var(--hop-Tag-negative-border-color-hover);
|
|
4299
4312
|
--background-color: var(--hop-Tag-negative-background-color-hover);
|
|
4300
4313
|
--text-color: var(--hop-Tag-negative-text-color-hover);
|
|
4301
4314
|
}
|
|
4302
|
-
.Tag-module__hop-Tag--
|
|
4315
|
+
.Tag-module__hop-Tag--negative___PZwTR[data-pressed] {
|
|
4303
4316
|
--border-color: var(--hop-Tag-negative-border-color-press);
|
|
4304
4317
|
--background-color: var(--hop-Tag-negative-background-color-press);
|
|
4305
4318
|
--text-color: var(--hop-Tag-negative-text-color-press);
|
|
4306
4319
|
}
|
|
4307
|
-
.Tag-module__hop-Tag--
|
|
4320
|
+
.Tag-module__hop-Tag--negative___PZwTR[data-disabled] {
|
|
4308
4321
|
--border-color: var(--hop-Tag-negative-border-color-disabled);
|
|
4309
4322
|
--background-color: var(--hop-Tag-negative-background-color-disabled);
|
|
4310
4323
|
--text-color: var(--hop-Tag-negative-text-color-disabled);
|
|
4311
4324
|
}
|
|
4312
|
-
.Tag-module__hop-Tag--
|
|
4325
|
+
.Tag-module__hop-Tag--option1___A0sb0[data-focus-visible] {
|
|
4313
4326
|
--border-color: var(--hop-Tag-option1-border-color-focus);
|
|
4314
4327
|
--background-color: var(--hop-Tag-option1-background-color-focus);
|
|
4315
4328
|
--text-color: var(--hop-Tag-option1-text-color-focus);
|
|
4316
4329
|
}
|
|
4317
|
-
.Tag-module__hop-Tag--
|
|
4330
|
+
.Tag-module__hop-Tag--option1___A0sb0[data-hovered] {
|
|
4318
4331
|
--border-color: var(--hop-Tag-option1-border-color-hover);
|
|
4319
4332
|
--background-color: var(--hop-Tag-option1-background-color-hover);
|
|
4320
4333
|
--text-color: var(--hop-Tag-option1-text-color-hover);
|
|
4321
4334
|
}
|
|
4322
|
-
.Tag-module__hop-Tag--
|
|
4335
|
+
.Tag-module__hop-Tag--option1___A0sb0[data-pressed] {
|
|
4323
4336
|
--border-color: var(--hop-Tag-option1-border-color-press);
|
|
4324
4337
|
--background-color: var(--hop-Tag-option1-background-color-press);
|
|
4325
4338
|
--text-color: var(--hop-Tag-option1-text-color-press);
|
|
4326
4339
|
}
|
|
4327
|
-
.Tag-module__hop-Tag--
|
|
4340
|
+
.Tag-module__hop-Tag--option1___A0sb0[data-disabled] {
|
|
4328
4341
|
--border-color: var(--hop-Tag-option1-border-color-disabled);
|
|
4329
4342
|
--background-color: var(--hop-Tag-option1-background-color-disabled);
|
|
4330
4343
|
--text-color: var(--hop-Tag-option1-text-color-disabled);
|
|
4331
4344
|
}
|
|
4332
|
-
.Tag-module__hop-Tag--
|
|
4345
|
+
.Tag-module__hop-Tag--option2___vjYIv[data-focus-visible] {
|
|
4333
4346
|
--border-color: var(--hop-Tag-option2-border-color-focus);
|
|
4334
4347
|
--background-color: var(--hop-Tag-option2-background-color-focus);
|
|
4335
4348
|
--text-color: var(--hop-Tag-option2-text-color-focus);
|
|
4336
4349
|
}
|
|
4337
|
-
.Tag-module__hop-Tag--
|
|
4350
|
+
.Tag-module__hop-Tag--option2___vjYIv[data-hovered] {
|
|
4338
4351
|
--border-color: var(--hop-Tag-option2-border-color-hover);
|
|
4339
4352
|
--background-color: var(--hop-Tag-option2-background-color-hover);
|
|
4340
4353
|
--text-color: var(--hop-Tag-option2-text-color-hover);
|
|
4341
4354
|
}
|
|
4342
|
-
.Tag-module__hop-Tag--
|
|
4355
|
+
.Tag-module__hop-Tag--option2___vjYIv[data-pressed] {
|
|
4343
4356
|
--border-color: var(--hop-Tag-option2-border-color-press);
|
|
4344
4357
|
--background-color: var(--hop-Tag-option2-background-color-press);
|
|
4345
4358
|
--text-color: var(--hop-Tag-option2-text-color-press);
|
|
4346
4359
|
}
|
|
4347
|
-
.Tag-module__hop-Tag--
|
|
4360
|
+
.Tag-module__hop-Tag--option2___vjYIv[data-disabled] {
|
|
4348
4361
|
--border-color: var(--hop-Tag-option2-border-color-disabled);
|
|
4349
4362
|
--background-color: var(--hop-Tag-option2-background-color-disabled);
|
|
4350
4363
|
--text-color: var(--hop-Tag-option2-text-color-disabled);
|
|
4351
4364
|
}
|
|
4352
|
-
.Tag-module__hop-Tag--
|
|
4365
|
+
.Tag-module__hop-Tag--option3___NPGVI[data-focus-visible] {
|
|
4353
4366
|
--border-color: var(--hop-Tag-option3-border-color-focus);
|
|
4354
4367
|
--background-color: var(--hop-Tag-option3-background-color-focus);
|
|
4355
4368
|
--text-color: var(--hop-Tag-option3-text-color-focus);
|
|
4356
4369
|
}
|
|
4357
|
-
.Tag-module__hop-Tag--
|
|
4370
|
+
.Tag-module__hop-Tag--option3___NPGVI[data-hovered] {
|
|
4358
4371
|
--border-color: var(--hop-Tag-option3-border-color-hover);
|
|
4359
4372
|
--background-color: var(--hop-Tag-option3-background-color-hover);
|
|
4360
4373
|
--text-color: var(--hop-Tag-option3-text-color-hover);
|
|
4361
4374
|
}
|
|
4362
|
-
.Tag-module__hop-Tag--
|
|
4375
|
+
.Tag-module__hop-Tag--option3___NPGVI[data-pressed] {
|
|
4363
4376
|
--border-color: var(--hop-Tag-option3-border-color-press);
|
|
4364
4377
|
--background-color: var(--hop-Tag-option3-background-color-press);
|
|
4365
4378
|
--text-color: var(--hop-Tag-option3-text-color-press);
|
|
4366
4379
|
}
|
|
4367
|
-
.Tag-module__hop-Tag--
|
|
4380
|
+
.Tag-module__hop-Tag--option3___NPGVI[data-disabled] {
|
|
4368
4381
|
--border-color: var(--hop-Tag-option3-border-color-disabled);
|
|
4369
4382
|
--background-color: var(--hop-Tag-option3-background-color-disabled);
|
|
4370
4383
|
--text-color: var(--hop-Tag-option3-text-color-disabled);
|
|
4371
4384
|
}
|
|
4372
|
-
.Tag-module__hop-Tag--
|
|
4385
|
+
.Tag-module__hop-Tag--option4___tTOij[data-focus-visible] {
|
|
4373
4386
|
--border-color: var(--hop-Tag-option4-border-color-focus);
|
|
4374
4387
|
--background-color: var(--hop-Tag-option4-background-color-focus);
|
|
4375
4388
|
--text-color: var(--hop-Tag-option4-text-color-focus);
|
|
4376
4389
|
}
|
|
4377
|
-
.Tag-module__hop-Tag--
|
|
4390
|
+
.Tag-module__hop-Tag--option4___tTOij[data-hovered] {
|
|
4378
4391
|
--border-color: var(--hop-Tag-option4-border-color-hover);
|
|
4379
4392
|
--background-color: var(--hop-Tag-option4-background-color-hover);
|
|
4380
4393
|
--text-color: var(--hop-Tag-option4-text-color-hover);
|
|
4381
4394
|
}
|
|
4382
|
-
.Tag-module__hop-Tag--
|
|
4395
|
+
.Tag-module__hop-Tag--option4___tTOij[data-pressed] {
|
|
4383
4396
|
--border-color: var(--hop-Tag-option4-border-color-press);
|
|
4384
4397
|
--background-color: var(--hop-Tag-option4-background-color-press);
|
|
4385
4398
|
--text-color: var(--hop-Tag-option4-text-color-press);
|
|
4386
4399
|
}
|
|
4387
|
-
.Tag-module__hop-Tag--
|
|
4400
|
+
.Tag-module__hop-Tag--option4___tTOij[data-disabled] {
|
|
4388
4401
|
--border-color: var(--hop-Tag-option4-border-color-disabled);
|
|
4389
4402
|
--background-color: var(--hop-Tag-option4-background-color-disabled);
|
|
4390
4403
|
--text-color: var(--hop-Tag-option4-text-color-disabled);
|
|
4391
4404
|
}
|
|
4392
|
-
.Tag-module__hop-Tag--
|
|
4405
|
+
.Tag-module__hop-Tag--option5___9-b0i[data-focus-visible] {
|
|
4393
4406
|
--border-color: var(--hop-Tag-option5-border-color-focus);
|
|
4394
4407
|
--background-color: var(--hop-Tag-option5-background-color-focus);
|
|
4395
4408
|
--text-color: var(--hop-Tag-option5-text-color-focus);
|
|
4396
4409
|
}
|
|
4397
|
-
.Tag-module__hop-Tag--
|
|
4410
|
+
.Tag-module__hop-Tag--option5___9-b0i[data-hovered] {
|
|
4398
4411
|
--border-color: var(--hop-Tag-option5-border-color-hover);
|
|
4399
4412
|
--background-color: var(--hop-Tag-option5-background-color-hover);
|
|
4400
4413
|
--text-color: var(--hop-Tag-option5-text-color-hover);
|
|
4401
4414
|
}
|
|
4402
|
-
.Tag-module__hop-Tag--
|
|
4415
|
+
.Tag-module__hop-Tag--option5___9-b0i[data-pressed] {
|
|
4403
4416
|
--border-color: var(--hop-Tag-option5-border-color-press);
|
|
4404
4417
|
--background-color: var(--hop-Tag-option5-background-color-press);
|
|
4405
4418
|
--text-color: var(--hop-Tag-option5-text-color-press);
|
|
4406
4419
|
}
|
|
4407
|
-
.Tag-module__hop-Tag--
|
|
4420
|
+
.Tag-module__hop-Tag--option5___9-b0i[data-disabled] {
|
|
4408
4421
|
--border-color: var(--hop-Tag-option5-border-color-disabled);
|
|
4409
4422
|
--background-color: var(--hop-Tag-option5-background-color-disabled);
|
|
4410
4423
|
--text-color: var(--hop-Tag-option5-text-color-disabled);
|
|
4411
4424
|
}
|
|
4412
|
-
.Tag-module__hop-Tag--
|
|
4425
|
+
.Tag-module__hop-Tag--option6___j6qym[data-focus-visible] {
|
|
4413
4426
|
--border-color: var(--hop-Tag-option6-border-color-focus);
|
|
4414
4427
|
--background-color: var(--hop-Tag-option6-background-color-focus);
|
|
4415
4428
|
--text-color: var(--hop-Tag-option6-text-color-focus);
|
|
4416
4429
|
}
|
|
4417
|
-
.Tag-module__hop-Tag--
|
|
4430
|
+
.Tag-module__hop-Tag--option6___j6qym[data-hovered] {
|
|
4418
4431
|
--border-color: var(--hop-Tag-option6-border-color-hover);
|
|
4419
4432
|
--background-color: var(--hop-Tag-option6-background-color-hover);
|
|
4420
4433
|
--text-color: var(--hop-Tag-option6-text-color-hover);
|
|
4421
4434
|
}
|
|
4422
|
-
.Tag-module__hop-Tag--
|
|
4435
|
+
.Tag-module__hop-Tag--option6___j6qym[data-pressed] {
|
|
4423
4436
|
--border-color: var(--hop-Tag-option6-border-color-press);
|
|
4424
4437
|
--background-color: var(--hop-Tag-option6-background-color-press);
|
|
4425
4438
|
--text-color: var(--hop-Tag-option6-text-color-press);
|
|
4426
4439
|
}
|
|
4427
|
-
.Tag-module__hop-Tag--
|
|
4440
|
+
.Tag-module__hop-Tag--option6___j6qym[data-disabled] {
|
|
4428
4441
|
--border-color: var(--hop-Tag-option6-border-color-disabled);
|
|
4429
4442
|
--background-color: var(--hop-Tag-option6-background-color-disabled);
|
|
4430
4443
|
--text-color: var(--hop-Tag-option6-text-color-disabled);
|
|
4431
4444
|
}
|
|
4432
|
-
.Tag-module__hop-
|
|
4445
|
+
.Tag-module__hop-Tag___6kkA1[data-focus-visible] {
|
|
4433
4446
|
outline: 0.125rem solid var(--focus-ring-color);
|
|
4434
4447
|
}
|
|
4435
|
-
.Tag-module__hop-
|
|
4448
|
+
.Tag-module__hop-Tag___6kkA1[data-hovered] {
|
|
4436
4449
|
cursor: pointer;
|
|
4437
4450
|
}
|
|
4438
|
-
.Tag-module__hop-
|
|
4451
|
+
.Tag-module__hop-Tag___6kkA1[data-selected] {
|
|
4439
4452
|
--background-color: var(--hop-Tag-background-color-selected);
|
|
4440
4453
|
--border-color: var(--hop-Tag-border-color-selected);
|
|
4441
4454
|
--text-color: var(--hop-Tag-text-color-selected);
|
|
4442
4455
|
}
|
|
4443
|
-
.Tag-module__hop-
|
|
4456
|
+
.Tag-module__hop-Tag___6kkA1[data-pressed] {
|
|
4444
4457
|
cursor: pointer;
|
|
4445
4458
|
}
|
|
4446
|
-
.Tag-module__hop-
|
|
4459
|
+
.Tag-module__hop-Tag___6kkA1[data-invalid] {
|
|
4447
4460
|
--border-color: var(--hop-Tag-border-color-invalid);
|
|
4448
4461
|
}
|
|
4449
|
-
.Tag-module__hop-
|
|
4462
|
+
.Tag-module__hop-Tag___6kkA1[data-disabled] {
|
|
4450
4463
|
cursor: not-allowed;
|
|
4451
4464
|
}
|
|
4452
|
-
.Tag-module__hop-
|
|
4465
|
+
.Tag-module__hop-Tag__avatar___cfamG {
|
|
4453
4466
|
flex: 0 0 auto;
|
|
4454
4467
|
order: 1;
|
|
4455
4468
|
margin-inline-start: var(--avatar-margin-inline-start);
|
|
4456
4469
|
}
|
|
4457
|
-
.Tag-module__hop-
|
|
4458
|
-
.Tag-module__hop-Tag__icon-
|
|
4470
|
+
.Tag-module__hop-Tag__icon___m9dbl,
|
|
4471
|
+
.Tag-module__hop-Tag__icon-list___e1ujB {
|
|
4459
4472
|
flex: 0 0 auto;
|
|
4460
4473
|
flex-wrap: nowrap;
|
|
4461
4474
|
order: 2;
|
|
4462
4475
|
margin-inline-start: var(--icon-margin-inline-start, 0);
|
|
4463
4476
|
}
|
|
4464
|
-
.Tag-module__hop-
|
|
4477
|
+
.Tag-module__hop-Tag__text___Scjto {
|
|
4465
4478
|
overflow: hidden;
|
|
4466
4479
|
flex: 1 1 auto;
|
|
4467
4480
|
order: 3;
|
|
@@ -4469,33 +4482,33 @@
|
|
|
4469
4482
|
text-align: center;
|
|
4470
4483
|
text-overflow: ellipsis;
|
|
4471
4484
|
}
|
|
4472
|
-
.Tag-module__hop-
|
|
4485
|
+
.Tag-module__hop-Tag__badge___Peurj {
|
|
4473
4486
|
flex: 0 0 auto;
|
|
4474
4487
|
order: 4;
|
|
4475
4488
|
margin-inline-end: var(--badge-margin-inline-end);
|
|
4476
4489
|
}
|
|
4477
|
-
.Tag-module__hop-
|
|
4490
|
+
.Tag-module__hop-Tag___6kkA1 .Tag-module__hop-Tag__badge___Peurj[data-variant=subdued] {
|
|
4478
4491
|
margin-inline-start: var(--badge-secondary-margin-inline-start);
|
|
4479
4492
|
color: inherit;
|
|
4480
4493
|
background: none;
|
|
4481
4494
|
}
|
|
4482
|
-
.Tag-module__hop-Tag--
|
|
4495
|
+
.Tag-module__hop-Tag--sm___ZpTSw .Tag-module__hop-Tag__badge___Peurj {
|
|
4483
4496
|
block-size: 100%;
|
|
4484
4497
|
}
|
|
4485
|
-
.Tag-module__hop-Tag__remove-
|
|
4486
|
-
.Tag-module__hop-
|
|
4498
|
+
.Tag-module__hop-Tag__remove-btn___Xo1UQ,
|
|
4499
|
+
.Tag-module__hop-Tag__Spinner___CK3eL {
|
|
4487
4500
|
flex: 0 0 auto;
|
|
4488
4501
|
order: 5;
|
|
4489
4502
|
}
|
|
4490
|
-
.Tag-module__hop-
|
|
4503
|
+
.Tag-module__hop-Tag__Spinner___CK3eL {
|
|
4491
4504
|
margin-inline-end: var(--spinner-margin-inline-end);
|
|
4492
4505
|
}
|
|
4493
|
-
.Tag-module__hop-Tag__remove-
|
|
4506
|
+
.Tag-module__hop-Tag__remove-btn___Xo1UQ {
|
|
4494
4507
|
margin-inline: var(--clear-btn-margin-inline);
|
|
4495
4508
|
}
|
|
4496
4509
|
|
|
4497
4510
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
|
|
4498
|
-
.TagGroup-module__hop-
|
|
4511
|
+
.TagGroup-module__hop-TagGroup___td3l- {
|
|
4499
4512
|
--hop-TagGroup-row-gap: var(--hop-space-inline-sm);
|
|
4500
4513
|
--hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
|
|
4501
4514
|
--hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
|
|
@@ -4515,10 +4528,10 @@
|
|
|
4515
4528
|
inline-size: max-content;
|
|
4516
4529
|
max-inline-size: 100%;
|
|
4517
4530
|
}
|
|
4518
|
-
.TagGroup-module__hop-
|
|
4531
|
+
.TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__label___e3DCJ {
|
|
4519
4532
|
order: 1;
|
|
4520
4533
|
}
|
|
4521
|
-
.TagGroup-module__hop-
|
|
4534
|
+
.TagGroup-module__hop-TagGroup__list___EqUHr {
|
|
4522
4535
|
display: flex;
|
|
4523
4536
|
flex-wrap: wrap;
|
|
4524
4537
|
gap: var(--list-row-gap) var(--list-column-gap);
|
|
@@ -4527,11 +4540,11 @@
|
|
|
4527
4540
|
border-radius: var(--list-border-radius);
|
|
4528
4541
|
outline: none;
|
|
4529
4542
|
}
|
|
4530
|
-
.TagGroup-module__hop-
|
|
4543
|
+
.TagGroup-module__hop-TagGroup__list___EqUHr[data-focus-visible] {
|
|
4531
4544
|
outline: 0.125rem solid var(--list-focus-ring-color);
|
|
4532
4545
|
outline-offset: 0.125rem;
|
|
4533
4546
|
}
|
|
4534
|
-
.TagGroup-module__hop-
|
|
4535
|
-
.TagGroup-module__hop-
|
|
4547
|
+
.TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__error-message___2FN5L,
|
|
4548
|
+
.TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__helper-message___8cR86 {
|
|
4536
4549
|
order: 3;
|
|
4537
4550
|
}
|