@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/Form/src/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,7 +1947,7 @@
|
|
|
1947
1947
|
}
|
|
1948
1948
|
|
|
1949
1949
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
|
|
1950
|
-
.InputGroup-module__hop-
|
|
1950
|
+
.InputGroup-module__hop-InputGroup___WTjn6 {
|
|
1951
1951
|
--hop-InputGroup-background: var(--hop-neutral-surface);
|
|
1952
1952
|
--hop-InputGroup-border-color: var(--hop-neutral-border);
|
|
1953
1953
|
--hop-InputGroup-border-width: 0.0625rem;
|
|
@@ -2027,11 +2027,11 @@
|
|
|
2027
2027
|
border: var(--border);
|
|
2028
2028
|
border-radius: var(--hop-InputGroup-border-radius);
|
|
2029
2029
|
}
|
|
2030
|
-
.InputGroup-module__hop-InputGroup--
|
|
2030
|
+
.InputGroup-module__hop-InputGroup--fluid___qLBy2 {
|
|
2031
2031
|
--inline-size: 100%;
|
|
2032
2032
|
--input-inline-size: 100%;
|
|
2033
2033
|
}
|
|
2034
|
-
.InputGroup-module__hop-InputGroup--
|
|
2034
|
+
.InputGroup-module__hop-InputGroup--sm___PglDr {
|
|
2035
2035
|
--block-size: var(--hop-InputGroup-sm-block-size);
|
|
2036
2036
|
--input-font-family: var(--hop-InputGroup-input-sm-font-family);
|
|
2037
2037
|
--input-font-size: var(--hop-InputGroup-input-sm-font-size);
|
|
@@ -2039,7 +2039,7 @@
|
|
|
2039
2039
|
--input-line-height: var(--hop-InputGroup-input-sm-line-height);
|
|
2040
2040
|
--input-block-size: var(--hop-InputGroup-input-sm-block-size);
|
|
2041
2041
|
}
|
|
2042
|
-
.InputGroup-module__hop-
|
|
2042
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-input-type=textarea] {
|
|
2043
2043
|
--gap: var(--hop-InputGroup-gap-textarea);
|
|
2044
2044
|
--flex-direction: var(--hop-InputGroup-flex-direction-textarea);
|
|
2045
2045
|
--align-items: var(--hop-InputGroup-align-items-textarea);
|
|
@@ -2047,28 +2047,28 @@
|
|
|
2047
2047
|
--padding-inline: var(--hop-InputGroup-padding-inline-textarea);
|
|
2048
2048
|
--padding-block: var(--hop-InputGroup-padding-block-textarea);
|
|
2049
2049
|
}
|
|
2050
|
-
.InputGroup-module__hop-
|
|
2050
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-input-type=number] {
|
|
2051
2051
|
--display: var(--hop-InputGroup-display-number);
|
|
2052
2052
|
--gap: var(--hop-InputGroup-gap-number);
|
|
2053
2053
|
}
|
|
2054
|
-
.InputGroup-module__hop-
|
|
2054
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-hovered] {
|
|
2055
2055
|
--background: var(--hop-InputGroup-background-hover);
|
|
2056
2056
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
|
|
2057
2057
|
}
|
|
2058
|
-
.InputGroup-module__hop-
|
|
2058
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-focus-within] {
|
|
2059
2059
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
|
|
2060
2060
|
}
|
|
2061
|
-
.InputGroup-module__hop-
|
|
2061
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-invalid] {
|
|
2062
2062
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
|
|
2063
2063
|
}
|
|
2064
|
-
.InputGroup-module__hop-
|
|
2064
|
+
.InputGroup-module__hop-InputGroup___WTjn6[data-disabled] {
|
|
2065
2065
|
--background: var(--hop-InputGroup-background-disabled);
|
|
2066
2066
|
--border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
|
|
2067
2067
|
--input-color: var(--hop-InputGroup-input-color-disabled);
|
|
2068
2068
|
--input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
|
|
2069
2069
|
}
|
|
2070
|
-
.InputGroup-module__hop-
|
|
2071
|
-
.InputGroup-module__hop-
|
|
2070
|
+
.InputGroup-module__hop-InputGroup__input___pDQNr,
|
|
2071
|
+
.InputGroup-module__hop-InputGroup__textarea___738GU {
|
|
2072
2072
|
flex: 1 1 auto;
|
|
2073
2073
|
box-sizing: border-box;
|
|
2074
2074
|
inline-size: var(--input-inline-size);
|
|
@@ -2082,14 +2082,14 @@
|
|
|
2082
2082
|
border: none;
|
|
2083
2083
|
outline: none;
|
|
2084
2084
|
}
|
|
2085
|
-
.InputGroup-module__hop-
|
|
2085
|
+
.InputGroup-module__hop-InputGroup__input___pDQNr {
|
|
2086
2086
|
block-size: var(--input-block-size);
|
|
2087
2087
|
padding: var(--hop-InputGroup-input-padding);
|
|
2088
2088
|
}
|
|
2089
|
-
.InputGroup-module__hop-
|
|
2089
|
+
.InputGroup-module__hop-InputGroup__textarea___738GU {
|
|
2090
2090
|
padding: var(--hop-InputGroup-textarea-padding);
|
|
2091
2091
|
}
|
|
2092
|
-
.InputGroup-module__hop-
|
|
2092
|
+
.InputGroup-module__hop-InputGroup__input___pDQNr::placeholder {
|
|
2093
2093
|
font-family: var(--hop-InputGroup-placeholder-font-family);
|
|
2094
2094
|
font-size: var(--hop-InputGroup-placeholder-font-size);
|
|
2095
2095
|
font-weight: var(--hop-InputGroup-placeholder-font-weight);
|
|
@@ -2098,7 +2098,7 @@
|
|
|
2098
2098
|
}
|
|
2099
2099
|
|
|
2100
2100
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
|
|
2101
|
-
.Heading-module__hop-
|
|
2101
|
+
.Heading-module__hop-Heading___gSY2V {
|
|
2102
2102
|
--hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
|
|
2103
2103
|
--hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
|
|
2104
2104
|
--hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
|
|
@@ -2132,50 +2132,50 @@
|
|
|
2132
2132
|
--hop-Heading-inherit-size-font-weight: inherit;
|
|
2133
2133
|
--hop-Heading-inherit-size-line-height: inherit;
|
|
2134
2134
|
}
|
|
2135
|
-
:where(.Heading-module__hop-
|
|
2135
|
+
:where(.Heading-module__hop-Heading___gSY2V) {
|
|
2136
2136
|
margin: 0;
|
|
2137
2137
|
font-family: var(--font-family);
|
|
2138
2138
|
font-size: var(--font-size);
|
|
2139
2139
|
font-weight: var(--font-weight);
|
|
2140
2140
|
line-height: var(--line-height);
|
|
2141
2141
|
}
|
|
2142
|
-
:where(.Heading-module__hop-Heading--
|
|
2142
|
+
:where(.Heading-module__hop-Heading--xs___eEbWp) {
|
|
2143
2143
|
--font-size: var(--hop-Heading-xs-font-size);
|
|
2144
2144
|
--font-family: var(--hop-Heading-xs-font-family);
|
|
2145
2145
|
--font-weight: var(--hop-Heading-xs-font-weight);
|
|
2146
2146
|
--line-height: var(--hop-Heading-xs-line-height);
|
|
2147
2147
|
}
|
|
2148
|
-
:where(.Heading-module__hop-Heading--
|
|
2148
|
+
:where(.Heading-module__hop-Heading--sm___XW-eh) {
|
|
2149
2149
|
--font-size: var(--hop-Heading-sm-font-size);
|
|
2150
2150
|
--font-family: var(--hop-Heading-sm-font-family);
|
|
2151
2151
|
--font-weight: var(--hop-Heading-sm-font-weight);
|
|
2152
2152
|
--line-height: var(--hop-Heading-sm-line-height);
|
|
2153
2153
|
}
|
|
2154
|
-
:where(.Heading-module__hop-Heading--
|
|
2154
|
+
:where(.Heading-module__hop-Heading--md___4aHJY) {
|
|
2155
2155
|
--font-size: var(--hop-Heading-md-font-size);
|
|
2156
2156
|
--font-family: var(--hop-Heading-md-font-family);
|
|
2157
2157
|
--font-weight: var(--hop-Heading-md-font-weight);
|
|
2158
2158
|
--line-height: var(--hop-Heading-md-line-height);
|
|
2159
2159
|
}
|
|
2160
|
-
:where(.Heading-module__hop-Heading--
|
|
2160
|
+
:where(.Heading-module__hop-Heading--lg___2NCdP) {
|
|
2161
2161
|
--font-size: var(--hop-Heading-lg-font-size);
|
|
2162
2162
|
--font-family: var(--hop-Heading-lg-font-family);
|
|
2163
2163
|
--font-weight: var(--hop-Heading-lg-font-weight);
|
|
2164
2164
|
--line-height: var(--hop-Heading-lg-line-height);
|
|
2165
2165
|
}
|
|
2166
|
-
:where(.Heading-module__hop-Heading--
|
|
2166
|
+
:where(.Heading-module__hop-Heading--xl___njv3P) {
|
|
2167
2167
|
--font-size: var(--hop-Heading-xl-font-size);
|
|
2168
2168
|
--font-family: var(--hop-Heading-xl-font-family);
|
|
2169
2169
|
--font-weight: var(--hop-Heading-xl-font-weight);
|
|
2170
2170
|
--line-height: var(--hop-Heading-xl-line-height);
|
|
2171
2171
|
}
|
|
2172
|
-
:where(.Heading-module__hop-Heading--
|
|
2172
|
+
:where(.Heading-module__hop-Heading--2xl___GYFl2) {
|
|
2173
2173
|
--font-size: var(--hop-Heading-2xl-font-size);
|
|
2174
2174
|
--font-family: var(--hop-Heading-2xl-font-family);
|
|
2175
2175
|
--font-weight: var(--hop-Heading-2xl-font-weight);
|
|
2176
2176
|
--line-height: var(--hop-Heading-2xl-line-height);
|
|
2177
2177
|
}
|
|
2178
|
-
:where(.Heading-module__hop-Heading--
|
|
2178
|
+
:where(.Heading-module__hop-Heading--3xl___-2AIg) {
|
|
2179
2179
|
--font-size: var(--hop-Heading-3xl-font-size);
|
|
2180
2180
|
--font-family: var(--hop-Heading-3xl-font-family);
|
|
2181
2181
|
--font-weight: var(--hop-Heading-3xl-font-weight);
|
|
@@ -2183,7 +2183,7 @@
|
|
|
2183
2183
|
}
|
|
2184
2184
|
|
|
2185
2185
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
|
|
2186
|
-
.NumberField-module__hop-NumberField___-
|
|
2186
|
+
.NumberField-module__hop-NumberField___-KhBQ {
|
|
2187
2187
|
--hop-NumberField-gap: var(--hop-space-stack-xs);
|
|
2188
2188
|
--hop-NumberField-inline-size: 20rem;
|
|
2189
2189
|
--hop-NumberField-inline-size-fluid: 100%;
|
|
@@ -2231,30 +2231,30 @@
|
|
|
2231
2231
|
gap: var(--hop-NumberField-gap);
|
|
2232
2232
|
inline-size: var(--inline-size);
|
|
2233
2233
|
}
|
|
2234
|
-
.NumberField-module__hop-NumberField--
|
|
2234
|
+
.NumberField-module__hop-NumberField--fluid___r6jiH {
|
|
2235
2235
|
--inline-size: var(--hop-NumberField-inline-size-fluid);
|
|
2236
2236
|
}
|
|
2237
|
-
.NumberField-module__hop-NumberField--
|
|
2237
|
+
.NumberField-module__hop-NumberField--mobile___se7ji {
|
|
2238
2238
|
--input-group-template: var(--hop-NumberField-input-group-template-mobile);
|
|
2239
2239
|
--stepper-height: var(--hop-NumberField-stepper-height-mobile);
|
|
2240
2240
|
}
|
|
2241
|
-
.NumberField-module__hop-
|
|
2241
|
+
.NumberField-module__hop-NumberField__Label___-T2mX {
|
|
2242
2242
|
order: 0;
|
|
2243
2243
|
}
|
|
2244
|
-
.NumberField-module__hop-
|
|
2244
|
+
.NumberField-module__hop-NumberField__prefix___PQqSu {
|
|
2245
2245
|
grid-area: prefix;
|
|
2246
2246
|
margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
|
|
2247
2247
|
color: var(--hop-NumberField-prefix-color);
|
|
2248
2248
|
}
|
|
2249
|
-
.NumberField-module__hop-
|
|
2249
|
+
.NumberField-module__hop-NumberField__InputGroup___8vjtV {
|
|
2250
2250
|
grid-template: var(--input-group-template);
|
|
2251
2251
|
order: 1;
|
|
2252
2252
|
}
|
|
2253
|
-
.NumberField-module__hop-
|
|
2254
|
-
.NumberField-module__hop-
|
|
2253
|
+
.NumberField-module__hop-NumberField__ErrorMessage___OWip1,
|
|
2254
|
+
.NumberField-module__hop-NumberField__HelperMessage___uj86g {
|
|
2255
2255
|
order: 3;
|
|
2256
2256
|
}
|
|
2257
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2257
|
+
.NumberField-module__hop-NumberField__stepper-button___BlTdu {
|
|
2258
2258
|
cursor: pointer;
|
|
2259
2259
|
display: flex;
|
|
2260
2260
|
grid-area: var(--grid-area, unset);
|
|
@@ -2275,55 +2275,55 @@
|
|
|
2275
2275
|
border-radius: var(--stepper-border-radius, 0);
|
|
2276
2276
|
outline: none;
|
|
2277
2277
|
}
|
|
2278
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2278
|
+
.NumberField-module__hop-NumberField__stepper-button--increment___-8gVu {
|
|
2279
2279
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
|
|
2280
2280
|
--stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
|
|
2281
2281
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
|
|
2282
2282
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
|
|
2283
2283
|
--grid-area: stepup;
|
|
2284
2284
|
}
|
|
2285
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2285
|
+
.NumberField-module__hop-NumberField__stepper-button--decrement___tNTwc {
|
|
2286
2286
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
|
|
2287
2287
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
|
|
2288
2288
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
|
|
2289
2289
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
|
|
2290
2290
|
--grid-area: stepdown;
|
|
2291
2291
|
}
|
|
2292
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2292
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___MdIyc.NumberField-module__hop-NumberField__stepper-button--increment___-8gVu {
|
|
2293
2293
|
--stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
|
|
2294
2294
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
|
|
2295
2295
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
|
|
2296
2296
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
|
|
2297
2297
|
}
|
|
2298
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2298
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___MdIyc.NumberField-module__hop-NumberField__stepper-button--decrement___tNTwc {
|
|
2299
2299
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
|
|
2300
2300
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
|
|
2301
2301
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
|
|
2302
2302
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
|
|
2303
2303
|
}
|
|
2304
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2304
|
+
.NumberField-module__hop-NumberField__stepper-button___BlTdu[data-hovered] {
|
|
2305
2305
|
color: var(--hop-NumberField-stepper-color-hovered);
|
|
2306
2306
|
background-color: var(--hop-NumberField-stepper-background-color-hovered);
|
|
2307
2307
|
}
|
|
2308
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2308
|
+
.NumberField-module__hop-NumberField__stepper-button___BlTdu[data-pressed] {
|
|
2309
2309
|
color: var(--hop-NumberField-stepper-color-pressed);
|
|
2310
2310
|
background-color: var(--hop-NumberField-stepper-background-color-pressed);
|
|
2311
2311
|
}
|
|
2312
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2312
|
+
.NumberField-module__hop-NumberField__stepper-button___BlTdu[data-disabled] {
|
|
2313
2313
|
cursor: not-allowed;
|
|
2314
2314
|
color: var(--hop-NumberField-stepper-color-disabled);
|
|
2315
2315
|
background-color: var(--hop-NumberField-stepper-background-color-disabled);
|
|
2316
2316
|
}
|
|
2317
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2317
|
+
.NumberField-module__hop-NumberField__stepper-button__icon___rmAQp {
|
|
2318
2318
|
display: block;
|
|
2319
2319
|
max-block-size: 100%;
|
|
2320
2320
|
}
|
|
2321
|
-
.NumberField-module__hop-
|
|
2321
|
+
.NumberField-module__hop-NumberField__input___IA6F1 {
|
|
2322
2322
|
grid-area: input;
|
|
2323
2323
|
}
|
|
2324
2324
|
|
|
2325
2325
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
|
|
2326
|
-
.TextArea-module__hop-
|
|
2326
|
+
.TextArea-module__hop-TextArea___nGCAY {
|
|
2327
2327
|
--hop-TextArea-gap: var(--hop-space-stack-xs);
|
|
2328
2328
|
--hop-TextArea-inline-size: 20rem;
|
|
2329
2329
|
--hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -2341,71 +2341,84 @@
|
|
|
2341
2341
|
inline-size: var(--inline-size);
|
|
2342
2342
|
max-inline-size: 100%;
|
|
2343
2343
|
}
|
|
2344
|
-
.TextArea-module__hop-TextArea--
|
|
2344
|
+
.TextArea-module__hop-TextArea--fluid___tOStF {
|
|
2345
2345
|
--inline-size: 100%;
|
|
2346
2346
|
}
|
|
2347
|
-
.TextArea-module__hop-
|
|
2347
|
+
.TextArea-module__hop-TextArea___nGCAY[data-resize-mode=vertical] {
|
|
2348
2348
|
--resize: vertical;
|
|
2349
2349
|
}
|
|
2350
|
-
.TextArea-module__hop-
|
|
2350
|
+
.TextArea-module__hop-TextArea___nGCAY[data-over-max-length] {
|
|
2351
2351
|
--char-count-color: var(--hop-TextArea-char-count-color-invalid);
|
|
2352
2352
|
}
|
|
2353
|
-
.TextArea-module__hop-
|
|
2353
|
+
.TextArea-module__hop-TextArea___nGCAY[data-disabled] {
|
|
2354
2354
|
--char-count-color: var(--hop-TextArea-char-count-color-disabled);
|
|
2355
2355
|
}
|
|
2356
|
-
.TextArea-module__hop-
|
|
2356
|
+
.TextArea-module__hop-TextArea__Label___7XDtF {
|
|
2357
2357
|
order: 0;
|
|
2358
2358
|
}
|
|
2359
|
-
.TextArea-module__hop-
|
|
2359
|
+
.TextArea-module__hop-TextArea__prefix___5sJCg {
|
|
2360
2360
|
color: var(--hop-TextArea-prefix-color);
|
|
2361
2361
|
}
|
|
2362
|
-
.TextArea-module__hop-
|
|
2362
|
+
.TextArea-module__hop-TextArea__InputGroup___bA0hN {
|
|
2363
2363
|
order: 1;
|
|
2364
2364
|
}
|
|
2365
|
-
.TextArea-module__hop-
|
|
2365
|
+
.TextArea-module__hop-TextArea__textarea___lSguM {
|
|
2366
2366
|
resize: var(--resize);
|
|
2367
2367
|
min-block-size: var(--hop-TextArea-input-min-height);
|
|
2368
2368
|
}
|
|
2369
|
-
.TextArea-module__hop-TextArea__char-
|
|
2369
|
+
.TextArea-module__hop-TextArea__char-count___yJIH- {
|
|
2370
2370
|
padding: var(--hop-TextArea-char-count-padding);
|
|
2371
2371
|
color: var(--char-count-color);
|
|
2372
2372
|
}
|
|
2373
|
-
.TextArea-module__hop-
|
|
2374
|
-
.TextArea-module__hop-
|
|
2373
|
+
.TextArea-module__hop-TextArea__ErrorMessage___h64Vh,
|
|
2374
|
+
.TextArea-module__hop-TextArea__HelperMessage___DhORP {
|
|
2375
2375
|
order: 3;
|
|
2376
2376
|
}
|
|
2377
2377
|
|
|
2378
2378
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
|
|
2379
|
-
.TextField-module__hop-
|
|
2379
|
+
.TextField-module__hop-TextField___hk6Yk {
|
|
2380
2380
|
--hop-TextField-gap: var(--hop-space-stack-xs);
|
|
2381
2381
|
--hop-TextField-inline-size: 20rem;
|
|
2382
2382
|
--hop-TextField-prefix-color: var(--hop-neutral-text-weak);
|
|
2383
|
+
--hop-TextField-char-count-color: var(--hop-neutral-text-weakest);
|
|
2384
|
+
--hop-TextField-char-count-color-disabled: var(--hop-neutral-text-disabled);
|
|
2385
|
+
--hop-TextField-char-count-color-invalid: var(--hop-danger-text-weak);
|
|
2383
2386
|
--inline-size: var(--hop-TextField-inline-size);
|
|
2387
|
+
--char-count-color: var(--hop-TextField-char-count-color);
|
|
2384
2388
|
display: flex;
|
|
2385
2389
|
flex-direction: column;
|
|
2386
2390
|
gap: var(--hop-TextField-gap);
|
|
2387
2391
|
inline-size: var(--inline-size);
|
|
2388
2392
|
max-inline-size: 100%;
|
|
2389
2393
|
}
|
|
2390
|
-
.TextField-module__hop-TextField--
|
|
2394
|
+
.TextField-module__hop-TextField--fluid___ZsmOR {
|
|
2391
2395
|
--inline-size: 100%;
|
|
2392
2396
|
}
|
|
2393
|
-
.TextField-module__hop-
|
|
2397
|
+
.TextField-module__hop-TextField___hk6Yk[data-over-max-length] {
|
|
2398
|
+
--char-count-color: var(--hop-TextField-char-count-color-invalid);
|
|
2399
|
+
}
|
|
2400
|
+
.TextField-module__hop-TextField___hk6Yk[data-disabled] {
|
|
2401
|
+
--char-count-color: var(--hop-TextField-char-count-color-disabled);
|
|
2402
|
+
}
|
|
2403
|
+
.TextField-module__hop-TextField__Label___imz7C {
|
|
2394
2404
|
order: 0;
|
|
2395
2405
|
}
|
|
2396
|
-
.TextField-module__hop-
|
|
2406
|
+
.TextField-module__hop-TextField__prefix___2ukPK {
|
|
2397
2407
|
color: var(--hop-TextField-prefix-color);
|
|
2398
2408
|
}
|
|
2399
|
-
.TextField-module__hop-
|
|
2409
|
+
.TextField-module__hop-TextField__char-count___aADbQ {
|
|
2410
|
+
color: var(--char-count-color);
|
|
2411
|
+
}
|
|
2412
|
+
.TextField-module__hop-TextField__InputGroup___c6vKu {
|
|
2400
2413
|
order: 1;
|
|
2401
2414
|
}
|
|
2402
|
-
.TextField-module__hop-
|
|
2403
|
-
.TextField-module__hop-
|
|
2415
|
+
.TextField-module__hop-TextField__ErrorMessage___EPMW6,
|
|
2416
|
+
.TextField-module__hop-TextField__HelperMessage___T2wjf {
|
|
2404
2417
|
order: 3;
|
|
2405
2418
|
}
|
|
2406
2419
|
|
|
2407
2420
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
|
|
2408
|
-
.PasswordField-module__hop-
|
|
2421
|
+
.PasswordField-module__hop-PasswordField___hmPci {
|
|
2409
2422
|
--hop-PasswordField-gap: var(--hop-space-stack-xs);
|
|
2410
2423
|
--hop-PasswordField-inline-size: 20rem;
|
|
2411
2424
|
--inline-size: var(--hop-PasswordField-inline-size);
|
|
@@ -2415,22 +2428,22 @@
|
|
|
2415
2428
|
inline-size: var(--inline-size);
|
|
2416
2429
|
max-inline-size: 100%;
|
|
2417
2430
|
}
|
|
2418
|
-
.PasswordField-module__hop-PasswordField--
|
|
2431
|
+
.PasswordField-module__hop-PasswordField--fluid___QgPUw {
|
|
2419
2432
|
--inline-size: 100%;
|
|
2420
2433
|
}
|
|
2421
|
-
.PasswordField-module__hop-
|
|
2434
|
+
.PasswordField-module__hop-PasswordField__Label___pdO7q {
|
|
2422
2435
|
order: 0;
|
|
2423
2436
|
}
|
|
2424
|
-
.PasswordField-module__hop-
|
|
2437
|
+
.PasswordField-module__hop-PasswordField__InputGroup___5BEGR {
|
|
2425
2438
|
order: 1;
|
|
2426
2439
|
}
|
|
2427
|
-
.PasswordField-module__hop-
|
|
2428
|
-
.PasswordField-module__hop-
|
|
2440
|
+
.PasswordField-module__hop-PasswordField__ErrorMessage___cTj33,
|
|
2441
|
+
.PasswordField-module__hop-PasswordField__HelperMessage___a7QjZ {
|
|
2429
2442
|
order: 3;
|
|
2430
2443
|
}
|
|
2431
2444
|
|
|
2432
2445
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
|
|
2433
|
-
.SearchField-module__hop-
|
|
2446
|
+
.SearchField-module__hop-SearchField___porIP {
|
|
2434
2447
|
--hop-SearchField-gap: var(--hop-space-stack-xs);
|
|
2435
2448
|
--hop-SearchField-inline-size: 20rem;
|
|
2436
2449
|
--hop-SearchField-color: var(--hop-neutral-text-weak);
|
|
@@ -2445,39 +2458,39 @@
|
|
|
2445
2458
|
inline-size: var(--inline-size);
|
|
2446
2459
|
max-inline-size: 100%;
|
|
2447
2460
|
}
|
|
2448
|
-
.SearchField-module__hop-SearchField--
|
|
2461
|
+
.SearchField-module__hop-SearchField--fluid___Zmi0a {
|
|
2449
2462
|
--inline-size: 100%;
|
|
2450
2463
|
}
|
|
2451
|
-
.SearchField-module__hop-
|
|
2464
|
+
.SearchField-module__hop-SearchField__Label___FRVg6 {
|
|
2452
2465
|
order: 0;
|
|
2453
2466
|
}
|
|
2454
|
-
.SearchField-module__hop-
|
|
2467
|
+
.SearchField-module__hop-SearchField__prefix___Ft5xn {
|
|
2455
2468
|
color: var(--hop-SearchField-color);
|
|
2456
2469
|
}
|
|
2457
|
-
.SearchField-module__hop-
|
|
2470
|
+
.SearchField-module__hop-SearchField__InputGroup___up43t {
|
|
2458
2471
|
order: 1;
|
|
2459
2472
|
padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
|
|
2460
2473
|
}
|
|
2461
|
-
.SearchField-module__hop-SearchField--
|
|
2474
|
+
.SearchField-module__hop-SearchField--clearable___kZ2Cn {
|
|
2462
2475
|
--input-group-padding-inline-end: 0;
|
|
2463
2476
|
}
|
|
2464
|
-
.SearchField-module__hop-
|
|
2465
|
-
.SearchField-module__hop-
|
|
2477
|
+
.SearchField-module__hop-SearchField__ErrorMessage___W28CU,
|
|
2478
|
+
.SearchField-module__hop-SearchField__HelperMessage___84FAI {
|
|
2466
2479
|
order: 3;
|
|
2467
2480
|
}
|
|
2468
|
-
.SearchField-module__hop-
|
|
2469
|
-
.SearchField-module__hop-
|
|
2481
|
+
.SearchField-module__hop-SearchField___porIP input::-webkit-search-cancel-button,
|
|
2482
|
+
.SearchField-module__hop-SearchField___porIP input::-webkit-search-decoration {
|
|
2470
2483
|
appearance: none;
|
|
2471
2484
|
}
|
|
2472
|
-
.SearchField-module__hop-
|
|
2485
|
+
.SearchField-module__hop-SearchField___porIP[data-empty] {
|
|
2473
2486
|
--clear-button-display: none;
|
|
2474
2487
|
}
|
|
2475
|
-
.SearchField-module__hop-
|
|
2488
|
+
.SearchField-module__hop-SearchField__ClearButton___hA3ul {
|
|
2476
2489
|
display: var(--clear-button-display);
|
|
2477
2490
|
}
|
|
2478
2491
|
|
|
2479
2492
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
|
|
2480
|
-
.Link-module__hop-
|
|
2493
|
+
.Link-module__hop-Link___PIma8 {
|
|
2481
2494
|
--hop-Link-border-radius: var(--hop-shape-rounded-sm);
|
|
2482
2495
|
--hop-Link-focus-ring-color: var(--hop-primary-border-focus);
|
|
2483
2496
|
--hop-Link-color-disabled: var(--hop-neutral-text-disabled);
|
|
@@ -2502,59 +2515,59 @@
|
|
|
2502
2515
|
outline: none;
|
|
2503
2516
|
outline-offset: 0.125rem;
|
|
2504
2517
|
}
|
|
2505
|
-
.Link-module__hop-
|
|
2518
|
+
.Link-module__hop-Link___PIma8[data-focus-visible] {
|
|
2506
2519
|
outline: 0.125rem solid var(--hop-Link-focus-ring-color);
|
|
2507
2520
|
}
|
|
2508
|
-
.Link-module__hop-
|
|
2521
|
+
.Link-module__hop-Link___PIma8[data-disabled] {
|
|
2509
2522
|
cursor: default;
|
|
2510
2523
|
}
|
|
2511
|
-
.Link-module__hop-Link--
|
|
2512
|
-
.Link-module__hop-Link--
|
|
2524
|
+
.Link-module__hop-Link--quiet___iZPH-[data-focus-visible],
|
|
2525
|
+
.Link-module__hop-Link--quiet___iZPH-[data-hovered] {
|
|
2513
2526
|
text-decoration: underline;
|
|
2514
2527
|
}
|
|
2515
|
-
.Link-module__hop-
|
|
2528
|
+
.Link-module__hop-Link___PIma8:not(.Link-module__hop-Link--quiet___iZPH-) {
|
|
2516
2529
|
text-decoration: underline;
|
|
2517
2530
|
}
|
|
2518
|
-
.Link-module__hop-Link--
|
|
2531
|
+
.Link-module__hop-Link--primary___-c45k {
|
|
2519
2532
|
color: var(--hop-Link-primary-text-color);
|
|
2520
2533
|
}
|
|
2521
|
-
.Link-module__hop-Link--
|
|
2534
|
+
.Link-module__hop-Link--primary___-c45k[data-disabled] {
|
|
2522
2535
|
color: var(--hop-Link-primary-text-disabled-color);
|
|
2523
2536
|
}
|
|
2524
|
-
.Link-module__hop-Link--
|
|
2525
|
-
.Link-module__hop-Link--
|
|
2537
|
+
.Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-focus-visible],
|
|
2538
|
+
.Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-hovered] {
|
|
2526
2539
|
color: var(--hop-Link-primary-text-hover-color);
|
|
2527
2540
|
}
|
|
2528
|
-
.Link-module__hop-Link--
|
|
2541
|
+
.Link-module__hop-Link--primary___-c45k:not([data-disabled])[data-pressed] {
|
|
2529
2542
|
color: var(--hop-Link-primary-text-pressed-color);
|
|
2530
2543
|
}
|
|
2531
|
-
.Link-module__hop-Link--
|
|
2544
|
+
.Link-module__hop-Link--secondary___G8IxK {
|
|
2532
2545
|
color: var(--hop-Link-neutral-text-color);
|
|
2533
2546
|
}
|
|
2534
|
-
.Link-module__hop-Link--
|
|
2547
|
+
.Link-module__hop-Link--secondary___G8IxK[data-disabled] {
|
|
2535
2548
|
color: var(--hop-Link-neutral-text-disabled-color);
|
|
2536
2549
|
}
|
|
2537
|
-
.Link-module__hop-Link--
|
|
2538
|
-
.Link-module__hop-Link--
|
|
2550
|
+
.Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-focus-visible],
|
|
2551
|
+
.Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-hovered] {
|
|
2539
2552
|
color: var(--hop-Link-neutral-text-hover-color);
|
|
2540
2553
|
}
|
|
2541
|
-
.Link-module__hop-Link--
|
|
2554
|
+
.Link-module__hop-Link--secondary___G8IxK:not([data-disabled])[data-pressed] {
|
|
2542
2555
|
color: var(--hop-Link-neutral-text-pressed-color);
|
|
2543
2556
|
}
|
|
2544
|
-
.Link-module__hop-
|
|
2545
|
-
.Link-module__hop-Link__icon-
|
|
2557
|
+
.Link-module__hop-Link__icon___ufhw2,
|
|
2558
|
+
.Link-module__hop-Link__icon-list___V22Fg {
|
|
2546
2559
|
order: 2;
|
|
2547
2560
|
}
|
|
2548
|
-
.Link-module__hop-
|
|
2561
|
+
.Link-module__hop-Link__text___Nks7k {
|
|
2549
2562
|
order: 1;
|
|
2550
2563
|
}
|
|
2551
|
-
.Link-module__hop-Link__start-
|
|
2552
|
-
.Link-module__hop-Link__start-icon-
|
|
2564
|
+
.Link-module__hop-Link__start-icon___JC61y,
|
|
2565
|
+
.Link-module__hop-Link__start-icon-list___zs30P {
|
|
2553
2566
|
order: 0;
|
|
2554
2567
|
}
|
|
2555
2568
|
|
|
2556
2569
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
|
|
2557
|
-
.Radio-module__hop-
|
|
2570
|
+
.Radio-module__hop-Radio___fiLqZ {
|
|
2558
2571
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
2559
2572
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
2560
2573
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -2628,63 +2641,63 @@
|
|
|
2628
2641
|
inline-size: max-content;
|
|
2629
2642
|
max-inline-size: 100%;
|
|
2630
2643
|
}
|
|
2631
|
-
.Radio-module__hop-
|
|
2632
|
-
.Radio-module__hop-Radio--
|
|
2644
|
+
.Radio-module__hop-Radio___fiLqZ[data-focus-visible],
|
|
2645
|
+
.Radio-module__hop-Radio--focused___ljAlt {
|
|
2633
2646
|
--box-background-color: var(--hop-Radio-box-background-color-focused);
|
|
2634
2647
|
--box-border-color: var(--hop-Radio-box-border-color-focused);
|
|
2635
2648
|
--box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
|
|
2636
2649
|
--text-color: var(--hop-Radio-text-color-focused);
|
|
2637
2650
|
--icon-color: var(--hop-Radio-icon-color-focused);
|
|
2638
2651
|
}
|
|
2639
|
-
.Radio-module__hop-
|
|
2640
|
-
.Radio-module__hop-Radio--
|
|
2652
|
+
.Radio-module__hop-Radio___fiLqZ[data-hovered],
|
|
2653
|
+
.Radio-module__hop-Radio--hovered___1jVbG {
|
|
2641
2654
|
--box-background-color: var(--hop-Radio-box-background-color-hovered);
|
|
2642
2655
|
--box-border-color: var(--hop-Radio-box-border-color-hovered);
|
|
2643
2656
|
--text-color: var(--hop-Radio-text-color-hovered);
|
|
2644
2657
|
--icon-color: var(--hop-Radio-icon-color-hovered);
|
|
2645
2658
|
}
|
|
2646
|
-
.Radio-module__hop-
|
|
2647
|
-
.Radio-module__hop-Radio--
|
|
2659
|
+
.Radio-module__hop-Radio___fiLqZ[data-pressed],
|
|
2660
|
+
.Radio-module__hop-Radio--pressed___fFpLV {
|
|
2648
2661
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
2649
2662
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
2650
2663
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
2651
2664
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
2652
2665
|
}
|
|
2653
|
-
.Radio-module__hop-
|
|
2666
|
+
.Radio-module__hop-Radio___fiLqZ[data-selected] {
|
|
2654
2667
|
--box-background-color: var(--hop-Radio-box-background-color-selected);
|
|
2655
2668
|
--box-border-color: var(--hop-Radio-box-border-color-selected);
|
|
2656
2669
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
2657
2670
|
--text-color: var(--hop-Radio-text-color-selected);
|
|
2658
2671
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
2659
2672
|
}
|
|
2660
|
-
.Radio-module__hop-
|
|
2673
|
+
.Radio-module__hop-Radio___fiLqZ[data-invalid] {
|
|
2661
2674
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
2662
2675
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
2663
2676
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
2664
2677
|
--text-color: var(--hop-Radio-text-color-invalid);
|
|
2665
2678
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
2666
2679
|
}
|
|
2667
|
-
.Radio-module__hop-
|
|
2680
|
+
.Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-focus-visible] {
|
|
2668
2681
|
--box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
|
|
2669
2682
|
--box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
|
|
2670
2683
|
}
|
|
2671
|
-
.Radio-module__hop-
|
|
2684
|
+
.Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-hovered] {
|
|
2672
2685
|
--box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
|
|
2673
2686
|
--box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
|
|
2674
2687
|
--text-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2675
2688
|
--icon-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2676
2689
|
}
|
|
2677
|
-
.Radio-module__hop-
|
|
2690
|
+
.Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-pressed] {
|
|
2678
2691
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
2679
2692
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
2680
2693
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
2681
2694
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
2682
2695
|
}
|
|
2683
|
-
.Radio-module__hop-
|
|
2696
|
+
.Radio-module__hop-Radio___fiLqZ:where([data-invalid])[data-selected] {
|
|
2684
2697
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
2685
2698
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
2686
2699
|
}
|
|
2687
|
-
.Radio-module__hop-
|
|
2700
|
+
.Radio-module__hop-Radio___fiLqZ[data-disabled] {
|
|
2688
2701
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
2689
2702
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
2690
2703
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -2692,25 +2705,25 @@
|
|
|
2692
2705
|
--text-color: var(--hop-Radio-text-color-disabled);
|
|
2693
2706
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
2694
2707
|
}
|
|
2695
|
-
.Radio-module__hop-Radio--
|
|
2708
|
+
.Radio-module__hop-Radio--sm___lMp9M {
|
|
2696
2709
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
2697
2710
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
2698
2711
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
2699
2712
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
2700
2713
|
}
|
|
2701
|
-
.Radio-module__hop-Radio--
|
|
2714
|
+
.Radio-module__hop-Radio--md___2SjXP {
|
|
2702
2715
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
2703
2716
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
2704
2717
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
2705
2718
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
2706
2719
|
}
|
|
2707
|
-
.Radio-module__hop-
|
|
2708
|
-
.Radio-module__hop-Radio__icon-
|
|
2720
|
+
.Radio-module__hop-Radio__icon___RhEJ7,
|
|
2721
|
+
.Radio-module__hop-Radio__icon-list___3-dCQ {
|
|
2709
2722
|
flex: 0 0 auto;
|
|
2710
2723
|
order: 3;
|
|
2711
2724
|
color: var(--icon-color);
|
|
2712
2725
|
}
|
|
2713
|
-
.Radio-module__hop-
|
|
2726
|
+
.Radio-module__hop-Radio__box___XsjuT {
|
|
2714
2727
|
display: flex;
|
|
2715
2728
|
flex: 0 0 auto;
|
|
2716
2729
|
align-items: center;
|
|
@@ -2726,11 +2739,11 @@
|
|
|
2726
2739
|
outline-offset: 0.125rem;
|
|
2727
2740
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
2728
2741
|
}
|
|
2729
|
-
.Radio-module__hop-
|
|
2742
|
+
.Radio-module__hop-Radio__bullet___rhaGm {
|
|
2730
2743
|
display: var(--bullet-display);
|
|
2731
2744
|
color: var(--bullet-color);
|
|
2732
2745
|
}
|
|
2733
|
-
.Radio-module__hop-
|
|
2746
|
+
.Radio-module__hop-Radio__text___gKthl {
|
|
2734
2747
|
flex: 0 1 auto;
|
|
2735
2748
|
order: 2;
|
|
2736
2749
|
min-inline-size: 0;
|
|
@@ -2740,7 +2753,7 @@
|
|
|
2740
2753
|
}
|
|
2741
2754
|
|
|
2742
2755
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
|
|
2743
|
-
.RadioField-module__hop-
|
|
2756
|
+
.RadioField-module__hop-RadioField___T1vq5 {
|
|
2744
2757
|
--hop-RadioField-description-color: var(--hop-neutral-text-weak);
|
|
2745
2758
|
--hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
2746
2759
|
--hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -2759,28 +2772,28 @@
|
|
|
2759
2772
|
inline-size: max-content;
|
|
2760
2773
|
max-inline-size: 100%;
|
|
2761
2774
|
}
|
|
2762
|
-
.RadioField-module__hop-
|
|
2775
|
+
.RadioField-module__hop-RadioField___T1vq5[data-disabled] {
|
|
2763
2776
|
--description-color: var(--hop-RadioField-description-color-disabled);
|
|
2764
2777
|
}
|
|
2765
|
-
.RadioField-module__hop-RadioField--
|
|
2778
|
+
.RadioField-module__hop-RadioField--sm___P-jTL {
|
|
2766
2779
|
--row-gap: var(--hop-RadioField-sm-row-gap);
|
|
2767
2780
|
--description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
|
|
2768
2781
|
}
|
|
2769
|
-
.RadioField-module__hop-RadioField--
|
|
2782
|
+
.RadioField-module__hop-RadioField--md___DI19F {
|
|
2770
2783
|
--row-gap: var(--hop-RadioField-md-row-gap);
|
|
2771
2784
|
--description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
|
|
2772
2785
|
}
|
|
2773
|
-
.RadioField-module__hop-
|
|
2786
|
+
.RadioField-module__hop-RadioField__description___sFFCG {
|
|
2774
2787
|
order: 2;
|
|
2775
2788
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
|
|
2776
2789
|
color: var(--description-color);
|
|
2777
2790
|
}
|
|
2778
|
-
.RadioField-module__hop-
|
|
2791
|
+
.RadioField-module__hop-RadioField__radio___-jqTU {
|
|
2779
2792
|
order: 1;
|
|
2780
2793
|
}
|
|
2781
2794
|
|
|
2782
2795
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
|
|
2783
|
-
.RadioGroup-module__hop-
|
|
2796
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC {
|
|
2784
2797
|
--hop-RadioGroup-align-items: flex-start;
|
|
2785
2798
|
--hop-RadioGroup-justify-content: flex-start;
|
|
2786
2799
|
--hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -2820,46 +2833,46 @@
|
|
|
2820
2833
|
inline-size: var(--inline-size);
|
|
2821
2834
|
max-inline-size: 100%;
|
|
2822
2835
|
}
|
|
2823
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2836
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g {
|
|
2824
2837
|
--list-border: var(--radio-border-size) solid var(--radio-border-color);
|
|
2825
2838
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
2826
2839
|
}
|
|
2827
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2840
|
+
.RadioGroup-module__hop-RadioGroup--sm___sySXY {
|
|
2828
2841
|
--column-gap: var(--hop-RadioGroup-sm-column-gap);
|
|
2829
2842
|
--row-gap: var(--hop-RadioGroup-sm-row-gap);
|
|
2830
2843
|
--list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
|
|
2831
2844
|
--list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
|
|
2832
2845
|
}
|
|
2833
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2846
|
+
.RadioGroup-module__hop-RadioGroup--md___bhsBV {
|
|
2834
2847
|
--column-gap: var(--hop-RadioGroup-md-column-gap);
|
|
2835
2848
|
--row-gap: var(--hop-RadioGroup-md-row-gap);
|
|
2836
2849
|
--list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
|
|
2837
2850
|
--list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
|
|
2838
2851
|
}
|
|
2839
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2852
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g.RadioGroup-module__hop-RadioGroup--sm___sySXY {
|
|
2840
2853
|
--radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
|
|
2841
2854
|
--column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
|
|
2842
2855
|
--row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
|
|
2843
2856
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
|
|
2844
2857
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
|
|
2845
2858
|
}
|
|
2846
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2859
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g.RadioGroup-module__hop-RadioGroup--md___bhsBV {
|
|
2847
2860
|
--radio-padding: var(--hop-RadioGroup-bordered-md-padding);
|
|
2848
2861
|
--column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
|
|
2849
2862
|
--row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
|
|
2850
2863
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
|
|
2851
2864
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
|
|
2852
2865
|
}
|
|
2853
|
-
.RadioGroup-module__hop-
|
|
2866
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC[data-orientation=horizontal] {
|
|
2854
2867
|
--flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
|
|
2855
2868
|
}
|
|
2856
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2869
|
+
.RadioGroup-module__hop-RadioGroup--bordered___QTb7g[data-orientation=horizontal] {
|
|
2857
2870
|
--flex-wrap: nowrap;
|
|
2858
2871
|
}
|
|
2859
|
-
.RadioGroup-module__hop-
|
|
2872
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__label___4M6KT {
|
|
2860
2873
|
order: 1;
|
|
2861
2874
|
}
|
|
2862
|
-
.RadioGroup-module__hop-
|
|
2875
|
+
.RadioGroup-module__hop-RadioGroup__list___K-Y-B {
|
|
2863
2876
|
display: flex;
|
|
2864
2877
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
2865
2878
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -2870,7 +2883,7 @@
|
|
|
2870
2883
|
border: var(--list-border, none);
|
|
2871
2884
|
border-radius: var(--list-border-radius, 0);
|
|
2872
2885
|
}
|
|
2873
|
-
.RadioGroup-module__hop-
|
|
2886
|
+
.RadioGroup-module__hop-RadioGroup__list___K-Y-B > .RadioGroup-module__hop-RadioGroup__radio___CSjUc {
|
|
2874
2887
|
position: relative;
|
|
2875
2888
|
flex: 0 1 auto;
|
|
2876
2889
|
align-content: start;
|
|
@@ -2878,28 +2891,28 @@
|
|
|
2878
2891
|
min-inline-size: 0;
|
|
2879
2892
|
padding: var(--radio-padding, 0);
|
|
2880
2893
|
}
|
|
2881
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2894
|
+
.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 {
|
|
2882
2895
|
content: "";
|
|
2883
2896
|
position: absolute;
|
|
2884
2897
|
display: block;
|
|
2885
2898
|
}
|
|
2886
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2899
|
+
.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 {
|
|
2887
2900
|
inset-block-start: 0;
|
|
2888
2901
|
inset-inline: 0;
|
|
2889
2902
|
border-block-start: var(--list-border, none);
|
|
2890
2903
|
}
|
|
2891
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2904
|
+
.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 {
|
|
2892
2905
|
inset-block: 0;
|
|
2893
2906
|
inset-inline-start: 0;
|
|
2894
2907
|
border-inline-start: var(--list-border, none);
|
|
2895
2908
|
}
|
|
2896
|
-
.RadioGroup-module__hop-
|
|
2897
|
-
.RadioGroup-module__hop-
|
|
2909
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__error-message___QXzMh,
|
|
2910
|
+
.RadioGroup-module__hop-RadioGroup___5uPZC > .RadioGroup-module__hop-RadioGroup__helper-message___BkFNa {
|
|
2898
2911
|
order: 3;
|
|
2899
2912
|
}
|
|
2900
2913
|
|
|
2901
2914
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
|
|
2902
|
-
.ListBoxItemSkeleton-module__hop-
|
|
2915
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___sSxVu {
|
|
2903
2916
|
--hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
|
|
2904
2917
|
--hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
|
|
2905
2918
|
--hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -2925,7 +2938,7 @@
|
|
|
2925
2938
|
background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
|
|
2926
2939
|
background-size: 400% 100%;
|
|
2927
2940
|
border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
|
|
2928
|
-
animation-name: ListBoxItemSkeleton-module__placeholder-
|
|
2941
|
+
animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___kI5E-;
|
|
2929
2942
|
animation-duration: var(--animation-duration);
|
|
2930
2943
|
animation-timing-function: ease-in-out;
|
|
2931
2944
|
animation-fill-mode: forwards;
|
|
@@ -2934,19 +2947,19 @@
|
|
|
2934
2947
|
--animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
|
|
2935
2948
|
}
|
|
2936
2949
|
}
|
|
2937
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2950
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___3ZPnH {
|
|
2938
2951
|
--height: var(--hop-ListBoxItemSkeleton-xs-height);
|
|
2939
2952
|
}
|
|
2940
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2953
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___wPxkP {
|
|
2941
2954
|
--height: var(--hop-ListBoxItemSkeleton-sm-height);
|
|
2942
2955
|
}
|
|
2943
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2956
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___ucQPS {
|
|
2944
2957
|
--height: var(--hop-ListBoxItemSkeleton-md-height);
|
|
2945
2958
|
}
|
|
2946
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2959
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___xjXd3 {
|
|
2947
2960
|
--height: var(--hop-ListBoxItemSkeleton-lg-height);
|
|
2948
2961
|
}
|
|
2949
|
-
@keyframes ListBoxItemSkeleton-module__placeholder-
|
|
2962
|
+
@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___kI5E- {
|
|
2950
2963
|
0% {
|
|
2951
2964
|
background-position: 125% 50%;
|
|
2952
2965
|
}
|
|
@@ -2956,7 +2969,7 @@
|
|
|
2956
2969
|
}
|
|
2957
2970
|
|
|
2958
2971
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
|
|
2959
|
-
.ListBoxItem-module__hop-
|
|
2972
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6 {
|
|
2960
2973
|
--hop-ListBoxItem-background-color: transparent;
|
|
2961
2974
|
--hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
|
|
2962
2975
|
--hop-ListBoxItem-text-color: var(--hop-neutral-text);
|
|
@@ -3053,129 +3066,129 @@
|
|
|
3053
3066
|
outline: var(--outline);
|
|
3054
3067
|
outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
|
|
3055
3068
|
}
|
|
3056
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3069
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___9yqv- {
|
|
3057
3070
|
--padding-block: var(--hop-ListBoxItem-xs-padding-block);
|
|
3058
3071
|
--padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
|
|
3059
3072
|
--min-height: var(--hop-ListBoxItem-xs-min-height);
|
|
3060
3073
|
--avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
|
|
3061
3074
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
|
|
3062
3075
|
}
|
|
3063
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3076
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___-dIPa {
|
|
3064
3077
|
--padding-block: var(--hop-ListBoxItem-sm-padding-block);
|
|
3065
3078
|
--padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
|
|
3066
3079
|
--min-height: var(--hop-ListBoxItem-sm-min-height);
|
|
3067
3080
|
--avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
|
|
3068
3081
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
|
|
3069
3082
|
}
|
|
3070
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3083
|
+
.ListBoxItem-module__hop-ListBoxItem--md___zsuXH {
|
|
3071
3084
|
--padding-block: var(--hop-ListBoxItem-md-padding-block);
|
|
3072
3085
|
--padding-inline: var(--hop-ListBoxItem-md-padding-inline);
|
|
3073
3086
|
--min-height: var(--hop-ListBoxItem-md-min-height);
|
|
3074
3087
|
--avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
|
|
3075
3088
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
|
|
3076
3089
|
}
|
|
3077
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3090
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___2POEB {
|
|
3078
3091
|
--padding-block: var(--hop-ListBoxItem-lg-padding-block);
|
|
3079
3092
|
--padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
|
|
3080
3093
|
--min-height: var(--hop-ListBoxItem-lg-min-height);
|
|
3081
3094
|
--avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
|
|
3082
3095
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
|
|
3083
3096
|
}
|
|
3084
|
-
.ListBoxItem-module__hop-
|
|
3097
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-selection-mode] {
|
|
3085
3098
|
--cursor: pointer;
|
|
3086
3099
|
}
|
|
3087
|
-
.ListBoxItem-module__hop-
|
|
3100
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6:not([data-selection-mode]) {
|
|
3088
3101
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
3089
3102
|
}
|
|
3090
|
-
.ListBoxItem-module__hop-
|
|
3103
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi) {
|
|
3091
3104
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
3092
3105
|
}
|
|
3093
|
-
.ListBoxItem-module__hop-
|
|
3106
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi) {
|
|
3094
3107
|
--checkmark-transition: none;
|
|
3095
3108
|
}
|
|
3096
|
-
.ListBoxItem-module__hop-
|
|
3109
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-selected] {
|
|
3097
3110
|
--background-color: var(--hop-ListBoxItem-background-color-selected);
|
|
3098
3111
|
--text-color: var(--hop-ListBoxItem-text-color-selected);
|
|
3099
3112
|
--icon-color: var(--hop-ListBoxItem-icon-color-selected);
|
|
3100
3113
|
--checkmark-opacity: 1;
|
|
3101
3114
|
}
|
|
3102
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3115
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___9yqv-[data-selected] {
|
|
3103
3116
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
|
|
3104
3117
|
}
|
|
3105
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3118
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___-dIPa[data-selected] {
|
|
3106
3119
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
|
|
3107
3120
|
}
|
|
3108
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3121
|
+
.ListBoxItem-module__hop-ListBoxItem--md___zsuXH[data-selected] {
|
|
3109
3122
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
|
|
3110
3123
|
}
|
|
3111
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3124
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___2POEB[data-selected] {
|
|
3112
3125
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
|
|
3113
3126
|
}
|
|
3114
|
-
.ListBoxItem-module__hop-
|
|
3127
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-focus-visible] {
|
|
3115
3128
|
--background-color: var(--hop-ListBoxItem-background-color-focused);
|
|
3116
3129
|
--text-color: var(--hop-ListBoxItem-text-color-focused);
|
|
3117
3130
|
--icon-color: var(--hop-ListBoxItem-icon-color-focused);
|
|
3118
3131
|
--outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
|
|
3119
3132
|
}
|
|
3120
|
-
.ListBoxItem-module__hop-
|
|
3133
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-hovered] {
|
|
3121
3134
|
--background-color: var(--hop-ListBoxItem-background-color-hovered);
|
|
3122
3135
|
--text-color: var(--hop-ListBoxItem-text-color-hovered);
|
|
3123
3136
|
--icon-color: var(--hop-ListBoxItem-icon-color-hovered);
|
|
3124
3137
|
}
|
|
3125
|
-
.ListBoxItem-module__hop-
|
|
3138
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-pressed] {
|
|
3126
3139
|
--background-color: var(--hop-ListBoxItem-background-color-pressed);
|
|
3127
3140
|
--text-color: var(--hop-ListBoxItem-text-color-pressed);
|
|
3128
3141
|
--icon-color: var(--hop-ListBoxItem-icon-color-pressed);
|
|
3129
3142
|
}
|
|
3130
|
-
.ListBoxItem-module__hop-
|
|
3143
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-disabled] {
|
|
3131
3144
|
--background-color: var(--hop-ListBoxItem-background-color-disabled);
|
|
3132
3145
|
--text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
3133
3146
|
--icon-color: var(--hop-ListBoxItem-icon-color-disabled);
|
|
3134
3147
|
--description-text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
3135
3148
|
--cursor: not-allowed;
|
|
3136
3149
|
}
|
|
3137
|
-
.ListBoxItem-module__hop-
|
|
3150
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid] {
|
|
3138
3151
|
--background-color: var(--hop-ListBoxItem-background-color-invalid);
|
|
3139
3152
|
--text-color: var(--hop-ListBoxItem-text-color-invalid);
|
|
3140
3153
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid);
|
|
3141
3154
|
}
|
|
3142
|
-
.ListBoxItem-module__hop-
|
|
3155
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-selected] {
|
|
3143
3156
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
|
|
3144
3157
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
|
|
3145
3158
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
|
|
3146
3159
|
}
|
|
3147
|
-
.ListBoxItem-module__hop-
|
|
3160
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-focus-visible] {
|
|
3148
3161
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
|
|
3149
3162
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
|
|
3150
3163
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
|
|
3151
3164
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
|
|
3152
3165
|
}
|
|
3153
|
-
.ListBoxItem-module__hop-
|
|
3166
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-hovered] {
|
|
3154
3167
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
|
|
3155
3168
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
|
|
3156
3169
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
|
|
3157
3170
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
|
|
3158
3171
|
}
|
|
3159
|
-
.ListBoxItem-module__hop-
|
|
3172
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-pressed] {
|
|
3160
3173
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
|
|
3161
3174
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
|
|
3162
3175
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
|
|
3163
3176
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
|
|
3164
3177
|
}
|
|
3165
|
-
.ListBoxItem-module__hop-
|
|
3178
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-invalid][data-disabled] {
|
|
3166
3179
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
|
|
3167
3180
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
|
|
3168
3181
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
|
|
3169
3182
|
}
|
|
3170
|
-
.ListBoxItem-module__hop-
|
|
3183
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6:has(.ListBoxItem-module__hop-ListBoxItem__description___zO-1q) {
|
|
3171
3184
|
--row-gap: var(--hop-ListBoxItem-row-gap);
|
|
3172
3185
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
|
|
3173
3186
|
}
|
|
3174
|
-
.ListBoxItem-module__hop-
|
|
3187
|
+
.ListBoxItem-module__hop-ListBoxItem___WPcI6[data-loading] {
|
|
3175
3188
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
|
|
3176
3189
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
|
|
3177
3190
|
}
|
|
3178
|
-
.ListBoxItem-module__hop-
|
|
3191
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC {
|
|
3179
3192
|
display: grid;
|
|
3180
3193
|
grid-template-areas: var(--grid-template-areas);
|
|
3181
3194
|
grid-template-columns: var(--grid-template-columns);
|
|
@@ -3187,33 +3200,33 @@
|
|
|
3187
3200
|
padding-inline: var(--padding-inline);
|
|
3188
3201
|
transition: grid-template-columns .3s ease-in-out;
|
|
3189
3202
|
}
|
|
3190
|
-
.ListBoxItem-module__hop-
|
|
3203
|
+
.ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi {
|
|
3191
3204
|
grid-area: indicator;
|
|
3192
3205
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3193
3206
|
color: var(--icon-color);
|
|
3194
3207
|
opacity: var(--checkmark-opacity);
|
|
3195
3208
|
transition: var(--checkmark-transition);
|
|
3196
3209
|
}
|
|
3197
|
-
.ListBoxItem-module__hop-ListBoxItem__radio-
|
|
3198
|
-
.ListBoxItem-module__hop-
|
|
3210
|
+
.ListBoxItem-module__hop-ListBoxItem__radio-group___BWVk3,
|
|
3211
|
+
.ListBoxItem-module__hop-ListBoxItem__checkbox___TrEmP {
|
|
3199
3212
|
pointer-events: none;
|
|
3200
3213
|
user-select: none;
|
|
3201
3214
|
grid-area: indicator;
|
|
3202
3215
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3203
3216
|
}
|
|
3204
|
-
.ListBoxItem-module__hop-
|
|
3217
|
+
.ListBoxItem-module__hop-ListBoxItem__avatar___2ts9n {
|
|
3205
3218
|
grid-area: avatar;
|
|
3206
3219
|
margin-block: var(--avatar-margin-block, 0);
|
|
3207
3220
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3208
3221
|
}
|
|
3209
|
-
.ListBoxItem-module__hop-ListBoxItem__icon-
|
|
3210
|
-
.ListBoxItem-module__hop-
|
|
3222
|
+
.ListBoxItem-module__hop-ListBoxItem__icon-list___cDnpz,
|
|
3223
|
+
.ListBoxItem-module__hop-ListBoxItem__icon___lyDh4 {
|
|
3211
3224
|
grid-area: icon;
|
|
3212
3225
|
flex: 0 0 auto;
|
|
3213
3226
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3214
3227
|
color: var(--icon-color);
|
|
3215
3228
|
}
|
|
3216
|
-
.ListBoxItem-module__hop-
|
|
3229
|
+
.ListBoxItem-module__hop-ListBoxItem__label___bb5Mc {
|
|
3217
3230
|
overflow: hidden;
|
|
3218
3231
|
grid-area: label;
|
|
3219
3232
|
min-inline-size: 0;
|
|
@@ -3221,18 +3234,18 @@
|
|
|
3221
3234
|
text-overflow: ellipsis;
|
|
3222
3235
|
white-space: nowrap;
|
|
3223
3236
|
}
|
|
3224
|
-
.ListBoxItem-module__hop-ListBoxItem__end-icon-
|
|
3225
|
-
.ListBoxItem-module__hop-ListBoxItem__end-
|
|
3237
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon-list___Auh9U,
|
|
3238
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon___6JGnU {
|
|
3226
3239
|
grid-area: end-icon;
|
|
3227
3240
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
3228
3241
|
color: var(--icon-color);
|
|
3229
3242
|
}
|
|
3230
|
-
.ListBoxItem-module__hop-
|
|
3243
|
+
.ListBoxItem-module__hop-ListBoxItem__badge___-OS1t {
|
|
3231
3244
|
grid-area: badge;
|
|
3232
3245
|
margin-block: var(--hop-ListBoxItem-badge-margin-block);
|
|
3233
3246
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
3234
3247
|
}
|
|
3235
|
-
.ListBoxItem-module__hop-
|
|
3248
|
+
.ListBoxItem-module__hop-ListBoxItem__description___zO-1q {
|
|
3236
3249
|
overflow: hidden;
|
|
3237
3250
|
display: -webkit-box;
|
|
3238
3251
|
grid-area: description;
|
|
@@ -3243,7 +3256,7 @@
|
|
|
3243
3256
|
}
|
|
3244
3257
|
|
|
3245
3258
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
|
|
3246
|
-
.ListBox-module__hop-
|
|
3259
|
+
.ListBox-module__hop-ListBox___JMroe {
|
|
3247
3260
|
--hop-ListBox-background-color: var(--hop-neutral-surface);
|
|
3248
3261
|
--hop-ListBox-border-color: var(--hop-neutral-border-weak);
|
|
3249
3262
|
--hop-ListBox-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -3292,11 +3305,11 @@
|
|
|
3292
3305
|
border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
|
|
3293
3306
|
border-radius: var(--hop-ListBox-border-radius);
|
|
3294
3307
|
}
|
|
3295
|
-
.ListBox-module__hop-ListBox--
|
|
3308
|
+
.ListBox-module__hop-ListBox--fluid___gDcU0 {
|
|
3296
3309
|
--max-width: var(--hop-ListBox-fluid-max-width);
|
|
3297
3310
|
--width: var(--hop-ListBox-fluid-width);
|
|
3298
3311
|
}
|
|
3299
|
-
.ListBox-module__hop-
|
|
3312
|
+
.ListBox-module__hop-ListBox__section___PWydC {
|
|
3300
3313
|
margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
|
|
3301
3314
|
margin-inline: var(--hop-ListBox-section-margin-inline);
|
|
3302
3315
|
padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
|
|
@@ -3304,21 +3317,21 @@
|
|
|
3304
3317
|
border-block-start: var(--section-border-block-start);
|
|
3305
3318
|
border-block-end: var(--section-border-block-end);
|
|
3306
3319
|
}
|
|
3307
|
-
.ListBox-module__hop-
|
|
3320
|
+
.ListBox-module__hop-ListBox__item___I81eY + .ListBox-module__hop-ListBox__section___PWydC {
|
|
3308
3321
|
--section-margin-block-start: var(--hop-ListBox-section-margin-block);
|
|
3309
3322
|
--section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
|
|
3310
3323
|
}
|
|
3311
|
-
.ListBox-module__hop-
|
|
3324
|
+
.ListBox-module__hop-ListBox__section___PWydC:has(+ .ListBox-module__hop-ListBox__item___I81eY) {
|
|
3312
3325
|
--section-margin-block-end: var(--hop-ListBox-section-margin-block);
|
|
3313
3326
|
}
|
|
3314
|
-
.ListBox-module__hop-
|
|
3327
|
+
.ListBox-module__hop-ListBox__section___PWydC:first-child {
|
|
3315
3328
|
--section-padding-block-start: 0;
|
|
3316
3329
|
}
|
|
3317
|
-
.ListBox-module__hop-
|
|
3330
|
+
.ListBox-module__hop-ListBox__section___PWydC:last-child {
|
|
3318
3331
|
--section-padding-block-end: 0;
|
|
3319
3332
|
--section-border-block-end: 0;
|
|
3320
3333
|
}
|
|
3321
|
-
.ListBox-module__hop-ListBox__section-
|
|
3334
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0 {
|
|
3322
3335
|
margin: 0;
|
|
3323
3336
|
padding: var(--hop-ListBox-section-header-padding);
|
|
3324
3337
|
font-family: var(--hop-ListBox-section-header-font-family);
|
|
@@ -3329,34 +3342,34 @@
|
|
|
3329
3342
|
text-transform: var(--hop-ListBox-section-header-text-transform);
|
|
3330
3343
|
letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
|
|
3331
3344
|
}
|
|
3332
|
-
.ListBox-module__hop-ListBox__section-
|
|
3333
|
-
.ListBox-module__hop-ListBox__section-
|
|
3345
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0::before,
|
|
3346
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0::after {
|
|
3334
3347
|
content: "";
|
|
3335
3348
|
display: block;
|
|
3336
3349
|
box-sizing: border-box;
|
|
3337
3350
|
inline-size: 0;
|
|
3338
3351
|
block-size: 0;
|
|
3339
3352
|
}
|
|
3340
|
-
.ListBox-module__hop-ListBox__section-
|
|
3353
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0::before {
|
|
3341
3354
|
margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
|
|
3342
3355
|
}
|
|
3343
|
-
.ListBox-module__hop-ListBox__section-
|
|
3356
|
+
.ListBox-module__hop-ListBox__section-header___5zQy0::after {
|
|
3344
3357
|
margin-block-start: var(--hop-ListBox-section-header-top-offset);
|
|
3345
3358
|
}
|
|
3346
|
-
.ListBox-module__hop-
|
|
3359
|
+
.ListBox-module__hop-ListBox__divider___avfGt {
|
|
3347
3360
|
margin-block: var(--hop-ListBox-divider-margin-block);
|
|
3348
3361
|
margin-inline: var(--hop-ListBox-divider-margin-inline);
|
|
3349
3362
|
}
|
|
3350
3363
|
|
|
3351
3364
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
|
|
3352
|
-
:where(.Popover-module__hop-
|
|
3365
|
+
:where(.Popover-module__hop-Popover___gUuqE *) {
|
|
3353
3366
|
font-family: var(--font-family);
|
|
3354
3367
|
font-size: var(--font-size);
|
|
3355
3368
|
font-weight: var(--font-weight);
|
|
3356
3369
|
line-height: var(--line-height);
|
|
3357
3370
|
outline: none;
|
|
3358
3371
|
}
|
|
3359
|
-
.Popover-module__hop-
|
|
3372
|
+
.Popover-module__hop-Popover___gUuqE {
|
|
3360
3373
|
--hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
|
|
3361
3374
|
--hop-Popover-inline-width: 25rem;
|
|
3362
3375
|
--hop-Popover-dropdown-inline-width: var(--trigger-width);
|
|
@@ -3368,19 +3381,19 @@
|
|
|
3368
3381
|
inline-size: var(--width);
|
|
3369
3382
|
max-inline-size: var(--max-width);
|
|
3370
3383
|
}
|
|
3371
|
-
.Popover-module__hop-
|
|
3384
|
+
.Popover-module__hop-Popover___gUuqE[data-trigger=Select] {
|
|
3372
3385
|
--width: var(--hop-Popover-dropdown-inline-width);
|
|
3373
3386
|
}
|
|
3374
|
-
.Popover-module__hop-
|
|
3387
|
+
.Popover-module__hop-Popover___gUuqE[data-auto-width] {
|
|
3375
3388
|
--width: var(--hop-Popover-dropdown-auto-inline-width);
|
|
3376
3389
|
}
|
|
3377
|
-
.Popover-module__hop-
|
|
3378
|
-
animation: Popover-
|
|
3390
|
+
.Popover-module__hop-Popover___gUuqE[data-entering] {
|
|
3391
|
+
animation: Popover-module__fade___ByoOf 0.25s;
|
|
3379
3392
|
}
|
|
3380
|
-
.Popover-module__hop-
|
|
3381
|
-
animation: Popover-
|
|
3393
|
+
.Popover-module__hop-Popover___gUuqE[data-exiting] {
|
|
3394
|
+
animation: Popover-module__fade___ByoOf 0.25s reverse;
|
|
3382
3395
|
}
|
|
3383
|
-
@keyframes Popover-
|
|
3396
|
+
@keyframes Popover-module__fade___ByoOf {
|
|
3384
3397
|
from {
|
|
3385
3398
|
opacity: 0;
|
|
3386
3399
|
}
|
|
@@ -3388,14 +3401,14 @@
|
|
|
3388
3401
|
opacity: 1;
|
|
3389
3402
|
}
|
|
3390
3403
|
}
|
|
3391
|
-
.Popover-module__hop-
|
|
3404
|
+
.Popover-module__hop-Popover__wrapper___PUZxp {
|
|
3392
3405
|
display: flex;
|
|
3393
3406
|
flex: 1 1 auto;
|
|
3394
3407
|
flex-direction: column;
|
|
3395
3408
|
min-block-size: 0;
|
|
3396
3409
|
}
|
|
3397
|
-
.Popover-module__hop-
|
|
3398
|
-
.Popover-module__hop-
|
|
3410
|
+
.Popover-module__hop-Popover__dialog___sW-hf,
|
|
3411
|
+
.Popover-module__hop-Popover__dropdown___fQSFy {
|
|
3399
3412
|
--hop-Popover-background: var(--hop-neutral-surface);
|
|
3400
3413
|
--hop-Popover-font-family: var(--hop-body-sm-font-family);
|
|
3401
3414
|
--hop-Popover-font-size: var(--hop-body-sm-font-size);
|
|
@@ -3441,20 +3454,20 @@
|
|
|
3441
3454
|
border-radius: var(--hop-Popover-border-radius);
|
|
3442
3455
|
box-shadow: var(--hop-Popover-box-shadow);
|
|
3443
3456
|
}
|
|
3444
|
-
.Popover-module__hop-
|
|
3457
|
+
.Popover-module__hop-Popover__dropdown___fQSFy {
|
|
3445
3458
|
--footer-margin: var(--hop-Popover-footer-dropdown-margin);
|
|
3446
3459
|
--footer-place-self: stretch;
|
|
3447
3460
|
--grid-template: var(--hop-Popover-dropdown-grid-template);
|
|
3448
3461
|
--padding: var(--hop-Popover-dropdown-padding);
|
|
3449
3462
|
}
|
|
3450
|
-
.Popover-module__hop-
|
|
3463
|
+
.Popover-module__hop-Popover__dialog___sW-hf {
|
|
3451
3464
|
--padding: var(--hop-Popover-dialog-padding);
|
|
3452
3465
|
}
|
|
3453
|
-
.Popover-module__hop-
|
|
3466
|
+
.Popover-module__hop-Popover__title___kUozx {
|
|
3454
3467
|
grid-area: header;
|
|
3455
3468
|
color: var(--hop-Popover-color);
|
|
3456
3469
|
}
|
|
3457
|
-
.Popover-module__hop-
|
|
3470
|
+
.Popover-module__hop-Popover__content___lGFNJ {
|
|
3458
3471
|
--font-size: var(--hop-Popover-content-font-size);
|
|
3459
3472
|
--line-height: var(--hop-Popover-content-line-height);
|
|
3460
3473
|
grid-area: content;
|
|
@@ -3463,7 +3476,7 @@
|
|
|
3463
3476
|
padding: 0;
|
|
3464
3477
|
color: var(--hop-Popover-content-color);
|
|
3465
3478
|
}
|
|
3466
|
-
.Popover-module__hop-
|
|
3479
|
+
.Popover-module__hop-Popover__dropdown___fQSFy .Popover-module__hop-Popover__list-box___3a8GD {
|
|
3467
3480
|
grid-area: content;
|
|
3468
3481
|
inline-size: auto;
|
|
3469
3482
|
min-inline-size: auto;
|
|
@@ -3472,7 +3485,7 @@
|
|
|
3472
3485
|
padding: 0;
|
|
3473
3486
|
border: none;
|
|
3474
3487
|
}
|
|
3475
|
-
.Popover-module__hop-
|
|
3488
|
+
.Popover-module__hop-Popover__footer___OfxU- {
|
|
3476
3489
|
--font-size: var(--hop-Popover-footer-font-size);
|
|
3477
3490
|
--line-height: var(--hop-Popover-footer-line-height);
|
|
3478
3491
|
grid-area: footer;
|
|
@@ -3480,22 +3493,22 @@
|
|
|
3480
3493
|
margin: var(--footer-margin);
|
|
3481
3494
|
color: var(--hop-Popover-color);
|
|
3482
3495
|
}
|
|
3483
|
-
.Popover-module__hop-
|
|
3496
|
+
.Popover-module__hop-Popover__dropdown___fQSFy .Popover-module__hop-Popover__footer___OfxU- {
|
|
3484
3497
|
padding: var(--hop-Popover-footer-dropdown-footer-padding);
|
|
3485
3498
|
border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
|
|
3486
3499
|
}
|
|
3487
|
-
.Popover-module__hop-
|
|
3488
|
-
.Popover-module__hop-
|
|
3500
|
+
.Popover-module__hop-Popover__actions___dmf8x,
|
|
3501
|
+
.Popover-module__hop-Popover__action___DxkKZ {
|
|
3489
3502
|
grid-area: action;
|
|
3490
3503
|
justify-self: end;
|
|
3491
3504
|
margin-block-start: var(--hop-Popover-row-gap);
|
|
3492
3505
|
}
|
|
3493
|
-
.Popover-module__hop-
|
|
3506
|
+
.Popover-module__hop-Popover___gUuqE:has(.Popover-module__hop-Popover__actions___dmf8x, .Popover-module__hop-Popover__action___DxkKZ) .Popover-module__hop-Popover__footer___OfxU- {
|
|
3494
3507
|
margin-inline-end: var(--hop-Popover-column-gap);
|
|
3495
3508
|
}
|
|
3496
3509
|
|
|
3497
3510
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
|
|
3498
|
-
.SelectValue-module__hop-
|
|
3511
|
+
.SelectValue-module__hop-SelectValue___aeUo4 {
|
|
3499
3512
|
--hop-SelectValue-display: flex;
|
|
3500
3513
|
--hop-SelectValue-column-gap: var(--hop-space-inline-sm);
|
|
3501
3514
|
overflow: hidden;
|
|
@@ -3507,13 +3520,13 @@
|
|
|
3507
3520
|
text-overflow: ellipsis;
|
|
3508
3521
|
white-space: nowrap;
|
|
3509
3522
|
}
|
|
3510
|
-
.SelectValue-module__hop-
|
|
3523
|
+
.SelectValue-module__hop-SelectValue__avatar___ydj2c {
|
|
3511
3524
|
order: 1;
|
|
3512
3525
|
}
|
|
3513
|
-
.SelectValue-module__hop-
|
|
3526
|
+
.SelectValue-module__hop-SelectValue__icon___sLKo8 {
|
|
3514
3527
|
order: 2;
|
|
3515
3528
|
}
|
|
3516
|
-
.SelectValue-module__hop-
|
|
3529
|
+
.SelectValue-module__hop-SelectValue__text___MvBWs {
|
|
3517
3530
|
overflow: hidden;
|
|
3518
3531
|
flex: 1 1 auto;
|
|
3519
3532
|
order: 3;
|
|
@@ -3521,12 +3534,12 @@
|
|
|
3521
3534
|
text-overflow: ellipsis;
|
|
3522
3535
|
white-space: nowrap;
|
|
3523
3536
|
}
|
|
3524
|
-
.SelectValue-module__hop-SelectValue__end-
|
|
3537
|
+
.SelectValue-module__hop-SelectValue__end-icon___sApM8 {
|
|
3525
3538
|
order: 4;
|
|
3526
3539
|
}
|
|
3527
3540
|
|
|
3528
3541
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
|
|
3529
|
-
.Select-module__hop-
|
|
3542
|
+
.Select-module__hop-Select___NY-PE {
|
|
3530
3543
|
--hop-Select-row-gap: var(--hop-space-stack-xs);
|
|
3531
3544
|
--hop-Select-inline-size: 20rem;
|
|
3532
3545
|
--hop-Select-inline-size-fluid: 100%;
|
|
@@ -3577,13 +3590,13 @@
|
|
|
3577
3590
|
inline-size: var(--inline-size);
|
|
3578
3591
|
max-inline-size: var(--hop-Select-max-inline-size);
|
|
3579
3592
|
}
|
|
3580
|
-
.Select-module__hop-Select--
|
|
3593
|
+
.Select-module__hop-Select--fluid___Spz5C {
|
|
3581
3594
|
--inline-size: var(--hop-Select-inline-size-fluid);
|
|
3582
3595
|
}
|
|
3583
|
-
.Select-module__hop-
|
|
3596
|
+
.Select-module__hop-Select__label___2D4bX {
|
|
3584
3597
|
order: 1;
|
|
3585
3598
|
}
|
|
3586
|
-
.Select-module__hop-
|
|
3599
|
+
.Select-module__hop-Select__button___Go9H0 {
|
|
3587
3600
|
cursor: var(--button-cursor);
|
|
3588
3601
|
display: flex;
|
|
3589
3602
|
column-gap: var(--hop-Select-button-column-gap);
|
|
@@ -3599,28 +3612,28 @@
|
|
|
3599
3612
|
border-radius: var(--hop-Select-button-border-radius);
|
|
3600
3613
|
outline: none;
|
|
3601
3614
|
}
|
|
3602
|
-
.Select-module__hop-Select__button--
|
|
3615
|
+
.Select-module__hop-Select__button--sm___EbGeY {
|
|
3603
3616
|
--button-block-size: var(--hop-Select-button-sm-block-size);
|
|
3604
3617
|
}
|
|
3605
|
-
.Select-module__hop-Select__button--
|
|
3618
|
+
.Select-module__hop-Select__button--md___cdeXg {
|
|
3606
3619
|
--button-block-size: var(--hop-Select-button-md-block-size);
|
|
3607
3620
|
}
|
|
3608
|
-
.Select-module__hop-
|
|
3621
|
+
.Select-module__hop-Select__button___Go9H0[data-hovered] {
|
|
3609
3622
|
--button-background-color: var(--hop-Select-button-background-color-hovered);
|
|
3610
3623
|
--button-border-color: var(--hop-Select-button-border-color-hovered);
|
|
3611
3624
|
--button-color: var(--hop-Select-button-color-hovered);
|
|
3612
3625
|
--button-icon-color: var(--hop-Select-button-icon-color-hovered);
|
|
3613
3626
|
}
|
|
3614
|
-
.Select-module__hop-
|
|
3627
|
+
.Select-module__hop-Select__button___Go9H0[data-pressed] {
|
|
3615
3628
|
--button-background-color: var(--hop-Select-button-background-color-selected);
|
|
3616
3629
|
--button-border-color: var(--hop-Select-button-border-color-selected);
|
|
3617
3630
|
--button-color: var(--hop-Select-button-color-selected);
|
|
3618
3631
|
--button-icon-color: var(--hop-Select-button-icon-color-selected);
|
|
3619
3632
|
}
|
|
3620
|
-
.Select-module__hop-
|
|
3633
|
+
.Select-module__hop-Select__button___Go9H0[data-invalid] {
|
|
3621
3634
|
--button-border-color: var(--hop-Select-button-border-color-invalid);
|
|
3622
3635
|
}
|
|
3623
|
-
.Select-module__hop-
|
|
3636
|
+
.Select-module__hop-Select__button___Go9H0[data-focus-visible] {
|
|
3624
3637
|
--button-background-color: var(--hop-Select-button-background-color-focused);
|
|
3625
3638
|
--button-border-color: var(--hop-Select-button-border-color-focused);
|
|
3626
3639
|
--button-color: var(--hop-Select-button-color-focused);
|
|
@@ -3628,30 +3641,30 @@
|
|
|
3628
3641
|
outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
|
|
3629
3642
|
outline-offset: -0.125rem;
|
|
3630
3643
|
}
|
|
3631
|
-
.Select-module__hop-
|
|
3644
|
+
.Select-module__hop-Select__button___Go9H0:has([data-placeholder]) {
|
|
3632
3645
|
--button-color: var(--hop-Select-button-placeholder-color);
|
|
3633
3646
|
}
|
|
3634
|
-
.Select-module__hop-
|
|
3647
|
+
.Select-module__hop-Select__button___Go9H0[data-disabled] {
|
|
3635
3648
|
--button-background-color: var(--hop-Select-button-background-color-disabled);
|
|
3636
3649
|
--button-border-color: var(--hop-Select-button-border-color-disabled);
|
|
3637
3650
|
--button-color: var(--hop-Select-button-color-disabled);
|
|
3638
3651
|
--button-icon-color: var(--hop-Select-button-icon-color-disabled);
|
|
3639
3652
|
--button-cursor: var(--hop-Select-button-cursor-disabled);
|
|
3640
3653
|
}
|
|
3641
|
-
.Select-module__hop-
|
|
3654
|
+
.Select-module__hop-Select__prefix___2TSOS {
|
|
3642
3655
|
color: var(--hop-Select-prefix-color);
|
|
3643
3656
|
}
|
|
3644
|
-
.Select-module__hop-Select__button-
|
|
3657
|
+
.Select-module__hop-Select__button-icon___aX0YH {
|
|
3645
3658
|
margin-inline-start: auto;
|
|
3646
3659
|
color: var(--button-icon-color);
|
|
3647
3660
|
}
|
|
3648
|
-
.Select-module__hop-Select__helper-
|
|
3649
|
-
.Select-module__hop-Select__error-
|
|
3661
|
+
.Select-module__hop-Select__helper-message___lx7SC,
|
|
3662
|
+
.Select-module__hop-Select__error-message___00F7I {
|
|
3650
3663
|
order: 3;
|
|
3651
3664
|
}
|
|
3652
3665
|
|
|
3653
3666
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
|
|
3654
|
-
.Switch-module__hop-
|
|
3667
|
+
.Switch-module__hop-Switch___uGj2- {
|
|
3655
3668
|
--hop-Switch-border-size: 0.0625rem;
|
|
3656
3669
|
--hop-Switch-border-color: var(--hop-neutral-border);
|
|
3657
3670
|
--hop-Switch-border-radius: var(--hop-shape-rounded-lg);
|
|
@@ -3708,56 +3721,56 @@
|
|
|
3708
3721
|
inline-size: max-content;
|
|
3709
3722
|
max-inline-size: 100%;
|
|
3710
3723
|
}
|
|
3711
|
-
.Switch-module__hop-Switch--
|
|
3724
|
+
.Switch-module__hop-Switch--sm___HYfto {
|
|
3712
3725
|
--inline-size: var(--hop-Switch-inline-size-sm);
|
|
3713
3726
|
--block-size: var(--hop-Switch-block-size-sm);
|
|
3714
3727
|
--thumb-size: var(--hop-Switch-thumb-size-sm);
|
|
3715
3728
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
|
|
3716
3729
|
--text-top-offset: var(--hop-Switch-text-top-offset-sm);
|
|
3717
3730
|
}
|
|
3718
|
-
.Switch-module__hop-Switch--
|
|
3731
|
+
.Switch-module__hop-Switch--md___AfBBH {
|
|
3719
3732
|
--inline-size: var(--hop-Switch-inline-size-md);
|
|
3720
3733
|
--block-size: var(--hop-Switch-block-size-md);
|
|
3721
3734
|
--thumb-size: var(--hop-Switch-thumb-size-md);
|
|
3722
3735
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-md);
|
|
3723
3736
|
--text-top-offset: var(--hop-Switch-text-top-offset-md);
|
|
3724
3737
|
}
|
|
3725
|
-
.Switch-module__hop-
|
|
3738
|
+
.Switch-module__hop-Switch___uGj2-[data-hovered] {
|
|
3726
3739
|
--border-color: var(--hop-Switch-border-color-hover);
|
|
3727
3740
|
--background-color: var(--hop-Switch-background-color-hover);
|
|
3728
3741
|
--thumb-color: var(--hop-Switch-thumb-color-hover);
|
|
3729
3742
|
--text-color: var(--hop-Switch-text-color-hover);
|
|
3730
3743
|
}
|
|
3731
|
-
.Switch-module__hop-
|
|
3732
|
-
.Switch-module__hop-
|
|
3744
|
+
.Switch-module__hop-Switch___uGj2-[data-pressed],
|
|
3745
|
+
.Switch-module__hop-Switch___uGj2-[data-pressed][data-focus-visible] {
|
|
3733
3746
|
--border-color: var(--hop-Switch-border-color-pressed);
|
|
3734
3747
|
--background-color: var(--hop-Switch-background-color-pressed);
|
|
3735
3748
|
--thumb-color: var(--hop-Switch-thumb-color-pressed);
|
|
3736
3749
|
--text-color: var(--hop-Switch-text-color-pressed);
|
|
3737
3750
|
}
|
|
3738
|
-
.Switch-module__hop-
|
|
3751
|
+
.Switch-module__hop-Switch___uGj2-[data-focus-visible] {
|
|
3739
3752
|
--border-color: var(--hop-Switch-border-color-focus);
|
|
3740
3753
|
--background-color: var(--hop-Switch-background-color-focus);
|
|
3741
3754
|
--thumb-color: var(--hop-Switch-thumb-color-focus);
|
|
3742
3755
|
--outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
|
|
3743
3756
|
--text-color: var(--hop-Switch-text-color-focus);
|
|
3744
3757
|
}
|
|
3745
|
-
.Switch-module__hop-
|
|
3746
|
-
.Switch-module__hop-
|
|
3758
|
+
.Switch-module__hop-Switch___uGj2-[data-selected],
|
|
3759
|
+
.Switch-module__hop-Switch___uGj2-[data-selected][data-pressed] {
|
|
3747
3760
|
--border-color: var(--hop-Switch-border-color-selected);
|
|
3748
3761
|
--background-color: var(--hop-Switch-background-color-selected);
|
|
3749
3762
|
--thumb-color: var(--hop-Switch-thumb-color-selected);
|
|
3750
3763
|
--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%);
|
|
3751
3764
|
--text-color: var(--hop-Switch-text-color-selected);
|
|
3752
3765
|
}
|
|
3753
|
-
.Switch-module__hop-
|
|
3766
|
+
.Switch-module__hop-Switch___uGj2-[data-disabled] {
|
|
3754
3767
|
--border-color: var(--hop-Switch-border-color-disabled);
|
|
3755
3768
|
--background-color: var(--hop-Switch-background-color-disabled);
|
|
3756
3769
|
--thumb-color: var(--hop-Switch-thumb-color-disabled);
|
|
3757
3770
|
--text-color: var(--hop-Switch-text-color-disabled);
|
|
3758
3771
|
--cursor: not-allowed;
|
|
3759
3772
|
}
|
|
3760
|
-
.Switch-module__hop-
|
|
3773
|
+
.Switch-module__hop-Switch__indicator___nXNzx {
|
|
3761
3774
|
position: relative;
|
|
3762
3775
|
flex: 0 0 auto;
|
|
3763
3776
|
box-sizing: border-box;
|
|
@@ -3770,7 +3783,7 @@
|
|
|
3770
3783
|
outline-offset: 0.125rem;
|
|
3771
3784
|
transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
|
|
3772
3785
|
}
|
|
3773
|
-
.Switch-module__hop-
|
|
3786
|
+
.Switch-module__hop-Switch__indicator___nXNzx::before {
|
|
3774
3787
|
content: "";
|
|
3775
3788
|
position: absolute;
|
|
3776
3789
|
inset-block-start: 50%;
|
|
@@ -3785,20 +3798,20 @@
|
|
|
3785
3798
|
border-radius: var(--hop-shape-circle);
|
|
3786
3799
|
transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
|
|
3787
3800
|
}
|
|
3788
|
-
.Switch-module__hop-
|
|
3801
|
+
.Switch-module__hop-Switch__text___AVZma {
|
|
3789
3802
|
flex: 0 1 auto;
|
|
3790
3803
|
order: 2;
|
|
3791
3804
|
min-inline-size: 0;
|
|
3792
3805
|
margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
|
|
3793
3806
|
color: var(--text-color);
|
|
3794
3807
|
}
|
|
3795
|
-
.Switch-module__hop-Switch__icon-
|
|
3796
|
-
.Switch-module__hop-
|
|
3808
|
+
.Switch-module__hop-Switch__icon-list___m-I5f,
|
|
3809
|
+
.Switch-module__hop-Switch__icon___YH2YF {
|
|
3797
3810
|
order: 3;
|
|
3798
3811
|
}
|
|
3799
3812
|
|
|
3800
3813
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
|
|
3801
|
-
.SwitchField-module__hop-
|
|
3814
|
+
.SwitchField-module__hop-SwitchField___EaVpL {
|
|
3802
3815
|
--hop-SwitchField-description-color: var(--hop-neutral-text-weak);
|
|
3803
3816
|
--hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
3804
3817
|
--hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -3817,28 +3830,28 @@
|
|
|
3817
3830
|
inline-size: max-content;
|
|
3818
3831
|
max-inline-size: 100%;
|
|
3819
3832
|
}
|
|
3820
|
-
.SwitchField-module__hop-
|
|
3833
|
+
.SwitchField-module__hop-SwitchField___EaVpL[data-disabled] {
|
|
3821
3834
|
--description-color: var(--hop-SwitchField-description-color-disabled);
|
|
3822
3835
|
}
|
|
3823
|
-
.SwitchField-module__hop-SwitchField--
|
|
3836
|
+
.SwitchField-module__hop-SwitchField--sm___c6i7N {
|
|
3824
3837
|
--row-gap: var(--hop-SwitchField-sm-row-gap);
|
|
3825
3838
|
--description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
|
|
3826
3839
|
}
|
|
3827
|
-
.SwitchField-module__hop-SwitchField--
|
|
3840
|
+
.SwitchField-module__hop-SwitchField--md___i47Sq {
|
|
3828
3841
|
--row-gap: var(--hop-SwitchField-md-row-gap);
|
|
3829
3842
|
--description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
|
|
3830
3843
|
}
|
|
3831
|
-
.SwitchField-module__hop-
|
|
3844
|
+
.SwitchField-module__hop-SwitchField__description___pZVyu {
|
|
3832
3845
|
order: 2;
|
|
3833
3846
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
|
|
3834
3847
|
color: var(--description-color);
|
|
3835
3848
|
}
|
|
3836
|
-
.SwitchField-module__hop-
|
|
3849
|
+
.SwitchField-module__hop-SwitchField__switch___5zOgG {
|
|
3837
3850
|
order: 1;
|
|
3838
3851
|
}
|
|
3839
3852
|
|
|
3840
3853
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
|
|
3841
|
-
.Tag-module__hop-
|
|
3854
|
+
.Tag-module__hop-Tag___6kkA1 {
|
|
3842
3855
|
--hop-Tag-border-size: 0.0625rem;
|
|
3843
3856
|
--hop-Tag-border-radius: var(--hop-shape-pill);
|
|
3844
3857
|
--hop-Tag-sm-block-size: 1.25rem;
|
|
@@ -4077,7 +4090,7 @@
|
|
|
4077
4090
|
outline: none;
|
|
4078
4091
|
outline-offset: 0.125rem;
|
|
4079
4092
|
}
|
|
4080
|
-
.Tag-module__hop-Tag--
|
|
4093
|
+
.Tag-module__hop-Tag--sm___ZpTSw {
|
|
4081
4094
|
--block-size: var(--hop-Tag-sm-block-size);
|
|
4082
4095
|
--padding-inline: var(--hop-Tag-sm-padding-inline);
|
|
4083
4096
|
--column-gap: var(--hop-Tag-sm-column-gap);
|
|
@@ -4085,13 +4098,13 @@
|
|
|
4085
4098
|
--avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
|
|
4086
4099
|
--spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
|
|
4087
4100
|
}
|
|
4088
|
-
.Tag-module__hop-Tag--
|
|
4101
|
+
.Tag-module__hop-Tag--sm___ZpTSw:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
|
|
4089
4102
|
--badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
|
|
4090
4103
|
}
|
|
4091
|
-
.Tag-module__hop-Tag--
|
|
4104
|
+
.Tag-module__hop-Tag--sm___ZpTSw:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
|
|
4092
4105
|
--icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
|
|
4093
4106
|
}
|
|
4094
|
-
.Tag-module__hop-Tag--
|
|
4107
|
+
.Tag-module__hop-Tag--md___oBQFD {
|
|
4095
4108
|
--block-size: var(--hop-Tag-md-block-size);
|
|
4096
4109
|
--padding-inline: var(--hop-Tag-md-padding-inline);
|
|
4097
4110
|
--column-gap: var(--hop-Tag-md-column-gap);
|
|
@@ -4099,13 +4112,13 @@
|
|
|
4099
4112
|
--avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
|
|
4100
4113
|
--spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
|
|
4101
4114
|
}
|
|
4102
|
-
.Tag-module__hop-Tag--
|
|
4115
|
+
.Tag-module__hop-Tag--md___oBQFD:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
|
|
4103
4116
|
--badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
|
|
4104
4117
|
}
|
|
4105
|
-
.Tag-module__hop-Tag--
|
|
4118
|
+
.Tag-module__hop-Tag--md___oBQFD:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
|
|
4106
4119
|
--icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
|
|
4107
4120
|
}
|
|
4108
|
-
.Tag-module__hop-Tag--
|
|
4121
|
+
.Tag-module__hop-Tag--lg___uyvYq {
|
|
4109
4122
|
--block-size: var(--hop-Tag-lg-block-size);
|
|
4110
4123
|
--padding-inline: var(--hop-Tag-lg-padding-inline);
|
|
4111
4124
|
--column-gap: var(--hop-Tag-lg-column-gap);
|
|
@@ -4113,348 +4126,348 @@
|
|
|
4113
4126
|
--avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
|
|
4114
4127
|
--spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
|
|
4115
4128
|
}
|
|
4116
|
-
.Tag-module__hop-Tag--
|
|
4129
|
+
.Tag-module__hop-Tag--lg___uyvYq:not(:has(.Tag-module__hop-Tag__remove-btn___Xo1UQ, .Tag-module__hop-Tag__Spinner___CK3eL)) {
|
|
4117
4130
|
--badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
|
|
4118
4131
|
}
|
|
4119
|
-
.Tag-module__hop-Tag--
|
|
4132
|
+
.Tag-module__hop-Tag--lg___uyvYq:not(:has(.Tag-module__hop-Tag__avatar___cfamG)) {
|
|
4120
4133
|
--icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
|
|
4121
4134
|
}
|
|
4122
|
-
.Tag-module__hop-Tag--
|
|
4135
|
+
.Tag-module__hop-Tag--neutral___jWg4j {
|
|
4123
4136
|
--border-color: var(--hop-Tag-neutral-border-color);
|
|
4124
4137
|
--background-color: var(--hop-Tag-neutral-background-color);
|
|
4125
4138
|
--text-color: var(--hop-Tag-neutral-text-color);
|
|
4126
4139
|
}
|
|
4127
|
-
.Tag-module__hop-Tag--
|
|
4140
|
+
.Tag-module__hop-Tag--subdued___fZeA5 {
|
|
4128
4141
|
--border-color: var(--hop-Tag-subdued-border-color);
|
|
4129
4142
|
--background-color: var(--hop-Tag-subdued-background-color);
|
|
4130
4143
|
--text-color: var(--hop-Tag-subdued-text-color);
|
|
4131
4144
|
}
|
|
4132
|
-
.Tag-module__hop-Tag--
|
|
4145
|
+
.Tag-module__hop-Tag--progress___A0oR6 {
|
|
4133
4146
|
--border-color: var(--hop-Tag-progress-border-color);
|
|
4134
4147
|
--background-color: var(--hop-Tag-progress-background-color);
|
|
4135
4148
|
--text-color: var(--hop-Tag-progress-text-color);
|
|
4136
4149
|
}
|
|
4137
|
-
.Tag-module__hop-Tag--
|
|
4150
|
+
.Tag-module__hop-Tag--positive___pgIee {
|
|
4138
4151
|
--border-color: var(--hop-Tag-positive-border-color);
|
|
4139
4152
|
--background-color: var(--hop-Tag-positive-background-color);
|
|
4140
4153
|
--text-color: var(--hop-Tag-positive-text-color);
|
|
4141
4154
|
}
|
|
4142
|
-
.Tag-module__hop-Tag--
|
|
4155
|
+
.Tag-module__hop-Tag--caution___58PpF {
|
|
4143
4156
|
--border-color: var(--hop-Tag-caution-border-color);
|
|
4144
4157
|
--background-color: var(--hop-Tag-caution-background-color);
|
|
4145
4158
|
--text-color: var(--hop-Tag-caution-text-color);
|
|
4146
4159
|
}
|
|
4147
|
-
.Tag-module__hop-Tag--
|
|
4160
|
+
.Tag-module__hop-Tag--negative___PZwTR {
|
|
4148
4161
|
--border-color: var(--hop-Tag-negative-border-color);
|
|
4149
4162
|
--background-color: var(--hop-Tag-negative-background-color);
|
|
4150
4163
|
--text-color: var(--hop-Tag-negative-text-color);
|
|
4151
4164
|
}
|
|
4152
|
-
.Tag-module__hop-Tag--
|
|
4165
|
+
.Tag-module__hop-Tag--option1___A0sb0 {
|
|
4153
4166
|
--border-color: var(--hop-Tag-option1-border-color);
|
|
4154
4167
|
--background-color: var(--hop-Tag-option1-background-color);
|
|
4155
4168
|
--text-color: var(--hop-Tag-option1-text-color);
|
|
4156
4169
|
}
|
|
4157
|
-
.Tag-module__hop-Tag--
|
|
4170
|
+
.Tag-module__hop-Tag--option2___vjYIv {
|
|
4158
4171
|
--border-color: var(--hop-Tag-option2-border-color);
|
|
4159
4172
|
--background-color: var(--hop-Tag-option2-background-color);
|
|
4160
4173
|
--text-color: var(--hop-Tag-option2-text-color);
|
|
4161
4174
|
}
|
|
4162
|
-
.Tag-module__hop-Tag--
|
|
4175
|
+
.Tag-module__hop-Tag--option3___NPGVI {
|
|
4163
4176
|
--border-color: var(--hop-Tag-option3-border-color);
|
|
4164
4177
|
--background-color: var(--hop-Tag-option3-background-color);
|
|
4165
4178
|
--text-color: var(--hop-Tag-option3-text-color);
|
|
4166
4179
|
}
|
|
4167
|
-
.Tag-module__hop-Tag--
|
|
4180
|
+
.Tag-module__hop-Tag--option4___tTOij {
|
|
4168
4181
|
--border-color: var(--hop-Tag-option4-border-color);
|
|
4169
4182
|
--background-color: var(--hop-Tag-option4-background-color);
|
|
4170
4183
|
--text-color: var(--hop-Tag-option4-text-color);
|
|
4171
4184
|
}
|
|
4172
|
-
.Tag-module__hop-Tag--
|
|
4185
|
+
.Tag-module__hop-Tag--option5___9-b0i {
|
|
4173
4186
|
--border-color: var(--hop-Tag-option5-border-color);
|
|
4174
4187
|
--background-color: var(--hop-Tag-option5-background-color);
|
|
4175
4188
|
--text-color: var(--hop-Tag-option5-text-color);
|
|
4176
4189
|
}
|
|
4177
|
-
.Tag-module__hop-Tag--
|
|
4190
|
+
.Tag-module__hop-Tag--option6___j6qym {
|
|
4178
4191
|
--border-color: var(--hop-Tag-option6-border-color);
|
|
4179
4192
|
--background-color: var(--hop-Tag-option6-background-color);
|
|
4180
4193
|
--text-color: var(--hop-Tag-option6-text-color);
|
|
4181
4194
|
}
|
|
4182
|
-
.Tag-module__hop-
|
|
4195
|
+
.Tag-module__hop-Tag___6kkA1[data-href] {
|
|
4183
4196
|
cursor: pointer;
|
|
4184
4197
|
}
|
|
4185
|
-
.Tag-module__hop-Tag--
|
|
4198
|
+
.Tag-module__hop-Tag--neutral___jWg4j[data-focus-visible] {
|
|
4186
4199
|
--border-color: var(--hop-Tag-neutral-border-color-focus);
|
|
4187
4200
|
--background-color: var(--hop-Tag-neutral-background-color-focus);
|
|
4188
4201
|
--text-color: var(--hop-Tag-neutral-text-color-focus);
|
|
4189
4202
|
}
|
|
4190
|
-
.Tag-module__hop-Tag--
|
|
4203
|
+
.Tag-module__hop-Tag--neutral___jWg4j[data-hovered] {
|
|
4191
4204
|
--border-color: var(--hop-Tag-neutral-border-color-hover);
|
|
4192
4205
|
--background-color: var(--hop-Tag-neutral-background-color-hover);
|
|
4193
4206
|
--text-color: var(--hop-Tag-neutral-text-color-hover);
|
|
4194
4207
|
}
|
|
4195
|
-
.Tag-module__hop-Tag--
|
|
4208
|
+
.Tag-module__hop-Tag--neutral___jWg4j[data-pressed] {
|
|
4196
4209
|
--border-color: var(--hop-Tag-neutral-border-color-press);
|
|
4197
4210
|
--background-color: var(--hop-Tag-neutral-background-color-press);
|
|
4198
4211
|
--text-color: var(--hop-Tag-neutral-text-color-press);
|
|
4199
4212
|
}
|
|
4200
|
-
.Tag-module__hop-Tag--
|
|
4213
|
+
.Tag-module__hop-Tag--neutral___jWg4j[data-disabled] {
|
|
4201
4214
|
--border-color: var(--hop-Tag-neutral-border-color-disabled);
|
|
4202
4215
|
--background-color: var(--hop-Tag-neutral-background-color-disabled);
|
|
4203
4216
|
--text-color: var(--hop-Tag-neutral-text-color-disabled);
|
|
4204
4217
|
}
|
|
4205
|
-
.Tag-module__hop-Tag--
|
|
4218
|
+
.Tag-module__hop-Tag--subdued___fZeA5[data-focus-visible] {
|
|
4206
4219
|
--border-color: var(--hop-Tag-subdued-border-color-focus);
|
|
4207
4220
|
--background-color: var(--hop-Tag-subdued-background-color-focus);
|
|
4208
4221
|
--text-color: var(--hop-Tag-subdued-text-color-focus);
|
|
4209
4222
|
}
|
|
4210
|
-
.Tag-module__hop-Tag--
|
|
4223
|
+
.Tag-module__hop-Tag--subdued___fZeA5[data-hovered] {
|
|
4211
4224
|
--border-color: var(--hop-Tag-subdued-border-color-hover);
|
|
4212
4225
|
--background-color: var(--hop-Tag-subdued-background-color-hover);
|
|
4213
4226
|
--text-color: var(--hop-Tag-subdued-text-color-hover);
|
|
4214
4227
|
}
|
|
4215
|
-
.Tag-module__hop-Tag--
|
|
4228
|
+
.Tag-module__hop-Tag--subdued___fZeA5[data-pressed] {
|
|
4216
4229
|
--border-color: var(--hop-Tag-subdued-border-color-press);
|
|
4217
4230
|
--background-color: var(--hop-Tag-subdued-background-color-press);
|
|
4218
4231
|
--text-color: var(--hop-Tag-subdued-text-color-press);
|
|
4219
4232
|
}
|
|
4220
|
-
.Tag-module__hop-Tag--
|
|
4233
|
+
.Tag-module__hop-Tag--subdued___fZeA5[data-disabled] {
|
|
4221
4234
|
--border-color: var(--hop-Tag-subdued-border-color-disabled);
|
|
4222
4235
|
--background-color: var(--hop-Tag-subdued-background-color-disabled);
|
|
4223
4236
|
--text-color: var(--hop-Tag-subdued-text-color-disabled);
|
|
4224
4237
|
}
|
|
4225
|
-
.Tag-module__hop-Tag--
|
|
4238
|
+
.Tag-module__hop-Tag--progress___A0oR6[data-focus-visible] {
|
|
4226
4239
|
--border-color: var(--hop-Tag-progress-border-color-focus);
|
|
4227
4240
|
--background-color: var(--hop-Tag-progress-background-color-focus);
|
|
4228
4241
|
--text-color: var(--hop-Tag-progress-text-color-focus);
|
|
4229
4242
|
}
|
|
4230
|
-
.Tag-module__hop-Tag--
|
|
4243
|
+
.Tag-module__hop-Tag--progress___A0oR6[data-hovered] {
|
|
4231
4244
|
--border-color: var(--hop-Tag-progress-border-color-hover);
|
|
4232
4245
|
--background-color: var(--hop-Tag-progress-background-color-hover);
|
|
4233
4246
|
--text-color: var(--hop-Tag-progress-text-color-hover);
|
|
4234
4247
|
}
|
|
4235
|
-
.Tag-module__hop-Tag--
|
|
4248
|
+
.Tag-module__hop-Tag--progress___A0oR6[data-pressed] {
|
|
4236
4249
|
--border-color: var(--hop-Tag-progress-border-color-press);
|
|
4237
4250
|
--background-color: var(--hop-Tag-progress-background-color-press);
|
|
4238
4251
|
--text-color: var(--hop-Tag-progress-text-color-press);
|
|
4239
4252
|
}
|
|
4240
|
-
.Tag-module__hop-Tag--
|
|
4253
|
+
.Tag-module__hop-Tag--progress___A0oR6[data-disabled] {
|
|
4241
4254
|
--border-color: var(--hop-Tag-progress-border-color-disabled);
|
|
4242
4255
|
--background-color: var(--hop-Tag-progress-background-color-disabled);
|
|
4243
4256
|
--text-color: var(--hop-Tag-progress-text-color-disabled);
|
|
4244
4257
|
}
|
|
4245
|
-
.Tag-module__hop-Tag--
|
|
4258
|
+
.Tag-module__hop-Tag--positive___pgIee[data-focus-visible] {
|
|
4246
4259
|
--border-color: var(--hop-Tag-positive-border-color-focus);
|
|
4247
4260
|
--background-color: var(--hop-Tag-positive-background-color-focus);
|
|
4248
4261
|
--text-color: var(--hop-Tag-positive-text-color-focus);
|
|
4249
4262
|
}
|
|
4250
|
-
.Tag-module__hop-Tag--
|
|
4263
|
+
.Tag-module__hop-Tag--positive___pgIee[data-hovered] {
|
|
4251
4264
|
--border-color: var(--hop-Tag-positive-border-color-hover);
|
|
4252
4265
|
--background-color: var(--hop-Tag-positive-background-color-hover);
|
|
4253
4266
|
--text-color: var(--hop-Tag-positive-text-color-hover);
|
|
4254
4267
|
}
|
|
4255
|
-
.Tag-module__hop-Tag--
|
|
4268
|
+
.Tag-module__hop-Tag--positive___pgIee[data-pressed] {
|
|
4256
4269
|
--border-color: var(--hop-Tag-positive-border-color-press);
|
|
4257
4270
|
--background-color: var(--hop-Tag-positive-background-color-press);
|
|
4258
4271
|
--text-color: var(--hop-Tag-positive-text-color-press);
|
|
4259
4272
|
}
|
|
4260
|
-
.Tag-module__hop-Tag--
|
|
4273
|
+
.Tag-module__hop-Tag--positive___pgIee[data-disabled] {
|
|
4261
4274
|
--border-color: var(--hop-Tag-positive-border-color-disabled);
|
|
4262
4275
|
--background-color: var(--hop-Tag-positive-background-color-disabled);
|
|
4263
4276
|
--text-color: var(--hop-Tag-positive-text-color-disabled);
|
|
4264
4277
|
}
|
|
4265
|
-
.Tag-module__hop-Tag--
|
|
4278
|
+
.Tag-module__hop-Tag--caution___58PpF[data-focus-visible] {
|
|
4266
4279
|
--border-color: var(--hop-Tag-caution-border-color-focus);
|
|
4267
4280
|
--background-color: var(--hop-Tag-caution-background-color-focus);
|
|
4268
4281
|
--text-color: var(--hop-Tag-caution-text-color-focus);
|
|
4269
4282
|
}
|
|
4270
|
-
.Tag-module__hop-Tag--
|
|
4283
|
+
.Tag-module__hop-Tag--caution___58PpF[data-hovered] {
|
|
4271
4284
|
--border-color: var(--hop-Tag-caution-border-color-hover);
|
|
4272
4285
|
--background-color: var(--hop-Tag-caution-background-color-hover);
|
|
4273
4286
|
--text-color: var(--hop-Tag-caution-text-color-hover);
|
|
4274
4287
|
}
|
|
4275
|
-
.Tag-module__hop-Tag--
|
|
4288
|
+
.Tag-module__hop-Tag--caution___58PpF[data-pressed] {
|
|
4276
4289
|
--border-color: var(--hop-Tag-caution-border-color-press);
|
|
4277
4290
|
--background-color: var(--hop-Tag-caution-background-color-press);
|
|
4278
4291
|
--text-color: var(--hop-Tag-caution-text-color-press);
|
|
4279
4292
|
}
|
|
4280
|
-
.Tag-module__hop-Tag--
|
|
4293
|
+
.Tag-module__hop-Tag--caution___58PpF[data-disabled] {
|
|
4281
4294
|
--border-color: var(--hop-Tag-caution-border-color-disabled);
|
|
4282
4295
|
--background-color: var(--hop-Tag-caution-background-color-disabled);
|
|
4283
4296
|
--text-color: var(--hop-Tag-caution-text-color-disabled);
|
|
4284
4297
|
}
|
|
4285
|
-
.Tag-module__hop-Tag--
|
|
4298
|
+
.Tag-module__hop-Tag--negative___PZwTR[data-focus-visible] {
|
|
4286
4299
|
--border-color: var(--hop-Tag-negative-border-color-focus);
|
|
4287
4300
|
--background-color: var(--hop-Tag-negative-background-color-focus);
|
|
4288
4301
|
--text-color: var(--hop-Tag-negative-text-color-focus);
|
|
4289
4302
|
}
|
|
4290
|
-
.Tag-module__hop-Tag--
|
|
4303
|
+
.Tag-module__hop-Tag--negative___PZwTR[data-hovered] {
|
|
4291
4304
|
--border-color: var(--hop-Tag-negative-border-color-hover);
|
|
4292
4305
|
--background-color: var(--hop-Tag-negative-background-color-hover);
|
|
4293
4306
|
--text-color: var(--hop-Tag-negative-text-color-hover);
|
|
4294
4307
|
}
|
|
4295
|
-
.Tag-module__hop-Tag--
|
|
4308
|
+
.Tag-module__hop-Tag--negative___PZwTR[data-pressed] {
|
|
4296
4309
|
--border-color: var(--hop-Tag-negative-border-color-press);
|
|
4297
4310
|
--background-color: var(--hop-Tag-negative-background-color-press);
|
|
4298
4311
|
--text-color: var(--hop-Tag-negative-text-color-press);
|
|
4299
4312
|
}
|
|
4300
|
-
.Tag-module__hop-Tag--
|
|
4313
|
+
.Tag-module__hop-Tag--negative___PZwTR[data-disabled] {
|
|
4301
4314
|
--border-color: var(--hop-Tag-negative-border-color-disabled);
|
|
4302
4315
|
--background-color: var(--hop-Tag-negative-background-color-disabled);
|
|
4303
4316
|
--text-color: var(--hop-Tag-negative-text-color-disabled);
|
|
4304
4317
|
}
|
|
4305
|
-
.Tag-module__hop-Tag--
|
|
4318
|
+
.Tag-module__hop-Tag--option1___A0sb0[data-focus-visible] {
|
|
4306
4319
|
--border-color: var(--hop-Tag-option1-border-color-focus);
|
|
4307
4320
|
--background-color: var(--hop-Tag-option1-background-color-focus);
|
|
4308
4321
|
--text-color: var(--hop-Tag-option1-text-color-focus);
|
|
4309
4322
|
}
|
|
4310
|
-
.Tag-module__hop-Tag--
|
|
4323
|
+
.Tag-module__hop-Tag--option1___A0sb0[data-hovered] {
|
|
4311
4324
|
--border-color: var(--hop-Tag-option1-border-color-hover);
|
|
4312
4325
|
--background-color: var(--hop-Tag-option1-background-color-hover);
|
|
4313
4326
|
--text-color: var(--hop-Tag-option1-text-color-hover);
|
|
4314
4327
|
}
|
|
4315
|
-
.Tag-module__hop-Tag--
|
|
4328
|
+
.Tag-module__hop-Tag--option1___A0sb0[data-pressed] {
|
|
4316
4329
|
--border-color: var(--hop-Tag-option1-border-color-press);
|
|
4317
4330
|
--background-color: var(--hop-Tag-option1-background-color-press);
|
|
4318
4331
|
--text-color: var(--hop-Tag-option1-text-color-press);
|
|
4319
4332
|
}
|
|
4320
|
-
.Tag-module__hop-Tag--
|
|
4333
|
+
.Tag-module__hop-Tag--option1___A0sb0[data-disabled] {
|
|
4321
4334
|
--border-color: var(--hop-Tag-option1-border-color-disabled);
|
|
4322
4335
|
--background-color: var(--hop-Tag-option1-background-color-disabled);
|
|
4323
4336
|
--text-color: var(--hop-Tag-option1-text-color-disabled);
|
|
4324
4337
|
}
|
|
4325
|
-
.Tag-module__hop-Tag--
|
|
4338
|
+
.Tag-module__hop-Tag--option2___vjYIv[data-focus-visible] {
|
|
4326
4339
|
--border-color: var(--hop-Tag-option2-border-color-focus);
|
|
4327
4340
|
--background-color: var(--hop-Tag-option2-background-color-focus);
|
|
4328
4341
|
--text-color: var(--hop-Tag-option2-text-color-focus);
|
|
4329
4342
|
}
|
|
4330
|
-
.Tag-module__hop-Tag--
|
|
4343
|
+
.Tag-module__hop-Tag--option2___vjYIv[data-hovered] {
|
|
4331
4344
|
--border-color: var(--hop-Tag-option2-border-color-hover);
|
|
4332
4345
|
--background-color: var(--hop-Tag-option2-background-color-hover);
|
|
4333
4346
|
--text-color: var(--hop-Tag-option2-text-color-hover);
|
|
4334
4347
|
}
|
|
4335
|
-
.Tag-module__hop-Tag--
|
|
4348
|
+
.Tag-module__hop-Tag--option2___vjYIv[data-pressed] {
|
|
4336
4349
|
--border-color: var(--hop-Tag-option2-border-color-press);
|
|
4337
4350
|
--background-color: var(--hop-Tag-option2-background-color-press);
|
|
4338
4351
|
--text-color: var(--hop-Tag-option2-text-color-press);
|
|
4339
4352
|
}
|
|
4340
|
-
.Tag-module__hop-Tag--
|
|
4353
|
+
.Tag-module__hop-Tag--option2___vjYIv[data-disabled] {
|
|
4341
4354
|
--border-color: var(--hop-Tag-option2-border-color-disabled);
|
|
4342
4355
|
--background-color: var(--hop-Tag-option2-background-color-disabled);
|
|
4343
4356
|
--text-color: var(--hop-Tag-option2-text-color-disabled);
|
|
4344
4357
|
}
|
|
4345
|
-
.Tag-module__hop-Tag--
|
|
4358
|
+
.Tag-module__hop-Tag--option3___NPGVI[data-focus-visible] {
|
|
4346
4359
|
--border-color: var(--hop-Tag-option3-border-color-focus);
|
|
4347
4360
|
--background-color: var(--hop-Tag-option3-background-color-focus);
|
|
4348
4361
|
--text-color: var(--hop-Tag-option3-text-color-focus);
|
|
4349
4362
|
}
|
|
4350
|
-
.Tag-module__hop-Tag--
|
|
4363
|
+
.Tag-module__hop-Tag--option3___NPGVI[data-hovered] {
|
|
4351
4364
|
--border-color: var(--hop-Tag-option3-border-color-hover);
|
|
4352
4365
|
--background-color: var(--hop-Tag-option3-background-color-hover);
|
|
4353
4366
|
--text-color: var(--hop-Tag-option3-text-color-hover);
|
|
4354
4367
|
}
|
|
4355
|
-
.Tag-module__hop-Tag--
|
|
4368
|
+
.Tag-module__hop-Tag--option3___NPGVI[data-pressed] {
|
|
4356
4369
|
--border-color: var(--hop-Tag-option3-border-color-press);
|
|
4357
4370
|
--background-color: var(--hop-Tag-option3-background-color-press);
|
|
4358
4371
|
--text-color: var(--hop-Tag-option3-text-color-press);
|
|
4359
4372
|
}
|
|
4360
|
-
.Tag-module__hop-Tag--
|
|
4373
|
+
.Tag-module__hop-Tag--option3___NPGVI[data-disabled] {
|
|
4361
4374
|
--border-color: var(--hop-Tag-option3-border-color-disabled);
|
|
4362
4375
|
--background-color: var(--hop-Tag-option3-background-color-disabled);
|
|
4363
4376
|
--text-color: var(--hop-Tag-option3-text-color-disabled);
|
|
4364
4377
|
}
|
|
4365
|
-
.Tag-module__hop-Tag--
|
|
4378
|
+
.Tag-module__hop-Tag--option4___tTOij[data-focus-visible] {
|
|
4366
4379
|
--border-color: var(--hop-Tag-option4-border-color-focus);
|
|
4367
4380
|
--background-color: var(--hop-Tag-option4-background-color-focus);
|
|
4368
4381
|
--text-color: var(--hop-Tag-option4-text-color-focus);
|
|
4369
4382
|
}
|
|
4370
|
-
.Tag-module__hop-Tag--
|
|
4383
|
+
.Tag-module__hop-Tag--option4___tTOij[data-hovered] {
|
|
4371
4384
|
--border-color: var(--hop-Tag-option4-border-color-hover);
|
|
4372
4385
|
--background-color: var(--hop-Tag-option4-background-color-hover);
|
|
4373
4386
|
--text-color: var(--hop-Tag-option4-text-color-hover);
|
|
4374
4387
|
}
|
|
4375
|
-
.Tag-module__hop-Tag--
|
|
4388
|
+
.Tag-module__hop-Tag--option4___tTOij[data-pressed] {
|
|
4376
4389
|
--border-color: var(--hop-Tag-option4-border-color-press);
|
|
4377
4390
|
--background-color: var(--hop-Tag-option4-background-color-press);
|
|
4378
4391
|
--text-color: var(--hop-Tag-option4-text-color-press);
|
|
4379
4392
|
}
|
|
4380
|
-
.Tag-module__hop-Tag--
|
|
4393
|
+
.Tag-module__hop-Tag--option4___tTOij[data-disabled] {
|
|
4381
4394
|
--border-color: var(--hop-Tag-option4-border-color-disabled);
|
|
4382
4395
|
--background-color: var(--hop-Tag-option4-background-color-disabled);
|
|
4383
4396
|
--text-color: var(--hop-Tag-option4-text-color-disabled);
|
|
4384
4397
|
}
|
|
4385
|
-
.Tag-module__hop-Tag--
|
|
4398
|
+
.Tag-module__hop-Tag--option5___9-b0i[data-focus-visible] {
|
|
4386
4399
|
--border-color: var(--hop-Tag-option5-border-color-focus);
|
|
4387
4400
|
--background-color: var(--hop-Tag-option5-background-color-focus);
|
|
4388
4401
|
--text-color: var(--hop-Tag-option5-text-color-focus);
|
|
4389
4402
|
}
|
|
4390
|
-
.Tag-module__hop-Tag--
|
|
4403
|
+
.Tag-module__hop-Tag--option5___9-b0i[data-hovered] {
|
|
4391
4404
|
--border-color: var(--hop-Tag-option5-border-color-hover);
|
|
4392
4405
|
--background-color: var(--hop-Tag-option5-background-color-hover);
|
|
4393
4406
|
--text-color: var(--hop-Tag-option5-text-color-hover);
|
|
4394
4407
|
}
|
|
4395
|
-
.Tag-module__hop-Tag--
|
|
4408
|
+
.Tag-module__hop-Tag--option5___9-b0i[data-pressed] {
|
|
4396
4409
|
--border-color: var(--hop-Tag-option5-border-color-press);
|
|
4397
4410
|
--background-color: var(--hop-Tag-option5-background-color-press);
|
|
4398
4411
|
--text-color: var(--hop-Tag-option5-text-color-press);
|
|
4399
4412
|
}
|
|
4400
|
-
.Tag-module__hop-Tag--
|
|
4413
|
+
.Tag-module__hop-Tag--option5___9-b0i[data-disabled] {
|
|
4401
4414
|
--border-color: var(--hop-Tag-option5-border-color-disabled);
|
|
4402
4415
|
--background-color: var(--hop-Tag-option5-background-color-disabled);
|
|
4403
4416
|
--text-color: var(--hop-Tag-option5-text-color-disabled);
|
|
4404
4417
|
}
|
|
4405
|
-
.Tag-module__hop-Tag--
|
|
4418
|
+
.Tag-module__hop-Tag--option6___j6qym[data-focus-visible] {
|
|
4406
4419
|
--border-color: var(--hop-Tag-option6-border-color-focus);
|
|
4407
4420
|
--background-color: var(--hop-Tag-option6-background-color-focus);
|
|
4408
4421
|
--text-color: var(--hop-Tag-option6-text-color-focus);
|
|
4409
4422
|
}
|
|
4410
|
-
.Tag-module__hop-Tag--
|
|
4423
|
+
.Tag-module__hop-Tag--option6___j6qym[data-hovered] {
|
|
4411
4424
|
--border-color: var(--hop-Tag-option6-border-color-hover);
|
|
4412
4425
|
--background-color: var(--hop-Tag-option6-background-color-hover);
|
|
4413
4426
|
--text-color: var(--hop-Tag-option6-text-color-hover);
|
|
4414
4427
|
}
|
|
4415
|
-
.Tag-module__hop-Tag--
|
|
4428
|
+
.Tag-module__hop-Tag--option6___j6qym[data-pressed] {
|
|
4416
4429
|
--border-color: var(--hop-Tag-option6-border-color-press);
|
|
4417
4430
|
--background-color: var(--hop-Tag-option6-background-color-press);
|
|
4418
4431
|
--text-color: var(--hop-Tag-option6-text-color-press);
|
|
4419
4432
|
}
|
|
4420
|
-
.Tag-module__hop-Tag--
|
|
4433
|
+
.Tag-module__hop-Tag--option6___j6qym[data-disabled] {
|
|
4421
4434
|
--border-color: var(--hop-Tag-option6-border-color-disabled);
|
|
4422
4435
|
--background-color: var(--hop-Tag-option6-background-color-disabled);
|
|
4423
4436
|
--text-color: var(--hop-Tag-option6-text-color-disabled);
|
|
4424
4437
|
}
|
|
4425
|
-
.Tag-module__hop-
|
|
4438
|
+
.Tag-module__hop-Tag___6kkA1[data-focus-visible] {
|
|
4426
4439
|
outline: 0.125rem solid var(--focus-ring-color);
|
|
4427
4440
|
}
|
|
4428
|
-
.Tag-module__hop-
|
|
4441
|
+
.Tag-module__hop-Tag___6kkA1[data-hovered] {
|
|
4429
4442
|
cursor: pointer;
|
|
4430
4443
|
}
|
|
4431
|
-
.Tag-module__hop-
|
|
4444
|
+
.Tag-module__hop-Tag___6kkA1[data-selected] {
|
|
4432
4445
|
--background-color: var(--hop-Tag-background-color-selected);
|
|
4433
4446
|
--border-color: var(--hop-Tag-border-color-selected);
|
|
4434
4447
|
--text-color: var(--hop-Tag-text-color-selected);
|
|
4435
4448
|
}
|
|
4436
|
-
.Tag-module__hop-
|
|
4449
|
+
.Tag-module__hop-Tag___6kkA1[data-pressed] {
|
|
4437
4450
|
cursor: pointer;
|
|
4438
4451
|
}
|
|
4439
|
-
.Tag-module__hop-
|
|
4452
|
+
.Tag-module__hop-Tag___6kkA1[data-invalid] {
|
|
4440
4453
|
--border-color: var(--hop-Tag-border-color-invalid);
|
|
4441
4454
|
}
|
|
4442
|
-
.Tag-module__hop-
|
|
4455
|
+
.Tag-module__hop-Tag___6kkA1[data-disabled] {
|
|
4443
4456
|
cursor: not-allowed;
|
|
4444
4457
|
}
|
|
4445
|
-
.Tag-module__hop-
|
|
4458
|
+
.Tag-module__hop-Tag__avatar___cfamG {
|
|
4446
4459
|
flex: 0 0 auto;
|
|
4447
4460
|
order: 1;
|
|
4448
4461
|
margin-inline-start: var(--avatar-margin-inline-start);
|
|
4449
4462
|
}
|
|
4450
|
-
.Tag-module__hop-
|
|
4451
|
-
.Tag-module__hop-Tag__icon-
|
|
4463
|
+
.Tag-module__hop-Tag__icon___m9dbl,
|
|
4464
|
+
.Tag-module__hop-Tag__icon-list___e1ujB {
|
|
4452
4465
|
flex: 0 0 auto;
|
|
4453
4466
|
flex-wrap: nowrap;
|
|
4454
4467
|
order: 2;
|
|
4455
4468
|
margin-inline-start: var(--icon-margin-inline-start, 0);
|
|
4456
4469
|
}
|
|
4457
|
-
.Tag-module__hop-
|
|
4470
|
+
.Tag-module__hop-Tag__text___Scjto {
|
|
4458
4471
|
overflow: hidden;
|
|
4459
4472
|
flex: 1 1 auto;
|
|
4460
4473
|
order: 3;
|
|
@@ -4462,33 +4475,33 @@
|
|
|
4462
4475
|
text-align: center;
|
|
4463
4476
|
text-overflow: ellipsis;
|
|
4464
4477
|
}
|
|
4465
|
-
.Tag-module__hop-
|
|
4478
|
+
.Tag-module__hop-Tag__badge___Peurj {
|
|
4466
4479
|
flex: 0 0 auto;
|
|
4467
4480
|
order: 4;
|
|
4468
4481
|
margin-inline-end: var(--badge-margin-inline-end);
|
|
4469
4482
|
}
|
|
4470
|
-
.Tag-module__hop-
|
|
4483
|
+
.Tag-module__hop-Tag___6kkA1 .Tag-module__hop-Tag__badge___Peurj[data-variant=subdued] {
|
|
4471
4484
|
margin-inline-start: var(--badge-secondary-margin-inline-start);
|
|
4472
4485
|
color: inherit;
|
|
4473
4486
|
background: none;
|
|
4474
4487
|
}
|
|
4475
|
-
.Tag-module__hop-Tag--
|
|
4488
|
+
.Tag-module__hop-Tag--sm___ZpTSw .Tag-module__hop-Tag__badge___Peurj {
|
|
4476
4489
|
block-size: 100%;
|
|
4477
4490
|
}
|
|
4478
|
-
.Tag-module__hop-Tag__remove-
|
|
4479
|
-
.Tag-module__hop-
|
|
4491
|
+
.Tag-module__hop-Tag__remove-btn___Xo1UQ,
|
|
4492
|
+
.Tag-module__hop-Tag__Spinner___CK3eL {
|
|
4480
4493
|
flex: 0 0 auto;
|
|
4481
4494
|
order: 5;
|
|
4482
4495
|
}
|
|
4483
|
-
.Tag-module__hop-
|
|
4496
|
+
.Tag-module__hop-Tag__Spinner___CK3eL {
|
|
4484
4497
|
margin-inline-end: var(--spinner-margin-inline-end);
|
|
4485
4498
|
}
|
|
4486
|
-
.Tag-module__hop-Tag__remove-
|
|
4499
|
+
.Tag-module__hop-Tag__remove-btn___Xo1UQ {
|
|
4487
4500
|
margin-inline: var(--clear-btn-margin-inline);
|
|
4488
4501
|
}
|
|
4489
4502
|
|
|
4490
4503
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
|
|
4491
|
-
.TagGroup-module__hop-
|
|
4504
|
+
.TagGroup-module__hop-TagGroup___td3l- {
|
|
4492
4505
|
--hop-TagGroup-row-gap: var(--hop-space-inline-sm);
|
|
4493
4506
|
--hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
|
|
4494
4507
|
--hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
|
|
@@ -4508,10 +4521,10 @@
|
|
|
4508
4521
|
inline-size: max-content;
|
|
4509
4522
|
max-inline-size: 100%;
|
|
4510
4523
|
}
|
|
4511
|
-
.TagGroup-module__hop-
|
|
4524
|
+
.TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__label___e3DCJ {
|
|
4512
4525
|
order: 1;
|
|
4513
4526
|
}
|
|
4514
|
-
.TagGroup-module__hop-
|
|
4527
|
+
.TagGroup-module__hop-TagGroup__list___EqUHr {
|
|
4515
4528
|
display: flex;
|
|
4516
4529
|
flex-wrap: wrap;
|
|
4517
4530
|
gap: var(--list-row-gap) var(--list-column-gap);
|
|
@@ -4520,17 +4533,17 @@
|
|
|
4520
4533
|
border-radius: var(--list-border-radius);
|
|
4521
4534
|
outline: none;
|
|
4522
4535
|
}
|
|
4523
|
-
.TagGroup-module__hop-
|
|
4536
|
+
.TagGroup-module__hop-TagGroup__list___EqUHr[data-focus-visible] {
|
|
4524
4537
|
outline: 0.125rem solid var(--list-focus-ring-color);
|
|
4525
4538
|
outline-offset: 0.125rem;
|
|
4526
4539
|
}
|
|
4527
|
-
.TagGroup-module__hop-
|
|
4528
|
-
.TagGroup-module__hop-
|
|
4540
|
+
.TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__error-message___2FN5L,
|
|
4541
|
+
.TagGroup-module__hop-TagGroup___td3l- > .TagGroup-module__hop-TagGroup__helper-message___8cR86 {
|
|
4529
4542
|
order: 3;
|
|
4530
4543
|
}
|
|
4531
4544
|
|
|
4532
4545
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
|
|
4533
|
-
.Form-module__hop-
|
|
4546
|
+
.Form-module__hop-Form___C2j6d {
|
|
4534
4547
|
display: flex;
|
|
4535
4548
|
flex-direction: column;
|
|
4536
4549
|
gap: var(--hop-space-stack-lg);
|