@hopper-ui/components 1.3.1 → 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 +12 -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 +666 -645
- package/dist/Form/src/Form.js +43 -43
- package/dist/Form/src/index.css +666 -645
- package/dist/Form/src/index.js +43 -43
- 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 +666 -645
- package/dist/Select/src/Select.js +43 -43
- package/dist/Select/src/SelectValue.css +60 -60
- package/dist/Select/src/SelectValue.js +5 -5
- package/dist/Select/src/index.css +666 -645
- package/dist/Select/src/index.js +43 -43
- 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-ANBOSYAL.js → chunk-2IM7L64G.js} +1 -1
- package/dist/{chunk-OLXX46IZ.js → chunk-2OHECU6B.js} +1 -1
- package/dist/{chunk-ESWRMGHR.js → chunk-6PQWQGCX.js} +3 -3
- package/dist/{chunk-NJHNYL6X.js → chunk-6QFZJMC3.js} +2 -2
- package/dist/{chunk-D2GZKHYD.js → chunk-75FA3TWT.js} +1 -1
- package/dist/{chunk-2ZOLM7VR.js → chunk-7ZNANBX5.js} +2 -2
- package/dist/{chunk-2WWHL3EF.js → chunk-APRULC6A.js} +3 -3
- package/dist/{chunk-5NMCOZOW.js → chunk-BOL3HK7H.js} +1 -1
- package/dist/{chunk-PUMWU6M4.js → chunk-DMVOYW6N.js} +6 -1
- package/dist/{chunk-7QUXYE3E.js → chunk-DOSVC2KD.js} +4 -4
- package/dist/{chunk-YD2TGFCB.js → chunk-E2A556FA.js} +3 -3
- package/dist/{chunk-HXPTWMD5.js → chunk-EBNKK7UG.js} +3 -3
- package/dist/{chunk-EUELVL2L.js → chunk-EC7OSNAK.js} +1 -1
- package/dist/{chunk-UNSJTDXN.js → chunk-ENP5QA57.js} +1 -1
- package/dist/{chunk-USVXH6MO.js → chunk-F35TAM7I.js} +2 -2
- package/dist/{chunk-X2T2UX2O.js → chunk-FNFLGAVD.js} +1 -1
- package/dist/{chunk-BO53NITW.js → chunk-FUZDBWJ3.js} +1 -1
- package/dist/{chunk-XF4SQ222.js → chunk-IAK7ZIAY.js} +1 -1
- package/dist/{chunk-JVZRUDLP.js → chunk-IEIBO5IZ.js} +4 -4
- package/dist/{chunk-47SFZCKK.js → chunk-JAN7XPAP.js} +1 -1
- package/dist/{chunk-BV7O26TY.js → chunk-K73GF67H.js} +3 -3
- package/dist/{chunk-GG6RHMJ7.js → chunk-KB5TOYUY.js} +7 -7
- package/dist/{chunk-TJMAMWRQ.js → chunk-LG55WC5T.js} +3 -1
- package/dist/{chunk-QSWSZUZM.js → chunk-N3Z3CYO7.js} +1 -1
- package/dist/{chunk-HLXQ6C2E.js → chunk-OVLJGCG7.js} +1 -1
- package/dist/{chunk-SFZBLVJN.js → chunk-OX2HJIUS.js} +2 -2
- package/dist/{chunk-EMD2K6B3.js → chunk-PWHVRELJ.js} +2 -2
- package/dist/{chunk-ZG5E36S3.js → chunk-Q7XNJJHM.js} +3 -3
- package/dist/{chunk-QCTIAKM6.js → chunk-QS5JV4ME.js} +1 -1
- package/dist/{chunk-L3Y67TUF.js → chunk-RYBVVQUA.js} +1 -1
- package/dist/{chunk-52LHX4PE.js → chunk-SLHMNCFU.js} +2 -2
- package/dist/{chunk-A2S2Q73W.js → chunk-TN3VIRQZ.js} +2 -2
- package/dist/{chunk-NEPRDVF7.js → chunk-TNKYUIG3.js} +1 -1
- package/dist/{chunk-JVDCU4PT.js → chunk-TRGOUUKL.js} +1 -1
- package/dist/{chunk-SD6DBWYC.js → chunk-U6IYZMNN.js} +1 -1
- package/dist/{chunk-QAIK237T.js → chunk-UM7DFJXF.js} +18 -7
- package/dist/{chunk-BF6YUKC2.js → chunk-V4SY4DCA.js} +1 -1
- package/dist/{chunk-XHQWDF7B.js → chunk-W52DLG34.js} +1 -1
- package/dist/{chunk-D7VVQIPM.js → chunk-YGOVG4X3.js} +2 -2
- package/dist/{chunk-ARD3LWL2.js → chunk-ZFMCRQ5C.js} +2 -2
- package/dist/{chunk-WDA6LWC4.js → chunk-ZWTMTEFG.js} +6 -6
- package/dist/index.css +666 -645
- package/dist/index.js +43 -43
- 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 +8 -7
- package/dist/inputs/src/TextField.css +239 -218
- package/dist/inputs/src/TextField.d.ts +7 -0
- package/dist/inputs/src/TextField.js +9 -8
- package/dist/inputs/src/index.css +1280 -1259
- package/dist/inputs/src/index.js +13 -13
- package/dist/overlays/Popover/src/Popover.css +666 -645
- package/dist/overlays/Popover/src/Popover.js +43 -43
- package/dist/overlays/Popover/src/index.css +666 -645
- package/dist/overlays/Popover/src/index.js +43 -43
- 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/dist/utils/src/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
|
|
2
|
-
.Text-module__hop-
|
|
2
|
+
.Text-module__hop-Text___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,14 +1951,14 @@
|
|
|
1947
1951
|
}
|
|
1948
1952
|
|
|
1949
1953
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
|
|
1950
|
-
.Form-module__hop-
|
|
1954
|
+
.Form-module__hop-Form___PGIZl {
|
|
1951
1955
|
display: flex;
|
|
1952
1956
|
flex-direction: column;
|
|
1953
1957
|
gap: var(--hop-space-stack-lg);
|
|
1954
1958
|
}
|
|
1955
1959
|
|
|
1956
1960
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
|
|
1957
|
-
.InputGroup-module__hop-
|
|
1961
|
+
.InputGroup-module__hop-InputGroup___9-1q- {
|
|
1958
1962
|
--hop-InputGroup-background: var(--hop-neutral-surface);
|
|
1959
1963
|
--hop-InputGroup-border-color: var(--hop-neutral-border);
|
|
1960
1964
|
--hop-InputGroup-border-width: 0.0625rem;
|
|
@@ -2002,6 +2006,7 @@
|
|
|
2002
2006
|
--hop-InputGroup-placeholder-line-height: inherit;
|
|
2003
2007
|
--hop-InputGroup-placeholder-color: var(--hop-neutral-text-weakest);
|
|
2004
2008
|
--hop-InputGroup-placeholder-color-disabled: var(--hop-neutral-text-disabled);
|
|
2009
|
+
--hop-InputGroup-embedded-button-margin-inline-end: calc(-1 * var(--hop-space-inline-sm));
|
|
2005
2010
|
--inline-size: var(--hop-InputGroup-inline-size);
|
|
2006
2011
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
|
|
2007
2012
|
--background: var(--hop-InputGroup-background);
|
|
@@ -2034,11 +2039,11 @@
|
|
|
2034
2039
|
border: var(--border);
|
|
2035
2040
|
border-radius: var(--hop-InputGroup-border-radius);
|
|
2036
2041
|
}
|
|
2037
|
-
.InputGroup-module__hop-InputGroup--
|
|
2042
|
+
.InputGroup-module__hop-InputGroup--fluid___k2wft {
|
|
2038
2043
|
--inline-size: 100%;
|
|
2039
2044
|
--input-inline-size: 100%;
|
|
2040
2045
|
}
|
|
2041
|
-
.InputGroup-module__hop-InputGroup--
|
|
2046
|
+
.InputGroup-module__hop-InputGroup--sm___mFJd4 {
|
|
2042
2047
|
--block-size: var(--hop-InputGroup-sm-block-size);
|
|
2043
2048
|
--input-font-family: var(--hop-InputGroup-input-sm-font-family);
|
|
2044
2049
|
--input-font-size: var(--hop-InputGroup-input-sm-font-size);
|
|
@@ -2046,7 +2051,7 @@
|
|
|
2046
2051
|
--input-line-height: var(--hop-InputGroup-input-sm-line-height);
|
|
2047
2052
|
--input-block-size: var(--hop-InputGroup-input-sm-block-size);
|
|
2048
2053
|
}
|
|
2049
|
-
.InputGroup-module__hop-
|
|
2054
|
+
.InputGroup-module__hop-InputGroup___9-1q-[data-input-type=textarea] {
|
|
2050
2055
|
--gap: var(--hop-InputGroup-gap-textarea);
|
|
2051
2056
|
--flex-direction: var(--hop-InputGroup-flex-direction-textarea);
|
|
2052
2057
|
--align-items: var(--hop-InputGroup-align-items-textarea);
|
|
@@ -2054,28 +2059,28 @@
|
|
|
2054
2059
|
--padding-inline: var(--hop-InputGroup-padding-inline-textarea);
|
|
2055
2060
|
--padding-block: var(--hop-InputGroup-padding-block-textarea);
|
|
2056
2061
|
}
|
|
2057
|
-
.InputGroup-module__hop-
|
|
2062
|
+
.InputGroup-module__hop-InputGroup___9-1q-[data-input-type=number] {
|
|
2058
2063
|
--display: var(--hop-InputGroup-display-number);
|
|
2059
2064
|
--gap: var(--hop-InputGroup-gap-number);
|
|
2060
2065
|
}
|
|
2061
|
-
.InputGroup-module__hop-
|
|
2066
|
+
.InputGroup-module__hop-InputGroup___9-1q-[data-hovered] {
|
|
2062
2067
|
--background: var(--hop-InputGroup-background-hover);
|
|
2063
2068
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
|
|
2064
2069
|
}
|
|
2065
|
-
.InputGroup-module__hop-
|
|
2070
|
+
.InputGroup-module__hop-InputGroup___9-1q-[data-focus-within] {
|
|
2066
2071
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
|
|
2067
2072
|
}
|
|
2068
|
-
.InputGroup-module__hop-
|
|
2073
|
+
.InputGroup-module__hop-InputGroup___9-1q-[data-invalid] {
|
|
2069
2074
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
|
|
2070
2075
|
}
|
|
2071
|
-
.InputGroup-module__hop-
|
|
2076
|
+
.InputGroup-module__hop-InputGroup___9-1q-[data-disabled] {
|
|
2072
2077
|
--background: var(--hop-InputGroup-background-disabled);
|
|
2073
2078
|
--border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
|
|
2074
2079
|
--input-color: var(--hop-InputGroup-input-color-disabled);
|
|
2075
2080
|
--input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
|
|
2076
2081
|
}
|
|
2077
|
-
.InputGroup-module__hop-
|
|
2078
|
-
.InputGroup-module__hop-
|
|
2082
|
+
.InputGroup-module__hop-InputGroup__input___4cTjR,
|
|
2083
|
+
.InputGroup-module__hop-InputGroup__textarea___ini37 {
|
|
2079
2084
|
flex: 1 1 auto;
|
|
2080
2085
|
box-sizing: border-box;
|
|
2081
2086
|
inline-size: var(--input-inline-size);
|
|
@@ -2089,23 +2094,26 @@
|
|
|
2089
2094
|
border: none;
|
|
2090
2095
|
outline: none;
|
|
2091
2096
|
}
|
|
2092
|
-
.InputGroup-module__hop-
|
|
2097
|
+
.InputGroup-module__hop-InputGroup__input___4cTjR {
|
|
2093
2098
|
block-size: var(--input-block-size);
|
|
2094
2099
|
padding: var(--hop-InputGroup-input-padding);
|
|
2095
2100
|
}
|
|
2096
|
-
.InputGroup-module__hop-
|
|
2101
|
+
.InputGroup-module__hop-InputGroup__textarea___ini37 {
|
|
2097
2102
|
padding: var(--hop-InputGroup-textarea-padding);
|
|
2098
2103
|
}
|
|
2099
|
-
.InputGroup-module__hop-
|
|
2104
|
+
.InputGroup-module__hop-InputGroup__input___4cTjR::placeholder {
|
|
2100
2105
|
font-family: var(--hop-InputGroup-placeholder-font-family);
|
|
2101
2106
|
font-size: var(--hop-InputGroup-placeholder-font-size);
|
|
2102
2107
|
font-weight: var(--hop-InputGroup-placeholder-font-weight);
|
|
2103
2108
|
line-height: var(--hop-InputGroup-placeholder-line-height);
|
|
2104
2109
|
color: var(--input-placeholder-color);
|
|
2105
2110
|
}
|
|
2111
|
+
.InputGroup-module__hop-InputGroup__embedded-button___Hmstz {
|
|
2112
|
+
margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
|
|
2113
|
+
}
|
|
2106
2114
|
|
|
2107
2115
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
|
|
2108
|
-
.Heading-module__hop-
|
|
2116
|
+
.Heading-module__hop-Heading___bHXtt {
|
|
2109
2117
|
--hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
|
|
2110
2118
|
--hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
|
|
2111
2119
|
--hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
|
|
@@ -2139,50 +2147,50 @@
|
|
|
2139
2147
|
--hop-Heading-inherit-size-font-weight: inherit;
|
|
2140
2148
|
--hop-Heading-inherit-size-line-height: inherit;
|
|
2141
2149
|
}
|
|
2142
|
-
:where(.Heading-module__hop-
|
|
2150
|
+
:where(.Heading-module__hop-Heading___bHXtt) {
|
|
2143
2151
|
margin: 0;
|
|
2144
2152
|
font-family: var(--font-family);
|
|
2145
2153
|
font-size: var(--font-size);
|
|
2146
2154
|
font-weight: var(--font-weight);
|
|
2147
2155
|
line-height: var(--line-height);
|
|
2148
2156
|
}
|
|
2149
|
-
:where(.Heading-module__hop-Heading--
|
|
2157
|
+
:where(.Heading-module__hop-Heading--xs___rkqGG) {
|
|
2150
2158
|
--font-size: var(--hop-Heading-xs-font-size);
|
|
2151
2159
|
--font-family: var(--hop-Heading-xs-font-family);
|
|
2152
2160
|
--font-weight: var(--hop-Heading-xs-font-weight);
|
|
2153
2161
|
--line-height: var(--hop-Heading-xs-line-height);
|
|
2154
2162
|
}
|
|
2155
|
-
:where(.Heading-module__hop-Heading--
|
|
2163
|
+
:where(.Heading-module__hop-Heading--sm___auPVY) {
|
|
2156
2164
|
--font-size: var(--hop-Heading-sm-font-size);
|
|
2157
2165
|
--font-family: var(--hop-Heading-sm-font-family);
|
|
2158
2166
|
--font-weight: var(--hop-Heading-sm-font-weight);
|
|
2159
2167
|
--line-height: var(--hop-Heading-sm-line-height);
|
|
2160
2168
|
}
|
|
2161
|
-
:where(.Heading-module__hop-Heading--
|
|
2169
|
+
:where(.Heading-module__hop-Heading--md___u5KdF) {
|
|
2162
2170
|
--font-size: var(--hop-Heading-md-font-size);
|
|
2163
2171
|
--font-family: var(--hop-Heading-md-font-family);
|
|
2164
2172
|
--font-weight: var(--hop-Heading-md-font-weight);
|
|
2165
2173
|
--line-height: var(--hop-Heading-md-line-height);
|
|
2166
2174
|
}
|
|
2167
|
-
:where(.Heading-module__hop-Heading--
|
|
2175
|
+
:where(.Heading-module__hop-Heading--lg___zzc1d) {
|
|
2168
2176
|
--font-size: var(--hop-Heading-lg-font-size);
|
|
2169
2177
|
--font-family: var(--hop-Heading-lg-font-family);
|
|
2170
2178
|
--font-weight: var(--hop-Heading-lg-font-weight);
|
|
2171
2179
|
--line-height: var(--hop-Heading-lg-line-height);
|
|
2172
2180
|
}
|
|
2173
|
-
:where(.Heading-module__hop-Heading--
|
|
2181
|
+
:where(.Heading-module__hop-Heading--xl___5SCUd) {
|
|
2174
2182
|
--font-size: var(--hop-Heading-xl-font-size);
|
|
2175
2183
|
--font-family: var(--hop-Heading-xl-font-family);
|
|
2176
2184
|
--font-weight: var(--hop-Heading-xl-font-weight);
|
|
2177
2185
|
--line-height: var(--hop-Heading-xl-line-height);
|
|
2178
2186
|
}
|
|
2179
|
-
:where(.Heading-module__hop-Heading--
|
|
2187
|
+
:where(.Heading-module__hop-Heading--2xl___hnCq3) {
|
|
2180
2188
|
--font-size: var(--hop-Heading-2xl-font-size);
|
|
2181
2189
|
--font-family: var(--hop-Heading-2xl-font-family);
|
|
2182
2190
|
--font-weight: var(--hop-Heading-2xl-font-weight);
|
|
2183
2191
|
--line-height: var(--hop-Heading-2xl-line-height);
|
|
2184
2192
|
}
|
|
2185
|
-
:where(.Heading-module__hop-Heading--
|
|
2193
|
+
:where(.Heading-module__hop-Heading--3xl___aCZIQ) {
|
|
2186
2194
|
--font-size: var(--hop-Heading-3xl-font-size);
|
|
2187
2195
|
--font-family: var(--hop-Heading-3xl-font-family);
|
|
2188
2196
|
--font-weight: var(--hop-Heading-3xl-font-weight);
|
|
@@ -2190,7 +2198,7 @@
|
|
|
2190
2198
|
}
|
|
2191
2199
|
|
|
2192
2200
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
|
|
2193
|
-
.NumberField-module__hop-
|
|
2201
|
+
.NumberField-module__hop-NumberField___mLU-Q {
|
|
2194
2202
|
--hop-NumberField-gap: var(--hop-space-stack-xs);
|
|
2195
2203
|
--hop-NumberField-inline-size: 20rem;
|
|
2196
2204
|
--hop-NumberField-inline-size-fluid: 100%;
|
|
@@ -2238,30 +2246,30 @@
|
|
|
2238
2246
|
gap: var(--hop-NumberField-gap);
|
|
2239
2247
|
inline-size: var(--inline-size);
|
|
2240
2248
|
}
|
|
2241
|
-
.NumberField-module__hop-NumberField--
|
|
2249
|
+
.NumberField-module__hop-NumberField--fluid___nmaXx {
|
|
2242
2250
|
--inline-size: var(--hop-NumberField-inline-size-fluid);
|
|
2243
2251
|
}
|
|
2244
|
-
.NumberField-module__hop-NumberField--
|
|
2252
|
+
.NumberField-module__hop-NumberField--mobile___k6Qee {
|
|
2245
2253
|
--input-group-template: var(--hop-NumberField-input-group-template-mobile);
|
|
2246
2254
|
--stepper-height: var(--hop-NumberField-stepper-height-mobile);
|
|
2247
2255
|
}
|
|
2248
|
-
.NumberField-module__hop-
|
|
2256
|
+
.NumberField-module__hop-NumberField__Label___zDcLB {
|
|
2249
2257
|
order: 0;
|
|
2250
2258
|
}
|
|
2251
|
-
.NumberField-module__hop-
|
|
2259
|
+
.NumberField-module__hop-NumberField__prefix___30fOU {
|
|
2252
2260
|
grid-area: prefix;
|
|
2253
2261
|
margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
|
|
2254
2262
|
color: var(--hop-NumberField-prefix-color);
|
|
2255
2263
|
}
|
|
2256
|
-
.NumberField-module__hop-
|
|
2264
|
+
.NumberField-module__hop-NumberField__InputGroup___w8Y0u {
|
|
2257
2265
|
grid-template: var(--input-group-template);
|
|
2258
2266
|
order: 1;
|
|
2259
2267
|
}
|
|
2260
|
-
.NumberField-module__hop-
|
|
2261
|
-
.NumberField-module__hop-
|
|
2268
|
+
.NumberField-module__hop-NumberField__ErrorMessage___loO-J,
|
|
2269
|
+
.NumberField-module__hop-NumberField__HelperMessage___B5zX1 {
|
|
2262
2270
|
order: 3;
|
|
2263
2271
|
}
|
|
2264
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2272
|
+
.NumberField-module__hop-NumberField__stepper-button___ZjRo- {
|
|
2265
2273
|
cursor: pointer;
|
|
2266
2274
|
display: flex;
|
|
2267
2275
|
grid-area: var(--grid-area, unset);
|
|
@@ -2282,55 +2290,55 @@
|
|
|
2282
2290
|
border-radius: var(--stepper-border-radius, 0);
|
|
2283
2291
|
outline: none;
|
|
2284
2292
|
}
|
|
2285
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2293
|
+
.NumberField-module__hop-NumberField__stepper-button--increment___virGM {
|
|
2286
2294
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
|
|
2287
2295
|
--stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
|
|
2288
2296
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
|
|
2289
2297
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
|
|
2290
2298
|
--grid-area: stepup;
|
|
2291
2299
|
}
|
|
2292
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2300
|
+
.NumberField-module__hop-NumberField__stepper-button--decrement___N3crr {
|
|
2293
2301
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
|
|
2294
2302
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
|
|
2295
2303
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
|
|
2296
2304
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
|
|
2297
2305
|
--grid-area: stepdown;
|
|
2298
2306
|
}
|
|
2299
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2307
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___H4lvU.NumberField-module__hop-NumberField__stepper-button--increment___virGM {
|
|
2300
2308
|
--stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
|
|
2301
2309
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
|
|
2302
2310
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
|
|
2303
2311
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
|
|
2304
2312
|
}
|
|
2305
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2313
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___H4lvU.NumberField-module__hop-NumberField__stepper-button--decrement___N3crr {
|
|
2306
2314
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
|
|
2307
2315
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
|
|
2308
2316
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
|
|
2309
2317
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
|
|
2310
2318
|
}
|
|
2311
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2319
|
+
.NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-hovered] {
|
|
2312
2320
|
color: var(--hop-NumberField-stepper-color-hovered);
|
|
2313
2321
|
background-color: var(--hop-NumberField-stepper-background-color-hovered);
|
|
2314
2322
|
}
|
|
2315
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2323
|
+
.NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-pressed] {
|
|
2316
2324
|
color: var(--hop-NumberField-stepper-color-pressed);
|
|
2317
2325
|
background-color: var(--hop-NumberField-stepper-background-color-pressed);
|
|
2318
2326
|
}
|
|
2319
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2327
|
+
.NumberField-module__hop-NumberField__stepper-button___ZjRo-[data-disabled] {
|
|
2320
2328
|
cursor: not-allowed;
|
|
2321
2329
|
color: var(--hop-NumberField-stepper-color-disabled);
|
|
2322
2330
|
background-color: var(--hop-NumberField-stepper-background-color-disabled);
|
|
2323
2331
|
}
|
|
2324
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2332
|
+
.NumberField-module__hop-NumberField__stepper-button__icon___GhXUL {
|
|
2325
2333
|
display: block;
|
|
2326
2334
|
max-block-size: 100%;
|
|
2327
2335
|
}
|
|
2328
|
-
.NumberField-module__hop-
|
|
2336
|
+
.NumberField-module__hop-NumberField__input___chIIV {
|
|
2329
2337
|
grid-area: input;
|
|
2330
2338
|
}
|
|
2331
2339
|
|
|
2332
2340
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
|
|
2333
|
-
.TextArea-module__hop-
|
|
2341
|
+
.TextArea-module__hop-TextArea___AZnsL {
|
|
2334
2342
|
--hop-TextArea-gap: var(--hop-space-stack-xs);
|
|
2335
2343
|
--hop-TextArea-inline-size: 20rem;
|
|
2336
2344
|
--hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -2348,71 +2356,84 @@
|
|
|
2348
2356
|
inline-size: var(--inline-size);
|
|
2349
2357
|
max-inline-size: 100%;
|
|
2350
2358
|
}
|
|
2351
|
-
.TextArea-module__hop-TextArea--
|
|
2359
|
+
.TextArea-module__hop-TextArea--fluid___SeEFe {
|
|
2352
2360
|
--inline-size: 100%;
|
|
2353
2361
|
}
|
|
2354
|
-
.TextArea-module__hop-
|
|
2362
|
+
.TextArea-module__hop-TextArea___AZnsL[data-resize-mode=vertical] {
|
|
2355
2363
|
--resize: vertical;
|
|
2356
2364
|
}
|
|
2357
|
-
.TextArea-module__hop-
|
|
2365
|
+
.TextArea-module__hop-TextArea___AZnsL[data-over-max-length] {
|
|
2358
2366
|
--char-count-color: var(--hop-TextArea-char-count-color-invalid);
|
|
2359
2367
|
}
|
|
2360
|
-
.TextArea-module__hop-
|
|
2368
|
+
.TextArea-module__hop-TextArea___AZnsL[data-disabled] {
|
|
2361
2369
|
--char-count-color: var(--hop-TextArea-char-count-color-disabled);
|
|
2362
2370
|
}
|
|
2363
|
-
.TextArea-module__hop-
|
|
2371
|
+
.TextArea-module__hop-TextArea__Label___usIcu {
|
|
2364
2372
|
order: 0;
|
|
2365
2373
|
}
|
|
2366
|
-
.TextArea-module__hop-
|
|
2374
|
+
.TextArea-module__hop-TextArea__prefix___SdyC9 {
|
|
2367
2375
|
color: var(--hop-TextArea-prefix-color);
|
|
2368
2376
|
}
|
|
2369
|
-
.TextArea-module__hop-
|
|
2377
|
+
.TextArea-module__hop-TextArea__InputGroup___AMYx9 {
|
|
2370
2378
|
order: 1;
|
|
2371
2379
|
}
|
|
2372
|
-
.TextArea-module__hop-
|
|
2380
|
+
.TextArea-module__hop-TextArea__textarea___qBFJK {
|
|
2373
2381
|
resize: var(--resize);
|
|
2374
2382
|
min-block-size: var(--hop-TextArea-input-min-height);
|
|
2375
2383
|
}
|
|
2376
|
-
.TextArea-module__hop-TextArea__char-
|
|
2384
|
+
.TextArea-module__hop-TextArea__char-count___G2i49 {
|
|
2377
2385
|
padding: var(--hop-TextArea-char-count-padding);
|
|
2378
2386
|
color: var(--char-count-color);
|
|
2379
2387
|
}
|
|
2380
|
-
.TextArea-module__hop-
|
|
2381
|
-
.TextArea-module__hop-
|
|
2388
|
+
.TextArea-module__hop-TextArea__ErrorMessage___kWsAn,
|
|
2389
|
+
.TextArea-module__hop-TextArea__HelperMessage___yOGFC {
|
|
2382
2390
|
order: 3;
|
|
2383
2391
|
}
|
|
2384
2392
|
|
|
2385
2393
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
|
|
2386
|
-
.TextField-module__hop-
|
|
2394
|
+
.TextField-module__hop-TextField___PTKjj {
|
|
2387
2395
|
--hop-TextField-gap: var(--hop-space-stack-xs);
|
|
2388
2396
|
--hop-TextField-inline-size: 20rem;
|
|
2389
2397
|
--hop-TextField-prefix-color: var(--hop-neutral-text-weak);
|
|
2398
|
+
--hop-TextField-char-count-color: var(--hop-neutral-text-weakest);
|
|
2399
|
+
--hop-TextField-char-count-color-disabled: var(--hop-neutral-text-disabled);
|
|
2400
|
+
--hop-TextField-char-count-color-invalid: var(--hop-danger-text-weak);
|
|
2390
2401
|
--inline-size: var(--hop-TextField-inline-size);
|
|
2402
|
+
--char-count-color: var(--hop-TextField-char-count-color);
|
|
2391
2403
|
display: flex;
|
|
2392
2404
|
flex-direction: column;
|
|
2393
2405
|
gap: var(--hop-TextField-gap);
|
|
2394
2406
|
inline-size: var(--inline-size);
|
|
2395
2407
|
max-inline-size: 100%;
|
|
2396
2408
|
}
|
|
2397
|
-
.TextField-module__hop-TextField--
|
|
2409
|
+
.TextField-module__hop-TextField--fluid___EfbQz {
|
|
2398
2410
|
--inline-size: 100%;
|
|
2399
2411
|
}
|
|
2400
|
-
.TextField-module__hop-
|
|
2412
|
+
.TextField-module__hop-TextField___PTKjj[data-over-max-length] {
|
|
2413
|
+
--char-count-color: var(--hop-TextField-char-count-color-invalid);
|
|
2414
|
+
}
|
|
2415
|
+
.TextField-module__hop-TextField___PTKjj[data-disabled] {
|
|
2416
|
+
--char-count-color: var(--hop-TextField-char-count-color-disabled);
|
|
2417
|
+
}
|
|
2418
|
+
.TextField-module__hop-TextField__Label___Z8oeT {
|
|
2401
2419
|
order: 0;
|
|
2402
2420
|
}
|
|
2403
|
-
.TextField-module__hop-
|
|
2421
|
+
.TextField-module__hop-TextField__prefix___1YEp3 {
|
|
2404
2422
|
color: var(--hop-TextField-prefix-color);
|
|
2405
2423
|
}
|
|
2406
|
-
.TextField-module__hop-
|
|
2424
|
+
.TextField-module__hop-TextField__char-count___M-icC {
|
|
2425
|
+
color: var(--char-count-color);
|
|
2426
|
+
}
|
|
2427
|
+
.TextField-module__hop-TextField__InputGroup___v7uGH {
|
|
2407
2428
|
order: 1;
|
|
2408
2429
|
}
|
|
2409
|
-
.TextField-module__hop-
|
|
2410
|
-
.TextField-module__hop-
|
|
2430
|
+
.TextField-module__hop-TextField__ErrorMessage___bZdJX,
|
|
2431
|
+
.TextField-module__hop-TextField__HelperMessage___XbbVr {
|
|
2411
2432
|
order: 3;
|
|
2412
2433
|
}
|
|
2413
2434
|
|
|
2414
2435
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
|
|
2415
|
-
.PasswordField-module__hop-
|
|
2436
|
+
.PasswordField-module__hop-PasswordField___hLLh- {
|
|
2416
2437
|
--hop-PasswordField-gap: var(--hop-space-stack-xs);
|
|
2417
2438
|
--hop-PasswordField-inline-size: 20rem;
|
|
2418
2439
|
--inline-size: var(--hop-PasswordField-inline-size);
|
|
@@ -2422,22 +2443,22 @@
|
|
|
2422
2443
|
inline-size: var(--inline-size);
|
|
2423
2444
|
max-inline-size: 100%;
|
|
2424
2445
|
}
|
|
2425
|
-
.PasswordField-module__hop-PasswordField--
|
|
2446
|
+
.PasswordField-module__hop-PasswordField--fluid___1S9mw {
|
|
2426
2447
|
--inline-size: 100%;
|
|
2427
2448
|
}
|
|
2428
|
-
.PasswordField-module__hop-
|
|
2449
|
+
.PasswordField-module__hop-PasswordField__Label___l5jiL {
|
|
2429
2450
|
order: 0;
|
|
2430
2451
|
}
|
|
2431
|
-
.PasswordField-module__hop-
|
|
2452
|
+
.PasswordField-module__hop-PasswordField__InputGroup___eNFZT {
|
|
2432
2453
|
order: 1;
|
|
2433
2454
|
}
|
|
2434
|
-
.PasswordField-module__hop-
|
|
2435
|
-
.PasswordField-module__hop-
|
|
2455
|
+
.PasswordField-module__hop-PasswordField__ErrorMessage___bV6Aq,
|
|
2456
|
+
.PasswordField-module__hop-PasswordField__HelperMessage___vKbSD {
|
|
2436
2457
|
order: 3;
|
|
2437
2458
|
}
|
|
2438
2459
|
|
|
2439
2460
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
|
|
2440
|
-
.SearchField-module__hop-
|
|
2461
|
+
.SearchField-module__hop-SearchField___d0thT {
|
|
2441
2462
|
--hop-SearchField-gap: var(--hop-space-stack-xs);
|
|
2442
2463
|
--hop-SearchField-inline-size: 20rem;
|
|
2443
2464
|
--hop-SearchField-color: var(--hop-neutral-text-weak);
|
|
@@ -2452,39 +2473,39 @@
|
|
|
2452
2473
|
inline-size: var(--inline-size);
|
|
2453
2474
|
max-inline-size: 100%;
|
|
2454
2475
|
}
|
|
2455
|
-
.SearchField-module__hop-SearchField--
|
|
2476
|
+
.SearchField-module__hop-SearchField--fluid___wa1FR {
|
|
2456
2477
|
--inline-size: 100%;
|
|
2457
2478
|
}
|
|
2458
|
-
.SearchField-module__hop-
|
|
2479
|
+
.SearchField-module__hop-SearchField__Label___kYBDG {
|
|
2459
2480
|
order: 0;
|
|
2460
2481
|
}
|
|
2461
|
-
.SearchField-module__hop-
|
|
2482
|
+
.SearchField-module__hop-SearchField__prefix___IFwmA {
|
|
2462
2483
|
color: var(--hop-SearchField-color);
|
|
2463
2484
|
}
|
|
2464
|
-
.SearchField-module__hop-
|
|
2485
|
+
.SearchField-module__hop-SearchField__InputGroup___8XpuW {
|
|
2465
2486
|
order: 1;
|
|
2466
2487
|
padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
|
|
2467
2488
|
}
|
|
2468
|
-
.SearchField-module__hop-SearchField--
|
|
2489
|
+
.SearchField-module__hop-SearchField--clearable___Szaco {
|
|
2469
2490
|
--input-group-padding-inline-end: 0;
|
|
2470
2491
|
}
|
|
2471
|
-
.SearchField-module__hop-
|
|
2472
|
-
.SearchField-module__hop-
|
|
2492
|
+
.SearchField-module__hop-SearchField__ErrorMessage___WEpMs,
|
|
2493
|
+
.SearchField-module__hop-SearchField__HelperMessage___5IdhS {
|
|
2473
2494
|
order: 3;
|
|
2474
2495
|
}
|
|
2475
|
-
.SearchField-module__hop-
|
|
2476
|
-
.SearchField-module__hop-
|
|
2496
|
+
.SearchField-module__hop-SearchField___d0thT input::-webkit-search-cancel-button,
|
|
2497
|
+
.SearchField-module__hop-SearchField___d0thT input::-webkit-search-decoration {
|
|
2477
2498
|
appearance: none;
|
|
2478
2499
|
}
|
|
2479
|
-
.SearchField-module__hop-
|
|
2500
|
+
.SearchField-module__hop-SearchField___d0thT[data-empty] {
|
|
2480
2501
|
--clear-button-display: none;
|
|
2481
2502
|
}
|
|
2482
|
-
.SearchField-module__hop-
|
|
2503
|
+
.SearchField-module__hop-SearchField__ClearButton___lckjT {
|
|
2483
2504
|
display: var(--clear-button-display);
|
|
2484
2505
|
}
|
|
2485
2506
|
|
|
2486
2507
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
|
|
2487
|
-
.Link-module__hop-
|
|
2508
|
+
.Link-module__hop-Link___qHQQp {
|
|
2488
2509
|
--hop-Link-border-radius: var(--hop-shape-rounded-sm);
|
|
2489
2510
|
--hop-Link-focus-ring-color: var(--hop-primary-border-focus);
|
|
2490
2511
|
--hop-Link-color-disabled: var(--hop-neutral-text-disabled);
|
|
@@ -2509,59 +2530,59 @@
|
|
|
2509
2530
|
outline: none;
|
|
2510
2531
|
outline-offset: 0.125rem;
|
|
2511
2532
|
}
|
|
2512
|
-
.Link-module__hop-
|
|
2533
|
+
.Link-module__hop-Link___qHQQp[data-focus-visible] {
|
|
2513
2534
|
outline: 0.125rem solid var(--hop-Link-focus-ring-color);
|
|
2514
2535
|
}
|
|
2515
|
-
.Link-module__hop-
|
|
2536
|
+
.Link-module__hop-Link___qHQQp[data-disabled] {
|
|
2516
2537
|
cursor: default;
|
|
2517
2538
|
}
|
|
2518
|
-
.Link-module__hop-Link--
|
|
2519
|
-
.Link-module__hop-Link--
|
|
2539
|
+
.Link-module__hop-Link--quiet___R-N9E[data-focus-visible],
|
|
2540
|
+
.Link-module__hop-Link--quiet___R-N9E[data-hovered] {
|
|
2520
2541
|
text-decoration: underline;
|
|
2521
2542
|
}
|
|
2522
|
-
.Link-module__hop-
|
|
2543
|
+
.Link-module__hop-Link___qHQQp:not(.Link-module__hop-Link--quiet___R-N9E) {
|
|
2523
2544
|
text-decoration: underline;
|
|
2524
2545
|
}
|
|
2525
|
-
.Link-module__hop-Link--
|
|
2546
|
+
.Link-module__hop-Link--primary___-Kizu {
|
|
2526
2547
|
color: var(--hop-Link-primary-text-color);
|
|
2527
2548
|
}
|
|
2528
|
-
.Link-module__hop-Link--
|
|
2549
|
+
.Link-module__hop-Link--primary___-Kizu[data-disabled] {
|
|
2529
2550
|
color: var(--hop-Link-primary-text-disabled-color);
|
|
2530
2551
|
}
|
|
2531
|
-
.Link-module__hop-Link--
|
|
2532
|
-
.Link-module__hop-Link--
|
|
2552
|
+
.Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-focus-visible],
|
|
2553
|
+
.Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-hovered] {
|
|
2533
2554
|
color: var(--hop-Link-primary-text-hover-color);
|
|
2534
2555
|
}
|
|
2535
|
-
.Link-module__hop-Link--
|
|
2556
|
+
.Link-module__hop-Link--primary___-Kizu:not([data-disabled])[data-pressed] {
|
|
2536
2557
|
color: var(--hop-Link-primary-text-pressed-color);
|
|
2537
2558
|
}
|
|
2538
|
-
.Link-module__hop-Link--
|
|
2559
|
+
.Link-module__hop-Link--secondary___V2FVF {
|
|
2539
2560
|
color: var(--hop-Link-neutral-text-color);
|
|
2540
2561
|
}
|
|
2541
|
-
.Link-module__hop-Link--
|
|
2562
|
+
.Link-module__hop-Link--secondary___V2FVF[data-disabled] {
|
|
2542
2563
|
color: var(--hop-Link-neutral-text-disabled-color);
|
|
2543
2564
|
}
|
|
2544
|
-
.Link-module__hop-Link--
|
|
2545
|
-
.Link-module__hop-Link--
|
|
2565
|
+
.Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-focus-visible],
|
|
2566
|
+
.Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-hovered] {
|
|
2546
2567
|
color: var(--hop-Link-neutral-text-hover-color);
|
|
2547
2568
|
}
|
|
2548
|
-
.Link-module__hop-Link--
|
|
2569
|
+
.Link-module__hop-Link--secondary___V2FVF:not([data-disabled])[data-pressed] {
|
|
2549
2570
|
color: var(--hop-Link-neutral-text-pressed-color);
|
|
2550
2571
|
}
|
|
2551
|
-
.Link-module__hop-
|
|
2552
|
-
.Link-module__hop-Link__icon-
|
|
2572
|
+
.Link-module__hop-Link__icon___-5Hms,
|
|
2573
|
+
.Link-module__hop-Link__icon-list___9c76z {
|
|
2553
2574
|
order: 2;
|
|
2554
2575
|
}
|
|
2555
|
-
.Link-module__hop-
|
|
2576
|
+
.Link-module__hop-Link__text___mskEH {
|
|
2556
2577
|
order: 1;
|
|
2557
2578
|
}
|
|
2558
|
-
.Link-module__hop-Link__start-
|
|
2559
|
-
.Link-module__hop-Link__start-icon-
|
|
2579
|
+
.Link-module__hop-Link__start-icon___P3X3d,
|
|
2580
|
+
.Link-module__hop-Link__start-icon-list___M66uE {
|
|
2560
2581
|
order: 0;
|
|
2561
2582
|
}
|
|
2562
2583
|
|
|
2563
2584
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
|
|
2564
|
-
.Radio-module__hop-
|
|
2585
|
+
.Radio-module__hop-Radio___f6Vgr {
|
|
2565
2586
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
2566
2587
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
2567
2588
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -2635,63 +2656,63 @@
|
|
|
2635
2656
|
inline-size: max-content;
|
|
2636
2657
|
max-inline-size: 100%;
|
|
2637
2658
|
}
|
|
2638
|
-
.Radio-module__hop-
|
|
2639
|
-
.Radio-module__hop-Radio--
|
|
2659
|
+
.Radio-module__hop-Radio___f6Vgr[data-focus-visible],
|
|
2660
|
+
.Radio-module__hop-Radio--focused___1rGHf {
|
|
2640
2661
|
--box-background-color: var(--hop-Radio-box-background-color-focused);
|
|
2641
2662
|
--box-border-color: var(--hop-Radio-box-border-color-focused);
|
|
2642
2663
|
--box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
|
|
2643
2664
|
--text-color: var(--hop-Radio-text-color-focused);
|
|
2644
2665
|
--icon-color: var(--hop-Radio-icon-color-focused);
|
|
2645
2666
|
}
|
|
2646
|
-
.Radio-module__hop-
|
|
2647
|
-
.Radio-module__hop-Radio--
|
|
2667
|
+
.Radio-module__hop-Radio___f6Vgr[data-hovered],
|
|
2668
|
+
.Radio-module__hop-Radio--hovered___PK7aT {
|
|
2648
2669
|
--box-background-color: var(--hop-Radio-box-background-color-hovered);
|
|
2649
2670
|
--box-border-color: var(--hop-Radio-box-border-color-hovered);
|
|
2650
2671
|
--text-color: var(--hop-Radio-text-color-hovered);
|
|
2651
2672
|
--icon-color: var(--hop-Radio-icon-color-hovered);
|
|
2652
2673
|
}
|
|
2653
|
-
.Radio-module__hop-
|
|
2654
|
-
.Radio-module__hop-Radio--
|
|
2674
|
+
.Radio-module__hop-Radio___f6Vgr[data-pressed],
|
|
2675
|
+
.Radio-module__hop-Radio--pressed___MLA7j {
|
|
2655
2676
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
2656
2677
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
2657
2678
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
2658
2679
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
2659
2680
|
}
|
|
2660
|
-
.Radio-module__hop-
|
|
2681
|
+
.Radio-module__hop-Radio___f6Vgr[data-selected] {
|
|
2661
2682
|
--box-background-color: var(--hop-Radio-box-background-color-selected);
|
|
2662
2683
|
--box-border-color: var(--hop-Radio-box-border-color-selected);
|
|
2663
2684
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
2664
2685
|
--text-color: var(--hop-Radio-text-color-selected);
|
|
2665
2686
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
2666
2687
|
}
|
|
2667
|
-
.Radio-module__hop-
|
|
2688
|
+
.Radio-module__hop-Radio___f6Vgr[data-invalid] {
|
|
2668
2689
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
2669
2690
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
2670
2691
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
2671
2692
|
--text-color: var(--hop-Radio-text-color-invalid);
|
|
2672
2693
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
2673
2694
|
}
|
|
2674
|
-
.Radio-module__hop-
|
|
2695
|
+
.Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-focus-visible] {
|
|
2675
2696
|
--box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
|
|
2676
2697
|
--box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
|
|
2677
2698
|
}
|
|
2678
|
-
.Radio-module__hop-
|
|
2699
|
+
.Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-hovered] {
|
|
2679
2700
|
--box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
|
|
2680
2701
|
--box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
|
|
2681
2702
|
--text-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2682
2703
|
--icon-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2683
2704
|
}
|
|
2684
|
-
.Radio-module__hop-
|
|
2705
|
+
.Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-pressed] {
|
|
2685
2706
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
2686
2707
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
2687
2708
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
2688
2709
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
2689
2710
|
}
|
|
2690
|
-
.Radio-module__hop-
|
|
2711
|
+
.Radio-module__hop-Radio___f6Vgr:where([data-invalid])[data-selected] {
|
|
2691
2712
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
2692
2713
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
2693
2714
|
}
|
|
2694
|
-
.Radio-module__hop-
|
|
2715
|
+
.Radio-module__hop-Radio___f6Vgr[data-disabled] {
|
|
2695
2716
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
2696
2717
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
2697
2718
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -2699,25 +2720,25 @@
|
|
|
2699
2720
|
--text-color: var(--hop-Radio-text-color-disabled);
|
|
2700
2721
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
2701
2722
|
}
|
|
2702
|
-
.Radio-module__hop-Radio--
|
|
2723
|
+
.Radio-module__hop-Radio--sm___hJ83r {
|
|
2703
2724
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
2704
2725
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
2705
2726
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
2706
2727
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
2707
2728
|
}
|
|
2708
|
-
.Radio-module__hop-Radio--
|
|
2729
|
+
.Radio-module__hop-Radio--md___rigqc {
|
|
2709
2730
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
2710
2731
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
2711
2732
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
2712
2733
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
2713
2734
|
}
|
|
2714
|
-
.Radio-module__hop-
|
|
2715
|
-
.Radio-module__hop-Radio__icon-
|
|
2735
|
+
.Radio-module__hop-Radio__icon___qEuEv,
|
|
2736
|
+
.Radio-module__hop-Radio__icon-list___aUQY- {
|
|
2716
2737
|
flex: 0 0 auto;
|
|
2717
2738
|
order: 3;
|
|
2718
2739
|
color: var(--icon-color);
|
|
2719
2740
|
}
|
|
2720
|
-
.Radio-module__hop-
|
|
2741
|
+
.Radio-module__hop-Radio__box___Ma5Cl {
|
|
2721
2742
|
display: flex;
|
|
2722
2743
|
flex: 0 0 auto;
|
|
2723
2744
|
align-items: center;
|
|
@@ -2733,11 +2754,11 @@
|
|
|
2733
2754
|
outline-offset: 0.125rem;
|
|
2734
2755
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
2735
2756
|
}
|
|
2736
|
-
.Radio-module__hop-
|
|
2757
|
+
.Radio-module__hop-Radio__bullet___UNMt2 {
|
|
2737
2758
|
display: var(--bullet-display);
|
|
2738
2759
|
color: var(--bullet-color);
|
|
2739
2760
|
}
|
|
2740
|
-
.Radio-module__hop-
|
|
2761
|
+
.Radio-module__hop-Radio__text___bpSHA {
|
|
2741
2762
|
flex: 0 1 auto;
|
|
2742
2763
|
order: 2;
|
|
2743
2764
|
min-inline-size: 0;
|
|
@@ -2747,7 +2768,7 @@
|
|
|
2747
2768
|
}
|
|
2748
2769
|
|
|
2749
2770
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
|
|
2750
|
-
.RadioField-module__hop-
|
|
2771
|
+
.RadioField-module__hop-RadioField___ygk-A {
|
|
2751
2772
|
--hop-RadioField-description-color: var(--hop-neutral-text-weak);
|
|
2752
2773
|
--hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
2753
2774
|
--hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -2766,28 +2787,28 @@
|
|
|
2766
2787
|
inline-size: max-content;
|
|
2767
2788
|
max-inline-size: 100%;
|
|
2768
2789
|
}
|
|
2769
|
-
.RadioField-module__hop-
|
|
2790
|
+
.RadioField-module__hop-RadioField___ygk-A[data-disabled] {
|
|
2770
2791
|
--description-color: var(--hop-RadioField-description-color-disabled);
|
|
2771
2792
|
}
|
|
2772
|
-
.RadioField-module__hop-RadioField--
|
|
2793
|
+
.RadioField-module__hop-RadioField--sm___VOflW {
|
|
2773
2794
|
--row-gap: var(--hop-RadioField-sm-row-gap);
|
|
2774
2795
|
--description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
|
|
2775
2796
|
}
|
|
2776
|
-
.RadioField-module__hop-RadioField--
|
|
2797
|
+
.RadioField-module__hop-RadioField--md___vefQn {
|
|
2777
2798
|
--row-gap: var(--hop-RadioField-md-row-gap);
|
|
2778
2799
|
--description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
|
|
2779
2800
|
}
|
|
2780
|
-
.RadioField-module__hop-
|
|
2801
|
+
.RadioField-module__hop-RadioField__description___XFh3h {
|
|
2781
2802
|
order: 2;
|
|
2782
2803
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
|
|
2783
2804
|
color: var(--description-color);
|
|
2784
2805
|
}
|
|
2785
|
-
.RadioField-module__hop-
|
|
2806
|
+
.RadioField-module__hop-RadioField__radio___odwQg {
|
|
2786
2807
|
order: 1;
|
|
2787
2808
|
}
|
|
2788
2809
|
|
|
2789
2810
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
|
|
2790
|
-
.RadioGroup-module__hop-
|
|
2811
|
+
.RadioGroup-module__hop-RadioGroup___fZzjX {
|
|
2791
2812
|
--hop-RadioGroup-align-items: flex-start;
|
|
2792
2813
|
--hop-RadioGroup-justify-content: flex-start;
|
|
2793
2814
|
--hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -2827,46 +2848,46 @@
|
|
|
2827
2848
|
inline-size: var(--inline-size);
|
|
2828
2849
|
max-inline-size: 100%;
|
|
2829
2850
|
}
|
|
2830
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2851
|
+
.RadioGroup-module__hop-RadioGroup--bordered___B-TYS {
|
|
2831
2852
|
--list-border: var(--radio-border-size) solid var(--radio-border-color);
|
|
2832
2853
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
2833
2854
|
}
|
|
2834
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2855
|
+
.RadioGroup-module__hop-RadioGroup--sm___SFGiN {
|
|
2835
2856
|
--column-gap: var(--hop-RadioGroup-sm-column-gap);
|
|
2836
2857
|
--row-gap: var(--hop-RadioGroup-sm-row-gap);
|
|
2837
2858
|
--list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
|
|
2838
2859
|
--list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
|
|
2839
2860
|
}
|
|
2840
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2861
|
+
.RadioGroup-module__hop-RadioGroup--md___DZiZf {
|
|
2841
2862
|
--column-gap: var(--hop-RadioGroup-md-column-gap);
|
|
2842
2863
|
--row-gap: var(--hop-RadioGroup-md-row-gap);
|
|
2843
2864
|
--list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
|
|
2844
2865
|
--list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
|
|
2845
2866
|
}
|
|
2846
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2867
|
+
.RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--sm___SFGiN {
|
|
2847
2868
|
--radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
|
|
2848
2869
|
--column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
|
|
2849
2870
|
--row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
|
|
2850
2871
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
|
|
2851
2872
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
|
|
2852
2873
|
}
|
|
2853
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2874
|
+
.RadioGroup-module__hop-RadioGroup--bordered___B-TYS.RadioGroup-module__hop-RadioGroup--md___DZiZf {
|
|
2854
2875
|
--radio-padding: var(--hop-RadioGroup-bordered-md-padding);
|
|
2855
2876
|
--column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
|
|
2856
2877
|
--row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
|
|
2857
2878
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
|
|
2858
2879
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
|
|
2859
2880
|
}
|
|
2860
|
-
.RadioGroup-module__hop-
|
|
2881
|
+
.RadioGroup-module__hop-RadioGroup___fZzjX[data-orientation=horizontal] {
|
|
2861
2882
|
--flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
|
|
2862
2883
|
}
|
|
2863
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2884
|
+
.RadioGroup-module__hop-RadioGroup--bordered___B-TYS[data-orientation=horizontal] {
|
|
2864
2885
|
--flex-wrap: nowrap;
|
|
2865
2886
|
}
|
|
2866
|
-
.RadioGroup-module__hop-
|
|
2887
|
+
.RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__label___XSmfS {
|
|
2867
2888
|
order: 1;
|
|
2868
2889
|
}
|
|
2869
|
-
.RadioGroup-module__hop-
|
|
2890
|
+
.RadioGroup-module__hop-RadioGroup__list___70l9M {
|
|
2870
2891
|
display: flex;
|
|
2871
2892
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
2872
2893
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -2877,7 +2898,7 @@
|
|
|
2877
2898
|
border: var(--list-border, none);
|
|
2878
2899
|
border-radius: var(--list-border-radius, 0);
|
|
2879
2900
|
}
|
|
2880
|
-
.RadioGroup-module__hop-
|
|
2901
|
+
.RadioGroup-module__hop-RadioGroup__list___70l9M > .RadioGroup-module__hop-RadioGroup__radio___TBSqm {
|
|
2881
2902
|
position: relative;
|
|
2882
2903
|
flex: 0 1 auto;
|
|
2883
2904
|
align-content: start;
|
|
@@ -2885,28 +2906,28 @@
|
|
|
2885
2906
|
min-inline-size: 0;
|
|
2886
2907
|
padding: var(--radio-padding, 0);
|
|
2887
2908
|
}
|
|
2888
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2909
|
+
.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 {
|
|
2889
2910
|
content: "";
|
|
2890
2911
|
position: absolute;
|
|
2891
2912
|
display: block;
|
|
2892
2913
|
}
|
|
2893
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2914
|
+
.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 {
|
|
2894
2915
|
inset-block-start: 0;
|
|
2895
2916
|
inset-inline: 0;
|
|
2896
2917
|
border-block-start: var(--list-border, none);
|
|
2897
2918
|
}
|
|
2898
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
2919
|
+
.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 {
|
|
2899
2920
|
inset-block: 0;
|
|
2900
2921
|
inset-inline-start: 0;
|
|
2901
2922
|
border-inline-start: var(--list-border, none);
|
|
2902
2923
|
}
|
|
2903
|
-
.RadioGroup-module__hop-
|
|
2904
|
-
.RadioGroup-module__hop-
|
|
2924
|
+
.RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__error-message___-gzSi,
|
|
2925
|
+
.RadioGroup-module__hop-RadioGroup___fZzjX > .RadioGroup-module__hop-RadioGroup__helper-message___0rYBR {
|
|
2905
2926
|
order: 3;
|
|
2906
2927
|
}
|
|
2907
2928
|
|
|
2908
2929
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
|
|
2909
|
-
.ListBoxItemSkeleton-module__hop-
|
|
2930
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___5-U5u {
|
|
2910
2931
|
--hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
|
|
2911
2932
|
--hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
|
|
2912
2933
|
--hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -2932,7 +2953,7 @@
|
|
|
2932
2953
|
background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
|
|
2933
2954
|
background-size: 400% 100%;
|
|
2934
2955
|
border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
|
|
2935
|
-
animation-name: ListBoxItemSkeleton-module__placeholder-
|
|
2956
|
+
animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___tROve;
|
|
2936
2957
|
animation-duration: var(--animation-duration);
|
|
2937
2958
|
animation-timing-function: ease-in-out;
|
|
2938
2959
|
animation-fill-mode: forwards;
|
|
@@ -2941,19 +2962,19 @@
|
|
|
2941
2962
|
--animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
|
|
2942
2963
|
}
|
|
2943
2964
|
}
|
|
2944
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2965
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WF17x {
|
|
2945
2966
|
--height: var(--hop-ListBoxItemSkeleton-xs-height);
|
|
2946
2967
|
}
|
|
2947
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2968
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yPJ4x {
|
|
2948
2969
|
--height: var(--hop-ListBoxItemSkeleton-sm-height);
|
|
2949
2970
|
}
|
|
2950
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2971
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___GDWcA {
|
|
2951
2972
|
--height: var(--hop-ListBoxItemSkeleton-md-height);
|
|
2952
2973
|
}
|
|
2953
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
2974
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___9hgUf {
|
|
2954
2975
|
--height: var(--hop-ListBoxItemSkeleton-lg-height);
|
|
2955
2976
|
}
|
|
2956
|
-
@keyframes ListBoxItemSkeleton-module__placeholder-
|
|
2977
|
+
@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___tROve {
|
|
2957
2978
|
0% {
|
|
2958
2979
|
background-position: 125% 50%;
|
|
2959
2980
|
}
|
|
@@ -2963,7 +2984,7 @@
|
|
|
2963
2984
|
}
|
|
2964
2985
|
|
|
2965
2986
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
|
|
2966
|
-
.ListBoxItem-module__hop-
|
|
2987
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs {
|
|
2967
2988
|
--hop-ListBoxItem-background-color: transparent;
|
|
2968
2989
|
--hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
|
|
2969
2990
|
--hop-ListBoxItem-text-color: var(--hop-neutral-text);
|
|
@@ -3060,129 +3081,129 @@
|
|
|
3060
3081
|
outline: var(--outline);
|
|
3061
3082
|
outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
|
|
3062
3083
|
}
|
|
3063
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3084
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___8YfDE {
|
|
3064
3085
|
--padding-block: var(--hop-ListBoxItem-xs-padding-block);
|
|
3065
3086
|
--padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
|
|
3066
3087
|
--min-height: var(--hop-ListBoxItem-xs-min-height);
|
|
3067
3088
|
--avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
|
|
3068
3089
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
|
|
3069
3090
|
}
|
|
3070
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3091
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___TrltV {
|
|
3071
3092
|
--padding-block: var(--hop-ListBoxItem-sm-padding-block);
|
|
3072
3093
|
--padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
|
|
3073
3094
|
--min-height: var(--hop-ListBoxItem-sm-min-height);
|
|
3074
3095
|
--avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
|
|
3075
3096
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
|
|
3076
3097
|
}
|
|
3077
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3098
|
+
.ListBoxItem-module__hop-ListBoxItem--md___uCJrQ {
|
|
3078
3099
|
--padding-block: var(--hop-ListBoxItem-md-padding-block);
|
|
3079
3100
|
--padding-inline: var(--hop-ListBoxItem-md-padding-inline);
|
|
3080
3101
|
--min-height: var(--hop-ListBoxItem-md-min-height);
|
|
3081
3102
|
--avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
|
|
3082
3103
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
|
|
3083
3104
|
}
|
|
3084
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3105
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___KsLt1 {
|
|
3085
3106
|
--padding-block: var(--hop-ListBoxItem-lg-padding-block);
|
|
3086
3107
|
--padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
|
|
3087
3108
|
--min-height: var(--hop-ListBoxItem-lg-min-height);
|
|
3088
3109
|
--avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
|
|
3089
3110
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
|
|
3090
3111
|
}
|
|
3091
|
-
.ListBoxItem-module__hop-
|
|
3112
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selection-mode] {
|
|
3092
3113
|
--cursor: pointer;
|
|
3093
3114
|
}
|
|
3094
|
-
.ListBoxItem-module__hop-
|
|
3115
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs:not([data-selection-mode]) {
|
|
3095
3116
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
3096
3117
|
}
|
|
3097
|
-
.ListBoxItem-module__hop-
|
|
3118
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___HgTda:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
|
|
3098
3119
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
3099
3120
|
}
|
|
3100
|
-
.ListBoxItem-module__hop-
|
|
3121
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___HgTda[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6) {
|
|
3101
3122
|
--checkmark-transition: none;
|
|
3102
3123
|
}
|
|
3103
|
-
.ListBoxItem-module__hop-
|
|
3124
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-selected] {
|
|
3104
3125
|
--background-color: var(--hop-ListBoxItem-background-color-selected);
|
|
3105
3126
|
--text-color: var(--hop-ListBoxItem-text-color-selected);
|
|
3106
3127
|
--icon-color: var(--hop-ListBoxItem-icon-color-selected);
|
|
3107
3128
|
--checkmark-opacity: 1;
|
|
3108
3129
|
}
|
|
3109
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3130
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___8YfDE[data-selected] {
|
|
3110
3131
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
|
|
3111
3132
|
}
|
|
3112
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3133
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___TrltV[data-selected] {
|
|
3113
3134
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
|
|
3114
3135
|
}
|
|
3115
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3136
|
+
.ListBoxItem-module__hop-ListBoxItem--md___uCJrQ[data-selected] {
|
|
3116
3137
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
|
|
3117
3138
|
}
|
|
3118
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3139
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___KsLt1[data-selected] {
|
|
3119
3140
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
|
|
3120
3141
|
}
|
|
3121
|
-
.ListBoxItem-module__hop-
|
|
3142
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-focus-visible] {
|
|
3122
3143
|
--background-color: var(--hop-ListBoxItem-background-color-focused);
|
|
3123
3144
|
--text-color: var(--hop-ListBoxItem-text-color-focused);
|
|
3124
3145
|
--icon-color: var(--hop-ListBoxItem-icon-color-focused);
|
|
3125
3146
|
--outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
|
|
3126
3147
|
}
|
|
3127
|
-
.ListBoxItem-module__hop-
|
|
3148
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-hovered] {
|
|
3128
3149
|
--background-color: var(--hop-ListBoxItem-background-color-hovered);
|
|
3129
3150
|
--text-color: var(--hop-ListBoxItem-text-color-hovered);
|
|
3130
3151
|
--icon-color: var(--hop-ListBoxItem-icon-color-hovered);
|
|
3131
3152
|
}
|
|
3132
|
-
.ListBoxItem-module__hop-
|
|
3153
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-pressed] {
|
|
3133
3154
|
--background-color: var(--hop-ListBoxItem-background-color-pressed);
|
|
3134
3155
|
--text-color: var(--hop-ListBoxItem-text-color-pressed);
|
|
3135
3156
|
--icon-color: var(--hop-ListBoxItem-icon-color-pressed);
|
|
3136
3157
|
}
|
|
3137
|
-
.ListBoxItem-module__hop-
|
|
3158
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-disabled] {
|
|
3138
3159
|
--background-color: var(--hop-ListBoxItem-background-color-disabled);
|
|
3139
3160
|
--text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
3140
3161
|
--icon-color: var(--hop-ListBoxItem-icon-color-disabled);
|
|
3141
3162
|
--description-text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
3142
3163
|
--cursor: not-allowed;
|
|
3143
3164
|
}
|
|
3144
|
-
.ListBoxItem-module__hop-
|
|
3165
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid] {
|
|
3145
3166
|
--background-color: var(--hop-ListBoxItem-background-color-invalid);
|
|
3146
3167
|
--text-color: var(--hop-ListBoxItem-text-color-invalid);
|
|
3147
3168
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid);
|
|
3148
3169
|
}
|
|
3149
|
-
.ListBoxItem-module__hop-
|
|
3170
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-selected] {
|
|
3150
3171
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
|
|
3151
3172
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
|
|
3152
3173
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
|
|
3153
3174
|
}
|
|
3154
|
-
.ListBoxItem-module__hop-
|
|
3175
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-focus-visible] {
|
|
3155
3176
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
|
|
3156
3177
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
|
|
3157
3178
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
|
|
3158
3179
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
|
|
3159
3180
|
}
|
|
3160
|
-
.ListBoxItem-module__hop-
|
|
3181
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-hovered] {
|
|
3161
3182
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
|
|
3162
3183
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
|
|
3163
3184
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
|
|
3164
3185
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
|
|
3165
3186
|
}
|
|
3166
|
-
.ListBoxItem-module__hop-
|
|
3187
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-pressed] {
|
|
3167
3188
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
|
|
3168
3189
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
|
|
3169
3190
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
|
|
3170
3191
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
|
|
3171
3192
|
}
|
|
3172
|
-
.ListBoxItem-module__hop-
|
|
3193
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-invalid][data-disabled] {
|
|
3173
3194
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
|
|
3174
3195
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
|
|
3175
3196
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
|
|
3176
3197
|
}
|
|
3177
|
-
.ListBoxItem-module__hop-
|
|
3198
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs:has(.ListBoxItem-module__hop-ListBoxItem__description___EcXhw) {
|
|
3178
3199
|
--row-gap: var(--hop-ListBoxItem-row-gap);
|
|
3179
3200
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
|
|
3180
3201
|
}
|
|
3181
|
-
.ListBoxItem-module__hop-
|
|
3202
|
+
.ListBoxItem-module__hop-ListBoxItem___ZT2Gs[data-loading] {
|
|
3182
3203
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
|
|
3183
3204
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
|
|
3184
3205
|
}
|
|
3185
|
-
.ListBoxItem-module__hop-
|
|
3206
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___HgTda {
|
|
3186
3207
|
display: grid;
|
|
3187
3208
|
grid-template-areas: var(--grid-template-areas);
|
|
3188
3209
|
grid-template-columns: var(--grid-template-columns);
|
|
@@ -3194,33 +3215,33 @@
|
|
|
3194
3215
|
padding-inline: var(--padding-inline);
|
|
3195
3216
|
transition: grid-template-columns .3s ease-in-out;
|
|
3196
3217
|
}
|
|
3197
|
-
.ListBoxItem-module__hop-
|
|
3218
|
+
.ListBoxItem-module__hop-ListBoxItem__checkmark___WKVA6 {
|
|
3198
3219
|
grid-area: indicator;
|
|
3199
3220
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3200
3221
|
color: var(--icon-color);
|
|
3201
3222
|
opacity: var(--checkmark-opacity);
|
|
3202
3223
|
transition: var(--checkmark-transition);
|
|
3203
3224
|
}
|
|
3204
|
-
.ListBoxItem-module__hop-ListBoxItem__radio-
|
|
3205
|
-
.ListBoxItem-module__hop-
|
|
3225
|
+
.ListBoxItem-module__hop-ListBoxItem__radio-group___1SQOQ,
|
|
3226
|
+
.ListBoxItem-module__hop-ListBoxItem__checkbox___mxcQY {
|
|
3206
3227
|
pointer-events: none;
|
|
3207
3228
|
user-select: none;
|
|
3208
3229
|
grid-area: indicator;
|
|
3209
3230
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3210
3231
|
}
|
|
3211
|
-
.ListBoxItem-module__hop-
|
|
3232
|
+
.ListBoxItem-module__hop-ListBoxItem__avatar___BMBil {
|
|
3212
3233
|
grid-area: avatar;
|
|
3213
3234
|
margin-block: var(--avatar-margin-block, 0);
|
|
3214
3235
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3215
3236
|
}
|
|
3216
|
-
.ListBoxItem-module__hop-ListBoxItem__icon-
|
|
3217
|
-
.ListBoxItem-module__hop-
|
|
3237
|
+
.ListBoxItem-module__hop-ListBoxItem__icon-list___xG0WS,
|
|
3238
|
+
.ListBoxItem-module__hop-ListBoxItem__icon___hEAK7 {
|
|
3218
3239
|
grid-area: icon;
|
|
3219
3240
|
flex: 0 0 auto;
|
|
3220
3241
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3221
3242
|
color: var(--icon-color);
|
|
3222
3243
|
}
|
|
3223
|
-
.ListBoxItem-module__hop-
|
|
3244
|
+
.ListBoxItem-module__hop-ListBoxItem__label___0UvBk {
|
|
3224
3245
|
overflow: hidden;
|
|
3225
3246
|
grid-area: label;
|
|
3226
3247
|
min-inline-size: 0;
|
|
@@ -3228,18 +3249,18 @@
|
|
|
3228
3249
|
text-overflow: ellipsis;
|
|
3229
3250
|
white-space: nowrap;
|
|
3230
3251
|
}
|
|
3231
|
-
.ListBoxItem-module__hop-ListBoxItem__end-icon-
|
|
3232
|
-
.ListBoxItem-module__hop-ListBoxItem__end-
|
|
3252
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon-list___O-D4P,
|
|
3253
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon___APptS {
|
|
3233
3254
|
grid-area: end-icon;
|
|
3234
3255
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
3235
3256
|
color: var(--icon-color);
|
|
3236
3257
|
}
|
|
3237
|
-
.ListBoxItem-module__hop-
|
|
3258
|
+
.ListBoxItem-module__hop-ListBoxItem__badge___wKWO3 {
|
|
3238
3259
|
grid-area: badge;
|
|
3239
3260
|
margin-block: var(--hop-ListBoxItem-badge-margin-block);
|
|
3240
3261
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
3241
3262
|
}
|
|
3242
|
-
.ListBoxItem-module__hop-
|
|
3263
|
+
.ListBoxItem-module__hop-ListBoxItem__description___EcXhw {
|
|
3243
3264
|
overflow: hidden;
|
|
3244
3265
|
display: -webkit-box;
|
|
3245
3266
|
grid-area: description;
|
|
@@ -3250,7 +3271,7 @@
|
|
|
3250
3271
|
}
|
|
3251
3272
|
|
|
3252
3273
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
|
|
3253
|
-
.ListBox-module__hop-
|
|
3274
|
+
.ListBox-module__hop-ListBox___178zE {
|
|
3254
3275
|
--hop-ListBox-background-color: var(--hop-neutral-surface);
|
|
3255
3276
|
--hop-ListBox-border-color: var(--hop-neutral-border-weak);
|
|
3256
3277
|
--hop-ListBox-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -3299,11 +3320,11 @@
|
|
|
3299
3320
|
border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
|
|
3300
3321
|
border-radius: var(--hop-ListBox-border-radius);
|
|
3301
3322
|
}
|
|
3302
|
-
.ListBox-module__hop-ListBox--
|
|
3323
|
+
.ListBox-module__hop-ListBox--fluid___g5S3Y {
|
|
3303
3324
|
--max-width: var(--hop-ListBox-fluid-max-width);
|
|
3304
3325
|
--width: var(--hop-ListBox-fluid-width);
|
|
3305
3326
|
}
|
|
3306
|
-
.ListBox-module__hop-
|
|
3327
|
+
.ListBox-module__hop-ListBox__section___-52aj {
|
|
3307
3328
|
margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
|
|
3308
3329
|
margin-inline: var(--hop-ListBox-section-margin-inline);
|
|
3309
3330
|
padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
|
|
@@ -3311,21 +3332,21 @@
|
|
|
3311
3332
|
border-block-start: var(--section-border-block-start);
|
|
3312
3333
|
border-block-end: var(--section-border-block-end);
|
|
3313
3334
|
}
|
|
3314
|
-
.ListBox-module__hop-
|
|
3335
|
+
.ListBox-module__hop-ListBox__item___FbmGI + .ListBox-module__hop-ListBox__section___-52aj {
|
|
3315
3336
|
--section-margin-block-start: var(--hop-ListBox-section-margin-block);
|
|
3316
3337
|
--section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
|
|
3317
3338
|
}
|
|
3318
|
-
.ListBox-module__hop-
|
|
3339
|
+
.ListBox-module__hop-ListBox__section___-52aj:has(+ .ListBox-module__hop-ListBox__item___FbmGI) {
|
|
3319
3340
|
--section-margin-block-end: var(--hop-ListBox-section-margin-block);
|
|
3320
3341
|
}
|
|
3321
|
-
.ListBox-module__hop-
|
|
3342
|
+
.ListBox-module__hop-ListBox__section___-52aj:first-child {
|
|
3322
3343
|
--section-padding-block-start: 0;
|
|
3323
3344
|
}
|
|
3324
|
-
.ListBox-module__hop-
|
|
3345
|
+
.ListBox-module__hop-ListBox__section___-52aj:last-child {
|
|
3325
3346
|
--section-padding-block-end: 0;
|
|
3326
3347
|
--section-border-block-end: 0;
|
|
3327
3348
|
}
|
|
3328
|
-
.ListBox-module__hop-ListBox__section-
|
|
3349
|
+
.ListBox-module__hop-ListBox__section-header___7gxdn {
|
|
3329
3350
|
margin: 0;
|
|
3330
3351
|
padding: var(--hop-ListBox-section-header-padding);
|
|
3331
3352
|
font-family: var(--hop-ListBox-section-header-font-family);
|
|
@@ -3336,27 +3357,27 @@
|
|
|
3336
3357
|
text-transform: var(--hop-ListBox-section-header-text-transform);
|
|
3337
3358
|
letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
|
|
3338
3359
|
}
|
|
3339
|
-
.ListBox-module__hop-ListBox__section-
|
|
3340
|
-
.ListBox-module__hop-ListBox__section-
|
|
3360
|
+
.ListBox-module__hop-ListBox__section-header___7gxdn::before,
|
|
3361
|
+
.ListBox-module__hop-ListBox__section-header___7gxdn::after {
|
|
3341
3362
|
content: "";
|
|
3342
3363
|
display: block;
|
|
3343
3364
|
box-sizing: border-box;
|
|
3344
3365
|
inline-size: 0;
|
|
3345
3366
|
block-size: 0;
|
|
3346
3367
|
}
|
|
3347
|
-
.ListBox-module__hop-ListBox__section-
|
|
3368
|
+
.ListBox-module__hop-ListBox__section-header___7gxdn::before {
|
|
3348
3369
|
margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
|
|
3349
3370
|
}
|
|
3350
|
-
.ListBox-module__hop-ListBox__section-
|
|
3371
|
+
.ListBox-module__hop-ListBox__section-header___7gxdn::after {
|
|
3351
3372
|
margin-block-start: var(--hop-ListBox-section-header-top-offset);
|
|
3352
3373
|
}
|
|
3353
|
-
.ListBox-module__hop-
|
|
3374
|
+
.ListBox-module__hop-ListBox__divider___yBQm- {
|
|
3354
3375
|
margin-block: var(--hop-ListBox-divider-margin-block);
|
|
3355
3376
|
margin-inline: var(--hop-ListBox-divider-margin-inline);
|
|
3356
3377
|
}
|
|
3357
3378
|
|
|
3358
3379
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
|
|
3359
|
-
.SelectValue-module__hop-
|
|
3380
|
+
.SelectValue-module__hop-SelectValue___ZSAXe {
|
|
3360
3381
|
--hop-SelectValue-display: flex;
|
|
3361
3382
|
--hop-SelectValue-column-gap: var(--hop-space-inline-sm);
|
|
3362
3383
|
overflow: hidden;
|
|
@@ -3368,13 +3389,13 @@
|
|
|
3368
3389
|
text-overflow: ellipsis;
|
|
3369
3390
|
white-space: nowrap;
|
|
3370
3391
|
}
|
|
3371
|
-
.SelectValue-module__hop-
|
|
3392
|
+
.SelectValue-module__hop-SelectValue__avatar___xF1Dt {
|
|
3372
3393
|
order: 1;
|
|
3373
3394
|
}
|
|
3374
|
-
.SelectValue-module__hop-
|
|
3395
|
+
.SelectValue-module__hop-SelectValue__icon___4DxxR {
|
|
3375
3396
|
order: 2;
|
|
3376
3397
|
}
|
|
3377
|
-
.SelectValue-module__hop-
|
|
3398
|
+
.SelectValue-module__hop-SelectValue__text___rbg05 {
|
|
3378
3399
|
overflow: hidden;
|
|
3379
3400
|
flex: 1 1 auto;
|
|
3380
3401
|
order: 3;
|
|
@@ -3382,12 +3403,12 @@
|
|
|
3382
3403
|
text-overflow: ellipsis;
|
|
3383
3404
|
white-space: nowrap;
|
|
3384
3405
|
}
|
|
3385
|
-
.SelectValue-module__hop-SelectValue__end-
|
|
3406
|
+
.SelectValue-module__hop-SelectValue__end-icon___-6fCw {
|
|
3386
3407
|
order: 4;
|
|
3387
3408
|
}
|
|
3388
3409
|
|
|
3389
3410
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
|
|
3390
|
-
.Select-module__hop-
|
|
3411
|
+
.Select-module__hop-Select___EO27h {
|
|
3391
3412
|
--hop-Select-row-gap: var(--hop-space-stack-xs);
|
|
3392
3413
|
--hop-Select-inline-size: 20rem;
|
|
3393
3414
|
--hop-Select-inline-size-fluid: 100%;
|
|
@@ -3438,13 +3459,13 @@
|
|
|
3438
3459
|
inline-size: var(--inline-size);
|
|
3439
3460
|
max-inline-size: var(--hop-Select-max-inline-size);
|
|
3440
3461
|
}
|
|
3441
|
-
.Select-module__hop-Select--
|
|
3462
|
+
.Select-module__hop-Select--fluid___FzpaW {
|
|
3442
3463
|
--inline-size: var(--hop-Select-inline-size-fluid);
|
|
3443
3464
|
}
|
|
3444
|
-
.Select-module__hop-
|
|
3465
|
+
.Select-module__hop-Select__label___c4deC {
|
|
3445
3466
|
order: 1;
|
|
3446
3467
|
}
|
|
3447
|
-
.Select-module__hop-
|
|
3468
|
+
.Select-module__hop-Select__button___fa76- {
|
|
3448
3469
|
cursor: var(--button-cursor);
|
|
3449
3470
|
display: flex;
|
|
3450
3471
|
column-gap: var(--hop-Select-button-column-gap);
|
|
@@ -3460,28 +3481,28 @@
|
|
|
3460
3481
|
border-radius: var(--hop-Select-button-border-radius);
|
|
3461
3482
|
outline: none;
|
|
3462
3483
|
}
|
|
3463
|
-
.Select-module__hop-Select__button--
|
|
3484
|
+
.Select-module__hop-Select__button--sm___8MviV {
|
|
3464
3485
|
--button-block-size: var(--hop-Select-button-sm-block-size);
|
|
3465
3486
|
}
|
|
3466
|
-
.Select-module__hop-Select__button--
|
|
3487
|
+
.Select-module__hop-Select__button--md___ITp9Y {
|
|
3467
3488
|
--button-block-size: var(--hop-Select-button-md-block-size);
|
|
3468
3489
|
}
|
|
3469
|
-
.Select-module__hop-
|
|
3490
|
+
.Select-module__hop-Select__button___fa76-[data-hovered] {
|
|
3470
3491
|
--button-background-color: var(--hop-Select-button-background-color-hovered);
|
|
3471
3492
|
--button-border-color: var(--hop-Select-button-border-color-hovered);
|
|
3472
3493
|
--button-color: var(--hop-Select-button-color-hovered);
|
|
3473
3494
|
--button-icon-color: var(--hop-Select-button-icon-color-hovered);
|
|
3474
3495
|
}
|
|
3475
|
-
.Select-module__hop-
|
|
3496
|
+
.Select-module__hop-Select__button___fa76-[data-pressed] {
|
|
3476
3497
|
--button-background-color: var(--hop-Select-button-background-color-selected);
|
|
3477
3498
|
--button-border-color: var(--hop-Select-button-border-color-selected);
|
|
3478
3499
|
--button-color: var(--hop-Select-button-color-selected);
|
|
3479
3500
|
--button-icon-color: var(--hop-Select-button-icon-color-selected);
|
|
3480
3501
|
}
|
|
3481
|
-
.Select-module__hop-
|
|
3502
|
+
.Select-module__hop-Select__button___fa76-[data-invalid] {
|
|
3482
3503
|
--button-border-color: var(--hop-Select-button-border-color-invalid);
|
|
3483
3504
|
}
|
|
3484
|
-
.Select-module__hop-
|
|
3505
|
+
.Select-module__hop-Select__button___fa76-[data-focus-visible] {
|
|
3485
3506
|
--button-background-color: var(--hop-Select-button-background-color-focused);
|
|
3486
3507
|
--button-border-color: var(--hop-Select-button-border-color-focused);
|
|
3487
3508
|
--button-color: var(--hop-Select-button-color-focused);
|
|
@@ -3489,30 +3510,30 @@
|
|
|
3489
3510
|
outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
|
|
3490
3511
|
outline-offset: -0.125rem;
|
|
3491
3512
|
}
|
|
3492
|
-
.Select-module__hop-
|
|
3513
|
+
.Select-module__hop-Select__button___fa76-:has([data-placeholder]) {
|
|
3493
3514
|
--button-color: var(--hop-Select-button-placeholder-color);
|
|
3494
3515
|
}
|
|
3495
|
-
.Select-module__hop-
|
|
3516
|
+
.Select-module__hop-Select__button___fa76-[data-disabled] {
|
|
3496
3517
|
--button-background-color: var(--hop-Select-button-background-color-disabled);
|
|
3497
3518
|
--button-border-color: var(--hop-Select-button-border-color-disabled);
|
|
3498
3519
|
--button-color: var(--hop-Select-button-color-disabled);
|
|
3499
3520
|
--button-icon-color: var(--hop-Select-button-icon-color-disabled);
|
|
3500
3521
|
--button-cursor: var(--hop-Select-button-cursor-disabled);
|
|
3501
3522
|
}
|
|
3502
|
-
.Select-module__hop-
|
|
3523
|
+
.Select-module__hop-Select__prefix___Co2es {
|
|
3503
3524
|
color: var(--hop-Select-prefix-color);
|
|
3504
3525
|
}
|
|
3505
|
-
.Select-module__hop-Select__button-
|
|
3526
|
+
.Select-module__hop-Select__button-icon___-PN1H {
|
|
3506
3527
|
margin-inline-start: auto;
|
|
3507
3528
|
color: var(--button-icon-color);
|
|
3508
3529
|
}
|
|
3509
|
-
.Select-module__hop-Select__helper-
|
|
3510
|
-
.Select-module__hop-Select__error-
|
|
3530
|
+
.Select-module__hop-Select__helper-message___96x9I,
|
|
3531
|
+
.Select-module__hop-Select__error-message___U1kYE {
|
|
3511
3532
|
order: 3;
|
|
3512
3533
|
}
|
|
3513
3534
|
|
|
3514
3535
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
|
|
3515
|
-
.Switch-module__hop-
|
|
3536
|
+
.Switch-module__hop-Switch___016Gi {
|
|
3516
3537
|
--hop-Switch-border-size: 0.0625rem;
|
|
3517
3538
|
--hop-Switch-border-color: var(--hop-neutral-border);
|
|
3518
3539
|
--hop-Switch-border-radius: var(--hop-shape-rounded-lg);
|
|
@@ -3569,56 +3590,56 @@
|
|
|
3569
3590
|
inline-size: max-content;
|
|
3570
3591
|
max-inline-size: 100%;
|
|
3571
3592
|
}
|
|
3572
|
-
.Switch-module__hop-Switch--
|
|
3593
|
+
.Switch-module__hop-Switch--sm___x3CAD {
|
|
3573
3594
|
--inline-size: var(--hop-Switch-inline-size-sm);
|
|
3574
3595
|
--block-size: var(--hop-Switch-block-size-sm);
|
|
3575
3596
|
--thumb-size: var(--hop-Switch-thumb-size-sm);
|
|
3576
3597
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
|
|
3577
3598
|
--text-top-offset: var(--hop-Switch-text-top-offset-sm);
|
|
3578
3599
|
}
|
|
3579
|
-
.Switch-module__hop-Switch--
|
|
3600
|
+
.Switch-module__hop-Switch--md___-qgPW {
|
|
3580
3601
|
--inline-size: var(--hop-Switch-inline-size-md);
|
|
3581
3602
|
--block-size: var(--hop-Switch-block-size-md);
|
|
3582
3603
|
--thumb-size: var(--hop-Switch-thumb-size-md);
|
|
3583
3604
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-md);
|
|
3584
3605
|
--text-top-offset: var(--hop-Switch-text-top-offset-md);
|
|
3585
3606
|
}
|
|
3586
|
-
.Switch-module__hop-
|
|
3607
|
+
.Switch-module__hop-Switch___016Gi[data-hovered] {
|
|
3587
3608
|
--border-color: var(--hop-Switch-border-color-hover);
|
|
3588
3609
|
--background-color: var(--hop-Switch-background-color-hover);
|
|
3589
3610
|
--thumb-color: var(--hop-Switch-thumb-color-hover);
|
|
3590
3611
|
--text-color: var(--hop-Switch-text-color-hover);
|
|
3591
3612
|
}
|
|
3592
|
-
.Switch-module__hop-
|
|
3593
|
-
.Switch-module__hop-
|
|
3613
|
+
.Switch-module__hop-Switch___016Gi[data-pressed],
|
|
3614
|
+
.Switch-module__hop-Switch___016Gi[data-pressed][data-focus-visible] {
|
|
3594
3615
|
--border-color: var(--hop-Switch-border-color-pressed);
|
|
3595
3616
|
--background-color: var(--hop-Switch-background-color-pressed);
|
|
3596
3617
|
--thumb-color: var(--hop-Switch-thumb-color-pressed);
|
|
3597
3618
|
--text-color: var(--hop-Switch-text-color-pressed);
|
|
3598
3619
|
}
|
|
3599
|
-
.Switch-module__hop-
|
|
3620
|
+
.Switch-module__hop-Switch___016Gi[data-focus-visible] {
|
|
3600
3621
|
--border-color: var(--hop-Switch-border-color-focus);
|
|
3601
3622
|
--background-color: var(--hop-Switch-background-color-focus);
|
|
3602
3623
|
--thumb-color: var(--hop-Switch-thumb-color-focus);
|
|
3603
3624
|
--outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
|
|
3604
3625
|
--text-color: var(--hop-Switch-text-color-focus);
|
|
3605
3626
|
}
|
|
3606
|
-
.Switch-module__hop-
|
|
3607
|
-
.Switch-module__hop-
|
|
3627
|
+
.Switch-module__hop-Switch___016Gi[data-selected],
|
|
3628
|
+
.Switch-module__hop-Switch___016Gi[data-selected][data-pressed] {
|
|
3608
3629
|
--border-color: var(--hop-Switch-border-color-selected);
|
|
3609
3630
|
--background-color: var(--hop-Switch-background-color-selected);
|
|
3610
3631
|
--thumb-color: var(--hop-Switch-thumb-color-selected);
|
|
3611
3632
|
--thumb-transform: translate(calc(var(--inline-size) - var(--thumb-size, var(--hop-Switch-thumb-size-md)) - (2 * var(--inset-inline-start, var(--hop-Switch-inset-inline-start-md))) - (2 * var(--border-size))), -50%);
|
|
3612
3633
|
--text-color: var(--hop-Switch-text-color-selected);
|
|
3613
3634
|
}
|
|
3614
|
-
.Switch-module__hop-
|
|
3635
|
+
.Switch-module__hop-Switch___016Gi[data-disabled] {
|
|
3615
3636
|
--border-color: var(--hop-Switch-border-color-disabled);
|
|
3616
3637
|
--background-color: var(--hop-Switch-background-color-disabled);
|
|
3617
3638
|
--thumb-color: var(--hop-Switch-thumb-color-disabled);
|
|
3618
3639
|
--text-color: var(--hop-Switch-text-color-disabled);
|
|
3619
3640
|
--cursor: not-allowed;
|
|
3620
3641
|
}
|
|
3621
|
-
.Switch-module__hop-
|
|
3642
|
+
.Switch-module__hop-Switch__indicator___ZY1NN {
|
|
3622
3643
|
position: relative;
|
|
3623
3644
|
flex: 0 0 auto;
|
|
3624
3645
|
box-sizing: border-box;
|
|
@@ -3631,7 +3652,7 @@
|
|
|
3631
3652
|
outline-offset: 0.125rem;
|
|
3632
3653
|
transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
|
|
3633
3654
|
}
|
|
3634
|
-
.Switch-module__hop-
|
|
3655
|
+
.Switch-module__hop-Switch__indicator___ZY1NN::before {
|
|
3635
3656
|
content: "";
|
|
3636
3657
|
position: absolute;
|
|
3637
3658
|
inset-block-start: 50%;
|
|
@@ -3646,20 +3667,20 @@
|
|
|
3646
3667
|
border-radius: var(--hop-shape-circle);
|
|
3647
3668
|
transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
|
|
3648
3669
|
}
|
|
3649
|
-
.Switch-module__hop-
|
|
3670
|
+
.Switch-module__hop-Switch__text___wcjhs {
|
|
3650
3671
|
flex: 0 1 auto;
|
|
3651
3672
|
order: 2;
|
|
3652
3673
|
min-inline-size: 0;
|
|
3653
3674
|
margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
|
|
3654
3675
|
color: var(--text-color);
|
|
3655
3676
|
}
|
|
3656
|
-
.Switch-module__hop-Switch__icon-
|
|
3657
|
-
.Switch-module__hop-
|
|
3677
|
+
.Switch-module__hop-Switch__icon-list___h1SI9,
|
|
3678
|
+
.Switch-module__hop-Switch__icon___6MRsQ {
|
|
3658
3679
|
order: 3;
|
|
3659
3680
|
}
|
|
3660
3681
|
|
|
3661
3682
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
|
|
3662
|
-
.SwitchField-module__hop-
|
|
3683
|
+
.SwitchField-module__hop-SwitchField___pVi8B {
|
|
3663
3684
|
--hop-SwitchField-description-color: var(--hop-neutral-text-weak);
|
|
3664
3685
|
--hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
3665
3686
|
--hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -3678,28 +3699,28 @@
|
|
|
3678
3699
|
inline-size: max-content;
|
|
3679
3700
|
max-inline-size: 100%;
|
|
3680
3701
|
}
|
|
3681
|
-
.SwitchField-module__hop-
|
|
3702
|
+
.SwitchField-module__hop-SwitchField___pVi8B[data-disabled] {
|
|
3682
3703
|
--description-color: var(--hop-SwitchField-description-color-disabled);
|
|
3683
3704
|
}
|
|
3684
|
-
.SwitchField-module__hop-SwitchField--
|
|
3705
|
+
.SwitchField-module__hop-SwitchField--sm___W7D8R {
|
|
3685
3706
|
--row-gap: var(--hop-SwitchField-sm-row-gap);
|
|
3686
3707
|
--description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
|
|
3687
3708
|
}
|
|
3688
|
-
.SwitchField-module__hop-SwitchField--
|
|
3709
|
+
.SwitchField-module__hop-SwitchField--md___Dq1Rf {
|
|
3689
3710
|
--row-gap: var(--hop-SwitchField-md-row-gap);
|
|
3690
3711
|
--description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
|
|
3691
3712
|
}
|
|
3692
|
-
.SwitchField-module__hop-
|
|
3713
|
+
.SwitchField-module__hop-SwitchField__description___konhn {
|
|
3693
3714
|
order: 2;
|
|
3694
3715
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
|
|
3695
3716
|
color: var(--description-color);
|
|
3696
3717
|
}
|
|
3697
|
-
.SwitchField-module__hop-
|
|
3718
|
+
.SwitchField-module__hop-SwitchField__switch___Gu96C {
|
|
3698
3719
|
order: 1;
|
|
3699
3720
|
}
|
|
3700
3721
|
|
|
3701
3722
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
|
|
3702
|
-
.Tag-module__hop-
|
|
3723
|
+
.Tag-module__hop-Tag___Q5Cmm {
|
|
3703
3724
|
--hop-Tag-border-size: 0.0625rem;
|
|
3704
3725
|
--hop-Tag-border-radius: var(--hop-shape-pill);
|
|
3705
3726
|
--hop-Tag-sm-block-size: 1.25rem;
|
|
@@ -3938,7 +3959,7 @@
|
|
|
3938
3959
|
outline: none;
|
|
3939
3960
|
outline-offset: 0.125rem;
|
|
3940
3961
|
}
|
|
3941
|
-
.Tag-module__hop-Tag--
|
|
3962
|
+
.Tag-module__hop-Tag--sm___VFfCI {
|
|
3942
3963
|
--block-size: var(--hop-Tag-sm-block-size);
|
|
3943
3964
|
--padding-inline: var(--hop-Tag-sm-padding-inline);
|
|
3944
3965
|
--column-gap: var(--hop-Tag-sm-column-gap);
|
|
@@ -3946,13 +3967,13 @@
|
|
|
3946
3967
|
--avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
|
|
3947
3968
|
--spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
|
|
3948
3969
|
}
|
|
3949
|
-
.Tag-module__hop-Tag--
|
|
3970
|
+
.Tag-module__hop-Tag--sm___VFfCI:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
|
|
3950
3971
|
--badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
|
|
3951
3972
|
}
|
|
3952
|
-
.Tag-module__hop-Tag--
|
|
3973
|
+
.Tag-module__hop-Tag--sm___VFfCI:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
|
|
3953
3974
|
--icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
|
|
3954
3975
|
}
|
|
3955
|
-
.Tag-module__hop-Tag--
|
|
3976
|
+
.Tag-module__hop-Tag--md___8YMof {
|
|
3956
3977
|
--block-size: var(--hop-Tag-md-block-size);
|
|
3957
3978
|
--padding-inline: var(--hop-Tag-md-padding-inline);
|
|
3958
3979
|
--column-gap: var(--hop-Tag-md-column-gap);
|
|
@@ -3960,13 +3981,13 @@
|
|
|
3960
3981
|
--avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
|
|
3961
3982
|
--spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
|
|
3962
3983
|
}
|
|
3963
|
-
.Tag-module__hop-Tag--
|
|
3984
|
+
.Tag-module__hop-Tag--md___8YMof:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
|
|
3964
3985
|
--badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
|
|
3965
3986
|
}
|
|
3966
|
-
.Tag-module__hop-Tag--
|
|
3987
|
+
.Tag-module__hop-Tag--md___8YMof:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
|
|
3967
3988
|
--icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
|
|
3968
3989
|
}
|
|
3969
|
-
.Tag-module__hop-Tag--
|
|
3990
|
+
.Tag-module__hop-Tag--lg___oEi4o {
|
|
3970
3991
|
--block-size: var(--hop-Tag-lg-block-size);
|
|
3971
3992
|
--padding-inline: var(--hop-Tag-lg-padding-inline);
|
|
3972
3993
|
--column-gap: var(--hop-Tag-lg-column-gap);
|
|
@@ -3974,348 +3995,348 @@
|
|
|
3974
3995
|
--avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
|
|
3975
3996
|
--spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
|
|
3976
3997
|
}
|
|
3977
|
-
.Tag-module__hop-Tag--
|
|
3998
|
+
.Tag-module__hop-Tag--lg___oEi4o:not(:has(.Tag-module__hop-Tag__remove-btn___zoQkZ, .Tag-module__hop-Tag__Spinner___mKw7w)) {
|
|
3978
3999
|
--badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
|
|
3979
4000
|
}
|
|
3980
|
-
.Tag-module__hop-Tag--
|
|
4001
|
+
.Tag-module__hop-Tag--lg___oEi4o:not(:has(.Tag-module__hop-Tag__avatar___Pj2L9)) {
|
|
3981
4002
|
--icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
|
|
3982
4003
|
}
|
|
3983
|
-
.Tag-module__hop-Tag--
|
|
4004
|
+
.Tag-module__hop-Tag--neutral___TUZDd {
|
|
3984
4005
|
--border-color: var(--hop-Tag-neutral-border-color);
|
|
3985
4006
|
--background-color: var(--hop-Tag-neutral-background-color);
|
|
3986
4007
|
--text-color: var(--hop-Tag-neutral-text-color);
|
|
3987
4008
|
}
|
|
3988
|
-
.Tag-module__hop-Tag--
|
|
4009
|
+
.Tag-module__hop-Tag--subdued___yAJHY {
|
|
3989
4010
|
--border-color: var(--hop-Tag-subdued-border-color);
|
|
3990
4011
|
--background-color: var(--hop-Tag-subdued-background-color);
|
|
3991
4012
|
--text-color: var(--hop-Tag-subdued-text-color);
|
|
3992
4013
|
}
|
|
3993
|
-
.Tag-module__hop-Tag--
|
|
4014
|
+
.Tag-module__hop-Tag--progress___8Z5fa {
|
|
3994
4015
|
--border-color: var(--hop-Tag-progress-border-color);
|
|
3995
4016
|
--background-color: var(--hop-Tag-progress-background-color);
|
|
3996
4017
|
--text-color: var(--hop-Tag-progress-text-color);
|
|
3997
4018
|
}
|
|
3998
|
-
.Tag-module__hop-Tag--
|
|
4019
|
+
.Tag-module__hop-Tag--positive___MtvyX {
|
|
3999
4020
|
--border-color: var(--hop-Tag-positive-border-color);
|
|
4000
4021
|
--background-color: var(--hop-Tag-positive-background-color);
|
|
4001
4022
|
--text-color: var(--hop-Tag-positive-text-color);
|
|
4002
4023
|
}
|
|
4003
|
-
.Tag-module__hop-Tag--
|
|
4024
|
+
.Tag-module__hop-Tag--caution___iCH6y {
|
|
4004
4025
|
--border-color: var(--hop-Tag-caution-border-color);
|
|
4005
4026
|
--background-color: var(--hop-Tag-caution-background-color);
|
|
4006
4027
|
--text-color: var(--hop-Tag-caution-text-color);
|
|
4007
4028
|
}
|
|
4008
|
-
.Tag-module__hop-Tag--
|
|
4029
|
+
.Tag-module__hop-Tag--negative___mbi4M {
|
|
4009
4030
|
--border-color: var(--hop-Tag-negative-border-color);
|
|
4010
4031
|
--background-color: var(--hop-Tag-negative-background-color);
|
|
4011
4032
|
--text-color: var(--hop-Tag-negative-text-color);
|
|
4012
4033
|
}
|
|
4013
|
-
.Tag-module__hop-Tag--
|
|
4034
|
+
.Tag-module__hop-Tag--option1___-HOu1 {
|
|
4014
4035
|
--border-color: var(--hop-Tag-option1-border-color);
|
|
4015
4036
|
--background-color: var(--hop-Tag-option1-background-color);
|
|
4016
4037
|
--text-color: var(--hop-Tag-option1-text-color);
|
|
4017
4038
|
}
|
|
4018
|
-
.Tag-module__hop-Tag--
|
|
4039
|
+
.Tag-module__hop-Tag--option2___T2u0U {
|
|
4019
4040
|
--border-color: var(--hop-Tag-option2-border-color);
|
|
4020
4041
|
--background-color: var(--hop-Tag-option2-background-color);
|
|
4021
4042
|
--text-color: var(--hop-Tag-option2-text-color);
|
|
4022
4043
|
}
|
|
4023
|
-
.Tag-module__hop-Tag--
|
|
4044
|
+
.Tag-module__hop-Tag--option3___puucJ {
|
|
4024
4045
|
--border-color: var(--hop-Tag-option3-border-color);
|
|
4025
4046
|
--background-color: var(--hop-Tag-option3-background-color);
|
|
4026
4047
|
--text-color: var(--hop-Tag-option3-text-color);
|
|
4027
4048
|
}
|
|
4028
|
-
.Tag-module__hop-Tag--
|
|
4049
|
+
.Tag-module__hop-Tag--option4___2TNci {
|
|
4029
4050
|
--border-color: var(--hop-Tag-option4-border-color);
|
|
4030
4051
|
--background-color: var(--hop-Tag-option4-background-color);
|
|
4031
4052
|
--text-color: var(--hop-Tag-option4-text-color);
|
|
4032
4053
|
}
|
|
4033
|
-
.Tag-module__hop-Tag--
|
|
4054
|
+
.Tag-module__hop-Tag--option5___HnSjN {
|
|
4034
4055
|
--border-color: var(--hop-Tag-option5-border-color);
|
|
4035
4056
|
--background-color: var(--hop-Tag-option5-background-color);
|
|
4036
4057
|
--text-color: var(--hop-Tag-option5-text-color);
|
|
4037
4058
|
}
|
|
4038
|
-
.Tag-module__hop-Tag--
|
|
4059
|
+
.Tag-module__hop-Tag--option6___g5EV9 {
|
|
4039
4060
|
--border-color: var(--hop-Tag-option6-border-color);
|
|
4040
4061
|
--background-color: var(--hop-Tag-option6-background-color);
|
|
4041
4062
|
--text-color: var(--hop-Tag-option6-text-color);
|
|
4042
4063
|
}
|
|
4043
|
-
.Tag-module__hop-
|
|
4064
|
+
.Tag-module__hop-Tag___Q5Cmm[data-href] {
|
|
4044
4065
|
cursor: pointer;
|
|
4045
4066
|
}
|
|
4046
|
-
.Tag-module__hop-Tag--
|
|
4067
|
+
.Tag-module__hop-Tag--neutral___TUZDd[data-focus-visible] {
|
|
4047
4068
|
--border-color: var(--hop-Tag-neutral-border-color-focus);
|
|
4048
4069
|
--background-color: var(--hop-Tag-neutral-background-color-focus);
|
|
4049
4070
|
--text-color: var(--hop-Tag-neutral-text-color-focus);
|
|
4050
4071
|
}
|
|
4051
|
-
.Tag-module__hop-Tag--
|
|
4072
|
+
.Tag-module__hop-Tag--neutral___TUZDd[data-hovered] {
|
|
4052
4073
|
--border-color: var(--hop-Tag-neutral-border-color-hover);
|
|
4053
4074
|
--background-color: var(--hop-Tag-neutral-background-color-hover);
|
|
4054
4075
|
--text-color: var(--hop-Tag-neutral-text-color-hover);
|
|
4055
4076
|
}
|
|
4056
|
-
.Tag-module__hop-Tag--
|
|
4077
|
+
.Tag-module__hop-Tag--neutral___TUZDd[data-pressed] {
|
|
4057
4078
|
--border-color: var(--hop-Tag-neutral-border-color-press);
|
|
4058
4079
|
--background-color: var(--hop-Tag-neutral-background-color-press);
|
|
4059
4080
|
--text-color: var(--hop-Tag-neutral-text-color-press);
|
|
4060
4081
|
}
|
|
4061
|
-
.Tag-module__hop-Tag--
|
|
4082
|
+
.Tag-module__hop-Tag--neutral___TUZDd[data-disabled] {
|
|
4062
4083
|
--border-color: var(--hop-Tag-neutral-border-color-disabled);
|
|
4063
4084
|
--background-color: var(--hop-Tag-neutral-background-color-disabled);
|
|
4064
4085
|
--text-color: var(--hop-Tag-neutral-text-color-disabled);
|
|
4065
4086
|
}
|
|
4066
|
-
.Tag-module__hop-Tag--
|
|
4087
|
+
.Tag-module__hop-Tag--subdued___yAJHY[data-focus-visible] {
|
|
4067
4088
|
--border-color: var(--hop-Tag-subdued-border-color-focus);
|
|
4068
4089
|
--background-color: var(--hop-Tag-subdued-background-color-focus);
|
|
4069
4090
|
--text-color: var(--hop-Tag-subdued-text-color-focus);
|
|
4070
4091
|
}
|
|
4071
|
-
.Tag-module__hop-Tag--
|
|
4092
|
+
.Tag-module__hop-Tag--subdued___yAJHY[data-hovered] {
|
|
4072
4093
|
--border-color: var(--hop-Tag-subdued-border-color-hover);
|
|
4073
4094
|
--background-color: var(--hop-Tag-subdued-background-color-hover);
|
|
4074
4095
|
--text-color: var(--hop-Tag-subdued-text-color-hover);
|
|
4075
4096
|
}
|
|
4076
|
-
.Tag-module__hop-Tag--
|
|
4097
|
+
.Tag-module__hop-Tag--subdued___yAJHY[data-pressed] {
|
|
4077
4098
|
--border-color: var(--hop-Tag-subdued-border-color-press);
|
|
4078
4099
|
--background-color: var(--hop-Tag-subdued-background-color-press);
|
|
4079
4100
|
--text-color: var(--hop-Tag-subdued-text-color-press);
|
|
4080
4101
|
}
|
|
4081
|
-
.Tag-module__hop-Tag--
|
|
4102
|
+
.Tag-module__hop-Tag--subdued___yAJHY[data-disabled] {
|
|
4082
4103
|
--border-color: var(--hop-Tag-subdued-border-color-disabled);
|
|
4083
4104
|
--background-color: var(--hop-Tag-subdued-background-color-disabled);
|
|
4084
4105
|
--text-color: var(--hop-Tag-subdued-text-color-disabled);
|
|
4085
4106
|
}
|
|
4086
|
-
.Tag-module__hop-Tag--
|
|
4107
|
+
.Tag-module__hop-Tag--progress___8Z5fa[data-focus-visible] {
|
|
4087
4108
|
--border-color: var(--hop-Tag-progress-border-color-focus);
|
|
4088
4109
|
--background-color: var(--hop-Tag-progress-background-color-focus);
|
|
4089
4110
|
--text-color: var(--hop-Tag-progress-text-color-focus);
|
|
4090
4111
|
}
|
|
4091
|
-
.Tag-module__hop-Tag--
|
|
4112
|
+
.Tag-module__hop-Tag--progress___8Z5fa[data-hovered] {
|
|
4092
4113
|
--border-color: var(--hop-Tag-progress-border-color-hover);
|
|
4093
4114
|
--background-color: var(--hop-Tag-progress-background-color-hover);
|
|
4094
4115
|
--text-color: var(--hop-Tag-progress-text-color-hover);
|
|
4095
4116
|
}
|
|
4096
|
-
.Tag-module__hop-Tag--
|
|
4117
|
+
.Tag-module__hop-Tag--progress___8Z5fa[data-pressed] {
|
|
4097
4118
|
--border-color: var(--hop-Tag-progress-border-color-press);
|
|
4098
4119
|
--background-color: var(--hop-Tag-progress-background-color-press);
|
|
4099
4120
|
--text-color: var(--hop-Tag-progress-text-color-press);
|
|
4100
4121
|
}
|
|
4101
|
-
.Tag-module__hop-Tag--
|
|
4122
|
+
.Tag-module__hop-Tag--progress___8Z5fa[data-disabled] {
|
|
4102
4123
|
--border-color: var(--hop-Tag-progress-border-color-disabled);
|
|
4103
4124
|
--background-color: var(--hop-Tag-progress-background-color-disabled);
|
|
4104
4125
|
--text-color: var(--hop-Tag-progress-text-color-disabled);
|
|
4105
4126
|
}
|
|
4106
|
-
.Tag-module__hop-Tag--
|
|
4127
|
+
.Tag-module__hop-Tag--positive___MtvyX[data-focus-visible] {
|
|
4107
4128
|
--border-color: var(--hop-Tag-positive-border-color-focus);
|
|
4108
4129
|
--background-color: var(--hop-Tag-positive-background-color-focus);
|
|
4109
4130
|
--text-color: var(--hop-Tag-positive-text-color-focus);
|
|
4110
4131
|
}
|
|
4111
|
-
.Tag-module__hop-Tag--
|
|
4132
|
+
.Tag-module__hop-Tag--positive___MtvyX[data-hovered] {
|
|
4112
4133
|
--border-color: var(--hop-Tag-positive-border-color-hover);
|
|
4113
4134
|
--background-color: var(--hop-Tag-positive-background-color-hover);
|
|
4114
4135
|
--text-color: var(--hop-Tag-positive-text-color-hover);
|
|
4115
4136
|
}
|
|
4116
|
-
.Tag-module__hop-Tag--
|
|
4137
|
+
.Tag-module__hop-Tag--positive___MtvyX[data-pressed] {
|
|
4117
4138
|
--border-color: var(--hop-Tag-positive-border-color-press);
|
|
4118
4139
|
--background-color: var(--hop-Tag-positive-background-color-press);
|
|
4119
4140
|
--text-color: var(--hop-Tag-positive-text-color-press);
|
|
4120
4141
|
}
|
|
4121
|
-
.Tag-module__hop-Tag--
|
|
4142
|
+
.Tag-module__hop-Tag--positive___MtvyX[data-disabled] {
|
|
4122
4143
|
--border-color: var(--hop-Tag-positive-border-color-disabled);
|
|
4123
4144
|
--background-color: var(--hop-Tag-positive-background-color-disabled);
|
|
4124
4145
|
--text-color: var(--hop-Tag-positive-text-color-disabled);
|
|
4125
4146
|
}
|
|
4126
|
-
.Tag-module__hop-Tag--
|
|
4147
|
+
.Tag-module__hop-Tag--caution___iCH6y[data-focus-visible] {
|
|
4127
4148
|
--border-color: var(--hop-Tag-caution-border-color-focus);
|
|
4128
4149
|
--background-color: var(--hop-Tag-caution-background-color-focus);
|
|
4129
4150
|
--text-color: var(--hop-Tag-caution-text-color-focus);
|
|
4130
4151
|
}
|
|
4131
|
-
.Tag-module__hop-Tag--
|
|
4152
|
+
.Tag-module__hop-Tag--caution___iCH6y[data-hovered] {
|
|
4132
4153
|
--border-color: var(--hop-Tag-caution-border-color-hover);
|
|
4133
4154
|
--background-color: var(--hop-Tag-caution-background-color-hover);
|
|
4134
4155
|
--text-color: var(--hop-Tag-caution-text-color-hover);
|
|
4135
4156
|
}
|
|
4136
|
-
.Tag-module__hop-Tag--
|
|
4157
|
+
.Tag-module__hop-Tag--caution___iCH6y[data-pressed] {
|
|
4137
4158
|
--border-color: var(--hop-Tag-caution-border-color-press);
|
|
4138
4159
|
--background-color: var(--hop-Tag-caution-background-color-press);
|
|
4139
4160
|
--text-color: var(--hop-Tag-caution-text-color-press);
|
|
4140
4161
|
}
|
|
4141
|
-
.Tag-module__hop-Tag--
|
|
4162
|
+
.Tag-module__hop-Tag--caution___iCH6y[data-disabled] {
|
|
4142
4163
|
--border-color: var(--hop-Tag-caution-border-color-disabled);
|
|
4143
4164
|
--background-color: var(--hop-Tag-caution-background-color-disabled);
|
|
4144
4165
|
--text-color: var(--hop-Tag-caution-text-color-disabled);
|
|
4145
4166
|
}
|
|
4146
|
-
.Tag-module__hop-Tag--
|
|
4167
|
+
.Tag-module__hop-Tag--negative___mbi4M[data-focus-visible] {
|
|
4147
4168
|
--border-color: var(--hop-Tag-negative-border-color-focus);
|
|
4148
4169
|
--background-color: var(--hop-Tag-negative-background-color-focus);
|
|
4149
4170
|
--text-color: var(--hop-Tag-negative-text-color-focus);
|
|
4150
4171
|
}
|
|
4151
|
-
.Tag-module__hop-Tag--
|
|
4172
|
+
.Tag-module__hop-Tag--negative___mbi4M[data-hovered] {
|
|
4152
4173
|
--border-color: var(--hop-Tag-negative-border-color-hover);
|
|
4153
4174
|
--background-color: var(--hop-Tag-negative-background-color-hover);
|
|
4154
4175
|
--text-color: var(--hop-Tag-negative-text-color-hover);
|
|
4155
4176
|
}
|
|
4156
|
-
.Tag-module__hop-Tag--
|
|
4177
|
+
.Tag-module__hop-Tag--negative___mbi4M[data-pressed] {
|
|
4157
4178
|
--border-color: var(--hop-Tag-negative-border-color-press);
|
|
4158
4179
|
--background-color: var(--hop-Tag-negative-background-color-press);
|
|
4159
4180
|
--text-color: var(--hop-Tag-negative-text-color-press);
|
|
4160
4181
|
}
|
|
4161
|
-
.Tag-module__hop-Tag--
|
|
4182
|
+
.Tag-module__hop-Tag--negative___mbi4M[data-disabled] {
|
|
4162
4183
|
--border-color: var(--hop-Tag-negative-border-color-disabled);
|
|
4163
4184
|
--background-color: var(--hop-Tag-negative-background-color-disabled);
|
|
4164
4185
|
--text-color: var(--hop-Tag-negative-text-color-disabled);
|
|
4165
4186
|
}
|
|
4166
|
-
.Tag-module__hop-Tag--
|
|
4187
|
+
.Tag-module__hop-Tag--option1___-HOu1[data-focus-visible] {
|
|
4167
4188
|
--border-color: var(--hop-Tag-option1-border-color-focus);
|
|
4168
4189
|
--background-color: var(--hop-Tag-option1-background-color-focus);
|
|
4169
4190
|
--text-color: var(--hop-Tag-option1-text-color-focus);
|
|
4170
4191
|
}
|
|
4171
|
-
.Tag-module__hop-Tag--
|
|
4192
|
+
.Tag-module__hop-Tag--option1___-HOu1[data-hovered] {
|
|
4172
4193
|
--border-color: var(--hop-Tag-option1-border-color-hover);
|
|
4173
4194
|
--background-color: var(--hop-Tag-option1-background-color-hover);
|
|
4174
4195
|
--text-color: var(--hop-Tag-option1-text-color-hover);
|
|
4175
4196
|
}
|
|
4176
|
-
.Tag-module__hop-Tag--
|
|
4197
|
+
.Tag-module__hop-Tag--option1___-HOu1[data-pressed] {
|
|
4177
4198
|
--border-color: var(--hop-Tag-option1-border-color-press);
|
|
4178
4199
|
--background-color: var(--hop-Tag-option1-background-color-press);
|
|
4179
4200
|
--text-color: var(--hop-Tag-option1-text-color-press);
|
|
4180
4201
|
}
|
|
4181
|
-
.Tag-module__hop-Tag--
|
|
4202
|
+
.Tag-module__hop-Tag--option1___-HOu1[data-disabled] {
|
|
4182
4203
|
--border-color: var(--hop-Tag-option1-border-color-disabled);
|
|
4183
4204
|
--background-color: var(--hop-Tag-option1-background-color-disabled);
|
|
4184
4205
|
--text-color: var(--hop-Tag-option1-text-color-disabled);
|
|
4185
4206
|
}
|
|
4186
|
-
.Tag-module__hop-Tag--
|
|
4207
|
+
.Tag-module__hop-Tag--option2___T2u0U[data-focus-visible] {
|
|
4187
4208
|
--border-color: var(--hop-Tag-option2-border-color-focus);
|
|
4188
4209
|
--background-color: var(--hop-Tag-option2-background-color-focus);
|
|
4189
4210
|
--text-color: var(--hop-Tag-option2-text-color-focus);
|
|
4190
4211
|
}
|
|
4191
|
-
.Tag-module__hop-Tag--
|
|
4212
|
+
.Tag-module__hop-Tag--option2___T2u0U[data-hovered] {
|
|
4192
4213
|
--border-color: var(--hop-Tag-option2-border-color-hover);
|
|
4193
4214
|
--background-color: var(--hop-Tag-option2-background-color-hover);
|
|
4194
4215
|
--text-color: var(--hop-Tag-option2-text-color-hover);
|
|
4195
4216
|
}
|
|
4196
|
-
.Tag-module__hop-Tag--
|
|
4217
|
+
.Tag-module__hop-Tag--option2___T2u0U[data-pressed] {
|
|
4197
4218
|
--border-color: var(--hop-Tag-option2-border-color-press);
|
|
4198
4219
|
--background-color: var(--hop-Tag-option2-background-color-press);
|
|
4199
4220
|
--text-color: var(--hop-Tag-option2-text-color-press);
|
|
4200
4221
|
}
|
|
4201
|
-
.Tag-module__hop-Tag--
|
|
4222
|
+
.Tag-module__hop-Tag--option2___T2u0U[data-disabled] {
|
|
4202
4223
|
--border-color: var(--hop-Tag-option2-border-color-disabled);
|
|
4203
4224
|
--background-color: var(--hop-Tag-option2-background-color-disabled);
|
|
4204
4225
|
--text-color: var(--hop-Tag-option2-text-color-disabled);
|
|
4205
4226
|
}
|
|
4206
|
-
.Tag-module__hop-Tag--
|
|
4227
|
+
.Tag-module__hop-Tag--option3___puucJ[data-focus-visible] {
|
|
4207
4228
|
--border-color: var(--hop-Tag-option3-border-color-focus);
|
|
4208
4229
|
--background-color: var(--hop-Tag-option3-background-color-focus);
|
|
4209
4230
|
--text-color: var(--hop-Tag-option3-text-color-focus);
|
|
4210
4231
|
}
|
|
4211
|
-
.Tag-module__hop-Tag--
|
|
4232
|
+
.Tag-module__hop-Tag--option3___puucJ[data-hovered] {
|
|
4212
4233
|
--border-color: var(--hop-Tag-option3-border-color-hover);
|
|
4213
4234
|
--background-color: var(--hop-Tag-option3-background-color-hover);
|
|
4214
4235
|
--text-color: var(--hop-Tag-option3-text-color-hover);
|
|
4215
4236
|
}
|
|
4216
|
-
.Tag-module__hop-Tag--
|
|
4237
|
+
.Tag-module__hop-Tag--option3___puucJ[data-pressed] {
|
|
4217
4238
|
--border-color: var(--hop-Tag-option3-border-color-press);
|
|
4218
4239
|
--background-color: var(--hop-Tag-option3-background-color-press);
|
|
4219
4240
|
--text-color: var(--hop-Tag-option3-text-color-press);
|
|
4220
4241
|
}
|
|
4221
|
-
.Tag-module__hop-Tag--
|
|
4242
|
+
.Tag-module__hop-Tag--option3___puucJ[data-disabled] {
|
|
4222
4243
|
--border-color: var(--hop-Tag-option3-border-color-disabled);
|
|
4223
4244
|
--background-color: var(--hop-Tag-option3-background-color-disabled);
|
|
4224
4245
|
--text-color: var(--hop-Tag-option3-text-color-disabled);
|
|
4225
4246
|
}
|
|
4226
|
-
.Tag-module__hop-Tag--
|
|
4247
|
+
.Tag-module__hop-Tag--option4___2TNci[data-focus-visible] {
|
|
4227
4248
|
--border-color: var(--hop-Tag-option4-border-color-focus);
|
|
4228
4249
|
--background-color: var(--hop-Tag-option4-background-color-focus);
|
|
4229
4250
|
--text-color: var(--hop-Tag-option4-text-color-focus);
|
|
4230
4251
|
}
|
|
4231
|
-
.Tag-module__hop-Tag--
|
|
4252
|
+
.Tag-module__hop-Tag--option4___2TNci[data-hovered] {
|
|
4232
4253
|
--border-color: var(--hop-Tag-option4-border-color-hover);
|
|
4233
4254
|
--background-color: var(--hop-Tag-option4-background-color-hover);
|
|
4234
4255
|
--text-color: var(--hop-Tag-option4-text-color-hover);
|
|
4235
4256
|
}
|
|
4236
|
-
.Tag-module__hop-Tag--
|
|
4257
|
+
.Tag-module__hop-Tag--option4___2TNci[data-pressed] {
|
|
4237
4258
|
--border-color: var(--hop-Tag-option4-border-color-press);
|
|
4238
4259
|
--background-color: var(--hop-Tag-option4-background-color-press);
|
|
4239
4260
|
--text-color: var(--hop-Tag-option4-text-color-press);
|
|
4240
4261
|
}
|
|
4241
|
-
.Tag-module__hop-Tag--
|
|
4262
|
+
.Tag-module__hop-Tag--option4___2TNci[data-disabled] {
|
|
4242
4263
|
--border-color: var(--hop-Tag-option4-border-color-disabled);
|
|
4243
4264
|
--background-color: var(--hop-Tag-option4-background-color-disabled);
|
|
4244
4265
|
--text-color: var(--hop-Tag-option4-text-color-disabled);
|
|
4245
4266
|
}
|
|
4246
|
-
.Tag-module__hop-Tag--
|
|
4267
|
+
.Tag-module__hop-Tag--option5___HnSjN[data-focus-visible] {
|
|
4247
4268
|
--border-color: var(--hop-Tag-option5-border-color-focus);
|
|
4248
4269
|
--background-color: var(--hop-Tag-option5-background-color-focus);
|
|
4249
4270
|
--text-color: var(--hop-Tag-option5-text-color-focus);
|
|
4250
4271
|
}
|
|
4251
|
-
.Tag-module__hop-Tag--
|
|
4272
|
+
.Tag-module__hop-Tag--option5___HnSjN[data-hovered] {
|
|
4252
4273
|
--border-color: var(--hop-Tag-option5-border-color-hover);
|
|
4253
4274
|
--background-color: var(--hop-Tag-option5-background-color-hover);
|
|
4254
4275
|
--text-color: var(--hop-Tag-option5-text-color-hover);
|
|
4255
4276
|
}
|
|
4256
|
-
.Tag-module__hop-Tag--
|
|
4277
|
+
.Tag-module__hop-Tag--option5___HnSjN[data-pressed] {
|
|
4257
4278
|
--border-color: var(--hop-Tag-option5-border-color-press);
|
|
4258
4279
|
--background-color: var(--hop-Tag-option5-background-color-press);
|
|
4259
4280
|
--text-color: var(--hop-Tag-option5-text-color-press);
|
|
4260
4281
|
}
|
|
4261
|
-
.Tag-module__hop-Tag--
|
|
4282
|
+
.Tag-module__hop-Tag--option5___HnSjN[data-disabled] {
|
|
4262
4283
|
--border-color: var(--hop-Tag-option5-border-color-disabled);
|
|
4263
4284
|
--background-color: var(--hop-Tag-option5-background-color-disabled);
|
|
4264
4285
|
--text-color: var(--hop-Tag-option5-text-color-disabled);
|
|
4265
4286
|
}
|
|
4266
|
-
.Tag-module__hop-Tag--
|
|
4287
|
+
.Tag-module__hop-Tag--option6___g5EV9[data-focus-visible] {
|
|
4267
4288
|
--border-color: var(--hop-Tag-option6-border-color-focus);
|
|
4268
4289
|
--background-color: var(--hop-Tag-option6-background-color-focus);
|
|
4269
4290
|
--text-color: var(--hop-Tag-option6-text-color-focus);
|
|
4270
4291
|
}
|
|
4271
|
-
.Tag-module__hop-Tag--
|
|
4292
|
+
.Tag-module__hop-Tag--option6___g5EV9[data-hovered] {
|
|
4272
4293
|
--border-color: var(--hop-Tag-option6-border-color-hover);
|
|
4273
4294
|
--background-color: var(--hop-Tag-option6-background-color-hover);
|
|
4274
4295
|
--text-color: var(--hop-Tag-option6-text-color-hover);
|
|
4275
4296
|
}
|
|
4276
|
-
.Tag-module__hop-Tag--
|
|
4297
|
+
.Tag-module__hop-Tag--option6___g5EV9[data-pressed] {
|
|
4277
4298
|
--border-color: var(--hop-Tag-option6-border-color-press);
|
|
4278
4299
|
--background-color: var(--hop-Tag-option6-background-color-press);
|
|
4279
4300
|
--text-color: var(--hop-Tag-option6-text-color-press);
|
|
4280
4301
|
}
|
|
4281
|
-
.Tag-module__hop-Tag--
|
|
4302
|
+
.Tag-module__hop-Tag--option6___g5EV9[data-disabled] {
|
|
4282
4303
|
--border-color: var(--hop-Tag-option6-border-color-disabled);
|
|
4283
4304
|
--background-color: var(--hop-Tag-option6-background-color-disabled);
|
|
4284
4305
|
--text-color: var(--hop-Tag-option6-text-color-disabled);
|
|
4285
4306
|
}
|
|
4286
|
-
.Tag-module__hop-
|
|
4307
|
+
.Tag-module__hop-Tag___Q5Cmm[data-focus-visible] {
|
|
4287
4308
|
outline: 0.125rem solid var(--focus-ring-color);
|
|
4288
4309
|
}
|
|
4289
|
-
.Tag-module__hop-
|
|
4310
|
+
.Tag-module__hop-Tag___Q5Cmm[data-hovered] {
|
|
4290
4311
|
cursor: pointer;
|
|
4291
4312
|
}
|
|
4292
|
-
.Tag-module__hop-
|
|
4313
|
+
.Tag-module__hop-Tag___Q5Cmm[data-selected] {
|
|
4293
4314
|
--background-color: var(--hop-Tag-background-color-selected);
|
|
4294
4315
|
--border-color: var(--hop-Tag-border-color-selected);
|
|
4295
4316
|
--text-color: var(--hop-Tag-text-color-selected);
|
|
4296
4317
|
}
|
|
4297
|
-
.Tag-module__hop-
|
|
4318
|
+
.Tag-module__hop-Tag___Q5Cmm[data-pressed] {
|
|
4298
4319
|
cursor: pointer;
|
|
4299
4320
|
}
|
|
4300
|
-
.Tag-module__hop-
|
|
4321
|
+
.Tag-module__hop-Tag___Q5Cmm[data-invalid] {
|
|
4301
4322
|
--border-color: var(--hop-Tag-border-color-invalid);
|
|
4302
4323
|
}
|
|
4303
|
-
.Tag-module__hop-
|
|
4324
|
+
.Tag-module__hop-Tag___Q5Cmm[data-disabled] {
|
|
4304
4325
|
cursor: not-allowed;
|
|
4305
4326
|
}
|
|
4306
|
-
.Tag-module__hop-
|
|
4327
|
+
.Tag-module__hop-Tag__avatar___Pj2L9 {
|
|
4307
4328
|
flex: 0 0 auto;
|
|
4308
4329
|
order: 1;
|
|
4309
4330
|
margin-inline-start: var(--avatar-margin-inline-start);
|
|
4310
4331
|
}
|
|
4311
|
-
.Tag-module__hop-
|
|
4312
|
-
.Tag-module__hop-Tag__icon-
|
|
4332
|
+
.Tag-module__hop-Tag__icon___QneBP,
|
|
4333
|
+
.Tag-module__hop-Tag__icon-list___0vhBr {
|
|
4313
4334
|
flex: 0 0 auto;
|
|
4314
4335
|
flex-wrap: nowrap;
|
|
4315
4336
|
order: 2;
|
|
4316
4337
|
margin-inline-start: var(--icon-margin-inline-start, 0);
|
|
4317
4338
|
}
|
|
4318
|
-
.Tag-module__hop-
|
|
4339
|
+
.Tag-module__hop-Tag__text___UwHZt {
|
|
4319
4340
|
overflow: hidden;
|
|
4320
4341
|
flex: 1 1 auto;
|
|
4321
4342
|
order: 3;
|
|
@@ -4323,33 +4344,33 @@
|
|
|
4323
4344
|
text-align: center;
|
|
4324
4345
|
text-overflow: ellipsis;
|
|
4325
4346
|
}
|
|
4326
|
-
.Tag-module__hop-
|
|
4347
|
+
.Tag-module__hop-Tag__badge___tEipF {
|
|
4327
4348
|
flex: 0 0 auto;
|
|
4328
4349
|
order: 4;
|
|
4329
4350
|
margin-inline-end: var(--badge-margin-inline-end);
|
|
4330
4351
|
}
|
|
4331
|
-
.Tag-module__hop-
|
|
4352
|
+
.Tag-module__hop-Tag___Q5Cmm .Tag-module__hop-Tag__badge___tEipF[data-variant=subdued] {
|
|
4332
4353
|
margin-inline-start: var(--badge-secondary-margin-inline-start);
|
|
4333
4354
|
color: inherit;
|
|
4334
4355
|
background: none;
|
|
4335
4356
|
}
|
|
4336
|
-
.Tag-module__hop-Tag--
|
|
4357
|
+
.Tag-module__hop-Tag--sm___VFfCI .Tag-module__hop-Tag__badge___tEipF {
|
|
4337
4358
|
block-size: 100%;
|
|
4338
4359
|
}
|
|
4339
|
-
.Tag-module__hop-Tag__remove-
|
|
4340
|
-
.Tag-module__hop-
|
|
4360
|
+
.Tag-module__hop-Tag__remove-btn___zoQkZ,
|
|
4361
|
+
.Tag-module__hop-Tag__Spinner___mKw7w {
|
|
4341
4362
|
flex: 0 0 auto;
|
|
4342
4363
|
order: 5;
|
|
4343
4364
|
}
|
|
4344
|
-
.Tag-module__hop-
|
|
4365
|
+
.Tag-module__hop-Tag__Spinner___mKw7w {
|
|
4345
4366
|
margin-inline-end: var(--spinner-margin-inline-end);
|
|
4346
4367
|
}
|
|
4347
|
-
.Tag-module__hop-Tag__remove-
|
|
4368
|
+
.Tag-module__hop-Tag__remove-btn___zoQkZ {
|
|
4348
4369
|
margin-inline: var(--clear-btn-margin-inline);
|
|
4349
4370
|
}
|
|
4350
4371
|
|
|
4351
4372
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
|
|
4352
|
-
.TagGroup-module__hop-
|
|
4373
|
+
.TagGroup-module__hop-TagGroup___s6wSY {
|
|
4353
4374
|
--hop-TagGroup-row-gap: var(--hop-space-inline-sm);
|
|
4354
4375
|
--hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
|
|
4355
4376
|
--hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
|
|
@@ -4369,10 +4390,10 @@
|
|
|
4369
4390
|
inline-size: max-content;
|
|
4370
4391
|
max-inline-size: 100%;
|
|
4371
4392
|
}
|
|
4372
|
-
.TagGroup-module__hop-
|
|
4393
|
+
.TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__label___XG2gM {
|
|
4373
4394
|
order: 1;
|
|
4374
4395
|
}
|
|
4375
|
-
.TagGroup-module__hop-
|
|
4396
|
+
.TagGroup-module__hop-TagGroup__list___4Ffgb {
|
|
4376
4397
|
display: flex;
|
|
4377
4398
|
flex-wrap: wrap;
|
|
4378
4399
|
gap: var(--list-row-gap) var(--list-column-gap);
|
|
@@ -4381,24 +4402,24 @@
|
|
|
4381
4402
|
border-radius: var(--list-border-radius);
|
|
4382
4403
|
outline: none;
|
|
4383
4404
|
}
|
|
4384
|
-
.TagGroup-module__hop-
|
|
4405
|
+
.TagGroup-module__hop-TagGroup__list___4Ffgb[data-focus-visible] {
|
|
4385
4406
|
outline: 0.125rem solid var(--list-focus-ring-color);
|
|
4386
4407
|
outline-offset: 0.125rem;
|
|
4387
4408
|
}
|
|
4388
|
-
.TagGroup-module__hop-
|
|
4389
|
-
.TagGroup-module__hop-
|
|
4409
|
+
.TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__error-message___Ts5SG,
|
|
4410
|
+
.TagGroup-module__hop-TagGroup___s6wSY > .TagGroup-module__hop-TagGroup__helper-message___BWiwC {
|
|
4390
4411
|
order: 3;
|
|
4391
4412
|
}
|
|
4392
4413
|
|
|
4393
4414
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
|
|
4394
|
-
:where(.Popover-module__hop-
|
|
4415
|
+
:where(.Popover-module__hop-Popover___i8se0 *) {
|
|
4395
4416
|
font-family: var(--font-family);
|
|
4396
4417
|
font-size: var(--font-size);
|
|
4397
4418
|
font-weight: var(--font-weight);
|
|
4398
4419
|
line-height: var(--line-height);
|
|
4399
4420
|
outline: none;
|
|
4400
4421
|
}
|
|
4401
|
-
.Popover-module__hop-
|
|
4422
|
+
.Popover-module__hop-Popover___i8se0 {
|
|
4402
4423
|
--hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
|
|
4403
4424
|
--hop-Popover-inline-width: 25rem;
|
|
4404
4425
|
--hop-Popover-dropdown-inline-width: var(--trigger-width);
|
|
@@ -4410,19 +4431,19 @@
|
|
|
4410
4431
|
inline-size: var(--width);
|
|
4411
4432
|
max-inline-size: var(--max-width);
|
|
4412
4433
|
}
|
|
4413
|
-
.Popover-module__hop-
|
|
4434
|
+
.Popover-module__hop-Popover___i8se0[data-trigger=Select] {
|
|
4414
4435
|
--width: var(--hop-Popover-dropdown-inline-width);
|
|
4415
4436
|
}
|
|
4416
|
-
.Popover-module__hop-
|
|
4437
|
+
.Popover-module__hop-Popover___i8se0[data-auto-width] {
|
|
4417
4438
|
--width: var(--hop-Popover-dropdown-auto-inline-width);
|
|
4418
4439
|
}
|
|
4419
|
-
.Popover-module__hop-
|
|
4420
|
-
animation: Popover-
|
|
4440
|
+
.Popover-module__hop-Popover___i8se0[data-entering] {
|
|
4441
|
+
animation: Popover-module__fade___Y80OG 0.25s;
|
|
4421
4442
|
}
|
|
4422
|
-
.Popover-module__hop-
|
|
4423
|
-
animation: Popover-
|
|
4443
|
+
.Popover-module__hop-Popover___i8se0[data-exiting] {
|
|
4444
|
+
animation: Popover-module__fade___Y80OG 0.25s reverse;
|
|
4424
4445
|
}
|
|
4425
|
-
@keyframes Popover-
|
|
4446
|
+
@keyframes Popover-module__fade___Y80OG {
|
|
4426
4447
|
from {
|
|
4427
4448
|
opacity: 0;
|
|
4428
4449
|
}
|
|
@@ -4430,14 +4451,14 @@
|
|
|
4430
4451
|
opacity: 1;
|
|
4431
4452
|
}
|
|
4432
4453
|
}
|
|
4433
|
-
.Popover-module__hop-
|
|
4454
|
+
.Popover-module__hop-Popover__wrapper___6wmmX {
|
|
4434
4455
|
display: flex;
|
|
4435
4456
|
flex: 1 1 auto;
|
|
4436
4457
|
flex-direction: column;
|
|
4437
4458
|
min-block-size: 0;
|
|
4438
4459
|
}
|
|
4439
|
-
.Popover-module__hop-
|
|
4440
|
-
.Popover-module__hop-
|
|
4460
|
+
.Popover-module__hop-Popover__dialog___qWlym,
|
|
4461
|
+
.Popover-module__hop-Popover__dropdown___Zh5mt {
|
|
4441
4462
|
--hop-Popover-background: var(--hop-neutral-surface);
|
|
4442
4463
|
--hop-Popover-font-family: var(--hop-body-sm-font-family);
|
|
4443
4464
|
--hop-Popover-font-size: var(--hop-body-sm-font-size);
|
|
@@ -4483,20 +4504,20 @@
|
|
|
4483
4504
|
border-radius: var(--hop-Popover-border-radius);
|
|
4484
4505
|
box-shadow: var(--hop-Popover-box-shadow);
|
|
4485
4506
|
}
|
|
4486
|
-
.Popover-module__hop-
|
|
4507
|
+
.Popover-module__hop-Popover__dropdown___Zh5mt {
|
|
4487
4508
|
--footer-margin: var(--hop-Popover-footer-dropdown-margin);
|
|
4488
4509
|
--footer-place-self: stretch;
|
|
4489
4510
|
--grid-template: var(--hop-Popover-dropdown-grid-template);
|
|
4490
4511
|
--padding: var(--hop-Popover-dropdown-padding);
|
|
4491
4512
|
}
|
|
4492
|
-
.Popover-module__hop-
|
|
4513
|
+
.Popover-module__hop-Popover__dialog___qWlym {
|
|
4493
4514
|
--padding: var(--hop-Popover-dialog-padding);
|
|
4494
4515
|
}
|
|
4495
|
-
.Popover-module__hop-
|
|
4516
|
+
.Popover-module__hop-Popover__title___yIARl {
|
|
4496
4517
|
grid-area: header;
|
|
4497
4518
|
color: var(--hop-Popover-color);
|
|
4498
4519
|
}
|
|
4499
|
-
.Popover-module__hop-
|
|
4520
|
+
.Popover-module__hop-Popover__content___ZaJ8T {
|
|
4500
4521
|
--font-size: var(--hop-Popover-content-font-size);
|
|
4501
4522
|
--line-height: var(--hop-Popover-content-line-height);
|
|
4502
4523
|
grid-area: content;
|
|
@@ -4505,7 +4526,7 @@
|
|
|
4505
4526
|
padding: 0;
|
|
4506
4527
|
color: var(--hop-Popover-content-color);
|
|
4507
4528
|
}
|
|
4508
|
-
.Popover-module__hop-
|
|
4529
|
+
.Popover-module__hop-Popover__dropdown___Zh5mt .Popover-module__hop-Popover__list-box___mCGCz {
|
|
4509
4530
|
grid-area: content;
|
|
4510
4531
|
inline-size: auto;
|
|
4511
4532
|
min-inline-size: auto;
|
|
@@ -4514,7 +4535,7 @@
|
|
|
4514
4535
|
padding: 0;
|
|
4515
4536
|
border: none;
|
|
4516
4537
|
}
|
|
4517
|
-
.Popover-module__hop-
|
|
4538
|
+
.Popover-module__hop-Popover__footer___Zan9L {
|
|
4518
4539
|
--font-size: var(--hop-Popover-footer-font-size);
|
|
4519
4540
|
--line-height: var(--hop-Popover-footer-line-height);
|
|
4520
4541
|
grid-area: footer;
|
|
@@ -4522,16 +4543,16 @@
|
|
|
4522
4543
|
margin: var(--footer-margin);
|
|
4523
4544
|
color: var(--hop-Popover-color);
|
|
4524
4545
|
}
|
|
4525
|
-
.Popover-module__hop-
|
|
4546
|
+
.Popover-module__hop-Popover__dropdown___Zh5mt .Popover-module__hop-Popover__footer___Zan9L {
|
|
4526
4547
|
padding: var(--hop-Popover-footer-dropdown-footer-padding);
|
|
4527
4548
|
border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
|
|
4528
4549
|
}
|
|
4529
|
-
.Popover-module__hop-
|
|
4530
|
-
.Popover-module__hop-
|
|
4550
|
+
.Popover-module__hop-Popover__actions___ltRsy,
|
|
4551
|
+
.Popover-module__hop-Popover__action___srYuC {
|
|
4531
4552
|
grid-area: action;
|
|
4532
4553
|
justify-self: end;
|
|
4533
4554
|
margin-block-start: var(--hop-Popover-row-gap);
|
|
4534
4555
|
}
|
|
4535
|
-
.Popover-module__hop-
|
|
4556
|
+
.Popover-module__hop-Popover___i8se0:has(.Popover-module__hop-Popover__actions___ltRsy, .Popover-module__hop-Popover__action___srYuC) .Popover-module__hop-Popover__footer___Zan9L {
|
|
4536
4557
|
margin-inline-end: var(--hop-Popover-column-gap);
|
|
4537
4558
|
}
|