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