@hopper-ui/components 1.3.2 → 1.3.3
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 +656 -648
- package/dist/Form/src/Form.js +42 -42
- package/dist/Form/src/index.css +656 -648
- 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 +8 -8
- 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 +8 -8
- package/dist/Select/src/Select.css +656 -648
- 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 +656 -648
- 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 +74 -70
- package/dist/buttons/src/ClearButton.js +2 -2
- package/dist/buttons/src/EmbeddedButton.css +74 -70
- package/dist/buttons/src/EmbeddedButton.d.ts +4 -0
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/index.css +179 -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-YAWQ7HJ5.js → chunk-2IM7L64G.js} +1 -1
- package/dist/{chunk-EM46HWRZ.js → chunk-2OHECU6B.js} +1 -1
- package/dist/{chunk-GVSKXB2L.js → chunk-6PQWQGCX.js} +3 -3
- package/dist/{chunk-M23LQGWD.js → chunk-6QFZJMC3.js} +2 -2
- package/dist/{chunk-XZZGXNY3.js → chunk-75FA3TWT.js} +1 -1
- package/dist/{chunk-KYREXCID.js → chunk-7ZNANBX5.js} +2 -2
- package/dist/{chunk-6ARIISLQ.js → chunk-APRULC6A.js} +3 -3
- package/dist/{chunk-JCH77LJD.js → chunk-BOL3HK7H.js} +1 -1
- package/dist/{chunk-SZE6BURJ.js → chunk-DMVOYW6N.js} +6 -1
- package/dist/{chunk-T46AXTFR.js → chunk-DOSVC2KD.js} +4 -4
- package/dist/{chunk-OHK3RWIU.js → chunk-E2A556FA.js} +3 -3
- package/dist/{chunk-4HDV2BLR.js → chunk-EBNKK7UG.js} +3 -3
- package/dist/{chunk-BZEAJIFE.js → chunk-EC7OSNAK.js} +1 -1
- package/dist/{chunk-M72B6IEL.js → chunk-ENP5QA57.js} +1 -1
- package/dist/{chunk-FJ22ZFSR.js → chunk-F35TAM7I.js} +2 -2
- package/dist/{chunk-2JKIODNX.js → chunk-FNFLGAVD.js} +1 -1
- package/dist/{chunk-PMPZHA56.js → chunk-FUZDBWJ3.js} +1 -1
- package/dist/{chunk-TKCXSKGR.js → chunk-IAK7ZIAY.js} +1 -1
- package/dist/{chunk-GX73DZCI.js → chunk-IEIBO5IZ.js} +3 -3
- package/dist/{chunk-IU74RATZ.js → chunk-JAN7XPAP.js} +1 -1
- package/dist/{chunk-XBDHVTY7.js → chunk-K73GF67H.js} +3 -3
- package/dist/{chunk-QIGWJIKW.js → chunk-KB5TOYUY.js} +7 -7
- package/dist/{chunk-VAX4ILUC.js → chunk-LG55WC5T.js} +3 -1
- package/dist/{chunk-DBRCQKUP.js → chunk-N3Z3CYO7.js} +1 -1
- package/dist/{chunk-UURAYM5Q.js → chunk-OVLJGCG7.js} +1 -1
- package/dist/{chunk-LBJ4PRPZ.js → chunk-OX2HJIUS.js} +2 -2
- package/dist/{chunk-HIBGDGNG.js → chunk-PWHVRELJ.js} +2 -2
- package/dist/{chunk-2QRF6QS4.js → chunk-Q7XNJJHM.js} +3 -3
- package/dist/{chunk-7PGPLWWM.js → chunk-QS5JV4ME.js} +1 -1
- package/dist/{chunk-KCISVH6E.js → chunk-RYBVVQUA.js} +1 -1
- package/dist/{chunk-VSUK2R4A.js → chunk-SLHMNCFU.js} +2 -2
- package/dist/{chunk-SYP4FGDH.js → chunk-TN3VIRQZ.js} +2 -2
- package/dist/{chunk-4DUNOSY3.js → chunk-TNKYUIG3.js} +1 -1
- package/dist/{chunk-7UCX7BHD.js → chunk-TRGOUUKL.js} +1 -1
- package/dist/{chunk-ZUIUPK7K.js → chunk-U6IYZMNN.js} +1 -1
- package/dist/{chunk-E3OC54N2.js → chunk-UM7DFJXF.js} +4 -4
- package/dist/{chunk-UUNBQSPD.js → chunk-V4SY4DCA.js} +1 -1
- package/dist/{chunk-MVQ4SZCY.js → chunk-W52DLG34.js} +1 -1
- package/dist/{chunk-XZRK3MCS.js → chunk-YGOVG4X3.js} +2 -2
- package/dist/{chunk-E4XUYBHM.js → chunk-ZFMCRQ5C.js} +2 -2
- package/dist/{chunk-DVUZTKLP.js → chunk-ZWTMTEFG.js} +6 -6
- package/dist/index.css +656 -648
- package/dist/index.js +42 -42
- package/dist/inputs/src/InputGroup.css +1099 -14
- package/dist/inputs/src/InputGroup.js +2 -1
- package/dist/inputs/src/NumberField.css +1068 -63
- package/dist/inputs/src/NumberField.js +7 -6
- package/dist/inputs/src/PasswordField.css +225 -217
- package/dist/inputs/src/PasswordField.js +7 -7
- package/dist/inputs/src/SearchField.css +231 -223
- package/dist/inputs/src/SearchField.js +8 -8
- package/dist/inputs/src/TextArea.css +1062 -57
- package/dist/inputs/src/TextArea.js +7 -6
- package/dist/inputs/src/TextField.css +229 -221
- package/dist/inputs/src/TextField.js +8 -8
- package/dist/inputs/src/index.css +1270 -1262
- package/dist/inputs/src/index.js +12 -12
- package/dist/overlays/Popover/src/Popover.css +656 -648
- package/dist/overlays/Popover/src/Popover.js +42 -42
- package/dist/overlays/Popover/src/index.css +656 -648
- 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 +326 -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 +339 -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/package.json +1 -1
package/dist/Form/src/Form.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
|
|
2
|
-
.Text-module__hop-
|
|
2
|
+
.Text-module__hop-Text___i-wip {
|
|
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___i-wip) {
|
|
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___OgrlM) {
|
|
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___VG8kM) {
|
|
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___Y1jRC) {
|
|
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___P2gHm) {
|
|
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___uu4Y6) {
|
|
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___kr5Vw) {
|
|
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___enYNN) {
|
|
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___P6XFt {
|
|
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___kM-j4 {
|
|
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___SKx-C {
|
|
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___-ELGu {
|
|
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___V0j8U {
|
|
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___uv-1s {
|
|
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___43YNN {
|
|
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___P6XFt[data-disabled] {
|
|
138
138
|
--background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
139
139
|
}
|
|
140
|
-
.RichIconAvatarImage-module__hop-
|
|
140
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR {
|
|
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___P6XFt[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR {
|
|
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___2iRIy {
|
|
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___U6TaP {
|
|
198
198
|
--size: var(--hop-Avatar-xs-size);
|
|
199
199
|
}
|
|
200
|
-
.Avatar-module__hop-Avatar--
|
|
200
|
+
.Avatar-module__hop-Avatar--sm___mVPqW {
|
|
201
201
|
--size: var(--hop-Avatar-sm-size);
|
|
202
202
|
}
|
|
203
|
-
.Avatar-module__hop-Avatar--
|
|
203
|
+
.Avatar-module__hop-Avatar--md___-HteB {
|
|
204
204
|
--size: var(--hop-Avatar-md-size);
|
|
205
205
|
}
|
|
206
|
-
.Avatar-module__hop-Avatar--
|
|
206
|
+
.Avatar-module__hop-Avatar--lg___6eRRX {
|
|
207
207
|
--size: var(--hop-Avatar-lg-size);
|
|
208
208
|
}
|
|
209
|
-
.Avatar-module__hop-Avatar--
|
|
209
|
+
.Avatar-module__hop-Avatar--xl___XeULp {
|
|
210
210
|
--size: var(--hop-Avatar-xl-size);
|
|
211
211
|
}
|
|
212
|
-
.Avatar-module__hop-Avatar--
|
|
212
|
+
.Avatar-module__hop-Avatar--2xl___0w2Ni {
|
|
213
213
|
--size: var(--hop-Avatar-2xl-size);
|
|
214
214
|
}
|
|
215
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
215
|
+
.Avatar-module__hop-Avatar--decorative-option1___x4wwr {
|
|
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___VdIQd {
|
|
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___T5HRP {
|
|
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___quPmn {
|
|
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___ifBXG {
|
|
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___wDYJd {
|
|
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___xgn2p {
|
|
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___6RKzf {
|
|
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___LMOth {
|
|
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___2iRIy[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___L1lkB {
|
|
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___AJQ9B) {
|
|
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___2R69Q {
|
|
293
293
|
box-sizing: border-box;
|
|
294
294
|
}
|
|
295
|
-
.OverlineText-module__hop-
|
|
296
|
-
.OverlineText-module__hop-
|
|
295
|
+
.OverlineText-module__hop-OverlineText__text___2R69Q::before,
|
|
296
|
+
.OverlineText-module__hop-OverlineText__text___2R69Q::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___2R69Q::before {
|
|
304
304
|
margin-block-end: var(--bottom-offset);
|
|
305
305
|
}
|
|
306
|
-
.OverlineText-module__hop-
|
|
306
|
+
.OverlineText-module__hop-OverlineText__text___2R69Q::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___-xOKd {
|
|
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___-xOKd[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___-xOKd[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___-xOKd[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___-xOKd[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___-xOKd[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___-xOKd[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___-xOKd[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___-xOKd[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___-xOKd[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___-xOKd[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___-xOKd[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___-xOKd[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___-xOKd[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___-xOKd[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___OCAvn {
|
|
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___OCAvn[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___OCAvn[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___OCAvn[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___OCAvn[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___OCAvn[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___OCAvn[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___OCAvn[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___OCAvn[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___XidQN {
|
|
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___LeCr- {
|
|
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___-Rkj1 {
|
|
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___xDrpF {
|
|
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___-Rkj1 .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___rvdH6 {
|
|
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___z6QNv {
|
|
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___NI1Kx {
|
|
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___4C02S {
|
|
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___oPPSm {
|
|
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___oPPSm {
|
|
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___AivV7 {
|
|
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___7f0XC {
|
|
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,320 +752,321 @@
|
|
|
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___7f0XC[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___vYJyC {
|
|
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___7f0XC[data-disabled],
|
|
765
|
+
.Button-module__hop-Button___7f0XC[data-loading] {
|
|
766
766
|
cursor: not-allowed;
|
|
767
767
|
}
|
|
768
|
-
.Button-module__hop-Button--
|
|
768
|
+
.Button-module__hop-Button--fluid___C0JPO {
|
|
769
769
|
--inline-size: 100%;
|
|
770
770
|
}
|
|
771
|
-
.Button-module__hop-Button--
|
|
771
|
+
.Button-module__hop-Button--sm___yM9Fq {
|
|
772
772
|
--block-size: var(--hop-Button-sm-height);
|
|
773
773
|
}
|
|
774
|
-
.Button-module__hop-Button--
|
|
774
|
+
.Button-module__hop-Button--primary___V1ds9.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___V1ds9.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___qS99y.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___qS99y.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___DBn1I.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___DBn1I.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___tvj3G.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___tvj3G.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___D-J5Y.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___D-J5Y.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___hXVww.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___hXVww.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___zblpI.Button-module__hop-Button--md___fAB1s:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___zblpI.Button-module__hop-Button--sm___yM9Fq:not(.Button-module__hop-Button--icon-only___vYJyC) {
|
|
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___V1ds9 {
|
|
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___V1ds9[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___V1ds9[data-hovered]:not([data-disabled], [data-loading]),
|
|
842
|
+
.Button-module__hop-Button--primary___V1ds9[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___V1ds9[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___qS99y {
|
|
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___qS99y[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___qS99y[data-hovered]:not([data-disabled], [data-loading]),
|
|
864
|
+
.Button-module__hop-Button--secondary___qS99y[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___qS99y[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___DBn1I {
|
|
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___DBn1I[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___DBn1I[data-hovered]:not([data-disabled], [data-loading]),
|
|
886
|
+
.Button-module__hop-Button--upsell___DBn1I[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___DBn1I[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___tvj3G {
|
|
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___tvj3G[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___tvj3G[data-hovered]:not([data-disabled], [data-loading]),
|
|
908
|
+
.Button-module__hop-Button--danger___tvj3G[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___tvj3G[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___zblpI {
|
|
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___zblpI[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___zblpI[data-hovered]:not([data-disabled], [data-loading]),
|
|
930
|
+
.Button-module__hop-Button--ghost-primary___zblpI[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___zblpI[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___hXVww {
|
|
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___hXVww[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___hXVww[data-hovered]:not([data-disabled], [data-loading]),
|
|
952
|
+
.Button-module__hop-Button--ghost-secondary___hXVww[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___hXVww[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___D-J5Y {
|
|
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___D-J5Y[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___D-J5Y[data-hovered]:not([data-disabled], [data-loading]),
|
|
974
|
+
.Button-module__hop-Button--ghost-danger___D-J5Y[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___D-J5Y[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___F4-Og {
|
|
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___kTXqa,
|
|
990
|
+
.Button-module__hop-Button__icon-list___GeO8R {
|
|
991
991
|
grid-area: start-icon;
|
|
992
992
|
justify-self: end;
|
|
993
993
|
}
|
|
994
|
-
.Button-module__hop-
|
|
994
|
+
.Button-module__hop-Button__text___7wLcn {
|
|
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___zblpI[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
|
|
1002
|
+
.Button-module__hop-Button--ghost-secondary___hXVww[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
|
|
1003
|
+
.Button-module__hop-Button--ghost-danger___D-J5Y[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
|
|
1004
|
+
.Button-module__hop-Button--ghost-primary___zblpI[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
|
|
1005
|
+
.Button-module__hop-Button--ghost-secondary___hXVww[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
|
|
1006
|
+
.Button-module__hop-Button--ghost-danger___D-J5Y[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
|
|
1007
|
+
.Button-module__hop-Button--ghost-primary___zblpI[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
|
|
1008
|
+
.Button-module__hop-Button--ghost-secondary___hXVww[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___7wLcn,
|
|
1009
|
+
.Button-module__hop-Button--ghost-danger___D-J5Y[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___7wLcn {
|
|
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___nqUHY,
|
|
1014
|
+
.Button-module__hop-Button__end-icon-list___qnuyp {
|
|
1015
1015
|
grid-area: end-icon;
|
|
1016
1016
|
}
|
|
1017
|
-
.Button-module__hop-
|
|
1018
|
-
.Button-module__hop-
|
|
1017
|
+
.Button-module__hop-Button___7f0XC .Button-module__hop-Button__icon-list___GeO8R,
|
|
1018
|
+
.Button-module__hop-Button___7f0XC .Button-module__hop-Button__end-icon-list___qnuyp {
|
|
1019
1019
|
flex-wrap: nowrap;
|
|
1020
1020
|
}
|
|
1021
|
-
.Button-module__hop-
|
|
1021
|
+
.Button-module__hop-Button___7f0XC[data-loading] > *:not(.Button-module__hop-Button__Spinner___F4-Og) {
|
|
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___YT-Pf {
|
|
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___BgSEz {
|
|
1032
1032
|
justify-content: center;
|
|
1033
1033
|
}
|
|
1034
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1034
|
+
.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
|
|
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___uoWWd.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
|
|
1040
1040
|
align-items: flex-start;
|
|
1041
1041
|
}
|
|
1042
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1042
|
+
.ButtonGroup-module__hop-ButtonGroup--center___O2vmx.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
|
|
1043
1043
|
align-items: center;
|
|
1044
1044
|
}
|
|
1045
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1045
|
+
.ButtonGroup-module__hop-ButtonGroup--end___EWwbH.ButtonGroup-module__hop-ButtonGroup--vertical___lIV4x {
|
|
1046
1046
|
align-items: flex-end;
|
|
1047
1047
|
}
|
|
1048
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1048
|
+
.ButtonGroup-module__hop-ButtonGroup--start___uoWWd.ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
|
|
1049
1049
|
justify-content: flex-start;
|
|
1050
1050
|
}
|
|
1051
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1051
|
+
.ButtonGroup-module__hop-ButtonGroup--center___O2vmx.ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
|
|
1052
1052
|
justify-content: center;
|
|
1053
1053
|
}
|
|
1054
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1054
|
+
.ButtonGroup-module__hop-ButtonGroup--end___EWwbH.ButtonGroup-module__hop-ButtonGroup--horizontal___BgSEz {
|
|
1055
1055
|
justify-content: flex-end;
|
|
1056
1056
|
}
|
|
1057
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1057
|
+
.ButtonGroup-module__hop-ButtonGroup--wrap___GQ5sK {
|
|
1058
1058
|
flex-wrap: wrap;
|
|
1059
1059
|
}
|
|
1060
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1060
|
+
.ButtonGroup-module__hop-ButtonGroup--fluid___idplN {
|
|
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___fQdPb {
|
|
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);
|
|
1069
|
+
--hop-EmbeddedButton-effect-square-border-radius: var(--hop-shape-rounded-sm);
|
|
1069
1070
|
--hop-EmbeddedButton-md-height: 1.5rem;
|
|
1070
1071
|
--hop-EmbeddedButton-md-width: 1.5rem;
|
|
1071
1072
|
--hop-EmbeddedButton-md-effect-height: 1rem;
|
|
@@ -1225,7 +1226,7 @@
|
|
|
1225
1226
|
outline: none;
|
|
1226
1227
|
transition: color var(--transition);
|
|
1227
1228
|
}
|
|
1228
|
-
.EmbeddedButton-module__hop-
|
|
1229
|
+
.EmbeddedButton-module__hop-EmbeddedButton___fQdPb::before {
|
|
1229
1230
|
content: "";
|
|
1230
1231
|
position: absolute;
|
|
1231
1232
|
inset-block-start: 50%;
|
|
@@ -1238,281 +1239,284 @@
|
|
|
1238
1239
|
border-radius: var(--effect-border-radius);
|
|
1239
1240
|
transition: background-color var(--transition);
|
|
1240
1241
|
}
|
|
1241
|
-
.EmbeddedButton-module__hop-
|
|
1242
|
+
.EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-square] {
|
|
1243
|
+
--effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
|
|
1244
|
+
}
|
|
1245
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___c-uxl {
|
|
1242
1246
|
--inline-size: var(--hop-EmbeddedButton-md-width);
|
|
1243
1247
|
--block-size: var(--hop-EmbeddedButton-md-height);
|
|
1244
1248
|
--focus-ring-offset: calc(-1 * var(--focus-ring-size));
|
|
1245
1249
|
}
|
|
1246
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1250
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___3w8cX {
|
|
1247
1251
|
--inline-size: var(--hop-EmbeddedButton-lg-width);
|
|
1248
1252
|
--block-size: var(--hop-EmbeddedButton-lg-height);
|
|
1249
1253
|
--focus-ring-offset: 0;
|
|
1250
1254
|
}
|
|
1251
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1255
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___c-uxl::before {
|
|
1252
1256
|
--effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
|
|
1253
1257
|
--effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
|
|
1254
1258
|
}
|
|
1255
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1259
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___3w8cX::before {
|
|
1256
1260
|
--effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
|
|
1257
1261
|
--effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
|
|
1258
1262
|
}
|
|
1259
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1263
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0 {
|
|
1260
1264
|
--color: var(--hop-EmbeddedButton-neutral-color);
|
|
1261
1265
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
|
|
1262
1266
|
}
|
|
1263
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1267
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl {
|
|
1264
1268
|
--color: var(--hop-EmbeddedButton-subdued-color);
|
|
1265
1269
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
|
|
1266
1270
|
}
|
|
1267
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1271
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs {
|
|
1268
1272
|
--color: var(--hop-EmbeddedButton-progress-color);
|
|
1269
1273
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
|
|
1270
1274
|
}
|
|
1271
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1275
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS {
|
|
1272
1276
|
--color: var(--hop-EmbeddedButton-positive-color);
|
|
1273
1277
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
|
|
1274
1278
|
}
|
|
1275
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1279
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl {
|
|
1276
1280
|
--color: var(--hop-EmbeddedButton-caution-color);
|
|
1277
1281
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
|
|
1278
1282
|
}
|
|
1279
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1283
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB {
|
|
1280
1284
|
--color: var(--hop-EmbeddedButton-negative-color);
|
|
1281
1285
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
|
|
1282
1286
|
}
|
|
1283
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1287
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h- {
|
|
1284
1288
|
--color: var(--hop-EmbeddedButton-option1-color);
|
|
1285
1289
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
|
|
1286
1290
|
}
|
|
1287
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1291
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9 {
|
|
1288
1292
|
--color: var(--hop-EmbeddedButton-option2-color);
|
|
1289
1293
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
|
|
1290
1294
|
}
|
|
1291
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1295
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy {
|
|
1292
1296
|
--color: var(--hop-EmbeddedButton-option3-color);
|
|
1293
1297
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
|
|
1294
1298
|
}
|
|
1295
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1299
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN {
|
|
1296
1300
|
--color: var(--hop-EmbeddedButton-option4-color);
|
|
1297
1301
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
|
|
1298
1302
|
}
|
|
1299
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1303
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn {
|
|
1300
1304
|
--color: var(--hop-EmbeddedButton-option5-color);
|
|
1301
1305
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
|
|
1302
1306
|
}
|
|
1303
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1307
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN {
|
|
1304
1308
|
--color: var(--hop-EmbeddedButton-option6-color);
|
|
1305
1309
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
|
|
1306
1310
|
}
|
|
1307
|
-
.EmbeddedButton-module__hop-
|
|
1311
|
+
.EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-selected] {
|
|
1308
1312
|
--color: var(--hop-EmbeddedButton-selected-color);
|
|
1309
1313
|
--effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
|
|
1310
1314
|
}
|
|
1311
|
-
.EmbeddedButton-module__hop-
|
|
1315
|
+
.EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-focus-visible] {
|
|
1312
1316
|
outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
|
|
1313
1317
|
outline-offset: var(--focus-ring-offset);
|
|
1314
1318
|
}
|
|
1315
|
-
.EmbeddedButton-module__hop-
|
|
1319
|
+
.EmbeddedButton-module__hop-EmbeddedButton___fQdPb[data-disabled] {
|
|
1316
1320
|
cursor: not-allowed;
|
|
1317
1321
|
}
|
|
1318
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1322
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-hovered] {
|
|
1319
1323
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
|
|
1320
1324
|
--color: var(--hop-EmbeddedButton-neutral-color-hovered);
|
|
1321
1325
|
}
|
|
1322
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1326
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-focus-visible] {
|
|
1323
1327
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
|
|
1324
1328
|
--color: var(--hop-EmbeddedButton-neutral-color-focused);
|
|
1325
1329
|
}
|
|
1326
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1330
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-pressed] {
|
|
1327
1331
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
|
|
1328
1332
|
--color: var(--hop-EmbeddedButton-neutral-color-pressed);
|
|
1329
1333
|
}
|
|
1330
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1334
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0[data-disabled] {
|
|
1331
1335
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
|
|
1332
1336
|
--color: var(--hop-EmbeddedButton-neutral-color-disabled);
|
|
1333
1337
|
}
|
|
1334
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1338
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-hovered] {
|
|
1335
1339
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
|
|
1336
1340
|
--color: var(--hop-EmbeddedButton-subdued-color-hovered);
|
|
1337
1341
|
}
|
|
1338
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1342
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-focus-visible] {
|
|
1339
1343
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
|
|
1340
1344
|
--color: var(--hop-EmbeddedButton-subdued-color-focused);
|
|
1341
1345
|
}
|
|
1342
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1346
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-pressed] {
|
|
1343
1347
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
|
|
1344
1348
|
--color: var(--hop-EmbeddedButton-subdued-color-pressed);
|
|
1345
1349
|
}
|
|
1346
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1350
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl[data-disabled] {
|
|
1347
1351
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
|
|
1348
1352
|
--color: var(--hop-EmbeddedButton-subdued-color-disabled);
|
|
1349
1353
|
}
|
|
1350
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1354
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-hovered] {
|
|
1351
1355
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
|
|
1352
1356
|
--color: var(--hop-EmbeddedButton-progress-color-hovered);
|
|
1353
1357
|
}
|
|
1354
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1358
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-focus-visible] {
|
|
1355
1359
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
|
|
1356
1360
|
--color: var(--hop-EmbeddedButton-progress-color-focused);
|
|
1357
1361
|
}
|
|
1358
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1362
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-pressed] {
|
|
1359
1363
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
|
|
1360
1364
|
--color: var(--hop-EmbeddedButton-progress-color-pressed);
|
|
1361
1365
|
}
|
|
1362
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1366
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs[data-disabled] {
|
|
1363
1367
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
|
|
1364
1368
|
--color: var(--hop-EmbeddedButton-progress-color-disabled);
|
|
1365
1369
|
}
|
|
1366
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1370
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-hovered] {
|
|
1367
1371
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
|
|
1368
1372
|
--color: var(--hop-EmbeddedButton-positive-color-hovered);
|
|
1369
1373
|
}
|
|
1370
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1374
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-focus-visible] {
|
|
1371
1375
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
|
|
1372
1376
|
--color: var(--hop-EmbeddedButton-positive-color-focused);
|
|
1373
1377
|
}
|
|
1374
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1378
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-pressed] {
|
|
1375
1379
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
|
|
1376
1380
|
--color: var(--hop-EmbeddedButton-positive-color-pressed);
|
|
1377
1381
|
}
|
|
1378
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1382
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS[data-disabled] {
|
|
1379
1383
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
|
|
1380
1384
|
--color: var(--hop-EmbeddedButton-positive-color-disabled);
|
|
1381
1385
|
}
|
|
1382
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1386
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-hovered] {
|
|
1383
1387
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
|
|
1384
1388
|
--color: var(--hop-EmbeddedButton-caution-color-hovered);
|
|
1385
1389
|
}
|
|
1386
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1390
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-focus-visible] {
|
|
1387
1391
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
|
|
1388
1392
|
--color: var(--hop-EmbeddedButton-caution-color-focused);
|
|
1389
1393
|
}
|
|
1390
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1394
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-pressed] {
|
|
1391
1395
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
|
|
1392
1396
|
--color: var(--hop-EmbeddedButton-caution-color-pressed);
|
|
1393
1397
|
}
|
|
1394
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1398
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl[data-disabled] {
|
|
1395
1399
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
|
|
1396
1400
|
--color: var(--hop-EmbeddedButton-caution-color-disabled);
|
|
1397
1401
|
}
|
|
1398
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1402
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-hovered] {
|
|
1399
1403
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
|
|
1400
1404
|
--color: var(--hop-EmbeddedButton-negative-color-hovered);
|
|
1401
1405
|
}
|
|
1402
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1406
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-focus-visible] {
|
|
1403
1407
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
|
|
1404
1408
|
--color: var(--hop-EmbeddedButton-negative-color-focused);
|
|
1405
1409
|
}
|
|
1406
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1410
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-pressed] {
|
|
1407
1411
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
|
|
1408
1412
|
--color: var(--hop-EmbeddedButton-negative-color-pressed);
|
|
1409
1413
|
}
|
|
1410
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1414
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB[data-disabled] {
|
|
1411
1415
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
|
|
1412
1416
|
--color: var(--hop-EmbeddedButton-negative-color-disabled);
|
|
1413
1417
|
}
|
|
1414
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1418
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-hovered] {
|
|
1415
1419
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
|
|
1416
1420
|
--color: var(--hop-EmbeddedButton-option1-color-hovered);
|
|
1417
1421
|
}
|
|
1418
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1422
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-focus-visible] {
|
|
1419
1423
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
|
|
1420
1424
|
--color: var(--hop-EmbeddedButton-option1-color-focused);
|
|
1421
1425
|
}
|
|
1422
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1426
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-pressed] {
|
|
1423
1427
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
|
|
1424
1428
|
--color: var(--hop-EmbeddedButton-option1-color-pressed);
|
|
1425
1429
|
}
|
|
1426
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1430
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-[data-disabled] {
|
|
1427
1431
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
|
|
1428
1432
|
--color: var(--hop-EmbeddedButton-option1-color-disabled);
|
|
1429
1433
|
}
|
|
1430
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1434
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-hovered] {
|
|
1431
1435
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
|
|
1432
1436
|
--color: var(--hop-EmbeddedButton-option2-color-hovered);
|
|
1433
1437
|
}
|
|
1434
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1438
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-focus-visible] {
|
|
1435
1439
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
|
|
1436
1440
|
--color: var(--hop-EmbeddedButton-option2-color-focused);
|
|
1437
1441
|
}
|
|
1438
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1442
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-pressed] {
|
|
1439
1443
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
|
|
1440
1444
|
--color: var(--hop-EmbeddedButton-option2-color-pressed);
|
|
1441
1445
|
}
|
|
1442
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1446
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9[data-disabled] {
|
|
1443
1447
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
|
|
1444
1448
|
--color: var(--hop-EmbeddedButton-option2-color-disabled);
|
|
1445
1449
|
}
|
|
1446
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1450
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-hovered] {
|
|
1447
1451
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
|
|
1448
1452
|
--color: var(--hop-EmbeddedButton-option3-color-hovered);
|
|
1449
1453
|
}
|
|
1450
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1454
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-focus-visible] {
|
|
1451
1455
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
|
|
1452
1456
|
--color: var(--hop-EmbeddedButton-option3-color-focused);
|
|
1453
1457
|
}
|
|
1454
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1458
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-pressed] {
|
|
1455
1459
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
|
|
1456
1460
|
--color: var(--hop-EmbeddedButton-option3-color-pressed);
|
|
1457
1461
|
}
|
|
1458
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1462
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy[data-disabled] {
|
|
1459
1463
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
|
|
1460
1464
|
--color: var(--hop-EmbeddedButton-option3-color-disabled);
|
|
1461
1465
|
}
|
|
1462
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1466
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-hovered] {
|
|
1463
1467
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
|
|
1464
1468
|
--color: var(--hop-EmbeddedButton-option4-color-hovered);
|
|
1465
1469
|
}
|
|
1466
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1470
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-focus-visible] {
|
|
1467
1471
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
|
|
1468
1472
|
--color: var(--hop-EmbeddedButton-option4-color-focused);
|
|
1469
1473
|
}
|
|
1470
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1474
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-pressed] {
|
|
1471
1475
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
|
|
1472
1476
|
--color: var(--hop-EmbeddedButton-option4-color-pressed);
|
|
1473
1477
|
}
|
|
1474
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1478
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN[data-disabled] {
|
|
1475
1479
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
|
|
1476
1480
|
--color: var(--hop-EmbeddedButton-option4-color-disabled);
|
|
1477
1481
|
}
|
|
1478
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1482
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-hovered] {
|
|
1479
1483
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
|
|
1480
1484
|
--color: var(--hop-EmbeddedButton-option5-color-hovered);
|
|
1481
1485
|
}
|
|
1482
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1486
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-focus-visible] {
|
|
1483
1487
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
|
|
1484
1488
|
--color: var(--hop-EmbeddedButton-option5-color-focused);
|
|
1485
1489
|
}
|
|
1486
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1490
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-pressed] {
|
|
1487
1491
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
|
|
1488
1492
|
--color: var(--hop-EmbeddedButton-option5-color-pressed);
|
|
1489
1493
|
}
|
|
1490
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1494
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn[data-disabled] {
|
|
1491
1495
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
|
|
1492
1496
|
--color: var(--hop-EmbeddedButton-option5-color-disabled);
|
|
1493
1497
|
}
|
|
1494
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1498
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-hovered] {
|
|
1495
1499
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
|
|
1496
1500
|
--color: var(--hop-EmbeddedButton-option6-color-hovered);
|
|
1497
1501
|
}
|
|
1498
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1502
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-focus-visible] {
|
|
1499
1503
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
|
|
1500
1504
|
--color: var(--hop-EmbeddedButton-option6-color-focused);
|
|
1501
1505
|
}
|
|
1502
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1506
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-pressed] {
|
|
1503
1507
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
|
|
1504
1508
|
--color: var(--hop-EmbeddedButton-option6-color-pressed);
|
|
1505
1509
|
}
|
|
1506
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1510
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN[data-disabled] {
|
|
1507
1511
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
|
|
1508
1512
|
--color: var(--hop-EmbeddedButton-option6-color-disabled);
|
|
1509
1513
|
}
|
|
1510
|
-
.EmbeddedButton-module__hop-
|
|
1514
|
+
.EmbeddedButton-module__hop-EmbeddedButton__icon___IfhUX {
|
|
1511
1515
|
position: relative;
|
|
1512
1516
|
}
|
|
1513
1517
|
|
|
1514
1518
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
|
|
1515
|
-
.Checkbox-module__hop-
|
|
1519
|
+
.Checkbox-module__hop-Checkbox___LGvQv {
|
|
1516
1520
|
--hop-Checkbox-box-border-size: 0.0625rem;
|
|
1517
1521
|
--hop-Checkbox-box-border-color: var(--hop-neutral-border);
|
|
1518
1522
|
--hop-Checkbox-box-background-color: var(--hop-neutral-surface);
|
|
@@ -1587,63 +1591,63 @@
|
|
|
1587
1591
|
inline-size: max-content;
|
|
1588
1592
|
max-inline-size: 100%;
|
|
1589
1593
|
}
|
|
1590
|
-
.Checkbox-module__hop-
|
|
1591
|
-
.Checkbox-module__hop-Checkbox--
|
|
1594
|
+
.Checkbox-module__hop-Checkbox___LGvQv[data-focus-visible],
|
|
1595
|
+
.Checkbox-module__hop-Checkbox--focused___vjDn- {
|
|
1592
1596
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused);
|
|
1593
1597
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused);
|
|
1594
1598
|
--box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
|
|
1595
1599
|
--text-color: var(--hop-Checkbox-text-color-focused);
|
|
1596
1600
|
--icon-color: var(--hop-Checkbox-icon-color-focused);
|
|
1597
1601
|
}
|
|
1598
|
-
.Checkbox-module__hop-
|
|
1599
|
-
.Checkbox-module__hop-Checkbox--
|
|
1602
|
+
.Checkbox-module__hop-Checkbox___LGvQv[data-hovered],
|
|
1603
|
+
.Checkbox-module__hop-Checkbox--hovered___rBo1O {
|
|
1600
1604
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered);
|
|
1601
1605
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered);
|
|
1602
1606
|
--text-color: var(--hop-Checkbox-text-color-hovered);
|
|
1603
1607
|
--icon-color: var(--hop-Checkbox-icon-color-hovered);
|
|
1604
1608
|
}
|
|
1605
|
-
.Checkbox-module__hop-
|
|
1606
|
-
.Checkbox-module__hop-Checkbox--
|
|
1609
|
+
.Checkbox-module__hop-Checkbox___LGvQv[data-pressed],
|
|
1610
|
+
.Checkbox-module__hop-Checkbox--pressed___A-Tzt {
|
|
1607
1611
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed);
|
|
1608
1612
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed);
|
|
1609
1613
|
--text-color: var(--hop-Checkbox-text-color-pressed);
|
|
1610
1614
|
--icon-color: var(--hop-Checkbox-icon-color-pressed);
|
|
1611
1615
|
}
|
|
1612
|
-
.Checkbox-module__hop-
|
|
1616
|
+
.Checkbox-module__hop-Checkbox___LGvQv[data-selected] {
|
|
1613
1617
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected);
|
|
1614
1618
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected);
|
|
1615
1619
|
--check-display: var(--hop-Checkbox-check-display-selected);
|
|
1616
1620
|
--text-color: var(--hop-Checkbox-text-color-selected);
|
|
1617
1621
|
--icon-color: var(--hop-Checkbox-icon-color-selected);
|
|
1618
1622
|
}
|
|
1619
|
-
.Checkbox-module__hop-
|
|
1623
|
+
.Checkbox-module__hop-Checkbox___LGvQv[data-invalid] {
|
|
1620
1624
|
--box-background-color: var(--hop-Checkbox-box-background-color-invalid);
|
|
1621
1625
|
--box-border-color: var(--hop-Checkbox-box-border-color-invalid);
|
|
1622
1626
|
--check-color: var(--hop-Checkbox-check-color-invalid);
|
|
1623
1627
|
--text-color: var(--hop-Checkbox-text-color-invalid);
|
|
1624
1628
|
--icon-color: var(--hop-Checkbox-icon-color-invalid);
|
|
1625
1629
|
}
|
|
1626
|
-
.Checkbox-module__hop-
|
|
1630
|
+
.Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___vjDn-) {
|
|
1627
1631
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
|
|
1628
1632
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
|
|
1629
1633
|
}
|
|
1630
|
-
.Checkbox-module__hop-
|
|
1634
|
+
.Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___rBo1O) {
|
|
1631
1635
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
|
|
1632
1636
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
|
|
1633
1637
|
--text-color: var(--hop-Checkbox-text-color-hovered-invalid);
|
|
1634
1638
|
--icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
|
|
1635
1639
|
}
|
|
1636
|
-
.Checkbox-module__hop-
|
|
1640
|
+
.Checkbox-module__hop-Checkbox___LGvQv[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___A-Tzt) {
|
|
1637
1641
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
|
|
1638
1642
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
|
|
1639
1643
|
--text-color: var(--hop-Checkbox-text-color-pressed-invalid);
|
|
1640
1644
|
--icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
|
|
1641
1645
|
}
|
|
1642
|
-
.Checkbox-module__hop-
|
|
1646
|
+
.Checkbox-module__hop-Checkbox___LGvQv:where([data-invalid])[data-selected] {
|
|
1643
1647
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
|
|
1644
1648
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
|
|
1645
1649
|
}
|
|
1646
|
-
.Checkbox-module__hop-
|
|
1650
|
+
.Checkbox-module__hop-Checkbox___LGvQv[data-disabled] {
|
|
1647
1651
|
--box-background-color: var(--hop-Checkbox-box-background-color-disabled);
|
|
1648
1652
|
--box-border-color: var(--hop-Checkbox-box-border-color-disabled);
|
|
1649
1653
|
--check-color: var(--hop-Checkbox-check-color-disabled);
|
|
@@ -1651,25 +1655,25 @@
|
|
|
1651
1655
|
--text-color: var(--hop-Checkbox-text-color-disabled);
|
|
1652
1656
|
--icon-color: var(--hop-Checkbox-icon-color-disabled);
|
|
1653
1657
|
}
|
|
1654
|
-
.Checkbox-module__hop-Checkbox--
|
|
1658
|
+
.Checkbox-module__hop-Checkbox--sm___4oMPK {
|
|
1655
1659
|
--box-block-size: var(--hop-Checkbox-box-sm-block-size);
|
|
1656
1660
|
--box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
|
|
1657
1661
|
--text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
|
|
1658
1662
|
--text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
|
|
1659
1663
|
}
|
|
1660
|
-
.Checkbox-module__hop-Checkbox--
|
|
1664
|
+
.Checkbox-module__hop-Checkbox--md___TcJBe {
|
|
1661
1665
|
--box-block-size: var(--hop-Checkbox-box-md-block-size);
|
|
1662
1666
|
--box-inline-size: var(--hop-Checkbox-box-md-inline-size);
|
|
1663
1667
|
--text-top-offset: var(--hop-Checkbox-text-md-top-offset);
|
|
1664
1668
|
--text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
|
|
1665
1669
|
}
|
|
1666
|
-
.Checkbox-module__hop-
|
|
1667
|
-
.Checkbox-module__hop-Checkbox__icon-
|
|
1670
|
+
.Checkbox-module__hop-Checkbox__icon___czSm3,
|
|
1671
|
+
.Checkbox-module__hop-Checkbox__icon-list___657WD {
|
|
1668
1672
|
flex: 0 0 auto;
|
|
1669
1673
|
order: 3;
|
|
1670
1674
|
color: var(--icon-color);
|
|
1671
1675
|
}
|
|
1672
|
-
.Checkbox-module__hop-
|
|
1676
|
+
.Checkbox-module__hop-Checkbox__box___hg4Mw {
|
|
1673
1677
|
display: flex;
|
|
1674
1678
|
flex: 0 0 auto;
|
|
1675
1679
|
align-items: center;
|
|
@@ -1685,11 +1689,11 @@
|
|
|
1685
1689
|
outline-offset: 0.125rem;
|
|
1686
1690
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
1687
1691
|
}
|
|
1688
|
-
.Checkbox-module__hop-
|
|
1692
|
+
.Checkbox-module__hop-Checkbox__check___X5sEH {
|
|
1689
1693
|
display: var(--check-display);
|
|
1690
1694
|
color: var(--check-color);
|
|
1691
1695
|
}
|
|
1692
|
-
.Checkbox-module__hop-
|
|
1696
|
+
.Checkbox-module__hop-Checkbox__text___IAcx- {
|
|
1693
1697
|
flex: 0 1 auto;
|
|
1694
1698
|
order: 2;
|
|
1695
1699
|
min-inline-size: 0;
|
|
@@ -1699,7 +1703,7 @@
|
|
|
1699
1703
|
}
|
|
1700
1704
|
|
|
1701
1705
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
|
|
1702
|
-
.CheckboxField-module__hop-
|
|
1706
|
+
.CheckboxField-module__hop-CheckboxField___ycgKg {
|
|
1703
1707
|
--hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
|
|
1704
1708
|
--hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
1705
1709
|
--hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -1718,28 +1722,28 @@
|
|
|
1718
1722
|
inline-size: max-content;
|
|
1719
1723
|
max-inline-size: 100%;
|
|
1720
1724
|
}
|
|
1721
|
-
.CheckboxField-module__hop-
|
|
1725
|
+
.CheckboxField-module__hop-CheckboxField___ycgKg[data-disabled] {
|
|
1722
1726
|
--description-color: var(--hop-CheckboxField-description-color-disabled);
|
|
1723
1727
|
}
|
|
1724
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
1728
|
+
.CheckboxField-module__hop-CheckboxField--sm___p26LG {
|
|
1725
1729
|
--row-gap: var(--hop-CheckboxField-sm-row-gap);
|
|
1726
1730
|
--description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
|
|
1727
1731
|
}
|
|
1728
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
1732
|
+
.CheckboxField-module__hop-CheckboxField--md___GtuQL {
|
|
1729
1733
|
--row-gap: var(--hop-CheckboxField-md-row-gap);
|
|
1730
1734
|
--description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
|
|
1731
1735
|
}
|
|
1732
|
-
.CheckboxField-module__hop-
|
|
1736
|
+
.CheckboxField-module__hop-CheckboxField__description___td-PO {
|
|
1733
1737
|
order: 2;
|
|
1734
1738
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
|
|
1735
1739
|
color: var(--description-color);
|
|
1736
1740
|
}
|
|
1737
|
-
.CheckboxField-module__hop-
|
|
1741
|
+
.CheckboxField-module__hop-CheckboxField__checkbox___tdxHy {
|
|
1738
1742
|
order: 1;
|
|
1739
1743
|
}
|
|
1740
1744
|
|
|
1741
1745
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
|
|
1742
|
-
.ErrorMessage-module__hop-
|
|
1746
|
+
.ErrorMessage-module__hop-ErrorMessage___lZhsu {
|
|
1743
1747
|
--hop-ErrorMessage-color: var(--hop-danger-text-weak);
|
|
1744
1748
|
--hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
|
|
1745
1749
|
--hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
|
|
@@ -1756,13 +1760,13 @@
|
|
|
1756
1760
|
line-height: var(--hop-ErrorMessage-line-height);
|
|
1757
1761
|
color: var(--hop-ErrorMessage-color);
|
|
1758
1762
|
}
|
|
1759
|
-
.ErrorMessage-module__hop-
|
|
1763
|
+
.ErrorMessage-module__hop-ErrorMessage__icon___Dnsoj {
|
|
1760
1764
|
flex: 0 0 auto;
|
|
1761
1765
|
align-self: flex-start;
|
|
1762
1766
|
}
|
|
1763
1767
|
|
|
1764
1768
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
|
|
1765
|
-
.HelperMessage-module__hop-
|
|
1769
|
+
.HelperMessage-module__hop-HelperMessage___g-VQU {
|
|
1766
1770
|
--hop-HelperMessage-color: var(--hop-neutral-text-weak);
|
|
1767
1771
|
--hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
|
|
1768
1772
|
display: flex;
|
|
@@ -1771,32 +1775,32 @@
|
|
|
1771
1775
|
box-sizing: border-box;
|
|
1772
1776
|
color: var(--hop-HelperMessage-color);
|
|
1773
1777
|
}
|
|
1774
|
-
.HelperMessage-module__hop-
|
|
1778
|
+
.HelperMessage-module__hop-HelperMessage__icon___cXfSo {
|
|
1775
1779
|
flex: 0 0 auto;
|
|
1776
1780
|
align-self: flex-start;
|
|
1777
1781
|
}
|
|
1778
1782
|
|
|
1779
1783
|
/* 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-
|
|
1784
|
+
.Label-module__hop-Label___nfV-B {
|
|
1781
1785
|
--hop-Label-font-size: var(--hop-heading-xs-font-size);
|
|
1782
1786
|
--hop-Label-font-family: var(--hop-heading-xs-font-family);
|
|
1783
1787
|
--hop-Label-font-weight: var(--hop-heading-xs-font-weight);
|
|
1784
1788
|
--hop-Label-line-height: var(--hop-heading-xs-line-height);
|
|
1785
1789
|
--hop-Label-color: var(--hop-neutral-text-weak);
|
|
1786
1790
|
}
|
|
1787
|
-
:where(.Label-module__hop-
|
|
1791
|
+
:where(.Label-module__hop-Label___nfV-B) {
|
|
1788
1792
|
font-family: var(--hop-Label-font-family);
|
|
1789
1793
|
font-size: var(--hop-Label-font-size);
|
|
1790
1794
|
font-weight: var(--hop-Label-font-weight);
|
|
1791
1795
|
line-height: var(--hop-Label-line-height);
|
|
1792
1796
|
color: var(--hop-Label-color);
|
|
1793
1797
|
}
|
|
1794
|
-
:where(.Label-module__hop-
|
|
1798
|
+
:where(.Label-module__hop-Label__indicator___mNdrU) {
|
|
1795
1799
|
padding-inline-start: var(--hop-space-20);
|
|
1796
1800
|
}
|
|
1797
1801
|
|
|
1798
1802
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
|
|
1799
|
-
.CheckboxGroup-module__hop-
|
|
1803
|
+
.CheckboxGroup-module__hop-CheckboxGroup___THbpa {
|
|
1800
1804
|
--hop-CheckboxGroup-align-items: flex-start;
|
|
1801
1805
|
--hop-CheckboxGroup-justify-content: flex-start;
|
|
1802
1806
|
--hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -1835,46 +1839,46 @@
|
|
|
1835
1839
|
inline-size: max-content;
|
|
1836
1840
|
max-inline-size: 100%;
|
|
1837
1841
|
}
|
|
1838
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1842
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92 {
|
|
1839
1843
|
--list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
|
|
1840
1844
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
1841
1845
|
}
|
|
1842
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1846
|
+
.CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE {
|
|
1843
1847
|
--column-gap: var(--hop-CheckboxGroup-sm-column-gap);
|
|
1844
1848
|
--row-gap: var(--hop-CheckboxGroup-sm-row-gap);
|
|
1845
1849
|
--list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
|
|
1846
1850
|
--list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
|
|
1847
1851
|
}
|
|
1848
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1852
|
+
.CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb {
|
|
1849
1853
|
--column-gap: var(--hop-CheckboxGroup-md-column-gap);
|
|
1850
1854
|
--row-gap: var(--hop-CheckboxGroup-md-row-gap);
|
|
1851
1855
|
--list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
|
|
1852
1856
|
--list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
|
|
1853
1857
|
}
|
|
1854
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1858
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92.CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE {
|
|
1855
1859
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
|
|
1856
1860
|
--column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
|
|
1857
1861
|
--row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
|
|
1858
1862
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
|
|
1859
1863
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
|
|
1860
1864
|
}
|
|
1861
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1865
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92.CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb {
|
|
1862
1866
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
|
|
1863
1867
|
--column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
|
|
1864
1868
|
--row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
|
|
1865
1869
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
|
|
1866
1870
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
|
|
1867
1871
|
}
|
|
1868
|
-
.CheckboxGroup-module__hop-
|
|
1872
|
+
.CheckboxGroup-module__hop-CheckboxGroup___THbpa[data-orientation=horizontal] {
|
|
1869
1873
|
--flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
|
|
1870
1874
|
}
|
|
1871
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1875
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=horizontal] {
|
|
1872
1876
|
--flex-wrap: nowrap;
|
|
1873
1877
|
}
|
|
1874
|
-
.CheckboxGroup-module__hop-
|
|
1878
|
+
.CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__label___YaFOG {
|
|
1875
1879
|
order: 1;
|
|
1876
1880
|
}
|
|
1877
|
-
.CheckboxGroup-module__hop-
|
|
1881
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB {
|
|
1878
1882
|
display: flex;
|
|
1879
1883
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
1880
1884
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -1885,7 +1889,7 @@
|
|
|
1885
1889
|
border: var(--list-border, none);
|
|
1886
1890
|
border-radius: var(--list-border-radius, 0);
|
|
1887
1891
|
}
|
|
1888
|
-
.CheckboxGroup-module__hop-
|
|
1892
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq {
|
|
1889
1893
|
position: relative;
|
|
1890
1894
|
flex: 0 1 auto;
|
|
1891
1895
|
align-content: start;
|
|
@@ -1893,28 +1897,28 @@
|
|
|
1893
1897
|
min-inline-size: 0;
|
|
1894
1898
|
padding: var(--checkbox-padding, 0);
|
|
1895
1899
|
}
|
|
1896
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1900
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92 .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
|
|
1897
1901
|
content: "";
|
|
1898
1902
|
position: absolute;
|
|
1899
1903
|
display: block;
|
|
1900
1904
|
}
|
|
1901
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1905
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
|
|
1902
1906
|
inset-block-start: 0;
|
|
1903
1907
|
inset-inline: 0;
|
|
1904
1908
|
border-block-start: var(--list-border, none);
|
|
1905
1909
|
}
|
|
1906
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1910
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq::before {
|
|
1907
1911
|
inset-block: 0;
|
|
1908
1912
|
inset-inline-start: 0;
|
|
1909
1913
|
border-inline-start: var(--list-border, none);
|
|
1910
1914
|
}
|
|
1911
|
-
.CheckboxGroup-module__hop-
|
|
1912
|
-
.CheckboxGroup-module__hop-
|
|
1915
|
+
.CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__error-message___uPyiu,
|
|
1916
|
+
.CheckboxGroup-module__hop-CheckboxGroup___THbpa > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___SPO-k {
|
|
1913
1917
|
order: 3;
|
|
1914
1918
|
}
|
|
1915
1919
|
|
|
1916
1920
|
/* 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-
|
|
1921
|
+
:where(.Divider-module__hop-Divider___0dYuL) {
|
|
1918
1922
|
--hop-Divider-border-color: var(--hop-neutral-border-weak);
|
|
1919
1923
|
--hop-Divider-border-size: 0.0625rem;
|
|
1920
1924
|
--hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
|
|
@@ -1939,7 +1943,7 @@
|
|
|
1939
1943
|
border-block-end: var(--border-block-end);
|
|
1940
1944
|
border-inline-start: var(--border-inline-start);
|
|
1941
1945
|
}
|
|
1942
|
-
.Divider-module__hop-Divider--
|
|
1946
|
+
.Divider-module__hop-Divider--vertical___-u8sG {
|
|
1943
1947
|
--border-block-end: var(--hop-Divider-vertical-border-block-end);
|
|
1944
1948
|
--border-inline-start: var(--hop-Divider-vertical-border-inline-start);
|
|
1945
1949
|
--inline-size: var(--hop-Divider-vertical-inline-size);
|
|
@@ -1947,7 +1951,7 @@
|
|
|
1947
1951
|
}
|
|
1948
1952
|
|
|
1949
1953
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
|
|
1950
|
-
.InputGroup-module__hop-
|
|
1954
|
+
.InputGroup-module__hop-InputGroup___9-1q- {
|
|
1951
1955
|
--hop-InputGroup-background: var(--hop-neutral-surface);
|
|
1952
1956
|
--hop-InputGroup-border-color: var(--hop-neutral-border);
|
|
1953
1957
|
--hop-InputGroup-border-width: 0.0625rem;
|
|
@@ -1995,6 +1999,7 @@
|
|
|
1995
1999
|
--hop-InputGroup-placeholder-line-height: inherit;
|
|
1996
2000
|
--hop-InputGroup-placeholder-color: var(--hop-neutral-text-weakest);
|
|
1997
2001
|
--hop-InputGroup-placeholder-color-disabled: var(--hop-neutral-text-disabled);
|
|
2002
|
+
--hop-InputGroup-embedded-button-margin-inline-end: calc(-1 * var(--hop-space-inline-sm));
|
|
1998
2003
|
--inline-size: var(--hop-InputGroup-inline-size);
|
|
1999
2004
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
|
|
2000
2005
|
--background: var(--hop-InputGroup-background);
|
|
@@ -2027,11 +2032,11 @@
|
|
|
2027
2032
|
border: var(--border);
|
|
2028
2033
|
border-radius: var(--hop-InputGroup-border-radius);
|
|
2029
2034
|
}
|
|
2030
|
-
.InputGroup-module__hop-InputGroup--
|
|
2035
|
+
.InputGroup-module__hop-InputGroup--fluid___k2wft {
|
|
2031
2036
|
--inline-size: 100%;
|
|
2032
2037
|
--input-inline-size: 100%;
|
|
2033
2038
|
}
|
|
2034
|
-
.InputGroup-module__hop-InputGroup--
|
|
2039
|
+
.InputGroup-module__hop-InputGroup--sm___mFJd4 {
|
|
2035
2040
|
--block-size: var(--hop-InputGroup-sm-block-size);
|
|
2036
2041
|
--input-font-family: var(--hop-InputGroup-input-sm-font-family);
|
|
2037
2042
|
--input-font-size: var(--hop-InputGroup-input-sm-font-size);
|
|
@@ -2039,7 +2044,7 @@
|
|
|
2039
2044
|
--input-line-height: var(--hop-InputGroup-input-sm-line-height);
|
|
2040
2045
|
--input-block-size: var(--hop-InputGroup-input-sm-block-size);
|
|
2041
2046
|
}
|
|
2042
|
-
.InputGroup-module__hop-
|
|
2047
|
+
.InputGroup-module__hop-InputGroup___9-1q-[data-input-type=textarea] {
|
|
2043
2048
|
--gap: var(--hop-InputGroup-gap-textarea);
|
|
2044
2049
|
--flex-direction: var(--hop-InputGroup-flex-direction-textarea);
|
|
2045
2050
|
--align-items: var(--hop-InputGroup-align-items-textarea);
|
|
@@ -2047,28 +2052,28 @@
|
|
|
2047
2052
|
--padding-inline: var(--hop-InputGroup-padding-inline-textarea);
|
|
2048
2053
|
--padding-block: var(--hop-InputGroup-padding-block-textarea);
|
|
2049
2054
|
}
|
|
2050
|
-
.InputGroup-module__hop-
|
|
2055
|
+
.InputGroup-module__hop-InputGroup___9-1q-[data-input-type=number] {
|
|
2051
2056
|
--display: var(--hop-InputGroup-display-number);
|
|
2052
2057
|
--gap: var(--hop-InputGroup-gap-number);
|
|
2053
2058
|
}
|
|
2054
|
-
.InputGroup-module__hop-
|
|
2059
|
+
.InputGroup-module__hop-InputGroup___9-1q-[data-hovered] {
|
|
2055
2060
|
--background: var(--hop-InputGroup-background-hover);
|
|
2056
2061
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
|
|
2057
2062
|
}
|
|
2058
|
-
.InputGroup-module__hop-
|
|
2063
|
+
.InputGroup-module__hop-InputGroup___9-1q-[data-focus-within] {
|
|
2059
2064
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
|
|
2060
2065
|
}
|
|
2061
|
-
.InputGroup-module__hop-
|
|
2066
|
+
.InputGroup-module__hop-InputGroup___9-1q-[data-invalid] {
|
|
2062
2067
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
|
|
2063
2068
|
}
|
|
2064
|
-
.InputGroup-module__hop-
|
|
2069
|
+
.InputGroup-module__hop-InputGroup___9-1q-[data-disabled] {
|
|
2065
2070
|
--background: var(--hop-InputGroup-background-disabled);
|
|
2066
2071
|
--border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
|
|
2067
2072
|
--input-color: var(--hop-InputGroup-input-color-disabled);
|
|
2068
2073
|
--input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
|
|
2069
2074
|
}
|
|
2070
|
-
.InputGroup-module__hop-
|
|
2071
|
-
.InputGroup-module__hop-
|
|
2075
|
+
.InputGroup-module__hop-InputGroup__input___4cTjR,
|
|
2076
|
+
.InputGroup-module__hop-InputGroup__textarea___ini37 {
|
|
2072
2077
|
flex: 1 1 auto;
|
|
2073
2078
|
box-sizing: border-box;
|
|
2074
2079
|
inline-size: var(--input-inline-size);
|
|
@@ -2082,23 +2087,26 @@
|
|
|
2082
2087
|
border: none;
|
|
2083
2088
|
outline: none;
|
|
2084
2089
|
}
|
|
2085
|
-
.InputGroup-module__hop-
|
|
2090
|
+
.InputGroup-module__hop-InputGroup__input___4cTjR {
|
|
2086
2091
|
block-size: var(--input-block-size);
|
|
2087
2092
|
padding: var(--hop-InputGroup-input-padding);
|
|
2088
2093
|
}
|
|
2089
|
-
.InputGroup-module__hop-
|
|
2094
|
+
.InputGroup-module__hop-InputGroup__textarea___ini37 {
|
|
2090
2095
|
padding: var(--hop-InputGroup-textarea-padding);
|
|
2091
2096
|
}
|
|
2092
|
-
.InputGroup-module__hop-
|
|
2097
|
+
.InputGroup-module__hop-InputGroup__input___4cTjR::placeholder {
|
|
2093
2098
|
font-family: var(--hop-InputGroup-placeholder-font-family);
|
|
2094
2099
|
font-size: var(--hop-InputGroup-placeholder-font-size);
|
|
2095
2100
|
font-weight: var(--hop-InputGroup-placeholder-font-weight);
|
|
2096
2101
|
line-height: var(--hop-InputGroup-placeholder-line-height);
|
|
2097
2102
|
color: var(--input-placeholder-color);
|
|
2098
2103
|
}
|
|
2104
|
+
.InputGroup-module__hop-InputGroup__embedded-button___Hmstz {
|
|
2105
|
+
margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
|
|
2106
|
+
}
|
|
2099
2107
|
|
|
2100
2108
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
|
|
2101
|
-
.Heading-module__hop-
|
|
2109
|
+
.Heading-module__hop-Heading___bHXtt {
|
|
2102
2110
|
--hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
|
|
2103
2111
|
--hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
|
|
2104
2112
|
--hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
|
|
@@ -2132,50 +2140,50 @@
|
|
|
2132
2140
|
--hop-Heading-inherit-size-font-weight: inherit;
|
|
2133
2141
|
--hop-Heading-inherit-size-line-height: inherit;
|
|
2134
2142
|
}
|
|
2135
|
-
:where(.Heading-module__hop-
|
|
2143
|
+
:where(.Heading-module__hop-Heading___bHXtt) {
|
|
2136
2144
|
margin: 0;
|
|
2137
2145
|
font-family: var(--font-family);
|
|
2138
2146
|
font-size: var(--font-size);
|
|
2139
2147
|
font-weight: var(--font-weight);
|
|
2140
2148
|
line-height: var(--line-height);
|
|
2141
2149
|
}
|
|
2142
|
-
:where(.Heading-module__hop-Heading--
|
|
2150
|
+
:where(.Heading-module__hop-Heading--xs___rkqGG) {
|
|
2143
2151
|
--font-size: var(--hop-Heading-xs-font-size);
|
|
2144
2152
|
--font-family: var(--hop-Heading-xs-font-family);
|
|
2145
2153
|
--font-weight: var(--hop-Heading-xs-font-weight);
|
|
2146
2154
|
--line-height: var(--hop-Heading-xs-line-height);
|
|
2147
2155
|
}
|
|
2148
|
-
:where(.Heading-module__hop-Heading--
|
|
2156
|
+
:where(.Heading-module__hop-Heading--sm___auPVY) {
|
|
2149
2157
|
--font-size: var(--hop-Heading-sm-font-size);
|
|
2150
2158
|
--font-family: var(--hop-Heading-sm-font-family);
|
|
2151
2159
|
--font-weight: var(--hop-Heading-sm-font-weight);
|
|
2152
2160
|
--line-height: var(--hop-Heading-sm-line-height);
|
|
2153
2161
|
}
|
|
2154
|
-
:where(.Heading-module__hop-Heading--
|
|
2162
|
+
:where(.Heading-module__hop-Heading--md___u5KdF) {
|
|
2155
2163
|
--font-size: var(--hop-Heading-md-font-size);
|
|
2156
2164
|
--font-family: var(--hop-Heading-md-font-family);
|
|
2157
2165
|
--font-weight: var(--hop-Heading-md-font-weight);
|
|
2158
2166
|
--line-height: var(--hop-Heading-md-line-height);
|
|
2159
2167
|
}
|
|
2160
|
-
:where(.Heading-module__hop-Heading--
|
|
2168
|
+
:where(.Heading-module__hop-Heading--lg___zzc1d) {
|
|
2161
2169
|
--font-size: var(--hop-Heading-lg-font-size);
|
|
2162
2170
|
--font-family: var(--hop-Heading-lg-font-family);
|
|
2163
2171
|
--font-weight: var(--hop-Heading-lg-font-weight);
|
|
2164
2172
|
--line-height: var(--hop-Heading-lg-line-height);
|
|
2165
2173
|
}
|
|
2166
|
-
:where(.Heading-module__hop-Heading--
|
|
2174
|
+
:where(.Heading-module__hop-Heading--xl___5SCUd) {
|
|
2167
2175
|
--font-size: var(--hop-Heading-xl-font-size);
|
|
2168
2176
|
--font-family: var(--hop-Heading-xl-font-family);
|
|
2169
2177
|
--font-weight: var(--hop-Heading-xl-font-weight);
|
|
2170
2178
|
--line-height: var(--hop-Heading-xl-line-height);
|
|
2171
2179
|
}
|
|
2172
|
-
:where(.Heading-module__hop-Heading--
|
|
2180
|
+
:where(.Heading-module__hop-Heading--2xl___hnCq3) {
|
|
2173
2181
|
--font-size: var(--hop-Heading-2xl-font-size);
|
|
2174
2182
|
--font-family: var(--hop-Heading-2xl-font-family);
|
|
2175
2183
|
--font-weight: var(--hop-Heading-2xl-font-weight);
|
|
2176
2184
|
--line-height: var(--hop-Heading-2xl-line-height);
|
|
2177
2185
|
}
|
|
2178
|
-
:where(.Heading-module__hop-Heading--
|
|
2186
|
+
:where(.Heading-module__hop-Heading--3xl___aCZIQ) {
|
|
2179
2187
|
--font-size: var(--hop-Heading-3xl-font-size);
|
|
2180
2188
|
--font-family: var(--hop-Heading-3xl-font-family);
|
|
2181
2189
|
--font-weight: var(--hop-Heading-3xl-font-weight);
|
|
@@ -2183,7 +2191,7 @@
|
|
|
2183
2191
|
}
|
|
2184
2192
|
|
|
2185
2193
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
|
|
2186
|
-
.NumberField-module__hop-
|
|
2194
|
+
.NumberField-module__hop-NumberField___mLU-Q {
|
|
2187
2195
|
--hop-NumberField-gap: var(--hop-space-stack-xs);
|
|
2188
2196
|
--hop-NumberField-inline-size: 20rem;
|
|
2189
2197
|
--hop-NumberField-inline-size-fluid: 100%;
|
|
@@ -2231,30 +2239,30 @@
|
|
|
2231
2239
|
gap: var(--hop-NumberField-gap);
|
|
2232
2240
|
inline-size: var(--inline-size);
|
|
2233
2241
|
}
|
|
2234
|
-
.NumberField-module__hop-NumberField--
|
|
2242
|
+
.NumberField-module__hop-NumberField--fluid___nmaXx {
|
|
2235
2243
|
--inline-size: var(--hop-NumberField-inline-size-fluid);
|
|
2236
2244
|
}
|
|
2237
|
-
.NumberField-module__hop-NumberField--
|
|
2245
|
+
.NumberField-module__hop-NumberField--mobile___k6Qee {
|
|
2238
2246
|
--input-group-template: var(--hop-NumberField-input-group-template-mobile);
|
|
2239
2247
|
--stepper-height: var(--hop-NumberField-stepper-height-mobile);
|
|
2240
2248
|
}
|
|
2241
|
-
.NumberField-module__hop-
|
|
2249
|
+
.NumberField-module__hop-NumberField__Label___zDcLB {
|
|
2242
2250
|
order: 0;
|
|
2243
2251
|
}
|
|
2244
|
-
.NumberField-module__hop-
|
|
2252
|
+
.NumberField-module__hop-NumberField__prefix___30fOU {
|
|
2245
2253
|
grid-area: prefix;
|
|
2246
2254
|
margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
|
|
2247
2255
|
color: var(--hop-NumberField-prefix-color);
|
|
2248
2256
|
}
|
|
2249
|
-
.NumberField-module__hop-
|
|
2257
|
+
.NumberField-module__hop-NumberField__InputGroup___w8Y0u {
|
|
2250
2258
|
grid-template: var(--input-group-template);
|
|
2251
2259
|
order: 1;
|
|
2252
2260
|
}
|
|
2253
|
-
.NumberField-module__hop-
|
|
2254
|
-
.NumberField-module__hop-
|
|
2261
|
+
.NumberField-module__hop-NumberField__ErrorMessage___loO-J,
|
|
2262
|
+
.NumberField-module__hop-NumberField__HelperMessage___B5zX1 {
|
|
2255
2263
|
order: 3;
|
|
2256
2264
|
}
|
|
2257
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2265
|
+
.NumberField-module__hop-NumberField__stepper-button___ZjRo- {
|
|
2258
2266
|
cursor: pointer;
|
|
2259
2267
|
display: flex;
|
|
2260
2268
|
grid-area: var(--grid-area, unset);
|
|
@@ -2275,55 +2283,55 @@
|
|
|
2275
2283
|
border-radius: var(--stepper-border-radius, 0);
|
|
2276
2284
|
outline: none;
|
|
2277
2285
|
}
|
|
2278
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2286
|
+
.NumberField-module__hop-NumberField__stepper-button--increment___virGM {
|
|
2279
2287
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
|
|
2280
2288
|
--stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
|
|
2281
2289
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
|
|
2282
2290
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
|
|
2283
2291
|
--grid-area: stepup;
|
|
2284
2292
|
}
|
|
2285
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2293
|
+
.NumberField-module__hop-NumberField__stepper-button--decrement___N3crr {
|
|
2286
2294
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
|
|
2287
2295
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
|
|
2288
2296
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
|
|
2289
2297
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
|
|
2290
2298
|
--grid-area: stepdown;
|
|
2291
2299
|
}
|
|
2292
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2300
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___H4lvU.NumberField-module__hop-NumberField__stepper-button--increment___virGM {
|
|
2293
2301
|
--stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
|
|
2294
2302
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
|
|
2295
2303
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
|
|
2296
2304
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
|
|
2297
2305
|
}
|
|
2298
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2306
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___H4lvU.NumberField-module__hop-NumberField__stepper-button--decrement___N3crr {
|
|
2299
2307
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
|
|
2300
2308
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
|
|
2301
2309
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
|
|
2302
2310
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
|
|
2303
2311
|
}
|
|
2304
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2312
|
+
.NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-hovered] {
|
|
2305
2313
|
color: var(--hop-NumberField-stepper-color-hovered);
|
|
2306
2314
|
background-color: var(--hop-NumberField-stepper-background-color-hovered);
|
|
2307
2315
|
}
|
|
2308
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2316
|
+
.NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-pressed] {
|
|
2309
2317
|
color: var(--hop-NumberField-stepper-color-pressed);
|
|
2310
2318
|
background-color: var(--hop-NumberField-stepper-background-color-pressed);
|
|
2311
2319
|
}
|
|
2312
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2320
|
+
.NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-disabled] {
|
|
2313
2321
|
cursor: not-allowed;
|
|
2314
2322
|
color: var(--hop-NumberField-stepper-color-disabled);
|
|
2315
2323
|
background-color: var(--hop-NumberField-stepper-background-color-disabled);
|
|
2316
2324
|
}
|
|
2317
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2325
|
+
.NumberField-module__hop-NumberField__stepper-button__icon___GhXUL {
|
|
2318
2326
|
display: block;
|
|
2319
2327
|
max-block-size: 100%;
|
|
2320
2328
|
}
|
|
2321
|
-
.NumberField-module__hop-
|
|
2329
|
+
.NumberField-module__hop-NumberField__input___chIIV {
|
|
2322
2330
|
grid-area: input;
|
|
2323
2331
|
}
|
|
2324
2332
|
|
|
2325
2333
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
|
|
2326
|
-
.TextArea-module__hop-
|
|
2334
|
+
.TextArea-module__hop-TextArea___AZnsL {
|
|
2327
2335
|
--hop-TextArea-gap: var(--hop-space-stack-xs);
|
|
2328
2336
|
--hop-TextArea-inline-size: 20rem;
|
|
2329
2337
|
--hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -2341,42 +2349,42 @@
|
|
|
2341
2349
|
inline-size: var(--inline-size);
|
|
2342
2350
|
max-inline-size: 100%;
|
|
2343
2351
|
}
|
|
2344
|
-
.TextArea-module__hop-TextArea--
|
|
2352
|
+
.TextArea-module__hop-TextArea--fluid___SeEFe {
|
|
2345
2353
|
--inline-size: 100%;
|
|
2346
2354
|
}
|
|
2347
|
-
.TextArea-module__hop-
|
|
2355
|
+
.TextArea-module__hop-TextArea___AZnsL[data-resize-mode=vertical] {
|
|
2348
2356
|
--resize: vertical;
|
|
2349
2357
|
}
|
|
2350
|
-
.TextArea-module__hop-
|
|
2358
|
+
.TextArea-module__hop-TextArea___AZnsL[data-over-max-length] {
|
|
2351
2359
|
--char-count-color: var(--hop-TextArea-char-count-color-invalid);
|
|
2352
2360
|
}
|
|
2353
|
-
.TextArea-module__hop-
|
|
2361
|
+
.TextArea-module__hop-TextArea___AZnsL[data-disabled] {
|
|
2354
2362
|
--char-count-color: var(--hop-TextArea-char-count-color-disabled);
|
|
2355
2363
|
}
|
|
2356
|
-
.TextArea-module__hop-
|
|
2364
|
+
.TextArea-module__hop-TextArea__Label___usIcu {
|
|
2357
2365
|
order: 0;
|
|
2358
2366
|
}
|
|
2359
|
-
.TextArea-module__hop-
|
|
2367
|
+
.TextArea-module__hop-TextArea__prefix___SdyC9 {
|
|
2360
2368
|
color: var(--hop-TextArea-prefix-color);
|
|
2361
2369
|
}
|
|
2362
|
-
.TextArea-module__hop-
|
|
2370
|
+
.TextArea-module__hop-TextArea__InputGroup___AMYx9 {
|
|
2363
2371
|
order: 1;
|
|
2364
2372
|
}
|
|
2365
|
-
.TextArea-module__hop-
|
|
2373
|
+
.TextArea-module__hop-TextArea__textarea___qBFJK {
|
|
2366
2374
|
resize: var(--resize);
|
|
2367
2375
|
min-block-size: var(--hop-TextArea-input-min-height);
|
|
2368
2376
|
}
|
|
2369
|
-
.TextArea-module__hop-TextArea__char-
|
|
2377
|
+
.TextArea-module__hop-TextArea__char-count___G2i49 {
|
|
2370
2378
|
padding: var(--hop-TextArea-char-count-padding);
|
|
2371
2379
|
color: var(--char-count-color);
|
|
2372
2380
|
}
|
|
2373
|
-
.TextArea-module__hop-
|
|
2374
|
-
.TextArea-module__hop-
|
|
2381
|
+
.TextArea-module__hop-TextArea__ErrorMessage___kWsAn,
|
|
2382
|
+
.TextArea-module__hop-TextArea__HelperMessage___yOGFC {
|
|
2375
2383
|
order: 3;
|
|
2376
2384
|
}
|
|
2377
2385
|
|
|
2378
2386
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
|
|
2379
|
-
.TextField-module__hop-
|
|
2387
|
+
.TextField-module__hop-TextField___PTKjj {
|
|
2380
2388
|
--hop-TextField-gap: var(--hop-space-stack-xs);
|
|
2381
2389
|
--hop-TextField-inline-size: 20rem;
|
|
2382
2390
|
--hop-TextField-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -2391,34 +2399,34 @@
|
|
|
2391
2399
|
inline-size: var(--inline-size);
|
|
2392
2400
|
max-inline-size: 100%;
|
|
2393
2401
|
}
|
|
2394
|
-
.TextField-module__hop-TextField--
|
|
2402
|
+
.TextField-module__hop-TextField--fluid___EfbQz {
|
|
2395
2403
|
--inline-size: 100%;
|
|
2396
2404
|
}
|
|
2397
|
-
.TextField-module__hop-
|
|
2405
|
+
.TextField-module__hop-TextField___PTKjj[data-over-max-length] {
|
|
2398
2406
|
--char-count-color: var(--hop-TextField-char-count-color-invalid);
|
|
2399
2407
|
}
|
|
2400
|
-
.TextField-module__hop-
|
|
2408
|
+
.TextField-module__hop-TextField___PTKjj[data-disabled] {
|
|
2401
2409
|
--char-count-color: var(--hop-TextField-char-count-color-disabled);
|
|
2402
2410
|
}
|
|
2403
|
-
.TextField-module__hop-
|
|
2411
|
+
.TextField-module__hop-TextField__Label___Z8oeT {
|
|
2404
2412
|
order: 0;
|
|
2405
2413
|
}
|
|
2406
|
-
.TextField-module__hop-
|
|
2414
|
+
.TextField-module__hop-TextField__prefix___1YEp3 {
|
|
2407
2415
|
color: var(--hop-TextField-prefix-color);
|
|
2408
2416
|
}
|
|
2409
|
-
.TextField-module__hop-TextField__char-
|
|
2417
|
+
.TextField-module__hop-TextField__char-count___M-icC {
|
|
2410
2418
|
color: var(--char-count-color);
|
|
2411
2419
|
}
|
|
2412
|
-
.TextField-module__hop-
|
|
2420
|
+
.TextField-module__hop-TextField__InputGroup___v7uGH {
|
|
2413
2421
|
order: 1;
|
|
2414
2422
|
}
|
|
2415
|
-
.TextField-module__hop-
|
|
2416
|
-
.TextField-module__hop-
|
|
2423
|
+
.TextField-module__hop-TextField__ErrorMessage___bZdJX,
|
|
2424
|
+
.TextField-module__hop-TextField__HelperMessage___XbbVr {
|
|
2417
2425
|
order: 3;
|
|
2418
2426
|
}
|
|
2419
2427
|
|
|
2420
2428
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
|
|
2421
|
-
.PasswordField-module__hop-
|
|
2429
|
+
.PasswordField-module__hop-PasswordField___hLLh- {
|
|
2422
2430
|
--hop-PasswordField-gap: var(--hop-space-stack-xs);
|
|
2423
2431
|
--hop-PasswordField-inline-size: 20rem;
|
|
2424
2432
|
--inline-size: var(--hop-PasswordField-inline-size);
|
|
@@ -2428,22 +2436,22 @@
|
|
|
2428
2436
|
inline-size: var(--inline-size);
|
|
2429
2437
|
max-inline-size: 100%;
|
|
2430
2438
|
}
|
|
2431
|
-
.PasswordField-module__hop-PasswordField--
|
|
2439
|
+
.PasswordField-module__hop-PasswordField--fluid___1S9mw {
|
|
2432
2440
|
--inline-size: 100%;
|
|
2433
2441
|
}
|
|
2434
|
-
.PasswordField-module__hop-
|
|
2442
|
+
.PasswordField-module__hop-PasswordField__Label___l5jiL {
|
|
2435
2443
|
order: 0;
|
|
2436
2444
|
}
|
|
2437
|
-
.PasswordField-module__hop-
|
|
2445
|
+
.PasswordField-module__hop-PasswordField__InputGroup___eNFZT {
|
|
2438
2446
|
order: 1;
|
|
2439
2447
|
}
|
|
2440
|
-
.PasswordField-module__hop-
|
|
2441
|
-
.PasswordField-module__hop-
|
|
2448
|
+
.PasswordField-module__hop-PasswordField__ErrorMessage___bV6Aq,
|
|
2449
|
+
.PasswordField-module__hop-PasswordField__HelperMessage___vKbSD {
|
|
2442
2450
|
order: 3;
|
|
2443
2451
|
}
|
|
2444
2452
|
|
|
2445
2453
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
|
|
2446
|
-
.SearchField-module__hop-
|
|
2454
|
+
.SearchField-module__hop-SearchField___d0thT {
|
|
2447
2455
|
--hop-SearchField-gap: var(--hop-space-stack-xs);
|
|
2448
2456
|
--hop-SearchField-inline-size: 20rem;
|
|
2449
2457
|
--hop-SearchField-color: var(--hop-neutral-text-weak);
|
|
@@ -2458,39 +2466,39 @@
|
|
|
2458
2466
|
inline-size: var(--inline-size);
|
|
2459
2467
|
max-inline-size: 100%;
|
|
2460
2468
|
}
|
|
2461
|
-
.SearchField-module__hop-SearchField--
|
|
2469
|
+
.SearchField-module__hop-SearchField--fluid___wa1FR {
|
|
2462
2470
|
--inline-size: 100%;
|
|
2463
2471
|
}
|
|
2464
|
-
.SearchField-module__hop-
|
|
2472
|
+
.SearchField-module__hop-SearchField__Label___kYBDG {
|
|
2465
2473
|
order: 0;
|
|
2466
2474
|
}
|
|
2467
|
-
.SearchField-module__hop-
|
|
2475
|
+
.SearchField-module__hop-SearchField__prefix___IFwmA {
|
|
2468
2476
|
color: var(--hop-SearchField-color);
|
|
2469
2477
|
}
|
|
2470
|
-
.SearchField-module__hop-
|
|
2478
|
+
.SearchField-module__hop-SearchField__InputGroup___8XpuW {
|
|
2471
2479
|
order: 1;
|
|
2472
2480
|
padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
|
|
2473
2481
|
}
|
|
2474
|
-
.SearchField-module__hop-SearchField--
|
|
2482
|
+
.SearchField-module__hop-SearchField--clearable___Szaco {
|
|
2475
2483
|
--input-group-padding-inline-end: 0;
|
|
2476
2484
|
}
|
|
2477
|
-
.SearchField-module__hop-
|
|
2478
|
-
.SearchField-module__hop-
|
|
2485
|
+
.SearchField-module__hop-SearchField__ErrorMessage___WEpMs,
|
|
2486
|
+
.SearchField-module__hop-SearchField__HelperMessage___5IdhS {
|
|
2479
2487
|
order: 3;
|
|
2480
2488
|
}
|
|
2481
|
-
.SearchField-module__hop-
|
|
2482
|
-
.SearchField-module__hop-
|
|
2489
|
+
.SearchField-module__hop-SearchField___d0thT input::-webkit-search-cancel-button,
|
|
2490
|
+
.SearchField-module__hop-SearchField___d0thT input::-webkit-search-decoration {
|
|
2483
2491
|
appearance: none;
|
|
2484
2492
|
}
|
|
2485
|
-
.SearchField-module__hop-
|
|
2493
|
+
.SearchField-module__hop-SearchField___d0thT[data-empty] {
|
|
2486
2494
|
--clear-button-display: none;
|
|
2487
2495
|
}
|
|
2488
|
-
.SearchField-module__hop-
|
|
2496
|
+
.SearchField-module__hop-SearchField__ClearButton___lckjT {
|
|
2489
2497
|
display: var(--clear-button-display);
|
|
2490
2498
|
}
|
|
2491
2499
|
|
|
2492
2500
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
|
|
2493
|
-
.Link-module__hop-
|
|
2501
|
+
.Link-module__hop-Link___qHQQp {
|
|
2494
2502
|
--hop-Link-border-radius: var(--hop-shape-rounded-sm);
|
|
2495
2503
|
--hop-Link-focus-ring-color: var(--hop-primary-border-focus);
|
|
2496
2504
|
--hop-Link-color-disabled: var(--hop-neutral-text-disabled);
|
|
@@ -2515,59 +2523,59 @@
|
|
|
2515
2523
|
outline: none;
|
|
2516
2524
|
outline-offset: 0.125rem;
|
|
2517
2525
|
}
|
|
2518
|
-
.Link-module__hop-
|
|
2526
|
+
.Link-module__hop-Link___qHQQp[data-focus-visible] {
|
|
2519
2527
|
outline: 0.125rem solid var(--hop-Link-focus-ring-color);
|
|
2520
2528
|
}
|
|
2521
|
-
.Link-module__hop-
|
|
2529
|
+
.Link-module__hop-Link___qHQQp[data-disabled] {
|
|
2522
2530
|
cursor: default;
|
|
2523
2531
|
}
|
|
2524
|
-
.Link-module__hop-Link--
|
|
2525
|
-
.Link-module__hop-Link--
|
|
2532
|
+
.Link-module__hop-Link--quiet___R-N9E[data-focus-visible],
|
|
2533
|
+
.Link-module__hop-Link--quiet___R-N9E[data-hovered] {
|
|
2526
2534
|
text-decoration: underline;
|
|
2527
2535
|
}
|
|
2528
|
-
.Link-module__hop-
|
|
2536
|
+
.Link-module__hop-Link___qHQQp:not(.Link-module__hop-Link--quiet___R-N9E) {
|
|
2529
2537
|
text-decoration: underline;
|
|
2530
2538
|
}
|
|
2531
|
-
.Link-module__hop-Link--primary___-
|
|
2539
|
+
.Link-module__hop-Link--primary___-Kizu {
|
|
2532
2540
|
color: var(--hop-Link-primary-text-color);
|
|
2533
2541
|
}
|
|
2534
|
-
.Link-module__hop-Link--primary___-
|
|
2542
|
+
.Link-module__hop-Link--primary___-Kizu[data-disabled] {
|
|
2535
2543
|
color: var(--hop-Link-primary-text-disabled-color);
|
|
2536
2544
|
}
|
|
2537
|
-
.Link-module__hop-Link--primary___-
|
|
2538
|
-
.Link-module__hop-Link--primary___-
|
|
2545
|
+
.Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-focus-visible],
|
|
2546
|
+
.Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-hovered] {
|
|
2539
2547
|
color: var(--hop-Link-primary-text-hover-color);
|
|
2540
2548
|
}
|
|
2541
|
-
.Link-module__hop-Link--primary___-
|
|
2549
|
+
.Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-pressed] {
|
|
2542
2550
|
color: var(--hop-Link-primary-text-pressed-color);
|
|
2543
2551
|
}
|
|
2544
|
-
.Link-module__hop-Link--
|
|
2552
|
+
.Link-module__hop-Link--secondary___V2FVF {
|
|
2545
2553
|
color: var(--hop-Link-neutral-text-color);
|
|
2546
2554
|
}
|
|
2547
|
-
.Link-module__hop-Link--
|
|
2555
|
+
.Link-module__hop-Link--secondary___V2FVF[data-disabled] {
|
|
2548
2556
|
color: var(--hop-Link-neutral-text-disabled-color);
|
|
2549
2557
|
}
|
|
2550
|
-
.Link-module__hop-Link--
|
|
2551
|
-
.Link-module__hop-Link--
|
|
2558
|
+
.Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-focus-visible],
|
|
2559
|
+
.Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-hovered] {
|
|
2552
2560
|
color: var(--hop-Link-neutral-text-hover-color);
|
|
2553
2561
|
}
|
|
2554
|
-
.Link-module__hop-Link--
|
|
2562
|
+
.Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-pressed] {
|
|
2555
2563
|
color: var(--hop-Link-neutral-text-pressed-color);
|
|
2556
2564
|
}
|
|
2557
|
-
.Link-module__hop-
|
|
2558
|
-
.Link-module__hop-Link__icon-
|
|
2565
|
+
.Link-module__hop-Link__icon___-5Hms,
|
|
2566
|
+
.Link-module__hop-Link__icon-list___9c76z {
|
|
2559
2567
|
order: 2;
|
|
2560
2568
|
}
|
|
2561
|
-
.Link-module__hop-
|
|
2569
|
+
.Link-module__hop-Link__text___mskEH {
|
|
2562
2570
|
order: 1;
|
|
2563
2571
|
}
|
|
2564
|
-
.Link-module__hop-Link__start-
|
|
2565
|
-
.Link-module__hop-Link__start-icon-
|
|
2572
|
+
.Link-module__hop-Link__start-icon___P3X3d,
|
|
2573
|
+
.Link-module__hop-Link__start-icon-list___M66uE {
|
|
2566
2574
|
order: 0;
|
|
2567
2575
|
}
|
|
2568
2576
|
|
|
2569
2577
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
|
|
2570
|
-
.Radio-module__hop-
|
|
2578
|
+
.Radio-module__hop-Radio___f6Vgr {
|
|
2571
2579
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
2572
2580
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
2573
2581
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -2641,63 +2649,63 @@
|
|
|
2641
2649
|
inline-size: max-content;
|
|
2642
2650
|
max-inline-size: 100%;
|
|
2643
2651
|
}
|
|
2644
|
-
.Radio-module__hop-
|
|
2645
|
-
.Radio-module__hop-Radio--
|
|
2652
|
+
.Radio-module__hop-Radio___f6Vgr[data-focus-visible],
|
|
2653
|
+
.Radio-module__hop-Radio--focused___1rGHf {
|
|
2646
2654
|
--box-background-color: var(--hop-Radio-box-background-color-focused);
|
|
2647
2655
|
--box-border-color: var(--hop-Radio-box-border-color-focused);
|
|
2648
2656
|
--box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
|
|
2649
2657
|
--text-color: var(--hop-Radio-text-color-focused);
|
|
2650
2658
|
--icon-color: var(--hop-Radio-icon-color-focused);
|
|
2651
2659
|
}
|
|
2652
|
-
.Radio-module__hop-
|
|
2653
|
-
.Radio-module__hop-Radio--
|
|
2660
|
+
.Radio-module__hop-Radio___f6Vgr[data-hovered],
|
|
2661
|
+
.Radio-module__hop-Radio--hovered___PK7aT {
|
|
2654
2662
|
--box-background-color: var(--hop-Radio-box-background-color-hovered);
|
|
2655
2663
|
--box-border-color: var(--hop-Radio-box-border-color-hovered);
|
|
2656
2664
|
--text-color: var(--hop-Radio-text-color-hovered);
|
|
2657
2665
|
--icon-color: var(--hop-Radio-icon-color-hovered);
|
|
2658
2666
|
}
|
|
2659
|
-
.Radio-module__hop-
|
|
2660
|
-
.Radio-module__hop-Radio--
|
|
2667
|
+
.Radio-module__hop-Radio___f6Vgr[data-pressed],
|
|
2668
|
+
.Radio-module__hop-Radio--pressed___MLA7j {
|
|
2661
2669
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
2662
2670
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
2663
2671
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
2664
2672
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
2665
2673
|
}
|
|
2666
|
-
.Radio-module__hop-
|
|
2674
|
+
.Radio-module__hop-Radio___f6Vgr[data-selected] {
|
|
2667
2675
|
--box-background-color: var(--hop-Radio-box-background-color-selected);
|
|
2668
2676
|
--box-border-color: var(--hop-Radio-box-border-color-selected);
|
|
2669
2677
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
2670
2678
|
--text-color: var(--hop-Radio-text-color-selected);
|
|
2671
2679
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
2672
2680
|
}
|
|
2673
|
-
.Radio-module__hop-
|
|
2681
|
+
.Radio-module__hop-Radio___f6Vgr[data-invalid] {
|
|
2674
2682
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
2675
2683
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
2676
2684
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
2677
2685
|
--text-color: var(--hop-Radio-text-color-invalid);
|
|
2678
2686
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
2679
2687
|
}
|
|
2680
|
-
.Radio-module__hop-
|
|
2688
|
+
.Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-focus-visible] {
|
|
2681
2689
|
--box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
|
|
2682
2690
|
--box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
|
|
2683
2691
|
}
|
|
2684
|
-
.Radio-module__hop-
|
|
2692
|
+
.Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-hovered] {
|
|
2685
2693
|
--box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
|
|
2686
2694
|
--box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
|
|
2687
2695
|
--text-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2688
2696
|
--icon-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2689
2697
|
}
|
|
2690
|
-
.Radio-module__hop-
|
|
2698
|
+
.Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-pressed] {
|
|
2691
2699
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
2692
2700
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
2693
2701
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
2694
2702
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
2695
2703
|
}
|
|
2696
|
-
.Radio-module__hop-
|
|
2704
|
+
.Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-selected] {
|
|
2697
2705
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
2698
2706
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
2699
2707
|
}
|
|
2700
|
-
.Radio-module__hop-
|
|
2708
|
+
.Radio-module__hop-Radio___f6Vgr[data-disabled] {
|
|
2701
2709
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
2702
2710
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
2703
2711
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -2705,25 +2713,25 @@
|
|
|
2705
2713
|
--text-color: var(--hop-Radio-text-color-disabled);
|
|
2706
2714
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
2707
2715
|
}
|
|
2708
|
-
.Radio-module__hop-Radio--
|
|
2716
|
+
.Radio-module__hop-Radio--sm___hJ83r {
|
|
2709
2717
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
2710
2718
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
2711
2719
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
2712
2720
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
2713
2721
|
}
|
|
2714
|
-
.Radio-module__hop-Radio--
|
|
2722
|
+
.Radio-module__hop-Radio--md___rigqc {
|
|
2715
2723
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
2716
2724
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
2717
2725
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
2718
2726
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
2719
2727
|
}
|
|
2720
|
-
.Radio-module__hop-
|
|
2721
|
-
.Radio-module__hop-Radio__icon-
|
|
2728
|
+
.Radio-module__hop-Radio__icon___qEuEv,
|
|
2729
|
+
.Radio-module__hop-Radio__icon-list___aUQY- {
|
|
2722
2730
|
flex: 0 0 auto;
|
|
2723
2731
|
order: 3;
|
|
2724
2732
|
color: var(--icon-color);
|
|
2725
2733
|
}
|
|
2726
|
-
.Radio-module__hop-
|
|
2734
|
+
.Radio-module__hop-Radio__box___Ma5Cl {
|
|
2727
2735
|
display: flex;
|
|
2728
2736
|
flex: 0 0 auto;
|
|
2729
2737
|
align-items: center;
|
|
@@ -2739,11 +2747,11 @@
|
|
|
2739
2747
|
outline-offset: 0.125rem;
|
|
2740
2748
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
2741
2749
|
}
|
|
2742
|
-
.Radio-module__hop-
|
|
2750
|
+
.Radio-module__hop-Radio__bullet___UNMt2 {
|
|
2743
2751
|
display: var(--bullet-display);
|
|
2744
2752
|
color: var(--bullet-color);
|
|
2745
2753
|
}
|
|
2746
|
-
.Radio-module__hop-
|
|
2754
|
+
.Radio-module__hop-Radio__text___bpSHA {
|
|
2747
2755
|
flex: 0 1 auto;
|
|
2748
2756
|
order: 2;
|
|
2749
2757
|
min-inline-size: 0;
|
|
@@ -2753,7 +2761,7 @@
|
|
|
2753
2761
|
}
|
|
2754
2762
|
|
|
2755
2763
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
|
|
2756
|
-
.RadioField-module__hop-
|
|
2764
|
+
.RadioField-module__hop-RadioField___ygk-A {
|
|
2757
2765
|
--hop-RadioField-description-color: var(--hop-neutral-text-weak);
|
|
2758
2766
|
--hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
2759
2767
|
--hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -2772,28 +2780,28 @@
|
|
|
2772
2780
|
inline-size: max-content;
|
|
2773
2781
|
max-inline-size: 100%;
|
|
2774
2782
|
}
|
|
2775
|
-
.RadioField-module__hop-
|
|
2783
|
+
.RadioField-module__hop-RadioField___ygk-A[data-disabled] {
|
|
2776
2784
|
--description-color: var(--hop-RadioField-description-color-disabled);
|
|
2777
2785
|
}
|
|
2778
|
-
.RadioField-module__hop-RadioField--
|
|
2786
|
+
.RadioField-module__hop-RadioField--sm___VOflW {
|
|
2779
2787
|
--row-gap: var(--hop-RadioField-sm-row-gap);
|
|
2780
2788
|
--description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
|
|
2781
2789
|
}
|
|
2782
|
-
.RadioField-module__hop-RadioField--
|
|
2790
|
+
.RadioField-module__hop-RadioField--md___vefQn {
|
|
2783
2791
|
--row-gap: var(--hop-RadioField-md-row-gap);
|
|
2784
2792
|
--description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
|
|
2785
2793
|
}
|
|
2786
|
-
.RadioField-module__hop-
|
|
2794
|
+
.RadioField-module__hop-RadioField__description___XFh3h {
|
|
2787
2795
|
order: 2;
|
|
2788
2796
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
|
|
2789
2797
|
color: var(--description-color);
|
|
2790
2798
|
}
|
|
2791
|
-
.RadioField-module__hop-
|
|
2799
|
+
.RadioField-module__hop-RadioField__radio___odwQg {
|
|
2792
2800
|
order: 1;
|
|
2793
2801
|
}
|
|
2794
2802
|
|
|
2795
2803
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
|
|
2796
|
-
.RadioGroup-module__hop-
|
|
2804
|
+
.RadioGroup-module__hop-RadioGroup___fZzjX {
|
|
2797
2805
|
--hop-RadioGroup-align-items: flex-start;
|
|
2798
2806
|
--hop-RadioGroup-justify-content: flex-start;
|
|
2799
2807
|
--hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -2833,46 +2841,46 @@
|
|
|
2833
2841
|
inline-size: var(--inline-size);
|
|
2834
2842
|
max-inline-size: 100%;
|
|
2835
2843
|
}
|
|
2836
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2844
|
+
.RadioGroup-module__hop-RadioGroup--bordered___B-TYS {
|
|
2837
2845
|
--list-border: var(--radio-border-size) solid var(--radio-border-color);
|
|
2838
2846
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
2839
2847
|
}
|
|
2840
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2848
|
+
.RadioGroup-module__hop-RadioGroup--sm___SFGiN {
|
|
2841
2849
|
--column-gap: var(--hop-RadioGroup-sm-column-gap);
|
|
2842
2850
|
--row-gap: var(--hop-RadioGroup-sm-row-gap);
|
|
2843
2851
|
--list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
|
|
2844
2852
|
--list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
|
|
2845
2853
|
}
|
|
2846
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2854
|
+
.RadioGroup-module__hop-RadioGroup--md___DZiZf {
|
|
2847
2855
|
--column-gap: var(--hop-RadioGroup-md-column-gap);
|
|
2848
2856
|
--row-gap: var(--hop-RadioGroup-md-row-gap);
|
|
2849
2857
|
--list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
|
|
2850
2858
|
--list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
|
|
2851
2859
|
}
|
|
2852
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2860
|
+
.RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--sm___SFGiN {
|
|
2853
2861
|
--radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
|
|
2854
2862
|
--column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
|
|
2855
2863
|
--row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
|
|
2856
2864
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
|
|
2857
2865
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
|
|
2858
2866
|
}
|
|
2859
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2867
|
+
.RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--md___DZiZf {
|
|
2860
2868
|
--radio-padding: var(--hop-RadioGroup-bordered-md-padding);
|
|
2861
2869
|
--column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
|
|
2862
2870
|
--row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
|
|
2863
2871
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
|
|
2864
2872
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
|
|
2865
2873
|
}
|
|
2866
|
-
.RadioGroup-module__hop-
|
|
2874
|
+
.RadioGroup-module__hop-RadioGroup___fZzjX[data-orientation=horizontal] {
|
|
2867
2875
|
--flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
|
|
2868
2876
|
}
|
|
2869
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2877
|
+
.RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=horizontal] {
|
|
2870
2878
|
--flex-wrap: nowrap;
|
|
2871
2879
|
}
|
|
2872
|
-
.RadioGroup-module__hop-
|
|
2880
|
+
.RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__label___XSmfS {
|
|
2873
2881
|
order: 1;
|
|
2874
2882
|
}
|
|
2875
|
-
.RadioGroup-module__hop-
|
|
2883
|
+
.RadioGroup-module__hop-RadioGroup__list___70l9M {
|
|
2876
2884
|
display: flex;
|
|
2877
2885
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
2878
2886
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -2883,7 +2891,7 @@
|
|
|
2883
2891
|
border: var(--list-border, none);
|
|
2884
2892
|
border-radius: var(--list-border-radius, 0);
|
|
2885
2893
|
}
|
|
2886
|
-
.RadioGroup-module__hop-
|
|
2894
|
+
.RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm {
|
|
2887
2895
|
position: relative;
|
|
2888
2896
|
flex: 0 1 auto;
|
|
2889
2897
|
align-content: start;
|
|
@@ -2891,28 +2899,28 @@
|
|
|
2891
2899
|
min-inline-size: 0;
|
|
2892
2900
|
padding: var(--radio-padding, 0);
|
|
2893
2901
|
}
|
|
2894
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2902
|
+
.RadioGroup-module__hop-RadioGroup--bordered___B-TYS .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
|
|
2895
2903
|
content: "";
|
|
2896
2904
|
position: absolute;
|
|
2897
2905
|
display: block;
|
|
2898
2906
|
}
|
|
2899
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2907
|
+
.RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
|
|
2900
2908
|
inset-block-start: 0;
|
|
2901
2909
|
inset-inline: 0;
|
|
2902
2910
|
border-block-start: var(--list-border, none);
|
|
2903
2911
|
}
|
|
2904
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2912
|
+
.RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm ~ .RadioGroup-module__hop-RadioGroup__radio___TBSqm::before {
|
|
2905
2913
|
inset-block: 0;
|
|
2906
2914
|
inset-inline-start: 0;
|
|
2907
2915
|
border-inline-start: var(--list-border, none);
|
|
2908
2916
|
}
|
|
2909
|
-
.RadioGroup-module__hop-
|
|
2910
|
-
.RadioGroup-module__hop-
|
|
2917
|
+
.RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__error-message___-gzSi,
|
|
2918
|
+
.RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__helper-message___0rYBR {
|
|
2911
2919
|
order: 3;
|
|
2912
2920
|
}
|
|
2913
2921
|
|
|
2914
2922
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
|
|
2915
|
-
.ListBoxItemSkeleton-module__hop-
|
|
2923
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___5-U5u {
|
|
2916
2924
|
--hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
|
|
2917
2925
|
--hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
|
|
2918
2926
|
--hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -2938,7 +2946,7 @@
|
|
|
2938
2946
|
background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
|
|
2939
2947
|
background-size: 400% 100%;
|
|
2940
2948
|
border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
|
|
2941
|
-
animation-name: ListBoxItemSkeleton-module__placeholder-
|
|
2949
|
+
animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___tROve;
|
|
2942
2950
|
animation-duration: var(--animation-duration);
|
|
2943
2951
|
animation-timing-function: ease-in-out;
|
|
2944
2952
|
animation-fill-mode: forwards;
|
|
@@ -2947,19 +2955,19 @@
|
|
|
2947
2955
|
--animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
|
|
2948
2956
|
}
|
|
2949
2957
|
}
|
|
2950
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2958
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WF17x {
|
|
2951
2959
|
--height: var(--hop-ListBoxItemSkeleton-xs-height);
|
|
2952
2960
|
}
|
|
2953
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2961
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yPJ4x {
|
|
2954
2962
|
--height: var(--hop-ListBoxItemSkeleton-sm-height);
|
|
2955
2963
|
}
|
|
2956
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2964
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___GDWcA {
|
|
2957
2965
|
--height: var(--hop-ListBoxItemSkeleton-md-height);
|
|
2958
2966
|
}
|
|
2959
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2967
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___9hgUf {
|
|
2960
2968
|
--height: var(--hop-ListBoxItemSkeleton-lg-height);
|
|
2961
2969
|
}
|
|
2962
|
-
@keyframes ListBoxItemSkeleton-module__placeholder-
|
|
2970
|
+
@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___tROve {
|
|
2963
2971
|
0% {
|
|
2964
2972
|
background-position: 125% 50%;
|
|
2965
2973
|
}
|
|
@@ -2969,7 +2977,7 @@
|
|
|
2969
2977
|
}
|
|
2970
2978
|
|
|
2971
2979
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
|
|
2972
|
-
.ListBoxItem-module__hop-
|
|
2980
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs {
|
|
2973
2981
|
--hop-ListBoxItem-background-color: transparent;
|
|
2974
2982
|
--hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
|
|
2975
2983
|
--hop-ListBoxItem-text-color: var(--hop-neutral-text);
|
|
@@ -3066,129 +3074,129 @@
|
|
|
3066
3074
|
outline: var(--outline);
|
|
3067
3075
|
outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
|
|
3068
3076
|
}
|
|
3069
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3077
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___8YfDE {
|
|
3070
3078
|
--padding-block: var(--hop-ListBoxItem-xs-padding-block);
|
|
3071
3079
|
--padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
|
|
3072
3080
|
--min-height: var(--hop-ListBoxItem-xs-min-height);
|
|
3073
3081
|
--avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
|
|
3074
3082
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
|
|
3075
3083
|
}
|
|
3076
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3084
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___TrltV {
|
|
3077
3085
|
--padding-block: var(--hop-ListBoxItem-sm-padding-block);
|
|
3078
3086
|
--padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
|
|
3079
3087
|
--min-height: var(--hop-ListBoxItem-sm-min-height);
|
|
3080
3088
|
--avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
|
|
3081
3089
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
|
|
3082
3090
|
}
|
|
3083
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3091
|
+
.ListBoxItem-module__hop-ListBoxItem--md___uCJrQ {
|
|
3084
3092
|
--padding-block: var(--hop-ListBoxItem-md-padding-block);
|
|
3085
3093
|
--padding-inline: var(--hop-ListBoxItem-md-padding-inline);
|
|
3086
3094
|
--min-height: var(--hop-ListBoxItem-md-min-height);
|
|
3087
3095
|
--avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
|
|
3088
3096
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
|
|
3089
3097
|
}
|
|
3090
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3098
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___KsLt1 {
|
|
3091
3099
|
--padding-block: var(--hop-ListBoxItem-lg-padding-block);
|
|
3092
3100
|
--padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
|
|
3093
3101
|
--min-height: var(--hop-ListBoxItem-lg-min-height);
|
|
3094
3102
|
--avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
|
|
3095
3103
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
|
|
3096
3104
|
}
|
|
3097
|
-
.ListBoxItem-module__hop-
|
|
3105
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selection-mode] {
|
|
3098
3106
|
--cursor: pointer;
|
|
3099
3107
|
}
|
|
3100
|
-
.ListBoxItem-module__hop-
|
|
3108
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs:not([data-selection-mode]) {
|
|
3101
3109
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
3102
3110
|
}
|
|
3103
|
-
.ListBoxItem-module__hop-
|
|
3111
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___HgTda:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
|
|
3104
3112
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
3105
3113
|
}
|
|
3106
|
-
.ListBoxItem-module__hop-
|
|
3114
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___HgTda[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
|
|
3107
3115
|
--checkmark-transition: none;
|
|
3108
3116
|
}
|
|
3109
|
-
.ListBoxItem-module__hop-
|
|
3117
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selected] {
|
|
3110
3118
|
--background-color: var(--hop-ListBoxItem-background-color-selected);
|
|
3111
3119
|
--text-color: var(--hop-ListBoxItem-text-color-selected);
|
|
3112
3120
|
--icon-color: var(--hop-ListBoxItem-icon-color-selected);
|
|
3113
3121
|
--checkmark-opacity: 1;
|
|
3114
3122
|
}
|
|
3115
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3123
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___8YfDE[data-selected] {
|
|
3116
3124
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
|
|
3117
3125
|
}
|
|
3118
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3126
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___TrltV[data-selected] {
|
|
3119
3127
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
|
|
3120
3128
|
}
|
|
3121
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3129
|
+
.ListBoxItem-module__hop-ListBoxItem--md___uCJrQ[data-selected] {
|
|
3122
3130
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
|
|
3123
3131
|
}
|
|
3124
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3132
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___KsLt1[data-selected] {
|
|
3125
3133
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
|
|
3126
3134
|
}
|
|
3127
|
-
.ListBoxItem-module__hop-
|
|
3135
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-focus-visible] {
|
|
3128
3136
|
--background-color: var(--hop-ListBoxItem-background-color-focused);
|
|
3129
3137
|
--text-color: var(--hop-ListBoxItem-text-color-focused);
|
|
3130
3138
|
--icon-color: var(--hop-ListBoxItem-icon-color-focused);
|
|
3131
3139
|
--outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
|
|
3132
3140
|
}
|
|
3133
|
-
.ListBoxItem-module__hop-
|
|
3141
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-hovered] {
|
|
3134
3142
|
--background-color: var(--hop-ListBoxItem-background-color-hovered);
|
|
3135
3143
|
--text-color: var(--hop-ListBoxItem-text-color-hovered);
|
|
3136
3144
|
--icon-color: var(--hop-ListBoxItem-icon-color-hovered);
|
|
3137
3145
|
}
|
|
3138
|
-
.ListBoxItem-module__hop-
|
|
3146
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-pressed] {
|
|
3139
3147
|
--background-color: var(--hop-ListBoxItem-background-color-pressed);
|
|
3140
3148
|
--text-color: var(--hop-ListBoxItem-text-color-pressed);
|
|
3141
3149
|
--icon-color: var(--hop-ListBoxItem-icon-color-pressed);
|
|
3142
3150
|
}
|
|
3143
|
-
.ListBoxItem-module__hop-
|
|
3151
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-disabled] {
|
|
3144
3152
|
--background-color: var(--hop-ListBoxItem-background-color-disabled);
|
|
3145
3153
|
--text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
3146
3154
|
--icon-color: var(--hop-ListBoxItem-icon-color-disabled);
|
|
3147
3155
|
--description-text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
3148
3156
|
--cursor: not-allowed;
|
|
3149
3157
|
}
|
|
3150
|
-
.ListBoxItem-module__hop-
|
|
3158
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid] {
|
|
3151
3159
|
--background-color: var(--hop-ListBoxItem-background-color-invalid);
|
|
3152
3160
|
--text-color: var(--hop-ListBoxItem-text-color-invalid);
|
|
3153
3161
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid);
|
|
3154
3162
|
}
|
|
3155
|
-
.ListBoxItem-module__hop-
|
|
3163
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-selected] {
|
|
3156
3164
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
|
|
3157
3165
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
|
|
3158
3166
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
|
|
3159
3167
|
}
|
|
3160
|
-
.ListBoxItem-module__hop-
|
|
3168
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-focus-visible] {
|
|
3161
3169
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
|
|
3162
3170
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
|
|
3163
3171
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
|
|
3164
3172
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
|
|
3165
3173
|
}
|
|
3166
|
-
.ListBoxItem-module__hop-
|
|
3174
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-hovered] {
|
|
3167
3175
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
|
|
3168
3176
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
|
|
3169
3177
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
|
|
3170
3178
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
|
|
3171
3179
|
}
|
|
3172
|
-
.ListBoxItem-module__hop-
|
|
3180
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-pressed] {
|
|
3173
3181
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
|
|
3174
3182
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
|
|
3175
3183
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
|
|
3176
3184
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
|
|
3177
3185
|
}
|
|
3178
|
-
.ListBoxItem-module__hop-
|
|
3186
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-disabled] {
|
|
3179
3187
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
|
|
3180
3188
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
|
|
3181
3189
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
|
|
3182
3190
|
}
|
|
3183
|
-
.ListBoxItem-module__hop-
|
|
3191
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs:has(.ListBoxItem-module__hop-ListBoxItem__description___EcXhw) {
|
|
3184
3192
|
--row-gap: var(--hop-ListBoxItem-row-gap);
|
|
3185
3193
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
|
|
3186
3194
|
}
|
|
3187
|
-
.ListBoxItem-module__hop-
|
|
3195
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-loading] {
|
|
3188
3196
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
|
|
3189
3197
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
|
|
3190
3198
|
}
|
|
3191
|
-
.ListBoxItem-module__hop-
|
|
3199
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___HgTda {
|
|
3192
3200
|
display: grid;
|
|
3193
3201
|
grid-template-areas: var(--grid-template-areas);
|
|
3194
3202
|
grid-template-columns: var(--grid-template-columns);
|
|
@@ -3200,33 +3208,33 @@
|
|
|
3200
3208
|
padding-inline: var(--padding-inline);
|
|
3201
3209
|
transition: grid-template-columns .3s ease-in-out;
|
|
3202
3210
|
}
|
|
3203
|
-
.ListBoxItem-module__hop-
|
|
3211
|
+
.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6 {
|
|
3204
3212
|
grid-area: indicator;
|
|
3205
3213
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3206
3214
|
color: var(--icon-color);
|
|
3207
3215
|
opacity: var(--checkmark-opacity);
|
|
3208
3216
|
transition: var(--checkmark-transition);
|
|
3209
3217
|
}
|
|
3210
|
-
.ListBoxItem-module__hop-ListBoxItem__radio-
|
|
3211
|
-
.ListBoxItem-module__hop-
|
|
3218
|
+
.ListBoxItem-module__hop-ListBoxItem__radio-group___1SQOQ,
|
|
3219
|
+
.ListBoxItem-module__hop-ListBoxItem__checkbox___mxcQY {
|
|
3212
3220
|
pointer-events: none;
|
|
3213
3221
|
user-select: none;
|
|
3214
3222
|
grid-area: indicator;
|
|
3215
3223
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3216
3224
|
}
|
|
3217
|
-
.ListBoxItem-module__hop-
|
|
3225
|
+
.ListBoxItem-module__hop-ListBoxItem__avatar___BMBil {
|
|
3218
3226
|
grid-area: avatar;
|
|
3219
3227
|
margin-block: var(--avatar-margin-block, 0);
|
|
3220
3228
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3221
3229
|
}
|
|
3222
|
-
.ListBoxItem-module__hop-ListBoxItem__icon-
|
|
3223
|
-
.ListBoxItem-module__hop-
|
|
3230
|
+
.ListBoxItem-module__hop-ListBoxItem__icon-list___xG0WS,
|
|
3231
|
+
.ListBoxItem-module__hop-ListBoxItem__icon___hEAK7 {
|
|
3224
3232
|
grid-area: icon;
|
|
3225
3233
|
flex: 0 0 auto;
|
|
3226
3234
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3227
3235
|
color: var(--icon-color);
|
|
3228
3236
|
}
|
|
3229
|
-
.ListBoxItem-module__hop-
|
|
3237
|
+
.ListBoxItem-module__hop-ListBoxItem__label___0UvBk {
|
|
3230
3238
|
overflow: hidden;
|
|
3231
3239
|
grid-area: label;
|
|
3232
3240
|
min-inline-size: 0;
|
|
@@ -3234,18 +3242,18 @@
|
|
|
3234
3242
|
text-overflow: ellipsis;
|
|
3235
3243
|
white-space: nowrap;
|
|
3236
3244
|
}
|
|
3237
|
-
.ListBoxItem-module__hop-ListBoxItem__end-icon-
|
|
3238
|
-
.ListBoxItem-module__hop-ListBoxItem__end-
|
|
3245
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon-list___O-D4P,
|
|
3246
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon___APptS {
|
|
3239
3247
|
grid-area: end-icon;
|
|
3240
3248
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
3241
3249
|
color: var(--icon-color);
|
|
3242
3250
|
}
|
|
3243
|
-
.ListBoxItem-module__hop-
|
|
3251
|
+
.ListBoxItem-module__hop-ListBoxItem__badge___wKWO3 {
|
|
3244
3252
|
grid-area: badge;
|
|
3245
3253
|
margin-block: var(--hop-ListBoxItem-badge-margin-block);
|
|
3246
3254
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
3247
3255
|
}
|
|
3248
|
-
.ListBoxItem-module__hop-
|
|
3256
|
+
.ListBoxItem-module__hop-ListBoxItem__description___EcXhw {
|
|
3249
3257
|
overflow: hidden;
|
|
3250
3258
|
display: -webkit-box;
|
|
3251
3259
|
grid-area: description;
|
|
@@ -3256,7 +3264,7 @@
|
|
|
3256
3264
|
}
|
|
3257
3265
|
|
|
3258
3266
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
|
|
3259
|
-
.ListBox-module__hop-
|
|
3267
|
+
.ListBox-module__hop-ListBox___178zE {
|
|
3260
3268
|
--hop-ListBox-background-color: var(--hop-neutral-surface);
|
|
3261
3269
|
--hop-ListBox-border-color: var(--hop-neutral-border-weak);
|
|
3262
3270
|
--hop-ListBox-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -3305,11 +3313,11 @@
|
|
|
3305
3313
|
border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
|
|
3306
3314
|
border-radius: var(--hop-ListBox-border-radius);
|
|
3307
3315
|
}
|
|
3308
|
-
.ListBox-module__hop-ListBox--
|
|
3316
|
+
.ListBox-module__hop-ListBox--fluid___g5S3Y {
|
|
3309
3317
|
--max-width: var(--hop-ListBox-fluid-max-width);
|
|
3310
3318
|
--width: var(--hop-ListBox-fluid-width);
|
|
3311
3319
|
}
|
|
3312
|
-
.ListBox-module__hop-
|
|
3320
|
+
.ListBox-module__hop-ListBox__section___-52aj {
|
|
3313
3321
|
margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
|
|
3314
3322
|
margin-inline: var(--hop-ListBox-section-margin-inline);
|
|
3315
3323
|
padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
|
|
@@ -3317,21 +3325,21 @@
|
|
|
3317
3325
|
border-block-start: var(--section-border-block-start);
|
|
3318
3326
|
border-block-end: var(--section-border-block-end);
|
|
3319
3327
|
}
|
|
3320
|
-
.ListBox-module__hop-
|
|
3328
|
+
.ListBox-module__hop-ListBox__item___FbmGI + .ListBox-module__hop-ListBox__section___-52aj {
|
|
3321
3329
|
--section-margin-block-start: var(--hop-ListBox-section-margin-block);
|
|
3322
3330
|
--section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
|
|
3323
3331
|
}
|
|
3324
|
-
.ListBox-module__hop-
|
|
3332
|
+
.ListBox-module__hop-ListBox__section___-52aj:has(+ .ListBox-module__hop-ListBox__item___FbmGI) {
|
|
3325
3333
|
--section-margin-block-end: var(--hop-ListBox-section-margin-block);
|
|
3326
3334
|
}
|
|
3327
|
-
.ListBox-module__hop-
|
|
3335
|
+
.ListBox-module__hop-ListBox__section___-52aj:first-child {
|
|
3328
3336
|
--section-padding-block-start: 0;
|
|
3329
3337
|
}
|
|
3330
|
-
.ListBox-module__hop-
|
|
3338
|
+
.ListBox-module__hop-ListBox__section___-52aj:last-child {
|
|
3331
3339
|
--section-padding-block-end: 0;
|
|
3332
3340
|
--section-border-block-end: 0;
|
|
3333
3341
|
}
|
|
3334
|
-
.ListBox-module__hop-ListBox__section-
|
|
3342
|
+
.ListBox-module__hop-ListBox__section-header___7gxdn {
|
|
3335
3343
|
margin: 0;
|
|
3336
3344
|
padding: var(--hop-ListBox-section-header-padding);
|
|
3337
3345
|
font-family: var(--hop-ListBox-section-header-font-family);
|
|
@@ -3342,34 +3350,34 @@
|
|
|
3342
3350
|
text-transform: var(--hop-ListBox-section-header-text-transform);
|
|
3343
3351
|
letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
|
|
3344
3352
|
}
|
|
3345
|
-
.ListBox-module__hop-ListBox__section-
|
|
3346
|
-
.ListBox-module__hop-ListBox__section-
|
|
3353
|
+
.ListBox-module__hop-ListBox__section-header___7gxdn::before,
|
|
3354
|
+
.ListBox-module__hop-ListBox__section-header___7gxdn::after {
|
|
3347
3355
|
content: "";
|
|
3348
3356
|
display: block;
|
|
3349
3357
|
box-sizing: border-box;
|
|
3350
3358
|
inline-size: 0;
|
|
3351
3359
|
block-size: 0;
|
|
3352
3360
|
}
|
|
3353
|
-
.ListBox-module__hop-ListBox__section-
|
|
3361
|
+
.ListBox-module__hop-ListBox__section-header___7gxdn::before {
|
|
3354
3362
|
margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
|
|
3355
3363
|
}
|
|
3356
|
-
.ListBox-module__hop-ListBox__section-
|
|
3364
|
+
.ListBox-module__hop-ListBox__section-header___7gxdn::after {
|
|
3357
3365
|
margin-block-start: var(--hop-ListBox-section-header-top-offset);
|
|
3358
3366
|
}
|
|
3359
|
-
.ListBox-module__hop-
|
|
3367
|
+
.ListBox-module__hop-ListBox__divider___yBQm- {
|
|
3360
3368
|
margin-block: var(--hop-ListBox-divider-margin-block);
|
|
3361
3369
|
margin-inline: var(--hop-ListBox-divider-margin-inline);
|
|
3362
3370
|
}
|
|
3363
3371
|
|
|
3364
3372
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
|
|
3365
|
-
:where(.Popover-module__hop-
|
|
3373
|
+
:where(.Popover-module__hop-Popover___i8se0 *) {
|
|
3366
3374
|
font-family: var(--font-family);
|
|
3367
3375
|
font-size: var(--font-size);
|
|
3368
3376
|
font-weight: var(--font-weight);
|
|
3369
3377
|
line-height: var(--line-height);
|
|
3370
3378
|
outline: none;
|
|
3371
3379
|
}
|
|
3372
|
-
.Popover-module__hop-
|
|
3380
|
+
.Popover-module__hop-Popover___i8se0 {
|
|
3373
3381
|
--hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
|
|
3374
3382
|
--hop-Popover-inline-width: 25rem;
|
|
3375
3383
|
--hop-Popover-dropdown-inline-width: var(--trigger-width);
|
|
@@ -3381,19 +3389,19 @@
|
|
|
3381
3389
|
inline-size: var(--width);
|
|
3382
3390
|
max-inline-size: var(--max-width);
|
|
3383
3391
|
}
|
|
3384
|
-
.Popover-module__hop-
|
|
3392
|
+
.Popover-module__hop-Popover___i8se0[data-trigger=Select] {
|
|
3385
3393
|
--width: var(--hop-Popover-dropdown-inline-width);
|
|
3386
3394
|
}
|
|
3387
|
-
.Popover-module__hop-
|
|
3395
|
+
.Popover-module__hop-Popover___i8se0[data-auto-width] {
|
|
3388
3396
|
--width: var(--hop-Popover-dropdown-auto-inline-width);
|
|
3389
3397
|
}
|
|
3390
|
-
.Popover-module__hop-
|
|
3391
|
-
animation: Popover-
|
|
3398
|
+
.Popover-module__hop-Popover___i8se0[data-entering] {
|
|
3399
|
+
animation: Popover-module__fade___Y80OG 0.25s;
|
|
3392
3400
|
}
|
|
3393
|
-
.Popover-module__hop-
|
|
3394
|
-
animation: Popover-
|
|
3401
|
+
.Popover-module__hop-Popover___i8se0[data-exiting] {
|
|
3402
|
+
animation: Popover-module__fade___Y80OG 0.25s reverse;
|
|
3395
3403
|
}
|
|
3396
|
-
@keyframes Popover-
|
|
3404
|
+
@keyframes Popover-module__fade___Y80OG {
|
|
3397
3405
|
from {
|
|
3398
3406
|
opacity: 0;
|
|
3399
3407
|
}
|
|
@@ -3401,14 +3409,14 @@
|
|
|
3401
3409
|
opacity: 1;
|
|
3402
3410
|
}
|
|
3403
3411
|
}
|
|
3404
|
-
.Popover-module__hop-
|
|
3412
|
+
.Popover-module__hop-Popover__wrapper___6wmmX {
|
|
3405
3413
|
display: flex;
|
|
3406
3414
|
flex: 1 1 auto;
|
|
3407
3415
|
flex-direction: column;
|
|
3408
3416
|
min-block-size: 0;
|
|
3409
3417
|
}
|
|
3410
|
-
.Popover-module__hop-
|
|
3411
|
-
.Popover-module__hop-
|
|
3418
|
+
.Popover-module__hop-Popover__dialog___qWlym,
|
|
3419
|
+
.Popover-module__hop-Popover__dropdown___Zh5mt {
|
|
3412
3420
|
--hop-Popover-background: var(--hop-neutral-surface);
|
|
3413
3421
|
--hop-Popover-font-family: var(--hop-body-sm-font-family);
|
|
3414
3422
|
--hop-Popover-font-size: var(--hop-body-sm-font-size);
|
|
@@ -3454,20 +3462,20 @@
|
|
|
3454
3462
|
border-radius: var(--hop-Popover-border-radius);
|
|
3455
3463
|
box-shadow: var(--hop-Popover-box-shadow);
|
|
3456
3464
|
}
|
|
3457
|
-
.Popover-module__hop-
|
|
3465
|
+
.Popover-module__hop-Popover__dropdown___Zh5mt {
|
|
3458
3466
|
--footer-margin: var(--hop-Popover-footer-dropdown-margin);
|
|
3459
3467
|
--footer-place-self: stretch;
|
|
3460
3468
|
--grid-template: var(--hop-Popover-dropdown-grid-template);
|
|
3461
3469
|
--padding: var(--hop-Popover-dropdown-padding);
|
|
3462
3470
|
}
|
|
3463
|
-
.Popover-module__hop-
|
|
3471
|
+
.Popover-module__hop-Popover__dialog___qWlym {
|
|
3464
3472
|
--padding: var(--hop-Popover-dialog-padding);
|
|
3465
3473
|
}
|
|
3466
|
-
.Popover-module__hop-
|
|
3474
|
+
.Popover-module__hop-Popover__title___yIARl {
|
|
3467
3475
|
grid-area: header;
|
|
3468
3476
|
color: var(--hop-Popover-color);
|
|
3469
3477
|
}
|
|
3470
|
-
.Popover-module__hop-
|
|
3478
|
+
.Popover-module__hop-Popover__content___ZaJ8T {
|
|
3471
3479
|
--font-size: var(--hop-Popover-content-font-size);
|
|
3472
3480
|
--line-height: var(--hop-Popover-content-line-height);
|
|
3473
3481
|
grid-area: content;
|
|
@@ -3476,7 +3484,7 @@
|
|
|
3476
3484
|
padding: 0;
|
|
3477
3485
|
color: var(--hop-Popover-content-color);
|
|
3478
3486
|
}
|
|
3479
|
-
.Popover-module__hop-
|
|
3487
|
+
.Popover-module__hop-Popover__dropdown___Zh5mt .Popover-module__hop-Popover__list-box___mCGCz {
|
|
3480
3488
|
grid-area: content;
|
|
3481
3489
|
inline-size: auto;
|
|
3482
3490
|
min-inline-size: auto;
|
|
@@ -3485,7 +3493,7 @@
|
|
|
3485
3493
|
padding: 0;
|
|
3486
3494
|
border: none;
|
|
3487
3495
|
}
|
|
3488
|
-
.Popover-module__hop-
|
|
3496
|
+
.Popover-module__hop-Popover__footer___Zan9L {
|
|
3489
3497
|
--font-size: var(--hop-Popover-footer-font-size);
|
|
3490
3498
|
--line-height: var(--hop-Popover-footer-line-height);
|
|
3491
3499
|
grid-area: footer;
|
|
@@ -3493,22 +3501,22 @@
|
|
|
3493
3501
|
margin: var(--footer-margin);
|
|
3494
3502
|
color: var(--hop-Popover-color);
|
|
3495
3503
|
}
|
|
3496
|
-
.Popover-module__hop-
|
|
3504
|
+
.Popover-module__hop-Popover__dropdown___Zh5mt .Popover-module__hop-Popover__footer___Zan9L {
|
|
3497
3505
|
padding: var(--hop-Popover-footer-dropdown-footer-padding);
|
|
3498
3506
|
border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
|
|
3499
3507
|
}
|
|
3500
|
-
.Popover-module__hop-
|
|
3501
|
-
.Popover-module__hop-
|
|
3508
|
+
.Popover-module__hop-Popover__actions___ltRsy,
|
|
3509
|
+
.Popover-module__hop-Popover__action___srYuC {
|
|
3502
3510
|
grid-area: action;
|
|
3503
3511
|
justify-self: end;
|
|
3504
3512
|
margin-block-start: var(--hop-Popover-row-gap);
|
|
3505
3513
|
}
|
|
3506
|
-
.Popover-module__hop-
|
|
3514
|
+
.Popover-module__hop-Popover___i8se0:has(.Popover-module__hop-Popover__actions___ltRsy, .Popover-module__hop-Popover__action___srYuC) .Popover-module__hop-Popover__footer___Zan9L {
|
|
3507
3515
|
margin-inline-end: var(--hop-Popover-column-gap);
|
|
3508
3516
|
}
|
|
3509
3517
|
|
|
3510
3518
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
|
|
3511
|
-
.SelectValue-module__hop-
|
|
3519
|
+
.SelectValue-module__hop-SelectValue___ZSAXe {
|
|
3512
3520
|
--hop-SelectValue-display: flex;
|
|
3513
3521
|
--hop-SelectValue-column-gap: var(--hop-space-inline-sm);
|
|
3514
3522
|
overflow: hidden;
|
|
@@ -3520,13 +3528,13 @@
|
|
|
3520
3528
|
text-overflow: ellipsis;
|
|
3521
3529
|
white-space: nowrap;
|
|
3522
3530
|
}
|
|
3523
|
-
.SelectValue-module__hop-
|
|
3531
|
+
.SelectValue-module__hop-SelectValue__avatar___xF1Dt {
|
|
3524
3532
|
order: 1;
|
|
3525
3533
|
}
|
|
3526
|
-
.SelectValue-module__hop-
|
|
3534
|
+
.SelectValue-module__hop-SelectValue__icon___4DxxR {
|
|
3527
3535
|
order: 2;
|
|
3528
3536
|
}
|
|
3529
|
-
.SelectValue-module__hop-
|
|
3537
|
+
.SelectValue-module__hop-SelectValue__text___rbg05 {
|
|
3530
3538
|
overflow: hidden;
|
|
3531
3539
|
flex: 1 1 auto;
|
|
3532
3540
|
order: 3;
|
|
@@ -3534,12 +3542,12 @@
|
|
|
3534
3542
|
text-overflow: ellipsis;
|
|
3535
3543
|
white-space: nowrap;
|
|
3536
3544
|
}
|
|
3537
|
-
.SelectValue-module__hop-SelectValue__end-
|
|
3545
|
+
.SelectValue-module__hop-SelectValue__end-icon___-6fCw {
|
|
3538
3546
|
order: 4;
|
|
3539
3547
|
}
|
|
3540
3548
|
|
|
3541
3549
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
|
|
3542
|
-
.Select-module__hop-
|
|
3550
|
+
.Select-module__hop-Select___EO27h {
|
|
3543
3551
|
--hop-Select-row-gap: var(--hop-space-stack-xs);
|
|
3544
3552
|
--hop-Select-inline-size: 20rem;
|
|
3545
3553
|
--hop-Select-inline-size-fluid: 100%;
|
|
@@ -3590,13 +3598,13 @@
|
|
|
3590
3598
|
inline-size: var(--inline-size);
|
|
3591
3599
|
max-inline-size: var(--hop-Select-max-inline-size);
|
|
3592
3600
|
}
|
|
3593
|
-
.Select-module__hop-Select--
|
|
3601
|
+
.Select-module__hop-Select--fluid___FzpaW {
|
|
3594
3602
|
--inline-size: var(--hop-Select-inline-size-fluid);
|
|
3595
3603
|
}
|
|
3596
|
-
.Select-module__hop-
|
|
3604
|
+
.Select-module__hop-Select__label___c4deC {
|
|
3597
3605
|
order: 1;
|
|
3598
3606
|
}
|
|
3599
|
-
.Select-module__hop-
|
|
3607
|
+
.Select-module__hop-Select__button___fa76- {
|
|
3600
3608
|
cursor: var(--button-cursor);
|
|
3601
3609
|
display: flex;
|
|
3602
3610
|
column-gap: var(--hop-Select-button-column-gap);
|
|
@@ -3612,28 +3620,28 @@
|
|
|
3612
3620
|
border-radius: var(--hop-Select-button-border-radius);
|
|
3613
3621
|
outline: none;
|
|
3614
3622
|
}
|
|
3615
|
-
.Select-module__hop-Select__button--
|
|
3623
|
+
.Select-module__hop-Select__button--sm___8MviV {
|
|
3616
3624
|
--button-block-size: var(--hop-Select-button-sm-block-size);
|
|
3617
3625
|
}
|
|
3618
|
-
.Select-module__hop-Select__button--
|
|
3626
|
+
.Select-module__hop-Select__button--md___ITp9Y {
|
|
3619
3627
|
--button-block-size: var(--hop-Select-button-md-block-size);
|
|
3620
3628
|
}
|
|
3621
|
-
.Select-module__hop-
|
|
3629
|
+
.Select-module__hop-Select__button___fa76-[data-hovered] {
|
|
3622
3630
|
--button-background-color: var(--hop-Select-button-background-color-hovered);
|
|
3623
3631
|
--button-border-color: var(--hop-Select-button-border-color-hovered);
|
|
3624
3632
|
--button-color: var(--hop-Select-button-color-hovered);
|
|
3625
3633
|
--button-icon-color: var(--hop-Select-button-icon-color-hovered);
|
|
3626
3634
|
}
|
|
3627
|
-
.Select-module__hop-
|
|
3635
|
+
.Select-module__hop-Select__button___fa76-[data-pressed] {
|
|
3628
3636
|
--button-background-color: var(--hop-Select-button-background-color-selected);
|
|
3629
3637
|
--button-border-color: var(--hop-Select-button-border-color-selected);
|
|
3630
3638
|
--button-color: var(--hop-Select-button-color-selected);
|
|
3631
3639
|
--button-icon-color: var(--hop-Select-button-icon-color-selected);
|
|
3632
3640
|
}
|
|
3633
|
-
.Select-module__hop-
|
|
3641
|
+
.Select-module__hop-Select__button___fa76-[data-invalid] {
|
|
3634
3642
|
--button-border-color: var(--hop-Select-button-border-color-invalid);
|
|
3635
3643
|
}
|
|
3636
|
-
.Select-module__hop-
|
|
3644
|
+
.Select-module__hop-Select__button___fa76-[data-focus-visible] {
|
|
3637
3645
|
--button-background-color: var(--hop-Select-button-background-color-focused);
|
|
3638
3646
|
--button-border-color: var(--hop-Select-button-border-color-focused);
|
|
3639
3647
|
--button-color: var(--hop-Select-button-color-focused);
|
|
@@ -3641,30 +3649,30 @@
|
|
|
3641
3649
|
outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
|
|
3642
3650
|
outline-offset: -0.125rem;
|
|
3643
3651
|
}
|
|
3644
|
-
.Select-module__hop-
|
|
3652
|
+
.Select-module__hop-Select__button___fa76-:has([data-placeholder]) {
|
|
3645
3653
|
--button-color: var(--hop-Select-button-placeholder-color);
|
|
3646
3654
|
}
|
|
3647
|
-
.Select-module__hop-
|
|
3655
|
+
.Select-module__hop-Select__button___fa76-[data-disabled] {
|
|
3648
3656
|
--button-background-color: var(--hop-Select-button-background-color-disabled);
|
|
3649
3657
|
--button-border-color: var(--hop-Select-button-border-color-disabled);
|
|
3650
3658
|
--button-color: var(--hop-Select-button-color-disabled);
|
|
3651
3659
|
--button-icon-color: var(--hop-Select-button-icon-color-disabled);
|
|
3652
3660
|
--button-cursor: var(--hop-Select-button-cursor-disabled);
|
|
3653
3661
|
}
|
|
3654
|
-
.Select-module__hop-
|
|
3662
|
+
.Select-module__hop-Select__prefix___Co2es {
|
|
3655
3663
|
color: var(--hop-Select-prefix-color);
|
|
3656
3664
|
}
|
|
3657
|
-
.Select-module__hop-Select__button-
|
|
3665
|
+
.Select-module__hop-Select__button-icon___-PN1H {
|
|
3658
3666
|
margin-inline-start: auto;
|
|
3659
3667
|
color: var(--button-icon-color);
|
|
3660
3668
|
}
|
|
3661
|
-
.Select-module__hop-Select__helper-
|
|
3662
|
-
.Select-module__hop-Select__error-
|
|
3669
|
+
.Select-module__hop-Select__helper-message___96x9I,
|
|
3670
|
+
.Select-module__hop-Select__error-message___U1kYE {
|
|
3663
3671
|
order: 3;
|
|
3664
3672
|
}
|
|
3665
3673
|
|
|
3666
3674
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
|
|
3667
|
-
.Switch-module__hop-
|
|
3675
|
+
.Switch-module__hop-Switch___016Gi {
|
|
3668
3676
|
--hop-Switch-border-size: 0.0625rem;
|
|
3669
3677
|
--hop-Switch-border-color: var(--hop-neutral-border);
|
|
3670
3678
|
--hop-Switch-border-radius: var(--hop-shape-rounded-lg);
|
|
@@ -3721,56 +3729,56 @@
|
|
|
3721
3729
|
inline-size: max-content;
|
|
3722
3730
|
max-inline-size: 100%;
|
|
3723
3731
|
}
|
|
3724
|
-
.Switch-module__hop-Switch--
|
|
3732
|
+
.Switch-module__hop-Switch--sm___x3CAD {
|
|
3725
3733
|
--inline-size: var(--hop-Switch-inline-size-sm);
|
|
3726
3734
|
--block-size: var(--hop-Switch-block-size-sm);
|
|
3727
3735
|
--thumb-size: var(--hop-Switch-thumb-size-sm);
|
|
3728
3736
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
|
|
3729
3737
|
--text-top-offset: var(--hop-Switch-text-top-offset-sm);
|
|
3730
3738
|
}
|
|
3731
|
-
.Switch-module__hop-Switch--
|
|
3739
|
+
.Switch-module__hop-Switch--md___-qgPW {
|
|
3732
3740
|
--inline-size: var(--hop-Switch-inline-size-md);
|
|
3733
3741
|
--block-size: var(--hop-Switch-block-size-md);
|
|
3734
3742
|
--thumb-size: var(--hop-Switch-thumb-size-md);
|
|
3735
3743
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-md);
|
|
3736
3744
|
--text-top-offset: var(--hop-Switch-text-top-offset-md);
|
|
3737
3745
|
}
|
|
3738
|
-
.Switch-module__hop-
|
|
3746
|
+
.Switch-module__hop-Switch___016Gi[data-hovered] {
|
|
3739
3747
|
--border-color: var(--hop-Switch-border-color-hover);
|
|
3740
3748
|
--background-color: var(--hop-Switch-background-color-hover);
|
|
3741
3749
|
--thumb-color: var(--hop-Switch-thumb-color-hover);
|
|
3742
3750
|
--text-color: var(--hop-Switch-text-color-hover);
|
|
3743
3751
|
}
|
|
3744
|
-
.Switch-module__hop-
|
|
3745
|
-
.Switch-module__hop-
|
|
3752
|
+
.Switch-module__hop-Switch___016Gi[data-pressed],
|
|
3753
|
+
.Switch-module__hop-Switch___016Gi[data-pressed][data-focus-visible] {
|
|
3746
3754
|
--border-color: var(--hop-Switch-border-color-pressed);
|
|
3747
3755
|
--background-color: var(--hop-Switch-background-color-pressed);
|
|
3748
3756
|
--thumb-color: var(--hop-Switch-thumb-color-pressed);
|
|
3749
3757
|
--text-color: var(--hop-Switch-text-color-pressed);
|
|
3750
3758
|
}
|
|
3751
|
-
.Switch-module__hop-
|
|
3759
|
+
.Switch-module__hop-Switch___016Gi[data-focus-visible] {
|
|
3752
3760
|
--border-color: var(--hop-Switch-border-color-focus);
|
|
3753
3761
|
--background-color: var(--hop-Switch-background-color-focus);
|
|
3754
3762
|
--thumb-color: var(--hop-Switch-thumb-color-focus);
|
|
3755
3763
|
--outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
|
|
3756
3764
|
--text-color: var(--hop-Switch-text-color-focus);
|
|
3757
3765
|
}
|
|
3758
|
-
.Switch-module__hop-
|
|
3759
|
-
.Switch-module__hop-
|
|
3766
|
+
.Switch-module__hop-Switch___016Gi[data-selected],
|
|
3767
|
+
.Switch-module__hop-Switch___016Gi[data-selected][data-pressed] {
|
|
3760
3768
|
--border-color: var(--hop-Switch-border-color-selected);
|
|
3761
3769
|
--background-color: var(--hop-Switch-background-color-selected);
|
|
3762
3770
|
--thumb-color: var(--hop-Switch-thumb-color-selected);
|
|
3763
3771
|
--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%);
|
|
3764
3772
|
--text-color: var(--hop-Switch-text-color-selected);
|
|
3765
3773
|
}
|
|
3766
|
-
.Switch-module__hop-
|
|
3774
|
+
.Switch-module__hop-Switch___016Gi[data-disabled] {
|
|
3767
3775
|
--border-color: var(--hop-Switch-border-color-disabled);
|
|
3768
3776
|
--background-color: var(--hop-Switch-background-color-disabled);
|
|
3769
3777
|
--thumb-color: var(--hop-Switch-thumb-color-disabled);
|
|
3770
3778
|
--text-color: var(--hop-Switch-text-color-disabled);
|
|
3771
3779
|
--cursor: not-allowed;
|
|
3772
3780
|
}
|
|
3773
|
-
.Switch-module__hop-
|
|
3781
|
+
.Switch-module__hop-Switch__indicator___ZY1NN {
|
|
3774
3782
|
position: relative;
|
|
3775
3783
|
flex: 0 0 auto;
|
|
3776
3784
|
box-sizing: border-box;
|
|
@@ -3783,7 +3791,7 @@
|
|
|
3783
3791
|
outline-offset: 0.125rem;
|
|
3784
3792
|
transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
|
|
3785
3793
|
}
|
|
3786
|
-
.Switch-module__hop-
|
|
3794
|
+
.Switch-module__hop-Switch__indicator___ZY1NN::before {
|
|
3787
3795
|
content: "";
|
|
3788
3796
|
position: absolute;
|
|
3789
3797
|
inset-block-start: 50%;
|
|
@@ -3798,20 +3806,20 @@
|
|
|
3798
3806
|
border-radius: var(--hop-shape-circle);
|
|
3799
3807
|
transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
|
|
3800
3808
|
}
|
|
3801
|
-
.Switch-module__hop-
|
|
3809
|
+
.Switch-module__hop-Switch__text___wcjhs {
|
|
3802
3810
|
flex: 0 1 auto;
|
|
3803
3811
|
order: 2;
|
|
3804
3812
|
min-inline-size: 0;
|
|
3805
3813
|
margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
|
|
3806
3814
|
color: var(--text-color);
|
|
3807
3815
|
}
|
|
3808
|
-
.Switch-module__hop-Switch__icon-
|
|
3809
|
-
.Switch-module__hop-
|
|
3816
|
+
.Switch-module__hop-Switch__icon-list___h1SI9,
|
|
3817
|
+
.Switch-module__hop-Switch__icon___6MRsQ {
|
|
3810
3818
|
order: 3;
|
|
3811
3819
|
}
|
|
3812
3820
|
|
|
3813
3821
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
|
|
3814
|
-
.SwitchField-module__hop-
|
|
3822
|
+
.SwitchField-module__hop-SwitchField___pVi8B {
|
|
3815
3823
|
--hop-SwitchField-description-color: var(--hop-neutral-text-weak);
|
|
3816
3824
|
--hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
3817
3825
|
--hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -3830,28 +3838,28 @@
|
|
|
3830
3838
|
inline-size: max-content;
|
|
3831
3839
|
max-inline-size: 100%;
|
|
3832
3840
|
}
|
|
3833
|
-
.SwitchField-module__hop-
|
|
3841
|
+
.SwitchField-module__hop-SwitchField___pVi8B[data-disabled] {
|
|
3834
3842
|
--description-color: var(--hop-SwitchField-description-color-disabled);
|
|
3835
3843
|
}
|
|
3836
|
-
.SwitchField-module__hop-SwitchField--
|
|
3844
|
+
.SwitchField-module__hop-SwitchField--sm___W7D8R {
|
|
3837
3845
|
--row-gap: var(--hop-SwitchField-sm-row-gap);
|
|
3838
3846
|
--description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
|
|
3839
3847
|
}
|
|
3840
|
-
.SwitchField-module__hop-SwitchField--
|
|
3848
|
+
.SwitchField-module__hop-SwitchField--md___Dq1Rf {
|
|
3841
3849
|
--row-gap: var(--hop-SwitchField-md-row-gap);
|
|
3842
3850
|
--description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
|
|
3843
3851
|
}
|
|
3844
|
-
.SwitchField-module__hop-
|
|
3852
|
+
.SwitchField-module__hop-SwitchField__description___konhn {
|
|
3845
3853
|
order: 2;
|
|
3846
3854
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
|
|
3847
3855
|
color: var(--description-color);
|
|
3848
3856
|
}
|
|
3849
|
-
.SwitchField-module__hop-
|
|
3857
|
+
.SwitchField-module__hop-SwitchField__switch___Gu96C {
|
|
3850
3858
|
order: 1;
|
|
3851
3859
|
}
|
|
3852
3860
|
|
|
3853
3861
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
|
|
3854
|
-
.Tag-module__hop-
|
|
3862
|
+
.Tag-module__hop-Tag___Q5Cmm {
|
|
3855
3863
|
--hop-Tag-border-size: 0.0625rem;
|
|
3856
3864
|
--hop-Tag-border-radius: var(--hop-shape-pill);
|
|
3857
3865
|
--hop-Tag-sm-block-size: 1.25rem;
|
|
@@ -4090,7 +4098,7 @@
|
|
|
4090
4098
|
outline: none;
|
|
4091
4099
|
outline-offset: 0.125rem;
|
|
4092
4100
|
}
|
|
4093
|
-
.Tag-module__hop-Tag--
|
|
4101
|
+
.Tag-module__hop-Tag--sm___VFfCI {
|
|
4094
4102
|
--block-size: var(--hop-Tag-sm-block-size);
|
|
4095
4103
|
--padding-inline: var(--hop-Tag-sm-padding-inline);
|
|
4096
4104
|
--column-gap: var(--hop-Tag-sm-column-gap);
|
|
@@ -4098,13 +4106,13 @@
|
|
|
4098
4106
|
--avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
|
|
4099
4107
|
--spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
|
|
4100
4108
|
}
|
|
4101
|
-
.Tag-module__hop-Tag--
|
|
4109
|
+
.Tag-module__hop-Tag--sm___VFfCI:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
|
|
4102
4110
|
--badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
|
|
4103
4111
|
}
|
|
4104
|
-
.Tag-module__hop-Tag--
|
|
4112
|
+
.Tag-module__hop-Tag--sm___VFfCI:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
|
|
4105
4113
|
--icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
|
|
4106
4114
|
}
|
|
4107
|
-
.Tag-module__hop-Tag--
|
|
4115
|
+
.Tag-module__hop-Tag--md___8YMof {
|
|
4108
4116
|
--block-size: var(--hop-Tag-md-block-size);
|
|
4109
4117
|
--padding-inline: var(--hop-Tag-md-padding-inline);
|
|
4110
4118
|
--column-gap: var(--hop-Tag-md-column-gap);
|
|
@@ -4112,13 +4120,13 @@
|
|
|
4112
4120
|
--avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
|
|
4113
4121
|
--spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
|
|
4114
4122
|
}
|
|
4115
|
-
.Tag-module__hop-Tag--
|
|
4123
|
+
.Tag-module__hop-Tag--md___8YMof:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
|
|
4116
4124
|
--badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
|
|
4117
4125
|
}
|
|
4118
|
-
.Tag-module__hop-Tag--
|
|
4126
|
+
.Tag-module__hop-Tag--md___8YMof:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
|
|
4119
4127
|
--icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
|
|
4120
4128
|
}
|
|
4121
|
-
.Tag-module__hop-Tag--
|
|
4129
|
+
.Tag-module__hop-Tag--lg___oEi4o {
|
|
4122
4130
|
--block-size: var(--hop-Tag-lg-block-size);
|
|
4123
4131
|
--padding-inline: var(--hop-Tag-lg-padding-inline);
|
|
4124
4132
|
--column-gap: var(--hop-Tag-lg-column-gap);
|
|
@@ -4126,348 +4134,348 @@
|
|
|
4126
4134
|
--avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
|
|
4127
4135
|
--spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
|
|
4128
4136
|
}
|
|
4129
|
-
.Tag-module__hop-Tag--
|
|
4137
|
+
.Tag-module__hop-Tag--lg___oEi4o:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
|
|
4130
4138
|
--badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
|
|
4131
4139
|
}
|
|
4132
|
-
.Tag-module__hop-Tag--
|
|
4140
|
+
.Tag-module__hop-Tag--lg___oEi4o:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
|
|
4133
4141
|
--icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
|
|
4134
4142
|
}
|
|
4135
|
-
.Tag-module__hop-Tag--
|
|
4143
|
+
.Tag-module__hop-Tag--neutral___TUZDd {
|
|
4136
4144
|
--border-color: var(--hop-Tag-neutral-border-color);
|
|
4137
4145
|
--background-color: var(--hop-Tag-neutral-background-color);
|
|
4138
4146
|
--text-color: var(--hop-Tag-neutral-text-color);
|
|
4139
4147
|
}
|
|
4140
|
-
.Tag-module__hop-Tag--
|
|
4148
|
+
.Tag-module__hop-Tag--subdued___yAJHY {
|
|
4141
4149
|
--border-color: var(--hop-Tag-subdued-border-color);
|
|
4142
4150
|
--background-color: var(--hop-Tag-subdued-background-color);
|
|
4143
4151
|
--text-color: var(--hop-Tag-subdued-text-color);
|
|
4144
4152
|
}
|
|
4145
|
-
.Tag-module__hop-Tag--
|
|
4153
|
+
.Tag-module__hop-Tag--progress___8Z5fa {
|
|
4146
4154
|
--border-color: var(--hop-Tag-progress-border-color);
|
|
4147
4155
|
--background-color: var(--hop-Tag-progress-background-color);
|
|
4148
4156
|
--text-color: var(--hop-Tag-progress-text-color);
|
|
4149
4157
|
}
|
|
4150
|
-
.Tag-module__hop-Tag--
|
|
4158
|
+
.Tag-module__hop-Tag--positive___MtvyX {
|
|
4151
4159
|
--border-color: var(--hop-Tag-positive-border-color);
|
|
4152
4160
|
--background-color: var(--hop-Tag-positive-background-color);
|
|
4153
4161
|
--text-color: var(--hop-Tag-positive-text-color);
|
|
4154
4162
|
}
|
|
4155
|
-
.Tag-module__hop-Tag--
|
|
4163
|
+
.Tag-module__hop-Tag--caution___iCH6y {
|
|
4156
4164
|
--border-color: var(--hop-Tag-caution-border-color);
|
|
4157
4165
|
--background-color: var(--hop-Tag-caution-background-color);
|
|
4158
4166
|
--text-color: var(--hop-Tag-caution-text-color);
|
|
4159
4167
|
}
|
|
4160
|
-
.Tag-module__hop-Tag--
|
|
4168
|
+
.Tag-module__hop-Tag--negative___mbi4M {
|
|
4161
4169
|
--border-color: var(--hop-Tag-negative-border-color);
|
|
4162
4170
|
--background-color: var(--hop-Tag-negative-background-color);
|
|
4163
4171
|
--text-color: var(--hop-Tag-negative-text-color);
|
|
4164
4172
|
}
|
|
4165
|
-
.Tag-module__hop-Tag--
|
|
4173
|
+
.Tag-module__hop-Tag--option1___-HOu1 {
|
|
4166
4174
|
--border-color: var(--hop-Tag-option1-border-color);
|
|
4167
4175
|
--background-color: var(--hop-Tag-option1-background-color);
|
|
4168
4176
|
--text-color: var(--hop-Tag-option1-text-color);
|
|
4169
4177
|
}
|
|
4170
|
-
.Tag-module__hop-Tag--
|
|
4178
|
+
.Tag-module__hop-Tag--option2___T2u0U {
|
|
4171
4179
|
--border-color: var(--hop-Tag-option2-border-color);
|
|
4172
4180
|
--background-color: var(--hop-Tag-option2-background-color);
|
|
4173
4181
|
--text-color: var(--hop-Tag-option2-text-color);
|
|
4174
4182
|
}
|
|
4175
|
-
.Tag-module__hop-Tag--
|
|
4183
|
+
.Tag-module__hop-Tag--option3___puucJ {
|
|
4176
4184
|
--border-color: var(--hop-Tag-option3-border-color);
|
|
4177
4185
|
--background-color: var(--hop-Tag-option3-background-color);
|
|
4178
4186
|
--text-color: var(--hop-Tag-option3-text-color);
|
|
4179
4187
|
}
|
|
4180
|
-
.Tag-module__hop-Tag--
|
|
4188
|
+
.Tag-module__hop-Tag--option4___2TNci {
|
|
4181
4189
|
--border-color: var(--hop-Tag-option4-border-color);
|
|
4182
4190
|
--background-color: var(--hop-Tag-option4-background-color);
|
|
4183
4191
|
--text-color: var(--hop-Tag-option4-text-color);
|
|
4184
4192
|
}
|
|
4185
|
-
.Tag-module__hop-Tag--
|
|
4193
|
+
.Tag-module__hop-Tag--option5___HnSjN {
|
|
4186
4194
|
--border-color: var(--hop-Tag-option5-border-color);
|
|
4187
4195
|
--background-color: var(--hop-Tag-option5-background-color);
|
|
4188
4196
|
--text-color: var(--hop-Tag-option5-text-color);
|
|
4189
4197
|
}
|
|
4190
|
-
.Tag-module__hop-Tag--
|
|
4198
|
+
.Tag-module__hop-Tag--option6___g5EV9 {
|
|
4191
4199
|
--border-color: var(--hop-Tag-option6-border-color);
|
|
4192
4200
|
--background-color: var(--hop-Tag-option6-background-color);
|
|
4193
4201
|
--text-color: var(--hop-Tag-option6-text-color);
|
|
4194
4202
|
}
|
|
4195
|
-
.Tag-module__hop-
|
|
4203
|
+
.Tag-module__hop-Tag___Q5Cmm[data-href] {
|
|
4196
4204
|
cursor: pointer;
|
|
4197
4205
|
}
|
|
4198
|
-
.Tag-module__hop-Tag--
|
|
4206
|
+
.Tag-module__hop-Tag--neutral___TUZDd[data-focus-visible] {
|
|
4199
4207
|
--border-color: var(--hop-Tag-neutral-border-color-focus);
|
|
4200
4208
|
--background-color: var(--hop-Tag-neutral-background-color-focus);
|
|
4201
4209
|
--text-color: var(--hop-Tag-neutral-text-color-focus);
|
|
4202
4210
|
}
|
|
4203
|
-
.Tag-module__hop-Tag--
|
|
4211
|
+
.Tag-module__hop-Tag--neutral___TUZDd[data-hovered] {
|
|
4204
4212
|
--border-color: var(--hop-Tag-neutral-border-color-hover);
|
|
4205
4213
|
--background-color: var(--hop-Tag-neutral-background-color-hover);
|
|
4206
4214
|
--text-color: var(--hop-Tag-neutral-text-color-hover);
|
|
4207
4215
|
}
|
|
4208
|
-
.Tag-module__hop-Tag--
|
|
4216
|
+
.Tag-module__hop-Tag--neutral___TUZDd[data-pressed] {
|
|
4209
4217
|
--border-color: var(--hop-Tag-neutral-border-color-press);
|
|
4210
4218
|
--background-color: var(--hop-Tag-neutral-background-color-press);
|
|
4211
4219
|
--text-color: var(--hop-Tag-neutral-text-color-press);
|
|
4212
4220
|
}
|
|
4213
|
-
.Tag-module__hop-Tag--
|
|
4221
|
+
.Tag-module__hop-Tag--neutral___TUZDd[data-disabled] {
|
|
4214
4222
|
--border-color: var(--hop-Tag-neutral-border-color-disabled);
|
|
4215
4223
|
--background-color: var(--hop-Tag-neutral-background-color-disabled);
|
|
4216
4224
|
--text-color: var(--hop-Tag-neutral-text-color-disabled);
|
|
4217
4225
|
}
|
|
4218
|
-
.Tag-module__hop-Tag--
|
|
4226
|
+
.Tag-module__hop-Tag--subdued___yAJHY[data-focus-visible] {
|
|
4219
4227
|
--border-color: var(--hop-Tag-subdued-border-color-focus);
|
|
4220
4228
|
--background-color: var(--hop-Tag-subdued-background-color-focus);
|
|
4221
4229
|
--text-color: var(--hop-Tag-subdued-text-color-focus);
|
|
4222
4230
|
}
|
|
4223
|
-
.Tag-module__hop-Tag--
|
|
4231
|
+
.Tag-module__hop-Tag--subdued___yAJHY[data-hovered] {
|
|
4224
4232
|
--border-color: var(--hop-Tag-subdued-border-color-hover);
|
|
4225
4233
|
--background-color: var(--hop-Tag-subdued-background-color-hover);
|
|
4226
4234
|
--text-color: var(--hop-Tag-subdued-text-color-hover);
|
|
4227
4235
|
}
|
|
4228
|
-
.Tag-module__hop-Tag--
|
|
4236
|
+
.Tag-module__hop-Tag--subdued___yAJHY[data-pressed] {
|
|
4229
4237
|
--border-color: var(--hop-Tag-subdued-border-color-press);
|
|
4230
4238
|
--background-color: var(--hop-Tag-subdued-background-color-press);
|
|
4231
4239
|
--text-color: var(--hop-Tag-subdued-text-color-press);
|
|
4232
4240
|
}
|
|
4233
|
-
.Tag-module__hop-Tag--
|
|
4241
|
+
.Tag-module__hop-Tag--subdued___yAJHY[data-disabled] {
|
|
4234
4242
|
--border-color: var(--hop-Tag-subdued-border-color-disabled);
|
|
4235
4243
|
--background-color: var(--hop-Tag-subdued-background-color-disabled);
|
|
4236
4244
|
--text-color: var(--hop-Tag-subdued-text-color-disabled);
|
|
4237
4245
|
}
|
|
4238
|
-
.Tag-module__hop-Tag--
|
|
4246
|
+
.Tag-module__hop-Tag--progress___8Z5fa[data-focus-visible] {
|
|
4239
4247
|
--border-color: var(--hop-Tag-progress-border-color-focus);
|
|
4240
4248
|
--background-color: var(--hop-Tag-progress-background-color-focus);
|
|
4241
4249
|
--text-color: var(--hop-Tag-progress-text-color-focus);
|
|
4242
4250
|
}
|
|
4243
|
-
.Tag-module__hop-Tag--
|
|
4251
|
+
.Tag-module__hop-Tag--progress___8Z5fa[data-hovered] {
|
|
4244
4252
|
--border-color: var(--hop-Tag-progress-border-color-hover);
|
|
4245
4253
|
--background-color: var(--hop-Tag-progress-background-color-hover);
|
|
4246
4254
|
--text-color: var(--hop-Tag-progress-text-color-hover);
|
|
4247
4255
|
}
|
|
4248
|
-
.Tag-module__hop-Tag--
|
|
4256
|
+
.Tag-module__hop-Tag--progress___8Z5fa[data-pressed] {
|
|
4249
4257
|
--border-color: var(--hop-Tag-progress-border-color-press);
|
|
4250
4258
|
--background-color: var(--hop-Tag-progress-background-color-press);
|
|
4251
4259
|
--text-color: var(--hop-Tag-progress-text-color-press);
|
|
4252
4260
|
}
|
|
4253
|
-
.Tag-module__hop-Tag--
|
|
4261
|
+
.Tag-module__hop-Tag--progress___8Z5fa[data-disabled] {
|
|
4254
4262
|
--border-color: var(--hop-Tag-progress-border-color-disabled);
|
|
4255
4263
|
--background-color: var(--hop-Tag-progress-background-color-disabled);
|
|
4256
4264
|
--text-color: var(--hop-Tag-progress-text-color-disabled);
|
|
4257
4265
|
}
|
|
4258
|
-
.Tag-module__hop-Tag--
|
|
4266
|
+
.Tag-module__hop-Tag--positive___MtvyX[data-focus-visible] {
|
|
4259
4267
|
--border-color: var(--hop-Tag-positive-border-color-focus);
|
|
4260
4268
|
--background-color: var(--hop-Tag-positive-background-color-focus);
|
|
4261
4269
|
--text-color: var(--hop-Tag-positive-text-color-focus);
|
|
4262
4270
|
}
|
|
4263
|
-
.Tag-module__hop-Tag--
|
|
4271
|
+
.Tag-module__hop-Tag--positive___MtvyX[data-hovered] {
|
|
4264
4272
|
--border-color: var(--hop-Tag-positive-border-color-hover);
|
|
4265
4273
|
--background-color: var(--hop-Tag-positive-background-color-hover);
|
|
4266
4274
|
--text-color: var(--hop-Tag-positive-text-color-hover);
|
|
4267
4275
|
}
|
|
4268
|
-
.Tag-module__hop-Tag--
|
|
4276
|
+
.Tag-module__hop-Tag--positive___MtvyX[data-pressed] {
|
|
4269
4277
|
--border-color: var(--hop-Tag-positive-border-color-press);
|
|
4270
4278
|
--background-color: var(--hop-Tag-positive-background-color-press);
|
|
4271
4279
|
--text-color: var(--hop-Tag-positive-text-color-press);
|
|
4272
4280
|
}
|
|
4273
|
-
.Tag-module__hop-Tag--
|
|
4281
|
+
.Tag-module__hop-Tag--positive___MtvyX[data-disabled] {
|
|
4274
4282
|
--border-color: var(--hop-Tag-positive-border-color-disabled);
|
|
4275
4283
|
--background-color: var(--hop-Tag-positive-background-color-disabled);
|
|
4276
4284
|
--text-color: var(--hop-Tag-positive-text-color-disabled);
|
|
4277
4285
|
}
|
|
4278
|
-
.Tag-module__hop-Tag--
|
|
4286
|
+
.Tag-module__hop-Tag--caution___iCH6y[data-focus-visible] {
|
|
4279
4287
|
--border-color: var(--hop-Tag-caution-border-color-focus);
|
|
4280
4288
|
--background-color: var(--hop-Tag-caution-background-color-focus);
|
|
4281
4289
|
--text-color: var(--hop-Tag-caution-text-color-focus);
|
|
4282
4290
|
}
|
|
4283
|
-
.Tag-module__hop-Tag--
|
|
4291
|
+
.Tag-module__hop-Tag--caution___iCH6y[data-hovered] {
|
|
4284
4292
|
--border-color: var(--hop-Tag-caution-border-color-hover);
|
|
4285
4293
|
--background-color: var(--hop-Tag-caution-background-color-hover);
|
|
4286
4294
|
--text-color: var(--hop-Tag-caution-text-color-hover);
|
|
4287
4295
|
}
|
|
4288
|
-
.Tag-module__hop-Tag--
|
|
4296
|
+
.Tag-module__hop-Tag--caution___iCH6y[data-pressed] {
|
|
4289
4297
|
--border-color: var(--hop-Tag-caution-border-color-press);
|
|
4290
4298
|
--background-color: var(--hop-Tag-caution-background-color-press);
|
|
4291
4299
|
--text-color: var(--hop-Tag-caution-text-color-press);
|
|
4292
4300
|
}
|
|
4293
|
-
.Tag-module__hop-Tag--
|
|
4301
|
+
.Tag-module__hop-Tag--caution___iCH6y[data-disabled] {
|
|
4294
4302
|
--border-color: var(--hop-Tag-caution-border-color-disabled);
|
|
4295
4303
|
--background-color: var(--hop-Tag-caution-background-color-disabled);
|
|
4296
4304
|
--text-color: var(--hop-Tag-caution-text-color-disabled);
|
|
4297
4305
|
}
|
|
4298
|
-
.Tag-module__hop-Tag--
|
|
4306
|
+
.Tag-module__hop-Tag--negative___mbi4M[data-focus-visible] {
|
|
4299
4307
|
--border-color: var(--hop-Tag-negative-border-color-focus);
|
|
4300
4308
|
--background-color: var(--hop-Tag-negative-background-color-focus);
|
|
4301
4309
|
--text-color: var(--hop-Tag-negative-text-color-focus);
|
|
4302
4310
|
}
|
|
4303
|
-
.Tag-module__hop-Tag--
|
|
4311
|
+
.Tag-module__hop-Tag--negative___mbi4M[data-hovered] {
|
|
4304
4312
|
--border-color: var(--hop-Tag-negative-border-color-hover);
|
|
4305
4313
|
--background-color: var(--hop-Tag-negative-background-color-hover);
|
|
4306
4314
|
--text-color: var(--hop-Tag-negative-text-color-hover);
|
|
4307
4315
|
}
|
|
4308
|
-
.Tag-module__hop-Tag--
|
|
4316
|
+
.Tag-module__hop-Tag--negative___mbi4M[data-pressed] {
|
|
4309
4317
|
--border-color: var(--hop-Tag-negative-border-color-press);
|
|
4310
4318
|
--background-color: var(--hop-Tag-negative-background-color-press);
|
|
4311
4319
|
--text-color: var(--hop-Tag-negative-text-color-press);
|
|
4312
4320
|
}
|
|
4313
|
-
.Tag-module__hop-Tag--
|
|
4321
|
+
.Tag-module__hop-Tag--negative___mbi4M[data-disabled] {
|
|
4314
4322
|
--border-color: var(--hop-Tag-negative-border-color-disabled);
|
|
4315
4323
|
--background-color: var(--hop-Tag-negative-background-color-disabled);
|
|
4316
4324
|
--text-color: var(--hop-Tag-negative-text-color-disabled);
|
|
4317
4325
|
}
|
|
4318
|
-
.Tag-module__hop-Tag--
|
|
4326
|
+
.Tag-module__hop-Tag--option1___-HOu1[data-focus-visible] {
|
|
4319
4327
|
--border-color: var(--hop-Tag-option1-border-color-focus);
|
|
4320
4328
|
--background-color: var(--hop-Tag-option1-background-color-focus);
|
|
4321
4329
|
--text-color: var(--hop-Tag-option1-text-color-focus);
|
|
4322
4330
|
}
|
|
4323
|
-
.Tag-module__hop-Tag--
|
|
4331
|
+
.Tag-module__hop-Tag--option1___-HOu1[data-hovered] {
|
|
4324
4332
|
--border-color: var(--hop-Tag-option1-border-color-hover);
|
|
4325
4333
|
--background-color: var(--hop-Tag-option1-background-color-hover);
|
|
4326
4334
|
--text-color: var(--hop-Tag-option1-text-color-hover);
|
|
4327
4335
|
}
|
|
4328
|
-
.Tag-module__hop-Tag--
|
|
4336
|
+
.Tag-module__hop-Tag--option1___-HOu1[data-pressed] {
|
|
4329
4337
|
--border-color: var(--hop-Tag-option1-border-color-press);
|
|
4330
4338
|
--background-color: var(--hop-Tag-option1-background-color-press);
|
|
4331
4339
|
--text-color: var(--hop-Tag-option1-text-color-press);
|
|
4332
4340
|
}
|
|
4333
|
-
.Tag-module__hop-Tag--
|
|
4341
|
+
.Tag-module__hop-Tag--option1___-HOu1[data-disabled] {
|
|
4334
4342
|
--border-color: var(--hop-Tag-option1-border-color-disabled);
|
|
4335
4343
|
--background-color: var(--hop-Tag-option1-background-color-disabled);
|
|
4336
4344
|
--text-color: var(--hop-Tag-option1-text-color-disabled);
|
|
4337
4345
|
}
|
|
4338
|
-
.Tag-module__hop-Tag--
|
|
4346
|
+
.Tag-module__hop-Tag--option2___T2u0U[data-focus-visible] {
|
|
4339
4347
|
--border-color: var(--hop-Tag-option2-border-color-focus);
|
|
4340
4348
|
--background-color: var(--hop-Tag-option2-background-color-focus);
|
|
4341
4349
|
--text-color: var(--hop-Tag-option2-text-color-focus);
|
|
4342
4350
|
}
|
|
4343
|
-
.Tag-module__hop-Tag--
|
|
4351
|
+
.Tag-module__hop-Tag--option2___T2u0U[data-hovered] {
|
|
4344
4352
|
--border-color: var(--hop-Tag-option2-border-color-hover);
|
|
4345
4353
|
--background-color: var(--hop-Tag-option2-background-color-hover);
|
|
4346
4354
|
--text-color: var(--hop-Tag-option2-text-color-hover);
|
|
4347
4355
|
}
|
|
4348
|
-
.Tag-module__hop-Tag--
|
|
4356
|
+
.Tag-module__hop-Tag--option2___T2u0U[data-pressed] {
|
|
4349
4357
|
--border-color: var(--hop-Tag-option2-border-color-press);
|
|
4350
4358
|
--background-color: var(--hop-Tag-option2-background-color-press);
|
|
4351
4359
|
--text-color: var(--hop-Tag-option2-text-color-press);
|
|
4352
4360
|
}
|
|
4353
|
-
.Tag-module__hop-Tag--
|
|
4361
|
+
.Tag-module__hop-Tag--option2___T2u0U[data-disabled] {
|
|
4354
4362
|
--border-color: var(--hop-Tag-option2-border-color-disabled);
|
|
4355
4363
|
--background-color: var(--hop-Tag-option2-background-color-disabled);
|
|
4356
4364
|
--text-color: var(--hop-Tag-option2-text-color-disabled);
|
|
4357
4365
|
}
|
|
4358
|
-
.Tag-module__hop-Tag--
|
|
4366
|
+
.Tag-module__hop-Tag--option3___puucJ[data-focus-visible] {
|
|
4359
4367
|
--border-color: var(--hop-Tag-option3-border-color-focus);
|
|
4360
4368
|
--background-color: var(--hop-Tag-option3-background-color-focus);
|
|
4361
4369
|
--text-color: var(--hop-Tag-option3-text-color-focus);
|
|
4362
4370
|
}
|
|
4363
|
-
.Tag-module__hop-Tag--
|
|
4371
|
+
.Tag-module__hop-Tag--option3___puucJ[data-hovered] {
|
|
4364
4372
|
--border-color: var(--hop-Tag-option3-border-color-hover);
|
|
4365
4373
|
--background-color: var(--hop-Tag-option3-background-color-hover);
|
|
4366
4374
|
--text-color: var(--hop-Tag-option3-text-color-hover);
|
|
4367
4375
|
}
|
|
4368
|
-
.Tag-module__hop-Tag--
|
|
4376
|
+
.Tag-module__hop-Tag--option3___puucJ[data-pressed] {
|
|
4369
4377
|
--border-color: var(--hop-Tag-option3-border-color-press);
|
|
4370
4378
|
--background-color: var(--hop-Tag-option3-background-color-press);
|
|
4371
4379
|
--text-color: var(--hop-Tag-option3-text-color-press);
|
|
4372
4380
|
}
|
|
4373
|
-
.Tag-module__hop-Tag--
|
|
4381
|
+
.Tag-module__hop-Tag--option3___puucJ[data-disabled] {
|
|
4374
4382
|
--border-color: var(--hop-Tag-option3-border-color-disabled);
|
|
4375
4383
|
--background-color: var(--hop-Tag-option3-background-color-disabled);
|
|
4376
4384
|
--text-color: var(--hop-Tag-option3-text-color-disabled);
|
|
4377
4385
|
}
|
|
4378
|
-
.Tag-module__hop-Tag--
|
|
4386
|
+
.Tag-module__hop-Tag--option4___2TNci[data-focus-visible] {
|
|
4379
4387
|
--border-color: var(--hop-Tag-option4-border-color-focus);
|
|
4380
4388
|
--background-color: var(--hop-Tag-option4-background-color-focus);
|
|
4381
4389
|
--text-color: var(--hop-Tag-option4-text-color-focus);
|
|
4382
4390
|
}
|
|
4383
|
-
.Tag-module__hop-Tag--
|
|
4391
|
+
.Tag-module__hop-Tag--option4___2TNci[data-hovered] {
|
|
4384
4392
|
--border-color: var(--hop-Tag-option4-border-color-hover);
|
|
4385
4393
|
--background-color: var(--hop-Tag-option4-background-color-hover);
|
|
4386
4394
|
--text-color: var(--hop-Tag-option4-text-color-hover);
|
|
4387
4395
|
}
|
|
4388
|
-
.Tag-module__hop-Tag--
|
|
4396
|
+
.Tag-module__hop-Tag--option4___2TNci[data-pressed] {
|
|
4389
4397
|
--border-color: var(--hop-Tag-option4-border-color-press);
|
|
4390
4398
|
--background-color: var(--hop-Tag-option4-background-color-press);
|
|
4391
4399
|
--text-color: var(--hop-Tag-option4-text-color-press);
|
|
4392
4400
|
}
|
|
4393
|
-
.Tag-module__hop-Tag--
|
|
4401
|
+
.Tag-module__hop-Tag--option4___2TNci[data-disabled] {
|
|
4394
4402
|
--border-color: var(--hop-Tag-option4-border-color-disabled);
|
|
4395
4403
|
--background-color: var(--hop-Tag-option4-background-color-disabled);
|
|
4396
4404
|
--text-color: var(--hop-Tag-option4-text-color-disabled);
|
|
4397
4405
|
}
|
|
4398
|
-
.Tag-module__hop-Tag--
|
|
4406
|
+
.Tag-module__hop-Tag--option5___HnSjN[data-focus-visible] {
|
|
4399
4407
|
--border-color: var(--hop-Tag-option5-border-color-focus);
|
|
4400
4408
|
--background-color: var(--hop-Tag-option5-background-color-focus);
|
|
4401
4409
|
--text-color: var(--hop-Tag-option5-text-color-focus);
|
|
4402
4410
|
}
|
|
4403
|
-
.Tag-module__hop-Tag--
|
|
4411
|
+
.Tag-module__hop-Tag--option5___HnSjN[data-hovered] {
|
|
4404
4412
|
--border-color: var(--hop-Tag-option5-border-color-hover);
|
|
4405
4413
|
--background-color: var(--hop-Tag-option5-background-color-hover);
|
|
4406
4414
|
--text-color: var(--hop-Tag-option5-text-color-hover);
|
|
4407
4415
|
}
|
|
4408
|
-
.Tag-module__hop-Tag--
|
|
4416
|
+
.Tag-module__hop-Tag--option5___HnSjN[data-pressed] {
|
|
4409
4417
|
--border-color: var(--hop-Tag-option5-border-color-press);
|
|
4410
4418
|
--background-color: var(--hop-Tag-option5-background-color-press);
|
|
4411
4419
|
--text-color: var(--hop-Tag-option5-text-color-press);
|
|
4412
4420
|
}
|
|
4413
|
-
.Tag-module__hop-Tag--
|
|
4421
|
+
.Tag-module__hop-Tag--option5___HnSjN[data-disabled] {
|
|
4414
4422
|
--border-color: var(--hop-Tag-option5-border-color-disabled);
|
|
4415
4423
|
--background-color: var(--hop-Tag-option5-background-color-disabled);
|
|
4416
4424
|
--text-color: var(--hop-Tag-option5-text-color-disabled);
|
|
4417
4425
|
}
|
|
4418
|
-
.Tag-module__hop-Tag--
|
|
4426
|
+
.Tag-module__hop-Tag--option6___g5EV9[data-focus-visible] {
|
|
4419
4427
|
--border-color: var(--hop-Tag-option6-border-color-focus);
|
|
4420
4428
|
--background-color: var(--hop-Tag-option6-background-color-focus);
|
|
4421
4429
|
--text-color: var(--hop-Tag-option6-text-color-focus);
|
|
4422
4430
|
}
|
|
4423
|
-
.Tag-module__hop-Tag--
|
|
4431
|
+
.Tag-module__hop-Tag--option6___g5EV9[data-hovered] {
|
|
4424
4432
|
--border-color: var(--hop-Tag-option6-border-color-hover);
|
|
4425
4433
|
--background-color: var(--hop-Tag-option6-background-color-hover);
|
|
4426
4434
|
--text-color: var(--hop-Tag-option6-text-color-hover);
|
|
4427
4435
|
}
|
|
4428
|
-
.Tag-module__hop-Tag--
|
|
4436
|
+
.Tag-module__hop-Tag--option6___g5EV9[data-pressed] {
|
|
4429
4437
|
--border-color: var(--hop-Tag-option6-border-color-press);
|
|
4430
4438
|
--background-color: var(--hop-Tag-option6-background-color-press);
|
|
4431
4439
|
--text-color: var(--hop-Tag-option6-text-color-press);
|
|
4432
4440
|
}
|
|
4433
|
-
.Tag-module__hop-Tag--
|
|
4441
|
+
.Tag-module__hop-Tag--option6___g5EV9[data-disabled] {
|
|
4434
4442
|
--border-color: var(--hop-Tag-option6-border-color-disabled);
|
|
4435
4443
|
--background-color: var(--hop-Tag-option6-background-color-disabled);
|
|
4436
4444
|
--text-color: var(--hop-Tag-option6-text-color-disabled);
|
|
4437
4445
|
}
|
|
4438
|
-
.Tag-module__hop-
|
|
4446
|
+
.Tag-module__hop-Tag___Q5Cmm[data-focus-visible] {
|
|
4439
4447
|
outline: 0.125rem solid var(--focus-ring-color);
|
|
4440
4448
|
}
|
|
4441
|
-
.Tag-module__hop-
|
|
4449
|
+
.Tag-module__hop-Tag___Q5Cmm[data-hovered] {
|
|
4442
4450
|
cursor: pointer;
|
|
4443
4451
|
}
|
|
4444
|
-
.Tag-module__hop-
|
|
4452
|
+
.Tag-module__hop-Tag___Q5Cmm[data-selected] {
|
|
4445
4453
|
--background-color: var(--hop-Tag-background-color-selected);
|
|
4446
4454
|
--border-color: var(--hop-Tag-border-color-selected);
|
|
4447
4455
|
--text-color: var(--hop-Tag-text-color-selected);
|
|
4448
4456
|
}
|
|
4449
|
-
.Tag-module__hop-
|
|
4457
|
+
.Tag-module__hop-Tag___Q5Cmm[data-pressed] {
|
|
4450
4458
|
cursor: pointer;
|
|
4451
4459
|
}
|
|
4452
|
-
.Tag-module__hop-
|
|
4460
|
+
.Tag-module__hop-Tag___Q5Cmm[data-invalid] {
|
|
4453
4461
|
--border-color: var(--hop-Tag-border-color-invalid);
|
|
4454
4462
|
}
|
|
4455
|
-
.Tag-module__hop-
|
|
4463
|
+
.Tag-module__hop-Tag___Q5Cmm[data-disabled] {
|
|
4456
4464
|
cursor: not-allowed;
|
|
4457
4465
|
}
|
|
4458
|
-
.Tag-module__hop-
|
|
4466
|
+
.Tag-module__hop-Tag__avatar___Pj2L9 {
|
|
4459
4467
|
flex: 0 0 auto;
|
|
4460
4468
|
order: 1;
|
|
4461
4469
|
margin-inline-start: var(--avatar-margin-inline-start);
|
|
4462
4470
|
}
|
|
4463
|
-
.Tag-module__hop-
|
|
4464
|
-
.Tag-module__hop-Tag__icon-
|
|
4471
|
+
.Tag-module__hop-Tag__icon___QneBP,
|
|
4472
|
+
.Tag-module__hop-Tag__icon-list___0vhBr {
|
|
4465
4473
|
flex: 0 0 auto;
|
|
4466
4474
|
flex-wrap: nowrap;
|
|
4467
4475
|
order: 2;
|
|
4468
4476
|
margin-inline-start: var(--icon-margin-inline-start, 0);
|
|
4469
4477
|
}
|
|
4470
|
-
.Tag-module__hop-
|
|
4478
|
+
.Tag-module__hop-Tag__text___UwHZt {
|
|
4471
4479
|
overflow: hidden;
|
|
4472
4480
|
flex: 1 1 auto;
|
|
4473
4481
|
order: 3;
|
|
@@ -4475,33 +4483,33 @@
|
|
|
4475
4483
|
text-align: center;
|
|
4476
4484
|
text-overflow: ellipsis;
|
|
4477
4485
|
}
|
|
4478
|
-
.Tag-module__hop-
|
|
4486
|
+
.Tag-module__hop-Tag__badge___tEipF {
|
|
4479
4487
|
flex: 0 0 auto;
|
|
4480
4488
|
order: 4;
|
|
4481
4489
|
margin-inline-end: var(--badge-margin-inline-end);
|
|
4482
4490
|
}
|
|
4483
|
-
.Tag-module__hop-
|
|
4491
|
+
.Tag-module__hop-Tag___Q5Cmm .Tag-module__hop-Tag__badge___tEipF[data-variant=subdued] {
|
|
4484
4492
|
margin-inline-start: var(--badge-secondary-margin-inline-start);
|
|
4485
4493
|
color: inherit;
|
|
4486
4494
|
background: none;
|
|
4487
4495
|
}
|
|
4488
|
-
.Tag-module__hop-Tag--
|
|
4496
|
+
.Tag-module__hop-Tag--sm___VFfCI .Tag-module__hop-Tag__badge___tEipF {
|
|
4489
4497
|
block-size: 100%;
|
|
4490
4498
|
}
|
|
4491
|
-
.Tag-module__hop-Tag__remove-
|
|
4492
|
-
.Tag-module__hop-
|
|
4499
|
+
.Tag-module__hop-Tag__remove-btn___zoQkZ,
|
|
4500
|
+
.Tag-module__hop-Tag__Spinner___mKw7w {
|
|
4493
4501
|
flex: 0 0 auto;
|
|
4494
4502
|
order: 5;
|
|
4495
4503
|
}
|
|
4496
|
-
.Tag-module__hop-
|
|
4504
|
+
.Tag-module__hop-Tag__Spinner___mKw7w {
|
|
4497
4505
|
margin-inline-end: var(--spinner-margin-inline-end);
|
|
4498
4506
|
}
|
|
4499
|
-
.Tag-module__hop-Tag__remove-
|
|
4507
|
+
.Tag-module__hop-Tag__remove-btn___zoQkZ {
|
|
4500
4508
|
margin-inline: var(--clear-btn-margin-inline);
|
|
4501
4509
|
}
|
|
4502
4510
|
|
|
4503
4511
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
|
|
4504
|
-
.TagGroup-module__hop-
|
|
4512
|
+
.TagGroup-module__hop-TagGroup___s6wSY {
|
|
4505
4513
|
--hop-TagGroup-row-gap: var(--hop-space-inline-sm);
|
|
4506
4514
|
--hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
|
|
4507
4515
|
--hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
|
|
@@ -4521,10 +4529,10 @@
|
|
|
4521
4529
|
inline-size: max-content;
|
|
4522
4530
|
max-inline-size: 100%;
|
|
4523
4531
|
}
|
|
4524
|
-
.TagGroup-module__hop-
|
|
4532
|
+
.TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__label___XG2gM {
|
|
4525
4533
|
order: 1;
|
|
4526
4534
|
}
|
|
4527
|
-
.TagGroup-module__hop-
|
|
4535
|
+
.TagGroup-module__hop-TagGroup__list___4Ffgb {
|
|
4528
4536
|
display: flex;
|
|
4529
4537
|
flex-wrap: wrap;
|
|
4530
4538
|
gap: var(--list-row-gap) var(--list-column-gap);
|
|
@@ -4533,17 +4541,17 @@
|
|
|
4533
4541
|
border-radius: var(--list-border-radius);
|
|
4534
4542
|
outline: none;
|
|
4535
4543
|
}
|
|
4536
|
-
.TagGroup-module__hop-
|
|
4544
|
+
.TagGroup-module__hop-TagGroup__list___4Ffgb[data-focus-visible] {
|
|
4537
4545
|
outline: 0.125rem solid var(--list-focus-ring-color);
|
|
4538
4546
|
outline-offset: 0.125rem;
|
|
4539
4547
|
}
|
|
4540
|
-
.TagGroup-module__hop-
|
|
4541
|
-
.TagGroup-module__hop-
|
|
4548
|
+
.TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__error-message___Ts5SG,
|
|
4549
|
+
.TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__helper-message___BWiwC {
|
|
4542
4550
|
order: 3;
|
|
4543
4551
|
}
|
|
4544
4552
|
|
|
4545
4553
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
|
|
4546
|
-
.Form-module__hop-
|
|
4554
|
+
.Form-module__hop-Form___PGIZl {
|
|
4547
4555
|
display: flex;
|
|
4548
4556
|
flex-direction: column;
|
|
4549
4557
|
gap: var(--hop-space-stack-lg);
|