@hopper-ui/components 1.3.5 → 1.3.7
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 +13 -0
- package/dist/Avatar/src/AnonymousAvatar.css +10 -10
- package/dist/Avatar/src/AnonymousAvatar.d.ts +8 -2
- package/dist/Avatar/src/AnonymousAvatar.js +4 -2
- package/dist/Avatar/src/Avatar.css +37 -37
- package/dist/Avatar/src/Avatar.d.ts +8 -2
- package/dist/Avatar/src/Avatar.js +5 -3
- package/dist/Avatar/src/DeletedAvatar.css +10 -10
- package/dist/Avatar/src/DeletedAvatar.d.ts +8 -2
- package/dist/Avatar/src/DeletedAvatar.js +4 -2
- package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
- package/dist/Avatar/src/RichIconAvatarImage.d.ts +9 -2
- package/dist/Avatar/src/RichIconAvatarImage.js +3 -1
- package/dist/Avatar/src/index.css +37 -37
- package/dist/Avatar/src/index.js +7 -5
- package/dist/Badge/src/Badge.css +21 -21
- package/dist/Badge/src/Badge.d.ts +24 -2
- package/dist/Badge/src/Badge.js +4 -2
- package/dist/Badge/src/FloatingBadge.css +10 -10
- package/dist/Badge/src/FloatingBadge.d.ts +2 -2
- package/dist/Badge/src/FloatingBadge.js +1 -1
- package/dist/Badge/src/index.css +31 -31
- package/dist/Badge/src/index.js +5 -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 +4 -3
- package/dist/ErrorMessage/src/index.css +11 -11
- package/dist/ErrorMessage/src/index.js +4 -3
- package/dist/Form/src/Form.css +723 -701
- package/dist/Form/src/Form.js +45 -45
- package/dist/Form/src/index.css +723 -701
- package/dist/Form/src/index.js +45 -45
- package/dist/Header/src/Header.d.ts +2 -2
- 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.d.ts +2 -2
- 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 +3 -3
- package/dist/Link/src/index.css +31 -31
- package/dist/Link/src/index.js +3 -3
- package/dist/ListBox/src/ListBox.css +267 -273
- package/dist/ListBox/src/ListBox.js +8 -8
- package/dist/ListBox/src/ListBoxItem.css +253 -253
- package/dist/ListBox/src/ListBoxItem.js +7 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +2 -2
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +267 -273
- package/dist/ListBox/src/index.js +8 -8
- package/dist/Select/src/Select.css +723 -701
- package/dist/Select/src/Select.js +45 -45
- package/dist/Select/src/SelectValue.css +60 -60
- package/dist/Select/src/SelectValue.js +7 -7
- package/dist/Select/src/index.css +723 -701
- package/dist/Select/src/index.js +45 -45
- package/dist/Spinner/src/Spinner.css +19 -19
- package/dist/Spinner/src/Spinner.d.ts +2 -2
- package/dist/Spinner/src/Spinner.js +3 -3
- package/dist/Spinner/src/index.css +19 -19
- package/dist/Spinner/src/index.js +3 -3
- package/dist/buttons/src/Button.css +94 -94
- package/dist/buttons/src/Button.js +5 -5
- package/dist/buttons/src/ButtonGroup.css +11 -11
- package/dist/buttons/src/ButtonGroup.js +1 -1
- package/dist/buttons/src/ClearButton.css +71 -71
- package/dist/buttons/src/ClearButton.js +2 -2
- package/dist/buttons/src/EmbeddedButton.css +71 -71
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/index.css +176 -176
- package/dist/buttons/src/index.js +8 -8
- package/dist/checkbox/src/Checkbox.css +28 -28
- package/dist/checkbox/src/Checkbox.js +3 -3
- package/dist/checkbox/src/CheckboxField.css +15 -15
- package/dist/checkbox/src/CheckboxField.d.ts +8 -2
- package/dist/checkbox/src/CheckboxField.js +3 -1
- package/dist/checkbox/src/CheckboxGroup.css +83 -83
- package/dist/checkbox/src/CheckboxGroup.js +2 -2
- package/dist/checkbox/src/CheckboxList.d.ts +2 -2
- package/dist/checkbox/src/DecorativeCheckbox.css +36 -36
- package/dist/checkbox/src/DecorativeCheckbox.js +4 -4
- package/dist/checkbox/src/index.css +83 -83
- package/dist/checkbox/src/index.js +7 -7
- package/dist/{chunk-5PSDYTOT.js → chunk-2LS24P2S.js} +1 -1
- package/dist/{chunk-GR4ZXUOX.js → chunk-4PCMNJTD.js} +15 -13
- package/dist/{chunk-UEHE2IY5.js → chunk-5CR5V44E.js} +23 -11
- package/dist/{chunk-3SMTAPEK.js → chunk-5LGDXMKZ.js} +4 -4
- package/dist/{chunk-2RFHHVN3.js → chunk-AHMI7DHJ.js} +4 -4
- package/dist/{chunk-YZEDTLPG.js → chunk-AWYN6573.js} +1 -1
- package/dist/{chunk-5IRT2QDF.js → chunk-BNBUTFBN.js} +1 -1
- package/dist/{chunk-24JZVLAU.js → chunk-BUI76FPU.js} +1 -1
- package/dist/{chunk-6AFXZYF5.js → chunk-BZC3DOXC.js} +4 -4
- package/dist/{chunk-T6MMAU6N.js → chunk-C4W3WI5F.js} +2 -2
- package/dist/{chunk-LYTJ7OUI.js → chunk-CWP3RDUT.js} +2 -2
- package/dist/{chunk-PSGKAJML.js → chunk-DCTC6KDW.js} +1 -1
- package/dist/{chunk-EBDEMWL7.js → chunk-DMAM2GFN.js} +5 -5
- package/dist/{chunk-CH44JMHK.js → chunk-DNFIKL5N.js} +3 -3
- package/dist/{chunk-QUEZJSCY.js → chunk-DSUR3NPA.js} +3 -3
- package/dist/{chunk-EOXY566V.js → chunk-F4XYXAPX.js} +1 -1
- package/dist/{chunk-7MCVN25U.js → chunk-FKFP4LFR.js} +22 -12
- package/dist/{chunk-52A7OS5J.js → chunk-FSRORCX7.js} +5 -5
- package/dist/{chunk-LI2RM2EK.js → chunk-HIF2U66B.js} +1 -1
- package/dist/{chunk-7XEWB4YU.js → chunk-IA343FCT.js} +25 -18
- package/dist/{chunk-RMXL2PC5.js → chunk-IZUZUN6Z.js} +8 -6
- package/dist/{chunk-SAHIPNPF.js → chunk-JGOXWGEG.js} +5 -5
- package/dist/{chunk-NT6XKRT2.js → chunk-JKE2GH2D.js} +28 -15
- package/dist/{chunk-GEYJZ3VZ.js → chunk-JZGG67JQ.js} +1 -1
- package/dist/{chunk-UQY26ITM.js → chunk-LULNSRRY.js} +1 -1
- package/dist/{chunk-3KW6ENLR.js → chunk-LXWDXMVL.js} +8 -8
- package/dist/{chunk-LSTGTYUX.js → chunk-MDI3RFZS.js} +22 -14
- package/dist/{chunk-XXFIU5GK.js → chunk-MJ24AAEX.js} +1 -1
- package/dist/{chunk-3OVZI77M.js → chunk-MTQURD2G.js} +4 -4
- package/dist/{chunk-HABA5CYG.js → chunk-PGYHBNCP.js} +2 -2
- package/dist/{chunk-D6CIA7NA.js → chunk-PJLVJG4E.js} +1 -1
- package/dist/{chunk-AIO2PFOS.js → chunk-PQTB3F7K.js} +4 -4
- package/dist/{chunk-SUXNDVNP.js → chunk-PVLUQZAG.js} +24 -16
- package/dist/{chunk-4UOBMEPP.js → chunk-SRT6TJ7K.js} +1 -1
- package/dist/{chunk-S4LXTCFZ.js → chunk-SZIBBFKI.js} +4 -4
- package/dist/{chunk-5IRH7LBK.js → chunk-T2DEFREG.js} +22 -14
- package/dist/{chunk-QBGX4KU2.js → chunk-VMSIQERT.js} +3 -3
- package/dist/{chunk-FMNUFTYZ.js → chunk-VZAUDQPW.js} +4 -4
- package/dist/{chunk-RPYDBKIG.js → chunk-WD3GLWJA.js} +2 -2
- package/dist/{chunk-RYROB3P6.js → chunk-YFJWAPT5.js} +1 -1
- package/dist/{chunk-6UW2BF2Z.js → chunk-YUMDUDZX.js} +4 -4
- package/dist/{chunk-LIGWTMRQ.js → chunk-Z63VLZM2.js} +3 -3
- package/dist/{chunk-Y3VCNKJB.js → chunk-ZVOVNXPJ.js} +22 -13
- package/dist/index.css +723 -701
- package/dist/index.d.ts +1 -1
- package/dist/index.js +45 -45
- package/dist/inputs/src/InputGroup.css +191 -191
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +231 -231
- package/dist/inputs/src/NumberField.js +7 -7
- package/dist/inputs/src/PasswordField.css +219 -219
- package/dist/inputs/src/PasswordField.js +8 -8
- package/dist/inputs/src/SearchField.css +225 -225
- package/dist/inputs/src/SearchField.js +9 -9
- package/dist/inputs/src/TextArea.css +225 -225
- package/dist/inputs/src/TextArea.js +7 -7
- package/dist/inputs/src/TextField.css +223 -223
- package/dist/inputs/src/TextField.js +9 -9
- package/dist/inputs/src/index.css +271 -271
- package/dist/inputs/src/index.js +13 -13
- package/dist/layout/src/Content.d.ts +2 -2
- package/dist/layout/src/Footer.d.ts +2 -2
- package/dist/overlays/Popover/src/Popover.css +723 -701
- package/dist/overlays/Popover/src/Popover.d.ts +2 -2
- package/dist/overlays/Popover/src/Popover.js +45 -45
- package/dist/overlays/Popover/src/index.css +723 -701
- package/dist/overlays/Popover/src/index.js +45 -45
- package/dist/radio/src/DecorativeRadio.css +36 -36
- package/dist/radio/src/DecorativeRadio.js +4 -4
- package/dist/radio/src/Radio.css +28 -28
- package/dist/radio/src/Radio.js +3 -3
- package/dist/radio/src/RadioField.css +15 -15
- package/dist/radio/src/RadioField.d.ts +8 -2
- package/dist/radio/src/RadioField.js +3 -1
- package/dist/radio/src/RadioGroup.css +83 -83
- package/dist/radio/src/RadioGroup.js +2 -2
- package/dist/radio/src/RadioList.d.ts +2 -2
- package/dist/radio/src/index.css +83 -83
- package/dist/radio/src/index.js +7 -7
- package/dist/switch/src/Switch.css +25 -25
- package/dist/switch/src/Switch.js +3 -3
- package/dist/switch/src/SwitchField.css +15 -15
- package/dist/switch/src/SwitchField.d.ts +8 -2
- package/dist/switch/src/SwitchField.js +3 -1
- package/dist/switch/src/index.css +31 -31
- package/dist/switch/src/index.js +5 -4
- package/dist/tag/src/Tag.css +323 -323
- package/dist/tag/src/Tag.js +6 -6
- package/dist/tag/src/TagGroup.css +22 -22
- package/dist/tag/src/TagGroup.js +1 -1
- package/dist/tag/src/index.css +336 -336
- package/dist/tag/src/index.js +7 -7
- 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.d.ts +1 -1
- package/dist/utils/src/index.js +2 -2
- package/dist/utils/src/types.d.ts +3 -3
- package/package.json +4 -4
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
@import "@hopper-ui/icons/index.css";
|
|
2
|
+
@import "@hopper-ui/styled-system/index.css";
|
|
3
|
+
|
|
1
4
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
|
|
2
|
-
:where(.OverlineText-module__hop-
|
|
5
|
+
:where(.OverlineText-module__hop-OverlineText___MNaoU) {
|
|
3
6
|
--hop-OverlineText-font-family: var(--hop-overline-font-family);
|
|
4
7
|
--hop-OverlineText-font-size: var(--hop-overline-font-size);
|
|
5
8
|
--hop-OverlineText-font-weight: var(--hop-overline-font-weight);
|
|
@@ -23,26 +26,26 @@
|
|
|
23
26
|
text-transform: uppercase;
|
|
24
27
|
letter-spacing: var(--letter-spacing);
|
|
25
28
|
}
|
|
26
|
-
.OverlineText-module__hop-
|
|
29
|
+
.OverlineText-module__hop-OverlineText__text___nkwdC {
|
|
27
30
|
box-sizing: border-box;
|
|
28
31
|
}
|
|
29
|
-
.OverlineText-module__hop-
|
|
30
|
-
.OverlineText-module__hop-
|
|
32
|
+
.OverlineText-module__hop-OverlineText__text___nkwdC::before,
|
|
33
|
+
.OverlineText-module__hop-OverlineText__text___nkwdC::after {
|
|
31
34
|
content: "";
|
|
32
35
|
display: block;
|
|
33
36
|
box-sizing: border-box;
|
|
34
37
|
inline-size: 0;
|
|
35
38
|
block-size: 0;
|
|
36
39
|
}
|
|
37
|
-
.OverlineText-module__hop-
|
|
40
|
+
.OverlineText-module__hop-OverlineText__text___nkwdC::before {
|
|
38
41
|
margin-block-end: var(--bottom-offset);
|
|
39
42
|
}
|
|
40
|
-
.OverlineText-module__hop-
|
|
43
|
+
.OverlineText-module__hop-OverlineText__text___nkwdC::after {
|
|
41
44
|
margin-block-start: var(--top-offset);
|
|
42
45
|
}
|
|
43
46
|
|
|
44
47
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
|
|
45
|
-
.Badge-module__hop-
|
|
48
|
+
.Badge-module__hop-Badge___-9bND {
|
|
46
49
|
--hop-Badge-height: 1.5rem;
|
|
47
50
|
--hop-Badge-width: max-content;
|
|
48
51
|
--hop-Badge-padding-inline: var(--hop-space-inset-sm);
|
|
@@ -92,67 +95,67 @@
|
|
|
92
95
|
background-color: var(--background-color, var(--hop-Badge-primary-background-color));
|
|
93
96
|
border-radius: var(--border-radius);
|
|
94
97
|
}
|
|
95
|
-
.Badge-module__hop-
|
|
98
|
+
.Badge-module__hop-Badge___-9bND[data-variant=primary] {
|
|
96
99
|
--background-color: var(--hop-Badge-primary-background-color);
|
|
97
100
|
--text-color: var(--hop-Badge-primary-text-color);
|
|
98
101
|
}
|
|
99
|
-
.Badge-module__hop-
|
|
102
|
+
.Badge-module__hop-Badge___-9bND[data-hovered][data-variant=primary] {
|
|
100
103
|
--background-color: var(--hop-Badge-primary-background-color-hovered);
|
|
101
104
|
--text-color: var(--hop-Badge-primary-text-color-hovered);
|
|
102
105
|
}
|
|
103
|
-
.Badge-module__hop-
|
|
106
|
+
.Badge-module__hop-Badge___-9bND[data-pressed][data-variant=primary] {
|
|
104
107
|
--background-color: var(--hop-Badge-primary-background-color-pressed);
|
|
105
108
|
--text-color: var(--hop-Badge-primary-text-color-pressed);
|
|
106
109
|
}
|
|
107
|
-
.Badge-module__hop-
|
|
110
|
+
.Badge-module__hop-Badge___-9bND[data-selected][data-variant=primary] {
|
|
108
111
|
--background-color: var(--hop-Badge-primary-background-color-selected);
|
|
109
112
|
--text-color: var(--hop-Badge-primary-text-color-selected);
|
|
110
113
|
}
|
|
111
|
-
.Badge-module__hop-
|
|
114
|
+
.Badge-module__hop-Badge___-9bND[data-variant=secondary] {
|
|
112
115
|
--background-color: var(--hop-Badge-secondary-background-color);
|
|
113
116
|
--text-color: var(--hop-Badge-secondary-text-color);
|
|
114
117
|
}
|
|
115
|
-
.Badge-module__hop-
|
|
118
|
+
.Badge-module__hop-Badge___-9bND[data-hovered][data-variant=secondary] {
|
|
116
119
|
--background-color: var(--hop-Badge-secondary-background-color-hovered);
|
|
117
120
|
--text-color: var(--hop-Badge-secondary-text-color-hovered);
|
|
118
121
|
}
|
|
119
|
-
.Badge-module__hop-
|
|
122
|
+
.Badge-module__hop-Badge___-9bND[data-pressed][data-variant=secondary] {
|
|
120
123
|
--background-color: var(--hop-Badge-secondary-background-color-pressed);
|
|
121
124
|
--text-color: var(--hop-Badge-secondary-text-color-pressed);
|
|
122
125
|
}
|
|
123
|
-
.Badge-module__hop-
|
|
126
|
+
.Badge-module__hop-Badge___-9bND[data-selected][data-variant=secondary] {
|
|
124
127
|
--background-color: var(--hop-Badge-secondary-background-color-selected);
|
|
125
128
|
--text-color: var(--hop-Badge-secondary-text-color-selected);
|
|
126
129
|
}
|
|
127
|
-
.Badge-module__hop-
|
|
130
|
+
.Badge-module__hop-Badge___-9bND[data-variant=subdued] {
|
|
128
131
|
--background-color: var(--hop-Badge-subdued-background-color);
|
|
129
132
|
--text-color: var(--hop-Badge-subdued-text-color);
|
|
130
133
|
}
|
|
131
|
-
.Badge-module__hop-
|
|
134
|
+
.Badge-module__hop-Badge___-9bND[data-hovered][data-variant=subdued] {
|
|
132
135
|
--background-color: var(--hop-Badge-subdued-background-color-hovered);
|
|
133
136
|
--text-color: var(--hop-Badge-subdued-text-color-hovered);
|
|
134
137
|
}
|
|
135
|
-
.Badge-module__hop-
|
|
138
|
+
.Badge-module__hop-Badge___-9bND[data-pressed][data-variant=subdued] {
|
|
136
139
|
--background-color: var(--hop-Badge-subdued-background-color-pressed);
|
|
137
140
|
--text-color: var(--hop-Badge-subdued-text-color-pressed);
|
|
138
141
|
}
|
|
139
|
-
.Badge-module__hop-
|
|
142
|
+
.Badge-module__hop-Badge___-9bND[data-selected][data-variant=subdued] {
|
|
140
143
|
--background-color: var(--hop-Badge-subdued-background-color-selected);
|
|
141
144
|
--text-color: var(--hop-Badge-subdued-text-color-selected);
|
|
142
145
|
}
|
|
143
|
-
.Badge-module__hop-
|
|
146
|
+
.Badge-module__hop-Badge___-9bND[data-indeterminate] {
|
|
144
147
|
--border-radius: var(--hop-Badge-indeterminate-border-radius);
|
|
145
148
|
--height: var(--hop-Badge-indeterminate-height);
|
|
146
149
|
--width: var(--hop-Badge-indeterminate-width);
|
|
147
150
|
--padding-inline: var(--hop-Badge-indeterminate-padding-inline);
|
|
148
151
|
}
|
|
149
|
-
.Badge-module__hop-
|
|
152
|
+
.Badge-module__hop-Badge___-9bND[data-disabled] {
|
|
150
153
|
--background-color: var(--hop-Badge-background-color-disabled);
|
|
151
154
|
--text-color: var(--hop-Badge-text-color-disabled);
|
|
152
155
|
}
|
|
153
156
|
|
|
154
157
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
|
|
155
|
-
.FloatingBadge-module__hop-
|
|
158
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx {
|
|
156
159
|
--hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
|
|
157
160
|
--hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
|
|
158
161
|
--hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
|
|
@@ -193,7 +196,7 @@
|
|
|
193
196
|
box-sizing: border-box;
|
|
194
197
|
inline-size: max-content;
|
|
195
198
|
}
|
|
196
|
-
.FloatingBadge-module__hop-
|
|
199
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"] {
|
|
197
200
|
--badge-top: var(--hop-FloatingBadge-badge-topright-top);
|
|
198
201
|
--badge-right: var(--hop-FloatingBadge-badge-topright-right);
|
|
199
202
|
--badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
|
|
@@ -201,11 +204,11 @@
|
|
|
201
204
|
--badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
|
|
202
205
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
|
|
203
206
|
}
|
|
204
|
-
.FloatingBadge-module__hop-
|
|
207
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"][data-overlap=circular] {
|
|
205
208
|
--badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
|
|
206
209
|
--badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
|
|
207
210
|
}
|
|
208
|
-
.FloatingBadge-module__hop-
|
|
211
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"] {
|
|
209
212
|
--badge-top: var(--hop-FloatingBadge-badge-topleft-top);
|
|
210
213
|
--badge-right: var(--hop-FloatingBadge-badge-topleft-right);
|
|
211
214
|
--badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
|
|
@@ -213,11 +216,11 @@
|
|
|
213
216
|
--badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
|
|
214
217
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
|
|
215
218
|
}
|
|
216
|
-
.FloatingBadge-module__hop-
|
|
219
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"][data-overlap=circular] {
|
|
217
220
|
--badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
|
|
218
221
|
--badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
|
|
219
222
|
}
|
|
220
|
-
.FloatingBadge-module__hop-
|
|
223
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"] {
|
|
221
224
|
--badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
|
|
222
225
|
--badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
|
|
223
226
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
|
|
@@ -225,11 +228,11 @@
|
|
|
225
228
|
--badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
|
|
226
229
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
|
|
227
230
|
}
|
|
228
|
-
.FloatingBadge-module__hop-
|
|
231
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"][data-overlap=circular] {
|
|
229
232
|
--badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
|
|
230
233
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
|
|
231
234
|
}
|
|
232
|
-
.FloatingBadge-module__hop-
|
|
235
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"] {
|
|
233
236
|
--badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
|
|
234
237
|
--badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
|
|
235
238
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
|
|
@@ -237,11 +240,11 @@
|
|
|
237
240
|
--badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
|
|
238
241
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
|
|
239
242
|
}
|
|
240
|
-
.FloatingBadge-module__hop-
|
|
243
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"][data-overlap=circular] {
|
|
241
244
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
|
|
242
245
|
--badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
|
|
243
246
|
}
|
|
244
|
-
.FloatingBadge-module__hop-
|
|
247
|
+
.FloatingBadge-module__hop-FloatingBadge__badge___yOdKc {
|
|
245
248
|
position: absolute;
|
|
246
249
|
inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
|
|
247
250
|
transform-origin: var(--badge-transform-origin);
|
|
@@ -249,7 +252,7 @@
|
|
|
249
252
|
}
|
|
250
253
|
|
|
251
254
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
|
|
252
|
-
.Text-module__hop-
|
|
255
|
+
.Text-module__hop-Text___R8UuG {
|
|
253
256
|
--hop-Text-xs-font-size: var(--hop-body-xs-font-size);
|
|
254
257
|
--hop-Text-xs-font-family: var(--hop-body-xs-font-family);
|
|
255
258
|
--hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
|
|
@@ -279,49 +282,49 @@
|
|
|
279
282
|
--hop-Text-inherit-size-font-weight: inherit;
|
|
280
283
|
--hop-Text-inherit-size-line-height: inherit;
|
|
281
284
|
}
|
|
282
|
-
:where(.Text-module__hop-
|
|
285
|
+
:where(.Text-module__hop-Text___R8UuG) {
|
|
283
286
|
font-family: var(--font-family);
|
|
284
287
|
font-size: var(--font-size);
|
|
285
288
|
font-weight: var(--font-weight);
|
|
286
289
|
line-height: var(--line-height);
|
|
287
290
|
}
|
|
288
|
-
:where(.Text-module__hop-Text--
|
|
291
|
+
:where(.Text-module__hop-Text--xs___N8buF) {
|
|
289
292
|
--font-size: var(--hop-Text-xs-font-size);
|
|
290
293
|
--font-family: var(--hop-Text-xs-font-family);
|
|
291
294
|
--font-weight: var(--hop-Text-xs-font-weight);
|
|
292
295
|
--line-height: var(--hop-Text-xs-line-height);
|
|
293
296
|
}
|
|
294
|
-
:where(.Text-module__hop-Text--
|
|
297
|
+
:where(.Text-module__hop-Text--sm___ZTn2L) {
|
|
295
298
|
--font-size: var(--hop-Text-sm-font-size);
|
|
296
299
|
--font-family: var(--hop-Text-sm-font-family);
|
|
297
300
|
--font-weight: var(--hop-Text-sm-font-weight);
|
|
298
301
|
--line-height: var(--hop-Text-sm-line-height);
|
|
299
302
|
}
|
|
300
|
-
:where(.Text-module__hop-Text--
|
|
303
|
+
:where(.Text-module__hop-Text--md___PaS1r) {
|
|
301
304
|
--font-size: var(--hop-Text-md-font-size);
|
|
302
305
|
--font-family: var(--hop-Text-md-font-family);
|
|
303
306
|
--font-weight: var(--hop-Text-md-font-weight);
|
|
304
307
|
--line-height: var(--hop-Text-md-line-height);
|
|
305
308
|
}
|
|
306
|
-
:where(.Text-module__hop-Text--
|
|
309
|
+
:where(.Text-module__hop-Text--lg___Wi5qN) {
|
|
307
310
|
--font-size: var(--hop-Text-lg-font-size);
|
|
308
311
|
--font-family: var(--hop-Text-lg-font-family);
|
|
309
312
|
--font-weight: var(--hop-Text-lg-font-weight);
|
|
310
313
|
--line-height: var(--hop-Text-lg-line-height);
|
|
311
314
|
}
|
|
312
|
-
:where(.Text-module__hop-Text--
|
|
315
|
+
:where(.Text-module__hop-Text--xl___zM1uq) {
|
|
313
316
|
--font-size: var(--hop-Text-xl-font-size);
|
|
314
317
|
--font-family: var(--hop-Text-xl-font-family);
|
|
315
318
|
--font-weight: var(--hop-Text-xl-font-weight);
|
|
316
319
|
--line-height: var(--hop-Text-xl-line-height);
|
|
317
320
|
}
|
|
318
|
-
:where(.Text-module__hop-Text--
|
|
321
|
+
:where(.Text-module__hop-Text--2xl___OWNYz) {
|
|
319
322
|
--font-size: var(--hop-Text-2xl-font-size);
|
|
320
323
|
--font-family: var(--hop-Text-2xl-font-family);
|
|
321
324
|
--font-weight: var(--hop-Text-2xl-font-weight);
|
|
322
325
|
--line-height: var(--hop-Text-2xl-line-height);
|
|
323
326
|
}
|
|
324
|
-
:where(.Text-module__hop-Text--
|
|
327
|
+
:where(.Text-module__hop-Text--inherit___r9ZJy) {
|
|
325
328
|
--font-size: var(--hop-Text-inherit-size-font-size);
|
|
326
329
|
--font-family: var(--hop-Text-inherit-size-font-family);
|
|
327
330
|
--font-weight: var(--hop-Text-inherit-size-font-weight);
|
|
@@ -329,7 +332,7 @@
|
|
|
329
332
|
}
|
|
330
333
|
|
|
331
334
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
|
|
332
|
-
.ErrorMessage-module__hop-
|
|
335
|
+
.ErrorMessage-module__hop-ErrorMessage___ZF-hl {
|
|
333
336
|
--hop-ErrorMessage-color: var(--hop-danger-text-weak);
|
|
334
337
|
--hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
|
|
335
338
|
--hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
|
|
@@ -346,13 +349,13 @@
|
|
|
346
349
|
line-height: var(--hop-ErrorMessage-line-height);
|
|
347
350
|
color: var(--hop-ErrorMessage-color);
|
|
348
351
|
}
|
|
349
|
-
.ErrorMessage-module__hop-
|
|
352
|
+
.ErrorMessage-module__hop-ErrorMessage__icon___OKPlp {
|
|
350
353
|
flex: 0 0 auto;
|
|
351
354
|
align-self: flex-start;
|
|
352
355
|
}
|
|
353
356
|
|
|
354
357
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
|
|
355
|
-
.HelperMessage-module__hop-
|
|
358
|
+
.HelperMessage-module__hop-HelperMessage___l3cUu {
|
|
356
359
|
--hop-HelperMessage-color: var(--hop-neutral-text-weak);
|
|
357
360
|
--hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
|
|
358
361
|
display: flex;
|
|
@@ -361,13 +364,13 @@
|
|
|
361
364
|
box-sizing: border-box;
|
|
362
365
|
color: var(--hop-HelperMessage-color);
|
|
363
366
|
}
|
|
364
|
-
.HelperMessage-module__hop-
|
|
367
|
+
.HelperMessage-module__hop-HelperMessage__icon___1Lei9 {
|
|
365
368
|
flex: 0 0 auto;
|
|
366
369
|
align-self: flex-start;
|
|
367
370
|
}
|
|
368
371
|
|
|
369
372
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
|
|
370
|
-
:where(.Divider-module__hop-
|
|
373
|
+
:where(.Divider-module__hop-Divider___g7ps6) {
|
|
371
374
|
--hop-Divider-border-color: var(--hop-neutral-border-weak);
|
|
372
375
|
--hop-Divider-border-size: 0.0625rem;
|
|
373
376
|
--hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
|
|
@@ -392,7 +395,7 @@
|
|
|
392
395
|
border-block-end: var(--border-block-end);
|
|
393
396
|
border-inline-start: var(--border-inline-start);
|
|
394
397
|
}
|
|
395
|
-
.Divider-module__hop-Divider--
|
|
398
|
+
.Divider-module__hop-Divider--vertical___a25V7 {
|
|
396
399
|
--border-block-end: var(--hop-Divider-vertical-border-block-end);
|
|
397
400
|
--border-inline-start: var(--hop-Divider-vertical-border-inline-start);
|
|
398
401
|
--inline-size: var(--hop-Divider-vertical-inline-size);
|
|
@@ -400,7 +403,7 @@
|
|
|
400
403
|
}
|
|
401
404
|
|
|
402
405
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
|
|
403
|
-
.RichIconAvatarImage-module__hop-
|
|
406
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv {
|
|
404
407
|
--hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
|
|
405
408
|
--hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
|
|
406
409
|
--hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
|
|
@@ -431,46 +434,46 @@
|
|
|
431
434
|
background-color: var(--background-color);
|
|
432
435
|
border-radius: var(--hop-RichIconAvatarImage-border-radius);
|
|
433
436
|
}
|
|
434
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
437
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___is3ow {
|
|
435
438
|
--size: var(--hop-RichIconAvatarImage-xs-size);
|
|
436
439
|
--icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
|
|
437
440
|
}
|
|
438
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
441
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Uv85l {
|
|
439
442
|
--size: var(--hop-RichIconAvatarImage-sm-size);
|
|
440
443
|
--icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
|
|
441
444
|
}
|
|
442
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
445
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___MKeiw {
|
|
443
446
|
--size: var(--hop-RichIconAvatarImage-md-size);
|
|
444
447
|
--icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
|
|
445
448
|
}
|
|
446
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
449
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zWajo {
|
|
447
450
|
--size: var(--hop-RichIconAvatarImage-lg-size);
|
|
448
451
|
--icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
|
|
449
452
|
}
|
|
450
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
453
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___G8Mrm {
|
|
451
454
|
--size: var(--hop-RichIconAvatarImage-xl-size);
|
|
452
455
|
--icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
|
|
453
456
|
}
|
|
454
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
457
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___IX8Rm {
|
|
455
458
|
--size: var(--hop-RichIconAvatarImage-2xl-size);
|
|
456
459
|
--icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
|
|
457
460
|
}
|
|
458
|
-
.RichIconAvatarImage-module__hop-
|
|
461
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] {
|
|
459
462
|
--background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
460
463
|
}
|
|
461
|
-
.RichIconAvatarImage-module__hop-
|
|
464
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
|
|
462
465
|
position: relative;
|
|
463
466
|
display: block;
|
|
464
467
|
inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
|
|
465
468
|
block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
|
|
466
469
|
}
|
|
467
|
-
.RichIconAvatarImage-module__hop-
|
|
470
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
|
|
468
471
|
--hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
469
472
|
--hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
|
|
470
473
|
}
|
|
471
474
|
|
|
472
475
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
|
|
473
|
-
.Avatar-module__hop-
|
|
476
|
+
.Avatar-module__hop-Avatar___wvVPM {
|
|
474
477
|
--hop-Avatar-border-radius: var(--hop-shape-circle);
|
|
475
478
|
--hop-Avatar-mix-blend-mode: normal;
|
|
476
479
|
--hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
|
|
@@ -515,67 +518,67 @@
|
|
|
515
518
|
background-color: var(--background-color, transparent);
|
|
516
519
|
border-radius: var(--hop-Avatar-border-radius);
|
|
517
520
|
}
|
|
518
|
-
.Avatar-module__hop-Avatar--
|
|
521
|
+
.Avatar-module__hop-Avatar--xs___xWSLM {
|
|
519
522
|
--size: var(--hop-Avatar-xs-size);
|
|
520
523
|
}
|
|
521
|
-
.Avatar-module__hop-Avatar--
|
|
524
|
+
.Avatar-module__hop-Avatar--sm___aYlLW {
|
|
522
525
|
--size: var(--hop-Avatar-sm-size);
|
|
523
526
|
}
|
|
524
|
-
.Avatar-module__hop-Avatar--
|
|
527
|
+
.Avatar-module__hop-Avatar--md___kS3ss {
|
|
525
528
|
--size: var(--hop-Avatar-md-size);
|
|
526
529
|
}
|
|
527
|
-
.Avatar-module__hop-Avatar--
|
|
530
|
+
.Avatar-module__hop-Avatar--lg___gjqxK {
|
|
528
531
|
--size: var(--hop-Avatar-lg-size);
|
|
529
532
|
}
|
|
530
|
-
.Avatar-module__hop-Avatar--
|
|
533
|
+
.Avatar-module__hop-Avatar--xl___Pyynt {
|
|
531
534
|
--size: var(--hop-Avatar-xl-size);
|
|
532
535
|
}
|
|
533
|
-
.Avatar-module__hop-Avatar--
|
|
536
|
+
.Avatar-module__hop-Avatar--2xl___L9LKX {
|
|
534
537
|
--size: var(--hop-Avatar-2xl-size);
|
|
535
538
|
}
|
|
536
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
539
|
+
.Avatar-module__hop-Avatar--decorative-option1___G27ag {
|
|
537
540
|
--background-color: var(--hop-Avatar-decorative-1-background-color);
|
|
538
541
|
--text-color: var(--hop-Avatar-decorative-1-text-color);
|
|
539
542
|
}
|
|
540
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
543
|
+
.Avatar-module__hop-Avatar--decorative-option2___nRYtl {
|
|
541
544
|
--background-color: var(--hop-Avatar-decorative-2-background-color);
|
|
542
545
|
--text-color: var(--hop-Avatar-decorative-2-text-color);
|
|
543
546
|
}
|
|
544
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
547
|
+
.Avatar-module__hop-Avatar--decorative-option3___YIsiX {
|
|
545
548
|
--background-color: var(--hop-Avatar-decorative-3-background-color);
|
|
546
549
|
--text-color: var(--hop-Avatar-decorative-3-text-color);
|
|
547
550
|
}
|
|
548
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
551
|
+
.Avatar-module__hop-Avatar--decorative-option4___6LeoD {
|
|
549
552
|
--background-color: var(--hop-Avatar-decorative-4-background-color);
|
|
550
553
|
--text-color: var(--hop-Avatar-decorative-4-text-color);
|
|
551
554
|
}
|
|
552
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
555
|
+
.Avatar-module__hop-Avatar--decorative-option5___B92oN {
|
|
553
556
|
--background-color: var(--hop-Avatar-decorative-5-background-color);
|
|
554
557
|
--text-color: var(--hop-Avatar-decorative-5-text-color);
|
|
555
558
|
}
|
|
556
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
559
|
+
.Avatar-module__hop-Avatar--decorative-option6___xfeoB {
|
|
557
560
|
--background-color: var(--hop-Avatar-decorative-6-background-color);
|
|
558
561
|
--text-color: var(--hop-Avatar-decorative-6-text-color);
|
|
559
562
|
}
|
|
560
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
563
|
+
.Avatar-module__hop-Avatar--decorative-option7___XIlFt {
|
|
561
564
|
--background-color: var(--hop-Avatar-decorative-7-background-color);
|
|
562
565
|
--text-color: var(--hop-Avatar-decorative-7-text-color);
|
|
563
566
|
}
|
|
564
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
567
|
+
.Avatar-module__hop-Avatar--decorative-option8___v9I39 {
|
|
565
568
|
--background-color: var(--hop-Avatar-decorative-8-background-color);
|
|
566
569
|
--text-color: var(--hop-Avatar-decorative-8-text-color);
|
|
567
570
|
}
|
|
568
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
571
|
+
.Avatar-module__hop-Avatar--decorative-option9___thark {
|
|
569
572
|
--background-color: var(--hop-Avatar-decorative-9-background-color);
|
|
570
573
|
--text-color: var(--hop-Avatar-decorative-9-text-color);
|
|
571
574
|
}
|
|
572
|
-
.Avatar-module__hop-
|
|
575
|
+
.Avatar-module__hop-Avatar___wvVPM[data-disabled] {
|
|
573
576
|
--background-color: var(--hop-Avatar-background-color-disabled);
|
|
574
577
|
--text-color: var(--hop-Avatar-text-color-disabled);
|
|
575
578
|
--mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
|
|
576
579
|
isolation: isolate;
|
|
577
580
|
}
|
|
578
|
-
.Avatar-module__hop-
|
|
581
|
+
.Avatar-module__hop-Avatar__image___W02lq {
|
|
579
582
|
position: relative;
|
|
580
583
|
display: block;
|
|
581
584
|
box-sizing: border-box;
|
|
@@ -586,7 +589,7 @@
|
|
|
586
589
|
}
|
|
587
590
|
|
|
588
591
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
|
|
589
|
-
.IconList-module__hop-
|
|
592
|
+
.IconList-module__hop-IconList___j6yB2 {
|
|
590
593
|
--hop-IconList-gap: var(--hop-space-inline-xs);
|
|
591
594
|
display: flex;
|
|
592
595
|
flex-wrap: wrap;
|
|
@@ -595,7 +598,7 @@
|
|
|
595
598
|
}
|
|
596
599
|
|
|
597
600
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
|
|
598
|
-
.Checkbox-module__hop-
|
|
601
|
+
.Checkbox-module__hop-Checkbox___mAL3I {
|
|
599
602
|
--hop-Checkbox-box-border-size: 0.0625rem;
|
|
600
603
|
--hop-Checkbox-box-border-color: var(--hop-neutral-border);
|
|
601
604
|
--hop-Checkbox-box-background-color: var(--hop-neutral-surface);
|
|
@@ -670,60 +673,60 @@
|
|
|
670
673
|
inline-size: max-content;
|
|
671
674
|
max-inline-size: 100%;
|
|
672
675
|
}
|
|
673
|
-
.Checkbox-module__hop-
|
|
676
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-focus-visible] {
|
|
674
677
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused);
|
|
675
678
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused);
|
|
676
679
|
--box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
|
|
677
680
|
--text-color: var(--hop-Checkbox-text-color-focused);
|
|
678
681
|
--icon-color: var(--hop-Checkbox-icon-color-focused);
|
|
679
682
|
}
|
|
680
|
-
.Checkbox-module__hop-
|
|
683
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-hovered] {
|
|
681
684
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered);
|
|
682
685
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered);
|
|
683
686
|
--text-color: var(--hop-Checkbox-text-color-hovered);
|
|
684
687
|
--icon-color: var(--hop-Checkbox-icon-color-hovered);
|
|
685
688
|
}
|
|
686
|
-
.Checkbox-module__hop-
|
|
689
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-pressed] {
|
|
687
690
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed);
|
|
688
691
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed);
|
|
689
692
|
--text-color: var(--hop-Checkbox-text-color-pressed);
|
|
690
693
|
--icon-color: var(--hop-Checkbox-icon-color-pressed);
|
|
691
694
|
}
|
|
692
|
-
.Checkbox-module__hop-
|
|
695
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-selected] {
|
|
693
696
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected);
|
|
694
697
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected);
|
|
695
698
|
--check-display: var(--hop-Checkbox-check-display-selected);
|
|
696
699
|
--text-color: var(--hop-Checkbox-text-color-selected);
|
|
697
700
|
--icon-color: var(--hop-Checkbox-icon-color-selected);
|
|
698
701
|
}
|
|
699
|
-
.Checkbox-module__hop-
|
|
702
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid] {
|
|
700
703
|
--box-background-color: var(--hop-Checkbox-box-background-color-invalid);
|
|
701
704
|
--box-border-color: var(--hop-Checkbox-box-border-color-invalid);
|
|
702
705
|
--check-color: var(--hop-Checkbox-check-color-invalid);
|
|
703
706
|
--text-color: var(--hop-Checkbox-text-color-invalid);
|
|
704
707
|
--icon-color: var(--hop-Checkbox-icon-color-invalid);
|
|
705
708
|
}
|
|
706
|
-
.Checkbox-module__hop-
|
|
709
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-focus-visible]) {
|
|
707
710
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
|
|
708
711
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
|
|
709
712
|
}
|
|
710
|
-
.Checkbox-module__hop-
|
|
713
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-hovered]) {
|
|
711
714
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
|
|
712
715
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
|
|
713
716
|
--text-color: var(--hop-Checkbox-text-color-hovered-invalid);
|
|
714
717
|
--icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
|
|
715
718
|
}
|
|
716
|
-
.Checkbox-module__hop-
|
|
719
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-pressed]) {
|
|
717
720
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
|
|
718
721
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
|
|
719
722
|
--text-color: var(--hop-Checkbox-text-color-pressed-invalid);
|
|
720
723
|
--icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
|
|
721
724
|
}
|
|
722
|
-
.Checkbox-module__hop-
|
|
725
|
+
.Checkbox-module__hop-Checkbox___mAL3I:where([data-invalid])[data-selected] {
|
|
723
726
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
|
|
724
727
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
|
|
725
728
|
}
|
|
726
|
-
.Checkbox-module__hop-
|
|
729
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-disabled] {
|
|
727
730
|
--box-background-color: var(--hop-Checkbox-box-background-color-disabled);
|
|
728
731
|
--box-border-color: var(--hop-Checkbox-box-border-color-disabled);
|
|
729
732
|
--check-color: var(--hop-Checkbox-check-color-disabled);
|
|
@@ -731,25 +734,25 @@
|
|
|
731
734
|
--text-color: var(--hop-Checkbox-text-color-disabled);
|
|
732
735
|
--icon-color: var(--hop-Checkbox-icon-color-disabled);
|
|
733
736
|
}
|
|
734
|
-
.Checkbox-module__hop-Checkbox--
|
|
737
|
+
.Checkbox-module__hop-Checkbox--sm___Wmzry {
|
|
735
738
|
--box-block-size: var(--hop-Checkbox-box-sm-block-size);
|
|
736
739
|
--box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
|
|
737
740
|
--text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
|
|
738
741
|
--text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
|
|
739
742
|
}
|
|
740
|
-
.Checkbox-module__hop-Checkbox--
|
|
743
|
+
.Checkbox-module__hop-Checkbox--md___jhSti {
|
|
741
744
|
--box-block-size: var(--hop-Checkbox-box-md-block-size);
|
|
742
745
|
--box-inline-size: var(--hop-Checkbox-box-md-inline-size);
|
|
743
746
|
--text-top-offset: var(--hop-Checkbox-text-md-top-offset);
|
|
744
747
|
--text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
|
|
745
748
|
}
|
|
746
|
-
.Checkbox-module__hop-
|
|
747
|
-
.Checkbox-module__hop-Checkbox__icon-
|
|
749
|
+
.Checkbox-module__hop-Checkbox__icon___9PFwj,
|
|
750
|
+
.Checkbox-module__hop-Checkbox__icon-list___xhUID {
|
|
748
751
|
flex: 0 0 auto;
|
|
749
752
|
order: 3;
|
|
750
753
|
color: var(--icon-color);
|
|
751
754
|
}
|
|
752
|
-
.Checkbox-module__hop-
|
|
755
|
+
.Checkbox-module__hop-Checkbox__box___S46JE {
|
|
753
756
|
display: flex;
|
|
754
757
|
flex: 0 0 auto;
|
|
755
758
|
align-items: center;
|
|
@@ -765,11 +768,11 @@
|
|
|
765
768
|
outline-offset: 0.125rem;
|
|
766
769
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
767
770
|
}
|
|
768
|
-
.Checkbox-module__hop-
|
|
771
|
+
.Checkbox-module__hop-Checkbox__check___UJ3Eo {
|
|
769
772
|
display: var(--check-display);
|
|
770
773
|
color: var(--check-color);
|
|
771
774
|
}
|
|
772
|
-
.Checkbox-module__hop-
|
|
775
|
+
.Checkbox-module__hop-Checkbox__text___qP2jS {
|
|
773
776
|
flex: 0 1 auto;
|
|
774
777
|
order: 2;
|
|
775
778
|
min-inline-size: 0;
|
|
@@ -779,7 +782,7 @@
|
|
|
779
782
|
}
|
|
780
783
|
|
|
781
784
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
|
|
782
|
-
.CheckboxField-module__hop-
|
|
785
|
+
.CheckboxField-module__hop-CheckboxField___dJieE {
|
|
783
786
|
--hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
|
|
784
787
|
--hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
785
788
|
--hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -798,47 +801,47 @@
|
|
|
798
801
|
inline-size: max-content;
|
|
799
802
|
max-inline-size: 100%;
|
|
800
803
|
}
|
|
801
|
-
.CheckboxField-module__hop-
|
|
804
|
+
.CheckboxField-module__hop-CheckboxField___dJieE[data-disabled] {
|
|
802
805
|
--description-color: var(--hop-CheckboxField-description-color-disabled);
|
|
803
806
|
}
|
|
804
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
807
|
+
.CheckboxField-module__hop-CheckboxField--sm___1EbWC {
|
|
805
808
|
--row-gap: var(--hop-CheckboxField-sm-row-gap);
|
|
806
809
|
--description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
|
|
807
810
|
}
|
|
808
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
811
|
+
.CheckboxField-module__hop-CheckboxField--md___vR14U {
|
|
809
812
|
--row-gap: var(--hop-CheckboxField-md-row-gap);
|
|
810
813
|
--description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
|
|
811
814
|
}
|
|
812
|
-
.CheckboxField-module__hop-
|
|
815
|
+
.CheckboxField-module__hop-CheckboxField__description___P-5jZ {
|
|
813
816
|
order: 2;
|
|
814
817
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
|
|
815
818
|
color: var(--description-color);
|
|
816
819
|
}
|
|
817
|
-
.CheckboxField-module__hop-
|
|
820
|
+
.CheckboxField-module__hop-CheckboxField__checkbox___fIXTk {
|
|
818
821
|
order: 1;
|
|
819
822
|
}
|
|
820
823
|
|
|
821
824
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
|
|
822
|
-
.Label-module__hop-
|
|
825
|
+
.Label-module__hop-Label___EE-2i {
|
|
823
826
|
--hop-Label-font-size: var(--hop-heading-xs-font-size);
|
|
824
827
|
--hop-Label-font-family: var(--hop-heading-xs-font-family);
|
|
825
828
|
--hop-Label-font-weight: var(--hop-heading-xs-font-weight);
|
|
826
829
|
--hop-Label-line-height: var(--hop-heading-xs-line-height);
|
|
827
830
|
--hop-Label-color: var(--hop-neutral-text-weak);
|
|
828
831
|
}
|
|
829
|
-
:where(.Label-module__hop-
|
|
832
|
+
:where(.Label-module__hop-Label___EE-2i) {
|
|
830
833
|
font-family: var(--hop-Label-font-family);
|
|
831
834
|
font-size: var(--hop-Label-font-size);
|
|
832
835
|
font-weight: var(--hop-Label-font-weight);
|
|
833
836
|
line-height: var(--hop-Label-line-height);
|
|
834
837
|
color: var(--hop-Label-color);
|
|
835
838
|
}
|
|
836
|
-
:where(.Label-module__hop-
|
|
839
|
+
:where(.Label-module__hop-Label__indicator___QZV-x) {
|
|
837
840
|
padding-inline-start: var(--hop-space-20);
|
|
838
841
|
}
|
|
839
842
|
|
|
840
843
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
|
|
841
|
-
.CheckboxGroup-module__hop-
|
|
844
|
+
.CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa {
|
|
842
845
|
--hop-CheckboxGroup-align-items: flex-start;
|
|
843
846
|
--hop-CheckboxGroup-justify-content: flex-start;
|
|
844
847
|
--hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -877,46 +880,46 @@
|
|
|
877
880
|
inline-size: max-content;
|
|
878
881
|
max-inline-size: 100%;
|
|
879
882
|
}
|
|
880
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
883
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2 {
|
|
881
884
|
--list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
|
|
882
885
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
883
886
|
}
|
|
884
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
887
|
+
.CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw {
|
|
885
888
|
--column-gap: var(--hop-CheckboxGroup-sm-column-gap);
|
|
886
889
|
--row-gap: var(--hop-CheckboxGroup-sm-row-gap);
|
|
887
890
|
--list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
|
|
888
891
|
--list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
|
|
889
892
|
}
|
|
890
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
893
|
+
.CheckboxGroup-module__hop-CheckboxGroup--md___5vb0- {
|
|
891
894
|
--column-gap: var(--hop-CheckboxGroup-md-column-gap);
|
|
892
895
|
--row-gap: var(--hop-CheckboxGroup-md-row-gap);
|
|
893
896
|
--list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
|
|
894
897
|
--list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
|
|
895
898
|
}
|
|
896
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
899
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2.CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw {
|
|
897
900
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
|
|
898
901
|
--column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
|
|
899
902
|
--row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
|
|
900
903
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
|
|
901
904
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
|
|
902
905
|
}
|
|
903
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
906
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2.CheckboxGroup-module__hop-CheckboxGroup--md___5vb0- {
|
|
904
907
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
|
|
905
908
|
--column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
|
|
906
909
|
--row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
|
|
907
910
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
|
|
908
911
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
|
|
909
912
|
}
|
|
910
|
-
.CheckboxGroup-module__hop-
|
|
913
|
+
.CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa[data-orientation=horizontal] {
|
|
911
914
|
--flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
|
|
912
915
|
}
|
|
913
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
916
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=horizontal] {
|
|
914
917
|
--flex-wrap: nowrap;
|
|
915
918
|
}
|
|
916
|
-
.CheckboxGroup-module__hop-
|
|
919
|
+
.CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__label___rB3-j {
|
|
917
920
|
order: 1;
|
|
918
921
|
}
|
|
919
|
-
.CheckboxGroup-module__hop-
|
|
922
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O {
|
|
920
923
|
display: flex;
|
|
921
924
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
922
925
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -927,7 +930,7 @@
|
|
|
927
930
|
border: var(--list-border, none);
|
|
928
931
|
border-radius: var(--list-border-radius, 0);
|
|
929
932
|
}
|
|
930
|
-
.CheckboxGroup-module__hop-
|
|
933
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL {
|
|
931
934
|
position: relative;
|
|
932
935
|
flex: 0 1 auto;
|
|
933
936
|
align-content: start;
|
|
@@ -935,28 +938,28 @@
|
|
|
935
938
|
min-inline-size: 0;
|
|
936
939
|
padding: var(--checkbox-padding, 0);
|
|
937
940
|
}
|
|
938
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
941
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2 .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
|
|
939
942
|
content: "";
|
|
940
943
|
position: absolute;
|
|
941
944
|
display: block;
|
|
942
945
|
}
|
|
943
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
946
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
|
|
944
947
|
inset-block-start: 0;
|
|
945
948
|
inset-inline: 0;
|
|
946
949
|
border-block-start: var(--list-border, none);
|
|
947
950
|
}
|
|
948
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
951
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
|
|
949
952
|
inset-block: 0;
|
|
950
953
|
inset-inline-start: 0;
|
|
951
954
|
border-inline-start: var(--list-border, none);
|
|
952
955
|
}
|
|
953
|
-
.CheckboxGroup-module__hop-
|
|
954
|
-
.CheckboxGroup-module__hop-
|
|
956
|
+
.CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__error-message___7I6oj,
|
|
957
|
+
.CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___5xw7d {
|
|
955
958
|
order: 3;
|
|
956
959
|
}
|
|
957
960
|
|
|
958
961
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
|
|
959
|
-
.Checkbox-module__hop-
|
|
962
|
+
.Checkbox-module__hop-Checkbox___mAL3I {
|
|
960
963
|
--hop-Checkbox-box-border-size: 0.0625rem;
|
|
961
964
|
--hop-Checkbox-box-border-color: var(--hop-neutral-border);
|
|
962
965
|
--hop-Checkbox-box-background-color: var(--hop-neutral-surface);
|
|
@@ -1031,60 +1034,60 @@
|
|
|
1031
1034
|
inline-size: max-content;
|
|
1032
1035
|
max-inline-size: 100%;
|
|
1033
1036
|
}
|
|
1034
|
-
.Checkbox-module__hop-
|
|
1037
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-focus-visible] {
|
|
1035
1038
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused);
|
|
1036
1039
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused);
|
|
1037
1040
|
--box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
|
|
1038
1041
|
--text-color: var(--hop-Checkbox-text-color-focused);
|
|
1039
1042
|
--icon-color: var(--hop-Checkbox-icon-color-focused);
|
|
1040
1043
|
}
|
|
1041
|
-
.Checkbox-module__hop-
|
|
1044
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-hovered] {
|
|
1042
1045
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered);
|
|
1043
1046
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered);
|
|
1044
1047
|
--text-color: var(--hop-Checkbox-text-color-hovered);
|
|
1045
1048
|
--icon-color: var(--hop-Checkbox-icon-color-hovered);
|
|
1046
1049
|
}
|
|
1047
|
-
.Checkbox-module__hop-
|
|
1050
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-pressed] {
|
|
1048
1051
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed);
|
|
1049
1052
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed);
|
|
1050
1053
|
--text-color: var(--hop-Checkbox-text-color-pressed);
|
|
1051
1054
|
--icon-color: var(--hop-Checkbox-icon-color-pressed);
|
|
1052
1055
|
}
|
|
1053
|
-
.Checkbox-module__hop-
|
|
1056
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-selected] {
|
|
1054
1057
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected);
|
|
1055
1058
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected);
|
|
1056
1059
|
--check-display: var(--hop-Checkbox-check-display-selected);
|
|
1057
1060
|
--text-color: var(--hop-Checkbox-text-color-selected);
|
|
1058
1061
|
--icon-color: var(--hop-Checkbox-icon-color-selected);
|
|
1059
1062
|
}
|
|
1060
|
-
.Checkbox-module__hop-
|
|
1063
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid] {
|
|
1061
1064
|
--box-background-color: var(--hop-Checkbox-box-background-color-invalid);
|
|
1062
1065
|
--box-border-color: var(--hop-Checkbox-box-border-color-invalid);
|
|
1063
1066
|
--check-color: var(--hop-Checkbox-check-color-invalid);
|
|
1064
1067
|
--text-color: var(--hop-Checkbox-text-color-invalid);
|
|
1065
1068
|
--icon-color: var(--hop-Checkbox-icon-color-invalid);
|
|
1066
1069
|
}
|
|
1067
|
-
.Checkbox-module__hop-
|
|
1070
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-focus-visible]) {
|
|
1068
1071
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
|
|
1069
1072
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
|
|
1070
1073
|
}
|
|
1071
|
-
.Checkbox-module__hop-
|
|
1074
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-hovered]) {
|
|
1072
1075
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
|
|
1073
1076
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
|
|
1074
1077
|
--text-color: var(--hop-Checkbox-text-color-hovered-invalid);
|
|
1075
1078
|
--icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
|
|
1076
1079
|
}
|
|
1077
|
-
.Checkbox-module__hop-
|
|
1080
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-pressed]) {
|
|
1078
1081
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
|
|
1079
1082
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
|
|
1080
1083
|
--text-color: var(--hop-Checkbox-text-color-pressed-invalid);
|
|
1081
1084
|
--icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
|
|
1082
1085
|
}
|
|
1083
|
-
.Checkbox-module__hop-
|
|
1086
|
+
.Checkbox-module__hop-Checkbox___mAL3I:where([data-invalid])[data-selected] {
|
|
1084
1087
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
|
|
1085
1088
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
|
|
1086
1089
|
}
|
|
1087
|
-
.Checkbox-module__hop-
|
|
1090
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-disabled] {
|
|
1088
1091
|
--box-background-color: var(--hop-Checkbox-box-background-color-disabled);
|
|
1089
1092
|
--box-border-color: var(--hop-Checkbox-box-border-color-disabled);
|
|
1090
1093
|
--check-color: var(--hop-Checkbox-check-color-disabled);
|
|
@@ -1092,25 +1095,25 @@
|
|
|
1092
1095
|
--text-color: var(--hop-Checkbox-text-color-disabled);
|
|
1093
1096
|
--icon-color: var(--hop-Checkbox-icon-color-disabled);
|
|
1094
1097
|
}
|
|
1095
|
-
.Checkbox-module__hop-Checkbox--
|
|
1098
|
+
.Checkbox-module__hop-Checkbox--sm___Wmzry {
|
|
1096
1099
|
--box-block-size: var(--hop-Checkbox-box-sm-block-size);
|
|
1097
1100
|
--box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
|
|
1098
1101
|
--text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
|
|
1099
1102
|
--text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
|
|
1100
1103
|
}
|
|
1101
|
-
.Checkbox-module__hop-Checkbox--
|
|
1104
|
+
.Checkbox-module__hop-Checkbox--md___jhSti {
|
|
1102
1105
|
--box-block-size: var(--hop-Checkbox-box-md-block-size);
|
|
1103
1106
|
--box-inline-size: var(--hop-Checkbox-box-md-inline-size);
|
|
1104
1107
|
--text-top-offset: var(--hop-Checkbox-text-md-top-offset);
|
|
1105
1108
|
--text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
|
|
1106
1109
|
}
|
|
1107
|
-
.Checkbox-module__hop-
|
|
1108
|
-
.Checkbox-module__hop-Checkbox__icon-
|
|
1110
|
+
.Checkbox-module__hop-Checkbox__icon___9PFwj,
|
|
1111
|
+
.Checkbox-module__hop-Checkbox__icon-list___xhUID {
|
|
1109
1112
|
flex: 0 0 auto;
|
|
1110
1113
|
order: 3;
|
|
1111
1114
|
color: var(--icon-color);
|
|
1112
1115
|
}
|
|
1113
|
-
.Checkbox-module__hop-
|
|
1116
|
+
.Checkbox-module__hop-Checkbox__box___S46JE {
|
|
1114
1117
|
display: flex;
|
|
1115
1118
|
flex: 0 0 auto;
|
|
1116
1119
|
align-items: center;
|
|
@@ -1126,11 +1129,11 @@
|
|
|
1126
1129
|
outline-offset: 0.125rem;
|
|
1127
1130
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
1128
1131
|
}
|
|
1129
|
-
.Checkbox-module__hop-
|
|
1132
|
+
.Checkbox-module__hop-Checkbox__check___UJ3Eo {
|
|
1130
1133
|
display: var(--check-display);
|
|
1131
1134
|
color: var(--check-color);
|
|
1132
1135
|
}
|
|
1133
|
-
.Checkbox-module__hop-
|
|
1136
|
+
.Checkbox-module__hop-Checkbox__text___qP2jS {
|
|
1134
1137
|
flex: 0 1 auto;
|
|
1135
1138
|
order: 2;
|
|
1136
1139
|
min-inline-size: 0;
|
|
@@ -1138,24 +1141,24 @@
|
|
|
1138
1141
|
margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
|
|
1139
1142
|
color: var(--text-color);
|
|
1140
1143
|
}
|
|
1141
|
-
.DecorativeCheckbox-module__hop-
|
|
1144
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox___ISCAP {
|
|
1142
1145
|
}
|
|
1143
|
-
.DecorativeCheckbox-module__hop-DecorativeCheckbox--
|
|
1146
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___puKjz {
|
|
1144
1147
|
}
|
|
1145
|
-
.DecorativeCheckbox-module__hop-DecorativeCheckbox--
|
|
1148
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox--md___F1gDS {
|
|
1146
1149
|
}
|
|
1147
|
-
.DecorativeCheckbox-module__hop-
|
|
1148
|
-
.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-
|
|
1150
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___f2gLT,
|
|
1151
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___N8U0V {
|
|
1149
1152
|
}
|
|
1150
|
-
.DecorativeCheckbox-module__hop-
|
|
1153
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ZwQUS {
|
|
1151
1154
|
}
|
|
1152
|
-
.DecorativeCheckbox-module__hop-
|
|
1155
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__check___btixW {
|
|
1153
1156
|
}
|
|
1154
|
-
.DecorativeCheckbox-module__hop-
|
|
1157
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-4O3N {
|
|
1155
1158
|
}
|
|
1156
1159
|
|
|
1157
1160
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
|
|
1158
|
-
.Radio-module__hop-
|
|
1161
|
+
.Radio-module__hop-Radio___5q4dw {
|
|
1159
1162
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
1160
1163
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
1161
1164
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -1229,60 +1232,60 @@
|
|
|
1229
1232
|
inline-size: max-content;
|
|
1230
1233
|
max-inline-size: 100%;
|
|
1231
1234
|
}
|
|
1232
|
-
.Radio-module__hop-
|
|
1235
|
+
.Radio-module__hop-Radio___5q4dw[data-focus-visible] {
|
|
1233
1236
|
--box-background-color: var(--hop-Radio-box-background-color-focused);
|
|
1234
1237
|
--box-border-color: var(--hop-Radio-box-border-color-focused);
|
|
1235
1238
|
--box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
|
|
1236
1239
|
--text-color: var(--hop-Radio-text-color-focused);
|
|
1237
1240
|
--icon-color: var(--hop-Radio-icon-color-focused);
|
|
1238
1241
|
}
|
|
1239
|
-
.Radio-module__hop-
|
|
1242
|
+
.Radio-module__hop-Radio___5q4dw[data-hovered] {
|
|
1240
1243
|
--box-background-color: var(--hop-Radio-box-background-color-hovered);
|
|
1241
1244
|
--box-border-color: var(--hop-Radio-box-border-color-hovered);
|
|
1242
1245
|
--text-color: var(--hop-Radio-text-color-hovered);
|
|
1243
1246
|
--icon-color: var(--hop-Radio-icon-color-hovered);
|
|
1244
1247
|
}
|
|
1245
|
-
.Radio-module__hop-
|
|
1248
|
+
.Radio-module__hop-Radio___5q4dw[data-pressed] {
|
|
1246
1249
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
1247
1250
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
1248
1251
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
1249
1252
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
1250
1253
|
}
|
|
1251
|
-
.Radio-module__hop-
|
|
1254
|
+
.Radio-module__hop-Radio___5q4dw[data-selected] {
|
|
1252
1255
|
--box-background-color: var(--hop-Radio-box-background-color-selected);
|
|
1253
1256
|
--box-border-color: var(--hop-Radio-box-border-color-selected);
|
|
1254
1257
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
1255
1258
|
--text-color: var(--hop-Radio-text-color-selected);
|
|
1256
1259
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
1257
1260
|
}
|
|
1258
|
-
.Radio-module__hop-
|
|
1261
|
+
.Radio-module__hop-Radio___5q4dw[data-invalid] {
|
|
1259
1262
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
1260
1263
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
1261
1264
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
1262
1265
|
--text-color: var(--hop-Radio-text-color-invalid);
|
|
1263
1266
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
1264
1267
|
}
|
|
1265
|
-
.Radio-module__hop-
|
|
1268
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-focus-visible] {
|
|
1266
1269
|
--box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
|
|
1267
1270
|
--box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
|
|
1268
1271
|
}
|
|
1269
|
-
.Radio-module__hop-
|
|
1272
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-hovered] {
|
|
1270
1273
|
--box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
|
|
1271
1274
|
--box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
|
|
1272
1275
|
--text-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
1273
1276
|
--icon-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
1274
1277
|
}
|
|
1275
|
-
.Radio-module__hop-
|
|
1278
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-pressed] {
|
|
1276
1279
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
1277
1280
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
1278
1281
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
1279
1282
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
1280
1283
|
}
|
|
1281
|
-
.Radio-module__hop-
|
|
1284
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-selected] {
|
|
1282
1285
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
1283
1286
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
1284
1287
|
}
|
|
1285
|
-
.Radio-module__hop-
|
|
1288
|
+
.Radio-module__hop-Radio___5q4dw[data-disabled] {
|
|
1286
1289
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
1287
1290
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
1288
1291
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -1290,25 +1293,25 @@
|
|
|
1290
1293
|
--text-color: var(--hop-Radio-text-color-disabled);
|
|
1291
1294
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
1292
1295
|
}
|
|
1293
|
-
.Radio-module__hop-Radio--
|
|
1296
|
+
.Radio-module__hop-Radio--sm___4LYS8 {
|
|
1294
1297
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
1295
1298
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
1296
1299
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
1297
1300
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
1298
1301
|
}
|
|
1299
|
-
.Radio-module__hop-Radio--
|
|
1302
|
+
.Radio-module__hop-Radio--md___As58o {
|
|
1300
1303
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
1301
1304
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
1302
1305
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
1303
1306
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
1304
1307
|
}
|
|
1305
|
-
.Radio-module__hop-
|
|
1306
|
-
.Radio-module__hop-Radio__icon-
|
|
1308
|
+
.Radio-module__hop-Radio__icon___KdTxL,
|
|
1309
|
+
.Radio-module__hop-Radio__icon-list___4rAJh {
|
|
1307
1310
|
flex: 0 0 auto;
|
|
1308
1311
|
order: 3;
|
|
1309
1312
|
color: var(--icon-color);
|
|
1310
1313
|
}
|
|
1311
|
-
.Radio-module__hop-
|
|
1314
|
+
.Radio-module__hop-Radio__box___RRBuh {
|
|
1312
1315
|
display: flex;
|
|
1313
1316
|
flex: 0 0 auto;
|
|
1314
1317
|
align-items: center;
|
|
@@ -1324,11 +1327,11 @@
|
|
|
1324
1327
|
outline-offset: 0.125rem;
|
|
1325
1328
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
1326
1329
|
}
|
|
1327
|
-
.Radio-module__hop-
|
|
1330
|
+
.Radio-module__hop-Radio__bullet___BZw7q {
|
|
1328
1331
|
display: var(--bullet-display);
|
|
1329
1332
|
color: var(--bullet-color);
|
|
1330
1333
|
}
|
|
1331
|
-
.Radio-module__hop-
|
|
1334
|
+
.Radio-module__hop-Radio__text___Q7Ytg {
|
|
1332
1335
|
flex: 0 1 auto;
|
|
1333
1336
|
order: 2;
|
|
1334
1337
|
min-inline-size: 0;
|
|
@@ -1338,7 +1341,7 @@
|
|
|
1338
1341
|
}
|
|
1339
1342
|
|
|
1340
1343
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
|
|
1341
|
-
.RadioField-module__hop-
|
|
1344
|
+
.RadioField-module__hop-RadioField___A5OEY {
|
|
1342
1345
|
--hop-RadioField-description-color: var(--hop-neutral-text-weak);
|
|
1343
1346
|
--hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
1344
1347
|
--hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -1357,28 +1360,28 @@
|
|
|
1357
1360
|
inline-size: max-content;
|
|
1358
1361
|
max-inline-size: 100%;
|
|
1359
1362
|
}
|
|
1360
|
-
.RadioField-module__hop-
|
|
1363
|
+
.RadioField-module__hop-RadioField___A5OEY[data-disabled] {
|
|
1361
1364
|
--description-color: var(--hop-RadioField-description-color-disabled);
|
|
1362
1365
|
}
|
|
1363
|
-
.RadioField-module__hop-RadioField--
|
|
1366
|
+
.RadioField-module__hop-RadioField--sm___08VGE {
|
|
1364
1367
|
--row-gap: var(--hop-RadioField-sm-row-gap);
|
|
1365
1368
|
--description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
|
|
1366
1369
|
}
|
|
1367
|
-
.RadioField-module__hop-RadioField--
|
|
1370
|
+
.RadioField-module__hop-RadioField--md___-4aoZ {
|
|
1368
1371
|
--row-gap: var(--hop-RadioField-md-row-gap);
|
|
1369
1372
|
--description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
|
|
1370
1373
|
}
|
|
1371
|
-
.RadioField-module__hop-
|
|
1374
|
+
.RadioField-module__hop-RadioField__description___5EvIt {
|
|
1372
1375
|
order: 2;
|
|
1373
1376
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
|
|
1374
1377
|
color: var(--description-color);
|
|
1375
1378
|
}
|
|
1376
|
-
.RadioField-module__hop-
|
|
1379
|
+
.RadioField-module__hop-RadioField__radio___lMDuc {
|
|
1377
1380
|
order: 1;
|
|
1378
1381
|
}
|
|
1379
1382
|
|
|
1380
1383
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
|
|
1381
|
-
.RadioGroup-module__hop-
|
|
1384
|
+
.RadioGroup-module__hop-RadioGroup___ByriM {
|
|
1382
1385
|
--hop-RadioGroup-align-items: flex-start;
|
|
1383
1386
|
--hop-RadioGroup-justify-content: flex-start;
|
|
1384
1387
|
--hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -1418,46 +1421,46 @@
|
|
|
1418
1421
|
inline-size: var(--inline-size);
|
|
1419
1422
|
max-inline-size: 100%;
|
|
1420
1423
|
}
|
|
1421
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1424
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR {
|
|
1422
1425
|
--list-border: var(--radio-border-size) solid var(--radio-border-color);
|
|
1423
1426
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
1424
1427
|
}
|
|
1425
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1428
|
+
.RadioGroup-module__hop-RadioGroup--sm___wPypQ {
|
|
1426
1429
|
--column-gap: var(--hop-RadioGroup-sm-column-gap);
|
|
1427
1430
|
--row-gap: var(--hop-RadioGroup-sm-row-gap);
|
|
1428
1431
|
--list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
|
|
1429
1432
|
--list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
|
|
1430
1433
|
}
|
|
1431
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1434
|
+
.RadioGroup-module__hop-RadioGroup--md___uVawW {
|
|
1432
1435
|
--column-gap: var(--hop-RadioGroup-md-column-gap);
|
|
1433
1436
|
--row-gap: var(--hop-RadioGroup-md-row-gap);
|
|
1434
1437
|
--list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
|
|
1435
1438
|
--list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
|
|
1436
1439
|
}
|
|
1437
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1440
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR.RadioGroup-module__hop-RadioGroup--sm___wPypQ {
|
|
1438
1441
|
--radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
|
|
1439
1442
|
--column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
|
|
1440
1443
|
--row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
|
|
1441
1444
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
|
|
1442
1445
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
|
|
1443
1446
|
}
|
|
1444
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1447
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR.RadioGroup-module__hop-RadioGroup--md___uVawW {
|
|
1445
1448
|
--radio-padding: var(--hop-RadioGroup-bordered-md-padding);
|
|
1446
1449
|
--column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
|
|
1447
1450
|
--row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
|
|
1448
1451
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
|
|
1449
1452
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
|
|
1450
1453
|
}
|
|
1451
|
-
.RadioGroup-module__hop-
|
|
1454
|
+
.RadioGroup-module__hop-RadioGroup___ByriM[data-orientation=horizontal] {
|
|
1452
1455
|
--flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
|
|
1453
1456
|
}
|
|
1454
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1457
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=horizontal] {
|
|
1455
1458
|
--flex-wrap: nowrap;
|
|
1456
1459
|
}
|
|
1457
|
-
.RadioGroup-module__hop-
|
|
1460
|
+
.RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__label___ieR7x {
|
|
1458
1461
|
order: 1;
|
|
1459
1462
|
}
|
|
1460
|
-
.RadioGroup-module__hop-
|
|
1463
|
+
.RadioGroup-module__hop-RadioGroup__list___3EuL0 {
|
|
1461
1464
|
display: flex;
|
|
1462
1465
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
1463
1466
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -1468,7 +1471,7 @@
|
|
|
1468
1471
|
border: var(--list-border, none);
|
|
1469
1472
|
border-radius: var(--list-border-radius, 0);
|
|
1470
1473
|
}
|
|
1471
|
-
.RadioGroup-module__hop-
|
|
1474
|
+
.RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ {
|
|
1472
1475
|
position: relative;
|
|
1473
1476
|
flex: 0 1 auto;
|
|
1474
1477
|
align-content: start;
|
|
@@ -1476,28 +1479,28 @@
|
|
|
1476
1479
|
min-inline-size: 0;
|
|
1477
1480
|
padding: var(--radio-padding, 0);
|
|
1478
1481
|
}
|
|
1479
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1482
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
|
|
1480
1483
|
content: "";
|
|
1481
1484
|
position: absolute;
|
|
1482
1485
|
display: block;
|
|
1483
1486
|
}
|
|
1484
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1487
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
|
|
1485
1488
|
inset-block-start: 0;
|
|
1486
1489
|
inset-inline: 0;
|
|
1487
1490
|
border-block-start: var(--list-border, none);
|
|
1488
1491
|
}
|
|
1489
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
1492
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
|
|
1490
1493
|
inset-block: 0;
|
|
1491
1494
|
inset-inline-start: 0;
|
|
1492
1495
|
border-inline-start: var(--list-border, none);
|
|
1493
1496
|
}
|
|
1494
|
-
.RadioGroup-module__hop-
|
|
1495
|
-
.RadioGroup-module__hop-
|
|
1497
|
+
.RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__error-message___QtRJp,
|
|
1498
|
+
.RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__helper-message___CHWOA {
|
|
1496
1499
|
order: 3;
|
|
1497
1500
|
}
|
|
1498
1501
|
|
|
1499
1502
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
|
|
1500
|
-
.Radio-module__hop-
|
|
1503
|
+
.Radio-module__hop-Radio___5q4dw {
|
|
1501
1504
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
1502
1505
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
1503
1506
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -1571,60 +1574,60 @@
|
|
|
1571
1574
|
inline-size: max-content;
|
|
1572
1575
|
max-inline-size: 100%;
|
|
1573
1576
|
}
|
|
1574
|
-
.Radio-module__hop-
|
|
1577
|
+
.Radio-module__hop-Radio___5q4dw[data-focus-visible] {
|
|
1575
1578
|
--box-background-color: var(--hop-Radio-box-background-color-focused);
|
|
1576
1579
|
--box-border-color: var(--hop-Radio-box-border-color-focused);
|
|
1577
1580
|
--box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
|
|
1578
1581
|
--text-color: var(--hop-Radio-text-color-focused);
|
|
1579
1582
|
--icon-color: var(--hop-Radio-icon-color-focused);
|
|
1580
1583
|
}
|
|
1581
|
-
.Radio-module__hop-
|
|
1584
|
+
.Radio-module__hop-Radio___5q4dw[data-hovered] {
|
|
1582
1585
|
--box-background-color: var(--hop-Radio-box-background-color-hovered);
|
|
1583
1586
|
--box-border-color: var(--hop-Radio-box-border-color-hovered);
|
|
1584
1587
|
--text-color: var(--hop-Radio-text-color-hovered);
|
|
1585
1588
|
--icon-color: var(--hop-Radio-icon-color-hovered);
|
|
1586
1589
|
}
|
|
1587
|
-
.Radio-module__hop-
|
|
1590
|
+
.Radio-module__hop-Radio___5q4dw[data-pressed] {
|
|
1588
1591
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
1589
1592
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
1590
1593
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
1591
1594
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
1592
1595
|
}
|
|
1593
|
-
.Radio-module__hop-
|
|
1596
|
+
.Radio-module__hop-Radio___5q4dw[data-selected] {
|
|
1594
1597
|
--box-background-color: var(--hop-Radio-box-background-color-selected);
|
|
1595
1598
|
--box-border-color: var(--hop-Radio-box-border-color-selected);
|
|
1596
1599
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
1597
1600
|
--text-color: var(--hop-Radio-text-color-selected);
|
|
1598
1601
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
1599
1602
|
}
|
|
1600
|
-
.Radio-module__hop-
|
|
1603
|
+
.Radio-module__hop-Radio___5q4dw[data-invalid] {
|
|
1601
1604
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
1602
1605
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
1603
1606
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
1604
1607
|
--text-color: var(--hop-Radio-text-color-invalid);
|
|
1605
1608
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
1606
1609
|
}
|
|
1607
|
-
.Radio-module__hop-
|
|
1610
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-focus-visible] {
|
|
1608
1611
|
--box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
|
|
1609
1612
|
--box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
|
|
1610
1613
|
}
|
|
1611
|
-
.Radio-module__hop-
|
|
1614
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-hovered] {
|
|
1612
1615
|
--box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
|
|
1613
1616
|
--box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
|
|
1614
1617
|
--text-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
1615
1618
|
--icon-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
1616
1619
|
}
|
|
1617
|
-
.Radio-module__hop-
|
|
1620
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-pressed] {
|
|
1618
1621
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
1619
1622
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
1620
1623
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
1621
1624
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
1622
1625
|
}
|
|
1623
|
-
.Radio-module__hop-
|
|
1626
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-selected] {
|
|
1624
1627
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
1625
1628
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
1626
1629
|
}
|
|
1627
|
-
.Radio-module__hop-
|
|
1630
|
+
.Radio-module__hop-Radio___5q4dw[data-disabled] {
|
|
1628
1631
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
1629
1632
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
1630
1633
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -1632,25 +1635,25 @@
|
|
|
1632
1635
|
--text-color: var(--hop-Radio-text-color-disabled);
|
|
1633
1636
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
1634
1637
|
}
|
|
1635
|
-
.Radio-module__hop-Radio--
|
|
1638
|
+
.Radio-module__hop-Radio--sm___4LYS8 {
|
|
1636
1639
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
1637
1640
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
1638
1641
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
1639
1642
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
1640
1643
|
}
|
|
1641
|
-
.Radio-module__hop-Radio--
|
|
1644
|
+
.Radio-module__hop-Radio--md___As58o {
|
|
1642
1645
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
1643
1646
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
1644
1647
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
1645
1648
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
1646
1649
|
}
|
|
1647
|
-
.Radio-module__hop-
|
|
1648
|
-
.Radio-module__hop-Radio__icon-
|
|
1650
|
+
.Radio-module__hop-Radio__icon___KdTxL,
|
|
1651
|
+
.Radio-module__hop-Radio__icon-list___4rAJh {
|
|
1649
1652
|
flex: 0 0 auto;
|
|
1650
1653
|
order: 3;
|
|
1651
1654
|
color: var(--icon-color);
|
|
1652
1655
|
}
|
|
1653
|
-
.Radio-module__hop-
|
|
1656
|
+
.Radio-module__hop-Radio__box___RRBuh {
|
|
1654
1657
|
display: flex;
|
|
1655
1658
|
flex: 0 0 auto;
|
|
1656
1659
|
align-items: center;
|
|
@@ -1666,11 +1669,11 @@
|
|
|
1666
1669
|
outline-offset: 0.125rem;
|
|
1667
1670
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
1668
1671
|
}
|
|
1669
|
-
.Radio-module__hop-
|
|
1672
|
+
.Radio-module__hop-Radio__bullet___BZw7q {
|
|
1670
1673
|
display: var(--bullet-display);
|
|
1671
1674
|
color: var(--bullet-color);
|
|
1672
1675
|
}
|
|
1673
|
-
.Radio-module__hop-
|
|
1676
|
+
.Radio-module__hop-Radio__text___Q7Ytg {
|
|
1674
1677
|
flex: 0 1 auto;
|
|
1675
1678
|
order: 2;
|
|
1676
1679
|
min-inline-size: 0;
|
|
@@ -1678,24 +1681,24 @@
|
|
|
1678
1681
|
margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
|
|
1679
1682
|
color: var(--text-color);
|
|
1680
1683
|
}
|
|
1681
|
-
.DecorativeRadio-module__hop-
|
|
1684
|
+
.DecorativeRadio-module__hop-DecorativeRadio___xR3qR {
|
|
1682
1685
|
}
|
|
1683
|
-
.DecorativeRadio-module__hop-DecorativeRadio--
|
|
1686
|
+
.DecorativeRadio-module__hop-DecorativeRadio--sm___IYfZ4 {
|
|
1684
1687
|
}
|
|
1685
|
-
.DecorativeRadio-module__hop-DecorativeRadio--
|
|
1688
|
+
.DecorativeRadio-module__hop-DecorativeRadio--md___dT1bE {
|
|
1686
1689
|
}
|
|
1687
|
-
.DecorativeRadio-module__hop-
|
|
1688
|
-
.DecorativeRadio-module__hop-DecorativeRadio__icon-
|
|
1690
|
+
.DecorativeRadio-module__hop-DecorativeRadio__icon___-h3p5,
|
|
1691
|
+
.DecorativeRadio-module__hop-DecorativeRadio__icon-list___MZItP {
|
|
1689
1692
|
}
|
|
1690
|
-
.DecorativeRadio-module__hop-
|
|
1693
|
+
.DecorativeRadio-module__hop-DecorativeRadio__box___t1G2C {
|
|
1691
1694
|
}
|
|
1692
|
-
.DecorativeRadio-module__hop-
|
|
1695
|
+
.DecorativeRadio-module__hop-DecorativeRadio__bullet___vV0nA {
|
|
1693
1696
|
}
|
|
1694
|
-
.DecorativeRadio-module__hop-
|
|
1697
|
+
.DecorativeRadio-module__hop-DecorativeRadio__text___guri5 {
|
|
1695
1698
|
}
|
|
1696
1699
|
|
|
1697
1700
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
|
|
1698
|
-
.ListBoxItemSkeleton-module__hop-
|
|
1701
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Arx5F {
|
|
1699
1702
|
--hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
|
|
1700
1703
|
--hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
|
|
1701
1704
|
--hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -1721,7 +1724,7 @@
|
|
|
1721
1724
|
background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
|
|
1722
1725
|
background-size: 400% 100%;
|
|
1723
1726
|
border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
|
|
1724
|
-
animation-name: ListBoxItemSkeleton-module__placeholder-
|
|
1727
|
+
animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs;
|
|
1725
1728
|
animation-duration: var(--animation-duration);
|
|
1726
1729
|
animation-timing-function: ease-in-out;
|
|
1727
1730
|
animation-fill-mode: forwards;
|
|
@@ -1730,19 +1733,19 @@
|
|
|
1730
1733
|
--animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
|
|
1731
1734
|
}
|
|
1732
1735
|
}
|
|
1733
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
1736
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___qpzvW {
|
|
1734
1737
|
--height: var(--hop-ListBoxItemSkeleton-xs-height);
|
|
1735
1738
|
}
|
|
1736
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
1739
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___5I3kP {
|
|
1737
1740
|
--height: var(--hop-ListBoxItemSkeleton-sm-height);
|
|
1738
1741
|
}
|
|
1739
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
1742
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___z1uMe {
|
|
1740
1743
|
--height: var(--hop-ListBoxItemSkeleton-md-height);
|
|
1741
1744
|
}
|
|
1742
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
1745
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___7mR52 {
|
|
1743
1746
|
--height: var(--hop-ListBoxItemSkeleton-lg-height);
|
|
1744
1747
|
}
|
|
1745
|
-
@keyframes ListBoxItemSkeleton-module__placeholder-
|
|
1748
|
+
@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs {
|
|
1746
1749
|
0% {
|
|
1747
1750
|
background-position: 125% 50%;
|
|
1748
1751
|
}
|
|
@@ -1752,7 +1755,7 @@
|
|
|
1752
1755
|
}
|
|
1753
1756
|
|
|
1754
1757
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
|
|
1755
|
-
.ListBoxItem-module__hop-
|
|
1758
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3- {
|
|
1756
1759
|
--hop-ListBoxItem-background-color: transparent;
|
|
1757
1760
|
--hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
|
|
1758
1761
|
--hop-ListBoxItem-text-color: var(--hop-neutral-text);
|
|
@@ -1849,129 +1852,129 @@
|
|
|
1849
1852
|
outline: var(--outline);
|
|
1850
1853
|
outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
|
|
1851
1854
|
}
|
|
1852
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1855
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___QDUaN {
|
|
1853
1856
|
--padding-block: var(--hop-ListBoxItem-xs-padding-block);
|
|
1854
1857
|
--padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
|
|
1855
1858
|
--min-height: var(--hop-ListBoxItem-xs-min-height);
|
|
1856
1859
|
--avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
|
|
1857
1860
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
|
|
1858
1861
|
}
|
|
1859
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1862
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___MkxrY {
|
|
1860
1863
|
--padding-block: var(--hop-ListBoxItem-sm-padding-block);
|
|
1861
1864
|
--padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
|
|
1862
1865
|
--min-height: var(--hop-ListBoxItem-sm-min-height);
|
|
1863
1866
|
--avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
|
|
1864
1867
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
|
|
1865
1868
|
}
|
|
1866
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1869
|
+
.ListBoxItem-module__hop-ListBoxItem--md___Sh68L {
|
|
1867
1870
|
--padding-block: var(--hop-ListBoxItem-md-padding-block);
|
|
1868
1871
|
--padding-inline: var(--hop-ListBoxItem-md-padding-inline);
|
|
1869
1872
|
--min-height: var(--hop-ListBoxItem-md-min-height);
|
|
1870
1873
|
--avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
|
|
1871
1874
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
|
|
1872
1875
|
}
|
|
1873
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1876
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___mYIg- {
|
|
1874
1877
|
--padding-block: var(--hop-ListBoxItem-lg-padding-block);
|
|
1875
1878
|
--padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
|
|
1876
1879
|
--min-height: var(--hop-ListBoxItem-lg-min-height);
|
|
1877
1880
|
--avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
|
|
1878
1881
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
|
|
1879
1882
|
}
|
|
1880
|
-
.ListBoxItem-module__hop-
|
|
1883
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-selection-mode] {
|
|
1881
1884
|
--cursor: pointer;
|
|
1882
1885
|
}
|
|
1883
|
-
.ListBoxItem-module__hop-
|
|
1886
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-:not([data-selection-mode]) {
|
|
1884
1887
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
1885
1888
|
}
|
|
1886
|
-
.ListBoxItem-module__hop-
|
|
1889
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___UCV4p:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8) {
|
|
1887
1890
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
1888
1891
|
}
|
|
1889
|
-
.ListBoxItem-module__hop-
|
|
1892
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___UCV4p[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8) {
|
|
1890
1893
|
--checkmark-transition: none;
|
|
1891
1894
|
}
|
|
1892
|
-
.ListBoxItem-module__hop-
|
|
1895
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-selected] {
|
|
1893
1896
|
--background-color: var(--hop-ListBoxItem-background-color-selected);
|
|
1894
1897
|
--text-color: var(--hop-ListBoxItem-text-color-selected);
|
|
1895
1898
|
--icon-color: var(--hop-ListBoxItem-icon-color-selected);
|
|
1896
1899
|
--checkmark-opacity: 1;
|
|
1897
1900
|
}
|
|
1898
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1901
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___QDUaN[data-selected] {
|
|
1899
1902
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
|
|
1900
1903
|
}
|
|
1901
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1904
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___MkxrY[data-selected] {
|
|
1902
1905
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
|
|
1903
1906
|
}
|
|
1904
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1907
|
+
.ListBoxItem-module__hop-ListBoxItem--md___Sh68L[data-selected] {
|
|
1905
1908
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
|
|
1906
1909
|
}
|
|
1907
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
1910
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___mYIg-[data-selected] {
|
|
1908
1911
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
|
|
1909
1912
|
}
|
|
1910
|
-
.ListBoxItem-module__hop-
|
|
1913
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-focus-visible] {
|
|
1911
1914
|
--background-color: var(--hop-ListBoxItem-background-color-focused);
|
|
1912
1915
|
--text-color: var(--hop-ListBoxItem-text-color-focused);
|
|
1913
1916
|
--icon-color: var(--hop-ListBoxItem-icon-color-focused);
|
|
1914
1917
|
--outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
|
|
1915
1918
|
}
|
|
1916
|
-
.ListBoxItem-module__hop-
|
|
1919
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-hovered] {
|
|
1917
1920
|
--background-color: var(--hop-ListBoxItem-background-color-hovered);
|
|
1918
1921
|
--text-color: var(--hop-ListBoxItem-text-color-hovered);
|
|
1919
1922
|
--icon-color: var(--hop-ListBoxItem-icon-color-hovered);
|
|
1920
1923
|
}
|
|
1921
|
-
.ListBoxItem-module__hop-
|
|
1924
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-pressed] {
|
|
1922
1925
|
--background-color: var(--hop-ListBoxItem-background-color-pressed);
|
|
1923
1926
|
--text-color: var(--hop-ListBoxItem-text-color-pressed);
|
|
1924
1927
|
--icon-color: var(--hop-ListBoxItem-icon-color-pressed);
|
|
1925
1928
|
}
|
|
1926
|
-
.ListBoxItem-module__hop-
|
|
1929
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-disabled] {
|
|
1927
1930
|
--background-color: var(--hop-ListBoxItem-background-color-disabled);
|
|
1928
1931
|
--text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
1929
1932
|
--icon-color: var(--hop-ListBoxItem-icon-color-disabled);
|
|
1930
1933
|
--description-text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
1931
1934
|
--cursor: not-allowed;
|
|
1932
1935
|
}
|
|
1933
|
-
.ListBoxItem-module__hop-
|
|
1936
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid] {
|
|
1934
1937
|
--background-color: var(--hop-ListBoxItem-background-color-invalid);
|
|
1935
1938
|
--text-color: var(--hop-ListBoxItem-text-color-invalid);
|
|
1936
1939
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid);
|
|
1937
1940
|
}
|
|
1938
|
-
.ListBoxItem-module__hop-
|
|
1941
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-selected] {
|
|
1939
1942
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
|
|
1940
1943
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
|
|
1941
1944
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
|
|
1942
1945
|
}
|
|
1943
|
-
.ListBoxItem-module__hop-
|
|
1946
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-focus-visible] {
|
|
1944
1947
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
|
|
1945
1948
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
|
|
1946
1949
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
|
|
1947
1950
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
|
|
1948
1951
|
}
|
|
1949
|
-
.ListBoxItem-module__hop-
|
|
1952
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-hovered] {
|
|
1950
1953
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
|
|
1951
1954
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
|
|
1952
1955
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
|
|
1953
1956
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
|
|
1954
1957
|
}
|
|
1955
|
-
.ListBoxItem-module__hop-
|
|
1958
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-pressed] {
|
|
1956
1959
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
|
|
1957
1960
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
|
|
1958
1961
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
|
|
1959
1962
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
|
|
1960
1963
|
}
|
|
1961
|
-
.ListBoxItem-module__hop-
|
|
1964
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-disabled] {
|
|
1962
1965
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
|
|
1963
1966
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
|
|
1964
1967
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
|
|
1965
1968
|
}
|
|
1966
|
-
.ListBoxItem-module__hop-
|
|
1969
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-:has(.ListBoxItem-module__hop-ListBoxItem__description___6SsEU) {
|
|
1967
1970
|
--row-gap: var(--hop-ListBoxItem-row-gap);
|
|
1968
1971
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
|
|
1969
1972
|
}
|
|
1970
|
-
.ListBoxItem-module__hop-
|
|
1973
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-loading] {
|
|
1971
1974
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
|
|
1972
1975
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
|
|
1973
1976
|
}
|
|
1974
|
-
.ListBoxItem-module__hop-
|
|
1977
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___UCV4p {
|
|
1975
1978
|
display: grid;
|
|
1976
1979
|
grid-template-areas: var(--grid-template-areas);
|
|
1977
1980
|
grid-template-columns: var(--grid-template-columns);
|
|
@@ -1983,33 +1986,33 @@
|
|
|
1983
1986
|
padding-inline: var(--padding-inline);
|
|
1984
1987
|
transition: grid-template-columns .3s ease-in-out;
|
|
1985
1988
|
}
|
|
1986
|
-
.ListBoxItem-module__hop-
|
|
1989
|
+
.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8 {
|
|
1987
1990
|
grid-area: indicator;
|
|
1988
1991
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
1989
1992
|
color: var(--icon-color);
|
|
1990
1993
|
opacity: var(--checkmark-opacity);
|
|
1991
1994
|
transition: var(--checkmark-transition);
|
|
1992
1995
|
}
|
|
1993
|
-
.ListBoxItem-module__hop-
|
|
1994
|
-
.ListBoxItem-module__hop-
|
|
1996
|
+
.ListBoxItem-module__hop-ListBoxItem__radio___L0Jyk,
|
|
1997
|
+
.ListBoxItem-module__hop-ListBoxItem__checkbox___-3EFw {
|
|
1995
1998
|
pointer-events: none;
|
|
1996
1999
|
user-select: none;
|
|
1997
2000
|
grid-area: indicator;
|
|
1998
2001
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
1999
2002
|
}
|
|
2000
|
-
.ListBoxItem-module__hop-
|
|
2003
|
+
.ListBoxItem-module__hop-ListBoxItem__avatar___K3ccZ {
|
|
2001
2004
|
grid-area: avatar;
|
|
2002
2005
|
margin-block: var(--avatar-margin-block, 0);
|
|
2003
2006
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
2004
2007
|
}
|
|
2005
|
-
.ListBoxItem-module__hop-ListBoxItem__icon-
|
|
2006
|
-
.ListBoxItem-module__hop-
|
|
2008
|
+
.ListBoxItem-module__hop-ListBoxItem__icon-list___BlnB-,
|
|
2009
|
+
.ListBoxItem-module__hop-ListBoxItem__icon___gRpdF {
|
|
2007
2010
|
grid-area: icon;
|
|
2008
2011
|
flex: 0 0 auto;
|
|
2009
2012
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
2010
2013
|
color: var(--icon-color);
|
|
2011
2014
|
}
|
|
2012
|
-
.ListBoxItem-module__hop-
|
|
2015
|
+
.ListBoxItem-module__hop-ListBoxItem__label___46Wdm {
|
|
2013
2016
|
overflow: hidden;
|
|
2014
2017
|
grid-area: label;
|
|
2015
2018
|
min-inline-size: 0;
|
|
@@ -2017,18 +2020,18 @@
|
|
|
2017
2020
|
text-overflow: ellipsis;
|
|
2018
2021
|
white-space: nowrap;
|
|
2019
2022
|
}
|
|
2020
|
-
.ListBoxItem-module__hop-ListBoxItem__end-icon-
|
|
2021
|
-
.ListBoxItem-module__hop-ListBoxItem__end-
|
|
2023
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon-list___BW6ws,
|
|
2024
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon___5EhSc {
|
|
2022
2025
|
grid-area: end-icon;
|
|
2023
2026
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
2024
2027
|
color: var(--icon-color);
|
|
2025
2028
|
}
|
|
2026
|
-
.ListBoxItem-module__hop-
|
|
2029
|
+
.ListBoxItem-module__hop-ListBoxItem__badge___3pjXI {
|
|
2027
2030
|
grid-area: badge;
|
|
2028
2031
|
margin-block: var(--hop-ListBoxItem-badge-margin-block);
|
|
2029
2032
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
2030
2033
|
}
|
|
2031
|
-
.ListBoxItem-module__hop-
|
|
2034
|
+
.ListBoxItem-module__hop-ListBoxItem__description___6SsEU {
|
|
2032
2035
|
overflow: hidden;
|
|
2033
2036
|
display: -webkit-box;
|
|
2034
2037
|
grid-area: description;
|
|
@@ -2039,7 +2042,7 @@
|
|
|
2039
2042
|
}
|
|
2040
2043
|
|
|
2041
2044
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
|
|
2042
|
-
.ListBox-module__hop-
|
|
2045
|
+
.ListBox-module__hop-ListBox___fCheu {
|
|
2043
2046
|
--hop-ListBox-background-color: var(--hop-neutral-surface);
|
|
2044
2047
|
--hop-ListBox-border-color: var(--hop-neutral-border-weak);
|
|
2045
2048
|
--hop-ListBox-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -2067,8 +2070,6 @@
|
|
|
2067
2070
|
--hop-ListBox-section-header-padding: var(--hop-space-inset-stretch-sm);
|
|
2068
2071
|
--hop-ListBox-section-header-top-offset: var(--hop-overline-top-offset);
|
|
2069
2072
|
--hop-ListBox-section-header-bottom-offset: var(--hop-overline-bottom-offset);
|
|
2070
|
-
--hop-ListBox-divider-margin-block: var(--hop-space-stack-sm);
|
|
2071
|
-
--hop-ListBox-divider-margin-inline: calc(-1 * var(--hop-ListBox-padding-inline));
|
|
2072
2073
|
--max-width: var(--hop-ListBox-max-width);
|
|
2073
2074
|
--width: var(--hop-ListBox-width);
|
|
2074
2075
|
--section-padding-block-start: var(--hop-ListBox-section-padding-block);
|
|
@@ -2088,11 +2089,11 @@
|
|
|
2088
2089
|
border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
|
|
2089
2090
|
border-radius: var(--hop-ListBox-border-radius);
|
|
2090
2091
|
}
|
|
2091
|
-
.ListBox-module__hop-ListBox--
|
|
2092
|
+
.ListBox-module__hop-ListBox--fluid___2fafn {
|
|
2092
2093
|
--max-width: var(--hop-ListBox-fluid-max-width);
|
|
2093
2094
|
--width: var(--hop-ListBox-fluid-width);
|
|
2094
2095
|
}
|
|
2095
|
-
.ListBox-module__hop-
|
|
2096
|
+
.ListBox-module__hop-ListBox__section___sIZIS {
|
|
2096
2097
|
margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
|
|
2097
2098
|
margin-inline: var(--hop-ListBox-section-margin-inline);
|
|
2098
2099
|
padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
|
|
@@ -2100,21 +2101,21 @@
|
|
|
2100
2101
|
border-block-start: var(--section-border-block-start);
|
|
2101
2102
|
border-block-end: var(--section-border-block-end);
|
|
2102
2103
|
}
|
|
2103
|
-
.ListBox-module__hop-
|
|
2104
|
+
.ListBox-module__hop-ListBox__item___4-Gsh + .ListBox-module__hop-ListBox__section___sIZIS {
|
|
2104
2105
|
--section-margin-block-start: var(--hop-ListBox-section-margin-block);
|
|
2105
2106
|
--section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
|
|
2106
2107
|
}
|
|
2107
|
-
.ListBox-module__hop-
|
|
2108
|
+
.ListBox-module__hop-ListBox__section___sIZIS:has(+ .ListBox-module__hop-ListBox__item___4-Gsh) {
|
|
2108
2109
|
--section-margin-block-end: var(--hop-ListBox-section-margin-block);
|
|
2109
2110
|
}
|
|
2110
|
-
.ListBox-module__hop-
|
|
2111
|
+
.ListBox-module__hop-ListBox__section___sIZIS:first-child {
|
|
2111
2112
|
--section-padding-block-start: 0;
|
|
2112
2113
|
}
|
|
2113
|
-
.ListBox-module__hop-
|
|
2114
|
+
.ListBox-module__hop-ListBox__section___sIZIS:last-child {
|
|
2114
2115
|
--section-padding-block-end: 0;
|
|
2115
2116
|
--section-border-block-end: 0;
|
|
2116
2117
|
}
|
|
2117
|
-
.ListBox-module__hop-ListBox__section-
|
|
2118
|
+
.ListBox-module__hop-ListBox__section-header___1GilQ {
|
|
2118
2119
|
margin: 0;
|
|
2119
2120
|
padding: var(--hop-ListBox-section-header-padding);
|
|
2120
2121
|
font-family: var(--hop-ListBox-section-header-font-family);
|
|
@@ -2125,27 +2126,23 @@
|
|
|
2125
2126
|
text-transform: var(--hop-ListBox-section-header-text-transform);
|
|
2126
2127
|
letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
|
|
2127
2128
|
}
|
|
2128
|
-
.ListBox-module__hop-ListBox__section-
|
|
2129
|
-
.ListBox-module__hop-ListBox__section-
|
|
2129
|
+
.ListBox-module__hop-ListBox__section-header___1GilQ::before,
|
|
2130
|
+
.ListBox-module__hop-ListBox__section-header___1GilQ::after {
|
|
2130
2131
|
content: "";
|
|
2131
2132
|
display: block;
|
|
2132
2133
|
box-sizing: border-box;
|
|
2133
2134
|
inline-size: 0;
|
|
2134
2135
|
block-size: 0;
|
|
2135
2136
|
}
|
|
2136
|
-
.ListBox-module__hop-ListBox__section-
|
|
2137
|
+
.ListBox-module__hop-ListBox__section-header___1GilQ::before {
|
|
2137
2138
|
margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
|
|
2138
2139
|
}
|
|
2139
|
-
.ListBox-module__hop-ListBox__section-
|
|
2140
|
+
.ListBox-module__hop-ListBox__section-header___1GilQ::after {
|
|
2140
2141
|
margin-block-start: var(--hop-ListBox-section-header-top-offset);
|
|
2141
2142
|
}
|
|
2142
|
-
.ListBox-module__hop-ListBox__divider___-nFoG {
|
|
2143
|
-
margin-block: var(--hop-ListBox-divider-margin-block);
|
|
2144
|
-
margin-inline: var(--hop-ListBox-divider-margin-inline);
|
|
2145
|
-
}
|
|
2146
2143
|
|
|
2147
2144
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
|
|
2148
|
-
@keyframes Spinner-
|
|
2145
|
+
@keyframes Spinner-module__spin___-668d {
|
|
2149
2146
|
0% {
|
|
2150
2147
|
transform: rotate(0deg);
|
|
2151
2148
|
}
|
|
@@ -2153,7 +2150,7 @@
|
|
|
2153
2150
|
transform: rotate(360deg);
|
|
2154
2151
|
}
|
|
2155
2152
|
}
|
|
2156
|
-
.Spinner-module__hop-
|
|
2153
|
+
.Spinner-module__hop-Spinner___-a1aU {
|
|
2157
2154
|
--hop-Spinner-border-radius: var(--hop-shape-circle);
|
|
2158
2155
|
--hop-Spinner-sm-wheel-size: 1rem;
|
|
2159
2156
|
--hop-Spinner-md-wheel-size: 1.25rem;
|
|
@@ -2161,7 +2158,7 @@
|
|
|
2161
2158
|
--hop-Spinner-track-width: 0.125rem;
|
|
2162
2159
|
--hop-Spinner-track-opacity: 0.2;
|
|
2163
2160
|
--hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
|
|
2164
|
-
--hop-Spinner-fill-animation: Spinner-
|
|
2161
|
+
--hop-Spinner-fill-animation: Spinner-module__spin___-668d .8s infinite linear;
|
|
2165
2162
|
--hop-Spinner-fill-animation-reduced-motion-duration: 2s;
|
|
2166
2163
|
--hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
|
|
2167
2164
|
--hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
|
|
@@ -2172,19 +2169,19 @@
|
|
|
2172
2169
|
align-items: center;
|
|
2173
2170
|
box-sizing: border-box;
|
|
2174
2171
|
}
|
|
2175
|
-
.Spinner-module__hop-Spinner--
|
|
2172
|
+
.Spinner-module__hop-Spinner--sm___6be61 {
|
|
2176
2173
|
--width: var(--hop-Spinner-sm-wheel-size);
|
|
2177
2174
|
--height: var(--hop-Spinner-sm-wheel-size);
|
|
2178
2175
|
}
|
|
2179
|
-
.Spinner-module__hop-Spinner--
|
|
2176
|
+
.Spinner-module__hop-Spinner--md___VLODL {
|
|
2180
2177
|
--width: var(--hop-Spinner-md-wheel-size);
|
|
2181
2178
|
--height: var(--hop-Spinner-md-wheel-size);
|
|
2182
2179
|
}
|
|
2183
|
-
.Spinner-module__hop-Spinner--
|
|
2180
|
+
.Spinner-module__hop-Spinner--lg___40ZqO {
|
|
2184
2181
|
--width: var(--hop-Spinner-lg-wheel-size);
|
|
2185
2182
|
--height: var(--hop-Spinner-lg-wheel-size);
|
|
2186
2183
|
}
|
|
2187
|
-
.Spinner-module__hop-
|
|
2184
|
+
.Spinner-module__hop-Spinner__track___plsYt {
|
|
2188
2185
|
grid-area: spinner;
|
|
2189
2186
|
box-sizing: border-box;
|
|
2190
2187
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -2193,7 +2190,7 @@
|
|
|
2193
2190
|
border: var(--hop-Spinner-track-border);
|
|
2194
2191
|
border-radius: var(--hop-Spinner-border-radius);
|
|
2195
2192
|
}
|
|
2196
|
-
.Spinner-module__hop-
|
|
2193
|
+
.Spinner-module__hop-Spinner__fill___S9ATX {
|
|
2197
2194
|
grid-area: spinner;
|
|
2198
2195
|
box-sizing: border-box;
|
|
2199
2196
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -2204,17 +2201,17 @@
|
|
|
2204
2201
|
animation: var(--hop-Spinner-fill-animation);
|
|
2205
2202
|
}
|
|
2206
2203
|
@media (prefers-reduced-motion: reduce) {
|
|
2207
|
-
.Spinner-module__hop-
|
|
2204
|
+
.Spinner-module__hop-Spinner__fill___S9ATX {
|
|
2208
2205
|
animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
|
|
2209
2206
|
}
|
|
2210
2207
|
}
|
|
2211
|
-
.Spinner-module__hop-
|
|
2208
|
+
.Spinner-module__hop-Spinner__label___WoiYr {
|
|
2212
2209
|
grid-area: label;
|
|
2213
2210
|
margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
|
|
2214
2211
|
}
|
|
2215
2212
|
|
|
2216
2213
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
|
|
2217
|
-
.Button-module__hop-
|
|
2214
|
+
.Button-module__hop-Button___2Nqnv {
|
|
2218
2215
|
--hop-Button-border-radius: var(--hop-shape-rounded-md);
|
|
2219
2216
|
--hop-Button-focus-ring-color: var(--hop-primary-border-focus);
|
|
2220
2217
|
--hop-Button-icon-only-padding: 0;
|
|
@@ -2373,317 +2370,317 @@
|
|
|
2373
2370
|
background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
|
|
2374
2371
|
border var(--hop-easing-duration-2) var(--hop-easing-productive);
|
|
2375
2372
|
}
|
|
2376
|
-
.Button-module__hop-
|
|
2373
|
+
.Button-module__hop-Button___2Nqnv[data-focus-visible] {
|
|
2377
2374
|
outline: 0.125rem solid var(--hop-Button-focus-ring-color);
|
|
2378
2375
|
}
|
|
2379
|
-
.Button-module__hop-Button--icon-
|
|
2376
|
+
.Button-module__hop-Button--icon-only___b6HX4 {
|
|
2380
2377
|
--padding-block: var(--hop-Button-icon-only-padding);
|
|
2381
2378
|
--padding-inline: var(--hop-Button-icon-only-padding);
|
|
2382
2379
|
column-gap: 0;
|
|
2383
2380
|
aspect-ratio: 1;
|
|
2384
2381
|
}
|
|
2385
|
-
.Button-module__hop-
|
|
2386
|
-
.Button-module__hop-
|
|
2382
|
+
.Button-module__hop-Button___2Nqnv[data-disabled],
|
|
2383
|
+
.Button-module__hop-Button___2Nqnv[data-loading] {
|
|
2387
2384
|
cursor: not-allowed;
|
|
2388
2385
|
}
|
|
2389
|
-
.Button-module__hop-Button--
|
|
2386
|
+
.Button-module__hop-Button--fluid___xvmay {
|
|
2390
2387
|
--inline-size: 100%;
|
|
2391
2388
|
}
|
|
2392
|
-
.Button-module__hop-Button--
|
|
2389
|
+
.Button-module__hop-Button--sm___WquC- {
|
|
2393
2390
|
--block-size: var(--hop-Button-sm-height);
|
|
2394
2391
|
}
|
|
2395
|
-
.Button-module__hop-Button--
|
|
2392
|
+
.Button-module__hop-Button--primary___sY6d0.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2396
2393
|
--padding-inline: var(--hop-Button-primary-sm-padding-x);
|
|
2397
2394
|
--padding-block: var(--hop-Button-primary-sm-padding-y);
|
|
2398
2395
|
}
|
|
2399
|
-
.Button-module__hop-Button--
|
|
2396
|
+
.Button-module__hop-Button--primary___sY6d0.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2400
2397
|
--padding-inline: var(--hop-Button-primary-md-padding-x);
|
|
2401
2398
|
--padding-block: var(--hop-Button-primary-md-padding-y);
|
|
2402
2399
|
}
|
|
2403
|
-
.Button-module__hop-Button--
|
|
2400
|
+
.Button-module__hop-Button--secondary___pINK9.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2404
2401
|
--padding-inline: var(--hop-Button-secondary-md-padding-x);
|
|
2405
2402
|
--padding-block: var(--hop-Button-secondary-md-padding-y);
|
|
2406
2403
|
}
|
|
2407
|
-
.Button-module__hop-Button--
|
|
2404
|
+
.Button-module__hop-Button--secondary___pINK9.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2408
2405
|
--padding-inline: var(--hop-Button-secondary-sm-padding-x);
|
|
2409
2406
|
--padding-block: var(--hop-Button-secondary-sm-padding-y);
|
|
2410
2407
|
}
|
|
2411
|
-
.Button-module__hop-Button--
|
|
2408
|
+
.Button-module__hop-Button--upsell___ZE5jO.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2412
2409
|
--padding-inline: var(--hop-Button-upsell-md-padding-x);
|
|
2413
2410
|
--padding-block: var(--hop-Button-upsell-md-padding-y);
|
|
2414
2411
|
}
|
|
2415
|
-
.Button-module__hop-Button--
|
|
2412
|
+
.Button-module__hop-Button--upsell___ZE5jO.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2416
2413
|
--padding-inline: var(--hop-Button-upsell-sm-padding-x);
|
|
2417
2414
|
--padding-block: var(--hop-Button-upsell-sm-padding-y);
|
|
2418
2415
|
}
|
|
2419
|
-
.Button-module__hop-Button--
|
|
2416
|
+
.Button-module__hop-Button--danger___dSyM9.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2420
2417
|
--padding-inline: var(--hop-Button-danger-md-padding-x);
|
|
2421
2418
|
--padding-block: var(--hop-Button-danger-md-padding-y);
|
|
2422
2419
|
}
|
|
2423
|
-
.Button-module__hop-Button--
|
|
2420
|
+
.Button-module__hop-Button--danger___dSyM9.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2424
2421
|
--padding-inline: var(--hop-Button-danger-sm-padding-x);
|
|
2425
2422
|
--padding-block: var(--hop-Button-danger-sm-padding-y);
|
|
2426
2423
|
}
|
|
2427
|
-
.Button-module__hop-Button--ghost-
|
|
2424
|
+
.Button-module__hop-Button--ghost-danger___c-aho.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2428
2425
|
--padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
|
|
2429
2426
|
--padding-block: var(--hop-Button-ghost-danger-md-padding-y);
|
|
2430
2427
|
}
|
|
2431
|
-
.Button-module__hop-Button--ghost-
|
|
2428
|
+
.Button-module__hop-Button--ghost-danger___c-aho.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2432
2429
|
--padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
|
|
2433
2430
|
--padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
|
|
2434
2431
|
}
|
|
2435
|
-
.Button-module__hop-Button--ghost-
|
|
2432
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2436
2433
|
--padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
|
|
2437
2434
|
--padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
|
|
2438
2435
|
}
|
|
2439
|
-
.Button-module__hop-Button--ghost-
|
|
2436
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2440
2437
|
--padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
|
|
2441
2438
|
--padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
|
|
2442
2439
|
}
|
|
2443
|
-
.Button-module__hop-Button--ghost-
|
|
2440
|
+
.Button-module__hop-Button--ghost-primary___LmWvy.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2444
2441
|
--padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
|
|
2445
2442
|
--padding-block: var(--hop-Button-ghost-primary-md-padding-y);
|
|
2446
2443
|
}
|
|
2447
|
-
.Button-module__hop-Button--ghost-
|
|
2444
|
+
.Button-module__hop-Button--ghost-primary___LmWvy.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
2448
2445
|
--padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
|
|
2449
2446
|
--padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
|
|
2450
2447
|
}
|
|
2451
|
-
.Button-module__hop-Button--
|
|
2448
|
+
.Button-module__hop-Button--primary___sY6d0 {
|
|
2452
2449
|
--background-color: var(--hop-Button-primary-background-color);
|
|
2453
2450
|
--color: var(--hop-Button-primary-color);
|
|
2454
2451
|
--border: var(--hop-Button-primary-border);
|
|
2455
2452
|
--spinner-color: var(--hop-Button-primary-spinner-color);
|
|
2456
2453
|
}
|
|
2457
|
-
.Button-module__hop-Button--
|
|
2454
|
+
.Button-module__hop-Button--primary___sY6d0[data-disabled]:not([data-loading]) {
|
|
2458
2455
|
--background-color: var(--hop-Button-primary-background-color-disabled);
|
|
2459
2456
|
--color: var(--hop-Button-primary-color-disabled);
|
|
2460
2457
|
--border: var(--hop-Button-primary-border-disabled);
|
|
2461
2458
|
}
|
|
2462
|
-
.Button-module__hop-Button--
|
|
2463
|
-
.Button-module__hop-Button--
|
|
2459
|
+
.Button-module__hop-Button--primary___sY6d0[data-hovered]:not([data-disabled], [data-loading]),
|
|
2460
|
+
.Button-module__hop-Button--primary___sY6d0[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2464
2461
|
--background-color: var(--hop-Button-primary-background-color-hover);
|
|
2465
2462
|
--color: var(--hop-Button-primary-color-hover);
|
|
2466
2463
|
--border: var(--hop-Button-primary-border-hover);
|
|
2467
2464
|
}
|
|
2468
|
-
.Button-module__hop-Button--
|
|
2465
|
+
.Button-module__hop-Button--primary___sY6d0[data-pressed]:not([data-loading]) {
|
|
2469
2466
|
--background-color: var(--hop-Button-primary-background-color-pressed);
|
|
2470
2467
|
--color: var(--hop-Button-primary-color-pressed);
|
|
2471
2468
|
--border: var(--hop-Button-primary-border-pressed);
|
|
2472
2469
|
}
|
|
2473
|
-
.Button-module__hop-Button--
|
|
2470
|
+
.Button-module__hop-Button--secondary___pINK9 {
|
|
2474
2471
|
--background-color: var(--hop-Button-secondary-background-color);
|
|
2475
2472
|
--color: var(--hop-Button-secondary-color);
|
|
2476
2473
|
--border: var(--hop-Button-secondary-border);
|
|
2477
2474
|
--spinner-color: var(--hop-Button-secondary-spinner-color);
|
|
2478
2475
|
}
|
|
2479
|
-
.Button-module__hop-Button--
|
|
2476
|
+
.Button-module__hop-Button--secondary___pINK9[data-disabled]:not([data-loading]) {
|
|
2480
2477
|
--background-color: var(--hop-Button-secondary-background-color-disabled);
|
|
2481
2478
|
--color: var(--hop-Button-secondary-color-disabled);
|
|
2482
2479
|
--border: var(--hop-Button-secondary-border-disabled);
|
|
2483
2480
|
}
|
|
2484
|
-
.Button-module__hop-Button--
|
|
2485
|
-
.Button-module__hop-Button--
|
|
2481
|
+
.Button-module__hop-Button--secondary___pINK9[data-hovered]:not([data-disabled], [data-loading]),
|
|
2482
|
+
.Button-module__hop-Button--secondary___pINK9[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2486
2483
|
--background-color: var(--hop-Button-secondary-background-color-hover);
|
|
2487
2484
|
--color: var(--hop-Button-secondary-color-hover);
|
|
2488
2485
|
--border: var(--hop-Button-secondary-border-hover);
|
|
2489
2486
|
}
|
|
2490
|
-
.Button-module__hop-Button--
|
|
2487
|
+
.Button-module__hop-Button--secondary___pINK9[data-pressed]:not([data-loading]) {
|
|
2491
2488
|
--background-color: var(--hop-Button-secondary-background-color-pressed);
|
|
2492
2489
|
--color: var(--hop-Button-secondary-color-pressed);
|
|
2493
2490
|
--border: var(--hop-Button-secondary-border-pressed);
|
|
2494
2491
|
}
|
|
2495
|
-
.Button-module__hop-Button--
|
|
2492
|
+
.Button-module__hop-Button--upsell___ZE5jO {
|
|
2496
2493
|
--background-color: var(--hop-Button-upsell-background-color);
|
|
2497
2494
|
--color: var(--hop-Button-upsell-color);
|
|
2498
2495
|
--border: var(--hop-Button-upsell-border);
|
|
2499
2496
|
--spinner-color: var(--hop-Button-upsell-spinner-color);
|
|
2500
2497
|
}
|
|
2501
|
-
.Button-module__hop-Button--
|
|
2498
|
+
.Button-module__hop-Button--upsell___ZE5jO[data-disabled]:not([data-loading]) {
|
|
2502
2499
|
--background-color: var(--hop-Button-upsell-background-color-disabled);
|
|
2503
2500
|
--color: var(--hop-Button-upsell-color-disabled);
|
|
2504
2501
|
--border: var(--hop-Button-upsell-border-disabled);
|
|
2505
2502
|
}
|
|
2506
|
-
.Button-module__hop-Button--
|
|
2507
|
-
.Button-module__hop-Button--
|
|
2503
|
+
.Button-module__hop-Button--upsell___ZE5jO[data-hovered]:not([data-disabled], [data-loading]),
|
|
2504
|
+
.Button-module__hop-Button--upsell___ZE5jO[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2508
2505
|
--background-color: var(--hop-Button-upsell-background-color-hover);
|
|
2509
2506
|
--color: var(--hop-Button-upsell-color-hover);
|
|
2510
2507
|
--border: var(--hop-Button-upsell-border-hover);
|
|
2511
2508
|
}
|
|
2512
|
-
.Button-module__hop-Button--
|
|
2509
|
+
.Button-module__hop-Button--upsell___ZE5jO[data-pressed]:not([data-loading]) {
|
|
2513
2510
|
--background-color: var(--hop-Button-upsell-background-color-pressed);
|
|
2514
2511
|
--color: var(--hop-Button-upsell-color-pressed);
|
|
2515
2512
|
--border: var(--hop-Button-upsell-border-pressed);
|
|
2516
2513
|
}
|
|
2517
|
-
.Button-module__hop-Button--
|
|
2514
|
+
.Button-module__hop-Button--danger___dSyM9 {
|
|
2518
2515
|
--background-color: var(--hop-Button-danger-background-color);
|
|
2519
2516
|
--color: var(--hop-Button-danger-color);
|
|
2520
2517
|
--border: var(--hop-Button-danger-border);
|
|
2521
2518
|
--spinner-color: var(--hop-Button-danger-spinner-color);
|
|
2522
2519
|
}
|
|
2523
|
-
.Button-module__hop-Button--
|
|
2520
|
+
.Button-module__hop-Button--danger___dSyM9[data-disabled]:not([data-loading]) {
|
|
2524
2521
|
--background-color: var(--hop-Button-danger-background-color-disabled);
|
|
2525
2522
|
--color: var(--hop-Button-danger-color-disabled);
|
|
2526
2523
|
--border: var(--hop-Button-danger-border-disabled);
|
|
2527
2524
|
}
|
|
2528
|
-
.Button-module__hop-Button--
|
|
2529
|
-
.Button-module__hop-Button--
|
|
2525
|
+
.Button-module__hop-Button--danger___dSyM9[data-hovered]:not([data-disabled], [data-loading]),
|
|
2526
|
+
.Button-module__hop-Button--danger___dSyM9[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2530
2527
|
--background-color: var(--hop-Button-danger-background-color-hover);
|
|
2531
2528
|
--color: var(--hop-Button-danger-color-hover);
|
|
2532
2529
|
--border: var(--hop-Button-danger-border-hover);
|
|
2533
2530
|
}
|
|
2534
|
-
.Button-module__hop-Button--
|
|
2531
|
+
.Button-module__hop-Button--danger___dSyM9[data-pressed]:not([data-loading]) {
|
|
2535
2532
|
--background-color: var(--hop-Button-danger-background-color-pressed);
|
|
2536
2533
|
--color: var(--hop-Button-danger-color-pressed);
|
|
2537
2534
|
--border: var(--hop-Button-danger-border-pressed);
|
|
2538
2535
|
}
|
|
2539
|
-
.Button-module__hop-Button--ghost-
|
|
2536
|
+
.Button-module__hop-Button--ghost-primary___LmWvy {
|
|
2540
2537
|
--background-color: var(--hop-Button-ghost-primary-background-color);
|
|
2541
2538
|
--color: var(--hop-Button-ghost-primary-color);
|
|
2542
2539
|
--border: var(--hop-Button-ghost-primary-border);
|
|
2543
2540
|
--spinner-color: var(--hop-Button-ghost-primary-spinner-color);
|
|
2544
2541
|
}
|
|
2545
|
-
.Button-module__hop-Button--ghost-
|
|
2542
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-disabled]:not([data-loading]) {
|
|
2546
2543
|
--background-color: var(--hop-Button-ghost-primary-background-color-disabled);
|
|
2547
2544
|
--color: var(--hop-Button-ghost-primary-color-disabled);
|
|
2548
2545
|
--border: var(--hop-Button-ghost-primary-border-disabled);
|
|
2549
2546
|
}
|
|
2550
|
-
.Button-module__hop-Button--ghost-
|
|
2551
|
-
.Button-module__hop-Button--ghost-
|
|
2547
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-hovered]:not([data-disabled], [data-loading]),
|
|
2548
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2552
2549
|
--background-color: var(--hop-Button-ghost-primary-background-color-hover);
|
|
2553
2550
|
--color: var(--hop-Button-ghost-primary-color-hover);
|
|
2554
2551
|
--border: var(--hop-Button-ghost-primary-border-hover);
|
|
2555
2552
|
}
|
|
2556
|
-
.Button-module__hop-Button--ghost-
|
|
2553
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-pressed]:not([data-loading]) {
|
|
2557
2554
|
--background-color: var(--hop-Button-ghost-primary-background-color-pressed);
|
|
2558
2555
|
--color: var(--hop-Button-ghost-primary-color-pressed);
|
|
2559
2556
|
--border: var(--hop-Button-ghost-primary-border-pressed);
|
|
2560
2557
|
}
|
|
2561
|
-
.Button-module__hop-Button--ghost-
|
|
2558
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI {
|
|
2562
2559
|
--background-color: var(--hop-Button-ghost-secondary-background-color);
|
|
2563
2560
|
--color: var(--hop-Button-ghost-secondary-color);
|
|
2564
2561
|
--border: var(--hop-Button-ghost-secondary-border);
|
|
2565
2562
|
--spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
|
|
2566
2563
|
}
|
|
2567
|
-
.Button-module__hop-Button--ghost-
|
|
2564
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-disabled]:not([data-loading]) {
|
|
2568
2565
|
--background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
|
|
2569
2566
|
--color: var(--hop-Button-ghost-secondary-color-disabled);
|
|
2570
2567
|
--border: var(--hop-Button-ghost-secondary-border-disabled);
|
|
2571
2568
|
}
|
|
2572
|
-
.Button-module__hop-Button--ghost-
|
|
2573
|
-
.Button-module__hop-Button--ghost-
|
|
2569
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-hovered]:not([data-disabled], [data-loading]),
|
|
2570
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2574
2571
|
--background-color: var(--hop-Button-ghost-secondary-background-color-hover);
|
|
2575
2572
|
--color: var(--hop-Button-ghost-secondary-color-hover);
|
|
2576
2573
|
--border: var(--hop-Button-ghost-secondary-border-hover);
|
|
2577
2574
|
}
|
|
2578
|
-
.Button-module__hop-Button--ghost-
|
|
2575
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-pressed]:not([data-loading]) {
|
|
2579
2576
|
--background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
|
|
2580
2577
|
--color: var(--hop-Button-ghost-secondary-color-pressed);
|
|
2581
2578
|
--border: var(--hop-Button-ghost-secondary-border-pressed);
|
|
2582
2579
|
}
|
|
2583
|
-
.Button-module__hop-Button--ghost-
|
|
2580
|
+
.Button-module__hop-Button--ghost-danger___c-aho {
|
|
2584
2581
|
--background-color: var(--hop-Button-ghost-danger-background-color);
|
|
2585
2582
|
--color: var(--hop-Button-ghost-danger-color);
|
|
2586
2583
|
--border: var(--hop-Button-ghost-danger-border);
|
|
2587
2584
|
--spinner-color: var(--hop-Button-ghost-danger-spinner-color);
|
|
2588
2585
|
}
|
|
2589
|
-
.Button-module__hop-Button--ghost-
|
|
2586
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-disabled]:not([data-loading]) {
|
|
2590
2587
|
--background-color: var(--hop-Button-ghost-danger-background-color-disabled);
|
|
2591
2588
|
--color: var(--hop-Button-ghost-danger-color-disabled);
|
|
2592
2589
|
--border: var(--hop-Button-ghost-danger-border-disabled);
|
|
2593
2590
|
}
|
|
2594
|
-
.Button-module__hop-Button--ghost-
|
|
2595
|
-
.Button-module__hop-Button--ghost-
|
|
2591
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-hovered]:not([data-disabled], [data-loading]),
|
|
2592
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
2596
2593
|
--background-color: var(--hop-Button-ghost-danger-background-color-hover);
|
|
2597
2594
|
--color: var(--hop-Button-ghost-danger-color-hover);
|
|
2598
2595
|
--border: var(--hop-Button-ghost-danger-border-hover);
|
|
2599
2596
|
}
|
|
2600
|
-
.Button-module__hop-Button--ghost-
|
|
2597
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-pressed]:not([data-loading]) {
|
|
2601
2598
|
--background-color: var(--hop-Button-ghost-danger-background-color-pressed);
|
|
2602
2599
|
--color: var(--hop-Button-ghost-danger-color-pressed);
|
|
2603
2600
|
--border: var(--hop-Button-ghost-danger-border-pressed);
|
|
2604
2601
|
}
|
|
2605
|
-
.Button-module__hop-
|
|
2602
|
+
.Button-module__hop-Button__Spinner___HfWc0 {
|
|
2606
2603
|
position: absolute;
|
|
2607
2604
|
justify-self: center;
|
|
2608
2605
|
color: var(--spinner-color);
|
|
2609
2606
|
}
|
|
2610
|
-
.Button-module__hop-
|
|
2611
|
-
.Button-module__hop-Button__icon-
|
|
2607
|
+
.Button-module__hop-Button__icon___AeZaO,
|
|
2608
|
+
.Button-module__hop-Button__icon-list___c9t8P {
|
|
2612
2609
|
grid-area: start-icon;
|
|
2613
2610
|
justify-self: end;
|
|
2614
2611
|
}
|
|
2615
|
-
.Button-module__hop-
|
|
2612
|
+
.Button-module__hop-Button__text___vtdcY {
|
|
2616
2613
|
user-select: none;
|
|
2617
2614
|
overflow: visible;
|
|
2618
2615
|
grid-area: content;
|
|
2619
2616
|
font-weight: var(--hop-font-weight-505);
|
|
2620
2617
|
text-wrap: nowrap;
|
|
2621
2618
|
}
|
|
2622
|
-
.Button-module__hop-Button--ghost-
|
|
2623
|
-
.Button-module__hop-Button--ghost-
|
|
2624
|
-
.Button-module__hop-Button--ghost-
|
|
2625
|
-
.Button-module__hop-Button--ghost-
|
|
2626
|
-
.Button-module__hop-Button--ghost-
|
|
2627
|
-
.Button-module__hop-Button--ghost-
|
|
2628
|
-
.Button-module__hop-Button--ghost-
|
|
2629
|
-
.Button-module__hop-Button--ghost-
|
|
2630
|
-
.Button-module__hop-Button--ghost-
|
|
2619
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
2620
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
2621
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
2622
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
2623
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
2624
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
2625
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
2626
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
2627
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY {
|
|
2631
2628
|
text-decoration: underline;
|
|
2632
2629
|
text-underline-offset: 0.125rem;
|
|
2633
2630
|
}
|
|
2634
|
-
.Button-module__hop-Button__end-
|
|
2635
|
-
.Button-module__hop-Button__end-icon-
|
|
2631
|
+
.Button-module__hop-Button__end-icon___T9fi-,
|
|
2632
|
+
.Button-module__hop-Button__end-icon-list___QlLz- {
|
|
2636
2633
|
grid-area: end-icon;
|
|
2637
2634
|
}
|
|
2638
|
-
.Button-module__hop-
|
|
2639
|
-
.Button-module__hop-
|
|
2635
|
+
.Button-module__hop-Button___2Nqnv .Button-module__hop-Button__icon-list___c9t8P,
|
|
2636
|
+
.Button-module__hop-Button___2Nqnv .Button-module__hop-Button__end-icon-list___QlLz- {
|
|
2640
2637
|
flex-wrap: nowrap;
|
|
2641
2638
|
}
|
|
2642
|
-
.Button-module__hop-
|
|
2639
|
+
.Button-module__hop-Button___2Nqnv[data-loading] > *:not(.Button-module__hop-Button__Spinner___HfWc0) {
|
|
2643
2640
|
opacity: 0;
|
|
2644
2641
|
}
|
|
2645
2642
|
|
|
2646
2643
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
|
|
2647
|
-
.ButtonGroup-module__hop-
|
|
2644
|
+
.ButtonGroup-module__hop-ButtonGroup___ZhoR9 {
|
|
2648
2645
|
display: inline-flex;
|
|
2649
2646
|
flex-wrap: nowrap;
|
|
2650
2647
|
gap: var(--hop-space-inline-md);
|
|
2651
2648
|
}
|
|
2652
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2649
|
+
.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
|
|
2653
2650
|
justify-content: center;
|
|
2654
2651
|
}
|
|
2655
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2652
|
+
.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
|
|
2656
2653
|
flex-direction: column;
|
|
2657
2654
|
gap: var(--hop-space-stack-md);
|
|
2658
2655
|
align-items: center;
|
|
2659
2656
|
}
|
|
2660
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2657
|
+
.ButtonGroup-module__hop-ButtonGroup--start___5lCSu.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
|
|
2661
2658
|
align-items: flex-start;
|
|
2662
2659
|
}
|
|
2663
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2660
|
+
.ButtonGroup-module__hop-ButtonGroup--center___vzyUz.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
|
|
2664
2661
|
align-items: center;
|
|
2665
2662
|
}
|
|
2666
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2663
|
+
.ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
|
|
2667
2664
|
align-items: flex-end;
|
|
2668
2665
|
}
|
|
2669
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2666
|
+
.ButtonGroup-module__hop-ButtonGroup--start___5lCSu.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
|
|
2670
2667
|
justify-content: flex-start;
|
|
2671
2668
|
}
|
|
2672
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2669
|
+
.ButtonGroup-module__hop-ButtonGroup--center___vzyUz.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
|
|
2673
2670
|
justify-content: center;
|
|
2674
2671
|
}
|
|
2675
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2672
|
+
.ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
|
|
2676
2673
|
justify-content: flex-end;
|
|
2677
2674
|
}
|
|
2678
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2675
|
+
.ButtonGroup-module__hop-ButtonGroup--wrap___tqM4Y {
|
|
2679
2676
|
flex-wrap: wrap;
|
|
2680
2677
|
}
|
|
2681
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
2678
|
+
.ButtonGroup-module__hop-ButtonGroup--fluid___LrQw1 {
|
|
2682
2679
|
inline-size: 100%;
|
|
2683
2680
|
}
|
|
2684
2681
|
|
|
2685
2682
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
|
|
2686
|
-
.EmbeddedButton-module__hop-
|
|
2683
|
+
.EmbeddedButton-module__hop-EmbeddedButton___w2T0j {
|
|
2687
2684
|
--hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
|
|
2688
2685
|
--hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
|
|
2689
2686
|
--hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
|
|
@@ -2847,7 +2844,7 @@
|
|
|
2847
2844
|
outline: none;
|
|
2848
2845
|
transition: color var(--transition);
|
|
2849
2846
|
}
|
|
2850
|
-
.EmbeddedButton-module__hop-
|
|
2847
|
+
.EmbeddedButton-module__hop-EmbeddedButton___w2T0j::before {
|
|
2851
2848
|
content: "";
|
|
2852
2849
|
position: absolute;
|
|
2853
2850
|
inset-block-start: 50%;
|
|
@@ -2860,291 +2857,291 @@
|
|
|
2860
2857
|
border-radius: var(--effect-border-radius);
|
|
2861
2858
|
transition: background-color var(--transition);
|
|
2862
2859
|
}
|
|
2863
|
-
.EmbeddedButton-module__hop-
|
|
2860
|
+
.EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-square] {
|
|
2864
2861
|
--effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
|
|
2865
2862
|
}
|
|
2866
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2863
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz {
|
|
2867
2864
|
--inline-size: var(--hop-EmbeddedButton-md-width);
|
|
2868
2865
|
--block-size: var(--hop-EmbeddedButton-md-height);
|
|
2869
2866
|
--focus-ring-offset: calc(-1 * var(--focus-ring-size));
|
|
2870
2867
|
}
|
|
2871
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2868
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH {
|
|
2872
2869
|
--inline-size: var(--hop-EmbeddedButton-lg-width);
|
|
2873
2870
|
--block-size: var(--hop-EmbeddedButton-lg-height);
|
|
2874
2871
|
--focus-ring-offset: 0;
|
|
2875
2872
|
}
|
|
2876
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2873
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz::before {
|
|
2877
2874
|
--effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
|
|
2878
2875
|
--effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
|
|
2879
2876
|
}
|
|
2880
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2877
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH::before {
|
|
2881
2878
|
--effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
|
|
2882
2879
|
--effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
|
|
2883
2880
|
}
|
|
2884
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2881
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu {
|
|
2885
2882
|
--color: var(--hop-EmbeddedButton-neutral-color);
|
|
2886
2883
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
|
|
2887
2884
|
}
|
|
2888
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2885
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS {
|
|
2889
2886
|
--color: var(--hop-EmbeddedButton-subdued-color);
|
|
2890
2887
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
|
|
2891
2888
|
}
|
|
2892
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2889
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks {
|
|
2893
2890
|
--color: var(--hop-EmbeddedButton-progress-color);
|
|
2894
2891
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
|
|
2895
2892
|
}
|
|
2896
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2893
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV {
|
|
2897
2894
|
--color: var(--hop-EmbeddedButton-positive-color);
|
|
2898
2895
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
|
|
2899
2896
|
}
|
|
2900
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2897
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR {
|
|
2901
2898
|
--color: var(--hop-EmbeddedButton-caution-color);
|
|
2902
2899
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
|
|
2903
2900
|
}
|
|
2904
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2901
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS {
|
|
2905
2902
|
--color: var(--hop-EmbeddedButton-negative-color);
|
|
2906
2903
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
|
|
2907
2904
|
}
|
|
2908
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2905
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c {
|
|
2909
2906
|
--color: var(--hop-EmbeddedButton-option1-color);
|
|
2910
2907
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
|
|
2911
2908
|
}
|
|
2912
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2909
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI {
|
|
2913
2910
|
--color: var(--hop-EmbeddedButton-option2-color);
|
|
2914
2911
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
|
|
2915
2912
|
}
|
|
2916
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2913
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2 {
|
|
2917
2914
|
--color: var(--hop-EmbeddedButton-option3-color);
|
|
2918
2915
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
|
|
2919
2916
|
}
|
|
2920
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2917
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF {
|
|
2921
2918
|
--color: var(--hop-EmbeddedButton-option4-color);
|
|
2922
2919
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
|
|
2923
2920
|
}
|
|
2924
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2921
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI {
|
|
2925
2922
|
--color: var(--hop-EmbeddedButton-option5-color);
|
|
2926
2923
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
|
|
2927
2924
|
}
|
|
2928
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2925
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY {
|
|
2929
2926
|
--color: var(--hop-EmbeddedButton-option6-color);
|
|
2930
2927
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
|
|
2931
2928
|
}
|
|
2932
|
-
.EmbeddedButton-module__hop-
|
|
2929
|
+
.EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-selected] {
|
|
2933
2930
|
--color: var(--hop-EmbeddedButton-selected-color);
|
|
2934
2931
|
--effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
|
|
2935
2932
|
}
|
|
2936
|
-
.EmbeddedButton-module__hop-
|
|
2933
|
+
.EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-focus-visible] {
|
|
2937
2934
|
outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
|
|
2938
2935
|
outline-offset: var(--focus-ring-offset);
|
|
2939
2936
|
}
|
|
2940
|
-
.EmbeddedButton-module__hop-
|
|
2937
|
+
.EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-disabled] {
|
|
2941
2938
|
cursor: not-allowed;
|
|
2942
2939
|
}
|
|
2943
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2940
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-hovered] {
|
|
2944
2941
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
|
|
2945
2942
|
--color: var(--hop-EmbeddedButton-neutral-color-hovered);
|
|
2946
2943
|
}
|
|
2947
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2944
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-focus-visible] {
|
|
2948
2945
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
|
|
2949
2946
|
--color: var(--hop-EmbeddedButton-neutral-color-focused);
|
|
2950
2947
|
}
|
|
2951
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2948
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-pressed] {
|
|
2952
2949
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
|
|
2953
2950
|
--color: var(--hop-EmbeddedButton-neutral-color-pressed);
|
|
2954
2951
|
}
|
|
2955
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2952
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-disabled] {
|
|
2956
2953
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
|
|
2957
2954
|
--color: var(--hop-EmbeddedButton-neutral-color-disabled);
|
|
2958
2955
|
}
|
|
2959
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2956
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-hovered] {
|
|
2960
2957
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
|
|
2961
2958
|
--color: var(--hop-EmbeddedButton-subdued-color-hovered);
|
|
2962
2959
|
}
|
|
2963
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2960
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-focus-visible] {
|
|
2964
2961
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
|
|
2965
2962
|
--color: var(--hop-EmbeddedButton-subdued-color-focused);
|
|
2966
2963
|
}
|
|
2967
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2964
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-pressed] {
|
|
2968
2965
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
|
|
2969
2966
|
--color: var(--hop-EmbeddedButton-subdued-color-pressed);
|
|
2970
2967
|
}
|
|
2971
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2968
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-disabled] {
|
|
2972
2969
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
|
|
2973
2970
|
--color: var(--hop-EmbeddedButton-subdued-color-disabled);
|
|
2974
2971
|
}
|
|
2975
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2972
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-hovered] {
|
|
2976
2973
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
|
|
2977
2974
|
--color: var(--hop-EmbeddedButton-progress-color-hovered);
|
|
2978
2975
|
}
|
|
2979
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2976
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-focus-visible] {
|
|
2980
2977
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
|
|
2981
2978
|
--color: var(--hop-EmbeddedButton-progress-color-focused);
|
|
2982
2979
|
}
|
|
2983
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2980
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-pressed] {
|
|
2984
2981
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
|
|
2985
2982
|
--color: var(--hop-EmbeddedButton-progress-color-pressed);
|
|
2986
2983
|
}
|
|
2987
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2984
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-disabled] {
|
|
2988
2985
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
|
|
2989
2986
|
--color: var(--hop-EmbeddedButton-progress-color-disabled);
|
|
2990
2987
|
}
|
|
2991
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2988
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-hovered] {
|
|
2992
2989
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
|
|
2993
2990
|
--color: var(--hop-EmbeddedButton-positive-color-hovered);
|
|
2994
2991
|
}
|
|
2995
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2992
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-focus-visible] {
|
|
2996
2993
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
|
|
2997
2994
|
--color: var(--hop-EmbeddedButton-positive-color-focused);
|
|
2998
2995
|
}
|
|
2999
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
2996
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-pressed] {
|
|
3000
2997
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
|
|
3001
2998
|
--color: var(--hop-EmbeddedButton-positive-color-pressed);
|
|
3002
2999
|
}
|
|
3003
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3000
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-disabled] {
|
|
3004
3001
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
|
|
3005
3002
|
--color: var(--hop-EmbeddedButton-positive-color-disabled);
|
|
3006
3003
|
}
|
|
3007
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3004
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-hovered] {
|
|
3008
3005
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
|
|
3009
3006
|
--color: var(--hop-EmbeddedButton-caution-color-hovered);
|
|
3010
3007
|
}
|
|
3011
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3008
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-focus-visible] {
|
|
3012
3009
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
|
|
3013
3010
|
--color: var(--hop-EmbeddedButton-caution-color-focused);
|
|
3014
3011
|
}
|
|
3015
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3012
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-pressed] {
|
|
3016
3013
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
|
|
3017
3014
|
--color: var(--hop-EmbeddedButton-caution-color-pressed);
|
|
3018
3015
|
}
|
|
3019
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3016
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-disabled] {
|
|
3020
3017
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
|
|
3021
3018
|
--color: var(--hop-EmbeddedButton-caution-color-disabled);
|
|
3022
3019
|
}
|
|
3023
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3020
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-hovered] {
|
|
3024
3021
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
|
|
3025
3022
|
--color: var(--hop-EmbeddedButton-negative-color-hovered);
|
|
3026
3023
|
}
|
|
3027
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3024
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-focus-visible] {
|
|
3028
3025
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
|
|
3029
3026
|
--color: var(--hop-EmbeddedButton-negative-color-focused);
|
|
3030
3027
|
}
|
|
3031
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3028
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-pressed] {
|
|
3032
3029
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
|
|
3033
3030
|
--color: var(--hop-EmbeddedButton-negative-color-pressed);
|
|
3034
3031
|
}
|
|
3035
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3032
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-disabled] {
|
|
3036
3033
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
|
|
3037
3034
|
--color: var(--hop-EmbeddedButton-negative-color-disabled);
|
|
3038
3035
|
}
|
|
3039
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3036
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-hovered] {
|
|
3040
3037
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
|
|
3041
3038
|
--color: var(--hop-EmbeddedButton-option1-color-hovered);
|
|
3042
3039
|
}
|
|
3043
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3040
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-focus-visible] {
|
|
3044
3041
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
|
|
3045
3042
|
--color: var(--hop-EmbeddedButton-option1-color-focused);
|
|
3046
3043
|
}
|
|
3047
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3044
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-pressed] {
|
|
3048
3045
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
|
|
3049
3046
|
--color: var(--hop-EmbeddedButton-option1-color-pressed);
|
|
3050
3047
|
}
|
|
3051
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3048
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-disabled] {
|
|
3052
3049
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
|
|
3053
3050
|
--color: var(--hop-EmbeddedButton-option1-color-disabled);
|
|
3054
3051
|
}
|
|
3055
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3052
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-hovered] {
|
|
3056
3053
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
|
|
3057
3054
|
--color: var(--hop-EmbeddedButton-option2-color-hovered);
|
|
3058
3055
|
}
|
|
3059
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3056
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-focus-visible] {
|
|
3060
3057
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
|
|
3061
3058
|
--color: var(--hop-EmbeddedButton-option2-color-focused);
|
|
3062
3059
|
}
|
|
3063
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3060
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-pressed] {
|
|
3064
3061
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
|
|
3065
3062
|
--color: var(--hop-EmbeddedButton-option2-color-pressed);
|
|
3066
3063
|
}
|
|
3067
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3064
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-disabled] {
|
|
3068
3065
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
|
|
3069
3066
|
--color: var(--hop-EmbeddedButton-option2-color-disabled);
|
|
3070
3067
|
}
|
|
3071
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3068
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-hovered] {
|
|
3072
3069
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
|
|
3073
3070
|
--color: var(--hop-EmbeddedButton-option3-color-hovered);
|
|
3074
3071
|
}
|
|
3075
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3072
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-focus-visible] {
|
|
3076
3073
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
|
|
3077
3074
|
--color: var(--hop-EmbeddedButton-option3-color-focused);
|
|
3078
3075
|
}
|
|
3079
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3076
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-pressed] {
|
|
3080
3077
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
|
|
3081
3078
|
--color: var(--hop-EmbeddedButton-option3-color-pressed);
|
|
3082
3079
|
}
|
|
3083
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3080
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-disabled] {
|
|
3084
3081
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
|
|
3085
3082
|
--color: var(--hop-EmbeddedButton-option3-color-disabled);
|
|
3086
3083
|
}
|
|
3087
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3084
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-hovered] {
|
|
3088
3085
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
|
|
3089
3086
|
--color: var(--hop-EmbeddedButton-option4-color-hovered);
|
|
3090
3087
|
}
|
|
3091
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3088
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-focus-visible] {
|
|
3092
3089
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
|
|
3093
3090
|
--color: var(--hop-EmbeddedButton-option4-color-focused);
|
|
3094
3091
|
}
|
|
3095
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3092
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-pressed] {
|
|
3096
3093
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
|
|
3097
3094
|
--color: var(--hop-EmbeddedButton-option4-color-pressed);
|
|
3098
3095
|
}
|
|
3099
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3096
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-disabled] {
|
|
3100
3097
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
|
|
3101
3098
|
--color: var(--hop-EmbeddedButton-option4-color-disabled);
|
|
3102
3099
|
}
|
|
3103
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3100
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-hovered] {
|
|
3104
3101
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
|
|
3105
3102
|
--color: var(--hop-EmbeddedButton-option5-color-hovered);
|
|
3106
3103
|
}
|
|
3107
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3104
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-focus-visible] {
|
|
3108
3105
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
|
|
3109
3106
|
--color: var(--hop-EmbeddedButton-option5-color-focused);
|
|
3110
3107
|
}
|
|
3111
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3108
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-pressed] {
|
|
3112
3109
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
|
|
3113
3110
|
--color: var(--hop-EmbeddedButton-option5-color-pressed);
|
|
3114
3111
|
}
|
|
3115
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3112
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-disabled] {
|
|
3116
3113
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
|
|
3117
3114
|
--color: var(--hop-EmbeddedButton-option5-color-disabled);
|
|
3118
3115
|
}
|
|
3119
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3116
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-hovered] {
|
|
3120
3117
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
|
|
3121
3118
|
--color: var(--hop-EmbeddedButton-option6-color-hovered);
|
|
3122
3119
|
}
|
|
3123
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3120
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-focus-visible] {
|
|
3124
3121
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
|
|
3125
3122
|
--color: var(--hop-EmbeddedButton-option6-color-focused);
|
|
3126
3123
|
}
|
|
3127
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3124
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-pressed] {
|
|
3128
3125
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
|
|
3129
3126
|
--color: var(--hop-EmbeddedButton-option6-color-pressed);
|
|
3130
3127
|
}
|
|
3131
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
3128
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-disabled] {
|
|
3132
3129
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
|
|
3133
3130
|
--color: var(--hop-EmbeddedButton-option6-color-disabled);
|
|
3134
3131
|
}
|
|
3135
|
-
.EmbeddedButton-module__hop-
|
|
3132
|
+
.EmbeddedButton-module__hop-EmbeddedButton__icon___ojr14 {
|
|
3136
3133
|
position: relative;
|
|
3137
3134
|
}
|
|
3138
3135
|
|
|
3139
3136
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
|
|
3140
|
-
.Form-module__hop-
|
|
3137
|
+
.Form-module__hop-Form___t89dJ {
|
|
3141
3138
|
display: flex;
|
|
3142
3139
|
flex-direction: column;
|
|
3143
3140
|
gap: var(--hop-space-stack-lg);
|
|
3144
3141
|
}
|
|
3145
3142
|
|
|
3146
3143
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
|
|
3147
|
-
.InputGroup-module__hop-
|
|
3144
|
+
.InputGroup-module__hop-InputGroup___IeLq4 {
|
|
3148
3145
|
--hop-InputGroup-background: var(--hop-neutral-surface);
|
|
3149
3146
|
--hop-InputGroup-border-color: var(--hop-neutral-border);
|
|
3150
3147
|
--hop-InputGroup-border-width: 0.0625rem;
|
|
@@ -3225,11 +3222,11 @@
|
|
|
3225
3222
|
border: var(--border);
|
|
3226
3223
|
border-radius: var(--hop-InputGroup-border-radius);
|
|
3227
3224
|
}
|
|
3228
|
-
.InputGroup-module__hop-InputGroup--
|
|
3225
|
+
.InputGroup-module__hop-InputGroup--fluid___bBTdC {
|
|
3229
3226
|
--inline-size: 100%;
|
|
3230
3227
|
--input-inline-size: 100%;
|
|
3231
3228
|
}
|
|
3232
|
-
.InputGroup-module__hop-InputGroup--
|
|
3229
|
+
.InputGroup-module__hop-InputGroup--sm___rt-ic {
|
|
3233
3230
|
--block-size: var(--hop-InputGroup-sm-block-size);
|
|
3234
3231
|
--input-font-family: var(--hop-InputGroup-input-sm-font-family);
|
|
3235
3232
|
--input-font-size: var(--hop-InputGroup-input-sm-font-size);
|
|
@@ -3237,7 +3234,7 @@
|
|
|
3237
3234
|
--input-line-height: var(--hop-InputGroup-input-sm-line-height);
|
|
3238
3235
|
--input-block-size: var(--hop-InputGroup-input-sm-block-size);
|
|
3239
3236
|
}
|
|
3240
|
-
.InputGroup-module__hop-
|
|
3237
|
+
.InputGroup-module__hop-InputGroup___IeLq4[data-input-type=textarea] {
|
|
3241
3238
|
--gap: var(--hop-InputGroup-gap-textarea);
|
|
3242
3239
|
--flex-direction: var(--hop-InputGroup-flex-direction-textarea);
|
|
3243
3240
|
--align-items: var(--hop-InputGroup-align-items-textarea);
|
|
@@ -3245,28 +3242,28 @@
|
|
|
3245
3242
|
--padding-inline: var(--hop-InputGroup-padding-inline-textarea);
|
|
3246
3243
|
--padding-block: var(--hop-InputGroup-padding-block-textarea);
|
|
3247
3244
|
}
|
|
3248
|
-
.InputGroup-module__hop-
|
|
3245
|
+
.InputGroup-module__hop-InputGroup___IeLq4[data-input-type=number] {
|
|
3249
3246
|
--display: var(--hop-InputGroup-display-number);
|
|
3250
3247
|
--gap: var(--hop-InputGroup-gap-number);
|
|
3251
3248
|
}
|
|
3252
|
-
.InputGroup-module__hop-
|
|
3249
|
+
.InputGroup-module__hop-InputGroup___IeLq4[data-hovered] {
|
|
3253
3250
|
--background: var(--hop-InputGroup-background-hover);
|
|
3254
3251
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
|
|
3255
3252
|
}
|
|
3256
|
-
.InputGroup-module__hop-
|
|
3253
|
+
.InputGroup-module__hop-InputGroup___IeLq4[data-focus-within] {
|
|
3257
3254
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
|
|
3258
3255
|
}
|
|
3259
|
-
.InputGroup-module__hop-
|
|
3256
|
+
.InputGroup-module__hop-InputGroup___IeLq4[data-invalid] {
|
|
3260
3257
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
|
|
3261
3258
|
}
|
|
3262
|
-
.InputGroup-module__hop-
|
|
3259
|
+
.InputGroup-module__hop-InputGroup___IeLq4[data-disabled] {
|
|
3263
3260
|
--background: var(--hop-InputGroup-background-disabled);
|
|
3264
3261
|
--border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
|
|
3265
3262
|
--input-color: var(--hop-InputGroup-input-color-disabled);
|
|
3266
3263
|
--input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
|
|
3267
3264
|
}
|
|
3268
|
-
.InputGroup-module__hop-
|
|
3269
|
-
.InputGroup-module__hop-
|
|
3265
|
+
.InputGroup-module__hop-InputGroup__input___pobIV,
|
|
3266
|
+
.InputGroup-module__hop-InputGroup__textarea___h-ACH {
|
|
3270
3267
|
flex: 1 1 auto;
|
|
3271
3268
|
box-sizing: border-box;
|
|
3272
3269
|
inline-size: var(--input-inline-size);
|
|
@@ -3280,26 +3277,26 @@
|
|
|
3280
3277
|
border: none;
|
|
3281
3278
|
outline: none;
|
|
3282
3279
|
}
|
|
3283
|
-
.InputGroup-module__hop-
|
|
3280
|
+
.InputGroup-module__hop-InputGroup__input___pobIV {
|
|
3284
3281
|
block-size: var(--input-block-size);
|
|
3285
3282
|
padding: var(--hop-InputGroup-input-padding);
|
|
3286
3283
|
}
|
|
3287
|
-
.InputGroup-module__hop-
|
|
3284
|
+
.InputGroup-module__hop-InputGroup__textarea___h-ACH {
|
|
3288
3285
|
padding: var(--hop-InputGroup-textarea-padding);
|
|
3289
3286
|
}
|
|
3290
|
-
.InputGroup-module__hop-
|
|
3287
|
+
.InputGroup-module__hop-InputGroup__input___pobIV::placeholder {
|
|
3291
3288
|
font-family: var(--hop-InputGroup-placeholder-font-family);
|
|
3292
3289
|
font-size: var(--hop-InputGroup-placeholder-font-size);
|
|
3293
3290
|
font-weight: var(--hop-InputGroup-placeholder-font-weight);
|
|
3294
3291
|
line-height: var(--hop-InputGroup-placeholder-line-height);
|
|
3295
3292
|
color: var(--input-placeholder-color);
|
|
3296
3293
|
}
|
|
3297
|
-
.InputGroup-module__hop-InputGroup__embedded-
|
|
3294
|
+
.InputGroup-module__hop-InputGroup__embedded-button___tggVm {
|
|
3298
3295
|
margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
|
|
3299
3296
|
}
|
|
3300
3297
|
|
|
3301
3298
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
|
|
3302
|
-
.Heading-module__hop-
|
|
3299
|
+
.Heading-module__hop-Heading___byI5a {
|
|
3303
3300
|
--hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
|
|
3304
3301
|
--hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
|
|
3305
3302
|
--hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
|
|
@@ -3333,50 +3330,50 @@
|
|
|
3333
3330
|
--hop-Heading-inherit-size-font-weight: inherit;
|
|
3334
3331
|
--hop-Heading-inherit-size-line-height: inherit;
|
|
3335
3332
|
}
|
|
3336
|
-
:where(.Heading-module__hop-
|
|
3333
|
+
:where(.Heading-module__hop-Heading___byI5a) {
|
|
3337
3334
|
margin: 0;
|
|
3338
3335
|
font-family: var(--font-family);
|
|
3339
3336
|
font-size: var(--font-size);
|
|
3340
3337
|
font-weight: var(--font-weight);
|
|
3341
3338
|
line-height: var(--line-height);
|
|
3342
3339
|
}
|
|
3343
|
-
:where(.Heading-module__hop-Heading--
|
|
3340
|
+
:where(.Heading-module__hop-Heading--xs___S-Spm) {
|
|
3344
3341
|
--font-size: var(--hop-Heading-xs-font-size);
|
|
3345
3342
|
--font-family: var(--hop-Heading-xs-font-family);
|
|
3346
3343
|
--font-weight: var(--hop-Heading-xs-font-weight);
|
|
3347
3344
|
--line-height: var(--hop-Heading-xs-line-height);
|
|
3348
3345
|
}
|
|
3349
|
-
:where(.Heading-module__hop-Heading--
|
|
3346
|
+
:where(.Heading-module__hop-Heading--sm___eYVWY) {
|
|
3350
3347
|
--font-size: var(--hop-Heading-sm-font-size);
|
|
3351
3348
|
--font-family: var(--hop-Heading-sm-font-family);
|
|
3352
3349
|
--font-weight: var(--hop-Heading-sm-font-weight);
|
|
3353
3350
|
--line-height: var(--hop-Heading-sm-line-height);
|
|
3354
3351
|
}
|
|
3355
|
-
:where(.Heading-module__hop-Heading--
|
|
3352
|
+
:where(.Heading-module__hop-Heading--md___Trt4d) {
|
|
3356
3353
|
--font-size: var(--hop-Heading-md-font-size);
|
|
3357
3354
|
--font-family: var(--hop-Heading-md-font-family);
|
|
3358
3355
|
--font-weight: var(--hop-Heading-md-font-weight);
|
|
3359
3356
|
--line-height: var(--hop-Heading-md-line-height);
|
|
3360
3357
|
}
|
|
3361
|
-
:where(.Heading-module__hop-Heading--
|
|
3358
|
+
:where(.Heading-module__hop-Heading--lg___8RulN) {
|
|
3362
3359
|
--font-size: var(--hop-Heading-lg-font-size);
|
|
3363
3360
|
--font-family: var(--hop-Heading-lg-font-family);
|
|
3364
3361
|
--font-weight: var(--hop-Heading-lg-font-weight);
|
|
3365
3362
|
--line-height: var(--hop-Heading-lg-line-height);
|
|
3366
3363
|
}
|
|
3367
|
-
:where(.Heading-module__hop-Heading--
|
|
3364
|
+
:where(.Heading-module__hop-Heading--xl___XLAp5) {
|
|
3368
3365
|
--font-size: var(--hop-Heading-xl-font-size);
|
|
3369
3366
|
--font-family: var(--hop-Heading-xl-font-family);
|
|
3370
3367
|
--font-weight: var(--hop-Heading-xl-font-weight);
|
|
3371
3368
|
--line-height: var(--hop-Heading-xl-line-height);
|
|
3372
3369
|
}
|
|
3373
|
-
:where(.Heading-module__hop-Heading--
|
|
3370
|
+
:where(.Heading-module__hop-Heading--2xl___ghz3S) {
|
|
3374
3371
|
--font-size: var(--hop-Heading-2xl-font-size);
|
|
3375
3372
|
--font-family: var(--hop-Heading-2xl-font-family);
|
|
3376
3373
|
--font-weight: var(--hop-Heading-2xl-font-weight);
|
|
3377
3374
|
--line-height: var(--hop-Heading-2xl-line-height);
|
|
3378
3375
|
}
|
|
3379
|
-
:where(.Heading-module__hop-Heading--
|
|
3376
|
+
:where(.Heading-module__hop-Heading--3xl___sTxzT) {
|
|
3380
3377
|
--font-size: var(--hop-Heading-3xl-font-size);
|
|
3381
3378
|
--font-family: var(--hop-Heading-3xl-font-family);
|
|
3382
3379
|
--font-weight: var(--hop-Heading-3xl-font-weight);
|
|
@@ -3384,7 +3381,7 @@
|
|
|
3384
3381
|
}
|
|
3385
3382
|
|
|
3386
3383
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
|
|
3387
|
-
.NumberField-module__hop-
|
|
3384
|
+
.NumberField-module__hop-NumberField___-spFY {
|
|
3388
3385
|
--hop-NumberField-gap: var(--hop-space-stack-xs);
|
|
3389
3386
|
--hop-NumberField-inline-size: 20rem;
|
|
3390
3387
|
--hop-NumberField-inline-size-fluid: 100%;
|
|
@@ -3432,30 +3429,30 @@
|
|
|
3432
3429
|
gap: var(--hop-NumberField-gap);
|
|
3433
3430
|
inline-size: var(--inline-size);
|
|
3434
3431
|
}
|
|
3435
|
-
.NumberField-module__hop-NumberField--
|
|
3432
|
+
.NumberField-module__hop-NumberField--fluid___HuQeh {
|
|
3436
3433
|
--inline-size: var(--hop-NumberField-inline-size-fluid);
|
|
3437
3434
|
}
|
|
3438
|
-
.NumberField-module__hop-NumberField--
|
|
3435
|
+
.NumberField-module__hop-NumberField--mobile___jiJLy {
|
|
3439
3436
|
--input-group-template: var(--hop-NumberField-input-group-template-mobile);
|
|
3440
3437
|
--stepper-height: var(--hop-NumberField-stepper-height-mobile);
|
|
3441
3438
|
}
|
|
3442
|
-
.NumberField-module__hop-
|
|
3439
|
+
.NumberField-module__hop-NumberField__Label___kcHPU {
|
|
3443
3440
|
order: 0;
|
|
3444
3441
|
}
|
|
3445
|
-
.NumberField-module__hop-
|
|
3442
|
+
.NumberField-module__hop-NumberField__prefix___kC1mi {
|
|
3446
3443
|
grid-area: prefix;
|
|
3447
3444
|
margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
|
|
3448
3445
|
color: var(--hop-NumberField-prefix-color);
|
|
3449
3446
|
}
|
|
3450
|
-
.NumberField-module__hop-
|
|
3447
|
+
.NumberField-module__hop-NumberField__InputGroup___GmvOU {
|
|
3451
3448
|
grid-template: var(--input-group-template);
|
|
3452
3449
|
order: 1;
|
|
3453
3450
|
}
|
|
3454
|
-
.NumberField-module__hop-
|
|
3455
|
-
.NumberField-module__hop-
|
|
3451
|
+
.NumberField-module__hop-NumberField__ErrorMessage___tIjYw,
|
|
3452
|
+
.NumberField-module__hop-NumberField__HelperMessage___hYZXB {
|
|
3456
3453
|
order: 3;
|
|
3457
3454
|
}
|
|
3458
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
3455
|
+
.NumberField-module__hop-NumberField__stepper-button___hfKPt {
|
|
3459
3456
|
cursor: pointer;
|
|
3460
3457
|
display: flex;
|
|
3461
3458
|
grid-area: var(--grid-area, unset);
|
|
@@ -3476,55 +3473,55 @@
|
|
|
3476
3473
|
border-radius: var(--stepper-border-radius, 0);
|
|
3477
3474
|
outline: none;
|
|
3478
3475
|
}
|
|
3479
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
3476
|
+
.NumberField-module__hop-NumberField__stepper-button--increment___pUp8- {
|
|
3480
3477
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
|
|
3481
3478
|
--stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
|
|
3482
3479
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
|
|
3483
3480
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
|
|
3484
3481
|
--grid-area: stepup;
|
|
3485
3482
|
}
|
|
3486
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
3483
|
+
.NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO {
|
|
3487
3484
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
|
|
3488
3485
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
|
|
3489
3486
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
|
|
3490
3487
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
|
|
3491
3488
|
--grid-area: stepdown;
|
|
3492
3489
|
}
|
|
3493
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
3490
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___oNcII.NumberField-module__hop-NumberField__stepper-button--increment___pUp8- {
|
|
3494
3491
|
--stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
|
|
3495
3492
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
|
|
3496
3493
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
|
|
3497
3494
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
|
|
3498
3495
|
}
|
|
3499
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
3496
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___oNcII.NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO {
|
|
3500
3497
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
|
|
3501
3498
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
|
|
3502
3499
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
|
|
3503
3500
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
|
|
3504
3501
|
}
|
|
3505
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
3502
|
+
.NumberField-module__hop-NumberField__stepper-button___hfKPt[data-hovered] {
|
|
3506
3503
|
color: var(--hop-NumberField-stepper-color-hovered);
|
|
3507
3504
|
background-color: var(--hop-NumberField-stepper-background-color-hovered);
|
|
3508
3505
|
}
|
|
3509
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
3506
|
+
.NumberField-module__hop-NumberField__stepper-button___hfKPt[data-pressed] {
|
|
3510
3507
|
color: var(--hop-NumberField-stepper-color-pressed);
|
|
3511
3508
|
background-color: var(--hop-NumberField-stepper-background-color-pressed);
|
|
3512
3509
|
}
|
|
3513
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
3510
|
+
.NumberField-module__hop-NumberField__stepper-button___hfKPt[data-disabled] {
|
|
3514
3511
|
cursor: not-allowed;
|
|
3515
3512
|
color: var(--hop-NumberField-stepper-color-disabled);
|
|
3516
3513
|
background-color: var(--hop-NumberField-stepper-background-color-disabled);
|
|
3517
3514
|
}
|
|
3518
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
3515
|
+
.NumberField-module__hop-NumberField__stepper-button__icon___l7rJE {
|
|
3519
3516
|
display: block;
|
|
3520
3517
|
max-block-size: 100%;
|
|
3521
3518
|
}
|
|
3522
|
-
.NumberField-module__hop-
|
|
3519
|
+
.NumberField-module__hop-NumberField__input___JmJl4 {
|
|
3523
3520
|
grid-area: input;
|
|
3524
3521
|
}
|
|
3525
3522
|
|
|
3526
3523
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
|
|
3527
|
-
.TextArea-module__hop-
|
|
3524
|
+
.TextArea-module__hop-TextArea___CigfE {
|
|
3528
3525
|
--hop-TextArea-gap: var(--hop-space-stack-xs);
|
|
3529
3526
|
--hop-TextArea-inline-size: 20rem;
|
|
3530
3527
|
--hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -3542,42 +3539,42 @@
|
|
|
3542
3539
|
inline-size: var(--inline-size);
|
|
3543
3540
|
max-inline-size: 100%;
|
|
3544
3541
|
}
|
|
3545
|
-
.TextArea-module__hop-TextArea--
|
|
3542
|
+
.TextArea-module__hop-TextArea--fluid___RHFdR {
|
|
3546
3543
|
--inline-size: 100%;
|
|
3547
3544
|
}
|
|
3548
|
-
.TextArea-module__hop-
|
|
3545
|
+
.TextArea-module__hop-TextArea___CigfE[data-resize-mode=vertical] {
|
|
3549
3546
|
--resize: vertical;
|
|
3550
3547
|
}
|
|
3551
|
-
.TextArea-module__hop-
|
|
3548
|
+
.TextArea-module__hop-TextArea___CigfE[data-over-max-length] {
|
|
3552
3549
|
--char-count-color: var(--hop-TextArea-char-count-color-invalid);
|
|
3553
3550
|
}
|
|
3554
|
-
.TextArea-module__hop-
|
|
3551
|
+
.TextArea-module__hop-TextArea___CigfE[data-disabled] {
|
|
3555
3552
|
--char-count-color: var(--hop-TextArea-char-count-color-disabled);
|
|
3556
3553
|
}
|
|
3557
|
-
.TextArea-module__hop-
|
|
3554
|
+
.TextArea-module__hop-TextArea__Label___IesgB {
|
|
3558
3555
|
order: 0;
|
|
3559
3556
|
}
|
|
3560
|
-
.TextArea-module__hop-
|
|
3557
|
+
.TextArea-module__hop-TextArea__prefix___CKsl5 {
|
|
3561
3558
|
color: var(--hop-TextArea-prefix-color);
|
|
3562
3559
|
}
|
|
3563
|
-
.TextArea-module__hop-
|
|
3560
|
+
.TextArea-module__hop-TextArea__InputGroup___Dy8Ya {
|
|
3564
3561
|
order: 1;
|
|
3565
3562
|
}
|
|
3566
|
-
.TextArea-module__hop-
|
|
3563
|
+
.TextArea-module__hop-TextArea__textarea___TaknV {
|
|
3567
3564
|
resize: var(--resize);
|
|
3568
3565
|
min-block-size: var(--hop-TextArea-input-min-height);
|
|
3569
3566
|
}
|
|
3570
|
-
.TextArea-module__hop-TextArea__char-
|
|
3567
|
+
.TextArea-module__hop-TextArea__char-count___L5-B2 {
|
|
3571
3568
|
padding: var(--hop-TextArea-char-count-padding);
|
|
3572
3569
|
color: var(--char-count-color);
|
|
3573
3570
|
}
|
|
3574
|
-
.TextArea-module__hop-
|
|
3575
|
-
.TextArea-module__hop-
|
|
3571
|
+
.TextArea-module__hop-TextArea__ErrorMessage___px1UJ,
|
|
3572
|
+
.TextArea-module__hop-TextArea__HelperMessage___rzEEf {
|
|
3576
3573
|
order: 3;
|
|
3577
3574
|
}
|
|
3578
3575
|
|
|
3579
3576
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
|
|
3580
|
-
.TextField-module__hop-
|
|
3577
|
+
.TextField-module__hop-TextField___h9LPC {
|
|
3581
3578
|
--hop-TextField-gap: var(--hop-space-stack-xs);
|
|
3582
3579
|
--hop-TextField-inline-size: 20rem;
|
|
3583
3580
|
--hop-TextField-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -3592,34 +3589,34 @@
|
|
|
3592
3589
|
inline-size: var(--inline-size);
|
|
3593
3590
|
max-inline-size: 100%;
|
|
3594
3591
|
}
|
|
3595
|
-
.TextField-module__hop-TextField--
|
|
3592
|
+
.TextField-module__hop-TextField--fluid___Vhft- {
|
|
3596
3593
|
--inline-size: 100%;
|
|
3597
3594
|
}
|
|
3598
|
-
.TextField-module__hop-
|
|
3595
|
+
.TextField-module__hop-TextField___h9LPC[data-over-max-length] {
|
|
3599
3596
|
--char-count-color: var(--hop-TextField-char-count-color-invalid);
|
|
3600
3597
|
}
|
|
3601
|
-
.TextField-module__hop-
|
|
3598
|
+
.TextField-module__hop-TextField___h9LPC[data-disabled] {
|
|
3602
3599
|
--char-count-color: var(--hop-TextField-char-count-color-disabled);
|
|
3603
3600
|
}
|
|
3604
|
-
.TextField-module__hop-
|
|
3601
|
+
.TextField-module__hop-TextField__Label___vjdjj {
|
|
3605
3602
|
order: 0;
|
|
3606
3603
|
}
|
|
3607
|
-
.TextField-module__hop-
|
|
3604
|
+
.TextField-module__hop-TextField__prefix___y4SIt {
|
|
3608
3605
|
color: var(--hop-TextField-prefix-color);
|
|
3609
3606
|
}
|
|
3610
|
-
.TextField-module__hop-TextField__char-
|
|
3607
|
+
.TextField-module__hop-TextField__char-count___w-Y38 {
|
|
3611
3608
|
color: var(--char-count-color);
|
|
3612
3609
|
}
|
|
3613
|
-
.TextField-module__hop-
|
|
3610
|
+
.TextField-module__hop-TextField__InputGroup___crbeu {
|
|
3614
3611
|
order: 1;
|
|
3615
3612
|
}
|
|
3616
|
-
.TextField-module__hop-
|
|
3617
|
-
.TextField-module__hop-
|
|
3613
|
+
.TextField-module__hop-TextField__ErrorMessage___m-vG9,
|
|
3614
|
+
.TextField-module__hop-TextField__HelperMessage___ahKEe {
|
|
3618
3615
|
order: 3;
|
|
3619
3616
|
}
|
|
3620
3617
|
|
|
3621
3618
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
|
|
3622
|
-
.PasswordField-module__hop-
|
|
3619
|
+
.PasswordField-module__hop-PasswordField___I0UHA {
|
|
3623
3620
|
--hop-PasswordField-gap: var(--hop-space-stack-xs);
|
|
3624
3621
|
--hop-PasswordField-inline-size: 20rem;
|
|
3625
3622
|
--inline-size: var(--hop-PasswordField-inline-size);
|
|
@@ -3629,22 +3626,22 @@
|
|
|
3629
3626
|
inline-size: var(--inline-size);
|
|
3630
3627
|
max-inline-size: 100%;
|
|
3631
3628
|
}
|
|
3632
|
-
.PasswordField-module__hop-PasswordField--
|
|
3629
|
+
.PasswordField-module__hop-PasswordField--fluid___T093p {
|
|
3633
3630
|
--inline-size: 100%;
|
|
3634
3631
|
}
|
|
3635
|
-
.PasswordField-module__hop-
|
|
3632
|
+
.PasswordField-module__hop-PasswordField__Label___SFE1N {
|
|
3636
3633
|
order: 0;
|
|
3637
3634
|
}
|
|
3638
|
-
.PasswordField-module__hop-
|
|
3635
|
+
.PasswordField-module__hop-PasswordField__InputGroup___z0KM7 {
|
|
3639
3636
|
order: 1;
|
|
3640
3637
|
}
|
|
3641
|
-
.PasswordField-module__hop-
|
|
3642
|
-
.PasswordField-module__hop-
|
|
3638
|
+
.PasswordField-module__hop-PasswordField__ErrorMessage___St921,
|
|
3639
|
+
.PasswordField-module__hop-PasswordField__HelperMessage___Vsrgm {
|
|
3643
3640
|
order: 3;
|
|
3644
3641
|
}
|
|
3645
3642
|
|
|
3646
3643
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
|
|
3647
|
-
.SearchField-module__hop-
|
|
3644
|
+
.SearchField-module__hop-SearchField___AV5d9 {
|
|
3648
3645
|
--hop-SearchField-gap: var(--hop-space-stack-xs);
|
|
3649
3646
|
--hop-SearchField-inline-size: 20rem;
|
|
3650
3647
|
--hop-SearchField-color: var(--hop-neutral-text-weak);
|
|
@@ -3659,39 +3656,39 @@
|
|
|
3659
3656
|
inline-size: var(--inline-size);
|
|
3660
3657
|
max-inline-size: 100%;
|
|
3661
3658
|
}
|
|
3662
|
-
.SearchField-module__hop-SearchField--
|
|
3659
|
+
.SearchField-module__hop-SearchField--fluid___fk-1h {
|
|
3663
3660
|
--inline-size: 100%;
|
|
3664
3661
|
}
|
|
3665
|
-
.SearchField-module__hop-
|
|
3662
|
+
.SearchField-module__hop-SearchField__Label___cDU1N {
|
|
3666
3663
|
order: 0;
|
|
3667
3664
|
}
|
|
3668
|
-
.SearchField-module__hop-
|
|
3665
|
+
.SearchField-module__hop-SearchField__prefix___CXWRj {
|
|
3669
3666
|
color: var(--hop-SearchField-color);
|
|
3670
3667
|
}
|
|
3671
|
-
.SearchField-module__hop-
|
|
3668
|
+
.SearchField-module__hop-SearchField__InputGroup___WkPdD {
|
|
3672
3669
|
order: 1;
|
|
3673
3670
|
padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
|
|
3674
3671
|
}
|
|
3675
|
-
.SearchField-module__hop-SearchField--
|
|
3672
|
+
.SearchField-module__hop-SearchField--clearable___rVtfI {
|
|
3676
3673
|
--input-group-padding-inline-end: 0;
|
|
3677
3674
|
}
|
|
3678
|
-
.SearchField-module__hop-
|
|
3679
|
-
.SearchField-module__hop-
|
|
3675
|
+
.SearchField-module__hop-SearchField__ErrorMessage___fscIC,
|
|
3676
|
+
.SearchField-module__hop-SearchField__HelperMessage___wlBbe {
|
|
3680
3677
|
order: 3;
|
|
3681
3678
|
}
|
|
3682
|
-
.SearchField-module__hop-
|
|
3683
|
-
.SearchField-module__hop-
|
|
3679
|
+
.SearchField-module__hop-SearchField___AV5d9 input::-webkit-search-cancel-button,
|
|
3680
|
+
.SearchField-module__hop-SearchField___AV5d9 input::-webkit-search-decoration {
|
|
3684
3681
|
appearance: none;
|
|
3685
3682
|
}
|
|
3686
|
-
.SearchField-module__hop-
|
|
3683
|
+
.SearchField-module__hop-SearchField___AV5d9[data-empty] {
|
|
3687
3684
|
--clear-button-display: none;
|
|
3688
3685
|
}
|
|
3689
|
-
.SearchField-module__hop-
|
|
3686
|
+
.SearchField-module__hop-SearchField__ClearButton___7B2Ke {
|
|
3690
3687
|
display: var(--clear-button-display);
|
|
3691
3688
|
}
|
|
3692
3689
|
|
|
3693
3690
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
|
|
3694
|
-
.Link-module__hop-
|
|
3691
|
+
.Link-module__hop-Link___hx42L {
|
|
3695
3692
|
--hop-Link-border-radius: var(--hop-shape-rounded-sm);
|
|
3696
3693
|
--hop-Link-focus-ring-color: var(--hop-primary-border-focus);
|
|
3697
3694
|
--hop-Link-color-disabled: var(--hop-neutral-text-disabled);
|
|
@@ -3716,59 +3713,59 @@
|
|
|
3716
3713
|
outline: none;
|
|
3717
3714
|
outline-offset: 0.125rem;
|
|
3718
3715
|
}
|
|
3719
|
-
.Link-module__hop-
|
|
3716
|
+
.Link-module__hop-Link___hx42L[data-focus-visible] {
|
|
3720
3717
|
outline: 0.125rem solid var(--hop-Link-focus-ring-color);
|
|
3721
3718
|
}
|
|
3722
|
-
.Link-module__hop-
|
|
3719
|
+
.Link-module__hop-Link___hx42L[data-disabled] {
|
|
3723
3720
|
cursor: default;
|
|
3724
3721
|
}
|
|
3725
|
-
.Link-module__hop-Link--
|
|
3726
|
-
.Link-module__hop-Link--
|
|
3722
|
+
.Link-module__hop-Link--quiet___Sdez0[data-focus-visible],
|
|
3723
|
+
.Link-module__hop-Link--quiet___Sdez0[data-hovered] {
|
|
3727
3724
|
text-decoration: underline;
|
|
3728
3725
|
}
|
|
3729
|
-
.Link-module__hop-
|
|
3726
|
+
.Link-module__hop-Link___hx42L:not(.Link-module__hop-Link--quiet___Sdez0) {
|
|
3730
3727
|
text-decoration: underline;
|
|
3731
3728
|
}
|
|
3732
|
-
.Link-module__hop-Link--
|
|
3729
|
+
.Link-module__hop-Link--primary___pd6jh {
|
|
3733
3730
|
color: var(--hop-Link-primary-text-color);
|
|
3734
3731
|
}
|
|
3735
|
-
.Link-module__hop-Link--
|
|
3732
|
+
.Link-module__hop-Link--primary___pd6jh[data-disabled] {
|
|
3736
3733
|
color: var(--hop-Link-primary-text-disabled-color);
|
|
3737
3734
|
}
|
|
3738
|
-
.Link-module__hop-Link--
|
|
3739
|
-
.Link-module__hop-Link--
|
|
3735
|
+
.Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-focus-visible],
|
|
3736
|
+
.Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-hovered] {
|
|
3740
3737
|
color: var(--hop-Link-primary-text-hover-color);
|
|
3741
3738
|
}
|
|
3742
|
-
.Link-module__hop-Link--
|
|
3739
|
+
.Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-pressed] {
|
|
3743
3740
|
color: var(--hop-Link-primary-text-pressed-color);
|
|
3744
3741
|
}
|
|
3745
|
-
.Link-module__hop-Link--
|
|
3742
|
+
.Link-module__hop-Link--secondary___ZmHJ9 {
|
|
3746
3743
|
color: var(--hop-Link-neutral-text-color);
|
|
3747
3744
|
}
|
|
3748
|
-
.Link-module__hop-Link--
|
|
3745
|
+
.Link-module__hop-Link--secondary___ZmHJ9[data-disabled] {
|
|
3749
3746
|
color: var(--hop-Link-neutral-text-disabled-color);
|
|
3750
3747
|
}
|
|
3751
|
-
.Link-module__hop-Link--
|
|
3752
|
-
.Link-module__hop-Link--
|
|
3748
|
+
.Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-focus-visible],
|
|
3749
|
+
.Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-hovered] {
|
|
3753
3750
|
color: var(--hop-Link-neutral-text-hover-color);
|
|
3754
3751
|
}
|
|
3755
|
-
.Link-module__hop-Link--
|
|
3752
|
+
.Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-pressed] {
|
|
3756
3753
|
color: var(--hop-Link-neutral-text-pressed-color);
|
|
3757
3754
|
}
|
|
3758
|
-
.Link-module__hop-
|
|
3759
|
-
.Link-module__hop-Link__icon-
|
|
3755
|
+
.Link-module__hop-Link__icon___EzbcC,
|
|
3756
|
+
.Link-module__hop-Link__icon-list___kDa2B {
|
|
3760
3757
|
order: 2;
|
|
3761
3758
|
}
|
|
3762
|
-
.Link-module__hop-
|
|
3759
|
+
.Link-module__hop-Link__text___4wQpK {
|
|
3763
3760
|
order: 1;
|
|
3764
3761
|
}
|
|
3765
|
-
.Link-module__hop-Link__start-
|
|
3766
|
-
.Link-module__hop-Link__start-icon-
|
|
3762
|
+
.Link-module__hop-Link__start-icon___REGAG,
|
|
3763
|
+
.Link-module__hop-Link__start-icon-list___lhZ1C {
|
|
3767
3764
|
order: 0;
|
|
3768
3765
|
}
|
|
3769
3766
|
|
|
3770
3767
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
|
|
3771
|
-
.Switch-module__hop-
|
|
3768
|
+
.Switch-module__hop-Switch___pDNWk {
|
|
3772
3769
|
--hop-Switch-border-size: 0.0625rem;
|
|
3773
3770
|
--hop-Switch-border-color: var(--hop-neutral-border);
|
|
3774
3771
|
--hop-Switch-border-radius: var(--hop-shape-rounded-lg);
|
|
@@ -3825,56 +3822,56 @@
|
|
|
3825
3822
|
inline-size: max-content;
|
|
3826
3823
|
max-inline-size: 100%;
|
|
3827
3824
|
}
|
|
3828
|
-
.Switch-module__hop-Switch--
|
|
3825
|
+
.Switch-module__hop-Switch--sm___iOw3G {
|
|
3829
3826
|
--inline-size: var(--hop-Switch-inline-size-sm);
|
|
3830
3827
|
--block-size: var(--hop-Switch-block-size-sm);
|
|
3831
3828
|
--thumb-size: var(--hop-Switch-thumb-size-sm);
|
|
3832
3829
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
|
|
3833
3830
|
--text-top-offset: var(--hop-Switch-text-top-offset-sm);
|
|
3834
3831
|
}
|
|
3835
|
-
.Switch-module__hop-Switch--
|
|
3832
|
+
.Switch-module__hop-Switch--md___tQX-I {
|
|
3836
3833
|
--inline-size: var(--hop-Switch-inline-size-md);
|
|
3837
3834
|
--block-size: var(--hop-Switch-block-size-md);
|
|
3838
3835
|
--thumb-size: var(--hop-Switch-thumb-size-md);
|
|
3839
3836
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-md);
|
|
3840
3837
|
--text-top-offset: var(--hop-Switch-text-top-offset-md);
|
|
3841
3838
|
}
|
|
3842
|
-
.Switch-module__hop-
|
|
3839
|
+
.Switch-module__hop-Switch___pDNWk[data-hovered] {
|
|
3843
3840
|
--border-color: var(--hop-Switch-border-color-hover);
|
|
3844
3841
|
--background-color: var(--hop-Switch-background-color-hover);
|
|
3845
3842
|
--thumb-color: var(--hop-Switch-thumb-color-hover);
|
|
3846
3843
|
--text-color: var(--hop-Switch-text-color-hover);
|
|
3847
3844
|
}
|
|
3848
|
-
.Switch-module__hop-
|
|
3849
|
-
.Switch-module__hop-
|
|
3845
|
+
.Switch-module__hop-Switch___pDNWk[data-pressed],
|
|
3846
|
+
.Switch-module__hop-Switch___pDNWk[data-pressed][data-focus-visible] {
|
|
3850
3847
|
--border-color: var(--hop-Switch-border-color-pressed);
|
|
3851
3848
|
--background-color: var(--hop-Switch-background-color-pressed);
|
|
3852
3849
|
--thumb-color: var(--hop-Switch-thumb-color-pressed);
|
|
3853
3850
|
--text-color: var(--hop-Switch-text-color-pressed);
|
|
3854
3851
|
}
|
|
3855
|
-
.Switch-module__hop-
|
|
3852
|
+
.Switch-module__hop-Switch___pDNWk[data-focus-visible] {
|
|
3856
3853
|
--border-color: var(--hop-Switch-border-color-focus);
|
|
3857
3854
|
--background-color: var(--hop-Switch-background-color-focus);
|
|
3858
3855
|
--thumb-color: var(--hop-Switch-thumb-color-focus);
|
|
3859
3856
|
--outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
|
|
3860
3857
|
--text-color: var(--hop-Switch-text-color-focus);
|
|
3861
3858
|
}
|
|
3862
|
-
.Switch-module__hop-
|
|
3863
|
-
.Switch-module__hop-
|
|
3859
|
+
.Switch-module__hop-Switch___pDNWk[data-selected],
|
|
3860
|
+
.Switch-module__hop-Switch___pDNWk[data-selected][data-pressed] {
|
|
3864
3861
|
--border-color: var(--hop-Switch-border-color-selected);
|
|
3865
3862
|
--background-color: var(--hop-Switch-background-color-selected);
|
|
3866
3863
|
--thumb-color: var(--hop-Switch-thumb-color-selected);
|
|
3867
3864
|
--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%);
|
|
3868
3865
|
--text-color: var(--hop-Switch-text-color-selected);
|
|
3869
3866
|
}
|
|
3870
|
-
.Switch-module__hop-
|
|
3867
|
+
.Switch-module__hop-Switch___pDNWk[data-disabled] {
|
|
3871
3868
|
--border-color: var(--hop-Switch-border-color-disabled);
|
|
3872
3869
|
--background-color: var(--hop-Switch-background-color-disabled);
|
|
3873
3870
|
--thumb-color: var(--hop-Switch-thumb-color-disabled);
|
|
3874
3871
|
--text-color: var(--hop-Switch-text-color-disabled);
|
|
3875
3872
|
--cursor: not-allowed;
|
|
3876
3873
|
}
|
|
3877
|
-
.Switch-module__hop-
|
|
3874
|
+
.Switch-module__hop-Switch__indicator___zn9K- {
|
|
3878
3875
|
position: relative;
|
|
3879
3876
|
flex: 0 0 auto;
|
|
3880
3877
|
box-sizing: border-box;
|
|
@@ -3887,7 +3884,7 @@
|
|
|
3887
3884
|
outline-offset: 0.125rem;
|
|
3888
3885
|
transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
|
|
3889
3886
|
}
|
|
3890
|
-
.Switch-module__hop-
|
|
3887
|
+
.Switch-module__hop-Switch__indicator___zn9K-::before {
|
|
3891
3888
|
content: "";
|
|
3892
3889
|
position: absolute;
|
|
3893
3890
|
inset-block-start: 50%;
|
|
@@ -3902,20 +3899,20 @@
|
|
|
3902
3899
|
border-radius: var(--hop-shape-circle);
|
|
3903
3900
|
transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
|
|
3904
3901
|
}
|
|
3905
|
-
.Switch-module__hop-
|
|
3902
|
+
.Switch-module__hop-Switch__text___HP1cV {
|
|
3906
3903
|
flex: 0 1 auto;
|
|
3907
3904
|
order: 2;
|
|
3908
3905
|
min-inline-size: 0;
|
|
3909
3906
|
margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
|
|
3910
3907
|
color: var(--text-color);
|
|
3911
3908
|
}
|
|
3912
|
-
.Switch-module__hop-Switch__icon-
|
|
3913
|
-
.Switch-module__hop-
|
|
3909
|
+
.Switch-module__hop-Switch__icon-list___Dv9Q0,
|
|
3910
|
+
.Switch-module__hop-Switch__icon___ofe0Q {
|
|
3914
3911
|
order: 3;
|
|
3915
3912
|
}
|
|
3916
3913
|
|
|
3917
3914
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
|
|
3918
|
-
.SwitchField-module__hop-
|
|
3915
|
+
.SwitchField-module__hop-SwitchField___dDQmA {
|
|
3919
3916
|
--hop-SwitchField-description-color: var(--hop-neutral-text-weak);
|
|
3920
3917
|
--hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
3921
3918
|
--hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -3934,28 +3931,28 @@
|
|
|
3934
3931
|
inline-size: max-content;
|
|
3935
3932
|
max-inline-size: 100%;
|
|
3936
3933
|
}
|
|
3937
|
-
.SwitchField-module__hop-
|
|
3934
|
+
.SwitchField-module__hop-SwitchField___dDQmA[data-disabled] {
|
|
3938
3935
|
--description-color: var(--hop-SwitchField-description-color-disabled);
|
|
3939
3936
|
}
|
|
3940
|
-
.SwitchField-module__hop-SwitchField--
|
|
3937
|
+
.SwitchField-module__hop-SwitchField--sm___2O96R {
|
|
3941
3938
|
--row-gap: var(--hop-SwitchField-sm-row-gap);
|
|
3942
3939
|
--description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
|
|
3943
3940
|
}
|
|
3944
|
-
.SwitchField-module__hop-SwitchField--
|
|
3941
|
+
.SwitchField-module__hop-SwitchField--md___YDST1 {
|
|
3945
3942
|
--row-gap: var(--hop-SwitchField-md-row-gap);
|
|
3946
3943
|
--description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
|
|
3947
3944
|
}
|
|
3948
|
-
.SwitchField-module__hop-
|
|
3945
|
+
.SwitchField-module__hop-SwitchField__description___0EsGA {
|
|
3949
3946
|
order: 2;
|
|
3950
3947
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
|
|
3951
3948
|
color: var(--description-color);
|
|
3952
3949
|
}
|
|
3953
|
-
.SwitchField-module__hop-
|
|
3950
|
+
.SwitchField-module__hop-SwitchField__switch___phA6m {
|
|
3954
3951
|
order: 1;
|
|
3955
3952
|
}
|
|
3956
3953
|
|
|
3957
3954
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
|
|
3958
|
-
.Tag-module__hop-
|
|
3955
|
+
.Tag-module__hop-Tag___Yy8k4 {
|
|
3959
3956
|
--hop-Tag-border-size: 0.0625rem;
|
|
3960
3957
|
--hop-Tag-border-radius: var(--hop-shape-pill);
|
|
3961
3958
|
--hop-Tag-sm-block-size: 1.25rem;
|
|
@@ -4194,7 +4191,7 @@
|
|
|
4194
4191
|
outline: none;
|
|
4195
4192
|
outline-offset: 0.125rem;
|
|
4196
4193
|
}
|
|
4197
|
-
.Tag-module__hop-Tag--
|
|
4194
|
+
.Tag-module__hop-Tag--sm___P8TCA {
|
|
4198
4195
|
--block-size: var(--hop-Tag-sm-block-size);
|
|
4199
4196
|
--padding-inline: var(--hop-Tag-sm-padding-inline);
|
|
4200
4197
|
--column-gap: var(--hop-Tag-sm-column-gap);
|
|
@@ -4202,13 +4199,13 @@
|
|
|
4202
4199
|
--avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
|
|
4203
4200
|
--spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
|
|
4204
4201
|
}
|
|
4205
|
-
.Tag-module__hop-Tag--
|
|
4202
|
+
.Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
|
|
4206
4203
|
--badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
|
|
4207
4204
|
}
|
|
4208
|
-
.Tag-module__hop-Tag--
|
|
4205
|
+
.Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
|
|
4209
4206
|
--icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
|
|
4210
4207
|
}
|
|
4211
|
-
.Tag-module__hop-Tag--
|
|
4208
|
+
.Tag-module__hop-Tag--md___2CaEV {
|
|
4212
4209
|
--block-size: var(--hop-Tag-md-block-size);
|
|
4213
4210
|
--padding-inline: var(--hop-Tag-md-padding-inline);
|
|
4214
4211
|
--column-gap: var(--hop-Tag-md-column-gap);
|
|
@@ -4216,13 +4213,13 @@
|
|
|
4216
4213
|
--avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
|
|
4217
4214
|
--spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
|
|
4218
4215
|
}
|
|
4219
|
-
.Tag-module__hop-Tag--
|
|
4216
|
+
.Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
|
|
4220
4217
|
--badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
|
|
4221
4218
|
}
|
|
4222
|
-
.Tag-module__hop-Tag--
|
|
4219
|
+
.Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
|
|
4223
4220
|
--icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
|
|
4224
4221
|
}
|
|
4225
|
-
.Tag-module__hop-Tag--
|
|
4222
|
+
.Tag-module__hop-Tag--lg___8Dk2T {
|
|
4226
4223
|
--block-size: var(--hop-Tag-lg-block-size);
|
|
4227
4224
|
--padding-inline: var(--hop-Tag-lg-padding-inline);
|
|
4228
4225
|
--column-gap: var(--hop-Tag-lg-column-gap);
|
|
@@ -4230,348 +4227,348 @@
|
|
|
4230
4227
|
--avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
|
|
4231
4228
|
--spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
|
|
4232
4229
|
}
|
|
4233
|
-
.Tag-module__hop-Tag--
|
|
4230
|
+
.Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
|
|
4234
4231
|
--badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
|
|
4235
4232
|
}
|
|
4236
|
-
.Tag-module__hop-Tag--
|
|
4233
|
+
.Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
|
|
4237
4234
|
--icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
|
|
4238
4235
|
}
|
|
4239
|
-
.Tag-module__hop-Tag--
|
|
4236
|
+
.Tag-module__hop-Tag--neutral___yOJvu {
|
|
4240
4237
|
--border-color: var(--hop-Tag-neutral-border-color);
|
|
4241
4238
|
--background-color: var(--hop-Tag-neutral-background-color);
|
|
4242
4239
|
--text-color: var(--hop-Tag-neutral-text-color);
|
|
4243
4240
|
}
|
|
4244
|
-
.Tag-module__hop-Tag--
|
|
4241
|
+
.Tag-module__hop-Tag--subdued___IqCd5 {
|
|
4245
4242
|
--border-color: var(--hop-Tag-subdued-border-color);
|
|
4246
4243
|
--background-color: var(--hop-Tag-subdued-background-color);
|
|
4247
4244
|
--text-color: var(--hop-Tag-subdued-text-color);
|
|
4248
4245
|
}
|
|
4249
|
-
.Tag-module__hop-Tag--
|
|
4246
|
+
.Tag-module__hop-Tag--progress___cH-Ng {
|
|
4250
4247
|
--border-color: var(--hop-Tag-progress-border-color);
|
|
4251
4248
|
--background-color: var(--hop-Tag-progress-background-color);
|
|
4252
4249
|
--text-color: var(--hop-Tag-progress-text-color);
|
|
4253
4250
|
}
|
|
4254
|
-
.Tag-module__hop-Tag--
|
|
4251
|
+
.Tag-module__hop-Tag--positive___2EKCj {
|
|
4255
4252
|
--border-color: var(--hop-Tag-positive-border-color);
|
|
4256
4253
|
--background-color: var(--hop-Tag-positive-background-color);
|
|
4257
4254
|
--text-color: var(--hop-Tag-positive-text-color);
|
|
4258
4255
|
}
|
|
4259
|
-
.Tag-module__hop-Tag--
|
|
4256
|
+
.Tag-module__hop-Tag--caution___ph-FI {
|
|
4260
4257
|
--border-color: var(--hop-Tag-caution-border-color);
|
|
4261
4258
|
--background-color: var(--hop-Tag-caution-background-color);
|
|
4262
4259
|
--text-color: var(--hop-Tag-caution-text-color);
|
|
4263
4260
|
}
|
|
4264
|
-
.Tag-module__hop-Tag--
|
|
4261
|
+
.Tag-module__hop-Tag--negative___CvM-K {
|
|
4265
4262
|
--border-color: var(--hop-Tag-negative-border-color);
|
|
4266
4263
|
--background-color: var(--hop-Tag-negative-background-color);
|
|
4267
4264
|
--text-color: var(--hop-Tag-negative-text-color);
|
|
4268
4265
|
}
|
|
4269
|
-
.Tag-module__hop-Tag--
|
|
4266
|
+
.Tag-module__hop-Tag--option1___ZQJIo {
|
|
4270
4267
|
--border-color: var(--hop-Tag-option1-border-color);
|
|
4271
4268
|
--background-color: var(--hop-Tag-option1-background-color);
|
|
4272
4269
|
--text-color: var(--hop-Tag-option1-text-color);
|
|
4273
4270
|
}
|
|
4274
|
-
.Tag-module__hop-Tag--
|
|
4271
|
+
.Tag-module__hop-Tag--option2___mQBU7 {
|
|
4275
4272
|
--border-color: var(--hop-Tag-option2-border-color);
|
|
4276
4273
|
--background-color: var(--hop-Tag-option2-background-color);
|
|
4277
4274
|
--text-color: var(--hop-Tag-option2-text-color);
|
|
4278
4275
|
}
|
|
4279
|
-
.Tag-module__hop-Tag--
|
|
4276
|
+
.Tag-module__hop-Tag--option3___AQSPe {
|
|
4280
4277
|
--border-color: var(--hop-Tag-option3-border-color);
|
|
4281
4278
|
--background-color: var(--hop-Tag-option3-background-color);
|
|
4282
4279
|
--text-color: var(--hop-Tag-option3-text-color);
|
|
4283
4280
|
}
|
|
4284
|
-
.Tag-module__hop-Tag--
|
|
4281
|
+
.Tag-module__hop-Tag--option4___JVMM0 {
|
|
4285
4282
|
--border-color: var(--hop-Tag-option4-border-color);
|
|
4286
4283
|
--background-color: var(--hop-Tag-option4-background-color);
|
|
4287
4284
|
--text-color: var(--hop-Tag-option4-text-color);
|
|
4288
4285
|
}
|
|
4289
|
-
.Tag-module__hop-Tag--
|
|
4286
|
+
.Tag-module__hop-Tag--option5___uMkwG {
|
|
4290
4287
|
--border-color: var(--hop-Tag-option5-border-color);
|
|
4291
4288
|
--background-color: var(--hop-Tag-option5-background-color);
|
|
4292
4289
|
--text-color: var(--hop-Tag-option5-text-color);
|
|
4293
4290
|
}
|
|
4294
|
-
.Tag-module__hop-Tag--
|
|
4291
|
+
.Tag-module__hop-Tag--option6___1Vk-2 {
|
|
4295
4292
|
--border-color: var(--hop-Tag-option6-border-color);
|
|
4296
4293
|
--background-color: var(--hop-Tag-option6-background-color);
|
|
4297
4294
|
--text-color: var(--hop-Tag-option6-text-color);
|
|
4298
4295
|
}
|
|
4299
|
-
.Tag-module__hop-
|
|
4296
|
+
.Tag-module__hop-Tag___Yy8k4[data-href] {
|
|
4300
4297
|
cursor: pointer;
|
|
4301
4298
|
}
|
|
4302
|
-
.Tag-module__hop-Tag--
|
|
4299
|
+
.Tag-module__hop-Tag--neutral___yOJvu[data-focus-visible] {
|
|
4303
4300
|
--border-color: var(--hop-Tag-neutral-border-color-focus);
|
|
4304
4301
|
--background-color: var(--hop-Tag-neutral-background-color-focus);
|
|
4305
4302
|
--text-color: var(--hop-Tag-neutral-text-color-focus);
|
|
4306
4303
|
}
|
|
4307
|
-
.Tag-module__hop-Tag--
|
|
4304
|
+
.Tag-module__hop-Tag--neutral___yOJvu[data-hovered] {
|
|
4308
4305
|
--border-color: var(--hop-Tag-neutral-border-color-hover);
|
|
4309
4306
|
--background-color: var(--hop-Tag-neutral-background-color-hover);
|
|
4310
4307
|
--text-color: var(--hop-Tag-neutral-text-color-hover);
|
|
4311
4308
|
}
|
|
4312
|
-
.Tag-module__hop-Tag--
|
|
4309
|
+
.Tag-module__hop-Tag--neutral___yOJvu[data-pressed] {
|
|
4313
4310
|
--border-color: var(--hop-Tag-neutral-border-color-press);
|
|
4314
4311
|
--background-color: var(--hop-Tag-neutral-background-color-press);
|
|
4315
4312
|
--text-color: var(--hop-Tag-neutral-text-color-press);
|
|
4316
4313
|
}
|
|
4317
|
-
.Tag-module__hop-Tag--
|
|
4314
|
+
.Tag-module__hop-Tag--neutral___yOJvu[data-disabled] {
|
|
4318
4315
|
--border-color: var(--hop-Tag-neutral-border-color-disabled);
|
|
4319
4316
|
--background-color: var(--hop-Tag-neutral-background-color-disabled);
|
|
4320
4317
|
--text-color: var(--hop-Tag-neutral-text-color-disabled);
|
|
4321
4318
|
}
|
|
4322
|
-
.Tag-module__hop-Tag--
|
|
4319
|
+
.Tag-module__hop-Tag--subdued___IqCd5[data-focus-visible] {
|
|
4323
4320
|
--border-color: var(--hop-Tag-subdued-border-color-focus);
|
|
4324
4321
|
--background-color: var(--hop-Tag-subdued-background-color-focus);
|
|
4325
4322
|
--text-color: var(--hop-Tag-subdued-text-color-focus);
|
|
4326
4323
|
}
|
|
4327
|
-
.Tag-module__hop-Tag--
|
|
4324
|
+
.Tag-module__hop-Tag--subdued___IqCd5[data-hovered] {
|
|
4328
4325
|
--border-color: var(--hop-Tag-subdued-border-color-hover);
|
|
4329
4326
|
--background-color: var(--hop-Tag-subdued-background-color-hover);
|
|
4330
4327
|
--text-color: var(--hop-Tag-subdued-text-color-hover);
|
|
4331
4328
|
}
|
|
4332
|
-
.Tag-module__hop-Tag--
|
|
4329
|
+
.Tag-module__hop-Tag--subdued___IqCd5[data-pressed] {
|
|
4333
4330
|
--border-color: var(--hop-Tag-subdued-border-color-press);
|
|
4334
4331
|
--background-color: var(--hop-Tag-subdued-background-color-press);
|
|
4335
4332
|
--text-color: var(--hop-Tag-subdued-text-color-press);
|
|
4336
4333
|
}
|
|
4337
|
-
.Tag-module__hop-Tag--
|
|
4334
|
+
.Tag-module__hop-Tag--subdued___IqCd5[data-disabled] {
|
|
4338
4335
|
--border-color: var(--hop-Tag-subdued-border-color-disabled);
|
|
4339
4336
|
--background-color: var(--hop-Tag-subdued-background-color-disabled);
|
|
4340
4337
|
--text-color: var(--hop-Tag-subdued-text-color-disabled);
|
|
4341
4338
|
}
|
|
4342
|
-
.Tag-module__hop-Tag--
|
|
4339
|
+
.Tag-module__hop-Tag--progress___cH-Ng[data-focus-visible] {
|
|
4343
4340
|
--border-color: var(--hop-Tag-progress-border-color-focus);
|
|
4344
4341
|
--background-color: var(--hop-Tag-progress-background-color-focus);
|
|
4345
4342
|
--text-color: var(--hop-Tag-progress-text-color-focus);
|
|
4346
4343
|
}
|
|
4347
|
-
.Tag-module__hop-Tag--
|
|
4344
|
+
.Tag-module__hop-Tag--progress___cH-Ng[data-hovered] {
|
|
4348
4345
|
--border-color: var(--hop-Tag-progress-border-color-hover);
|
|
4349
4346
|
--background-color: var(--hop-Tag-progress-background-color-hover);
|
|
4350
4347
|
--text-color: var(--hop-Tag-progress-text-color-hover);
|
|
4351
4348
|
}
|
|
4352
|
-
.Tag-module__hop-Tag--
|
|
4349
|
+
.Tag-module__hop-Tag--progress___cH-Ng[data-pressed] {
|
|
4353
4350
|
--border-color: var(--hop-Tag-progress-border-color-press);
|
|
4354
4351
|
--background-color: var(--hop-Tag-progress-background-color-press);
|
|
4355
4352
|
--text-color: var(--hop-Tag-progress-text-color-press);
|
|
4356
4353
|
}
|
|
4357
|
-
.Tag-module__hop-Tag--
|
|
4354
|
+
.Tag-module__hop-Tag--progress___cH-Ng[data-disabled] {
|
|
4358
4355
|
--border-color: var(--hop-Tag-progress-border-color-disabled);
|
|
4359
4356
|
--background-color: var(--hop-Tag-progress-background-color-disabled);
|
|
4360
4357
|
--text-color: var(--hop-Tag-progress-text-color-disabled);
|
|
4361
4358
|
}
|
|
4362
|
-
.Tag-module__hop-Tag--
|
|
4359
|
+
.Tag-module__hop-Tag--positive___2EKCj[data-focus-visible] {
|
|
4363
4360
|
--border-color: var(--hop-Tag-positive-border-color-focus);
|
|
4364
4361
|
--background-color: var(--hop-Tag-positive-background-color-focus);
|
|
4365
4362
|
--text-color: var(--hop-Tag-positive-text-color-focus);
|
|
4366
4363
|
}
|
|
4367
|
-
.Tag-module__hop-Tag--
|
|
4364
|
+
.Tag-module__hop-Tag--positive___2EKCj[data-hovered] {
|
|
4368
4365
|
--border-color: var(--hop-Tag-positive-border-color-hover);
|
|
4369
4366
|
--background-color: var(--hop-Tag-positive-background-color-hover);
|
|
4370
4367
|
--text-color: var(--hop-Tag-positive-text-color-hover);
|
|
4371
4368
|
}
|
|
4372
|
-
.Tag-module__hop-Tag--
|
|
4369
|
+
.Tag-module__hop-Tag--positive___2EKCj[data-pressed] {
|
|
4373
4370
|
--border-color: var(--hop-Tag-positive-border-color-press);
|
|
4374
4371
|
--background-color: var(--hop-Tag-positive-background-color-press);
|
|
4375
4372
|
--text-color: var(--hop-Tag-positive-text-color-press);
|
|
4376
4373
|
}
|
|
4377
|
-
.Tag-module__hop-Tag--
|
|
4374
|
+
.Tag-module__hop-Tag--positive___2EKCj[data-disabled] {
|
|
4378
4375
|
--border-color: var(--hop-Tag-positive-border-color-disabled);
|
|
4379
4376
|
--background-color: var(--hop-Tag-positive-background-color-disabled);
|
|
4380
4377
|
--text-color: var(--hop-Tag-positive-text-color-disabled);
|
|
4381
4378
|
}
|
|
4382
|
-
.Tag-module__hop-Tag--
|
|
4379
|
+
.Tag-module__hop-Tag--caution___ph-FI[data-focus-visible] {
|
|
4383
4380
|
--border-color: var(--hop-Tag-caution-border-color-focus);
|
|
4384
4381
|
--background-color: var(--hop-Tag-caution-background-color-focus);
|
|
4385
4382
|
--text-color: var(--hop-Tag-caution-text-color-focus);
|
|
4386
4383
|
}
|
|
4387
|
-
.Tag-module__hop-Tag--
|
|
4384
|
+
.Tag-module__hop-Tag--caution___ph-FI[data-hovered] {
|
|
4388
4385
|
--border-color: var(--hop-Tag-caution-border-color-hover);
|
|
4389
4386
|
--background-color: var(--hop-Tag-caution-background-color-hover);
|
|
4390
4387
|
--text-color: var(--hop-Tag-caution-text-color-hover);
|
|
4391
4388
|
}
|
|
4392
|
-
.Tag-module__hop-Tag--
|
|
4389
|
+
.Tag-module__hop-Tag--caution___ph-FI[data-pressed] {
|
|
4393
4390
|
--border-color: var(--hop-Tag-caution-border-color-press);
|
|
4394
4391
|
--background-color: var(--hop-Tag-caution-background-color-press);
|
|
4395
4392
|
--text-color: var(--hop-Tag-caution-text-color-press);
|
|
4396
4393
|
}
|
|
4397
|
-
.Tag-module__hop-Tag--
|
|
4394
|
+
.Tag-module__hop-Tag--caution___ph-FI[data-disabled] {
|
|
4398
4395
|
--border-color: var(--hop-Tag-caution-border-color-disabled);
|
|
4399
4396
|
--background-color: var(--hop-Tag-caution-background-color-disabled);
|
|
4400
4397
|
--text-color: var(--hop-Tag-caution-text-color-disabled);
|
|
4401
4398
|
}
|
|
4402
|
-
.Tag-module__hop-Tag--
|
|
4399
|
+
.Tag-module__hop-Tag--negative___CvM-K[data-focus-visible] {
|
|
4403
4400
|
--border-color: var(--hop-Tag-negative-border-color-focus);
|
|
4404
4401
|
--background-color: var(--hop-Tag-negative-background-color-focus);
|
|
4405
4402
|
--text-color: var(--hop-Tag-negative-text-color-focus);
|
|
4406
4403
|
}
|
|
4407
|
-
.Tag-module__hop-Tag--
|
|
4404
|
+
.Tag-module__hop-Tag--negative___CvM-K[data-hovered] {
|
|
4408
4405
|
--border-color: var(--hop-Tag-negative-border-color-hover);
|
|
4409
4406
|
--background-color: var(--hop-Tag-negative-background-color-hover);
|
|
4410
4407
|
--text-color: var(--hop-Tag-negative-text-color-hover);
|
|
4411
4408
|
}
|
|
4412
|
-
.Tag-module__hop-Tag--
|
|
4409
|
+
.Tag-module__hop-Tag--negative___CvM-K[data-pressed] {
|
|
4413
4410
|
--border-color: var(--hop-Tag-negative-border-color-press);
|
|
4414
4411
|
--background-color: var(--hop-Tag-negative-background-color-press);
|
|
4415
4412
|
--text-color: var(--hop-Tag-negative-text-color-press);
|
|
4416
4413
|
}
|
|
4417
|
-
.Tag-module__hop-Tag--
|
|
4414
|
+
.Tag-module__hop-Tag--negative___CvM-K[data-disabled] {
|
|
4418
4415
|
--border-color: var(--hop-Tag-negative-border-color-disabled);
|
|
4419
4416
|
--background-color: var(--hop-Tag-negative-background-color-disabled);
|
|
4420
4417
|
--text-color: var(--hop-Tag-negative-text-color-disabled);
|
|
4421
4418
|
}
|
|
4422
|
-
.Tag-module__hop-Tag--
|
|
4419
|
+
.Tag-module__hop-Tag--option1___ZQJIo[data-focus-visible] {
|
|
4423
4420
|
--border-color: var(--hop-Tag-option1-border-color-focus);
|
|
4424
4421
|
--background-color: var(--hop-Tag-option1-background-color-focus);
|
|
4425
4422
|
--text-color: var(--hop-Tag-option1-text-color-focus);
|
|
4426
4423
|
}
|
|
4427
|
-
.Tag-module__hop-Tag--
|
|
4424
|
+
.Tag-module__hop-Tag--option1___ZQJIo[data-hovered] {
|
|
4428
4425
|
--border-color: var(--hop-Tag-option1-border-color-hover);
|
|
4429
4426
|
--background-color: var(--hop-Tag-option1-background-color-hover);
|
|
4430
4427
|
--text-color: var(--hop-Tag-option1-text-color-hover);
|
|
4431
4428
|
}
|
|
4432
|
-
.Tag-module__hop-Tag--
|
|
4429
|
+
.Tag-module__hop-Tag--option1___ZQJIo[data-pressed] {
|
|
4433
4430
|
--border-color: var(--hop-Tag-option1-border-color-press);
|
|
4434
4431
|
--background-color: var(--hop-Tag-option1-background-color-press);
|
|
4435
4432
|
--text-color: var(--hop-Tag-option1-text-color-press);
|
|
4436
4433
|
}
|
|
4437
|
-
.Tag-module__hop-Tag--
|
|
4434
|
+
.Tag-module__hop-Tag--option1___ZQJIo[data-disabled] {
|
|
4438
4435
|
--border-color: var(--hop-Tag-option1-border-color-disabled);
|
|
4439
4436
|
--background-color: var(--hop-Tag-option1-background-color-disabled);
|
|
4440
4437
|
--text-color: var(--hop-Tag-option1-text-color-disabled);
|
|
4441
4438
|
}
|
|
4442
|
-
.Tag-module__hop-Tag--
|
|
4439
|
+
.Tag-module__hop-Tag--option2___mQBU7[data-focus-visible] {
|
|
4443
4440
|
--border-color: var(--hop-Tag-option2-border-color-focus);
|
|
4444
4441
|
--background-color: var(--hop-Tag-option2-background-color-focus);
|
|
4445
4442
|
--text-color: var(--hop-Tag-option2-text-color-focus);
|
|
4446
4443
|
}
|
|
4447
|
-
.Tag-module__hop-Tag--
|
|
4444
|
+
.Tag-module__hop-Tag--option2___mQBU7[data-hovered] {
|
|
4448
4445
|
--border-color: var(--hop-Tag-option2-border-color-hover);
|
|
4449
4446
|
--background-color: var(--hop-Tag-option2-background-color-hover);
|
|
4450
4447
|
--text-color: var(--hop-Tag-option2-text-color-hover);
|
|
4451
4448
|
}
|
|
4452
|
-
.Tag-module__hop-Tag--
|
|
4449
|
+
.Tag-module__hop-Tag--option2___mQBU7[data-pressed] {
|
|
4453
4450
|
--border-color: var(--hop-Tag-option2-border-color-press);
|
|
4454
4451
|
--background-color: var(--hop-Tag-option2-background-color-press);
|
|
4455
4452
|
--text-color: var(--hop-Tag-option2-text-color-press);
|
|
4456
4453
|
}
|
|
4457
|
-
.Tag-module__hop-Tag--
|
|
4454
|
+
.Tag-module__hop-Tag--option2___mQBU7[data-disabled] {
|
|
4458
4455
|
--border-color: var(--hop-Tag-option2-border-color-disabled);
|
|
4459
4456
|
--background-color: var(--hop-Tag-option2-background-color-disabled);
|
|
4460
4457
|
--text-color: var(--hop-Tag-option2-text-color-disabled);
|
|
4461
4458
|
}
|
|
4462
|
-
.Tag-module__hop-Tag--
|
|
4459
|
+
.Tag-module__hop-Tag--option3___AQSPe[data-focus-visible] {
|
|
4463
4460
|
--border-color: var(--hop-Tag-option3-border-color-focus);
|
|
4464
4461
|
--background-color: var(--hop-Tag-option3-background-color-focus);
|
|
4465
4462
|
--text-color: var(--hop-Tag-option3-text-color-focus);
|
|
4466
4463
|
}
|
|
4467
|
-
.Tag-module__hop-Tag--
|
|
4464
|
+
.Tag-module__hop-Tag--option3___AQSPe[data-hovered] {
|
|
4468
4465
|
--border-color: var(--hop-Tag-option3-border-color-hover);
|
|
4469
4466
|
--background-color: var(--hop-Tag-option3-background-color-hover);
|
|
4470
4467
|
--text-color: var(--hop-Tag-option3-text-color-hover);
|
|
4471
4468
|
}
|
|
4472
|
-
.Tag-module__hop-Tag--
|
|
4469
|
+
.Tag-module__hop-Tag--option3___AQSPe[data-pressed] {
|
|
4473
4470
|
--border-color: var(--hop-Tag-option3-border-color-press);
|
|
4474
4471
|
--background-color: var(--hop-Tag-option3-background-color-press);
|
|
4475
4472
|
--text-color: var(--hop-Tag-option3-text-color-press);
|
|
4476
4473
|
}
|
|
4477
|
-
.Tag-module__hop-Tag--
|
|
4474
|
+
.Tag-module__hop-Tag--option3___AQSPe[data-disabled] {
|
|
4478
4475
|
--border-color: var(--hop-Tag-option3-border-color-disabled);
|
|
4479
4476
|
--background-color: var(--hop-Tag-option3-background-color-disabled);
|
|
4480
4477
|
--text-color: var(--hop-Tag-option3-text-color-disabled);
|
|
4481
4478
|
}
|
|
4482
|
-
.Tag-module__hop-Tag--
|
|
4479
|
+
.Tag-module__hop-Tag--option4___JVMM0[data-focus-visible] {
|
|
4483
4480
|
--border-color: var(--hop-Tag-option4-border-color-focus);
|
|
4484
4481
|
--background-color: var(--hop-Tag-option4-background-color-focus);
|
|
4485
4482
|
--text-color: var(--hop-Tag-option4-text-color-focus);
|
|
4486
4483
|
}
|
|
4487
|
-
.Tag-module__hop-Tag--
|
|
4484
|
+
.Tag-module__hop-Tag--option4___JVMM0[data-hovered] {
|
|
4488
4485
|
--border-color: var(--hop-Tag-option4-border-color-hover);
|
|
4489
4486
|
--background-color: var(--hop-Tag-option4-background-color-hover);
|
|
4490
4487
|
--text-color: var(--hop-Tag-option4-text-color-hover);
|
|
4491
4488
|
}
|
|
4492
|
-
.Tag-module__hop-Tag--
|
|
4489
|
+
.Tag-module__hop-Tag--option4___JVMM0[data-pressed] {
|
|
4493
4490
|
--border-color: var(--hop-Tag-option4-border-color-press);
|
|
4494
4491
|
--background-color: var(--hop-Tag-option4-background-color-press);
|
|
4495
4492
|
--text-color: var(--hop-Tag-option4-text-color-press);
|
|
4496
4493
|
}
|
|
4497
|
-
.Tag-module__hop-Tag--
|
|
4494
|
+
.Tag-module__hop-Tag--option4___JVMM0[data-disabled] {
|
|
4498
4495
|
--border-color: var(--hop-Tag-option4-border-color-disabled);
|
|
4499
4496
|
--background-color: var(--hop-Tag-option4-background-color-disabled);
|
|
4500
4497
|
--text-color: var(--hop-Tag-option4-text-color-disabled);
|
|
4501
4498
|
}
|
|
4502
|
-
.Tag-module__hop-Tag--
|
|
4499
|
+
.Tag-module__hop-Tag--option5___uMkwG[data-focus-visible] {
|
|
4503
4500
|
--border-color: var(--hop-Tag-option5-border-color-focus);
|
|
4504
4501
|
--background-color: var(--hop-Tag-option5-background-color-focus);
|
|
4505
4502
|
--text-color: var(--hop-Tag-option5-text-color-focus);
|
|
4506
4503
|
}
|
|
4507
|
-
.Tag-module__hop-Tag--
|
|
4504
|
+
.Tag-module__hop-Tag--option5___uMkwG[data-hovered] {
|
|
4508
4505
|
--border-color: var(--hop-Tag-option5-border-color-hover);
|
|
4509
4506
|
--background-color: var(--hop-Tag-option5-background-color-hover);
|
|
4510
4507
|
--text-color: var(--hop-Tag-option5-text-color-hover);
|
|
4511
4508
|
}
|
|
4512
|
-
.Tag-module__hop-Tag--
|
|
4509
|
+
.Tag-module__hop-Tag--option5___uMkwG[data-pressed] {
|
|
4513
4510
|
--border-color: var(--hop-Tag-option5-border-color-press);
|
|
4514
4511
|
--background-color: var(--hop-Tag-option5-background-color-press);
|
|
4515
4512
|
--text-color: var(--hop-Tag-option5-text-color-press);
|
|
4516
4513
|
}
|
|
4517
|
-
.Tag-module__hop-Tag--
|
|
4514
|
+
.Tag-module__hop-Tag--option5___uMkwG[data-disabled] {
|
|
4518
4515
|
--border-color: var(--hop-Tag-option5-border-color-disabled);
|
|
4519
4516
|
--background-color: var(--hop-Tag-option5-background-color-disabled);
|
|
4520
4517
|
--text-color: var(--hop-Tag-option5-text-color-disabled);
|
|
4521
4518
|
}
|
|
4522
|
-
.Tag-module__hop-Tag--
|
|
4519
|
+
.Tag-module__hop-Tag--option6___1Vk-2[data-focus-visible] {
|
|
4523
4520
|
--border-color: var(--hop-Tag-option6-border-color-focus);
|
|
4524
4521
|
--background-color: var(--hop-Tag-option6-background-color-focus);
|
|
4525
4522
|
--text-color: var(--hop-Tag-option6-text-color-focus);
|
|
4526
4523
|
}
|
|
4527
|
-
.Tag-module__hop-Tag--
|
|
4524
|
+
.Tag-module__hop-Tag--option6___1Vk-2[data-hovered] {
|
|
4528
4525
|
--border-color: var(--hop-Tag-option6-border-color-hover);
|
|
4529
4526
|
--background-color: var(--hop-Tag-option6-background-color-hover);
|
|
4530
4527
|
--text-color: var(--hop-Tag-option6-text-color-hover);
|
|
4531
4528
|
}
|
|
4532
|
-
.Tag-module__hop-Tag--
|
|
4529
|
+
.Tag-module__hop-Tag--option6___1Vk-2[data-pressed] {
|
|
4533
4530
|
--border-color: var(--hop-Tag-option6-border-color-press);
|
|
4534
4531
|
--background-color: var(--hop-Tag-option6-background-color-press);
|
|
4535
4532
|
--text-color: var(--hop-Tag-option6-text-color-press);
|
|
4536
4533
|
}
|
|
4537
|
-
.Tag-module__hop-Tag--
|
|
4534
|
+
.Tag-module__hop-Tag--option6___1Vk-2[data-disabled] {
|
|
4538
4535
|
--border-color: var(--hop-Tag-option6-border-color-disabled);
|
|
4539
4536
|
--background-color: var(--hop-Tag-option6-background-color-disabled);
|
|
4540
4537
|
--text-color: var(--hop-Tag-option6-text-color-disabled);
|
|
4541
4538
|
}
|
|
4542
|
-
.Tag-module__hop-
|
|
4539
|
+
.Tag-module__hop-Tag___Yy8k4[data-focus-visible] {
|
|
4543
4540
|
outline: 0.125rem solid var(--focus-ring-color);
|
|
4544
4541
|
}
|
|
4545
|
-
.Tag-module__hop-
|
|
4542
|
+
.Tag-module__hop-Tag___Yy8k4[data-hovered] {
|
|
4546
4543
|
cursor: pointer;
|
|
4547
4544
|
}
|
|
4548
|
-
.Tag-module__hop-
|
|
4545
|
+
.Tag-module__hop-Tag___Yy8k4[data-selected] {
|
|
4549
4546
|
--background-color: var(--hop-Tag-background-color-selected);
|
|
4550
4547
|
--border-color: var(--hop-Tag-border-color-selected);
|
|
4551
4548
|
--text-color: var(--hop-Tag-text-color-selected);
|
|
4552
4549
|
}
|
|
4553
|
-
.Tag-module__hop-
|
|
4550
|
+
.Tag-module__hop-Tag___Yy8k4[data-pressed] {
|
|
4554
4551
|
cursor: pointer;
|
|
4555
4552
|
}
|
|
4556
|
-
.Tag-module__hop-
|
|
4553
|
+
.Tag-module__hop-Tag___Yy8k4[data-invalid] {
|
|
4557
4554
|
--border-color: var(--hop-Tag-border-color-invalid);
|
|
4558
4555
|
}
|
|
4559
|
-
.Tag-module__hop-
|
|
4556
|
+
.Tag-module__hop-Tag___Yy8k4[data-disabled] {
|
|
4560
4557
|
cursor: not-allowed;
|
|
4561
4558
|
}
|
|
4562
|
-
.Tag-module__hop-
|
|
4559
|
+
.Tag-module__hop-Tag__avatar___CSU4h {
|
|
4563
4560
|
flex: 0 0 auto;
|
|
4564
4561
|
order: 1;
|
|
4565
4562
|
margin-inline-start: var(--avatar-margin-inline-start);
|
|
4566
4563
|
}
|
|
4567
|
-
.Tag-module__hop-Tag__icon___-
|
|
4568
|
-
.Tag-module__hop-Tag__icon-
|
|
4564
|
+
.Tag-module__hop-Tag__icon___-1ejX,
|
|
4565
|
+
.Tag-module__hop-Tag__icon-list___xKNVa {
|
|
4569
4566
|
flex: 0 0 auto;
|
|
4570
4567
|
flex-wrap: nowrap;
|
|
4571
4568
|
order: 2;
|
|
4572
4569
|
margin-inline-start: var(--icon-margin-inline-start, 0);
|
|
4573
4570
|
}
|
|
4574
|
-
.Tag-module__hop-
|
|
4571
|
+
.Tag-module__hop-Tag__text___sSfKQ {
|
|
4575
4572
|
overflow: hidden;
|
|
4576
4573
|
flex: 1 1 auto;
|
|
4577
4574
|
order: 3;
|
|
@@ -4579,33 +4576,33 @@
|
|
|
4579
4576
|
text-align: center;
|
|
4580
4577
|
text-overflow: ellipsis;
|
|
4581
4578
|
}
|
|
4582
|
-
.Tag-module__hop-
|
|
4579
|
+
.Tag-module__hop-Tag__badge___2wkBC {
|
|
4583
4580
|
flex: 0 0 auto;
|
|
4584
4581
|
order: 4;
|
|
4585
4582
|
margin-inline-end: var(--badge-margin-inline-end);
|
|
4586
4583
|
}
|
|
4587
|
-
.Tag-module__hop-
|
|
4584
|
+
.Tag-module__hop-Tag___Yy8k4 .Tag-module__hop-Tag__badge___2wkBC[data-variant=subdued] {
|
|
4588
4585
|
margin-inline-start: var(--badge-secondary-margin-inline-start);
|
|
4589
4586
|
color: inherit;
|
|
4590
4587
|
background: none;
|
|
4591
4588
|
}
|
|
4592
|
-
.Tag-module__hop-Tag--
|
|
4589
|
+
.Tag-module__hop-Tag--sm___P8TCA .Tag-module__hop-Tag__badge___2wkBC {
|
|
4593
4590
|
block-size: 100%;
|
|
4594
4591
|
}
|
|
4595
|
-
.Tag-module__hop-Tag__remove-
|
|
4596
|
-
.Tag-module__hop-
|
|
4592
|
+
.Tag-module__hop-Tag__remove-btn___G2Agr,
|
|
4593
|
+
.Tag-module__hop-Tag__Spinner___mraiV {
|
|
4597
4594
|
flex: 0 0 auto;
|
|
4598
4595
|
order: 5;
|
|
4599
4596
|
}
|
|
4600
|
-
.Tag-module__hop-
|
|
4597
|
+
.Tag-module__hop-Tag__Spinner___mraiV {
|
|
4601
4598
|
margin-inline-end: var(--spinner-margin-inline-end);
|
|
4602
4599
|
}
|
|
4603
|
-
.Tag-module__hop-Tag__remove-
|
|
4600
|
+
.Tag-module__hop-Tag__remove-btn___G2Agr {
|
|
4604
4601
|
margin-inline: var(--clear-btn-margin-inline);
|
|
4605
4602
|
}
|
|
4606
4603
|
|
|
4607
4604
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
|
|
4608
|
-
.TagGroup-module__hop-
|
|
4605
|
+
.TagGroup-module__hop-TagGroup___bQxw7 {
|
|
4609
4606
|
--hop-TagGroup-row-gap: var(--hop-space-inline-sm);
|
|
4610
4607
|
--hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
|
|
4611
4608
|
--hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
|
|
@@ -4625,10 +4622,10 @@
|
|
|
4625
4622
|
inline-size: max-content;
|
|
4626
4623
|
max-inline-size: 100%;
|
|
4627
4624
|
}
|
|
4628
|
-
.TagGroup-module__hop-
|
|
4625
|
+
.TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__label___cVWgA {
|
|
4629
4626
|
order: 1;
|
|
4630
4627
|
}
|
|
4631
|
-
.TagGroup-module__hop-
|
|
4628
|
+
.TagGroup-module__hop-TagGroup__list___luCe0 {
|
|
4632
4629
|
display: flex;
|
|
4633
4630
|
flex-wrap: wrap;
|
|
4634
4631
|
gap: var(--list-row-gap) var(--list-column-gap);
|
|
@@ -4637,24 +4634,49 @@
|
|
|
4637
4634
|
border-radius: var(--list-border-radius);
|
|
4638
4635
|
outline: none;
|
|
4639
4636
|
}
|
|
4640
|
-
.TagGroup-module__hop-
|
|
4637
|
+
.TagGroup-module__hop-TagGroup__list___luCe0[data-focus-visible] {
|
|
4641
4638
|
outline: 0.125rem solid var(--list-focus-ring-color);
|
|
4642
4639
|
outline-offset: 0.125rem;
|
|
4643
4640
|
}
|
|
4644
|
-
.TagGroup-module__hop-
|
|
4645
|
-
.TagGroup-module__hop-
|
|
4641
|
+
.TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__error-message___35gef,
|
|
4642
|
+
.TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__helper-message___QBlgC {
|
|
4646
4643
|
order: 3;
|
|
4647
4644
|
}
|
|
4648
4645
|
|
|
4646
|
+
/* ../tokens/dist/fonts.css */
|
|
4647
|
+
@font-face {
|
|
4648
|
+
font-family: "Inter";
|
|
4649
|
+
font-style: normal;
|
|
4650
|
+
font-weight: 100 900;
|
|
4651
|
+
src: url(https://cdn.platform.workleap.com/hopper/fonts/inter/v4/InterVariable.woff2) format("woff2-variations");
|
|
4652
|
+
font-display: fallback;
|
|
4653
|
+
}
|
|
4654
|
+
@font-face {
|
|
4655
|
+
font-family: "ABC Favorit Mono";
|
|
4656
|
+
font-style: normal;
|
|
4657
|
+
font-weight: 400;
|
|
4658
|
+
src: url(https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/mono/alternative/ABCFavoritMono-Regular.woff2) format("woff2-variations");
|
|
4659
|
+
font-display: fallback;
|
|
4660
|
+
}
|
|
4661
|
+
@font-face {
|
|
4662
|
+
font-family: "ABC Favorit";
|
|
4663
|
+
font-style: normal;
|
|
4664
|
+
font-weight: 100 900;
|
|
4665
|
+
src: url(https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/alternative/ABCFavoritVariable.woff2) format("woff2-variations");
|
|
4666
|
+
font-display: fallback;
|
|
4667
|
+
}
|
|
4668
|
+
|
|
4669
|
+
/* src/index.css */
|
|
4670
|
+
|
|
4649
4671
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
|
|
4650
|
-
:where(.Popover-module__hop-
|
|
4672
|
+
:where(.Popover-module__hop-Popover___wpqmA *) {
|
|
4651
4673
|
font-family: var(--font-family);
|
|
4652
4674
|
font-size: var(--font-size);
|
|
4653
4675
|
font-weight: var(--font-weight);
|
|
4654
4676
|
line-height: var(--line-height);
|
|
4655
4677
|
outline: none;
|
|
4656
4678
|
}
|
|
4657
|
-
.Popover-module__hop-
|
|
4679
|
+
.Popover-module__hop-Popover___wpqmA {
|
|
4658
4680
|
--hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
|
|
4659
4681
|
--hop-Popover-inline-width: 25rem;
|
|
4660
4682
|
--hop-Popover-dropdown-inline-width: var(--trigger-width);
|
|
@@ -4666,19 +4688,19 @@
|
|
|
4666
4688
|
inline-size: var(--width);
|
|
4667
4689
|
max-inline-size: var(--max-width);
|
|
4668
4690
|
}
|
|
4669
|
-
.Popover-module__hop-
|
|
4691
|
+
.Popover-module__hop-Popover___wpqmA[data-trigger=Select] {
|
|
4670
4692
|
--width: var(--hop-Popover-dropdown-inline-width);
|
|
4671
4693
|
}
|
|
4672
|
-
.Popover-module__hop-
|
|
4694
|
+
.Popover-module__hop-Popover___wpqmA[data-auto-width] {
|
|
4673
4695
|
--width: var(--hop-Popover-dropdown-auto-inline-width);
|
|
4674
4696
|
}
|
|
4675
|
-
.Popover-module__hop-
|
|
4676
|
-
animation: Popover-
|
|
4697
|
+
.Popover-module__hop-Popover___wpqmA[data-entering] {
|
|
4698
|
+
animation: Popover-module__fade___fLu22 0.25s;
|
|
4677
4699
|
}
|
|
4678
|
-
.Popover-module__hop-
|
|
4679
|
-
animation: Popover-
|
|
4700
|
+
.Popover-module__hop-Popover___wpqmA[data-exiting] {
|
|
4701
|
+
animation: Popover-module__fade___fLu22 0.25s reverse;
|
|
4680
4702
|
}
|
|
4681
|
-
@keyframes Popover-
|
|
4703
|
+
@keyframes Popover-module__fade___fLu22 {
|
|
4682
4704
|
from {
|
|
4683
4705
|
opacity: 0;
|
|
4684
4706
|
}
|
|
@@ -4686,14 +4708,14 @@
|
|
|
4686
4708
|
opacity: 1;
|
|
4687
4709
|
}
|
|
4688
4710
|
}
|
|
4689
|
-
.Popover-module__hop-
|
|
4711
|
+
.Popover-module__hop-Popover__wrapper___-2GXF {
|
|
4690
4712
|
display: flex;
|
|
4691
4713
|
flex: 1 1 auto;
|
|
4692
4714
|
flex-direction: column;
|
|
4693
4715
|
min-block-size: 0;
|
|
4694
4716
|
}
|
|
4695
|
-
.Popover-module__hop-
|
|
4696
|
-
.Popover-module__hop-
|
|
4717
|
+
.Popover-module__hop-Popover__dialog___wOPF-,
|
|
4718
|
+
.Popover-module__hop-Popover__dropdown___hF0Ba {
|
|
4697
4719
|
--hop-Popover-background: var(--hop-neutral-surface);
|
|
4698
4720
|
--hop-Popover-font-family: var(--hop-body-sm-font-family);
|
|
4699
4721
|
--hop-Popover-font-size: var(--hop-body-sm-font-size);
|
|
@@ -4739,20 +4761,20 @@
|
|
|
4739
4761
|
border-radius: var(--hop-Popover-border-radius);
|
|
4740
4762
|
box-shadow: var(--hop-Popover-box-shadow);
|
|
4741
4763
|
}
|
|
4742
|
-
.Popover-module__hop-
|
|
4764
|
+
.Popover-module__hop-Popover__dropdown___hF0Ba {
|
|
4743
4765
|
--footer-margin: var(--hop-Popover-footer-dropdown-margin);
|
|
4744
4766
|
--footer-place-self: stretch;
|
|
4745
4767
|
--grid-template: var(--hop-Popover-dropdown-grid-template);
|
|
4746
4768
|
--padding: var(--hop-Popover-dropdown-padding);
|
|
4747
4769
|
}
|
|
4748
|
-
.Popover-module__hop-
|
|
4770
|
+
.Popover-module__hop-Popover__dialog___wOPF- {
|
|
4749
4771
|
--padding: var(--hop-Popover-dialog-padding);
|
|
4750
4772
|
}
|
|
4751
|
-
.Popover-module__hop-
|
|
4773
|
+
.Popover-module__hop-Popover__title___tULvQ {
|
|
4752
4774
|
grid-area: header;
|
|
4753
4775
|
color: var(--hop-Popover-color);
|
|
4754
4776
|
}
|
|
4755
|
-
.Popover-module__hop-
|
|
4777
|
+
.Popover-module__hop-Popover__content___xfAwJ {
|
|
4756
4778
|
--font-size: var(--hop-Popover-content-font-size);
|
|
4757
4779
|
--line-height: var(--hop-Popover-content-line-height);
|
|
4758
4780
|
grid-area: content;
|
|
@@ -4761,7 +4783,7 @@
|
|
|
4761
4783
|
padding: 0;
|
|
4762
4784
|
color: var(--hop-Popover-content-color);
|
|
4763
4785
|
}
|
|
4764
|
-
.Popover-module__hop-
|
|
4786
|
+
.Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__list-box___dtFam {
|
|
4765
4787
|
grid-area: content;
|
|
4766
4788
|
inline-size: auto;
|
|
4767
4789
|
min-inline-size: auto;
|
|
@@ -4770,7 +4792,7 @@
|
|
|
4770
4792
|
padding: 0;
|
|
4771
4793
|
border: none;
|
|
4772
4794
|
}
|
|
4773
|
-
.Popover-module__hop-
|
|
4795
|
+
.Popover-module__hop-Popover__footer___nRrpk {
|
|
4774
4796
|
--font-size: var(--hop-Popover-footer-font-size);
|
|
4775
4797
|
--line-height: var(--hop-Popover-footer-line-height);
|
|
4776
4798
|
grid-area: footer;
|
|
@@ -4778,22 +4800,22 @@
|
|
|
4778
4800
|
margin: var(--footer-margin);
|
|
4779
4801
|
color: var(--hop-Popover-color);
|
|
4780
4802
|
}
|
|
4781
|
-
.Popover-module__hop-
|
|
4803
|
+
.Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__footer___nRrpk {
|
|
4782
4804
|
padding: var(--hop-Popover-footer-dropdown-footer-padding);
|
|
4783
4805
|
border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
|
|
4784
4806
|
}
|
|
4785
|
-
.Popover-module__hop-
|
|
4786
|
-
.Popover-module__hop-
|
|
4807
|
+
.Popover-module__hop-Popover__actions___9XiAv,
|
|
4808
|
+
.Popover-module__hop-Popover__action___Gk0oe {
|
|
4787
4809
|
grid-area: action;
|
|
4788
4810
|
justify-self: end;
|
|
4789
4811
|
margin-block-start: var(--hop-Popover-row-gap);
|
|
4790
4812
|
}
|
|
4791
|
-
.Popover-module__hop-
|
|
4813
|
+
.Popover-module__hop-Popover___wpqmA:has(.Popover-module__hop-Popover__actions___9XiAv, .Popover-module__hop-Popover__action___Gk0oe) .Popover-module__hop-Popover__footer___nRrpk {
|
|
4792
4814
|
margin-inline-end: var(--hop-Popover-column-gap);
|
|
4793
4815
|
}
|
|
4794
4816
|
|
|
4795
4817
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
|
|
4796
|
-
.SelectValue-module__hop-
|
|
4818
|
+
.SelectValue-module__hop-SelectValue___fVOPa {
|
|
4797
4819
|
--hop-SelectValue-display: flex;
|
|
4798
4820
|
--hop-SelectValue-column-gap: var(--hop-space-inline-sm);
|
|
4799
4821
|
overflow: hidden;
|
|
@@ -4805,13 +4827,13 @@
|
|
|
4805
4827
|
text-overflow: ellipsis;
|
|
4806
4828
|
white-space: nowrap;
|
|
4807
4829
|
}
|
|
4808
|
-
.SelectValue-module__hop-
|
|
4830
|
+
.SelectValue-module__hop-SelectValue__avatar___7yyBy {
|
|
4809
4831
|
order: 1;
|
|
4810
4832
|
}
|
|
4811
|
-
.SelectValue-module__hop-
|
|
4833
|
+
.SelectValue-module__hop-SelectValue__icon___s-Isr {
|
|
4812
4834
|
order: 2;
|
|
4813
4835
|
}
|
|
4814
|
-
.SelectValue-module__hop-
|
|
4836
|
+
.SelectValue-module__hop-SelectValue__text___MuSju {
|
|
4815
4837
|
overflow: hidden;
|
|
4816
4838
|
flex: 1 1 auto;
|
|
4817
4839
|
order: 3;
|
|
@@ -4819,12 +4841,12 @@
|
|
|
4819
4841
|
text-overflow: ellipsis;
|
|
4820
4842
|
white-space: nowrap;
|
|
4821
4843
|
}
|
|
4822
|
-
.SelectValue-module__hop-SelectValue__end-
|
|
4844
|
+
.SelectValue-module__hop-SelectValue__end-icon___nrWhM {
|
|
4823
4845
|
order: 4;
|
|
4824
4846
|
}
|
|
4825
4847
|
|
|
4826
4848
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
|
|
4827
|
-
.Select-module__hop-
|
|
4849
|
+
.Select-module__hop-Select___018w5 {
|
|
4828
4850
|
--hop-Select-row-gap: var(--hop-space-stack-xs);
|
|
4829
4851
|
--hop-Select-inline-size: 20rem;
|
|
4830
4852
|
--hop-Select-inline-size-fluid: 100%;
|
|
@@ -4875,13 +4897,13 @@
|
|
|
4875
4897
|
inline-size: var(--inline-size);
|
|
4876
4898
|
max-inline-size: var(--hop-Select-max-inline-size);
|
|
4877
4899
|
}
|
|
4878
|
-
.Select-module__hop-Select--
|
|
4900
|
+
.Select-module__hop-Select--fluid___8FKqZ {
|
|
4879
4901
|
--inline-size: var(--hop-Select-inline-size-fluid);
|
|
4880
4902
|
}
|
|
4881
|
-
.Select-module__hop-
|
|
4903
|
+
.Select-module__hop-Select__label___h0QJ- {
|
|
4882
4904
|
order: 1;
|
|
4883
4905
|
}
|
|
4884
|
-
.Select-module__hop-
|
|
4906
|
+
.Select-module__hop-Select__button___csI9f {
|
|
4885
4907
|
cursor: var(--button-cursor);
|
|
4886
4908
|
display: flex;
|
|
4887
4909
|
column-gap: var(--hop-Select-button-column-gap);
|
|
@@ -4897,28 +4919,28 @@
|
|
|
4897
4919
|
border-radius: var(--hop-Select-button-border-radius);
|
|
4898
4920
|
outline: none;
|
|
4899
4921
|
}
|
|
4900
|
-
.Select-module__hop-Select__button--
|
|
4922
|
+
.Select-module__hop-Select__button--sm___7Bkjy {
|
|
4901
4923
|
--button-block-size: var(--hop-Select-button-sm-block-size);
|
|
4902
4924
|
}
|
|
4903
|
-
.Select-module__hop-Select__button--
|
|
4925
|
+
.Select-module__hop-Select__button--md___N5Huq {
|
|
4904
4926
|
--button-block-size: var(--hop-Select-button-md-block-size);
|
|
4905
4927
|
}
|
|
4906
|
-
.Select-module__hop-
|
|
4928
|
+
.Select-module__hop-Select__button___csI9f[data-hovered] {
|
|
4907
4929
|
--button-background-color: var(--hop-Select-button-background-color-hovered);
|
|
4908
4930
|
--button-border-color: var(--hop-Select-button-border-color-hovered);
|
|
4909
4931
|
--button-color: var(--hop-Select-button-color-hovered);
|
|
4910
4932
|
--button-icon-color: var(--hop-Select-button-icon-color-hovered);
|
|
4911
4933
|
}
|
|
4912
|
-
.Select-module__hop-
|
|
4934
|
+
.Select-module__hop-Select__button___csI9f[data-pressed] {
|
|
4913
4935
|
--button-background-color: var(--hop-Select-button-background-color-selected);
|
|
4914
4936
|
--button-border-color: var(--hop-Select-button-border-color-selected);
|
|
4915
4937
|
--button-color: var(--hop-Select-button-color-selected);
|
|
4916
4938
|
--button-icon-color: var(--hop-Select-button-icon-color-selected);
|
|
4917
4939
|
}
|
|
4918
|
-
.Select-module__hop-
|
|
4940
|
+
.Select-module__hop-Select__button___csI9f[data-invalid] {
|
|
4919
4941
|
--button-border-color: var(--hop-Select-button-border-color-invalid);
|
|
4920
4942
|
}
|
|
4921
|
-
.Select-module__hop-
|
|
4943
|
+
.Select-module__hop-Select__button___csI9f[data-focus-visible] {
|
|
4922
4944
|
--button-background-color: var(--hop-Select-button-background-color-focused);
|
|
4923
4945
|
--button-border-color: var(--hop-Select-button-border-color-focused);
|
|
4924
4946
|
--button-color: var(--hop-Select-button-color-focused);
|
|
@@ -4926,24 +4948,24 @@
|
|
|
4926
4948
|
outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
|
|
4927
4949
|
outline-offset: -0.125rem;
|
|
4928
4950
|
}
|
|
4929
|
-
.Select-module__hop-
|
|
4951
|
+
.Select-module__hop-Select__button___csI9f:has([data-placeholder]) {
|
|
4930
4952
|
--button-color: var(--hop-Select-button-placeholder-color);
|
|
4931
4953
|
}
|
|
4932
|
-
.Select-module__hop-
|
|
4954
|
+
.Select-module__hop-Select__button___csI9f[data-disabled] {
|
|
4933
4955
|
--button-background-color: var(--hop-Select-button-background-color-disabled);
|
|
4934
4956
|
--button-border-color: var(--hop-Select-button-border-color-disabled);
|
|
4935
4957
|
--button-color: var(--hop-Select-button-color-disabled);
|
|
4936
4958
|
--button-icon-color: var(--hop-Select-button-icon-color-disabled);
|
|
4937
4959
|
--button-cursor: var(--hop-Select-button-cursor-disabled);
|
|
4938
4960
|
}
|
|
4939
|
-
.Select-module__hop-
|
|
4961
|
+
.Select-module__hop-Select__prefix___glfPq {
|
|
4940
4962
|
color: var(--hop-Select-prefix-color);
|
|
4941
4963
|
}
|
|
4942
|
-
.Select-module__hop-Select__button-
|
|
4964
|
+
.Select-module__hop-Select__button-icon___ADJTr {
|
|
4943
4965
|
margin-inline-start: auto;
|
|
4944
4966
|
color: var(--button-icon-color);
|
|
4945
4967
|
}
|
|
4946
|
-
.Select-module__hop-Select__helper-
|
|
4947
|
-
.Select-module__hop-Select__error-
|
|
4968
|
+
.Select-module__hop-Select__helper-message___pubjR,
|
|
4969
|
+
.Select-module__hop-Select__error-message___LLkqe {
|
|
4948
4970
|
order: 3;
|
|
4949
4971
|
}
|