@hopper-ui/components 1.3.31 → 1.3.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/Avatar/src/AnonymousAvatar.css +37 -37
- package/dist/Avatar/src/AnonymousAvatar.js +2 -2
- package/dist/Avatar/src/Avatar.css +55 -55
- package/dist/Avatar/src/Avatar.js +3 -3
- package/dist/Avatar/src/DeletedAvatar.css +37 -37
- package/dist/Avatar/src/DeletedAvatar.js +2 -2
- package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
- package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
- package/dist/Avatar/src/index.css +55 -55
- package/dist/Avatar/src/index.js +5 -5
- package/dist/Badge/src/Badge.css +42 -42
- package/dist/Badge/src/Badge.js +2 -2
- package/dist/Badge/src/FloatingBadge.css +37 -37
- package/dist/Badge/src/FloatingBadge.js +1 -1
- package/dist/Badge/src/index.css +52 -52
- package/dist/Badge/src/index.js +3 -3
- package/dist/Card/src/Card.css +247 -0
- package/dist/Card/src/Card.d.ts +22 -0
- package/dist/Card/src/Card.js +7 -0
- package/dist/Card/src/CardContext.d.ts +10 -0
- package/dist/Card/src/CardContext.js +2 -0
- package/dist/Card/src/index.css +247 -0
- package/dist/Card/src/index.d.ts +7 -0
- package/dist/Card/src/index.js +7 -0
- package/dist/ComboBox/src/ComboBox.css +559 -559
- package/dist/ComboBox/src/ComboBox.js +22 -22
- package/dist/ComboBox/src/index.css +559 -559
- package/dist/ComboBox/src/index.js +22 -22
- package/dist/Divider/src/Divider.css +29 -29
- package/dist/Divider/src/Divider.js +1 -1
- package/dist/Divider/src/index.css +29 -29
- package/dist/Divider/src/index.js +1 -1
- package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
- package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
- package/dist/ErrorMessage/src/index.css +29 -29
- package/dist/ErrorMessage/src/index.js +2 -2
- package/dist/Form/src/Form.css +747 -747
- package/dist/Form/src/Form.js +8 -8
- package/dist/Form/src/index.css +747 -747
- package/dist/Form/src/index.js +8 -8
- package/dist/HelperMessage/src/HelperMessage.css +29 -29
- package/dist/HelperMessage/src/HelperMessage.js +2 -2
- package/dist/HelperMessage/src/index.css +29 -29
- package/dist/HelperMessage/src/index.js +2 -2
- package/dist/IconList/src/IconList.css +28 -28
- package/dist/IconList/src/IconList.js +1 -1
- package/dist/IconList/src/index.css +28 -28
- package/dist/IconList/src/index.js +1 -1
- package/dist/Link/src/Link.css +49 -49
- package/dist/Link/src/Link.js +7 -7
- package/dist/Link/src/index.css +49 -49
- package/dist/Link/src/index.js +7 -7
- package/dist/ListBox/src/ListBox.css +274 -274
- package/dist/ListBox/src/ListBox.js +13 -13
- package/dist/ListBox/src/ListBoxItem.css +262 -262
- package/dist/ListBox/src/ListBoxItem.js +10 -10
- package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +274 -274
- package/dist/ListBox/src/index.js +13 -13
- package/dist/Select/src/Select.css +563 -563
- package/dist/Select/src/Select.js +24 -24
- package/dist/Select/src/SelectValue.css +61 -61
- package/dist/Select/src/SelectValue.js +5 -5
- package/dist/Select/src/index.css +563 -563
- package/dist/Select/src/index.js +24 -24
- package/dist/Spinner/src/Spinner.css +37 -37
- package/dist/Spinner/src/Spinner.js +2 -2
- package/dist/Spinner/src/index.css +37 -37
- package/dist/Spinner/src/index.js +2 -2
- package/dist/buttons/src/Button.css +93 -93
- package/dist/buttons/src/Button.js +7 -7
- package/dist/buttons/src/ButtonGroup.css +38 -38
- package/dist/buttons/src/ButtonGroup.js +1 -1
- package/dist/buttons/src/ClearButton.css +98 -98
- package/dist/buttons/src/ClearButton.js +2 -2
- package/dist/buttons/src/EmbeddedButton.css +98 -98
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/LinkButton.css +102 -102
- package/dist/buttons/src/LinkButton.js +6 -6
- package/dist/buttons/src/index.css +249 -249
- package/dist/buttons/src/index.js +12 -12
- package/dist/checkbox/src/Checkbox.css +46 -46
- package/dist/checkbox/src/Checkbox.js +6 -6
- package/dist/checkbox/src/CheckboxField.css +33 -33
- package/dist/checkbox/src/CheckboxField.js +2 -2
- package/dist/checkbox/src/CheckboxGroup.css +98 -98
- package/dist/checkbox/src/CheckboxGroup.js +8 -8
- package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
- package/dist/checkbox/src/DecorativeCheckbox.js +6 -6
- package/dist/checkbox/src/index.css +98 -98
- package/dist/checkbox/src/index.js +15 -15
- package/dist/{chunk-5SVPP6YF.js → chunk-2PIWQBQ7.js} +2 -2
- package/dist/{chunk-J4LFCG4M.js → chunk-2ZAWI3VO.js} +1 -1
- package/dist/chunk-425TRLX5.js +71 -0
- package/dist/{chunk-UCJZEAB5.js → chunk-4XMDZ5QF.js} +1 -1
- package/dist/{chunk-Q37IPST6.js → chunk-52EKMM7G.js} +4 -4
- package/dist/{chunk-BWFO6U3N.js → chunk-5TE4QKZ2.js} +3 -3
- package/dist/{chunk-Z75MF65T.js → chunk-5YGTZWHS.js} +1 -1
- package/dist/{chunk-QTWASRAE.js → chunk-6XSOF5IT.js} +2 -2
- package/dist/{chunk-XGKMW4MG.js → chunk-77K422AK.js} +1 -1
- package/dist/{chunk-EKVGUBEE.js → chunk-7ITDXJPN.js} +5 -5
- package/dist/{chunk-PGX7B5ZI.js → chunk-7OZNJCXL.js} +6 -6
- package/dist/{chunk-YEN2Y62H.js → chunk-7RTEFFZS.js} +4 -4
- package/dist/{chunk-A7B5XEGW.js → chunk-B2PZHGGT.js} +2 -2
- package/dist/{chunk-NIDJ3QD5.js → chunk-BAX352BZ.js} +1 -1
- package/dist/{chunk-TTPSVCRY.js → chunk-F3GTLFKR.js} +1 -1
- package/dist/{chunk-Y2L7FXEE.js → chunk-FXB7BBJB.js} +2 -2
- package/dist/{chunk-L4WMZWNS.js → chunk-HPEGBHAQ.js} +1 -1
- package/dist/{chunk-TGWCRZOA.js → chunk-JHZLRSJY.js} +1 -1
- package/dist/{chunk-SP7QWHJU.js → chunk-JZV3EU5P.js} +5 -5
- package/dist/{chunk-UXDJGWHZ.js → chunk-KXZYWFM3.js} +5 -5
- package/dist/{chunk-VMAP5OXR.js → chunk-MCSPPEQN.js} +1 -1
- package/dist/{chunk-EITAKLZD.js → chunk-MMCWVCOD.js} +2 -2
- package/dist/{chunk-3EAPRTHU.js → chunk-MOIFFJJ3.js} +1 -1
- package/dist/{chunk-HKX473KB.js → chunk-MY7R6ZMF.js} +2 -2
- package/dist/{chunk-WRIA2DOV.js → chunk-N7ORIARY.js} +2 -2
- package/dist/{chunk-54IRJS4J.js → chunk-OAUTLKSG.js} +6 -6
- package/dist/{chunk-QWGXDJ44.js → chunk-OEMWDVBB.js} +2 -2
- package/dist/{chunk-DOSDN7OK.js → chunk-OFYHUD3N.js} +2 -2
- package/dist/{chunk-ZM4AHBEK.js → chunk-PME32XAH.js} +6 -6
- package/dist/{chunk-ZUWVOUBT.js → chunk-PR6Q2XJD.js} +7 -7
- package/dist/{chunk-L4IQU6BF.js → chunk-QDIICTRS.js} +2 -2
- package/dist/{chunk-CMYS5I7X.js → chunk-SMNKMZIC.js} +8 -8
- package/dist/{chunk-UYEVWTDS.js → chunk-SWQEWYNM.js} +1 -1
- package/dist/{chunk-6JPZEUJU.js → chunk-U7NERCPG.js} +6 -6
- package/dist/{chunk-YMDTCHEW.js → chunk-UEZ6JMBX.js} +1 -1
- package/dist/{chunk-BOP2AQLT.js → chunk-UJAYZEVR.js} +2 -2
- package/dist/{chunk-QODWUIKG.js → chunk-UOVCHVGX.js} +5 -5
- package/dist/{chunk-INOHCKSX.js → chunk-UYDOZLJW.js} +4 -4
- package/dist/{chunk-YEZAILOI.js → chunk-UYXVO6TB.js} +1 -1
- package/dist/chunk-V2EQFVTJ.js +7 -0
- package/dist/{chunk-UFMEUTKK.js → chunk-VYFGV7LF.js} +2 -2
- package/dist/{chunk-3VKQHRO5.js → chunk-VYNPGUH2.js} +1 -1
- package/dist/{chunk-FSKZ7UXH.js → chunk-WJ6YDFFC.js} +1 -1
- package/dist/{chunk-L2M5I353.js → chunk-WXP3P4KY.js} +5 -5
- package/dist/{chunk-YC5BBTPZ.js → chunk-X5SCISRD.js} +2 -2
- package/dist/{chunk-EAJI2HCK.js → chunk-XDJMIWOT.js} +3 -3
- package/dist/{chunk-QKCG7UMP.js → chunk-XTY7LASB.js} +3 -3
- package/dist/{chunk-D22VY376.js → chunk-Y75VH6OP.js} +1 -1
- package/dist/{chunk-NWEIQERE.js → chunk-YTKE4ERV.js} +9 -9
- package/dist/{chunk-2BHWYRFT.js → chunk-ZTS67CFU.js} +3 -3
- package/dist/{chunk-GKKKRGGI.js → chunk-ZUL2DWRU.js} +2 -2
- package/dist/index.css +791 -770
- package/dist/index.d.ts +2 -0
- package/dist/index.js +79 -77
- package/dist/inputs/src/InputGroup.css +264 -264
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +286 -286
- package/dist/inputs/src/NumberField.js +11 -11
- package/dist/inputs/src/PasswordField.css +274 -274
- package/dist/inputs/src/PasswordField.js +11 -11
- package/dist/inputs/src/RemainingCharacterCount.css +30 -30
- package/dist/inputs/src/RemainingCharacterCount.js +5 -5
- package/dist/inputs/src/SearchField.css +280 -280
- package/dist/inputs/src/SearchField.js +12 -12
- package/dist/inputs/src/TextArea.css +281 -281
- package/dist/inputs/src/TextArea.js +11 -11
- package/dist/inputs/src/TextField.css +278 -278
- package/dist/inputs/src/TextField.js +14 -14
- package/dist/inputs/src/index.css +324 -324
- package/dist/inputs/src/index.js +22 -22
- package/dist/overlays/Popover/src/Popover.css +541 -541
- package/dist/overlays/Popover/src/Popover.js +8 -8
- package/dist/overlays/Popover/src/index.css +541 -541
- package/dist/overlays/Popover/src/index.js +8 -8
- package/dist/radio/src/DecorativeRadio.css +54 -54
- package/dist/radio/src/DecorativeRadio.js +6 -6
- package/dist/radio/src/Radio.css +46 -46
- package/dist/radio/src/Radio.js +6 -6
- package/dist/radio/src/RadioField.css +33 -33
- package/dist/radio/src/RadioField.js +2 -2
- package/dist/radio/src/RadioGroup.css +98 -98
- package/dist/radio/src/RadioGroup.js +7 -7
- package/dist/radio/src/index.css +98 -98
- package/dist/radio/src/index.js +14 -14
- package/dist/switch/src/Switch.css +43 -43
- package/dist/switch/src/Switch.js +6 -6
- package/dist/switch/src/SwitchField.css +33 -33
- package/dist/switch/src/SwitchField.js +3 -3
- package/dist/switch/src/index.css +49 -49
- package/dist/switch/src/index.js +8 -8
- package/dist/tag/src/Tag.css +390 -390
- package/dist/tag/src/Tag.js +9 -9
- package/dist/tag/src/TagGroup.css +37 -37
- package/dist/tag/src/TagGroup.js +4 -4
- package/dist/tag/src/TagList.css +27 -27
- package/dist/tag/src/index.css +400 -400
- package/dist/tag/src/index.js +14 -14
- package/dist/typography/Heading/src/Heading.css +27 -27
- package/dist/typography/Heading/src/Heading.js +1 -1
- package/dist/typography/Heading/src/index.css +27 -27
- package/dist/typography/Heading/src/index.js +1 -1
- package/dist/typography/Label/src/Label.css +27 -27
- package/dist/typography/Label/src/Label.js +1 -1
- package/dist/typography/Label/src/index.css +27 -27
- package/dist/typography/Label/src/index.js +1 -1
- package/dist/typography/OverlineText/src/OverlineText.css +27 -27
- package/dist/typography/OverlineText/src/OverlineText.js +1 -1
- package/dist/typography/OverlineText/src/index.css +27 -27
- package/dist/typography/OverlineText/src/index.js +1 -1
- package/dist/typography/Text/src/Text.css +27 -27
- package/dist/typography/Text/src/Text.js +1 -1
- package/dist/typography/Text/src/index.css +27 -27
- package/dist/typography/Text/src/index.js +1 -1
- package/dist/utils/src/EnsureTextWrapper.css +27 -27
- package/dist/utils/src/EnsureTextWrapper.js +5 -5
- package/dist/utils/src/index.css +27 -27
- package/dist/utils/src/index.js +6 -6
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@import "@hopper-ui/styled-system/index.css";
|
|
3
3
|
|
|
4
4
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
|
|
5
|
-
.Heading-module__hop-
|
|
5
|
+
.Heading-module__hop-Heading___yXCh3 {
|
|
6
6
|
--hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
|
|
7
7
|
--hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
|
|
8
8
|
--hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
|
|
@@ -36,50 +36,50 @@
|
|
|
36
36
|
--hop-Heading-inherit-size-font-weight: inherit;
|
|
37
37
|
--hop-Heading-inherit-size-line-height: inherit;
|
|
38
38
|
}
|
|
39
|
-
:where(.Heading-module__hop-
|
|
39
|
+
:where(.Heading-module__hop-Heading___yXCh3) {
|
|
40
40
|
margin: 0;
|
|
41
41
|
font-family: var(--font-family);
|
|
42
42
|
font-size: var(--font-size);
|
|
43
43
|
font-weight: var(--font-weight);
|
|
44
44
|
line-height: var(--line-height);
|
|
45
45
|
}
|
|
46
|
-
:where(.Heading-module__hop-Heading--
|
|
46
|
+
:where(.Heading-module__hop-Heading--xs___cgxRO) {
|
|
47
47
|
--font-size: var(--hop-Heading-xs-font-size);
|
|
48
48
|
--font-family: var(--hop-Heading-xs-font-family);
|
|
49
49
|
--font-weight: var(--hop-Heading-xs-font-weight);
|
|
50
50
|
--line-height: var(--hop-Heading-xs-line-height);
|
|
51
51
|
}
|
|
52
|
-
:where(.Heading-module__hop-Heading--
|
|
52
|
+
:where(.Heading-module__hop-Heading--sm___9XWSE) {
|
|
53
53
|
--font-size: var(--hop-Heading-sm-font-size);
|
|
54
54
|
--font-family: var(--hop-Heading-sm-font-family);
|
|
55
55
|
--font-weight: var(--hop-Heading-sm-font-weight);
|
|
56
56
|
--line-height: var(--hop-Heading-sm-line-height);
|
|
57
57
|
}
|
|
58
|
-
:where(.Heading-module__hop-Heading--
|
|
58
|
+
:where(.Heading-module__hop-Heading--md___dSJp9) {
|
|
59
59
|
--font-size: var(--hop-Heading-md-font-size);
|
|
60
60
|
--font-family: var(--hop-Heading-md-font-family);
|
|
61
61
|
--font-weight: var(--hop-Heading-md-font-weight);
|
|
62
62
|
--line-height: var(--hop-Heading-md-line-height);
|
|
63
63
|
}
|
|
64
|
-
:where(.Heading-module__hop-Heading--
|
|
64
|
+
:where(.Heading-module__hop-Heading--lg___7BQM-) {
|
|
65
65
|
--font-size: var(--hop-Heading-lg-font-size);
|
|
66
66
|
--font-family: var(--hop-Heading-lg-font-family);
|
|
67
67
|
--font-weight: var(--hop-Heading-lg-font-weight);
|
|
68
68
|
--line-height: var(--hop-Heading-lg-line-height);
|
|
69
69
|
}
|
|
70
|
-
:where(.Heading-module__hop-Heading--
|
|
70
|
+
:where(.Heading-module__hop-Heading--xl___mc-2D) {
|
|
71
71
|
--font-size: var(--hop-Heading-xl-font-size);
|
|
72
72
|
--font-family: var(--hop-Heading-xl-font-family);
|
|
73
73
|
--font-weight: var(--hop-Heading-xl-font-weight);
|
|
74
74
|
--line-height: var(--hop-Heading-xl-line-height);
|
|
75
75
|
}
|
|
76
|
-
:where(.Heading-module__hop-Heading--
|
|
76
|
+
:where(.Heading-module__hop-Heading--2xl___b9d1O) {
|
|
77
77
|
--font-size: var(--hop-Heading-2xl-font-size);
|
|
78
78
|
--font-family: var(--hop-Heading-2xl-font-family);
|
|
79
79
|
--font-weight: var(--hop-Heading-2xl-font-weight);
|
|
80
80
|
--line-height: var(--hop-Heading-2xl-line-height);
|
|
81
81
|
}
|
|
82
|
-
:where(.Heading-module__hop-Heading--
|
|
82
|
+
:where(.Heading-module__hop-Heading--3xl___mSP0w) {
|
|
83
83
|
--font-size: var(--hop-Heading-3xl-font-size);
|
|
84
84
|
--font-family: var(--hop-Heading-3xl-font-family);
|
|
85
85
|
--font-weight: var(--hop-Heading-3xl-font-weight);
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
|
|
90
|
-
:where(.OverlineText-module__hop-
|
|
90
|
+
:where(.OverlineText-module__hop-OverlineText___5ke-P) {
|
|
91
91
|
--hop-OverlineText-font-family: var(--hop-overline-font-family);
|
|
92
92
|
--hop-OverlineText-font-size: var(--hop-overline-font-size);
|
|
93
93
|
--hop-OverlineText-font-weight: var(--hop-overline-font-weight);
|
|
@@ -111,45 +111,45 @@
|
|
|
111
111
|
text-transform: uppercase;
|
|
112
112
|
letter-spacing: var(--letter-spacing);
|
|
113
113
|
}
|
|
114
|
-
.OverlineText-module__hop-
|
|
114
|
+
.OverlineText-module__hop-OverlineText__text___WdEoR {
|
|
115
115
|
box-sizing: border-box;
|
|
116
116
|
}
|
|
117
|
-
.OverlineText-module__hop-
|
|
118
|
-
.OverlineText-module__hop-
|
|
117
|
+
.OverlineText-module__hop-OverlineText__text___WdEoR::before,
|
|
118
|
+
.OverlineText-module__hop-OverlineText__text___WdEoR::after {
|
|
119
119
|
content: "";
|
|
120
120
|
display: block;
|
|
121
121
|
box-sizing: border-box;
|
|
122
122
|
inline-size: 0;
|
|
123
123
|
block-size: 0;
|
|
124
124
|
}
|
|
125
|
-
.OverlineText-module__hop-
|
|
125
|
+
.OverlineText-module__hop-OverlineText__text___WdEoR::before {
|
|
126
126
|
margin-block-end: var(--bottom-offset);
|
|
127
127
|
}
|
|
128
|
-
.OverlineText-module__hop-
|
|
128
|
+
.OverlineText-module__hop-OverlineText__text___WdEoR::after {
|
|
129
129
|
margin-block-start: var(--top-offset);
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
|
|
133
|
-
.Label-module__hop-
|
|
133
|
+
.Label-module__hop-Label___BRqtH {
|
|
134
134
|
--hop-Label-font-size: var(--hop-heading-xs-font-size);
|
|
135
135
|
--hop-Label-font-family: var(--hop-heading-xs-font-family);
|
|
136
136
|
--hop-Label-font-weight: var(--hop-heading-xs-font-weight);
|
|
137
137
|
--hop-Label-line-height: var(--hop-heading-xs-line-height);
|
|
138
138
|
--hop-Label-color: var(--hop-neutral-text-weak);
|
|
139
139
|
}
|
|
140
|
-
:where(.Label-module__hop-
|
|
140
|
+
:where(.Label-module__hop-Label___BRqtH) {
|
|
141
141
|
font-family: var(--hop-Label-font-family);
|
|
142
142
|
font-size: var(--hop-Label-font-size);
|
|
143
143
|
font-weight: var(--hop-Label-font-weight);
|
|
144
144
|
line-height: var(--hop-Label-line-height);
|
|
145
145
|
color: var(--hop-Label-color);
|
|
146
146
|
}
|
|
147
|
-
:where(.Label-module__hop-
|
|
147
|
+
:where(.Label-module__hop-Label__indicator___78Snn) {
|
|
148
148
|
padding-inline-start: var(--hop-space-20);
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
|
|
152
|
-
.Text-module__hop-
|
|
152
|
+
.Text-module__hop-Text___mlsmJ {
|
|
153
153
|
--hop-Text-xs-font-size: var(--hop-body-xs-font-size);
|
|
154
154
|
--hop-Text-xs-font-family: var(--hop-body-xs-font-family);
|
|
155
155
|
--hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
|
|
@@ -179,49 +179,49 @@
|
|
|
179
179
|
--hop-Text-inherit-size-font-weight: inherit;
|
|
180
180
|
--hop-Text-inherit-size-line-height: inherit;
|
|
181
181
|
}
|
|
182
|
-
:where(.Text-module__hop-
|
|
182
|
+
:where(.Text-module__hop-Text___mlsmJ) {
|
|
183
183
|
font-family: var(--font-family);
|
|
184
184
|
font-size: var(--font-size);
|
|
185
185
|
font-weight: var(--font-weight);
|
|
186
186
|
line-height: var(--line-height);
|
|
187
187
|
}
|
|
188
|
-
:where(.Text-module__hop-Text--
|
|
188
|
+
:where(.Text-module__hop-Text--xs___4g9Hm) {
|
|
189
189
|
--font-size: var(--hop-Text-xs-font-size);
|
|
190
190
|
--font-family: var(--hop-Text-xs-font-family);
|
|
191
191
|
--font-weight: var(--hop-Text-xs-font-weight);
|
|
192
192
|
--line-height: var(--hop-Text-xs-line-height);
|
|
193
193
|
}
|
|
194
|
-
:where(.Text-module__hop-Text--
|
|
194
|
+
:where(.Text-module__hop-Text--sm___w-WWU) {
|
|
195
195
|
--font-size: var(--hop-Text-sm-font-size);
|
|
196
196
|
--font-family: var(--hop-Text-sm-font-family);
|
|
197
197
|
--font-weight: var(--hop-Text-sm-font-weight);
|
|
198
198
|
--line-height: var(--hop-Text-sm-line-height);
|
|
199
199
|
}
|
|
200
|
-
:where(.Text-module__hop-Text--
|
|
200
|
+
:where(.Text-module__hop-Text--md___FHx98) {
|
|
201
201
|
--font-size: var(--hop-Text-md-font-size);
|
|
202
202
|
--font-family: var(--hop-Text-md-font-family);
|
|
203
203
|
--font-weight: var(--hop-Text-md-font-weight);
|
|
204
204
|
--line-height: var(--hop-Text-md-line-height);
|
|
205
205
|
}
|
|
206
|
-
:where(.Text-module__hop-Text--
|
|
206
|
+
:where(.Text-module__hop-Text--lg___N-Ov9) {
|
|
207
207
|
--font-size: var(--hop-Text-lg-font-size);
|
|
208
208
|
--font-family: var(--hop-Text-lg-font-family);
|
|
209
209
|
--font-weight: var(--hop-Text-lg-font-weight);
|
|
210
210
|
--line-height: var(--hop-Text-lg-line-height);
|
|
211
211
|
}
|
|
212
|
-
:where(.Text-module__hop-Text--
|
|
212
|
+
:where(.Text-module__hop-Text--xl___O0xxj) {
|
|
213
213
|
--font-size: var(--hop-Text-xl-font-size);
|
|
214
214
|
--font-family: var(--hop-Text-xl-font-family);
|
|
215
215
|
--font-weight: var(--hop-Text-xl-font-weight);
|
|
216
216
|
--line-height: var(--hop-Text-xl-line-height);
|
|
217
217
|
}
|
|
218
|
-
:where(.Text-module__hop-Text--
|
|
218
|
+
:where(.Text-module__hop-Text--2xl___7cgXw) {
|
|
219
219
|
--font-size: var(--hop-Text-2xl-font-size);
|
|
220
220
|
--font-family: var(--hop-Text-2xl-font-family);
|
|
221
221
|
--font-weight: var(--hop-Text-2xl-font-weight);
|
|
222
222
|
--line-height: var(--hop-Text-2xl-line-height);
|
|
223
223
|
}
|
|
224
|
-
:where(.Text-module__hop-Text--
|
|
224
|
+
:where(.Text-module__hop-Text--inherit___CD7Gr) {
|
|
225
225
|
--font-size: var(--hop-Text-inherit-size-font-size);
|
|
226
226
|
--font-family: var(--hop-Text-inherit-size-font-family);
|
|
227
227
|
--font-weight: var(--hop-Text-inherit-size-font-weight);
|
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
}
|
|
230
230
|
|
|
231
231
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
|
|
232
|
-
.RichIconAvatarImage-module__hop-
|
|
232
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___sciln {
|
|
233
233
|
--hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
|
|
234
234
|
--hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
|
|
235
235
|
--hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
|
|
@@ -260,46 +260,46 @@
|
|
|
260
260
|
background-color: var(--background-color);
|
|
261
261
|
border-radius: var(--hop-RichIconAvatarImage-border-radius);
|
|
262
262
|
}
|
|
263
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
263
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___0t8wK {
|
|
264
264
|
--size: var(--hop-RichIconAvatarImage-xs-size);
|
|
265
265
|
--icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
|
|
266
266
|
}
|
|
267
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
267
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___qbuKo {
|
|
268
268
|
--size: var(--hop-RichIconAvatarImage-sm-size);
|
|
269
269
|
--icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
|
|
270
270
|
}
|
|
271
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
271
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Thvly {
|
|
272
272
|
--size: var(--hop-RichIconAvatarImage-md-size);
|
|
273
273
|
--icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
|
|
274
274
|
}
|
|
275
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
275
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___CH9ui {
|
|
276
276
|
--size: var(--hop-RichIconAvatarImage-lg-size);
|
|
277
277
|
--icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
|
|
278
278
|
}
|
|
279
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
279
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___Kx4LY {
|
|
280
280
|
--size: var(--hop-RichIconAvatarImage-xl-size);
|
|
281
281
|
--icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
|
|
282
282
|
}
|
|
283
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
283
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___pPJGO {
|
|
284
284
|
--size: var(--hop-RichIconAvatarImage-2xl-size);
|
|
285
285
|
--icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
|
|
286
286
|
}
|
|
287
|
-
.RichIconAvatarImage-module__hop-
|
|
287
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___sciln[data-disabled] {
|
|
288
288
|
--background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
289
289
|
}
|
|
290
|
-
.RichIconAvatarImage-module__hop-
|
|
290
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___qdQ1m {
|
|
291
291
|
position: relative;
|
|
292
292
|
display: block;
|
|
293
293
|
inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
|
|
294
294
|
block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
|
|
295
295
|
}
|
|
296
|
-
.RichIconAvatarImage-module__hop-
|
|
296
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___sciln[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___qdQ1m {
|
|
297
297
|
--hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
298
298
|
--hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
|
|
299
299
|
}
|
|
300
300
|
|
|
301
301
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
|
|
302
|
-
.Avatar-module__hop-
|
|
302
|
+
.Avatar-module__hop-Avatar___NRR7e {
|
|
303
303
|
--hop-Avatar-border-radius: var(--hop-shape-circle);
|
|
304
304
|
--hop-Avatar-mix-blend-mode: normal;
|
|
305
305
|
--hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
|
|
@@ -344,67 +344,67 @@
|
|
|
344
344
|
background-color: var(--background-color, transparent);
|
|
345
345
|
border-radius: var(--hop-Avatar-border-radius);
|
|
346
346
|
}
|
|
347
|
-
.Avatar-module__hop-Avatar--
|
|
347
|
+
.Avatar-module__hop-Avatar--xs___Lc954 {
|
|
348
348
|
--size: var(--hop-Avatar-xs-size);
|
|
349
349
|
}
|
|
350
|
-
.Avatar-module__hop-Avatar--
|
|
350
|
+
.Avatar-module__hop-Avatar--sm___xKab- {
|
|
351
351
|
--size: var(--hop-Avatar-sm-size);
|
|
352
352
|
}
|
|
353
|
-
.Avatar-module__hop-Avatar--
|
|
353
|
+
.Avatar-module__hop-Avatar--md___wzlmP {
|
|
354
354
|
--size: var(--hop-Avatar-md-size);
|
|
355
355
|
}
|
|
356
|
-
.Avatar-module__hop-Avatar--
|
|
356
|
+
.Avatar-module__hop-Avatar--lg___0tPMw {
|
|
357
357
|
--size: var(--hop-Avatar-lg-size);
|
|
358
358
|
}
|
|
359
|
-
.Avatar-module__hop-Avatar--
|
|
359
|
+
.Avatar-module__hop-Avatar--xl___oDIyV {
|
|
360
360
|
--size: var(--hop-Avatar-xl-size);
|
|
361
361
|
}
|
|
362
|
-
.Avatar-module__hop-Avatar--
|
|
362
|
+
.Avatar-module__hop-Avatar--2xl___fReCL {
|
|
363
363
|
--size: var(--hop-Avatar-2xl-size);
|
|
364
364
|
}
|
|
365
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
365
|
+
.Avatar-module__hop-Avatar--decorative-option1___M3KiH {
|
|
366
366
|
--background-color: var(--hop-Avatar-decorative-1-background-color);
|
|
367
367
|
--text-color: var(--hop-Avatar-decorative-1-text-color);
|
|
368
368
|
}
|
|
369
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
369
|
+
.Avatar-module__hop-Avatar--decorative-option2___xfUDh {
|
|
370
370
|
--background-color: var(--hop-Avatar-decorative-2-background-color);
|
|
371
371
|
--text-color: var(--hop-Avatar-decorative-2-text-color);
|
|
372
372
|
}
|
|
373
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
373
|
+
.Avatar-module__hop-Avatar--decorative-option3___ON6nk {
|
|
374
374
|
--background-color: var(--hop-Avatar-decorative-3-background-color);
|
|
375
375
|
--text-color: var(--hop-Avatar-decorative-3-text-color);
|
|
376
376
|
}
|
|
377
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
377
|
+
.Avatar-module__hop-Avatar--decorative-option4___tUQ0G {
|
|
378
378
|
--background-color: var(--hop-Avatar-decorative-4-background-color);
|
|
379
379
|
--text-color: var(--hop-Avatar-decorative-4-text-color);
|
|
380
380
|
}
|
|
381
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
381
|
+
.Avatar-module__hop-Avatar--decorative-option5___o6YrF {
|
|
382
382
|
--background-color: var(--hop-Avatar-decorative-5-background-color);
|
|
383
383
|
--text-color: var(--hop-Avatar-decorative-5-text-color);
|
|
384
384
|
}
|
|
385
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
385
|
+
.Avatar-module__hop-Avatar--decorative-option6___XGGWz {
|
|
386
386
|
--background-color: var(--hop-Avatar-decorative-6-background-color);
|
|
387
387
|
--text-color: var(--hop-Avatar-decorative-6-text-color);
|
|
388
388
|
}
|
|
389
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
389
|
+
.Avatar-module__hop-Avatar--decorative-option7___amRxm {
|
|
390
390
|
--background-color: var(--hop-Avatar-decorative-7-background-color);
|
|
391
391
|
--text-color: var(--hop-Avatar-decorative-7-text-color);
|
|
392
392
|
}
|
|
393
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
393
|
+
.Avatar-module__hop-Avatar--decorative-option8___zAr7I {
|
|
394
394
|
--background-color: var(--hop-Avatar-decorative-8-background-color);
|
|
395
395
|
--text-color: var(--hop-Avatar-decorative-8-text-color);
|
|
396
396
|
}
|
|
397
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
397
|
+
.Avatar-module__hop-Avatar--decorative-option9___IB7B3 {
|
|
398
398
|
--background-color: var(--hop-Avatar-decorative-9-background-color);
|
|
399
399
|
--text-color: var(--hop-Avatar-decorative-9-text-color);
|
|
400
400
|
}
|
|
401
|
-
.Avatar-module__hop-
|
|
401
|
+
.Avatar-module__hop-Avatar___NRR7e[data-disabled] {
|
|
402
402
|
--background-color: var(--hop-Avatar-background-color-disabled);
|
|
403
403
|
--text-color: var(--hop-Avatar-text-color-disabled);
|
|
404
404
|
--mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
|
|
405
405
|
isolation: isolate;
|
|
406
406
|
}
|
|
407
|
-
.Avatar-module__hop-
|
|
407
|
+
.Avatar-module__hop-Avatar__image___3NxIP {
|
|
408
408
|
position: relative;
|
|
409
409
|
display: block;
|
|
410
410
|
box-sizing: border-box;
|
|
@@ -415,7 +415,7 @@
|
|
|
415
415
|
}
|
|
416
416
|
|
|
417
417
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
|
|
418
|
-
.Badge-module__hop-
|
|
418
|
+
.Badge-module__hop-Badge___4pcJq {
|
|
419
419
|
--hop-Badge-height: 1.5rem;
|
|
420
420
|
--hop-Badge-width: max-content;
|
|
421
421
|
--hop-Badge-padding-inline: var(--hop-space-inset-sm);
|
|
@@ -465,67 +465,67 @@
|
|
|
465
465
|
background-color: var(--background-color, var(--hop-Badge-primary-background-color));
|
|
466
466
|
border-radius: var(--border-radius);
|
|
467
467
|
}
|
|
468
|
-
.Badge-module__hop-Badge--
|
|
468
|
+
.Badge-module__hop-Badge--primary___6XVJb {
|
|
469
469
|
--background-color: var(--hop-Badge-primary-background-color);
|
|
470
470
|
--text-color: var(--hop-Badge-primary-text-color);
|
|
471
471
|
}
|
|
472
|
-
.Badge-module__hop-Badge--
|
|
472
|
+
.Badge-module__hop-Badge--primary___6XVJb[data-hovered] {
|
|
473
473
|
--background-color: var(--hop-Badge-primary-background-color-hovered);
|
|
474
474
|
--text-color: var(--hop-Badge-primary-text-color-hovered);
|
|
475
475
|
}
|
|
476
|
-
.Badge-module__hop-Badge--
|
|
476
|
+
.Badge-module__hop-Badge--primary___6XVJb[data-pressed] {
|
|
477
477
|
--background-color: var(--hop-Badge-primary-background-color-pressed);
|
|
478
478
|
--text-color: var(--hop-Badge-primary-text-color-pressed);
|
|
479
479
|
}
|
|
480
|
-
.Badge-module__hop-Badge--
|
|
480
|
+
.Badge-module__hop-Badge--primary___6XVJb[data-selected] {
|
|
481
481
|
--background-color: var(--hop-Badge-primary-background-color-selected);
|
|
482
482
|
--text-color: var(--hop-Badge-primary-text-color-selected);
|
|
483
483
|
}
|
|
484
|
-
.Badge-module__hop-Badge--
|
|
484
|
+
.Badge-module__hop-Badge--secondary___wRFvz {
|
|
485
485
|
--background-color: var(--hop-Badge-secondary-background-color);
|
|
486
486
|
--text-color: var(--hop-Badge-secondary-text-color);
|
|
487
487
|
}
|
|
488
|
-
.Badge-module__hop-Badge--
|
|
488
|
+
.Badge-module__hop-Badge--secondary___wRFvz[data-hovered] {
|
|
489
489
|
--background-color: var(--hop-Badge-secondary-background-color-hovered);
|
|
490
490
|
--text-color: var(--hop-Badge-secondary-text-color-hovered);
|
|
491
491
|
}
|
|
492
|
-
.Badge-module__hop-Badge--
|
|
492
|
+
.Badge-module__hop-Badge--secondary___wRFvz[data-pressed] {
|
|
493
493
|
--background-color: var(--hop-Badge-secondary-background-color-pressed);
|
|
494
494
|
--text-color: var(--hop-Badge-secondary-text-color-pressed);
|
|
495
495
|
}
|
|
496
|
-
.Badge-module__hop-Badge--
|
|
496
|
+
.Badge-module__hop-Badge--secondary___wRFvz[data-selected] {
|
|
497
497
|
--background-color: var(--hop-Badge-secondary-background-color-selected);
|
|
498
498
|
--text-color: var(--hop-Badge-secondary-text-color-selected);
|
|
499
499
|
}
|
|
500
|
-
.Badge-module__hop-Badge--
|
|
500
|
+
.Badge-module__hop-Badge--subdued___QK3Fi {
|
|
501
501
|
--background-color: var(--hop-Badge-subdued-background-color);
|
|
502
502
|
--text-color: var(--hop-Badge-subdued-text-color);
|
|
503
503
|
}
|
|
504
|
-
.Badge-module__hop-Badge--
|
|
504
|
+
.Badge-module__hop-Badge--subdued___QK3Fi[data-hovered] {
|
|
505
505
|
--background-color: var(--hop-Badge-subdued-background-color-hovered);
|
|
506
506
|
--text-color: var(--hop-Badge-subdued-text-color-hovered);
|
|
507
507
|
}
|
|
508
|
-
.Badge-module__hop-Badge--
|
|
508
|
+
.Badge-module__hop-Badge--subdued___QK3Fi[data-pressed] {
|
|
509
509
|
--background-color: var(--hop-Badge-subdued-background-color-pressed);
|
|
510
510
|
--text-color: var(--hop-Badge-subdued-text-color-pressed);
|
|
511
511
|
}
|
|
512
|
-
.Badge-module__hop-Badge--
|
|
512
|
+
.Badge-module__hop-Badge--subdued___QK3Fi[data-selected] {
|
|
513
513
|
--background-color: var(--hop-Badge-subdued-background-color-selected);
|
|
514
514
|
--text-color: var(--hop-Badge-subdued-text-color-selected);
|
|
515
515
|
}
|
|
516
|
-
.Badge-module__hop-
|
|
516
|
+
.Badge-module__hop-Badge___4pcJq[data-indeterminate] {
|
|
517
517
|
--border-radius: var(--hop-Badge-indeterminate-border-radius);
|
|
518
518
|
--height: var(--hop-Badge-indeterminate-height);
|
|
519
519
|
--width: var(--hop-Badge-indeterminate-width);
|
|
520
520
|
--padding-inline: var(--hop-Badge-indeterminate-padding-inline);
|
|
521
521
|
}
|
|
522
|
-
.Badge-module__hop-
|
|
522
|
+
.Badge-module__hop-Badge___4pcJq[data-disabled] {
|
|
523
523
|
--background-color: var(--hop-Badge-background-color-disabled);
|
|
524
524
|
--text-color: var(--hop-Badge-text-color-disabled);
|
|
525
525
|
}
|
|
526
526
|
|
|
527
527
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
|
|
528
|
-
.FloatingBadge-module__hop-
|
|
528
|
+
.FloatingBadge-module__hop-FloatingBadge___r-msI {
|
|
529
529
|
--hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
|
|
530
530
|
--hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
|
|
531
531
|
--hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
|
|
@@ -566,7 +566,7 @@
|
|
|
566
566
|
box-sizing: border-box;
|
|
567
567
|
inline-size: max-content;
|
|
568
568
|
}
|
|
569
|
-
.FloatingBadge-module__hop-
|
|
569
|
+
.FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top right"] {
|
|
570
570
|
--badge-top: var(--hop-FloatingBadge-badge-topright-top);
|
|
571
571
|
--badge-right: var(--hop-FloatingBadge-badge-topright-right);
|
|
572
572
|
--badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
|
|
@@ -574,11 +574,11 @@
|
|
|
574
574
|
--badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
|
|
575
575
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
|
|
576
576
|
}
|
|
577
|
-
.FloatingBadge-module__hop-
|
|
577
|
+
.FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top right"][data-overlap=circular] {
|
|
578
578
|
--badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
|
|
579
579
|
--badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
|
|
580
580
|
}
|
|
581
|
-
.FloatingBadge-module__hop-
|
|
581
|
+
.FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top left"] {
|
|
582
582
|
--badge-top: var(--hop-FloatingBadge-badge-topleft-top);
|
|
583
583
|
--badge-right: var(--hop-FloatingBadge-badge-topleft-right);
|
|
584
584
|
--badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
|
|
@@ -586,11 +586,11 @@
|
|
|
586
586
|
--badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
|
|
587
587
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
|
|
588
588
|
}
|
|
589
|
-
.FloatingBadge-module__hop-
|
|
589
|
+
.FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top left"][data-overlap=circular] {
|
|
590
590
|
--badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
|
|
591
591
|
--badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
|
|
592
592
|
}
|
|
593
|
-
.FloatingBadge-module__hop-
|
|
593
|
+
.FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom right"] {
|
|
594
594
|
--badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
|
|
595
595
|
--badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
|
|
596
596
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
|
|
@@ -598,11 +598,11 @@
|
|
|
598
598
|
--badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
|
|
599
599
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
|
|
600
600
|
}
|
|
601
|
-
.FloatingBadge-module__hop-
|
|
601
|
+
.FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom right"][data-overlap=circular] {
|
|
602
602
|
--badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
|
|
603
603
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
|
|
604
604
|
}
|
|
605
|
-
.FloatingBadge-module__hop-
|
|
605
|
+
.FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom left"] {
|
|
606
606
|
--badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
|
|
607
607
|
--badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
|
|
608
608
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
|
|
@@ -610,11 +610,11 @@
|
|
|
610
610
|
--badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
|
|
611
611
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
|
|
612
612
|
}
|
|
613
|
-
.FloatingBadge-module__hop-
|
|
613
|
+
.FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom left"][data-overlap=circular] {
|
|
614
614
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
|
|
615
615
|
--badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
|
|
616
616
|
}
|
|
617
|
-
.FloatingBadge-module__hop-
|
|
617
|
+
.FloatingBadge-module__hop-FloatingBadge__badge___AstPT {
|
|
618
618
|
position: absolute;
|
|
619
619
|
inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
|
|
620
620
|
transform-origin: var(--badge-transform-origin);
|
|
@@ -622,7 +622,7 @@
|
|
|
622
622
|
}
|
|
623
623
|
|
|
624
624
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
|
|
625
|
-
.IconList-module__hop-
|
|
625
|
+
.IconList-module__hop-IconList___s1jYT {
|
|
626
626
|
--hop-IconList-gap: var(--hop-space-inline-xs);
|
|
627
627
|
display: flex;
|
|
628
628
|
flex-wrap: wrap;
|
|
@@ -631,7 +631,7 @@
|
|
|
631
631
|
}
|
|
632
632
|
|
|
633
633
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
|
|
634
|
-
@keyframes Spinner-
|
|
634
|
+
@keyframes Spinner-module__spin___ViS32 {
|
|
635
635
|
0% {
|
|
636
636
|
transform: rotate(0deg);
|
|
637
637
|
}
|
|
@@ -639,7 +639,7 @@
|
|
|
639
639
|
transform: rotate(360deg);
|
|
640
640
|
}
|
|
641
641
|
}
|
|
642
|
-
.Spinner-module__hop-
|
|
642
|
+
.Spinner-module__hop-Spinner___7E2eM {
|
|
643
643
|
--hop-Spinner-border-radius: var(--hop-shape-circle);
|
|
644
644
|
--hop-Spinner-sm-wheel-size: 1rem;
|
|
645
645
|
--hop-Spinner-md-wheel-size: 1.25rem;
|
|
@@ -647,7 +647,7 @@
|
|
|
647
647
|
--hop-Spinner-track-width: 0.125rem;
|
|
648
648
|
--hop-Spinner-track-opacity: 0.2;
|
|
649
649
|
--hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
|
|
650
|
-
--hop-Spinner-fill-animation: Spinner-
|
|
650
|
+
--hop-Spinner-fill-animation: Spinner-module__spin___ViS32 .8s infinite linear;
|
|
651
651
|
--hop-Spinner-fill-animation-reduced-motion-duration: 2s;
|
|
652
652
|
--hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
|
|
653
653
|
--hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
|
|
@@ -658,19 +658,19 @@
|
|
|
658
658
|
align-items: center;
|
|
659
659
|
box-sizing: border-box;
|
|
660
660
|
}
|
|
661
|
-
.Spinner-module__hop-Spinner--
|
|
661
|
+
.Spinner-module__hop-Spinner--sm___kpiu9 {
|
|
662
662
|
--width: var(--hop-Spinner-sm-wheel-size);
|
|
663
663
|
--height: var(--hop-Spinner-sm-wheel-size);
|
|
664
664
|
}
|
|
665
|
-
.Spinner-module__hop-Spinner--
|
|
665
|
+
.Spinner-module__hop-Spinner--md___j6Sdr {
|
|
666
666
|
--width: var(--hop-Spinner-md-wheel-size);
|
|
667
667
|
--height: var(--hop-Spinner-md-wheel-size);
|
|
668
668
|
}
|
|
669
|
-
.Spinner-module__hop-Spinner--
|
|
669
|
+
.Spinner-module__hop-Spinner--lg___v1lHA {
|
|
670
670
|
--width: var(--hop-Spinner-lg-wheel-size);
|
|
671
671
|
--height: var(--hop-Spinner-lg-wheel-size);
|
|
672
672
|
}
|
|
673
|
-
.Spinner-module__hop-
|
|
673
|
+
.Spinner-module__hop-Spinner__track___b-BXu {
|
|
674
674
|
grid-area: spinner;
|
|
675
675
|
box-sizing: border-box;
|
|
676
676
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -679,7 +679,7 @@
|
|
|
679
679
|
border: var(--hop-Spinner-track-border);
|
|
680
680
|
border-radius: var(--hop-Spinner-border-radius);
|
|
681
681
|
}
|
|
682
|
-
.Spinner-module__hop-
|
|
682
|
+
.Spinner-module__hop-Spinner__fill___zD8ub {
|
|
683
683
|
grid-area: spinner;
|
|
684
684
|
box-sizing: border-box;
|
|
685
685
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -690,17 +690,17 @@
|
|
|
690
690
|
animation: var(--hop-Spinner-fill-animation);
|
|
691
691
|
}
|
|
692
692
|
@media (prefers-reduced-motion: reduce) {
|
|
693
|
-
.Spinner-module__hop-
|
|
693
|
+
.Spinner-module__hop-Spinner__fill___zD8ub {
|
|
694
694
|
animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
|
|
695
695
|
}
|
|
696
696
|
}
|
|
697
|
-
.Spinner-module__hop-
|
|
697
|
+
.Spinner-module__hop-Spinner__label___z37tv {
|
|
698
698
|
grid-area: label;
|
|
699
699
|
margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
|
|
700
700
|
}
|
|
701
701
|
|
|
702
702
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
|
|
703
|
-
.Button-module__hop-
|
|
703
|
+
.Button-module__hop-Button___g0bsX {
|
|
704
704
|
--hop-Button-border-radius: var(--hop-shape-rounded-md);
|
|
705
705
|
--hop-Button-focus-ring-color: var(--hop-primary-border-focus);
|
|
706
706
|
--hop-Button-column-gap: var(--hop-space-inline-xs);
|
|
@@ -824,215 +824,215 @@
|
|
|
824
824
|
background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
|
|
825
825
|
border var(--hop-easing-duration-2) var(--hop-easing-productive);
|
|
826
826
|
}
|
|
827
|
-
.Button-module__hop-Button--
|
|
827
|
+
.Button-module__hop-Button--fluid___U1pC7 {
|
|
828
828
|
--inline-size: 100%;
|
|
829
829
|
}
|
|
830
|
-
.Button-module__hop-Button--
|
|
830
|
+
.Button-module__hop-Button--sm___JkRfc {
|
|
831
831
|
--block-size: var(--hop-Button-sm-height);
|
|
832
832
|
--padding: var(--hop-Button-sm-padding);
|
|
833
833
|
}
|
|
834
|
-
.Button-module__hop-Button--
|
|
834
|
+
.Button-module__hop-Button--sm___JkRfc[class*=--ghost] {
|
|
835
835
|
--padding: var(--hop-Button-ghost-sm-padding);
|
|
836
836
|
}
|
|
837
|
-
.Button-module__hop-Button--
|
|
837
|
+
.Button-module__hop-Button--md___UW7nU[class*=--ghost] {
|
|
838
838
|
--padding: var(--hop-Button-ghost-md-padding);
|
|
839
839
|
}
|
|
840
|
-
.Button-module__hop-Button--icon-
|
|
840
|
+
.Button-module__hop-Button--icon-only___9-rM- {
|
|
841
841
|
--column-gap: var(--hop-Button-icon-only-column-gap);
|
|
842
842
|
--padding: var(--hop-Button-icon-only-padding);
|
|
843
843
|
aspect-ratio: 1;
|
|
844
844
|
}
|
|
845
|
-
.Button-module__hop-Button--
|
|
845
|
+
.Button-module__hop-Button--primary___3Jpwh {
|
|
846
846
|
--background-color: var(--hop-Button-primary-background-color);
|
|
847
847
|
--color: var(--hop-Button-primary-color);
|
|
848
848
|
--border: var(--hop-Button-primary-border);
|
|
849
849
|
--spinner-color: var(--hop-Button-primary-spinner-color);
|
|
850
850
|
}
|
|
851
|
-
.Button-module__hop-Button--
|
|
852
|
-
.Button-module__hop-Button--
|
|
851
|
+
.Button-module__hop-Button--primary___3Jpwh[data-hovered],
|
|
852
|
+
.Button-module__hop-Button--primary___3Jpwh[data-focus-visible] {
|
|
853
853
|
--background-color: var(--hop-Button-primary-background-color-hover);
|
|
854
854
|
--color: var(--hop-Button-primary-color-hover);
|
|
855
855
|
--border: var(--hop-Button-primary-border-hover);
|
|
856
856
|
}
|
|
857
|
-
.Button-module__hop-Button--
|
|
857
|
+
.Button-module__hop-Button--primary___3Jpwh[data-pressed] {
|
|
858
858
|
--background-color: var(--hop-Button-primary-background-color-pressed);
|
|
859
859
|
--color: var(--hop-Button-primary-color-pressed);
|
|
860
860
|
--border: var(--hop-Button-primary-border-pressed);
|
|
861
861
|
}
|
|
862
|
-
.Button-module__hop-Button--
|
|
862
|
+
.Button-module__hop-Button--secondary___NU-Ve {
|
|
863
863
|
--background-color: var(--hop-Button-secondary-background-color);
|
|
864
864
|
--color: var(--hop-Button-secondary-color);
|
|
865
865
|
--border: var(--hop-Button-secondary-border);
|
|
866
866
|
--spinner-color: var(--hop-Button-secondary-spinner-color);
|
|
867
867
|
}
|
|
868
|
-
.Button-module__hop-Button--
|
|
869
|
-
.Button-module__hop-Button--
|
|
868
|
+
.Button-module__hop-Button--secondary___NU-Ve[data-hovered],
|
|
869
|
+
.Button-module__hop-Button--secondary___NU-Ve[data-focus-visible] {
|
|
870
870
|
--background-color: var(--hop-Button-secondary-background-color-hover);
|
|
871
871
|
--color: var(--hop-Button-secondary-color-hover);
|
|
872
872
|
--border: var(--hop-Button-secondary-border-hover);
|
|
873
873
|
}
|
|
874
|
-
.Button-module__hop-Button--
|
|
874
|
+
.Button-module__hop-Button--secondary___NU-Ve[data-pressed] {
|
|
875
875
|
--background-color: var(--hop-Button-secondary-background-color-pressed);
|
|
876
876
|
--color: var(--hop-Button-secondary-color-pressed);
|
|
877
877
|
--border: var(--hop-Button-secondary-border-pressed);
|
|
878
878
|
}
|
|
879
|
-
.Button-module__hop-Button--
|
|
879
|
+
.Button-module__hop-Button--upsell___Zjxjx {
|
|
880
880
|
--background-color: var(--hop-Button-upsell-background-color);
|
|
881
881
|
--color: var(--hop-Button-upsell-color);
|
|
882
882
|
--border: var(--hop-Button-upsell-border);
|
|
883
883
|
--spinner-color: var(--hop-Button-upsell-spinner-color);
|
|
884
884
|
}
|
|
885
|
-
.Button-module__hop-Button--
|
|
886
|
-
.Button-module__hop-Button--
|
|
885
|
+
.Button-module__hop-Button--upsell___Zjxjx[data-hovered],
|
|
886
|
+
.Button-module__hop-Button--upsell___Zjxjx[data-focus-visible] {
|
|
887
887
|
--background-color: var(--hop-Button-upsell-background-color-hover);
|
|
888
888
|
--color: var(--hop-Button-upsell-color-hover);
|
|
889
889
|
--border: var(--hop-Button-upsell-border-hover);
|
|
890
890
|
}
|
|
891
|
-
.Button-module__hop-Button--
|
|
891
|
+
.Button-module__hop-Button--upsell___Zjxjx[data-pressed] {
|
|
892
892
|
--background-color: var(--hop-Button-upsell-background-color-pressed);
|
|
893
893
|
--color: var(--hop-Button-upsell-color-pressed);
|
|
894
894
|
--border: var(--hop-Button-upsell-border-pressed);
|
|
895
895
|
}
|
|
896
|
-
.Button-module__hop-Button--
|
|
896
|
+
.Button-module__hop-Button--danger___MoOv- {
|
|
897
897
|
--background-color: var(--hop-Button-danger-background-color);
|
|
898
898
|
--color: var(--hop-Button-danger-color);
|
|
899
899
|
--border: var(--hop-Button-danger-border);
|
|
900
900
|
--spinner-color: var(--hop-Button-danger-spinner-color);
|
|
901
901
|
}
|
|
902
|
-
.Button-module__hop-Button--
|
|
903
|
-
.Button-module__hop-Button--
|
|
902
|
+
.Button-module__hop-Button--danger___MoOv-[data-hovered],
|
|
903
|
+
.Button-module__hop-Button--danger___MoOv-[data-focus-visible] {
|
|
904
904
|
--background-color: var(--hop-Button-danger-background-color-hover);
|
|
905
905
|
--color: var(--hop-Button-danger-color-hover);
|
|
906
906
|
--border: var(--hop-Button-danger-border-hover);
|
|
907
907
|
}
|
|
908
|
-
.Button-module__hop-Button--
|
|
908
|
+
.Button-module__hop-Button--danger___MoOv-[data-pressed] {
|
|
909
909
|
--background-color: var(--hop-Button-danger-background-color-pressed);
|
|
910
910
|
--color: var(--hop-Button-danger-color-pressed);
|
|
911
911
|
--border: var(--hop-Button-danger-border-pressed);
|
|
912
912
|
}
|
|
913
|
-
.Button-module__hop-Button--ghost-
|
|
913
|
+
.Button-module__hop-Button--ghost-primary___WC15g {
|
|
914
914
|
--background-color: var(--hop-Button-ghost-primary-background-color);
|
|
915
915
|
--color: var(--hop-Button-ghost-primary-color);
|
|
916
916
|
--border: var(--hop-Button-ghost-primary-border);
|
|
917
917
|
--spinner-color: var(--hop-Button-ghost-primary-spinner-color);
|
|
918
918
|
}
|
|
919
|
-
.Button-module__hop-Button--ghost-
|
|
920
|
-
.Button-module__hop-Button--ghost-
|
|
919
|
+
.Button-module__hop-Button--ghost-primary___WC15g[data-hovered],
|
|
920
|
+
.Button-module__hop-Button--ghost-primary___WC15g[data-focus-visible] {
|
|
921
921
|
--background-color: var(--hop-Button-ghost-primary-background-color-hover);
|
|
922
922
|
--color: var(--hop-Button-ghost-primary-color-hover);
|
|
923
923
|
--border: var(--hop-Button-ghost-primary-border-hover);
|
|
924
924
|
--text-underline: underline;
|
|
925
925
|
}
|
|
926
|
-
.Button-module__hop-Button--ghost-
|
|
926
|
+
.Button-module__hop-Button--ghost-primary___WC15g[data-pressed] {
|
|
927
927
|
--background-color: var(--hop-Button-ghost-primary-background-color-pressed);
|
|
928
928
|
--color: var(--hop-Button-ghost-primary-color-pressed);
|
|
929
929
|
--border: var(--hop-Button-ghost-primary-border-pressed);
|
|
930
930
|
--text-underline: underline;
|
|
931
931
|
}
|
|
932
|
-
.Button-module__hop-Button--ghost-
|
|
932
|
+
.Button-module__hop-Button--ghost-secondary___kxQsj {
|
|
933
933
|
--background-color: var(--hop-Button-ghost-secondary-background-color);
|
|
934
934
|
--color: var(--hop-Button-ghost-secondary-color);
|
|
935
935
|
--border: var(--hop-Button-ghost-secondary-border);
|
|
936
936
|
--spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
|
|
937
937
|
}
|
|
938
|
-
.Button-module__hop-Button--ghost-
|
|
939
|
-
.Button-module__hop-Button--ghost-
|
|
938
|
+
.Button-module__hop-Button--ghost-secondary___kxQsj[data-hovered],
|
|
939
|
+
.Button-module__hop-Button--ghost-secondary___kxQsj[data-focus-visible] {
|
|
940
940
|
--background-color: var(--hop-Button-ghost-secondary-background-color-hover);
|
|
941
941
|
--color: var(--hop-Button-ghost-secondary-color-hover);
|
|
942
942
|
--border: var(--hop-Button-ghost-secondary-border-hover);
|
|
943
943
|
--text-underline: underline;
|
|
944
944
|
}
|
|
945
|
-
.Button-module__hop-Button--ghost-
|
|
945
|
+
.Button-module__hop-Button--ghost-secondary___kxQsj[data-pressed] {
|
|
946
946
|
--background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
|
|
947
947
|
--color: var(--hop-Button-ghost-secondary-color-pressed);
|
|
948
948
|
--border: var(--hop-Button-ghost-secondary-border-pressed);
|
|
949
949
|
--text-underline: underline;
|
|
950
950
|
}
|
|
951
|
-
.Button-module__hop-Button--ghost-
|
|
951
|
+
.Button-module__hop-Button--ghost-danger___kblVO {
|
|
952
952
|
--background-color: var(--hop-Button-ghost-danger-background-color);
|
|
953
953
|
--color: var(--hop-Button-ghost-danger-color);
|
|
954
954
|
--border: var(--hop-Button-ghost-danger-border);
|
|
955
955
|
--spinner-color: var(--hop-Button-ghost-danger-spinner-color);
|
|
956
956
|
}
|
|
957
|
-
.Button-module__hop-Button--ghost-
|
|
958
|
-
.Button-module__hop-Button--ghost-
|
|
957
|
+
.Button-module__hop-Button--ghost-danger___kblVO[data-hovered],
|
|
958
|
+
.Button-module__hop-Button--ghost-danger___kblVO[data-focus-visible] {
|
|
959
959
|
--background-color: var(--hop-Button-ghost-danger-background-color-hover);
|
|
960
960
|
--color: var(--hop-Button-ghost-danger-color-hover);
|
|
961
961
|
--border: var(--hop-Button-ghost-danger-border-hover);
|
|
962
962
|
--text-underline: underline;
|
|
963
963
|
}
|
|
964
|
-
.Button-module__hop-Button--ghost-
|
|
964
|
+
.Button-module__hop-Button--ghost-danger___kblVO[data-pressed] {
|
|
965
965
|
--background-color: var(--hop-Button-ghost-danger-background-color-pressed);
|
|
966
966
|
--color: var(--hop-Button-ghost-danger-color-pressed);
|
|
967
967
|
--border: var(--hop-Button-ghost-danger-border-pressed);
|
|
968
968
|
--text-underline: underline;
|
|
969
969
|
}
|
|
970
|
-
.Button-module__hop-
|
|
970
|
+
.Button-module__hop-Button___g0bsX[data-focus-visible] {
|
|
971
971
|
outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
|
|
972
972
|
}
|
|
973
|
-
.Button-module__hop-
|
|
974
|
-
.Button-module__hop-
|
|
973
|
+
.Button-module__hop-Button___g0bsX[data-disabled],
|
|
974
|
+
.Button-module__hop-Button___g0bsX[data-pending] {
|
|
975
975
|
cursor: not-allowed;
|
|
976
976
|
}
|
|
977
|
-
.Button-module__hop-
|
|
977
|
+
.Button-module__hop-Button___g0bsX[data-disabled] {
|
|
978
978
|
--background-color: var(--hop-Button-background-color-disabled);
|
|
979
979
|
--color: var(--hop-Button-color-disabled);
|
|
980
980
|
--border: var(--hop-Button-border-disabled);
|
|
981
981
|
}
|
|
982
|
-
.Button-module__hop-
|
|
982
|
+
.Button-module__hop-Button___g0bsX[class*=--ghost][data-disabled] {
|
|
983
983
|
--background-color: var(--hop-Button-ghost-background-color-disabled);
|
|
984
984
|
--color: var(--hop-Button-ghost-color-disabled);
|
|
985
985
|
--border: var(--hop-Button-ghost-border-disabled);
|
|
986
986
|
}
|
|
987
|
-
.Button-module__hop-Button--
|
|
987
|
+
.Button-module__hop-Button--primary___3Jpwh[data-pending] {
|
|
988
988
|
--background-color: var(--hop-Button-primary-background-color);
|
|
989
989
|
--color: var(--hop-Button-primary-color);
|
|
990
990
|
--border: var(--hop-Button-primary-border);
|
|
991
991
|
}
|
|
992
|
-
.Button-module__hop-Button--
|
|
992
|
+
.Button-module__hop-Button--secondary___NU-Ve[data-pending] {
|
|
993
993
|
--background-color: var(--hop-Button-secondary-background-color);
|
|
994
994
|
--color: var(--hop-Button-secondary-color);
|
|
995
995
|
--border: var(--hop-Button-secondary-border);
|
|
996
996
|
}
|
|
997
|
-
.Button-module__hop-Button--
|
|
997
|
+
.Button-module__hop-Button--upsell___Zjxjx[data-pending] {
|
|
998
998
|
--background-color: var(--hop-Button-upsell-background-color);
|
|
999
999
|
--color: var(--hop-Button-upsell-color);
|
|
1000
1000
|
--border: var(--hop-Button-upsell-border);
|
|
1001
1001
|
}
|
|
1002
|
-
.Button-module__hop-Button--
|
|
1002
|
+
.Button-module__hop-Button--danger___MoOv-[data-pending] {
|
|
1003
1003
|
--background-color: var(--hop-Button-danger-background-color);
|
|
1004
1004
|
--color: var(--hop-Button-danger-color);
|
|
1005
1005
|
--border: var(--hop-Button-danger-border);
|
|
1006
1006
|
}
|
|
1007
|
-
.Button-module__hop-Button--ghost-
|
|
1007
|
+
.Button-module__hop-Button--ghost-primary___WC15g[data-pending] {
|
|
1008
1008
|
--background-color: var(--hop-Button-ghost-primary-background-color);
|
|
1009
1009
|
--color: var(--hop-Button-ghost-primary-color);
|
|
1010
1010
|
--border: var(--hop-Button-ghost-primary-border);
|
|
1011
1011
|
--text-underline: none;
|
|
1012
1012
|
}
|
|
1013
|
-
.Button-module__hop-Button--ghost-
|
|
1013
|
+
.Button-module__hop-Button--ghost-secondary___kxQsj[data-pending] {
|
|
1014
1014
|
--background-color: var(--hop-Button-ghost-secondary-background-color);
|
|
1015
1015
|
--color: var(--hop-Button-ghost-secondary-color);
|
|
1016
1016
|
--border: var(--hop-Button-ghost-secondary-border);
|
|
1017
1017
|
--text-underline: none;
|
|
1018
1018
|
}
|
|
1019
|
-
.Button-module__hop-Button--ghost-
|
|
1019
|
+
.Button-module__hop-Button--ghost-danger___kblVO[data-pending] {
|
|
1020
1020
|
--background-color: var(--hop-Button-ghost-danger-background-color);
|
|
1021
1021
|
--color: var(--hop-Button-ghost-danger-color);
|
|
1022
1022
|
--border: var(--hop-Button-ghost-danger-border);
|
|
1023
1023
|
--text-underline: none;
|
|
1024
1024
|
}
|
|
1025
|
-
.Button-module__hop-
|
|
1025
|
+
.Button-module__hop-Button__Spinner___3NSsM {
|
|
1026
1026
|
position: absolute;
|
|
1027
1027
|
color: var(--spinner-color);
|
|
1028
1028
|
}
|
|
1029
|
-
.Button-module__hop-
|
|
1030
|
-
.Button-module__hop-Button__icon-
|
|
1029
|
+
.Button-module__hop-Button__icon___znSPX,
|
|
1030
|
+
.Button-module__hop-Button__icon-list___ufYMi {
|
|
1031
1031
|
flex: 0 0 auto;
|
|
1032
1032
|
justify-self: end;
|
|
1033
1033
|
order: 1;
|
|
1034
1034
|
}
|
|
1035
|
-
.Button-module__hop-
|
|
1035
|
+
.Button-module__hop-Button__text___ud1xn {
|
|
1036
1036
|
user-select: none;
|
|
1037
1037
|
overflow: visible;
|
|
1038
1038
|
flex: 0 1 auto;
|
|
@@ -1042,60 +1042,60 @@
|
|
|
1042
1042
|
text-underline-offset: 0.125rem;
|
|
1043
1043
|
text-wrap: nowrap;
|
|
1044
1044
|
}
|
|
1045
|
-
.Button-module__hop-Button__end-
|
|
1046
|
-
.Button-module__hop-Button__end-icon-
|
|
1045
|
+
.Button-module__hop-Button__end-icon___05XHV,
|
|
1046
|
+
.Button-module__hop-Button__end-icon-list___t5TiC {
|
|
1047
1047
|
flex: 0 0 auto;
|
|
1048
1048
|
order: 3;
|
|
1049
1049
|
}
|
|
1050
|
-
.Button-module__hop-
|
|
1051
|
-
.Button-module__hop-
|
|
1050
|
+
.Button-module__hop-Button___g0bsX .Button-module__hop-Button__icon-list___ufYMi,
|
|
1051
|
+
.Button-module__hop-Button___g0bsX .Button-module__hop-Button__end-icon-list___t5TiC {
|
|
1052
1052
|
flex-wrap: nowrap;
|
|
1053
1053
|
}
|
|
1054
|
-
.Button-module__hop-
|
|
1054
|
+
.Button-module__hop-Button___g0bsX[data-pending] > *:not(.Button-module__hop-Button__Spinner___3NSsM) {
|
|
1055
1055
|
opacity: 0;
|
|
1056
1056
|
}
|
|
1057
1057
|
|
|
1058
1058
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
|
|
1059
|
-
.ButtonGroup-module__hop-
|
|
1059
|
+
.ButtonGroup-module__hop-ButtonGroup___qZZvz {
|
|
1060
1060
|
display: inline-flex;
|
|
1061
1061
|
flex-wrap: nowrap;
|
|
1062
1062
|
gap: var(--hop-space-inline-md);
|
|
1063
1063
|
}
|
|
1064
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1064
|
+
.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
|
|
1065
1065
|
align-items: center;
|
|
1066
1066
|
}
|
|
1067
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1067
|
+
.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
|
|
1068
1068
|
flex-direction: column;
|
|
1069
1069
|
gap: var(--hop-space-stack-md);
|
|
1070
1070
|
justify-content: center;
|
|
1071
1071
|
}
|
|
1072
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1072
|
+
.ButtonGroup-module__hop-ButtonGroup--start___4uIzc.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
|
|
1073
1073
|
align-items: flex-start;
|
|
1074
1074
|
}
|
|
1075
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1075
|
+
.ButtonGroup-module__hop-ButtonGroup--center___QMUIS.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
|
|
1076
1076
|
align-items: center;
|
|
1077
1077
|
}
|
|
1078
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1078
|
+
.ButtonGroup-module__hop-ButtonGroup--end___0X0T1.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
|
|
1079
1079
|
align-items: flex-end;
|
|
1080
1080
|
}
|
|
1081
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1081
|
+
.ButtonGroup-module__hop-ButtonGroup--start___4uIzc.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
|
|
1082
1082
|
justify-content: flex-start;
|
|
1083
1083
|
}
|
|
1084
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1084
|
+
.ButtonGroup-module__hop-ButtonGroup--center___QMUIS.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
|
|
1085
1085
|
justify-content: center;
|
|
1086
1086
|
}
|
|
1087
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1087
|
+
.ButtonGroup-module__hop-ButtonGroup--end___0X0T1.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
|
|
1088
1088
|
justify-content: flex-end;
|
|
1089
1089
|
}
|
|
1090
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1090
|
+
.ButtonGroup-module__hop-ButtonGroup--wrap___oVOWS {
|
|
1091
1091
|
flex-wrap: wrap;
|
|
1092
1092
|
}
|
|
1093
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1093
|
+
.ButtonGroup-module__hop-ButtonGroup--fluid___c11bZ {
|
|
1094
1094
|
inline-size: 100%;
|
|
1095
1095
|
}
|
|
1096
1096
|
|
|
1097
1097
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
|
|
1098
|
-
.EmbeddedButton-module__hop-
|
|
1098
|
+
.EmbeddedButton-module__hop-EmbeddedButton___xmpEU {
|
|
1099
1099
|
--hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
|
|
1100
1100
|
--hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
|
|
1101
1101
|
--hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
|
|
@@ -1259,7 +1259,7 @@
|
|
|
1259
1259
|
outline: none;
|
|
1260
1260
|
transition: color var(--transition);
|
|
1261
1261
|
}
|
|
1262
|
-
.EmbeddedButton-module__hop-
|
|
1262
|
+
.EmbeddedButton-module__hop-EmbeddedButton___xmpEU::before {
|
|
1263
1263
|
content: "";
|
|
1264
1264
|
position: absolute;
|
|
1265
1265
|
inset-block-start: 50%;
|
|
@@ -1272,284 +1272,284 @@
|
|
|
1272
1272
|
border-radius: var(--effect-border-radius);
|
|
1273
1273
|
transition: background-color var(--transition);
|
|
1274
1274
|
}
|
|
1275
|
-
.EmbeddedButton-module__hop-
|
|
1275
|
+
.EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-square] {
|
|
1276
1276
|
--effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
|
|
1277
1277
|
}
|
|
1278
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1278
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___8D9OF {
|
|
1279
1279
|
--inline-size: var(--hop-EmbeddedButton-md-width);
|
|
1280
1280
|
--block-size: var(--hop-EmbeddedButton-md-height);
|
|
1281
1281
|
--focus-ring-offset: calc(-1 * var(--focus-ring-size));
|
|
1282
1282
|
}
|
|
1283
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1283
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___Fonmy {
|
|
1284
1284
|
--inline-size: var(--hop-EmbeddedButton-lg-width);
|
|
1285
1285
|
--block-size: var(--hop-EmbeddedButton-lg-height);
|
|
1286
1286
|
--focus-ring-offset: 0;
|
|
1287
1287
|
}
|
|
1288
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1288
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___8D9OF::before {
|
|
1289
1289
|
--effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
|
|
1290
1290
|
--effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
|
|
1291
1291
|
}
|
|
1292
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1292
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___Fonmy::before {
|
|
1293
1293
|
--effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
|
|
1294
1294
|
--effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
|
|
1295
1295
|
}
|
|
1296
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1296
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF {
|
|
1297
1297
|
--color: var(--hop-EmbeddedButton-neutral-color);
|
|
1298
1298
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
|
|
1299
1299
|
}
|
|
1300
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1300
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06 {
|
|
1301
1301
|
--color: var(--hop-EmbeddedButton-subdued-color);
|
|
1302
1302
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
|
|
1303
1303
|
}
|
|
1304
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1304
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy {
|
|
1305
1305
|
--color: var(--hop-EmbeddedButton-progress-color);
|
|
1306
1306
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
|
|
1307
1307
|
}
|
|
1308
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1308
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL {
|
|
1309
1309
|
--color: var(--hop-EmbeddedButton-positive-color);
|
|
1310
1310
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
|
|
1311
1311
|
}
|
|
1312
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1312
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4 {
|
|
1313
1313
|
--color: var(--hop-EmbeddedButton-caution-color);
|
|
1314
1314
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
|
|
1315
1315
|
}
|
|
1316
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1316
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR {
|
|
1317
1317
|
--color: var(--hop-EmbeddedButton-negative-color);
|
|
1318
1318
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
|
|
1319
1319
|
}
|
|
1320
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1320
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw {
|
|
1321
1321
|
--color: var(--hop-EmbeddedButton-option1-color);
|
|
1322
1322
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
|
|
1323
1323
|
}
|
|
1324
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1324
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e {
|
|
1325
1325
|
--color: var(--hop-EmbeddedButton-option2-color);
|
|
1326
1326
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
|
|
1327
1327
|
}
|
|
1328
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1328
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4 {
|
|
1329
1329
|
--color: var(--hop-EmbeddedButton-option3-color);
|
|
1330
1330
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
|
|
1331
1331
|
}
|
|
1332
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1332
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw {
|
|
1333
1333
|
--color: var(--hop-EmbeddedButton-option4-color);
|
|
1334
1334
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
|
|
1335
1335
|
}
|
|
1336
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1336
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6 {
|
|
1337
1337
|
--color: var(--hop-EmbeddedButton-option5-color);
|
|
1338
1338
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
|
|
1339
1339
|
}
|
|
1340
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1340
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0 {
|
|
1341
1341
|
--color: var(--hop-EmbeddedButton-option6-color);
|
|
1342
1342
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
|
|
1343
1343
|
}
|
|
1344
|
-
.EmbeddedButton-module__hop-
|
|
1344
|
+
.EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-selected] {
|
|
1345
1345
|
--color: var(--hop-EmbeddedButton-selected-color);
|
|
1346
1346
|
--effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
|
|
1347
1347
|
}
|
|
1348
|
-
.EmbeddedButton-module__hop-
|
|
1348
|
+
.EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-focus-visible] {
|
|
1349
1349
|
outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
|
|
1350
1350
|
outline-offset: var(--focus-ring-offset);
|
|
1351
1351
|
}
|
|
1352
|
-
.EmbeddedButton-module__hop-
|
|
1352
|
+
.EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-disabled] {
|
|
1353
1353
|
cursor: not-allowed;
|
|
1354
1354
|
}
|
|
1355
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1355
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-hovered] {
|
|
1356
1356
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
|
|
1357
1357
|
--color: var(--hop-EmbeddedButton-neutral-color-hovered);
|
|
1358
1358
|
}
|
|
1359
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1359
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-focus-visible] {
|
|
1360
1360
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
|
|
1361
1361
|
--color: var(--hop-EmbeddedButton-neutral-color-focused);
|
|
1362
1362
|
}
|
|
1363
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1363
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-pressed] {
|
|
1364
1364
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
|
|
1365
1365
|
--color: var(--hop-EmbeddedButton-neutral-color-pressed);
|
|
1366
1366
|
}
|
|
1367
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1367
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-disabled] {
|
|
1368
1368
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
|
|
1369
1369
|
--color: var(--hop-EmbeddedButton-neutral-color-disabled);
|
|
1370
1370
|
}
|
|
1371
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1371
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-hovered] {
|
|
1372
1372
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
|
|
1373
1373
|
--color: var(--hop-EmbeddedButton-subdued-color-hovered);
|
|
1374
1374
|
}
|
|
1375
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1375
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-focus-visible] {
|
|
1376
1376
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
|
|
1377
1377
|
--color: var(--hop-EmbeddedButton-subdued-color-focused);
|
|
1378
1378
|
}
|
|
1379
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1379
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-pressed] {
|
|
1380
1380
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
|
|
1381
1381
|
--color: var(--hop-EmbeddedButton-subdued-color-pressed);
|
|
1382
1382
|
}
|
|
1383
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1383
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-disabled] {
|
|
1384
1384
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
|
|
1385
1385
|
--color: var(--hop-EmbeddedButton-subdued-color-disabled);
|
|
1386
1386
|
}
|
|
1387
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1387
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-hovered] {
|
|
1388
1388
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
|
|
1389
1389
|
--color: var(--hop-EmbeddedButton-progress-color-hovered);
|
|
1390
1390
|
}
|
|
1391
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1391
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-focus-visible] {
|
|
1392
1392
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
|
|
1393
1393
|
--color: var(--hop-EmbeddedButton-progress-color-focused);
|
|
1394
1394
|
}
|
|
1395
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1395
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-pressed] {
|
|
1396
1396
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
|
|
1397
1397
|
--color: var(--hop-EmbeddedButton-progress-color-pressed);
|
|
1398
1398
|
}
|
|
1399
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1399
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-disabled] {
|
|
1400
1400
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
|
|
1401
1401
|
--color: var(--hop-EmbeddedButton-progress-color-disabled);
|
|
1402
1402
|
}
|
|
1403
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1403
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-hovered] {
|
|
1404
1404
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
|
|
1405
1405
|
--color: var(--hop-EmbeddedButton-positive-color-hovered);
|
|
1406
1406
|
}
|
|
1407
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1407
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-focus-visible] {
|
|
1408
1408
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
|
|
1409
1409
|
--color: var(--hop-EmbeddedButton-positive-color-focused);
|
|
1410
1410
|
}
|
|
1411
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1411
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-pressed] {
|
|
1412
1412
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
|
|
1413
1413
|
--color: var(--hop-EmbeddedButton-positive-color-pressed);
|
|
1414
1414
|
}
|
|
1415
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1415
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-disabled] {
|
|
1416
1416
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
|
|
1417
1417
|
--color: var(--hop-EmbeddedButton-positive-color-disabled);
|
|
1418
1418
|
}
|
|
1419
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1419
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-hovered] {
|
|
1420
1420
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
|
|
1421
1421
|
--color: var(--hop-EmbeddedButton-caution-color-hovered);
|
|
1422
1422
|
}
|
|
1423
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1423
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-focus-visible] {
|
|
1424
1424
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
|
|
1425
1425
|
--color: var(--hop-EmbeddedButton-caution-color-focused);
|
|
1426
1426
|
}
|
|
1427
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1427
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-pressed] {
|
|
1428
1428
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
|
|
1429
1429
|
--color: var(--hop-EmbeddedButton-caution-color-pressed);
|
|
1430
1430
|
}
|
|
1431
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1431
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-disabled] {
|
|
1432
1432
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
|
|
1433
1433
|
--color: var(--hop-EmbeddedButton-caution-color-disabled);
|
|
1434
1434
|
}
|
|
1435
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1435
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-hovered] {
|
|
1436
1436
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
|
|
1437
1437
|
--color: var(--hop-EmbeddedButton-negative-color-hovered);
|
|
1438
1438
|
}
|
|
1439
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1439
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-focus-visible] {
|
|
1440
1440
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
|
|
1441
1441
|
--color: var(--hop-EmbeddedButton-negative-color-focused);
|
|
1442
1442
|
}
|
|
1443
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1443
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-pressed] {
|
|
1444
1444
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
|
|
1445
1445
|
--color: var(--hop-EmbeddedButton-negative-color-pressed);
|
|
1446
1446
|
}
|
|
1447
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1447
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-disabled] {
|
|
1448
1448
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
|
|
1449
1449
|
--color: var(--hop-EmbeddedButton-negative-color-disabled);
|
|
1450
1450
|
}
|
|
1451
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1451
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-hovered] {
|
|
1452
1452
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
|
|
1453
1453
|
--color: var(--hop-EmbeddedButton-option1-color-hovered);
|
|
1454
1454
|
}
|
|
1455
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1455
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-focus-visible] {
|
|
1456
1456
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
|
|
1457
1457
|
--color: var(--hop-EmbeddedButton-option1-color-focused);
|
|
1458
1458
|
}
|
|
1459
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1459
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-pressed] {
|
|
1460
1460
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
|
|
1461
1461
|
--color: var(--hop-EmbeddedButton-option1-color-pressed);
|
|
1462
1462
|
}
|
|
1463
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1463
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-disabled] {
|
|
1464
1464
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
|
|
1465
1465
|
--color: var(--hop-EmbeddedButton-option1-color-disabled);
|
|
1466
1466
|
}
|
|
1467
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1467
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-hovered] {
|
|
1468
1468
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
|
|
1469
1469
|
--color: var(--hop-EmbeddedButton-option2-color-hovered);
|
|
1470
1470
|
}
|
|
1471
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1471
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-focus-visible] {
|
|
1472
1472
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
|
|
1473
1473
|
--color: var(--hop-EmbeddedButton-option2-color-focused);
|
|
1474
1474
|
}
|
|
1475
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1475
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-pressed] {
|
|
1476
1476
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
|
|
1477
1477
|
--color: var(--hop-EmbeddedButton-option2-color-pressed);
|
|
1478
1478
|
}
|
|
1479
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1479
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-disabled] {
|
|
1480
1480
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
|
|
1481
1481
|
--color: var(--hop-EmbeddedButton-option2-color-disabled);
|
|
1482
1482
|
}
|
|
1483
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1483
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-hovered] {
|
|
1484
1484
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
|
|
1485
1485
|
--color: var(--hop-EmbeddedButton-option3-color-hovered);
|
|
1486
1486
|
}
|
|
1487
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1487
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-focus-visible] {
|
|
1488
1488
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
|
|
1489
1489
|
--color: var(--hop-EmbeddedButton-option3-color-focused);
|
|
1490
1490
|
}
|
|
1491
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1491
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-pressed] {
|
|
1492
1492
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
|
|
1493
1493
|
--color: var(--hop-EmbeddedButton-option3-color-pressed);
|
|
1494
1494
|
}
|
|
1495
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1495
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-disabled] {
|
|
1496
1496
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
|
|
1497
1497
|
--color: var(--hop-EmbeddedButton-option3-color-disabled);
|
|
1498
1498
|
}
|
|
1499
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1499
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-hovered] {
|
|
1500
1500
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
|
|
1501
1501
|
--color: var(--hop-EmbeddedButton-option4-color-hovered);
|
|
1502
1502
|
}
|
|
1503
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1503
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-focus-visible] {
|
|
1504
1504
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
|
|
1505
1505
|
--color: var(--hop-EmbeddedButton-option4-color-focused);
|
|
1506
1506
|
}
|
|
1507
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1507
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-pressed] {
|
|
1508
1508
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
|
|
1509
1509
|
--color: var(--hop-EmbeddedButton-option4-color-pressed);
|
|
1510
1510
|
}
|
|
1511
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1511
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-disabled] {
|
|
1512
1512
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
|
|
1513
1513
|
--color: var(--hop-EmbeddedButton-option4-color-disabled);
|
|
1514
1514
|
}
|
|
1515
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1515
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-hovered] {
|
|
1516
1516
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
|
|
1517
1517
|
--color: var(--hop-EmbeddedButton-option5-color-hovered);
|
|
1518
1518
|
}
|
|
1519
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1519
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-focus-visible] {
|
|
1520
1520
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
|
|
1521
1521
|
--color: var(--hop-EmbeddedButton-option5-color-focused);
|
|
1522
1522
|
}
|
|
1523
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1523
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-pressed] {
|
|
1524
1524
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
|
|
1525
1525
|
--color: var(--hop-EmbeddedButton-option5-color-pressed);
|
|
1526
1526
|
}
|
|
1527
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1527
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-disabled] {
|
|
1528
1528
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
|
|
1529
1529
|
--color: var(--hop-EmbeddedButton-option5-color-disabled);
|
|
1530
1530
|
}
|
|
1531
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1531
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-hovered] {
|
|
1532
1532
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
|
|
1533
1533
|
--color: var(--hop-EmbeddedButton-option6-color-hovered);
|
|
1534
1534
|
}
|
|
1535
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1535
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-focus-visible] {
|
|
1536
1536
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
|
|
1537
1537
|
--color: var(--hop-EmbeddedButton-option6-color-focused);
|
|
1538
1538
|
}
|
|
1539
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1539
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-pressed] {
|
|
1540
1540
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
|
|
1541
1541
|
--color: var(--hop-EmbeddedButton-option6-color-pressed);
|
|
1542
1542
|
}
|
|
1543
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1543
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-disabled] {
|
|
1544
1544
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
|
|
1545
1545
|
--color: var(--hop-EmbeddedButton-option6-color-disabled);
|
|
1546
1546
|
}
|
|
1547
|
-
.EmbeddedButton-module__hop-
|
|
1547
|
+
.EmbeddedButton-module__hop-EmbeddedButton__icon___zDq1L {
|
|
1548
1548
|
position: relative;
|
|
1549
1549
|
}
|
|
1550
1550
|
|
|
1551
1551
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
|
|
1552
|
-
.Button-module__hop-
|
|
1552
|
+
.Button-module__hop-Button___g0bsX {
|
|
1553
1553
|
--hop-Button-border-radius: var(--hop-shape-rounded-md);
|
|
1554
1554
|
--hop-Button-focus-ring-color: var(--hop-primary-border-focus);
|
|
1555
1555
|
--hop-Button-column-gap: var(--hop-space-inline-xs);
|
|
@@ -1673,215 +1673,215 @@
|
|
|
1673
1673
|
background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
|
|
1674
1674
|
border var(--hop-easing-duration-2) var(--hop-easing-productive);
|
|
1675
1675
|
}
|
|
1676
|
-
.Button-module__hop-Button--
|
|
1676
|
+
.Button-module__hop-Button--fluid___U1pC7 {
|
|
1677
1677
|
--inline-size: 100%;
|
|
1678
1678
|
}
|
|
1679
|
-
.Button-module__hop-Button--
|
|
1679
|
+
.Button-module__hop-Button--sm___JkRfc {
|
|
1680
1680
|
--block-size: var(--hop-Button-sm-height);
|
|
1681
1681
|
--padding: var(--hop-Button-sm-padding);
|
|
1682
1682
|
}
|
|
1683
|
-
.Button-module__hop-Button--
|
|
1683
|
+
.Button-module__hop-Button--sm___JkRfc[class*=--ghost] {
|
|
1684
1684
|
--padding: var(--hop-Button-ghost-sm-padding);
|
|
1685
1685
|
}
|
|
1686
|
-
.Button-module__hop-Button--
|
|
1686
|
+
.Button-module__hop-Button--md___UW7nU[class*=--ghost] {
|
|
1687
1687
|
--padding: var(--hop-Button-ghost-md-padding);
|
|
1688
1688
|
}
|
|
1689
|
-
.Button-module__hop-Button--icon-
|
|
1689
|
+
.Button-module__hop-Button--icon-only___9-rM- {
|
|
1690
1690
|
--column-gap: var(--hop-Button-icon-only-column-gap);
|
|
1691
1691
|
--padding: var(--hop-Button-icon-only-padding);
|
|
1692
1692
|
aspect-ratio: 1;
|
|
1693
1693
|
}
|
|
1694
|
-
.Button-module__hop-Button--
|
|
1694
|
+
.Button-module__hop-Button--primary___3Jpwh {
|
|
1695
1695
|
--background-color: var(--hop-Button-primary-background-color);
|
|
1696
1696
|
--color: var(--hop-Button-primary-color);
|
|
1697
1697
|
--border: var(--hop-Button-primary-border);
|
|
1698
1698
|
--spinner-color: var(--hop-Button-primary-spinner-color);
|
|
1699
1699
|
}
|
|
1700
|
-
.Button-module__hop-Button--
|
|
1701
|
-
.Button-module__hop-Button--
|
|
1700
|
+
.Button-module__hop-Button--primary___3Jpwh[data-hovered],
|
|
1701
|
+
.Button-module__hop-Button--primary___3Jpwh[data-focus-visible] {
|
|
1702
1702
|
--background-color: var(--hop-Button-primary-background-color-hover);
|
|
1703
1703
|
--color: var(--hop-Button-primary-color-hover);
|
|
1704
1704
|
--border: var(--hop-Button-primary-border-hover);
|
|
1705
1705
|
}
|
|
1706
|
-
.Button-module__hop-Button--
|
|
1706
|
+
.Button-module__hop-Button--primary___3Jpwh[data-pressed] {
|
|
1707
1707
|
--background-color: var(--hop-Button-primary-background-color-pressed);
|
|
1708
1708
|
--color: var(--hop-Button-primary-color-pressed);
|
|
1709
1709
|
--border: var(--hop-Button-primary-border-pressed);
|
|
1710
1710
|
}
|
|
1711
|
-
.Button-module__hop-Button--
|
|
1711
|
+
.Button-module__hop-Button--secondary___NU-Ve {
|
|
1712
1712
|
--background-color: var(--hop-Button-secondary-background-color);
|
|
1713
1713
|
--color: var(--hop-Button-secondary-color);
|
|
1714
1714
|
--border: var(--hop-Button-secondary-border);
|
|
1715
1715
|
--spinner-color: var(--hop-Button-secondary-spinner-color);
|
|
1716
1716
|
}
|
|
1717
|
-
.Button-module__hop-Button--
|
|
1718
|
-
.Button-module__hop-Button--
|
|
1717
|
+
.Button-module__hop-Button--secondary___NU-Ve[data-hovered],
|
|
1718
|
+
.Button-module__hop-Button--secondary___NU-Ve[data-focus-visible] {
|
|
1719
1719
|
--background-color: var(--hop-Button-secondary-background-color-hover);
|
|
1720
1720
|
--color: var(--hop-Button-secondary-color-hover);
|
|
1721
1721
|
--border: var(--hop-Button-secondary-border-hover);
|
|
1722
1722
|
}
|
|
1723
|
-
.Button-module__hop-Button--
|
|
1723
|
+
.Button-module__hop-Button--secondary___NU-Ve[data-pressed] {
|
|
1724
1724
|
--background-color: var(--hop-Button-secondary-background-color-pressed);
|
|
1725
1725
|
--color: var(--hop-Button-secondary-color-pressed);
|
|
1726
1726
|
--border: var(--hop-Button-secondary-border-pressed);
|
|
1727
1727
|
}
|
|
1728
|
-
.Button-module__hop-Button--
|
|
1728
|
+
.Button-module__hop-Button--upsell___Zjxjx {
|
|
1729
1729
|
--background-color: var(--hop-Button-upsell-background-color);
|
|
1730
1730
|
--color: var(--hop-Button-upsell-color);
|
|
1731
1731
|
--border: var(--hop-Button-upsell-border);
|
|
1732
1732
|
--spinner-color: var(--hop-Button-upsell-spinner-color);
|
|
1733
1733
|
}
|
|
1734
|
-
.Button-module__hop-Button--
|
|
1735
|
-
.Button-module__hop-Button--
|
|
1734
|
+
.Button-module__hop-Button--upsell___Zjxjx[data-hovered],
|
|
1735
|
+
.Button-module__hop-Button--upsell___Zjxjx[data-focus-visible] {
|
|
1736
1736
|
--background-color: var(--hop-Button-upsell-background-color-hover);
|
|
1737
1737
|
--color: var(--hop-Button-upsell-color-hover);
|
|
1738
1738
|
--border: var(--hop-Button-upsell-border-hover);
|
|
1739
1739
|
}
|
|
1740
|
-
.Button-module__hop-Button--
|
|
1740
|
+
.Button-module__hop-Button--upsell___Zjxjx[data-pressed] {
|
|
1741
1741
|
--background-color: var(--hop-Button-upsell-background-color-pressed);
|
|
1742
1742
|
--color: var(--hop-Button-upsell-color-pressed);
|
|
1743
1743
|
--border: var(--hop-Button-upsell-border-pressed);
|
|
1744
1744
|
}
|
|
1745
|
-
.Button-module__hop-Button--
|
|
1745
|
+
.Button-module__hop-Button--danger___MoOv- {
|
|
1746
1746
|
--background-color: var(--hop-Button-danger-background-color);
|
|
1747
1747
|
--color: var(--hop-Button-danger-color);
|
|
1748
1748
|
--border: var(--hop-Button-danger-border);
|
|
1749
1749
|
--spinner-color: var(--hop-Button-danger-spinner-color);
|
|
1750
1750
|
}
|
|
1751
|
-
.Button-module__hop-Button--
|
|
1752
|
-
.Button-module__hop-Button--
|
|
1751
|
+
.Button-module__hop-Button--danger___MoOv-[data-hovered],
|
|
1752
|
+
.Button-module__hop-Button--danger___MoOv-[data-focus-visible] {
|
|
1753
1753
|
--background-color: var(--hop-Button-danger-background-color-hover);
|
|
1754
1754
|
--color: var(--hop-Button-danger-color-hover);
|
|
1755
1755
|
--border: var(--hop-Button-danger-border-hover);
|
|
1756
1756
|
}
|
|
1757
|
-
.Button-module__hop-Button--
|
|
1757
|
+
.Button-module__hop-Button--danger___MoOv-[data-pressed] {
|
|
1758
1758
|
--background-color: var(--hop-Button-danger-background-color-pressed);
|
|
1759
1759
|
--color: var(--hop-Button-danger-color-pressed);
|
|
1760
1760
|
--border: var(--hop-Button-danger-border-pressed);
|
|
1761
1761
|
}
|
|
1762
|
-
.Button-module__hop-Button--ghost-
|
|
1762
|
+
.Button-module__hop-Button--ghost-primary___WC15g {
|
|
1763
1763
|
--background-color: var(--hop-Button-ghost-primary-background-color);
|
|
1764
1764
|
--color: var(--hop-Button-ghost-primary-color);
|
|
1765
1765
|
--border: var(--hop-Button-ghost-primary-border);
|
|
1766
1766
|
--spinner-color: var(--hop-Button-ghost-primary-spinner-color);
|
|
1767
1767
|
}
|
|
1768
|
-
.Button-module__hop-Button--ghost-
|
|
1769
|
-
.Button-module__hop-Button--ghost-
|
|
1768
|
+
.Button-module__hop-Button--ghost-primary___WC15g[data-hovered],
|
|
1769
|
+
.Button-module__hop-Button--ghost-primary___WC15g[data-focus-visible] {
|
|
1770
1770
|
--background-color: var(--hop-Button-ghost-primary-background-color-hover);
|
|
1771
1771
|
--color: var(--hop-Button-ghost-primary-color-hover);
|
|
1772
1772
|
--border: var(--hop-Button-ghost-primary-border-hover);
|
|
1773
1773
|
--text-underline: underline;
|
|
1774
1774
|
}
|
|
1775
|
-
.Button-module__hop-Button--ghost-
|
|
1775
|
+
.Button-module__hop-Button--ghost-primary___WC15g[data-pressed] {
|
|
1776
1776
|
--background-color: var(--hop-Button-ghost-primary-background-color-pressed);
|
|
1777
1777
|
--color: var(--hop-Button-ghost-primary-color-pressed);
|
|
1778
1778
|
--border: var(--hop-Button-ghost-primary-border-pressed);
|
|
1779
1779
|
--text-underline: underline;
|
|
1780
1780
|
}
|
|
1781
|
-
.Button-module__hop-Button--ghost-
|
|
1781
|
+
.Button-module__hop-Button--ghost-secondary___kxQsj {
|
|
1782
1782
|
--background-color: var(--hop-Button-ghost-secondary-background-color);
|
|
1783
1783
|
--color: var(--hop-Button-ghost-secondary-color);
|
|
1784
1784
|
--border: var(--hop-Button-ghost-secondary-border);
|
|
1785
1785
|
--spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
|
|
1786
1786
|
}
|
|
1787
|
-
.Button-module__hop-Button--ghost-
|
|
1788
|
-
.Button-module__hop-Button--ghost-
|
|
1787
|
+
.Button-module__hop-Button--ghost-secondary___kxQsj[data-hovered],
|
|
1788
|
+
.Button-module__hop-Button--ghost-secondary___kxQsj[data-focus-visible] {
|
|
1789
1789
|
--background-color: var(--hop-Button-ghost-secondary-background-color-hover);
|
|
1790
1790
|
--color: var(--hop-Button-ghost-secondary-color-hover);
|
|
1791
1791
|
--border: var(--hop-Button-ghost-secondary-border-hover);
|
|
1792
1792
|
--text-underline: underline;
|
|
1793
1793
|
}
|
|
1794
|
-
.Button-module__hop-Button--ghost-
|
|
1794
|
+
.Button-module__hop-Button--ghost-secondary___kxQsj[data-pressed] {
|
|
1795
1795
|
--background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
|
|
1796
1796
|
--color: var(--hop-Button-ghost-secondary-color-pressed);
|
|
1797
1797
|
--border: var(--hop-Button-ghost-secondary-border-pressed);
|
|
1798
1798
|
--text-underline: underline;
|
|
1799
1799
|
}
|
|
1800
|
-
.Button-module__hop-Button--ghost-
|
|
1800
|
+
.Button-module__hop-Button--ghost-danger___kblVO {
|
|
1801
1801
|
--background-color: var(--hop-Button-ghost-danger-background-color);
|
|
1802
1802
|
--color: var(--hop-Button-ghost-danger-color);
|
|
1803
1803
|
--border: var(--hop-Button-ghost-danger-border);
|
|
1804
1804
|
--spinner-color: var(--hop-Button-ghost-danger-spinner-color);
|
|
1805
1805
|
}
|
|
1806
|
-
.Button-module__hop-Button--ghost-
|
|
1807
|
-
.Button-module__hop-Button--ghost-
|
|
1806
|
+
.Button-module__hop-Button--ghost-danger___kblVO[data-hovered],
|
|
1807
|
+
.Button-module__hop-Button--ghost-danger___kblVO[data-focus-visible] {
|
|
1808
1808
|
--background-color: var(--hop-Button-ghost-danger-background-color-hover);
|
|
1809
1809
|
--color: var(--hop-Button-ghost-danger-color-hover);
|
|
1810
1810
|
--border: var(--hop-Button-ghost-danger-border-hover);
|
|
1811
1811
|
--text-underline: underline;
|
|
1812
1812
|
}
|
|
1813
|
-
.Button-module__hop-Button--ghost-
|
|
1813
|
+
.Button-module__hop-Button--ghost-danger___kblVO[data-pressed] {
|
|
1814
1814
|
--background-color: var(--hop-Button-ghost-danger-background-color-pressed);
|
|
1815
1815
|
--color: var(--hop-Button-ghost-danger-color-pressed);
|
|
1816
1816
|
--border: var(--hop-Button-ghost-danger-border-pressed);
|
|
1817
1817
|
--text-underline: underline;
|
|
1818
1818
|
}
|
|
1819
|
-
.Button-module__hop-
|
|
1819
|
+
.Button-module__hop-Button___g0bsX[data-focus-visible] {
|
|
1820
1820
|
outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
|
|
1821
1821
|
}
|
|
1822
|
-
.Button-module__hop-
|
|
1823
|
-
.Button-module__hop-
|
|
1822
|
+
.Button-module__hop-Button___g0bsX[data-disabled],
|
|
1823
|
+
.Button-module__hop-Button___g0bsX[data-pending] {
|
|
1824
1824
|
cursor: not-allowed;
|
|
1825
1825
|
}
|
|
1826
|
-
.Button-module__hop-
|
|
1826
|
+
.Button-module__hop-Button___g0bsX[data-disabled] {
|
|
1827
1827
|
--background-color: var(--hop-Button-background-color-disabled);
|
|
1828
1828
|
--color: var(--hop-Button-color-disabled);
|
|
1829
1829
|
--border: var(--hop-Button-border-disabled);
|
|
1830
1830
|
}
|
|
1831
|
-
.Button-module__hop-
|
|
1831
|
+
.Button-module__hop-Button___g0bsX[class*=--ghost][data-disabled] {
|
|
1832
1832
|
--background-color: var(--hop-Button-ghost-background-color-disabled);
|
|
1833
1833
|
--color: var(--hop-Button-ghost-color-disabled);
|
|
1834
1834
|
--border: var(--hop-Button-ghost-border-disabled);
|
|
1835
1835
|
}
|
|
1836
|
-
.Button-module__hop-Button--
|
|
1836
|
+
.Button-module__hop-Button--primary___3Jpwh[data-pending] {
|
|
1837
1837
|
--background-color: var(--hop-Button-primary-background-color);
|
|
1838
1838
|
--color: var(--hop-Button-primary-color);
|
|
1839
1839
|
--border: var(--hop-Button-primary-border);
|
|
1840
1840
|
}
|
|
1841
|
-
.Button-module__hop-Button--
|
|
1841
|
+
.Button-module__hop-Button--secondary___NU-Ve[data-pending] {
|
|
1842
1842
|
--background-color: var(--hop-Button-secondary-background-color);
|
|
1843
1843
|
--color: var(--hop-Button-secondary-color);
|
|
1844
1844
|
--border: var(--hop-Button-secondary-border);
|
|
1845
1845
|
}
|
|
1846
|
-
.Button-module__hop-Button--
|
|
1846
|
+
.Button-module__hop-Button--upsell___Zjxjx[data-pending] {
|
|
1847
1847
|
--background-color: var(--hop-Button-upsell-background-color);
|
|
1848
1848
|
--color: var(--hop-Button-upsell-color);
|
|
1849
1849
|
--border: var(--hop-Button-upsell-border);
|
|
1850
1850
|
}
|
|
1851
|
-
.Button-module__hop-Button--
|
|
1851
|
+
.Button-module__hop-Button--danger___MoOv-[data-pending] {
|
|
1852
1852
|
--background-color: var(--hop-Button-danger-background-color);
|
|
1853
1853
|
--color: var(--hop-Button-danger-color);
|
|
1854
1854
|
--border: var(--hop-Button-danger-border);
|
|
1855
1855
|
}
|
|
1856
|
-
.Button-module__hop-Button--ghost-
|
|
1856
|
+
.Button-module__hop-Button--ghost-primary___WC15g[data-pending] {
|
|
1857
1857
|
--background-color: var(--hop-Button-ghost-primary-background-color);
|
|
1858
1858
|
--color: var(--hop-Button-ghost-primary-color);
|
|
1859
1859
|
--border: var(--hop-Button-ghost-primary-border);
|
|
1860
1860
|
--text-underline: none;
|
|
1861
1861
|
}
|
|
1862
|
-
.Button-module__hop-Button--ghost-
|
|
1862
|
+
.Button-module__hop-Button--ghost-secondary___kxQsj[data-pending] {
|
|
1863
1863
|
--background-color: var(--hop-Button-ghost-secondary-background-color);
|
|
1864
1864
|
--color: var(--hop-Button-ghost-secondary-color);
|
|
1865
1865
|
--border: var(--hop-Button-ghost-secondary-border);
|
|
1866
1866
|
--text-underline: none;
|
|
1867
1867
|
}
|
|
1868
|
-
.Button-module__hop-Button--ghost-
|
|
1868
|
+
.Button-module__hop-Button--ghost-danger___kblVO[data-pending] {
|
|
1869
1869
|
--background-color: var(--hop-Button-ghost-danger-background-color);
|
|
1870
1870
|
--color: var(--hop-Button-ghost-danger-color);
|
|
1871
1871
|
--border: var(--hop-Button-ghost-danger-border);
|
|
1872
1872
|
--text-underline: none;
|
|
1873
1873
|
}
|
|
1874
|
-
.Button-module__hop-
|
|
1874
|
+
.Button-module__hop-Button__Spinner___3NSsM {
|
|
1875
1875
|
position: absolute;
|
|
1876
1876
|
color: var(--spinner-color);
|
|
1877
1877
|
}
|
|
1878
|
-
.Button-module__hop-
|
|
1879
|
-
.Button-module__hop-Button__icon-
|
|
1878
|
+
.Button-module__hop-Button__icon___znSPX,
|
|
1879
|
+
.Button-module__hop-Button__icon-list___ufYMi {
|
|
1880
1880
|
flex: 0 0 auto;
|
|
1881
1881
|
justify-self: end;
|
|
1882
1882
|
order: 1;
|
|
1883
1883
|
}
|
|
1884
|
-
.Button-module__hop-
|
|
1884
|
+
.Button-module__hop-Button__text___ud1xn {
|
|
1885
1885
|
user-select: none;
|
|
1886
1886
|
overflow: visible;
|
|
1887
1887
|
flex: 0 1 auto;
|
|
@@ -1891,57 +1891,78 @@
|
|
|
1891
1891
|
text-underline-offset: 0.125rem;
|
|
1892
1892
|
text-wrap: nowrap;
|
|
1893
1893
|
}
|
|
1894
|
-
.Button-module__hop-Button__end-
|
|
1895
|
-
.Button-module__hop-Button__end-icon-
|
|
1894
|
+
.Button-module__hop-Button__end-icon___05XHV,
|
|
1895
|
+
.Button-module__hop-Button__end-icon-list___t5TiC {
|
|
1896
1896
|
flex: 0 0 auto;
|
|
1897
1897
|
order: 3;
|
|
1898
1898
|
}
|
|
1899
|
-
.Button-module__hop-
|
|
1900
|
-
.Button-module__hop-
|
|
1899
|
+
.Button-module__hop-Button___g0bsX .Button-module__hop-Button__icon-list___ufYMi,
|
|
1900
|
+
.Button-module__hop-Button___g0bsX .Button-module__hop-Button__end-icon-list___t5TiC {
|
|
1901
1901
|
flex-wrap: nowrap;
|
|
1902
1902
|
}
|
|
1903
|
-
.Button-module__hop-
|
|
1903
|
+
.Button-module__hop-Button___g0bsX[data-pending] > *:not(.Button-module__hop-Button__Spinner___3NSsM) {
|
|
1904
1904
|
opacity: 0;
|
|
1905
1905
|
}
|
|
1906
|
-
.LinkButton-module__hop-
|
|
1906
|
+
.LinkButton-module__hop-LinkButton___SY9j8 {
|
|
1907
1907
|
}
|
|
1908
|
-
.LinkButton-module__hop-LinkButton--
|
|
1908
|
+
.LinkButton-module__hop-LinkButton--fluid___lGULN {
|
|
1909
1909
|
}
|
|
1910
|
-
.LinkButton-module__hop-LinkButton--
|
|
1910
|
+
.LinkButton-module__hop-LinkButton--sm___Xlnqe {
|
|
1911
1911
|
}
|
|
1912
|
-
.LinkButton-module__hop-LinkButton--icon-
|
|
1912
|
+
.LinkButton-module__hop-LinkButton--icon-only___EWWG2 {
|
|
1913
1913
|
}
|
|
1914
|
-
.LinkButton-module__hop-LinkButton--
|
|
1914
|
+
.LinkButton-module__hop-LinkButton--primary___WU7Bb {
|
|
1915
1915
|
}
|
|
1916
|
-
.LinkButton-module__hop-LinkButton--
|
|
1916
|
+
.LinkButton-module__hop-LinkButton--secondary___LmSA3 {
|
|
1917
1917
|
}
|
|
1918
|
-
.LinkButton-module__hop-LinkButton--
|
|
1918
|
+
.LinkButton-module__hop-LinkButton--upsell___JLqUt {
|
|
1919
1919
|
}
|
|
1920
|
-
.LinkButton-module__hop-LinkButton--
|
|
1920
|
+
.LinkButton-module__hop-LinkButton--danger___WNOwr {
|
|
1921
1921
|
}
|
|
1922
|
-
.LinkButton-module__hop-LinkButton--ghost-
|
|
1922
|
+
.LinkButton-module__hop-LinkButton--ghost-primary___QBdt5 {
|
|
1923
1923
|
}
|
|
1924
|
-
.LinkButton-module__hop-LinkButton--ghost-
|
|
1924
|
+
.LinkButton-module__hop-LinkButton--ghost-secondary___wyw-O {
|
|
1925
1925
|
}
|
|
1926
|
-
.LinkButton-module__hop-LinkButton--ghost-
|
|
1926
|
+
.LinkButton-module__hop-LinkButton--ghost-danger___w5RZy {
|
|
1927
1927
|
}
|
|
1928
|
-
.LinkButton-module__hop-
|
|
1928
|
+
.LinkButton-module__hop-LinkButton__Spinner___F-sPd {
|
|
1929
1929
|
}
|
|
1930
|
-
.LinkButton-module__hop-
|
|
1931
|
-
.LinkButton-module__hop-LinkButton__icon-
|
|
1930
|
+
.LinkButton-module__hop-LinkButton__icon___59s41,
|
|
1931
|
+
.LinkButton-module__hop-LinkButton__icon-list___WDg68 {
|
|
1932
1932
|
}
|
|
1933
|
-
.LinkButton-module__hop-
|
|
1933
|
+
.LinkButton-module__hop-LinkButton__text___pvp40 {
|
|
1934
1934
|
}
|
|
1935
|
-
.LinkButton-module__hop-LinkButton__end-
|
|
1936
|
-
.LinkButton-module__hop-LinkButton__end-icon-
|
|
1935
|
+
.LinkButton-module__hop-LinkButton__end-icon___mJ7Ap,
|
|
1936
|
+
.LinkButton-module__hop-LinkButton__end-icon-list___wnphx {
|
|
1937
1937
|
}
|
|
1938
|
-
.LinkButton-module__hop-
|
|
1939
|
-
.LinkButton-module__hop-
|
|
1938
|
+
.LinkButton-module__hop-LinkButton___SY9j8 .LinkButton-module__hop-LinkButton__icon-list___WDg68,
|
|
1939
|
+
.LinkButton-module__hop-LinkButton___SY9j8 .LinkButton-module__hop-LinkButton__end-icon-list___wnphx {
|
|
1940
1940
|
flex-wrap: nowrap;
|
|
1941
1941
|
}
|
|
1942
1942
|
|
|
1943
|
+
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Card/src/Card.module.css/#css-module-data */
|
|
1944
|
+
.Card-module__hop-Card___95mWR {
|
|
1945
|
+
--hop-Card-border-radius: var(--hop-shape-rounded-md);
|
|
1946
|
+
--hop-Card-border-size: 0.0625rem;
|
|
1947
|
+
--hop-Card-main-border: var(--hop-Card-border-size) solid var(--hop-neutral-border-weak);
|
|
1948
|
+
--hop-Card-main-background-color: var(--hop-neutral-surface);
|
|
1949
|
+
--hop-Card-second-level-border: var(--hop-Card-border-size) solid var(--hop-neutral-surface-weakest);
|
|
1950
|
+
--hop-Card-second-level-background-color: var(--hop-neutral-surface-weakest);
|
|
1951
|
+
background-color: var(--background-color);
|
|
1952
|
+
border: var(--border);
|
|
1953
|
+
border-radius: var(--hop-Card-border-radius);
|
|
1954
|
+
}
|
|
1955
|
+
.Card-module__hop-Card--main___smNQ8 {
|
|
1956
|
+
--background-color: var(--hop-Card-main-background-color);
|
|
1957
|
+
--border: var(--hop-Card-main-border);
|
|
1958
|
+
}
|
|
1959
|
+
.Card-module__hop-Card--second-level___VQ5lc {
|
|
1960
|
+
--background-color: var(--hop-Card-second-level-background-color);
|
|
1961
|
+
--border: var(--hop-Card-second-level-border);
|
|
1962
|
+
}
|
|
1963
|
+
|
|
1943
1964
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
|
|
1944
|
-
.Checkbox-module__hop-
|
|
1965
|
+
.Checkbox-module__hop-Checkbox___Z-y0e {
|
|
1945
1966
|
--hop-Checkbox-box-border-size: 0.0625rem;
|
|
1946
1967
|
--hop-Checkbox-box-border-color: var(--hop-neutral-border);
|
|
1947
1968
|
--hop-Checkbox-box-background-color: var(--hop-neutral-surface);
|
|
@@ -2016,60 +2037,60 @@
|
|
|
2016
2037
|
inline-size: max-content;
|
|
2017
2038
|
max-inline-size: 100%;
|
|
2018
2039
|
}
|
|
2019
|
-
.Checkbox-module__hop-
|
|
2040
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-focus-visible] {
|
|
2020
2041
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused);
|
|
2021
2042
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused);
|
|
2022
2043
|
--box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
|
|
2023
2044
|
--text-color: var(--hop-Checkbox-text-color-focused);
|
|
2024
2045
|
--icon-color: var(--hop-Checkbox-icon-color-focused);
|
|
2025
2046
|
}
|
|
2026
|
-
.Checkbox-module__hop-
|
|
2047
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-hovered] {
|
|
2027
2048
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered);
|
|
2028
2049
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered);
|
|
2029
2050
|
--text-color: var(--hop-Checkbox-text-color-hovered);
|
|
2030
2051
|
--icon-color: var(--hop-Checkbox-icon-color-hovered);
|
|
2031
2052
|
}
|
|
2032
|
-
.Checkbox-module__hop-
|
|
2053
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-pressed] {
|
|
2033
2054
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed);
|
|
2034
2055
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed);
|
|
2035
2056
|
--text-color: var(--hop-Checkbox-text-color-pressed);
|
|
2036
2057
|
--icon-color: var(--hop-Checkbox-icon-color-pressed);
|
|
2037
2058
|
}
|
|
2038
|
-
.Checkbox-module__hop-
|
|
2059
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-selected] {
|
|
2039
2060
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected);
|
|
2040
2061
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected);
|
|
2041
2062
|
--check-display: var(--hop-Checkbox-check-display-selected);
|
|
2042
2063
|
--text-color: var(--hop-Checkbox-text-color-selected);
|
|
2043
2064
|
--icon-color: var(--hop-Checkbox-icon-color-selected);
|
|
2044
2065
|
}
|
|
2045
|
-
.Checkbox-module__hop-
|
|
2066
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-invalid] {
|
|
2046
2067
|
--box-background-color: var(--hop-Checkbox-box-background-color-invalid);
|
|
2047
2068
|
--box-border-color: var(--hop-Checkbox-box-border-color-invalid);
|
|
2048
2069
|
--check-color: var(--hop-Checkbox-check-color-invalid);
|
|
2049
2070
|
--text-color: var(--hop-Checkbox-text-color-invalid);
|
|
2050
2071
|
--icon-color: var(--hop-Checkbox-icon-color-invalid);
|
|
2051
2072
|
}
|
|
2052
|
-
.Checkbox-module__hop-
|
|
2073
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-focus-visible]) {
|
|
2053
2074
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
|
|
2054
2075
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
|
|
2055
2076
|
}
|
|
2056
|
-
.Checkbox-module__hop-
|
|
2077
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-hovered]) {
|
|
2057
2078
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
|
|
2058
2079
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
|
|
2059
2080
|
--text-color: var(--hop-Checkbox-text-color-hovered-invalid);
|
|
2060
2081
|
--icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
|
|
2061
2082
|
}
|
|
2062
|
-
.Checkbox-module__hop-
|
|
2083
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-pressed]) {
|
|
2063
2084
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
|
|
2064
2085
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
|
|
2065
2086
|
--text-color: var(--hop-Checkbox-text-color-pressed-invalid);
|
|
2066
2087
|
--icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
|
|
2067
2088
|
}
|
|
2068
|
-
.Checkbox-module__hop-
|
|
2089
|
+
.Checkbox-module__hop-Checkbox___Z-y0e:where([data-invalid])[data-selected] {
|
|
2069
2090
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
|
|
2070
2091
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
|
|
2071
2092
|
}
|
|
2072
|
-
.Checkbox-module__hop-
|
|
2093
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-disabled] {
|
|
2073
2094
|
--box-background-color: var(--hop-Checkbox-box-background-color-disabled);
|
|
2074
2095
|
--box-border-color: var(--hop-Checkbox-box-border-color-disabled);
|
|
2075
2096
|
--check-color: var(--hop-Checkbox-check-color-disabled);
|
|
@@ -2077,25 +2098,25 @@
|
|
|
2077
2098
|
--text-color: var(--hop-Checkbox-text-color-disabled);
|
|
2078
2099
|
--icon-color: var(--hop-Checkbox-icon-color-disabled);
|
|
2079
2100
|
}
|
|
2080
|
-
.Checkbox-module__hop-Checkbox--
|
|
2101
|
+
.Checkbox-module__hop-Checkbox--sm___5J3HW {
|
|
2081
2102
|
--box-block-size: var(--hop-Checkbox-box-sm-block-size);
|
|
2082
2103
|
--box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
|
|
2083
2104
|
--text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
|
|
2084
2105
|
--text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
|
|
2085
2106
|
}
|
|
2086
|
-
.Checkbox-module__hop-Checkbox--
|
|
2107
|
+
.Checkbox-module__hop-Checkbox--md___PZTMw {
|
|
2087
2108
|
--box-block-size: var(--hop-Checkbox-box-md-block-size);
|
|
2088
2109
|
--box-inline-size: var(--hop-Checkbox-box-md-inline-size);
|
|
2089
2110
|
--text-top-offset: var(--hop-Checkbox-text-md-top-offset);
|
|
2090
2111
|
--text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
|
|
2091
2112
|
}
|
|
2092
|
-
.Checkbox-module__hop-
|
|
2093
|
-
.Checkbox-module__hop-Checkbox__icon-
|
|
2113
|
+
.Checkbox-module__hop-Checkbox__icon___MY2sJ,
|
|
2114
|
+
.Checkbox-module__hop-Checkbox__icon-list___jHQMo {
|
|
2094
2115
|
flex: 0 0 auto;
|
|
2095
2116
|
order: 3;
|
|
2096
2117
|
color: var(--icon-color);
|
|
2097
2118
|
}
|
|
2098
|
-
.Checkbox-module__hop-
|
|
2119
|
+
.Checkbox-module__hop-Checkbox__box___nMgAo {
|
|
2099
2120
|
display: flex;
|
|
2100
2121
|
flex: 0 0 auto;
|
|
2101
2122
|
align-items: center;
|
|
@@ -2111,11 +2132,11 @@
|
|
|
2111
2132
|
outline-offset: 0.125rem;
|
|
2112
2133
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
2113
2134
|
}
|
|
2114
|
-
.Checkbox-module__hop-
|
|
2135
|
+
.Checkbox-module__hop-Checkbox__check___4g1qS {
|
|
2115
2136
|
display: var(--check-display);
|
|
2116
2137
|
color: var(--check-color);
|
|
2117
2138
|
}
|
|
2118
|
-
.Checkbox-module__hop-
|
|
2139
|
+
.Checkbox-module__hop-Checkbox__text___QBE-c {
|
|
2119
2140
|
flex: 0 1 auto;
|
|
2120
2141
|
order: 2;
|
|
2121
2142
|
min-inline-size: 0;
|
|
@@ -2125,7 +2146,7 @@
|
|
|
2125
2146
|
}
|
|
2126
2147
|
|
|
2127
2148
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
|
|
2128
|
-
.CheckboxField-module__hop-
|
|
2149
|
+
.CheckboxField-module__hop-CheckboxField___wCqNN {
|
|
2129
2150
|
--hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
|
|
2130
2151
|
--hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
2131
2152
|
--hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -2144,28 +2165,28 @@
|
|
|
2144
2165
|
inline-size: max-content;
|
|
2145
2166
|
max-inline-size: 100%;
|
|
2146
2167
|
}
|
|
2147
|
-
.CheckboxField-module__hop-
|
|
2168
|
+
.CheckboxField-module__hop-CheckboxField___wCqNN[data-disabled] {
|
|
2148
2169
|
--description-color: var(--hop-CheckboxField-description-color-disabled);
|
|
2149
2170
|
}
|
|
2150
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
2171
|
+
.CheckboxField-module__hop-CheckboxField--sm___qR6mK {
|
|
2151
2172
|
--row-gap: var(--hop-CheckboxField-sm-row-gap);
|
|
2152
2173
|
--description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
|
|
2153
2174
|
}
|
|
2154
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
2175
|
+
.CheckboxField-module__hop-CheckboxField--md___dl-jS {
|
|
2155
2176
|
--row-gap: var(--hop-CheckboxField-md-row-gap);
|
|
2156
2177
|
--description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
|
|
2157
2178
|
}
|
|
2158
|
-
.CheckboxField-module__hop-
|
|
2179
|
+
.CheckboxField-module__hop-CheckboxField__description___0zRU3 {
|
|
2159
2180
|
order: 2;
|
|
2160
2181
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
|
|
2161
2182
|
color: var(--description-color);
|
|
2162
2183
|
}
|
|
2163
|
-
.CheckboxField-module__hop-
|
|
2184
|
+
.CheckboxField-module__hop-CheckboxField__checkbox___5-89Z {
|
|
2164
2185
|
order: 1;
|
|
2165
2186
|
}
|
|
2166
2187
|
|
|
2167
2188
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
|
|
2168
|
-
.ErrorMessage-module__hop-
|
|
2189
|
+
.ErrorMessage-module__hop-ErrorMessage___-OJ96 {
|
|
2169
2190
|
--hop-ErrorMessage-color: var(--hop-danger-text-weak);
|
|
2170
2191
|
--hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
|
|
2171
2192
|
--hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
|
|
@@ -2182,13 +2203,13 @@
|
|
|
2182
2203
|
line-height: var(--hop-ErrorMessage-line-height);
|
|
2183
2204
|
color: var(--hop-ErrorMessage-color);
|
|
2184
2205
|
}
|
|
2185
|
-
.ErrorMessage-module__hop-
|
|
2206
|
+
.ErrorMessage-module__hop-ErrorMessage__icon___G-fBg {
|
|
2186
2207
|
flex: 0 0 auto;
|
|
2187
2208
|
align-self: flex-start;
|
|
2188
2209
|
}
|
|
2189
2210
|
|
|
2190
2211
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
|
|
2191
|
-
.HelperMessage-module__hop-
|
|
2212
|
+
.HelperMessage-module__hop-HelperMessage___wwxDN {
|
|
2192
2213
|
--hop-HelperMessage-color: var(--hop-neutral-text-weak);
|
|
2193
2214
|
--hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
|
|
2194
2215
|
display: flex;
|
|
@@ -2197,13 +2218,13 @@
|
|
|
2197
2218
|
box-sizing: border-box;
|
|
2198
2219
|
color: var(--hop-HelperMessage-color);
|
|
2199
2220
|
}
|
|
2200
|
-
.HelperMessage-module__hop-
|
|
2221
|
+
.HelperMessage-module__hop-HelperMessage__icon___8k1Gi {
|
|
2201
2222
|
flex: 0 0 auto;
|
|
2202
2223
|
align-self: flex-start;
|
|
2203
2224
|
}
|
|
2204
2225
|
|
|
2205
2226
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
|
|
2206
|
-
.CheckboxGroup-module__hop-
|
|
2227
|
+
.CheckboxGroup-module__hop-CheckboxGroup___FaIHF {
|
|
2207
2228
|
--hop-CheckboxGroup-align-items: flex-start;
|
|
2208
2229
|
--hop-CheckboxGroup-justify-content: flex-start;
|
|
2209
2230
|
--hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -2242,46 +2263,46 @@
|
|
|
2242
2263
|
inline-size: max-content;
|
|
2243
2264
|
max-inline-size: 100%;
|
|
2244
2265
|
}
|
|
2245
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
2266
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I {
|
|
2246
2267
|
--list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
|
|
2247
2268
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
2248
2269
|
}
|
|
2249
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
2270
|
+
.CheckboxGroup-module__hop-CheckboxGroup--sm___-HD0f {
|
|
2250
2271
|
--column-gap: var(--hop-CheckboxGroup-sm-column-gap);
|
|
2251
2272
|
--row-gap: var(--hop-CheckboxGroup-sm-row-gap);
|
|
2252
2273
|
--list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
|
|
2253
2274
|
--list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
|
|
2254
2275
|
}
|
|
2255
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
2276
|
+
.CheckboxGroup-module__hop-CheckboxGroup--md___Nbgou {
|
|
2256
2277
|
--column-gap: var(--hop-CheckboxGroup-md-column-gap);
|
|
2257
2278
|
--row-gap: var(--hop-CheckboxGroup-md-row-gap);
|
|
2258
2279
|
--list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
|
|
2259
2280
|
--list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
|
|
2260
2281
|
}
|
|
2261
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
2282
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I.CheckboxGroup-module__hop-CheckboxGroup--sm___-HD0f {
|
|
2262
2283
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
|
|
2263
2284
|
--column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
|
|
2264
2285
|
--row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
|
|
2265
2286
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
|
|
2266
2287
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
|
|
2267
2288
|
}
|
|
2268
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
2289
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I.CheckboxGroup-module__hop-CheckboxGroup--md___Nbgou {
|
|
2269
2290
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
|
|
2270
2291
|
--column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
|
|
2271
2292
|
--row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
|
|
2272
2293
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
|
|
2273
2294
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
|
|
2274
2295
|
}
|
|
2275
|
-
.CheckboxGroup-module__hop-
|
|
2296
|
+
.CheckboxGroup-module__hop-CheckboxGroup___FaIHF[data-orientation=horizontal] {
|
|
2276
2297
|
--flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
|
|
2277
2298
|
}
|
|
2278
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
2299
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I[data-orientation=horizontal] {
|
|
2279
2300
|
--flex-wrap: nowrap;
|
|
2280
2301
|
}
|
|
2281
|
-
.CheckboxGroup-module__hop-
|
|
2302
|
+
.CheckboxGroup-module__hop-CheckboxGroup___FaIHF > .CheckboxGroup-module__hop-CheckboxGroup__label___yZIMj {
|
|
2282
2303
|
order: 1;
|
|
2283
2304
|
}
|
|
2284
|
-
.CheckboxGroup-module__hop-
|
|
2305
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX {
|
|
2285
2306
|
display: flex;
|
|
2286
2307
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
2287
2308
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -2292,7 +2313,7 @@
|
|
|
2292
2313
|
border: var(--list-border, none);
|
|
2293
2314
|
border-radius: var(--list-border-radius, 0);
|
|
2294
2315
|
}
|
|
2295
|
-
.CheckboxGroup-module__hop-
|
|
2316
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR {
|
|
2296
2317
|
position: relative;
|
|
2297
2318
|
flex: 0 1 auto;
|
|
2298
2319
|
align-content: start;
|
|
@@ -2300,28 +2321,28 @@
|
|
|
2300
2321
|
min-inline-size: 0;
|
|
2301
2322
|
padding: var(--checkbox-padding, 0);
|
|
2302
2323
|
}
|
|
2303
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
2324
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR::before {
|
|
2304
2325
|
content: "";
|
|
2305
2326
|
position: absolute;
|
|
2306
2327
|
display: block;
|
|
2307
2328
|
}
|
|
2308
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
2329
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR::before {
|
|
2309
2330
|
inset-block-start: 0;
|
|
2310
2331
|
inset-inline: 0;
|
|
2311
2332
|
border-block-start: var(--list-border, none);
|
|
2312
2333
|
}
|
|
2313
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
2334
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR::before {
|
|
2314
2335
|
inset-block: 0;
|
|
2315
2336
|
inset-inline-start: 0;
|
|
2316
2337
|
border-inline-start: var(--list-border, none);
|
|
2317
2338
|
}
|
|
2318
|
-
.CheckboxGroup-module__hop-
|
|
2319
|
-
.CheckboxGroup-module__hop-
|
|
2339
|
+
.CheckboxGroup-module__hop-CheckboxGroup___FaIHF > .CheckboxGroup-module__hop-CheckboxGroup__error-message___Tqkko,
|
|
2340
|
+
.CheckboxGroup-module__hop-CheckboxGroup___FaIHF > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___KD8O8 {
|
|
2320
2341
|
order: 3;
|
|
2321
2342
|
}
|
|
2322
2343
|
|
|
2323
2344
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
|
|
2324
|
-
.Checkbox-module__hop-
|
|
2345
|
+
.Checkbox-module__hop-Checkbox___Z-y0e {
|
|
2325
2346
|
--hop-Checkbox-box-border-size: 0.0625rem;
|
|
2326
2347
|
--hop-Checkbox-box-border-color: var(--hop-neutral-border);
|
|
2327
2348
|
--hop-Checkbox-box-background-color: var(--hop-neutral-surface);
|
|
@@ -2396,60 +2417,60 @@
|
|
|
2396
2417
|
inline-size: max-content;
|
|
2397
2418
|
max-inline-size: 100%;
|
|
2398
2419
|
}
|
|
2399
|
-
.Checkbox-module__hop-
|
|
2420
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-focus-visible] {
|
|
2400
2421
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused);
|
|
2401
2422
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused);
|
|
2402
2423
|
--box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
|
|
2403
2424
|
--text-color: var(--hop-Checkbox-text-color-focused);
|
|
2404
2425
|
--icon-color: var(--hop-Checkbox-icon-color-focused);
|
|
2405
2426
|
}
|
|
2406
|
-
.Checkbox-module__hop-
|
|
2427
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-hovered] {
|
|
2407
2428
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered);
|
|
2408
2429
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered);
|
|
2409
2430
|
--text-color: var(--hop-Checkbox-text-color-hovered);
|
|
2410
2431
|
--icon-color: var(--hop-Checkbox-icon-color-hovered);
|
|
2411
2432
|
}
|
|
2412
|
-
.Checkbox-module__hop-
|
|
2433
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-pressed] {
|
|
2413
2434
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed);
|
|
2414
2435
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed);
|
|
2415
2436
|
--text-color: var(--hop-Checkbox-text-color-pressed);
|
|
2416
2437
|
--icon-color: var(--hop-Checkbox-icon-color-pressed);
|
|
2417
2438
|
}
|
|
2418
|
-
.Checkbox-module__hop-
|
|
2439
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-selected] {
|
|
2419
2440
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected);
|
|
2420
2441
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected);
|
|
2421
2442
|
--check-display: var(--hop-Checkbox-check-display-selected);
|
|
2422
2443
|
--text-color: var(--hop-Checkbox-text-color-selected);
|
|
2423
2444
|
--icon-color: var(--hop-Checkbox-icon-color-selected);
|
|
2424
2445
|
}
|
|
2425
|
-
.Checkbox-module__hop-
|
|
2446
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-invalid] {
|
|
2426
2447
|
--box-background-color: var(--hop-Checkbox-box-background-color-invalid);
|
|
2427
2448
|
--box-border-color: var(--hop-Checkbox-box-border-color-invalid);
|
|
2428
2449
|
--check-color: var(--hop-Checkbox-check-color-invalid);
|
|
2429
2450
|
--text-color: var(--hop-Checkbox-text-color-invalid);
|
|
2430
2451
|
--icon-color: var(--hop-Checkbox-icon-color-invalid);
|
|
2431
2452
|
}
|
|
2432
|
-
.Checkbox-module__hop-
|
|
2453
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-focus-visible]) {
|
|
2433
2454
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
|
|
2434
2455
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
|
|
2435
2456
|
}
|
|
2436
|
-
.Checkbox-module__hop-
|
|
2457
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-hovered]) {
|
|
2437
2458
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
|
|
2438
2459
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
|
|
2439
2460
|
--text-color: var(--hop-Checkbox-text-color-hovered-invalid);
|
|
2440
2461
|
--icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
|
|
2441
2462
|
}
|
|
2442
|
-
.Checkbox-module__hop-
|
|
2463
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-pressed]) {
|
|
2443
2464
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
|
|
2444
2465
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
|
|
2445
2466
|
--text-color: var(--hop-Checkbox-text-color-pressed-invalid);
|
|
2446
2467
|
--icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
|
|
2447
2468
|
}
|
|
2448
|
-
.Checkbox-module__hop-
|
|
2469
|
+
.Checkbox-module__hop-Checkbox___Z-y0e:where([data-invalid])[data-selected] {
|
|
2449
2470
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
|
|
2450
2471
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
|
|
2451
2472
|
}
|
|
2452
|
-
.Checkbox-module__hop-
|
|
2473
|
+
.Checkbox-module__hop-Checkbox___Z-y0e[data-disabled] {
|
|
2453
2474
|
--box-background-color: var(--hop-Checkbox-box-background-color-disabled);
|
|
2454
2475
|
--box-border-color: var(--hop-Checkbox-box-border-color-disabled);
|
|
2455
2476
|
--check-color: var(--hop-Checkbox-check-color-disabled);
|
|
@@ -2457,25 +2478,25 @@
|
|
|
2457
2478
|
--text-color: var(--hop-Checkbox-text-color-disabled);
|
|
2458
2479
|
--icon-color: var(--hop-Checkbox-icon-color-disabled);
|
|
2459
2480
|
}
|
|
2460
|
-
.Checkbox-module__hop-Checkbox--
|
|
2481
|
+
.Checkbox-module__hop-Checkbox--sm___5J3HW {
|
|
2461
2482
|
--box-block-size: var(--hop-Checkbox-box-sm-block-size);
|
|
2462
2483
|
--box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
|
|
2463
2484
|
--text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
|
|
2464
2485
|
--text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
|
|
2465
2486
|
}
|
|
2466
|
-
.Checkbox-module__hop-Checkbox--
|
|
2487
|
+
.Checkbox-module__hop-Checkbox--md___PZTMw {
|
|
2467
2488
|
--box-block-size: var(--hop-Checkbox-box-md-block-size);
|
|
2468
2489
|
--box-inline-size: var(--hop-Checkbox-box-md-inline-size);
|
|
2469
2490
|
--text-top-offset: var(--hop-Checkbox-text-md-top-offset);
|
|
2470
2491
|
--text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
|
|
2471
2492
|
}
|
|
2472
|
-
.Checkbox-module__hop-
|
|
2473
|
-
.Checkbox-module__hop-Checkbox__icon-
|
|
2493
|
+
.Checkbox-module__hop-Checkbox__icon___MY2sJ,
|
|
2494
|
+
.Checkbox-module__hop-Checkbox__icon-list___jHQMo {
|
|
2474
2495
|
flex: 0 0 auto;
|
|
2475
2496
|
order: 3;
|
|
2476
2497
|
color: var(--icon-color);
|
|
2477
2498
|
}
|
|
2478
|
-
.Checkbox-module__hop-
|
|
2499
|
+
.Checkbox-module__hop-Checkbox__box___nMgAo {
|
|
2479
2500
|
display: flex;
|
|
2480
2501
|
flex: 0 0 auto;
|
|
2481
2502
|
align-items: center;
|
|
@@ -2491,11 +2512,11 @@
|
|
|
2491
2512
|
outline-offset: 0.125rem;
|
|
2492
2513
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
2493
2514
|
}
|
|
2494
|
-
.Checkbox-module__hop-
|
|
2515
|
+
.Checkbox-module__hop-Checkbox__check___4g1qS {
|
|
2495
2516
|
display: var(--check-display);
|
|
2496
2517
|
color: var(--check-color);
|
|
2497
2518
|
}
|
|
2498
|
-
.Checkbox-module__hop-
|
|
2519
|
+
.Checkbox-module__hop-Checkbox__text___QBE-c {
|
|
2499
2520
|
flex: 0 1 auto;
|
|
2500
2521
|
order: 2;
|
|
2501
2522
|
min-inline-size: 0;
|
|
@@ -2503,24 +2524,24 @@
|
|
|
2503
2524
|
margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
|
|
2504
2525
|
color: var(--text-color);
|
|
2505
2526
|
}
|
|
2506
|
-
.DecorativeCheckbox-module__hop-
|
|
2527
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox___KYkbr {
|
|
2507
2528
|
}
|
|
2508
|
-
.DecorativeCheckbox-module__hop-DecorativeCheckbox--
|
|
2529
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___615B0 {
|
|
2509
2530
|
}
|
|
2510
|
-
.DecorativeCheckbox-module__hop-DecorativeCheckbox--
|
|
2531
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox--md___B141G {
|
|
2511
2532
|
}
|
|
2512
|
-
.DecorativeCheckbox-module__hop-
|
|
2513
|
-
.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-
|
|
2533
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___qoWh1,
|
|
2534
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___eSW-g {
|
|
2514
2535
|
}
|
|
2515
|
-
.DecorativeCheckbox-module__hop-
|
|
2536
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Pxc1V {
|
|
2516
2537
|
}
|
|
2517
|
-
.DecorativeCheckbox-module__hop-
|
|
2538
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__check___iA-33 {
|
|
2518
2539
|
}
|
|
2519
|
-
.DecorativeCheckbox-module__hop-
|
|
2540
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__text___T6T6R {
|
|
2520
2541
|
}
|
|
2521
2542
|
|
|
2522
2543
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
|
|
2523
|
-
.Radio-module__hop-
|
|
2544
|
+
.Radio-module__hop-Radio___dqo1a {
|
|
2524
2545
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
2525
2546
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
2526
2547
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -2594,60 +2615,60 @@
|
|
|
2594
2615
|
inline-size: max-content;
|
|
2595
2616
|
max-inline-size: 100%;
|
|
2596
2617
|
}
|
|
2597
|
-
.Radio-module__hop-
|
|
2618
|
+
.Radio-module__hop-Radio___dqo1a[data-focus-visible] {
|
|
2598
2619
|
--box-background-color: var(--hop-Radio-box-background-color-focused);
|
|
2599
2620
|
--box-border-color: var(--hop-Radio-box-border-color-focused);
|
|
2600
2621
|
--box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
|
|
2601
2622
|
--text-color: var(--hop-Radio-text-color-focused);
|
|
2602
2623
|
--icon-color: var(--hop-Radio-icon-color-focused);
|
|
2603
2624
|
}
|
|
2604
|
-
.Radio-module__hop-
|
|
2625
|
+
.Radio-module__hop-Radio___dqo1a[data-hovered] {
|
|
2605
2626
|
--box-background-color: var(--hop-Radio-box-background-color-hovered);
|
|
2606
2627
|
--box-border-color: var(--hop-Radio-box-border-color-hovered);
|
|
2607
2628
|
--text-color: var(--hop-Radio-text-color-hovered);
|
|
2608
2629
|
--icon-color: var(--hop-Radio-icon-color-hovered);
|
|
2609
2630
|
}
|
|
2610
|
-
.Radio-module__hop-
|
|
2631
|
+
.Radio-module__hop-Radio___dqo1a[data-pressed] {
|
|
2611
2632
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
2612
2633
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
2613
2634
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
2614
2635
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
2615
2636
|
}
|
|
2616
|
-
.Radio-module__hop-
|
|
2637
|
+
.Radio-module__hop-Radio___dqo1a[data-selected] {
|
|
2617
2638
|
--box-background-color: var(--hop-Radio-box-background-color-selected);
|
|
2618
2639
|
--box-border-color: var(--hop-Radio-box-border-color-selected);
|
|
2619
2640
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
2620
2641
|
--text-color: var(--hop-Radio-text-color-selected);
|
|
2621
2642
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
2622
2643
|
}
|
|
2623
|
-
.Radio-module__hop-
|
|
2644
|
+
.Radio-module__hop-Radio___dqo1a[data-invalid] {
|
|
2624
2645
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
2625
2646
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
2626
2647
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
2627
2648
|
--text-color: var(--hop-Radio-text-color-invalid);
|
|
2628
2649
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
2629
2650
|
}
|
|
2630
|
-
.Radio-module__hop-
|
|
2651
|
+
.Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-focus-visible] {
|
|
2631
2652
|
--box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
|
|
2632
2653
|
--box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
|
|
2633
2654
|
}
|
|
2634
|
-
.Radio-module__hop-
|
|
2655
|
+
.Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-hovered] {
|
|
2635
2656
|
--box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
|
|
2636
2657
|
--box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
|
|
2637
2658
|
--text-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2638
2659
|
--icon-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2639
2660
|
}
|
|
2640
|
-
.Radio-module__hop-
|
|
2661
|
+
.Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-pressed] {
|
|
2641
2662
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
2642
2663
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
2643
2664
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
2644
2665
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
2645
2666
|
}
|
|
2646
|
-
.Radio-module__hop-
|
|
2667
|
+
.Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-selected] {
|
|
2647
2668
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
2648
2669
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
2649
2670
|
}
|
|
2650
|
-
.Radio-module__hop-
|
|
2671
|
+
.Radio-module__hop-Radio___dqo1a[data-disabled] {
|
|
2651
2672
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
2652
2673
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
2653
2674
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -2655,25 +2676,25 @@
|
|
|
2655
2676
|
--text-color: var(--hop-Radio-text-color-disabled);
|
|
2656
2677
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
2657
2678
|
}
|
|
2658
|
-
.Radio-module__hop-Radio--
|
|
2679
|
+
.Radio-module__hop-Radio--sm___kXHtb {
|
|
2659
2680
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
2660
2681
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
2661
2682
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
2662
2683
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
2663
2684
|
}
|
|
2664
|
-
.Radio-module__hop-Radio--
|
|
2685
|
+
.Radio-module__hop-Radio--md___9-Uza {
|
|
2665
2686
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
2666
2687
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
2667
2688
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
2668
2689
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
2669
2690
|
}
|
|
2670
|
-
.Radio-module__hop-
|
|
2671
|
-
.Radio-module__hop-Radio__icon-
|
|
2691
|
+
.Radio-module__hop-Radio__icon___-IP5F,
|
|
2692
|
+
.Radio-module__hop-Radio__icon-list___dGgr0 {
|
|
2672
2693
|
flex: 0 0 auto;
|
|
2673
2694
|
order: 3;
|
|
2674
2695
|
color: var(--icon-color);
|
|
2675
2696
|
}
|
|
2676
|
-
.Radio-module__hop-
|
|
2697
|
+
.Radio-module__hop-Radio__box___13G2q {
|
|
2677
2698
|
display: flex;
|
|
2678
2699
|
flex: 0 0 auto;
|
|
2679
2700
|
align-items: center;
|
|
@@ -2689,11 +2710,11 @@
|
|
|
2689
2710
|
outline-offset: 0.125rem;
|
|
2690
2711
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
2691
2712
|
}
|
|
2692
|
-
.Radio-module__hop-
|
|
2713
|
+
.Radio-module__hop-Radio__bullet___G4ui2 {
|
|
2693
2714
|
display: var(--bullet-display);
|
|
2694
2715
|
color: var(--bullet-color);
|
|
2695
2716
|
}
|
|
2696
|
-
.Radio-module__hop-
|
|
2717
|
+
.Radio-module__hop-Radio__text___h2OQE {
|
|
2697
2718
|
flex: 0 1 auto;
|
|
2698
2719
|
order: 2;
|
|
2699
2720
|
min-inline-size: 0;
|
|
@@ -2701,24 +2722,24 @@
|
|
|
2701
2722
|
margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
|
|
2702
2723
|
color: var(--text-color);
|
|
2703
2724
|
}
|
|
2704
|
-
.DecorativeRadio-module__hop-
|
|
2725
|
+
.DecorativeRadio-module__hop-DecorativeRadio___5l24i {
|
|
2705
2726
|
}
|
|
2706
|
-
.DecorativeRadio-module__hop-DecorativeRadio--
|
|
2727
|
+
.DecorativeRadio-module__hop-DecorativeRadio--sm___xVSDX {
|
|
2707
2728
|
}
|
|
2708
|
-
.DecorativeRadio-module__hop-DecorativeRadio--
|
|
2729
|
+
.DecorativeRadio-module__hop-DecorativeRadio--md___ZG2HZ {
|
|
2709
2730
|
}
|
|
2710
|
-
.DecorativeRadio-module__hop-
|
|
2711
|
-
.DecorativeRadio-module__hop-DecorativeRadio__icon-
|
|
2731
|
+
.DecorativeRadio-module__hop-DecorativeRadio__icon___ClgPx,
|
|
2732
|
+
.DecorativeRadio-module__hop-DecorativeRadio__icon-list___w9Km2 {
|
|
2712
2733
|
}
|
|
2713
|
-
.DecorativeRadio-module__hop-
|
|
2734
|
+
.DecorativeRadio-module__hop-DecorativeRadio__box___MYQ-F {
|
|
2714
2735
|
}
|
|
2715
|
-
.DecorativeRadio-module__hop-
|
|
2736
|
+
.DecorativeRadio-module__hop-DecorativeRadio__bullet___c0sPv {
|
|
2716
2737
|
}
|
|
2717
|
-
.DecorativeRadio-module__hop-
|
|
2738
|
+
.DecorativeRadio-module__hop-DecorativeRadio__text___AC1V9 {
|
|
2718
2739
|
}
|
|
2719
2740
|
|
|
2720
2741
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
|
|
2721
|
-
.Radio-module__hop-
|
|
2742
|
+
.Radio-module__hop-Radio___dqo1a {
|
|
2722
2743
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
2723
2744
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
2724
2745
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -2792,60 +2813,60 @@
|
|
|
2792
2813
|
inline-size: max-content;
|
|
2793
2814
|
max-inline-size: 100%;
|
|
2794
2815
|
}
|
|
2795
|
-
.Radio-module__hop-
|
|
2816
|
+
.Radio-module__hop-Radio___dqo1a[data-focus-visible] {
|
|
2796
2817
|
--box-background-color: var(--hop-Radio-box-background-color-focused);
|
|
2797
2818
|
--box-border-color: var(--hop-Radio-box-border-color-focused);
|
|
2798
2819
|
--box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
|
|
2799
2820
|
--text-color: var(--hop-Radio-text-color-focused);
|
|
2800
2821
|
--icon-color: var(--hop-Radio-icon-color-focused);
|
|
2801
2822
|
}
|
|
2802
|
-
.Radio-module__hop-
|
|
2823
|
+
.Radio-module__hop-Radio___dqo1a[data-hovered] {
|
|
2803
2824
|
--box-background-color: var(--hop-Radio-box-background-color-hovered);
|
|
2804
2825
|
--box-border-color: var(--hop-Radio-box-border-color-hovered);
|
|
2805
2826
|
--text-color: var(--hop-Radio-text-color-hovered);
|
|
2806
2827
|
--icon-color: var(--hop-Radio-icon-color-hovered);
|
|
2807
2828
|
}
|
|
2808
|
-
.Radio-module__hop-
|
|
2829
|
+
.Radio-module__hop-Radio___dqo1a[data-pressed] {
|
|
2809
2830
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
2810
2831
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
2811
2832
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
2812
2833
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
2813
2834
|
}
|
|
2814
|
-
.Radio-module__hop-
|
|
2835
|
+
.Radio-module__hop-Radio___dqo1a[data-selected] {
|
|
2815
2836
|
--box-background-color: var(--hop-Radio-box-background-color-selected);
|
|
2816
2837
|
--box-border-color: var(--hop-Radio-box-border-color-selected);
|
|
2817
2838
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
2818
2839
|
--text-color: var(--hop-Radio-text-color-selected);
|
|
2819
2840
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
2820
2841
|
}
|
|
2821
|
-
.Radio-module__hop-
|
|
2842
|
+
.Radio-module__hop-Radio___dqo1a[data-invalid] {
|
|
2822
2843
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
2823
2844
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
2824
2845
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
2825
2846
|
--text-color: var(--hop-Radio-text-color-invalid);
|
|
2826
2847
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
2827
2848
|
}
|
|
2828
|
-
.Radio-module__hop-
|
|
2849
|
+
.Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-focus-visible] {
|
|
2829
2850
|
--box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
|
|
2830
2851
|
--box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
|
|
2831
2852
|
}
|
|
2832
|
-
.Radio-module__hop-
|
|
2853
|
+
.Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-hovered] {
|
|
2833
2854
|
--box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
|
|
2834
2855
|
--box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
|
|
2835
2856
|
--text-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2836
2857
|
--icon-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2837
2858
|
}
|
|
2838
|
-
.Radio-module__hop-
|
|
2859
|
+
.Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-pressed] {
|
|
2839
2860
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
2840
2861
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
2841
2862
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
2842
2863
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
2843
2864
|
}
|
|
2844
|
-
.Radio-module__hop-
|
|
2865
|
+
.Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-selected] {
|
|
2845
2866
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
2846
2867
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
2847
2868
|
}
|
|
2848
|
-
.Radio-module__hop-
|
|
2869
|
+
.Radio-module__hop-Radio___dqo1a[data-disabled] {
|
|
2849
2870
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
2850
2871
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
2851
2872
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -2853,25 +2874,25 @@
|
|
|
2853
2874
|
--text-color: var(--hop-Radio-text-color-disabled);
|
|
2854
2875
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
2855
2876
|
}
|
|
2856
|
-
.Radio-module__hop-Radio--
|
|
2877
|
+
.Radio-module__hop-Radio--sm___kXHtb {
|
|
2857
2878
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
2858
2879
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
2859
2880
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
2860
2881
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
2861
2882
|
}
|
|
2862
|
-
.Radio-module__hop-Radio--
|
|
2883
|
+
.Radio-module__hop-Radio--md___9-Uza {
|
|
2863
2884
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
2864
2885
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
2865
2886
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
2866
2887
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
2867
2888
|
}
|
|
2868
|
-
.Radio-module__hop-
|
|
2869
|
-
.Radio-module__hop-Radio__icon-
|
|
2889
|
+
.Radio-module__hop-Radio__icon___-IP5F,
|
|
2890
|
+
.Radio-module__hop-Radio__icon-list___dGgr0 {
|
|
2870
2891
|
flex: 0 0 auto;
|
|
2871
2892
|
order: 3;
|
|
2872
2893
|
color: var(--icon-color);
|
|
2873
2894
|
}
|
|
2874
|
-
.Radio-module__hop-
|
|
2895
|
+
.Radio-module__hop-Radio__box___13G2q {
|
|
2875
2896
|
display: flex;
|
|
2876
2897
|
flex: 0 0 auto;
|
|
2877
2898
|
align-items: center;
|
|
@@ -2887,11 +2908,11 @@
|
|
|
2887
2908
|
outline-offset: 0.125rem;
|
|
2888
2909
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
2889
2910
|
}
|
|
2890
|
-
.Radio-module__hop-
|
|
2911
|
+
.Radio-module__hop-Radio__bullet___G4ui2 {
|
|
2891
2912
|
display: var(--bullet-display);
|
|
2892
2913
|
color: var(--bullet-color);
|
|
2893
2914
|
}
|
|
2894
|
-
.Radio-module__hop-
|
|
2915
|
+
.Radio-module__hop-Radio__text___h2OQE {
|
|
2895
2916
|
flex: 0 1 auto;
|
|
2896
2917
|
order: 2;
|
|
2897
2918
|
min-inline-size: 0;
|
|
@@ -2901,7 +2922,7 @@
|
|
|
2901
2922
|
}
|
|
2902
2923
|
|
|
2903
2924
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
|
|
2904
|
-
.RadioField-module__hop-
|
|
2925
|
+
.RadioField-module__hop-RadioField___i9uRv {
|
|
2905
2926
|
--hop-RadioField-description-color: var(--hop-neutral-text-weak);
|
|
2906
2927
|
--hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
2907
2928
|
--hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -2920,28 +2941,28 @@
|
|
|
2920
2941
|
inline-size: max-content;
|
|
2921
2942
|
max-inline-size: 100%;
|
|
2922
2943
|
}
|
|
2923
|
-
.RadioField-module__hop-
|
|
2944
|
+
.RadioField-module__hop-RadioField___i9uRv[data-disabled] {
|
|
2924
2945
|
--description-color: var(--hop-RadioField-description-color-disabled);
|
|
2925
2946
|
}
|
|
2926
|
-
.RadioField-module__hop-RadioField--
|
|
2947
|
+
.RadioField-module__hop-RadioField--sm___mgBvw {
|
|
2927
2948
|
--row-gap: var(--hop-RadioField-sm-row-gap);
|
|
2928
2949
|
--description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
|
|
2929
2950
|
}
|
|
2930
|
-
.RadioField-module__hop-RadioField--
|
|
2951
|
+
.RadioField-module__hop-RadioField--md___H8PcX {
|
|
2931
2952
|
--row-gap: var(--hop-RadioField-md-row-gap);
|
|
2932
2953
|
--description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
|
|
2933
2954
|
}
|
|
2934
|
-
.RadioField-module__hop-
|
|
2955
|
+
.RadioField-module__hop-RadioField__description___-rpFO {
|
|
2935
2956
|
order: 2;
|
|
2936
2957
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
|
|
2937
2958
|
color: var(--description-color);
|
|
2938
2959
|
}
|
|
2939
|
-
.RadioField-module__hop-
|
|
2960
|
+
.RadioField-module__hop-RadioField__radio___4mpOv {
|
|
2940
2961
|
order: 1;
|
|
2941
2962
|
}
|
|
2942
2963
|
|
|
2943
2964
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
|
|
2944
|
-
.RadioGroup-module__hop-
|
|
2965
|
+
.RadioGroup-module__hop-RadioGroup___CoiPr {
|
|
2945
2966
|
--hop-RadioGroup-align-items: flex-start;
|
|
2946
2967
|
--hop-RadioGroup-justify-content: flex-start;
|
|
2947
2968
|
--hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -2981,46 +3002,46 @@
|
|
|
2981
3002
|
inline-size: var(--inline-size);
|
|
2982
3003
|
max-inline-size: 100%;
|
|
2983
3004
|
}
|
|
2984
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3005
|
+
.RadioGroup-module__hop-RadioGroup--bordered___SgmMj {
|
|
2985
3006
|
--list-border: var(--radio-border-size) solid var(--radio-border-color);
|
|
2986
3007
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
2987
3008
|
}
|
|
2988
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3009
|
+
.RadioGroup-module__hop-RadioGroup--sm___TFTYI {
|
|
2989
3010
|
--column-gap: var(--hop-RadioGroup-sm-column-gap);
|
|
2990
3011
|
--row-gap: var(--hop-RadioGroup-sm-row-gap);
|
|
2991
3012
|
--list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
|
|
2992
3013
|
--list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
|
|
2993
3014
|
}
|
|
2994
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3015
|
+
.RadioGroup-module__hop-RadioGroup--md___QnMhM {
|
|
2995
3016
|
--column-gap: var(--hop-RadioGroup-md-column-gap);
|
|
2996
3017
|
--row-gap: var(--hop-RadioGroup-md-row-gap);
|
|
2997
3018
|
--list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
|
|
2998
3019
|
--list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
|
|
2999
3020
|
}
|
|
3000
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3021
|
+
.RadioGroup-module__hop-RadioGroup--bordered___SgmMj.RadioGroup-module__hop-RadioGroup--sm___TFTYI {
|
|
3001
3022
|
--radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
|
|
3002
3023
|
--column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
|
|
3003
3024
|
--row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
|
|
3004
3025
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
|
|
3005
3026
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
|
|
3006
3027
|
}
|
|
3007
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3028
|
+
.RadioGroup-module__hop-RadioGroup--bordered___SgmMj.RadioGroup-module__hop-RadioGroup--md___QnMhM {
|
|
3008
3029
|
--radio-padding: var(--hop-RadioGroup-bordered-md-padding);
|
|
3009
3030
|
--column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
|
|
3010
3031
|
--row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
|
|
3011
3032
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
|
|
3012
3033
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
|
|
3013
3034
|
}
|
|
3014
|
-
.RadioGroup-module__hop-
|
|
3035
|
+
.RadioGroup-module__hop-RadioGroup___CoiPr[data-orientation=horizontal] {
|
|
3015
3036
|
--flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
|
|
3016
3037
|
}
|
|
3017
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3038
|
+
.RadioGroup-module__hop-RadioGroup--bordered___SgmMj[data-orientation=horizontal] {
|
|
3018
3039
|
--flex-wrap: nowrap;
|
|
3019
3040
|
}
|
|
3020
|
-
.RadioGroup-module__hop-
|
|
3041
|
+
.RadioGroup-module__hop-RadioGroup___CoiPr > .RadioGroup-module__hop-RadioGroup__label___7wadH {
|
|
3021
3042
|
order: 1;
|
|
3022
3043
|
}
|
|
3023
|
-
.RadioGroup-module__hop-
|
|
3044
|
+
.RadioGroup-module__hop-RadioGroup__list___8yU6S {
|
|
3024
3045
|
display: flex;
|
|
3025
3046
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
3026
3047
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -3031,7 +3052,7 @@
|
|
|
3031
3052
|
border: var(--list-border, none);
|
|
3032
3053
|
border-radius: var(--list-border-radius, 0);
|
|
3033
3054
|
}
|
|
3034
|
-
.RadioGroup-module__hop-
|
|
3055
|
+
.RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB {
|
|
3035
3056
|
position: relative;
|
|
3036
3057
|
flex: 0 1 auto;
|
|
3037
3058
|
align-content: start;
|
|
@@ -3039,28 +3060,28 @@
|
|
|
3039
3060
|
min-inline-size: 0;
|
|
3040
3061
|
padding: var(--radio-padding, 0);
|
|
3041
3062
|
}
|
|
3042
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3063
|
+
.RadioGroup-module__hop-RadioGroup--bordered___SgmMj .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB ~ .RadioGroup-module__hop-RadioGroup__radio___35VDB::before {
|
|
3043
3064
|
content: "";
|
|
3044
3065
|
position: absolute;
|
|
3045
3066
|
display: block;
|
|
3046
3067
|
}
|
|
3047
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3068
|
+
.RadioGroup-module__hop-RadioGroup--bordered___SgmMj[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB ~ .RadioGroup-module__hop-RadioGroup__radio___35VDB::before {
|
|
3048
3069
|
inset-block-start: 0;
|
|
3049
3070
|
inset-inline: 0;
|
|
3050
3071
|
border-block-start: var(--list-border, none);
|
|
3051
3072
|
}
|
|
3052
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3073
|
+
.RadioGroup-module__hop-RadioGroup--bordered___SgmMj[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB ~ .RadioGroup-module__hop-RadioGroup__radio___35VDB::before {
|
|
3053
3074
|
inset-block: 0;
|
|
3054
3075
|
inset-inline-start: 0;
|
|
3055
3076
|
border-inline-start: var(--list-border, none);
|
|
3056
3077
|
}
|
|
3057
|
-
.RadioGroup-module__hop-
|
|
3058
|
-
.RadioGroup-module__hop-
|
|
3078
|
+
.RadioGroup-module__hop-RadioGroup___CoiPr > .RadioGroup-module__hop-RadioGroup__error-message___sTi-m,
|
|
3079
|
+
.RadioGroup-module__hop-RadioGroup___CoiPr > .RadioGroup-module__hop-RadioGroup__helper-message___-QTtZ {
|
|
3059
3080
|
order: 3;
|
|
3060
3081
|
}
|
|
3061
3082
|
|
|
3062
3083
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
|
|
3063
|
-
.ListBoxItemSkeleton-module__hop-
|
|
3084
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___nROIw {
|
|
3064
3085
|
--hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
|
|
3065
3086
|
--hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
|
|
3066
3087
|
--hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -3086,7 +3107,7 @@
|
|
|
3086
3107
|
background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
|
|
3087
3108
|
background-size: 400% 100%;
|
|
3088
3109
|
border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
|
|
3089
|
-
animation-name: ListBoxItemSkeleton-module__placeholder-
|
|
3110
|
+
animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___EbN08;
|
|
3090
3111
|
animation-duration: var(--animation-duration);
|
|
3091
3112
|
animation-timing-function: ease-in-out;
|
|
3092
3113
|
animation-fill-mode: forwards;
|
|
@@ -3095,19 +3116,19 @@
|
|
|
3095
3116
|
--animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
|
|
3096
3117
|
}
|
|
3097
3118
|
}
|
|
3098
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
3119
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-BDiH {
|
|
3099
3120
|
--height: var(--hop-ListBoxItemSkeleton-xs-height);
|
|
3100
3121
|
}
|
|
3101
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
3122
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___mvEwS {
|
|
3102
3123
|
--height: var(--hop-ListBoxItemSkeleton-sm-height);
|
|
3103
3124
|
}
|
|
3104
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
3125
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___mRknk {
|
|
3105
3126
|
--height: var(--hop-ListBoxItemSkeleton-md-height);
|
|
3106
3127
|
}
|
|
3107
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
3128
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___XvvDy {
|
|
3108
3129
|
--height: var(--hop-ListBoxItemSkeleton-lg-height);
|
|
3109
3130
|
}
|
|
3110
|
-
@keyframes ListBoxItemSkeleton-module__placeholder-
|
|
3131
|
+
@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___EbN08 {
|
|
3111
3132
|
0% {
|
|
3112
3133
|
background-position: 125% 50%;
|
|
3113
3134
|
}
|
|
@@ -3117,7 +3138,7 @@
|
|
|
3117
3138
|
}
|
|
3118
3139
|
|
|
3119
3140
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
|
|
3120
|
-
.ListBoxItem-module__hop-
|
|
3141
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW {
|
|
3121
3142
|
--hop-ListBoxItem-background-color: transparent;
|
|
3122
3143
|
--hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
|
|
3123
3144
|
--hop-ListBoxItem-text-color: var(--hop-neutral-text);
|
|
@@ -3214,129 +3235,129 @@
|
|
|
3214
3235
|
outline: var(--outline);
|
|
3215
3236
|
outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
|
|
3216
3237
|
}
|
|
3217
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3238
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___rZE4R {
|
|
3218
3239
|
--padding-block: var(--hop-ListBoxItem-xs-padding-block);
|
|
3219
3240
|
--padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
|
|
3220
3241
|
--min-height: var(--hop-ListBoxItem-xs-min-height);
|
|
3221
3242
|
--avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
|
|
3222
3243
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
|
|
3223
3244
|
}
|
|
3224
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3245
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___G4HVr {
|
|
3225
3246
|
--padding-block: var(--hop-ListBoxItem-sm-padding-block);
|
|
3226
3247
|
--padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
|
|
3227
3248
|
--min-height: var(--hop-ListBoxItem-sm-min-height);
|
|
3228
3249
|
--avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
|
|
3229
3250
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
|
|
3230
3251
|
}
|
|
3231
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3252
|
+
.ListBoxItem-module__hop-ListBoxItem--md___TnNyw {
|
|
3232
3253
|
--padding-block: var(--hop-ListBoxItem-md-padding-block);
|
|
3233
3254
|
--padding-inline: var(--hop-ListBoxItem-md-padding-inline);
|
|
3234
3255
|
--min-height: var(--hop-ListBoxItem-md-min-height);
|
|
3235
3256
|
--avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
|
|
3236
3257
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
|
|
3237
3258
|
}
|
|
3238
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3259
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___bwbj- {
|
|
3239
3260
|
--padding-block: var(--hop-ListBoxItem-lg-padding-block);
|
|
3240
3261
|
--padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
|
|
3241
3262
|
--min-height: var(--hop-ListBoxItem-lg-min-height);
|
|
3242
3263
|
--avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
|
|
3243
3264
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
|
|
3244
3265
|
}
|
|
3245
|
-
.ListBoxItem-module__hop-
|
|
3266
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-selection-mode] {
|
|
3246
3267
|
--cursor: pointer;
|
|
3247
3268
|
}
|
|
3248
|
-
.ListBoxItem-module__hop-
|
|
3269
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW:not([data-selection-mode]) {
|
|
3249
3270
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
3250
3271
|
}
|
|
3251
|
-
.ListBoxItem-module__hop-
|
|
3272
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___kPku6:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7K8hE) {
|
|
3252
3273
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
3253
3274
|
}
|
|
3254
|
-
.ListBoxItem-module__hop-
|
|
3275
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___kPku6[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7K8hE) {
|
|
3255
3276
|
--checkmark-transition: none;
|
|
3256
3277
|
}
|
|
3257
|
-
.ListBoxItem-module__hop-
|
|
3278
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-selected] {
|
|
3258
3279
|
--background-color: var(--hop-ListBoxItem-background-color-selected);
|
|
3259
3280
|
--text-color: var(--hop-ListBoxItem-text-color-selected);
|
|
3260
3281
|
--icon-color: var(--hop-ListBoxItem-icon-color-selected);
|
|
3261
3282
|
--checkmark-opacity: 1;
|
|
3262
3283
|
}
|
|
3263
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3284
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___rZE4R[data-selected] {
|
|
3264
3285
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
|
|
3265
3286
|
}
|
|
3266
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3287
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___G4HVr[data-selected] {
|
|
3267
3288
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
|
|
3268
3289
|
}
|
|
3269
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3290
|
+
.ListBoxItem-module__hop-ListBoxItem--md___TnNyw[data-selected] {
|
|
3270
3291
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
|
|
3271
3292
|
}
|
|
3272
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3293
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___bwbj-[data-selected] {
|
|
3273
3294
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
|
|
3274
3295
|
}
|
|
3275
|
-
.ListBoxItem-module__hop-
|
|
3296
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-focus-visible] {
|
|
3276
3297
|
--background-color: var(--hop-ListBoxItem-background-color-focused);
|
|
3277
3298
|
--text-color: var(--hop-ListBoxItem-text-color-focused);
|
|
3278
3299
|
--icon-color: var(--hop-ListBoxItem-icon-color-focused);
|
|
3279
3300
|
--outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
|
|
3280
3301
|
}
|
|
3281
|
-
.ListBoxItem-module__hop-
|
|
3302
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-hovered] {
|
|
3282
3303
|
--background-color: var(--hop-ListBoxItem-background-color-hovered);
|
|
3283
3304
|
--text-color: var(--hop-ListBoxItem-text-color-hovered);
|
|
3284
3305
|
--icon-color: var(--hop-ListBoxItem-icon-color-hovered);
|
|
3285
3306
|
}
|
|
3286
|
-
.ListBoxItem-module__hop-
|
|
3307
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-pressed] {
|
|
3287
3308
|
--background-color: var(--hop-ListBoxItem-background-color-pressed);
|
|
3288
3309
|
--text-color: var(--hop-ListBoxItem-text-color-pressed);
|
|
3289
3310
|
--icon-color: var(--hop-ListBoxItem-icon-color-pressed);
|
|
3290
3311
|
}
|
|
3291
|
-
.ListBoxItem-module__hop-
|
|
3312
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-disabled] {
|
|
3292
3313
|
--background-color: var(--hop-ListBoxItem-background-color-disabled);
|
|
3293
3314
|
--text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
3294
3315
|
--icon-color: var(--hop-ListBoxItem-icon-color-disabled);
|
|
3295
3316
|
--description-text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
3296
3317
|
--cursor: not-allowed;
|
|
3297
3318
|
}
|
|
3298
|
-
.ListBoxItem-module__hop-
|
|
3319
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid] {
|
|
3299
3320
|
--background-color: var(--hop-ListBoxItem-background-color-invalid);
|
|
3300
3321
|
--text-color: var(--hop-ListBoxItem-text-color-invalid);
|
|
3301
3322
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid);
|
|
3302
3323
|
}
|
|
3303
|
-
.ListBoxItem-module__hop-
|
|
3324
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-selected] {
|
|
3304
3325
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
|
|
3305
3326
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
|
|
3306
3327
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
|
|
3307
3328
|
}
|
|
3308
|
-
.ListBoxItem-module__hop-
|
|
3329
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-focus-visible] {
|
|
3309
3330
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
|
|
3310
3331
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
|
|
3311
3332
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
|
|
3312
3333
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
|
|
3313
3334
|
}
|
|
3314
|
-
.ListBoxItem-module__hop-
|
|
3335
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-hovered] {
|
|
3315
3336
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
|
|
3316
3337
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
|
|
3317
3338
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
|
|
3318
3339
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
|
|
3319
3340
|
}
|
|
3320
|
-
.ListBoxItem-module__hop-
|
|
3341
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-pressed] {
|
|
3321
3342
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
|
|
3322
3343
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
|
|
3323
3344
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
|
|
3324
3345
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
|
|
3325
3346
|
}
|
|
3326
|
-
.ListBoxItem-module__hop-
|
|
3347
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-disabled] {
|
|
3327
3348
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
|
|
3328
3349
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
|
|
3329
3350
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
|
|
3330
3351
|
}
|
|
3331
|
-
.ListBoxItem-module__hop-
|
|
3352
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW:has(.ListBoxItem-module__hop-ListBoxItem__description___vjfvf) {
|
|
3332
3353
|
--row-gap: var(--hop-ListBoxItem-row-gap);
|
|
3333
3354
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
|
|
3334
3355
|
}
|
|
3335
|
-
.ListBoxItem-module__hop-
|
|
3356
|
+
.ListBoxItem-module__hop-ListBoxItem___-BOjW[data-loading] {
|
|
3336
3357
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
|
|
3337
3358
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
|
|
3338
3359
|
}
|
|
3339
|
-
.ListBoxItem-module__hop-
|
|
3360
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___kPku6 {
|
|
3340
3361
|
display: grid;
|
|
3341
3362
|
grid-template-areas: var(--grid-template-areas);
|
|
3342
3363
|
grid-template-columns: var(--grid-template-columns);
|
|
@@ -3348,33 +3369,33 @@
|
|
|
3348
3369
|
padding-inline: var(--padding-inline);
|
|
3349
3370
|
transition: grid-template-columns .3s ease-in-out;
|
|
3350
3371
|
}
|
|
3351
|
-
.ListBoxItem-module__hop-
|
|
3372
|
+
.ListBoxItem-module__hop-ListBoxItem__checkmark___7K8hE {
|
|
3352
3373
|
grid-area: indicator;
|
|
3353
3374
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3354
3375
|
color: var(--icon-color);
|
|
3355
3376
|
opacity: var(--checkmark-opacity);
|
|
3356
3377
|
transition: var(--checkmark-transition);
|
|
3357
3378
|
}
|
|
3358
|
-
.ListBoxItem-module__hop-
|
|
3359
|
-
.ListBoxItem-module__hop-
|
|
3379
|
+
.ListBoxItem-module__hop-ListBoxItem__radio___GaGpg,
|
|
3380
|
+
.ListBoxItem-module__hop-ListBoxItem__checkbox___-1YQK {
|
|
3360
3381
|
pointer-events: none;
|
|
3361
3382
|
user-select: none;
|
|
3362
3383
|
grid-area: indicator;
|
|
3363
3384
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3364
3385
|
}
|
|
3365
|
-
.ListBoxItem-module__hop-
|
|
3386
|
+
.ListBoxItem-module__hop-ListBoxItem__avatar___gHPCY {
|
|
3366
3387
|
grid-area: avatar;
|
|
3367
3388
|
margin-block: var(--avatar-margin-block, 0);
|
|
3368
3389
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3369
3390
|
}
|
|
3370
|
-
.ListBoxItem-module__hop-ListBoxItem__icon-
|
|
3371
|
-
.ListBoxItem-module__hop-
|
|
3391
|
+
.ListBoxItem-module__hop-ListBoxItem__icon-list___X-gTH,
|
|
3392
|
+
.ListBoxItem-module__hop-ListBoxItem__icon___Nv9zm {
|
|
3372
3393
|
grid-area: icon;
|
|
3373
3394
|
flex: 0 0 auto;
|
|
3374
3395
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3375
3396
|
color: var(--icon-color);
|
|
3376
3397
|
}
|
|
3377
|
-
.ListBoxItem-module__hop-
|
|
3398
|
+
.ListBoxItem-module__hop-ListBoxItem__label___oFvmk {
|
|
3378
3399
|
overflow: hidden;
|
|
3379
3400
|
grid-area: label;
|
|
3380
3401
|
min-inline-size: 0;
|
|
@@ -3382,18 +3403,18 @@
|
|
|
3382
3403
|
text-overflow: ellipsis;
|
|
3383
3404
|
white-space: nowrap;
|
|
3384
3405
|
}
|
|
3385
|
-
.ListBoxItem-module__hop-ListBoxItem__end-icon-
|
|
3386
|
-
.ListBoxItem-module__hop-ListBoxItem__end-
|
|
3406
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon-list___It5F3,
|
|
3407
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon___9R2j1 {
|
|
3387
3408
|
grid-area: end-icon;
|
|
3388
3409
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
3389
3410
|
color: var(--icon-color);
|
|
3390
3411
|
}
|
|
3391
|
-
.ListBoxItem-module__hop-
|
|
3412
|
+
.ListBoxItem-module__hop-ListBoxItem__badge___4Q2vb {
|
|
3392
3413
|
grid-area: badge;
|
|
3393
3414
|
margin-block: var(--hop-ListBoxItem-badge-margin-block);
|
|
3394
3415
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
3395
3416
|
}
|
|
3396
|
-
.ListBoxItem-module__hop-
|
|
3417
|
+
.ListBoxItem-module__hop-ListBoxItem__description___vjfvf {
|
|
3397
3418
|
overflow: hidden;
|
|
3398
3419
|
display: -webkit-box;
|
|
3399
3420
|
grid-area: description;
|
|
@@ -3404,7 +3425,7 @@
|
|
|
3404
3425
|
}
|
|
3405
3426
|
|
|
3406
3427
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
|
|
3407
|
-
.ListBox-module__hop-
|
|
3428
|
+
.ListBox-module__hop-ListBox___o3TiT {
|
|
3408
3429
|
--hop-ListBox-background-color: var(--hop-neutral-surface);
|
|
3409
3430
|
--hop-ListBox-border-color: var(--hop-neutral-border-weak);
|
|
3410
3431
|
--hop-ListBox-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -3451,11 +3472,11 @@
|
|
|
3451
3472
|
border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
|
|
3452
3473
|
border-radius: var(--hop-ListBox-border-radius);
|
|
3453
3474
|
}
|
|
3454
|
-
.ListBox-module__hop-ListBox--
|
|
3475
|
+
.ListBox-module__hop-ListBox--fluid___9Jmrx {
|
|
3455
3476
|
--max-width: var(--hop-ListBox-fluid-max-width);
|
|
3456
3477
|
--width: var(--hop-ListBox-fluid-width);
|
|
3457
3478
|
}
|
|
3458
|
-
.ListBox-module__hop-
|
|
3479
|
+
.ListBox-module__hop-ListBox__section___8-sHc {
|
|
3459
3480
|
margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
|
|
3460
3481
|
margin-inline: var(--hop-ListBox-section-margin-inline);
|
|
3461
3482
|
padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
|
|
@@ -3463,21 +3484,21 @@
|
|
|
3463
3484
|
border-block-start: var(--section-border-block-start);
|
|
3464
3485
|
border-block-end: var(--section-border-block-end);
|
|
3465
3486
|
}
|
|
3466
|
-
.ListBox-module__hop-
|
|
3487
|
+
.ListBox-module__hop-ListBox__item___Y8r2l + .ListBox-module__hop-ListBox__section___8-sHc {
|
|
3467
3488
|
--section-margin-block-start: var(--hop-ListBox-section-margin-block);
|
|
3468
3489
|
--section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
|
|
3469
3490
|
}
|
|
3470
|
-
.ListBox-module__hop-
|
|
3491
|
+
.ListBox-module__hop-ListBox__section___8-sHc:has(+ .ListBox-module__hop-ListBox__item___Y8r2l) {
|
|
3471
3492
|
--section-margin-block-end: var(--hop-ListBox-section-margin-block);
|
|
3472
3493
|
}
|
|
3473
|
-
.ListBox-module__hop-
|
|
3494
|
+
.ListBox-module__hop-ListBox__section___8-sHc:first-child {
|
|
3474
3495
|
--section-padding-block-start: 0;
|
|
3475
3496
|
}
|
|
3476
|
-
.ListBox-module__hop-
|
|
3497
|
+
.ListBox-module__hop-ListBox__section___8-sHc:last-child {
|
|
3477
3498
|
--section-padding-block-end: 0;
|
|
3478
3499
|
--section-border-block-end: 0;
|
|
3479
3500
|
}
|
|
3480
|
-
.ListBox-module__hop-ListBox__section-
|
|
3501
|
+
.ListBox-module__hop-ListBox__section-header___qQVx7 {
|
|
3481
3502
|
margin: 0;
|
|
3482
3503
|
padding: var(--hop-ListBox-section-header-padding);
|
|
3483
3504
|
font-family: var(--hop-ListBox-section-header-font-family);
|
|
@@ -3488,23 +3509,23 @@
|
|
|
3488
3509
|
text-transform: var(--hop-ListBox-section-header-text-transform);
|
|
3489
3510
|
letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
|
|
3490
3511
|
}
|
|
3491
|
-
.ListBox-module__hop-ListBox__section-
|
|
3492
|
-
.ListBox-module__hop-ListBox__section-
|
|
3512
|
+
.ListBox-module__hop-ListBox__section-header___qQVx7::before,
|
|
3513
|
+
.ListBox-module__hop-ListBox__section-header___qQVx7::after {
|
|
3493
3514
|
content: "";
|
|
3494
3515
|
display: block;
|
|
3495
3516
|
box-sizing: border-box;
|
|
3496
3517
|
inline-size: 0;
|
|
3497
3518
|
block-size: 0;
|
|
3498
3519
|
}
|
|
3499
|
-
.ListBox-module__hop-ListBox__section-
|
|
3520
|
+
.ListBox-module__hop-ListBox__section-header___qQVx7::before {
|
|
3500
3521
|
margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
|
|
3501
3522
|
}
|
|
3502
|
-
.ListBox-module__hop-ListBox__section-
|
|
3523
|
+
.ListBox-module__hop-ListBox__section-header___qQVx7::after {
|
|
3503
3524
|
margin-block-start: var(--hop-ListBox-section-header-top-offset);
|
|
3504
3525
|
}
|
|
3505
3526
|
|
|
3506
3527
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
|
|
3507
|
-
.Link-module__hop-
|
|
3528
|
+
.Link-module__hop-Link___osuuM {
|
|
3508
3529
|
--hop-Link-border-radius: var(--hop-shape-rounded-sm);
|
|
3509
3530
|
--hop-Link-focus-ring-color: var(--hop-primary-border-focus);
|
|
3510
3531
|
--hop-Link-color-disabled: var(--hop-neutral-text-disabled);
|
|
@@ -3529,66 +3550,66 @@
|
|
|
3529
3550
|
outline: none;
|
|
3530
3551
|
outline-offset: 0.125rem;
|
|
3531
3552
|
}
|
|
3532
|
-
.Link-module__hop-
|
|
3553
|
+
.Link-module__hop-Link___osuuM[data-focus-visible] {
|
|
3533
3554
|
outline: 0.125rem solid var(--hop-Link-focus-ring-color);
|
|
3534
3555
|
}
|
|
3535
|
-
.Link-module__hop-
|
|
3556
|
+
.Link-module__hop-Link___osuuM[data-disabled] {
|
|
3536
3557
|
cursor: default;
|
|
3537
3558
|
}
|
|
3538
|
-
.Link-module__hop-Link--
|
|
3539
|
-
.Link-module__hop-Link--
|
|
3559
|
+
.Link-module__hop-Link--quiet___1y0dG[data-focus-visible],
|
|
3560
|
+
.Link-module__hop-Link--quiet___1y0dG[data-hovered] {
|
|
3540
3561
|
text-decoration: underline;
|
|
3541
3562
|
}
|
|
3542
|
-
.Link-module__hop-
|
|
3563
|
+
.Link-module__hop-Link___osuuM:not(.Link-module__hop-Link--quiet___1y0dG) {
|
|
3543
3564
|
text-decoration: underline;
|
|
3544
3565
|
}
|
|
3545
|
-
.Link-module__hop-Link--
|
|
3566
|
+
.Link-module__hop-Link--primary___nIG1F {
|
|
3546
3567
|
color: var(--hop-Link-primary-text-color);
|
|
3547
3568
|
}
|
|
3548
|
-
.Link-module__hop-Link--
|
|
3569
|
+
.Link-module__hop-Link--primary___nIG1F[data-disabled] {
|
|
3549
3570
|
color: var(--hop-Link-primary-text-disabled-color);
|
|
3550
3571
|
}
|
|
3551
|
-
.Link-module__hop-Link--
|
|
3552
|
-
.Link-module__hop-Link--
|
|
3572
|
+
.Link-module__hop-Link--primary___nIG1F:not([data-disabled])[data-focus-visible],
|
|
3573
|
+
.Link-module__hop-Link--primary___nIG1F:not([data-disabled])[data-hovered] {
|
|
3553
3574
|
color: var(--hop-Link-primary-text-hover-color);
|
|
3554
3575
|
}
|
|
3555
|
-
.Link-module__hop-Link--
|
|
3576
|
+
.Link-module__hop-Link--primary___nIG1F:not([data-disabled])[data-pressed] {
|
|
3556
3577
|
color: var(--hop-Link-primary-text-pressed-color);
|
|
3557
3578
|
}
|
|
3558
|
-
.Link-module__hop-Link--
|
|
3579
|
+
.Link-module__hop-Link--secondary___7dOBn {
|
|
3559
3580
|
color: var(--hop-Link-neutral-text-color);
|
|
3560
3581
|
}
|
|
3561
|
-
.Link-module__hop-Link--
|
|
3582
|
+
.Link-module__hop-Link--secondary___7dOBn[data-disabled] {
|
|
3562
3583
|
color: var(--hop-Link-neutral-text-disabled-color);
|
|
3563
3584
|
}
|
|
3564
|
-
.Link-module__hop-Link--
|
|
3565
|
-
.Link-module__hop-Link--
|
|
3585
|
+
.Link-module__hop-Link--secondary___7dOBn:not([data-disabled])[data-focus-visible],
|
|
3586
|
+
.Link-module__hop-Link--secondary___7dOBn:not([data-disabled])[data-hovered] {
|
|
3566
3587
|
color: var(--hop-Link-neutral-text-hover-color);
|
|
3567
3588
|
}
|
|
3568
|
-
.Link-module__hop-Link--
|
|
3589
|
+
.Link-module__hop-Link--secondary___7dOBn:not([data-disabled])[data-pressed] {
|
|
3569
3590
|
color: var(--hop-Link-neutral-text-pressed-color);
|
|
3570
3591
|
}
|
|
3571
|
-
.Link-module__hop-
|
|
3572
|
-
.Link-module__hop-Link__icon-
|
|
3592
|
+
.Link-module__hop-Link__icon___Hns5-,
|
|
3593
|
+
.Link-module__hop-Link__icon-list___W1mIz {
|
|
3573
3594
|
order: 2;
|
|
3574
3595
|
}
|
|
3575
|
-
.Link-module__hop-
|
|
3596
|
+
.Link-module__hop-Link__text___efs-3 {
|
|
3576
3597
|
order: 1;
|
|
3577
3598
|
}
|
|
3578
|
-
.Link-module__hop-Link__start-
|
|
3579
|
-
.Link-module__hop-Link__start-icon-
|
|
3599
|
+
.Link-module__hop-Link__start-icon___FlpnU,
|
|
3600
|
+
.Link-module__hop-Link__start-icon-list___ehi2o {
|
|
3580
3601
|
order: 0;
|
|
3581
3602
|
}
|
|
3582
3603
|
|
|
3583
3604
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
|
|
3584
|
-
:where(.Popover-module__hop-
|
|
3605
|
+
:where(.Popover-module__hop-Popover___ocuC9 *) {
|
|
3585
3606
|
font-family: var(--font-family);
|
|
3586
3607
|
font-size: var(--font-size);
|
|
3587
3608
|
font-weight: var(--font-weight);
|
|
3588
3609
|
line-height: var(--line-height);
|
|
3589
3610
|
outline: none;
|
|
3590
3611
|
}
|
|
3591
|
-
.Popover-module__hop-
|
|
3612
|
+
.Popover-module__hop-Popover___ocuC9 {
|
|
3592
3613
|
--hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
|
|
3593
3614
|
--hop-Popover-inline-width: 25rem;
|
|
3594
3615
|
--hop-Popover-dropdown-inline-width: var(--trigger-width);
|
|
@@ -3601,22 +3622,22 @@
|
|
|
3601
3622
|
inline-size: var(--width);
|
|
3602
3623
|
max-inline-size: var(--max-width);
|
|
3603
3624
|
}
|
|
3604
|
-
.Popover-module__hop-
|
|
3625
|
+
.Popover-module__hop-Popover___ocuC9[data-trigger=Select] {
|
|
3605
3626
|
--width: var(--hop-Popover-dropdown-inline-width);
|
|
3606
3627
|
}
|
|
3607
|
-
.Popover-module__hop-
|
|
3628
|
+
.Popover-module__hop-Popover___ocuC9[data-trigger=ComboBox] {
|
|
3608
3629
|
--width: var(--hop-Popover-combo-box-dropdown-inline-width);
|
|
3609
3630
|
}
|
|
3610
|
-
.Popover-module__hop-
|
|
3631
|
+
.Popover-module__hop-Popover___ocuC9[data-auto-width] {
|
|
3611
3632
|
--width: var(--hop-Popover-dropdown-auto-inline-width);
|
|
3612
3633
|
}
|
|
3613
|
-
.Popover-module__hop-
|
|
3614
|
-
animation: Popover-
|
|
3634
|
+
.Popover-module__hop-Popover___ocuC9[data-entering] {
|
|
3635
|
+
animation: Popover-module__fade___GISCx 0.25s;
|
|
3615
3636
|
}
|
|
3616
|
-
.Popover-module__hop-
|
|
3617
|
-
animation: Popover-
|
|
3637
|
+
.Popover-module__hop-Popover___ocuC9[data-exiting] {
|
|
3638
|
+
animation: Popover-module__fade___GISCx 0.25s reverse;
|
|
3618
3639
|
}
|
|
3619
|
-
@keyframes Popover-
|
|
3640
|
+
@keyframes Popover-module__fade___GISCx {
|
|
3620
3641
|
from {
|
|
3621
3642
|
opacity: 0;
|
|
3622
3643
|
}
|
|
@@ -3624,14 +3645,14 @@
|
|
|
3624
3645
|
opacity: 1;
|
|
3625
3646
|
}
|
|
3626
3647
|
}
|
|
3627
|
-
.Popover-module__hop-
|
|
3648
|
+
.Popover-module__hop-Popover__wrapper___D9gvx {
|
|
3628
3649
|
display: flex;
|
|
3629
3650
|
flex: 1 1 auto;
|
|
3630
3651
|
flex-direction: column;
|
|
3631
3652
|
min-block-size: 0;
|
|
3632
3653
|
}
|
|
3633
|
-
.Popover-module__hop-
|
|
3634
|
-
.Popover-module__hop-
|
|
3654
|
+
.Popover-module__hop-Popover__dialog___EbOYN,
|
|
3655
|
+
.Popover-module__hop-Popover__dropdown___p0SJu {
|
|
3635
3656
|
--hop-Popover-background: var(--hop-neutral-surface);
|
|
3636
3657
|
--hop-Popover-font-family: var(--hop-body-sm-font-family);
|
|
3637
3658
|
--hop-Popover-font-size: var(--hop-body-sm-font-size);
|
|
@@ -3677,21 +3698,21 @@
|
|
|
3677
3698
|
border-radius: var(--hop-Popover-border-radius);
|
|
3678
3699
|
box-shadow: var(--hop-Popover-box-shadow);
|
|
3679
3700
|
}
|
|
3680
|
-
.Popover-module__hop-
|
|
3701
|
+
.Popover-module__hop-Popover__dropdown___p0SJu {
|
|
3681
3702
|
--footer-margin: var(--hop-Popover-footer-dropdown-margin);
|
|
3682
3703
|
--footer-place-self: stretch;
|
|
3683
3704
|
--grid-template: var(--hop-Popover-dropdown-grid-template);
|
|
3684
3705
|
--padding: var(--hop-Popover-dropdown-padding);
|
|
3685
3706
|
overflow: hidden;
|
|
3686
3707
|
}
|
|
3687
|
-
.Popover-module__hop-
|
|
3708
|
+
.Popover-module__hop-Popover__dialog___EbOYN {
|
|
3688
3709
|
--padding: var(--hop-Popover-dialog-padding);
|
|
3689
3710
|
}
|
|
3690
|
-
.Popover-module__hop-
|
|
3711
|
+
.Popover-module__hop-Popover__title___wj18F {
|
|
3691
3712
|
grid-area: header;
|
|
3692
3713
|
color: var(--hop-Popover-color);
|
|
3693
3714
|
}
|
|
3694
|
-
.Popover-module__hop-
|
|
3715
|
+
.Popover-module__hop-Popover__content___W-UI4 {
|
|
3695
3716
|
--font-size: var(--hop-Popover-content-font-size);
|
|
3696
3717
|
--line-height: var(--hop-Popover-content-line-height);
|
|
3697
3718
|
grid-area: content;
|
|
@@ -3700,12 +3721,12 @@
|
|
|
3700
3721
|
padding: 0;
|
|
3701
3722
|
color: var(--hop-Popover-content-color);
|
|
3702
3723
|
}
|
|
3703
|
-
.Popover-module__hop-
|
|
3704
|
-
.Popover-module__hop-
|
|
3724
|
+
.Popover-module__hop-Popover___ocuC9:not(:has(.Popover-module__hop-Popover__title___wj18F)) {
|
|
3725
|
+
.Popover-module__hop-Popover__content___W-UI4 {
|
|
3705
3726
|
margin-block: 0 var(--hop-Popover-row-gap) 0;
|
|
3706
3727
|
}
|
|
3707
3728
|
}
|
|
3708
|
-
.Popover-module__hop-
|
|
3729
|
+
.Popover-module__hop-Popover__dropdown___p0SJu .Popover-module__hop-Popover__list-box___YGY9h {
|
|
3709
3730
|
grid-area: content;
|
|
3710
3731
|
inline-size: auto;
|
|
3711
3732
|
min-inline-size: auto;
|
|
@@ -3713,7 +3734,7 @@
|
|
|
3713
3734
|
max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
|
|
3714
3735
|
border: none;
|
|
3715
3736
|
}
|
|
3716
|
-
.Popover-module__hop-
|
|
3737
|
+
.Popover-module__hop-Popover__footer___ENMY0 {
|
|
3717
3738
|
--font-size: var(--hop-Popover-footer-font-size);
|
|
3718
3739
|
--line-height: var(--hop-Popover-footer-line-height);
|
|
3719
3740
|
grid-area: footer;
|
|
@@ -3721,22 +3742,22 @@
|
|
|
3721
3742
|
margin: var(--footer-margin);
|
|
3722
3743
|
color: var(--hop-Popover-color);
|
|
3723
3744
|
}
|
|
3724
|
-
.Popover-module__hop-
|
|
3745
|
+
.Popover-module__hop-Popover__dropdown___p0SJu .Popover-module__hop-Popover__footer___ENMY0 {
|
|
3725
3746
|
padding: var(--hop-Popover-footer-dropdown-footer-padding);
|
|
3726
3747
|
border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
|
|
3727
3748
|
}
|
|
3728
|
-
.Popover-module__hop-
|
|
3729
|
-
.Popover-module__hop-
|
|
3749
|
+
.Popover-module__hop-Popover__actions___pa9Fn,
|
|
3750
|
+
.Popover-module__hop-Popover__action___-TsAZ {
|
|
3730
3751
|
grid-area: action;
|
|
3731
3752
|
justify-self: end;
|
|
3732
3753
|
margin-block-start: var(--hop-Popover-row-gap);
|
|
3733
3754
|
}
|
|
3734
|
-
.Popover-module__hop-
|
|
3755
|
+
.Popover-module__hop-Popover___ocuC9:has(.Popover-module__hop-Popover__actions___pa9Fn, .Popover-module__hop-Popover__action___-TsAZ) .Popover-module__hop-Popover__footer___ENMY0 {
|
|
3735
3756
|
margin-inline-end: var(--hop-Popover-column-gap);
|
|
3736
3757
|
}
|
|
3737
3758
|
|
|
3738
3759
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ComboBox/src/ComboBox.module.css/#css-module-data */
|
|
3739
|
-
.ComboBox-module__hop-
|
|
3760
|
+
.ComboBox-module__hop-ComboBox___XHuS3 {
|
|
3740
3761
|
--hop-ComboBox-row-gap: var(--hop-space-stack-xs);
|
|
3741
3762
|
--hop-ComboBox-inline-size: 20rem;
|
|
3742
3763
|
--hop-ComboBox-inline-size-fluid: 100%;
|
|
@@ -3800,13 +3821,13 @@
|
|
|
3800
3821
|
inline-size: var(--inline-size);
|
|
3801
3822
|
max-inline-size: var(--hop-ComboBox-max-inline-size);
|
|
3802
3823
|
}
|
|
3803
|
-
.ComboBox-module__hop-ComboBox--
|
|
3824
|
+
.ComboBox-module__hop-ComboBox--fluid___rYnlH {
|
|
3804
3825
|
--inline-size: var(--hop-ComboBox-inline-size-fluid);
|
|
3805
3826
|
}
|
|
3806
|
-
.ComboBox-module__hop-
|
|
3827
|
+
.ComboBox-module__hop-ComboBox__label___Jzb0y {
|
|
3807
3828
|
order: 1;
|
|
3808
3829
|
}
|
|
3809
|
-
.ComboBox-module__hop-
|
|
3830
|
+
.ComboBox-module__hop-ComboBox__trigger___fV-1a {
|
|
3810
3831
|
cursor: var(--trigger-cursor);
|
|
3811
3832
|
overflow: hidden;
|
|
3812
3833
|
display: flex;
|
|
@@ -3819,32 +3840,32 @@
|
|
|
3819
3840
|
border: var(--hop-ComboBox-trigger-border-size) solid var(--trigger-border-color);
|
|
3820
3841
|
border-radius: var(--hop-ComboBox-trigger-border-radius);
|
|
3821
3842
|
}
|
|
3822
|
-
.ComboBox-module__hop-ComboBox__trigger--
|
|
3843
|
+
.ComboBox-module__hop-ComboBox__trigger--sm___gigfO {
|
|
3823
3844
|
--trigger-block-size: var(--hop-ComboBox-trigger-sm-block-size);
|
|
3824
3845
|
--input-font-family: var(--hop-ComboBox-input-sm-font-family);
|
|
3825
3846
|
--input-font-size: var(--hop-ComboBox-input-sm-font-size);
|
|
3826
3847
|
--input-font-weight: var(--hop-ComboBox-input-sm-font-weight);
|
|
3827
3848
|
--input-line-height: var(--hop-ComboBox-input-sm-line-height);
|
|
3828
3849
|
}
|
|
3829
|
-
.ComboBox-module__hop-ComboBox__trigger--
|
|
3850
|
+
.ComboBox-module__hop-ComboBox__trigger--md___aGyqc {
|
|
3830
3851
|
--trigger-block-size: var(--hop-ComboBox-trigger-md-block-size);
|
|
3831
3852
|
}
|
|
3832
|
-
.ComboBox-module__hop-
|
|
3853
|
+
.ComboBox-module__hop-ComboBox__trigger___fV-1a[data-hovered] {
|
|
3833
3854
|
--trigger-background-color: var(--hop-ComboBox-trigger-background-color-hovered);
|
|
3834
3855
|
--trigger-border-color: var(--hop-ComboBox-trigger-border-color-hovered);
|
|
3835
3856
|
--trigger-color: var(--hop-ComboBox-trigger-color-hovered);
|
|
3836
3857
|
--button-icon-color: var(--hop-ComboBox-button-icon-color-hovered);
|
|
3837
3858
|
}
|
|
3838
|
-
.ComboBox-module__hop-
|
|
3859
|
+
.ComboBox-module__hop-ComboBox__trigger___fV-1a[data-selected] {
|
|
3839
3860
|
--trigger-background-color: var(--hop-ComboBox-button-background-color-selected);
|
|
3840
3861
|
--trigger-border-color: var(--hop-ComboBox-button-border-color-selected);
|
|
3841
3862
|
--trigger-color: var(--hop-ComboBox-button-color-selected);
|
|
3842
3863
|
--button-icon-color: var(--hop-ComboBox-button-icon-color-selected);
|
|
3843
3864
|
}
|
|
3844
|
-
.ComboBox-module__hop-
|
|
3865
|
+
.ComboBox-module__hop-ComboBox__trigger___fV-1a[data-invalid] {
|
|
3845
3866
|
--trigger-border-color: var(--hop-ComboBox-trigger-border-color-invalid);
|
|
3846
3867
|
}
|
|
3847
|
-
.ComboBox-module__hop-
|
|
3868
|
+
.ComboBox-module__hop-ComboBox__trigger___fV-1a[data-focus-visible] {
|
|
3848
3869
|
--trigger-background-color: var(--hop-ComboBox-trigger-background-color-focused);
|
|
3849
3870
|
--trigger-border-color: var(--hop-ComboBox-trigger-border-color-focused);
|
|
3850
3871
|
--trigger-color: var(--hop-ComboBox-trigger-color-focused);
|
|
@@ -3852,14 +3873,14 @@
|
|
|
3852
3873
|
outline: var(--hop-ComboBox-trigger-border-size) solid var(--hop-ComboBox-trigger-outline-color-focused);
|
|
3853
3874
|
outline-offset: var(--hop-ComboBox-trigger-outline-offset);
|
|
3854
3875
|
}
|
|
3855
|
-
.ComboBox-module__hop-
|
|
3876
|
+
.ComboBox-module__hop-ComboBox__trigger___fV-1a[data-disabled] {
|
|
3856
3877
|
--trigger-background-color: var(--hop-ComboBox-trigger-background-color-disabled);
|
|
3857
3878
|
--trigger-border-color: var(--hop-ComboBox-trigger-border-color-disabled);
|
|
3858
3879
|
--trigger-color: var(--hop-ComboBox-trigger-color-disabled);
|
|
3859
3880
|
--button-icon-color: var(--hop-ComboBox-button-icon-color-disabled);
|
|
3860
3881
|
--trigger-cursor: var(--hop-ComboBox-trigger-cursor-disabled);
|
|
3861
3882
|
}
|
|
3862
|
-
.ComboBox-module__hop-
|
|
3883
|
+
.ComboBox-module__hop-ComboBox__input___3yJyH {
|
|
3863
3884
|
flex: 1 1 auto;
|
|
3864
3885
|
min-inline-size: 0;
|
|
3865
3886
|
font-family: var(--input-font-family);
|
|
@@ -3871,10 +3892,10 @@
|
|
|
3871
3892
|
border: none;
|
|
3872
3893
|
outline: none;
|
|
3873
3894
|
}
|
|
3874
|
-
.ComboBox-module__hop-
|
|
3895
|
+
.ComboBox-module__hop-ComboBox__input___3yJyH::placeholder {
|
|
3875
3896
|
color: var(--hop-ComboBox-input-placeholder-color);
|
|
3876
3897
|
}
|
|
3877
|
-
.ComboBox-module__hop-
|
|
3898
|
+
.ComboBox-module__hop-ComboBox__button___UsOgJ {
|
|
3878
3899
|
cursor: var(--trigger-cursor);
|
|
3879
3900
|
display: flex;
|
|
3880
3901
|
flex: 0 0 auto;
|
|
@@ -3884,21 +3905,21 @@
|
|
|
3884
3905
|
border: none;
|
|
3885
3906
|
outline: none;
|
|
3886
3907
|
}
|
|
3887
|
-
.ComboBox-module__hop-
|
|
3908
|
+
.ComboBox-module__hop-ComboBox__prefix___gkU12 {
|
|
3888
3909
|
align-self: center;
|
|
3889
3910
|
color: var(--hop-ComboBox-prefix-color);
|
|
3890
3911
|
}
|
|
3891
|
-
.ComboBox-module__hop-ComboBox__button-
|
|
3912
|
+
.ComboBox-module__hop-ComboBox__button-icon___Hq9L2 {
|
|
3892
3913
|
margin-inline-start: auto;
|
|
3893
3914
|
color: var(--button-icon-color);
|
|
3894
3915
|
}
|
|
3895
|
-
.ComboBox-module__hop-ComboBox__helper-
|
|
3896
|
-
.ComboBox-module__hop-ComboBox__error-
|
|
3916
|
+
.ComboBox-module__hop-ComboBox__helper-message___cVFuZ,
|
|
3917
|
+
.ComboBox-module__hop-ComboBox__error-message___8CZCp {
|
|
3897
3918
|
order: 3;
|
|
3898
3919
|
}
|
|
3899
3920
|
|
|
3900
3921
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
|
|
3901
|
-
:where(.Divider-module__hop-
|
|
3922
|
+
:where(.Divider-module__hop-Divider___TmoBL) {
|
|
3902
3923
|
--hop-Divider-border-color: var(--hop-neutral-border-weak);
|
|
3903
3924
|
--hop-Divider-border-size: 0.0625rem;
|
|
3904
3925
|
--hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
|
|
@@ -3923,7 +3944,7 @@
|
|
|
3923
3944
|
border-block-end: var(--border-block-end);
|
|
3924
3945
|
border-inline-start: var(--border-inline-start);
|
|
3925
3946
|
}
|
|
3926
|
-
.Divider-module__hop-Divider--
|
|
3947
|
+
.Divider-module__hop-Divider--vertical___WQ-0H {
|
|
3927
3948
|
--border-block-end: var(--hop-Divider-vertical-border-block-end);
|
|
3928
3949
|
--border-inline-start: var(--hop-Divider-vertical-border-inline-start);
|
|
3929
3950
|
--inline-size: var(--hop-Divider-vertical-inline-size);
|
|
@@ -3931,7 +3952,7 @@
|
|
|
3931
3952
|
}
|
|
3932
3953
|
|
|
3933
3954
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
|
|
3934
|
-
.InputGroup-module__hop-
|
|
3955
|
+
.InputGroup-module__hop-InputGroup___TWbxl {
|
|
3935
3956
|
--hop-InputGroup-background: var(--hop-neutral-surface);
|
|
3936
3957
|
--hop-InputGroup-border-color: var(--hop-neutral-border);
|
|
3937
3958
|
--hop-InputGroup-border-width: 0.0625rem;
|
|
@@ -4012,11 +4033,11 @@
|
|
|
4012
4033
|
border: var(--border);
|
|
4013
4034
|
border-radius: var(--hop-InputGroup-border-radius);
|
|
4014
4035
|
}
|
|
4015
|
-
.InputGroup-module__hop-InputGroup--
|
|
4036
|
+
.InputGroup-module__hop-InputGroup--fluid___69tur {
|
|
4016
4037
|
--inline-size: 100%;
|
|
4017
4038
|
--input-inline-size: 100%;
|
|
4018
4039
|
}
|
|
4019
|
-
.InputGroup-module__hop-InputGroup--
|
|
4040
|
+
.InputGroup-module__hop-InputGroup--sm___MRfoU {
|
|
4020
4041
|
--block-size: var(--hop-InputGroup-sm-block-size);
|
|
4021
4042
|
--input-font-family: var(--hop-InputGroup-input-sm-font-family);
|
|
4022
4043
|
--input-font-size: var(--hop-InputGroup-input-sm-font-size);
|
|
@@ -4024,7 +4045,7 @@
|
|
|
4024
4045
|
--input-line-height: var(--hop-InputGroup-input-sm-line-height);
|
|
4025
4046
|
--input-block-size: var(--hop-InputGroup-input-sm-block-size);
|
|
4026
4047
|
}
|
|
4027
|
-
.InputGroup-module__hop-
|
|
4048
|
+
.InputGroup-module__hop-InputGroup___TWbxl[data-input-type=textarea] {
|
|
4028
4049
|
--gap: var(--hop-InputGroup-gap-textarea);
|
|
4029
4050
|
--flex-direction: var(--hop-InputGroup-flex-direction-textarea);
|
|
4030
4051
|
--align-items: var(--hop-InputGroup-align-items-textarea);
|
|
@@ -4032,28 +4053,28 @@
|
|
|
4032
4053
|
--padding-inline: var(--hop-InputGroup-padding-inline-textarea);
|
|
4033
4054
|
--padding-block: var(--hop-InputGroup-padding-block-textarea);
|
|
4034
4055
|
}
|
|
4035
|
-
.InputGroup-module__hop-
|
|
4056
|
+
.InputGroup-module__hop-InputGroup___TWbxl[data-input-type=number] {
|
|
4036
4057
|
--display: var(--hop-InputGroup-display-number);
|
|
4037
4058
|
--gap: var(--hop-InputGroup-gap-number);
|
|
4038
4059
|
}
|
|
4039
|
-
.InputGroup-module__hop-
|
|
4060
|
+
.InputGroup-module__hop-InputGroup___TWbxl[data-hovered] {
|
|
4040
4061
|
--background: var(--hop-InputGroup-background-hover);
|
|
4041
4062
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
|
|
4042
4063
|
}
|
|
4043
|
-
.InputGroup-module__hop-
|
|
4064
|
+
.InputGroup-module__hop-InputGroup___TWbxl[data-focus-within] {
|
|
4044
4065
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
|
|
4045
4066
|
}
|
|
4046
|
-
.InputGroup-module__hop-
|
|
4067
|
+
.InputGroup-module__hop-InputGroup___TWbxl[data-invalid] {
|
|
4047
4068
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
|
|
4048
4069
|
}
|
|
4049
|
-
.InputGroup-module__hop-
|
|
4070
|
+
.InputGroup-module__hop-InputGroup___TWbxl[data-disabled] {
|
|
4050
4071
|
--background: var(--hop-InputGroup-background-disabled);
|
|
4051
4072
|
--border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
|
|
4052
4073
|
--input-color: var(--hop-InputGroup-input-color-disabled);
|
|
4053
4074
|
--input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
|
|
4054
4075
|
}
|
|
4055
|
-
.InputGroup-module__hop-
|
|
4056
|
-
.InputGroup-module__hop-
|
|
4076
|
+
.InputGroup-module__hop-InputGroup__input___63xPs,
|
|
4077
|
+
.InputGroup-module__hop-InputGroup__textarea___TBceB {
|
|
4057
4078
|
flex: 1 1 auto;
|
|
4058
4079
|
box-sizing: border-box;
|
|
4059
4080
|
inline-size: var(--input-inline-size);
|
|
@@ -4067,26 +4088,26 @@
|
|
|
4067
4088
|
border: none;
|
|
4068
4089
|
outline: none;
|
|
4069
4090
|
}
|
|
4070
|
-
.InputGroup-module__hop-
|
|
4091
|
+
.InputGroup-module__hop-InputGroup__input___63xPs {
|
|
4071
4092
|
block-size: var(--input-block-size);
|
|
4072
4093
|
padding: var(--hop-InputGroup-input-padding);
|
|
4073
4094
|
}
|
|
4074
|
-
.InputGroup-module__hop-
|
|
4095
|
+
.InputGroup-module__hop-InputGroup__textarea___TBceB {
|
|
4075
4096
|
padding: var(--hop-InputGroup-textarea-padding);
|
|
4076
4097
|
}
|
|
4077
|
-
.InputGroup-module__hop-
|
|
4098
|
+
.InputGroup-module__hop-InputGroup__input___63xPs::placeholder {
|
|
4078
4099
|
font-family: var(--hop-InputGroup-placeholder-font-family);
|
|
4079
4100
|
font-size: var(--hop-InputGroup-placeholder-font-size);
|
|
4080
4101
|
font-weight: var(--hop-InputGroup-placeholder-font-weight);
|
|
4081
4102
|
line-height: var(--hop-InputGroup-placeholder-line-height);
|
|
4082
4103
|
color: var(--input-placeholder-color);
|
|
4083
4104
|
}
|
|
4084
|
-
.InputGroup-module__hop-InputGroup__embedded-
|
|
4105
|
+
.InputGroup-module__hop-InputGroup__embedded-button___-r1aN {
|
|
4085
4106
|
margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
|
|
4086
4107
|
}
|
|
4087
4108
|
|
|
4088
4109
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
|
|
4089
|
-
.NumberField-module__hop-
|
|
4110
|
+
.NumberField-module__hop-NumberField___SzZFL {
|
|
4090
4111
|
--hop-NumberField-gap: var(--hop-space-stack-xs);
|
|
4091
4112
|
--hop-NumberField-inline-size: 20rem;
|
|
4092
4113
|
--hop-NumberField-inline-size-fluid: 100%;
|
|
@@ -4134,30 +4155,30 @@
|
|
|
4134
4155
|
gap: var(--hop-NumberField-gap);
|
|
4135
4156
|
inline-size: var(--inline-size);
|
|
4136
4157
|
}
|
|
4137
|
-
.NumberField-module__hop-NumberField--
|
|
4158
|
+
.NumberField-module__hop-NumberField--fluid___HAcFD {
|
|
4138
4159
|
--inline-size: var(--hop-NumberField-inline-size-fluid);
|
|
4139
4160
|
}
|
|
4140
|
-
.NumberField-module__hop-NumberField--
|
|
4161
|
+
.NumberField-module__hop-NumberField--mobile___o5jp- {
|
|
4141
4162
|
--input-group-template: var(--hop-NumberField-input-group-template-mobile);
|
|
4142
4163
|
--stepper-height: var(--hop-NumberField-stepper-height-mobile);
|
|
4143
4164
|
}
|
|
4144
|
-
.NumberField-module__hop-
|
|
4165
|
+
.NumberField-module__hop-NumberField__Label___wyxWA {
|
|
4145
4166
|
order: 0;
|
|
4146
4167
|
}
|
|
4147
|
-
.NumberField-module__hop-
|
|
4168
|
+
.NumberField-module__hop-NumberField__prefix___W9qgl {
|
|
4148
4169
|
grid-area: prefix;
|
|
4149
4170
|
margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
|
|
4150
4171
|
color: var(--hop-NumberField-prefix-color);
|
|
4151
4172
|
}
|
|
4152
|
-
.NumberField-module__hop-
|
|
4173
|
+
.NumberField-module__hop-NumberField__InputGroup___bhQ-m {
|
|
4153
4174
|
grid-template: var(--input-group-template);
|
|
4154
4175
|
order: 1;
|
|
4155
4176
|
}
|
|
4156
|
-
.NumberField-module__hop-
|
|
4157
|
-
.NumberField-module__hop-
|
|
4177
|
+
.NumberField-module__hop-NumberField__ErrorMessage___P4JtX,
|
|
4178
|
+
.NumberField-module__hop-NumberField__HelperMessage___4Ow7r {
|
|
4158
4179
|
order: 3;
|
|
4159
4180
|
}
|
|
4160
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
4181
|
+
.NumberField-module__hop-NumberField__stepper-button___1vuYG {
|
|
4161
4182
|
cursor: pointer;
|
|
4162
4183
|
display: flex;
|
|
4163
4184
|
grid-area: var(--grid-area, unset);
|
|
@@ -4178,55 +4199,55 @@
|
|
|
4178
4199
|
border-radius: var(--stepper-border-radius, 0);
|
|
4179
4200
|
outline: none;
|
|
4180
4201
|
}
|
|
4181
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
4202
|
+
.NumberField-module__hop-NumberField__stepper-button--increment___wtqxH {
|
|
4182
4203
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
|
|
4183
4204
|
--stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
|
|
4184
4205
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
|
|
4185
4206
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
|
|
4186
4207
|
--grid-area: stepup;
|
|
4187
4208
|
}
|
|
4188
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
4209
|
+
.NumberField-module__hop-NumberField__stepper-button--decrement___Js9Gj {
|
|
4189
4210
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
|
|
4190
4211
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
|
|
4191
4212
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
|
|
4192
4213
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
|
|
4193
4214
|
--grid-area: stepdown;
|
|
4194
4215
|
}
|
|
4195
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
4216
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___AomVg.NumberField-module__hop-NumberField__stepper-button--increment___wtqxH {
|
|
4196
4217
|
--stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
|
|
4197
4218
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
|
|
4198
4219
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
|
|
4199
4220
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
|
|
4200
4221
|
}
|
|
4201
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
4222
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___AomVg.NumberField-module__hop-NumberField__stepper-button--decrement___Js9Gj {
|
|
4202
4223
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
|
|
4203
4224
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
|
|
4204
4225
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
|
|
4205
4226
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
|
|
4206
4227
|
}
|
|
4207
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
4228
|
+
.NumberField-module__hop-NumberField__stepper-button___1vuYG[data-hovered] {
|
|
4208
4229
|
color: var(--hop-NumberField-stepper-color-hovered);
|
|
4209
4230
|
background-color: var(--hop-NumberField-stepper-background-color-hovered);
|
|
4210
4231
|
}
|
|
4211
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
4232
|
+
.NumberField-module__hop-NumberField__stepper-button___1vuYG[data-pressed] {
|
|
4212
4233
|
color: var(--hop-NumberField-stepper-color-pressed);
|
|
4213
4234
|
background-color: var(--hop-NumberField-stepper-background-color-pressed);
|
|
4214
4235
|
}
|
|
4215
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
4236
|
+
.NumberField-module__hop-NumberField__stepper-button___1vuYG[data-disabled] {
|
|
4216
4237
|
cursor: not-allowed;
|
|
4217
4238
|
color: var(--hop-NumberField-stepper-color-disabled);
|
|
4218
4239
|
background-color: var(--hop-NumberField-stepper-background-color-disabled);
|
|
4219
4240
|
}
|
|
4220
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
4241
|
+
.NumberField-module__hop-NumberField__stepper-button__icon___muxeR {
|
|
4221
4242
|
display: block;
|
|
4222
4243
|
max-block-size: 100%;
|
|
4223
4244
|
}
|
|
4224
|
-
.NumberField-module__hop-
|
|
4245
|
+
.NumberField-module__hop-NumberField__input___g2VOC {
|
|
4225
4246
|
grid-area: input;
|
|
4226
4247
|
}
|
|
4227
4248
|
|
|
4228
4249
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
|
|
4229
|
-
.PasswordField-module__hop-
|
|
4250
|
+
.PasswordField-module__hop-PasswordField___o1uX- {
|
|
4230
4251
|
--hop-PasswordField-gap: var(--hop-space-stack-xs);
|
|
4231
4252
|
--hop-PasswordField-inline-size: 20rem;
|
|
4232
4253
|
--inline-size: var(--hop-PasswordField-inline-size);
|
|
@@ -4236,37 +4257,37 @@
|
|
|
4236
4257
|
inline-size: var(--inline-size);
|
|
4237
4258
|
max-inline-size: 100%;
|
|
4238
4259
|
}
|
|
4239
|
-
.PasswordField-module__hop-PasswordField--
|
|
4260
|
+
.PasswordField-module__hop-PasswordField--fluid___BjuxV {
|
|
4240
4261
|
--inline-size: 100%;
|
|
4241
4262
|
}
|
|
4242
|
-
.PasswordField-module__hop-
|
|
4263
|
+
.PasswordField-module__hop-PasswordField__Label___MdKAI {
|
|
4243
4264
|
order: 0;
|
|
4244
4265
|
}
|
|
4245
|
-
.PasswordField-module__hop-
|
|
4266
|
+
.PasswordField-module__hop-PasswordField__InputGroup___vl5gH {
|
|
4246
4267
|
order: 1;
|
|
4247
4268
|
}
|
|
4248
|
-
.PasswordField-module__hop-
|
|
4249
|
-
.PasswordField-module__hop-
|
|
4269
|
+
.PasswordField-module__hop-PasswordField__ErrorMessage___ZwfYI,
|
|
4270
|
+
.PasswordField-module__hop-PasswordField__HelperMessage___z1N5m {
|
|
4250
4271
|
order: 3;
|
|
4251
4272
|
}
|
|
4252
4273
|
|
|
4253
4274
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
|
|
4254
|
-
.RemainingCharacterCount-module__hop-
|
|
4275
|
+
.RemainingCharacterCount-module__hop-RemainingCharacterCount___SdAX- {
|
|
4255
4276
|
--hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
|
|
4256
4277
|
--hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
|
|
4257
4278
|
--hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
|
|
4258
4279
|
--char-count-color: var(--hop-RemainingCharacterCount-color);
|
|
4259
4280
|
color: var(--char-count-color);
|
|
4260
4281
|
}
|
|
4261
|
-
.RemainingCharacterCount-module__hop-
|
|
4282
|
+
.RemainingCharacterCount-module__hop-RemainingCharacterCount___SdAX-[data-invalid] {
|
|
4262
4283
|
--char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
|
|
4263
4284
|
}
|
|
4264
|
-
.RemainingCharacterCount-module__hop-
|
|
4285
|
+
.RemainingCharacterCount-module__hop-RemainingCharacterCount___SdAX-[data-disabled] {
|
|
4265
4286
|
--char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
|
|
4266
4287
|
}
|
|
4267
4288
|
|
|
4268
4289
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
|
|
4269
|
-
.SearchField-module__hop-
|
|
4290
|
+
.SearchField-module__hop-SearchField___aZb-c {
|
|
4270
4291
|
--hop-SearchField-gap: var(--hop-space-stack-xs);
|
|
4271
4292
|
--hop-SearchField-inline-size: 20rem;
|
|
4272
4293
|
--hop-SearchField-color: var(--hop-neutral-text-weak);
|
|
@@ -4281,39 +4302,39 @@
|
|
|
4281
4302
|
inline-size: var(--inline-size);
|
|
4282
4303
|
max-inline-size: 100%;
|
|
4283
4304
|
}
|
|
4284
|
-
.SearchField-module__hop-SearchField--
|
|
4305
|
+
.SearchField-module__hop-SearchField--fluid___2wtRA {
|
|
4285
4306
|
--inline-size: 100%;
|
|
4286
4307
|
}
|
|
4287
|
-
.SearchField-module__hop-
|
|
4308
|
+
.SearchField-module__hop-SearchField__Label___38cX7 {
|
|
4288
4309
|
order: 0;
|
|
4289
4310
|
}
|
|
4290
|
-
.SearchField-module__hop-
|
|
4311
|
+
.SearchField-module__hop-SearchField__prefix___GVXhK {
|
|
4291
4312
|
color: var(--hop-SearchField-color);
|
|
4292
4313
|
}
|
|
4293
|
-
.SearchField-module__hop-
|
|
4314
|
+
.SearchField-module__hop-SearchField__InputGroup___Pix8O {
|
|
4294
4315
|
order: 1;
|
|
4295
4316
|
padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
|
|
4296
4317
|
}
|
|
4297
|
-
.SearchField-module__hop-SearchField--
|
|
4318
|
+
.SearchField-module__hop-SearchField--clearable___Inua2 {
|
|
4298
4319
|
--input-group-padding-inline-end: 0;
|
|
4299
4320
|
}
|
|
4300
|
-
.SearchField-module__hop-
|
|
4301
|
-
.SearchField-module__hop-
|
|
4321
|
+
.SearchField-module__hop-SearchField__ErrorMessage___eSI4J,
|
|
4322
|
+
.SearchField-module__hop-SearchField__HelperMessage___Y4l6r {
|
|
4302
4323
|
order: 3;
|
|
4303
4324
|
}
|
|
4304
|
-
.SearchField-module__hop-
|
|
4305
|
-
.SearchField-module__hop-
|
|
4325
|
+
.SearchField-module__hop-SearchField___aZb-c input::-webkit-search-cancel-button,
|
|
4326
|
+
.SearchField-module__hop-SearchField___aZb-c input::-webkit-search-decoration {
|
|
4306
4327
|
appearance: none;
|
|
4307
4328
|
}
|
|
4308
|
-
.SearchField-module__hop-
|
|
4329
|
+
.SearchField-module__hop-SearchField___aZb-c[data-empty] {
|
|
4309
4330
|
--clear-button-display: none;
|
|
4310
4331
|
}
|
|
4311
|
-
.SearchField-module__hop-
|
|
4332
|
+
.SearchField-module__hop-SearchField__ClearButton___-g0yY {
|
|
4312
4333
|
display: var(--clear-button-display);
|
|
4313
4334
|
}
|
|
4314
4335
|
|
|
4315
4336
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
|
|
4316
|
-
.TextArea-module__hop-
|
|
4337
|
+
.TextArea-module__hop-TextArea___KIaZD {
|
|
4317
4338
|
--hop-TextArea-gap: var(--hop-space-stack-xs);
|
|
4318
4339
|
--hop-TextArea-inline-size: 20rem;
|
|
4319
4340
|
--hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -4327,35 +4348,35 @@
|
|
|
4327
4348
|
inline-size: var(--inline-size);
|
|
4328
4349
|
max-inline-size: 100%;
|
|
4329
4350
|
}
|
|
4330
|
-
.TextArea-module__hop-TextArea--
|
|
4351
|
+
.TextArea-module__hop-TextArea--fluid___WCRS5 {
|
|
4331
4352
|
--inline-size: 100%;
|
|
4332
4353
|
}
|
|
4333
|
-
.TextArea-module__hop-
|
|
4354
|
+
.TextArea-module__hop-TextArea___KIaZD[data-resize-mode=vertical] {
|
|
4334
4355
|
--resize: vertical;
|
|
4335
4356
|
}
|
|
4336
|
-
.TextArea-module__hop-
|
|
4357
|
+
.TextArea-module__hop-TextArea__Label___9L3xU {
|
|
4337
4358
|
order: 0;
|
|
4338
4359
|
}
|
|
4339
|
-
.TextArea-module__hop-
|
|
4360
|
+
.TextArea-module__hop-TextArea__prefix___cehps {
|
|
4340
4361
|
color: var(--hop-TextArea-prefix-color);
|
|
4341
4362
|
}
|
|
4342
|
-
.TextArea-module__hop-
|
|
4363
|
+
.TextArea-module__hop-TextArea__InputGroup___xWuhF {
|
|
4343
4364
|
order: 1;
|
|
4344
4365
|
}
|
|
4345
|
-
.TextArea-module__hop-
|
|
4366
|
+
.TextArea-module__hop-TextArea__RemainingCharacterCount___WOL0F {
|
|
4346
4367
|
padding: var(--hop-TextArea-remaining-character-count-padding);
|
|
4347
4368
|
}
|
|
4348
|
-
.TextArea-module__hop-
|
|
4369
|
+
.TextArea-module__hop-TextArea__textarea___idyBQ {
|
|
4349
4370
|
resize: var(--resize);
|
|
4350
4371
|
min-block-size: var(--hop-TextArea-input-min-height);
|
|
4351
4372
|
}
|
|
4352
|
-
.TextArea-module__hop-
|
|
4353
|
-
.TextArea-module__hop-
|
|
4373
|
+
.TextArea-module__hop-TextArea__ErrorMessage___3vVZO,
|
|
4374
|
+
.TextArea-module__hop-TextArea__HelperMessage___y9qX5 {
|
|
4354
4375
|
order: 3;
|
|
4355
4376
|
}
|
|
4356
4377
|
|
|
4357
4378
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
|
|
4358
|
-
.TextField-module__hop-
|
|
4379
|
+
.TextField-module__hop-TextField___-8i4v {
|
|
4359
4380
|
--hop-TextField-gap: var(--hop-space-stack-xs);
|
|
4360
4381
|
--hop-TextField-inline-size: 20rem;
|
|
4361
4382
|
--hop-TextField-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -4366,25 +4387,25 @@
|
|
|
4366
4387
|
inline-size: var(--inline-size);
|
|
4367
4388
|
max-inline-size: 100%;
|
|
4368
4389
|
}
|
|
4369
|
-
.TextField-module__hop-TextField--
|
|
4390
|
+
.TextField-module__hop-TextField--fluid___J5STF {
|
|
4370
4391
|
--inline-size: 100%;
|
|
4371
4392
|
}
|
|
4372
|
-
.TextField-module__hop-
|
|
4393
|
+
.TextField-module__hop-TextField__Label___-7Pm3 {
|
|
4373
4394
|
order: 0;
|
|
4374
4395
|
}
|
|
4375
|
-
.TextField-module__hop-
|
|
4396
|
+
.TextField-module__hop-TextField__prefix___uEmAs {
|
|
4376
4397
|
color: var(--hop-TextField-prefix-color);
|
|
4377
4398
|
}
|
|
4378
|
-
.TextField-module__hop-
|
|
4399
|
+
.TextField-module__hop-TextField__InputGroup___2pRwn {
|
|
4379
4400
|
order: 1;
|
|
4380
4401
|
}
|
|
4381
|
-
.TextField-module__hop-
|
|
4382
|
-
.TextField-module__hop-
|
|
4402
|
+
.TextField-module__hop-TextField__ErrorMessage___4agXz,
|
|
4403
|
+
.TextField-module__hop-TextField__HelperMessage___JbReR {
|
|
4383
4404
|
order: 3;
|
|
4384
4405
|
}
|
|
4385
4406
|
|
|
4386
4407
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
|
|
4387
|
-
.SelectValue-module__hop-
|
|
4408
|
+
.SelectValue-module__hop-SelectValue___6oEcc {
|
|
4388
4409
|
--hop-SelectValue-display: inline-block;
|
|
4389
4410
|
--hop-SelectValue-slots-display: flex;
|
|
4390
4411
|
--hop-SelectValue-column-gap: var(--hop-space-inline-sm);
|
|
@@ -4399,16 +4420,16 @@
|
|
|
4399
4420
|
text-overflow: ellipsis;
|
|
4400
4421
|
white-space: nowrap;
|
|
4401
4422
|
}
|
|
4402
|
-
.SelectValue-module__hop-
|
|
4423
|
+
.SelectValue-module__hop-SelectValue___6oEcc:has(.SelectValue-module__hop-SelectValue__text___wajRT) {
|
|
4403
4424
|
--display: var(--hop-SelectValue-slots-display);
|
|
4404
4425
|
}
|
|
4405
|
-
.SelectValue-module__hop-
|
|
4426
|
+
.SelectValue-module__hop-SelectValue__avatar___BoNKy {
|
|
4406
4427
|
order: 1;
|
|
4407
4428
|
}
|
|
4408
|
-
.SelectValue-module__hop-
|
|
4429
|
+
.SelectValue-module__hop-SelectValue__icon___RVcVl {
|
|
4409
4430
|
order: 2;
|
|
4410
4431
|
}
|
|
4411
|
-
.SelectValue-module__hop-
|
|
4432
|
+
.SelectValue-module__hop-SelectValue__text___wajRT {
|
|
4412
4433
|
overflow: hidden;
|
|
4413
4434
|
flex: 1 1 auto;
|
|
4414
4435
|
order: 3;
|
|
@@ -4416,12 +4437,12 @@
|
|
|
4416
4437
|
text-overflow: ellipsis;
|
|
4417
4438
|
white-space: nowrap;
|
|
4418
4439
|
}
|
|
4419
|
-
.SelectValue-module__hop-SelectValue__end-
|
|
4440
|
+
.SelectValue-module__hop-SelectValue__end-icon___t-n84 {
|
|
4420
4441
|
order: 4;
|
|
4421
4442
|
}
|
|
4422
4443
|
|
|
4423
4444
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
|
|
4424
|
-
.Select-module__hop-
|
|
4445
|
+
.Select-module__hop-Select___y2Mwz {
|
|
4425
4446
|
--hop-Select-row-gap: var(--hop-space-stack-xs);
|
|
4426
4447
|
--hop-Select-inline-size: 20rem;
|
|
4427
4448
|
--hop-Select-inline-size-fluid: 100%;
|
|
@@ -4473,13 +4494,13 @@
|
|
|
4473
4494
|
inline-size: var(--inline-size);
|
|
4474
4495
|
max-inline-size: var(--hop-Select-max-inline-size);
|
|
4475
4496
|
}
|
|
4476
|
-
.Select-module__hop-Select--
|
|
4497
|
+
.Select-module__hop-Select--fluid___1-5pH {
|
|
4477
4498
|
--inline-size: var(--hop-Select-inline-size-fluid);
|
|
4478
4499
|
}
|
|
4479
|
-
.Select-module__hop-
|
|
4500
|
+
.Select-module__hop-Select__label___p5cFG {
|
|
4480
4501
|
order: 1;
|
|
4481
4502
|
}
|
|
4482
|
-
.Select-module__hop-
|
|
4503
|
+
.Select-module__hop-Select__button___XDgRJ {
|
|
4483
4504
|
cursor: var(--button-cursor);
|
|
4484
4505
|
display: flex;
|
|
4485
4506
|
column-gap: var(--hop-Select-button-column-gap);
|
|
@@ -4495,28 +4516,28 @@
|
|
|
4495
4516
|
border-radius: var(--hop-Select-button-border-radius);
|
|
4496
4517
|
outline: none;
|
|
4497
4518
|
}
|
|
4498
|
-
.Select-module__hop-Select__button--
|
|
4519
|
+
.Select-module__hop-Select__button--sm___UiljJ {
|
|
4499
4520
|
--button-block-size: var(--hop-Select-button-sm-block-size);
|
|
4500
4521
|
}
|
|
4501
|
-
.Select-module__hop-Select__button--
|
|
4522
|
+
.Select-module__hop-Select__button--md___G0D4n {
|
|
4502
4523
|
--button-block-size: var(--hop-Select-button-md-block-size);
|
|
4503
4524
|
}
|
|
4504
|
-
.Select-module__hop-
|
|
4525
|
+
.Select-module__hop-Select__button___XDgRJ[data-hovered] {
|
|
4505
4526
|
--button-background-color: var(--hop-Select-button-background-color-hovered);
|
|
4506
4527
|
--button-border-color: var(--hop-Select-button-border-color-hovered);
|
|
4507
4528
|
--button-color: var(--hop-Select-button-color-hovered);
|
|
4508
4529
|
--button-icon-color: var(--hop-Select-button-icon-color-hovered);
|
|
4509
4530
|
}
|
|
4510
|
-
.Select-module__hop-
|
|
4531
|
+
.Select-module__hop-Select__button___XDgRJ[data-pressed] {
|
|
4511
4532
|
--button-background-color: var(--hop-Select-button-background-color-selected);
|
|
4512
4533
|
--button-border-color: var(--hop-Select-button-border-color-selected);
|
|
4513
4534
|
--button-color: var(--hop-Select-button-color-selected);
|
|
4514
4535
|
--button-icon-color: var(--hop-Select-button-icon-color-selected);
|
|
4515
4536
|
}
|
|
4516
|
-
.Select-module__hop-
|
|
4537
|
+
.Select-module__hop-Select__button___XDgRJ[data-invalid] {
|
|
4517
4538
|
--button-border-color: var(--hop-Select-button-border-color-invalid);
|
|
4518
4539
|
}
|
|
4519
|
-
.Select-module__hop-
|
|
4540
|
+
.Select-module__hop-Select__button___XDgRJ[data-focus-visible] {
|
|
4520
4541
|
--button-background-color: var(--hop-Select-button-background-color-focused);
|
|
4521
4542
|
--button-border-color: var(--hop-Select-button-border-color-focused);
|
|
4522
4543
|
--button-color: var(--hop-Select-button-color-focused);
|
|
@@ -4524,30 +4545,30 @@
|
|
|
4524
4545
|
outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
|
|
4525
4546
|
outline-offset: var(--hop-Select-button-outline-offset);
|
|
4526
4547
|
}
|
|
4527
|
-
.Select-module__hop-
|
|
4548
|
+
.Select-module__hop-Select__button___XDgRJ:has([data-placeholder]) {
|
|
4528
4549
|
--button-color: var(--hop-Select-button-placeholder-color);
|
|
4529
4550
|
}
|
|
4530
|
-
.Select-module__hop-
|
|
4551
|
+
.Select-module__hop-Select__button___XDgRJ[data-disabled] {
|
|
4531
4552
|
--button-background-color: var(--hop-Select-button-background-color-disabled);
|
|
4532
4553
|
--button-border-color: var(--hop-Select-button-border-color-disabled);
|
|
4533
4554
|
--button-color: var(--hop-Select-button-color-disabled);
|
|
4534
4555
|
--button-icon-color: var(--hop-Select-button-icon-color-disabled);
|
|
4535
4556
|
--button-cursor: var(--hop-Select-button-cursor-disabled);
|
|
4536
4557
|
}
|
|
4537
|
-
.Select-module__hop-
|
|
4558
|
+
.Select-module__hop-Select__prefix___swd37 {
|
|
4538
4559
|
color: var(--hop-Select-prefix-color);
|
|
4539
4560
|
}
|
|
4540
|
-
.Select-module__hop-Select__button-
|
|
4561
|
+
.Select-module__hop-Select__button-icon___Sq6Dh {
|
|
4541
4562
|
margin-inline-start: auto;
|
|
4542
4563
|
color: var(--button-icon-color);
|
|
4543
4564
|
}
|
|
4544
|
-
.Select-module__hop-Select__helper-
|
|
4545
|
-
.Select-module__hop-Select__error-
|
|
4565
|
+
.Select-module__hop-Select__helper-message___UjIEu,
|
|
4566
|
+
.Select-module__hop-Select__error-message___Ne-km {
|
|
4546
4567
|
order: 3;
|
|
4547
4568
|
}
|
|
4548
4569
|
|
|
4549
4570
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
|
|
4550
|
-
.Tag-module__hop-
|
|
4571
|
+
.Tag-module__hop-Tag___oOdEt {
|
|
4551
4572
|
--hop-Tag-border-size: 0.0625rem;
|
|
4552
4573
|
--hop-Tag-border-radius: var(--hop-shape-pill);
|
|
4553
4574
|
--hop-Tag-sm-block-size: 1.25rem;
|
|
@@ -4786,7 +4807,7 @@
|
|
|
4786
4807
|
outline: none;
|
|
4787
4808
|
outline-offset: 0.125rem;
|
|
4788
4809
|
}
|
|
4789
|
-
.Tag-module__hop-Tag--
|
|
4810
|
+
.Tag-module__hop-Tag--sm___joTjE {
|
|
4790
4811
|
--block-size: var(--hop-Tag-sm-block-size);
|
|
4791
4812
|
--padding-inline: var(--hop-Tag-sm-padding-inline);
|
|
4792
4813
|
--column-gap: var(--hop-Tag-sm-column-gap);
|
|
@@ -4794,13 +4815,13 @@
|
|
|
4794
4815
|
--avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
|
|
4795
4816
|
--spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
|
|
4796
4817
|
}
|
|
4797
|
-
.Tag-module__hop-Tag--
|
|
4818
|
+
.Tag-module__hop-Tag--sm___joTjE:not(:has(.Tag-module__hop-Tag__remove-btn___GEen-, .Tag-module__hop-Tag__Spinner___w1cy4)) {
|
|
4798
4819
|
--badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
|
|
4799
4820
|
}
|
|
4800
|
-
.Tag-module__hop-Tag--
|
|
4821
|
+
.Tag-module__hop-Tag--sm___joTjE:not(:has(.Tag-module__hop-Tag__avatar___Mxc-0)) {
|
|
4801
4822
|
--icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
|
|
4802
4823
|
}
|
|
4803
|
-
.Tag-module__hop-Tag--
|
|
4824
|
+
.Tag-module__hop-Tag--md___JMiJP {
|
|
4804
4825
|
--block-size: var(--hop-Tag-md-block-size);
|
|
4805
4826
|
--padding-inline: var(--hop-Tag-md-padding-inline);
|
|
4806
4827
|
--column-gap: var(--hop-Tag-md-column-gap);
|
|
@@ -4808,13 +4829,13 @@
|
|
|
4808
4829
|
--avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
|
|
4809
4830
|
--spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
|
|
4810
4831
|
}
|
|
4811
|
-
.Tag-module__hop-Tag--
|
|
4832
|
+
.Tag-module__hop-Tag--md___JMiJP:not(:has(.Tag-module__hop-Tag__remove-btn___GEen-, .Tag-module__hop-Tag__Spinner___w1cy4)) {
|
|
4812
4833
|
--badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
|
|
4813
4834
|
}
|
|
4814
|
-
.Tag-module__hop-Tag--
|
|
4835
|
+
.Tag-module__hop-Tag--md___JMiJP:not(:has(.Tag-module__hop-Tag__avatar___Mxc-0)) {
|
|
4815
4836
|
--icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
|
|
4816
4837
|
}
|
|
4817
|
-
.Tag-module__hop-Tag--
|
|
4838
|
+
.Tag-module__hop-Tag--lg___hbsSP {
|
|
4818
4839
|
--block-size: var(--hop-Tag-lg-block-size);
|
|
4819
4840
|
--padding-inline: var(--hop-Tag-lg-padding-inline);
|
|
4820
4841
|
--column-gap: var(--hop-Tag-lg-column-gap);
|
|
@@ -4822,348 +4843,348 @@
|
|
|
4822
4843
|
--avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
|
|
4823
4844
|
--spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
|
|
4824
4845
|
}
|
|
4825
|
-
.Tag-module__hop-Tag--
|
|
4846
|
+
.Tag-module__hop-Tag--lg___hbsSP:not(:has(.Tag-module__hop-Tag__remove-btn___GEen-, .Tag-module__hop-Tag__Spinner___w1cy4)) {
|
|
4826
4847
|
--badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
|
|
4827
4848
|
}
|
|
4828
|
-
.Tag-module__hop-Tag--
|
|
4849
|
+
.Tag-module__hop-Tag--lg___hbsSP:not(:has(.Tag-module__hop-Tag__avatar___Mxc-0)) {
|
|
4829
4850
|
--icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
|
|
4830
4851
|
}
|
|
4831
|
-
.Tag-module__hop-Tag--
|
|
4852
|
+
.Tag-module__hop-Tag--neutral___H0xBL {
|
|
4832
4853
|
--border-color: var(--hop-Tag-neutral-border-color);
|
|
4833
4854
|
--background-color: var(--hop-Tag-neutral-background-color);
|
|
4834
4855
|
--text-color: var(--hop-Tag-neutral-text-color);
|
|
4835
4856
|
}
|
|
4836
|
-
.Tag-module__hop-Tag--
|
|
4857
|
+
.Tag-module__hop-Tag--subdued___uiPg- {
|
|
4837
4858
|
--border-color: var(--hop-Tag-subdued-border-color);
|
|
4838
4859
|
--background-color: var(--hop-Tag-subdued-background-color);
|
|
4839
4860
|
--text-color: var(--hop-Tag-subdued-text-color);
|
|
4840
4861
|
}
|
|
4841
|
-
.Tag-module__hop-Tag--
|
|
4862
|
+
.Tag-module__hop-Tag--progress___4Q-xU {
|
|
4842
4863
|
--border-color: var(--hop-Tag-progress-border-color);
|
|
4843
4864
|
--background-color: var(--hop-Tag-progress-background-color);
|
|
4844
4865
|
--text-color: var(--hop-Tag-progress-text-color);
|
|
4845
4866
|
}
|
|
4846
|
-
.Tag-module__hop-Tag--
|
|
4867
|
+
.Tag-module__hop-Tag--positive___f9WXy {
|
|
4847
4868
|
--border-color: var(--hop-Tag-positive-border-color);
|
|
4848
4869
|
--background-color: var(--hop-Tag-positive-background-color);
|
|
4849
4870
|
--text-color: var(--hop-Tag-positive-text-color);
|
|
4850
4871
|
}
|
|
4851
|
-
.Tag-module__hop-Tag--
|
|
4872
|
+
.Tag-module__hop-Tag--caution___Q7iVR {
|
|
4852
4873
|
--border-color: var(--hop-Tag-caution-border-color);
|
|
4853
4874
|
--background-color: var(--hop-Tag-caution-background-color);
|
|
4854
4875
|
--text-color: var(--hop-Tag-caution-text-color);
|
|
4855
4876
|
}
|
|
4856
|
-
.Tag-module__hop-Tag--
|
|
4877
|
+
.Tag-module__hop-Tag--negative___8fE8a {
|
|
4857
4878
|
--border-color: var(--hop-Tag-negative-border-color);
|
|
4858
4879
|
--background-color: var(--hop-Tag-negative-background-color);
|
|
4859
4880
|
--text-color: var(--hop-Tag-negative-text-color);
|
|
4860
4881
|
}
|
|
4861
|
-
.Tag-module__hop-Tag--
|
|
4882
|
+
.Tag-module__hop-Tag--option1___zYsEb {
|
|
4862
4883
|
--border-color: var(--hop-Tag-option1-border-color);
|
|
4863
4884
|
--background-color: var(--hop-Tag-option1-background-color);
|
|
4864
4885
|
--text-color: var(--hop-Tag-option1-text-color);
|
|
4865
4886
|
}
|
|
4866
|
-
.Tag-module__hop-Tag--
|
|
4887
|
+
.Tag-module__hop-Tag--option2___d41eM {
|
|
4867
4888
|
--border-color: var(--hop-Tag-option2-border-color);
|
|
4868
4889
|
--background-color: var(--hop-Tag-option2-background-color);
|
|
4869
4890
|
--text-color: var(--hop-Tag-option2-text-color);
|
|
4870
4891
|
}
|
|
4871
|
-
.Tag-module__hop-Tag--
|
|
4892
|
+
.Tag-module__hop-Tag--option3___H9bGN {
|
|
4872
4893
|
--border-color: var(--hop-Tag-option3-border-color);
|
|
4873
4894
|
--background-color: var(--hop-Tag-option3-background-color);
|
|
4874
4895
|
--text-color: var(--hop-Tag-option3-text-color);
|
|
4875
4896
|
}
|
|
4876
|
-
.Tag-module__hop-Tag--
|
|
4897
|
+
.Tag-module__hop-Tag--option4___UzGHz {
|
|
4877
4898
|
--border-color: var(--hop-Tag-option4-border-color);
|
|
4878
4899
|
--background-color: var(--hop-Tag-option4-background-color);
|
|
4879
4900
|
--text-color: var(--hop-Tag-option4-text-color);
|
|
4880
4901
|
}
|
|
4881
|
-
.Tag-module__hop-Tag--
|
|
4902
|
+
.Tag-module__hop-Tag--option5___lt-uX {
|
|
4882
4903
|
--border-color: var(--hop-Tag-option5-border-color);
|
|
4883
4904
|
--background-color: var(--hop-Tag-option5-background-color);
|
|
4884
4905
|
--text-color: var(--hop-Tag-option5-text-color);
|
|
4885
4906
|
}
|
|
4886
|
-
.Tag-module__hop-Tag--
|
|
4907
|
+
.Tag-module__hop-Tag--option6___7o2Wz {
|
|
4887
4908
|
--border-color: var(--hop-Tag-option6-border-color);
|
|
4888
4909
|
--background-color: var(--hop-Tag-option6-background-color);
|
|
4889
4910
|
--text-color: var(--hop-Tag-option6-text-color);
|
|
4890
4911
|
}
|
|
4891
|
-
.Tag-module__hop-
|
|
4912
|
+
.Tag-module__hop-Tag___oOdEt[data-href] {
|
|
4892
4913
|
cursor: pointer;
|
|
4893
4914
|
}
|
|
4894
|
-
.Tag-module__hop-Tag--
|
|
4915
|
+
.Tag-module__hop-Tag--neutral___H0xBL[data-focus-visible] {
|
|
4895
4916
|
--border-color: var(--hop-Tag-neutral-border-color-focus);
|
|
4896
4917
|
--background-color: var(--hop-Tag-neutral-background-color-focus);
|
|
4897
4918
|
--text-color: var(--hop-Tag-neutral-text-color-focus);
|
|
4898
4919
|
}
|
|
4899
|
-
.Tag-module__hop-Tag--
|
|
4920
|
+
.Tag-module__hop-Tag--neutral___H0xBL[data-hovered] {
|
|
4900
4921
|
--border-color: var(--hop-Tag-neutral-border-color-hover);
|
|
4901
4922
|
--background-color: var(--hop-Tag-neutral-background-color-hover);
|
|
4902
4923
|
--text-color: var(--hop-Tag-neutral-text-color-hover);
|
|
4903
4924
|
}
|
|
4904
|
-
.Tag-module__hop-Tag--
|
|
4925
|
+
.Tag-module__hop-Tag--neutral___H0xBL[data-pressed] {
|
|
4905
4926
|
--border-color: var(--hop-Tag-neutral-border-color-press);
|
|
4906
4927
|
--background-color: var(--hop-Tag-neutral-background-color-press);
|
|
4907
4928
|
--text-color: var(--hop-Tag-neutral-text-color-press);
|
|
4908
4929
|
}
|
|
4909
|
-
.Tag-module__hop-Tag--
|
|
4930
|
+
.Tag-module__hop-Tag--neutral___H0xBL[data-disabled] {
|
|
4910
4931
|
--border-color: var(--hop-Tag-neutral-border-color-disabled);
|
|
4911
4932
|
--background-color: var(--hop-Tag-neutral-background-color-disabled);
|
|
4912
4933
|
--text-color: var(--hop-Tag-neutral-text-color-disabled);
|
|
4913
4934
|
}
|
|
4914
|
-
.Tag-module__hop-Tag--
|
|
4935
|
+
.Tag-module__hop-Tag--subdued___uiPg-[data-focus-visible] {
|
|
4915
4936
|
--border-color: var(--hop-Tag-subdued-border-color-focus);
|
|
4916
4937
|
--background-color: var(--hop-Tag-subdued-background-color-focus);
|
|
4917
4938
|
--text-color: var(--hop-Tag-subdued-text-color-focus);
|
|
4918
4939
|
}
|
|
4919
|
-
.Tag-module__hop-Tag--
|
|
4940
|
+
.Tag-module__hop-Tag--subdued___uiPg-[data-hovered] {
|
|
4920
4941
|
--border-color: var(--hop-Tag-subdued-border-color-hover);
|
|
4921
4942
|
--background-color: var(--hop-Tag-subdued-background-color-hover);
|
|
4922
4943
|
--text-color: var(--hop-Tag-subdued-text-color-hover);
|
|
4923
4944
|
}
|
|
4924
|
-
.Tag-module__hop-Tag--
|
|
4945
|
+
.Tag-module__hop-Tag--subdued___uiPg-[data-pressed] {
|
|
4925
4946
|
--border-color: var(--hop-Tag-subdued-border-color-press);
|
|
4926
4947
|
--background-color: var(--hop-Tag-subdued-background-color-press);
|
|
4927
4948
|
--text-color: var(--hop-Tag-subdued-text-color-press);
|
|
4928
4949
|
}
|
|
4929
|
-
.Tag-module__hop-Tag--
|
|
4950
|
+
.Tag-module__hop-Tag--subdued___uiPg-[data-disabled] {
|
|
4930
4951
|
--border-color: var(--hop-Tag-subdued-border-color-disabled);
|
|
4931
4952
|
--background-color: var(--hop-Tag-subdued-background-color-disabled);
|
|
4932
4953
|
--text-color: var(--hop-Tag-subdued-text-color-disabled);
|
|
4933
4954
|
}
|
|
4934
|
-
.Tag-module__hop-Tag--
|
|
4955
|
+
.Tag-module__hop-Tag--progress___4Q-xU[data-focus-visible] {
|
|
4935
4956
|
--border-color: var(--hop-Tag-progress-border-color-focus);
|
|
4936
4957
|
--background-color: var(--hop-Tag-progress-background-color-focus);
|
|
4937
4958
|
--text-color: var(--hop-Tag-progress-text-color-focus);
|
|
4938
4959
|
}
|
|
4939
|
-
.Tag-module__hop-Tag--
|
|
4960
|
+
.Tag-module__hop-Tag--progress___4Q-xU[data-hovered] {
|
|
4940
4961
|
--border-color: var(--hop-Tag-progress-border-color-hover);
|
|
4941
4962
|
--background-color: var(--hop-Tag-progress-background-color-hover);
|
|
4942
4963
|
--text-color: var(--hop-Tag-progress-text-color-hover);
|
|
4943
4964
|
}
|
|
4944
|
-
.Tag-module__hop-Tag--
|
|
4965
|
+
.Tag-module__hop-Tag--progress___4Q-xU[data-pressed] {
|
|
4945
4966
|
--border-color: var(--hop-Tag-progress-border-color-press);
|
|
4946
4967
|
--background-color: var(--hop-Tag-progress-background-color-press);
|
|
4947
4968
|
--text-color: var(--hop-Tag-progress-text-color-press);
|
|
4948
4969
|
}
|
|
4949
|
-
.Tag-module__hop-Tag--
|
|
4970
|
+
.Tag-module__hop-Tag--progress___4Q-xU[data-disabled] {
|
|
4950
4971
|
--border-color: var(--hop-Tag-progress-border-color-disabled);
|
|
4951
4972
|
--background-color: var(--hop-Tag-progress-background-color-disabled);
|
|
4952
4973
|
--text-color: var(--hop-Tag-progress-text-color-disabled);
|
|
4953
4974
|
}
|
|
4954
|
-
.Tag-module__hop-Tag--
|
|
4975
|
+
.Tag-module__hop-Tag--positive___f9WXy[data-focus-visible] {
|
|
4955
4976
|
--border-color: var(--hop-Tag-positive-border-color-focus);
|
|
4956
4977
|
--background-color: var(--hop-Tag-positive-background-color-focus);
|
|
4957
4978
|
--text-color: var(--hop-Tag-positive-text-color-focus);
|
|
4958
4979
|
}
|
|
4959
|
-
.Tag-module__hop-Tag--
|
|
4980
|
+
.Tag-module__hop-Tag--positive___f9WXy[data-hovered] {
|
|
4960
4981
|
--border-color: var(--hop-Tag-positive-border-color-hover);
|
|
4961
4982
|
--background-color: var(--hop-Tag-positive-background-color-hover);
|
|
4962
4983
|
--text-color: var(--hop-Tag-positive-text-color-hover);
|
|
4963
4984
|
}
|
|
4964
|
-
.Tag-module__hop-Tag--
|
|
4985
|
+
.Tag-module__hop-Tag--positive___f9WXy[data-pressed] {
|
|
4965
4986
|
--border-color: var(--hop-Tag-positive-border-color-press);
|
|
4966
4987
|
--background-color: var(--hop-Tag-positive-background-color-press);
|
|
4967
4988
|
--text-color: var(--hop-Tag-positive-text-color-press);
|
|
4968
4989
|
}
|
|
4969
|
-
.Tag-module__hop-Tag--
|
|
4990
|
+
.Tag-module__hop-Tag--positive___f9WXy[data-disabled] {
|
|
4970
4991
|
--border-color: var(--hop-Tag-positive-border-color-disabled);
|
|
4971
4992
|
--background-color: var(--hop-Tag-positive-background-color-disabled);
|
|
4972
4993
|
--text-color: var(--hop-Tag-positive-text-color-disabled);
|
|
4973
4994
|
}
|
|
4974
|
-
.Tag-module__hop-Tag--
|
|
4995
|
+
.Tag-module__hop-Tag--caution___Q7iVR[data-focus-visible] {
|
|
4975
4996
|
--border-color: var(--hop-Tag-caution-border-color-focus);
|
|
4976
4997
|
--background-color: var(--hop-Tag-caution-background-color-focus);
|
|
4977
4998
|
--text-color: var(--hop-Tag-caution-text-color-focus);
|
|
4978
4999
|
}
|
|
4979
|
-
.Tag-module__hop-Tag--
|
|
5000
|
+
.Tag-module__hop-Tag--caution___Q7iVR[data-hovered] {
|
|
4980
5001
|
--border-color: var(--hop-Tag-caution-border-color-hover);
|
|
4981
5002
|
--background-color: var(--hop-Tag-caution-background-color-hover);
|
|
4982
5003
|
--text-color: var(--hop-Tag-caution-text-color-hover);
|
|
4983
5004
|
}
|
|
4984
|
-
.Tag-module__hop-Tag--
|
|
5005
|
+
.Tag-module__hop-Tag--caution___Q7iVR[data-pressed] {
|
|
4985
5006
|
--border-color: var(--hop-Tag-caution-border-color-press);
|
|
4986
5007
|
--background-color: var(--hop-Tag-caution-background-color-press);
|
|
4987
5008
|
--text-color: var(--hop-Tag-caution-text-color-press);
|
|
4988
5009
|
}
|
|
4989
|
-
.Tag-module__hop-Tag--
|
|
5010
|
+
.Tag-module__hop-Tag--caution___Q7iVR[data-disabled] {
|
|
4990
5011
|
--border-color: var(--hop-Tag-caution-border-color-disabled);
|
|
4991
5012
|
--background-color: var(--hop-Tag-caution-background-color-disabled);
|
|
4992
5013
|
--text-color: var(--hop-Tag-caution-text-color-disabled);
|
|
4993
5014
|
}
|
|
4994
|
-
.Tag-module__hop-Tag--
|
|
5015
|
+
.Tag-module__hop-Tag--negative___8fE8a[data-focus-visible] {
|
|
4995
5016
|
--border-color: var(--hop-Tag-negative-border-color-focus);
|
|
4996
5017
|
--background-color: var(--hop-Tag-negative-background-color-focus);
|
|
4997
5018
|
--text-color: var(--hop-Tag-negative-text-color-focus);
|
|
4998
5019
|
}
|
|
4999
|
-
.Tag-module__hop-Tag--
|
|
5020
|
+
.Tag-module__hop-Tag--negative___8fE8a[data-hovered] {
|
|
5000
5021
|
--border-color: var(--hop-Tag-negative-border-color-hover);
|
|
5001
5022
|
--background-color: var(--hop-Tag-negative-background-color-hover);
|
|
5002
5023
|
--text-color: var(--hop-Tag-negative-text-color-hover);
|
|
5003
5024
|
}
|
|
5004
|
-
.Tag-module__hop-Tag--
|
|
5025
|
+
.Tag-module__hop-Tag--negative___8fE8a[data-pressed] {
|
|
5005
5026
|
--border-color: var(--hop-Tag-negative-border-color-press);
|
|
5006
5027
|
--background-color: var(--hop-Tag-negative-background-color-press);
|
|
5007
5028
|
--text-color: var(--hop-Tag-negative-text-color-press);
|
|
5008
5029
|
}
|
|
5009
|
-
.Tag-module__hop-Tag--
|
|
5030
|
+
.Tag-module__hop-Tag--negative___8fE8a[data-disabled] {
|
|
5010
5031
|
--border-color: var(--hop-Tag-negative-border-color-disabled);
|
|
5011
5032
|
--background-color: var(--hop-Tag-negative-background-color-disabled);
|
|
5012
5033
|
--text-color: var(--hop-Tag-negative-text-color-disabled);
|
|
5013
5034
|
}
|
|
5014
|
-
.Tag-module__hop-Tag--
|
|
5035
|
+
.Tag-module__hop-Tag--option1___zYsEb[data-focus-visible] {
|
|
5015
5036
|
--border-color: var(--hop-Tag-option1-border-color-focus);
|
|
5016
5037
|
--background-color: var(--hop-Tag-option1-background-color-focus);
|
|
5017
5038
|
--text-color: var(--hop-Tag-option1-text-color-focus);
|
|
5018
5039
|
}
|
|
5019
|
-
.Tag-module__hop-Tag--
|
|
5040
|
+
.Tag-module__hop-Tag--option1___zYsEb[data-hovered] {
|
|
5020
5041
|
--border-color: var(--hop-Tag-option1-border-color-hover);
|
|
5021
5042
|
--background-color: var(--hop-Tag-option1-background-color-hover);
|
|
5022
5043
|
--text-color: var(--hop-Tag-option1-text-color-hover);
|
|
5023
5044
|
}
|
|
5024
|
-
.Tag-module__hop-Tag--
|
|
5045
|
+
.Tag-module__hop-Tag--option1___zYsEb[data-pressed] {
|
|
5025
5046
|
--border-color: var(--hop-Tag-option1-border-color-press);
|
|
5026
5047
|
--background-color: var(--hop-Tag-option1-background-color-press);
|
|
5027
5048
|
--text-color: var(--hop-Tag-option1-text-color-press);
|
|
5028
5049
|
}
|
|
5029
|
-
.Tag-module__hop-Tag--
|
|
5050
|
+
.Tag-module__hop-Tag--option1___zYsEb[data-disabled] {
|
|
5030
5051
|
--border-color: var(--hop-Tag-option1-border-color-disabled);
|
|
5031
5052
|
--background-color: var(--hop-Tag-option1-background-color-disabled);
|
|
5032
5053
|
--text-color: var(--hop-Tag-option1-text-color-disabled);
|
|
5033
5054
|
}
|
|
5034
|
-
.Tag-module__hop-Tag--
|
|
5055
|
+
.Tag-module__hop-Tag--option2___d41eM[data-focus-visible] {
|
|
5035
5056
|
--border-color: var(--hop-Tag-option2-border-color-focus);
|
|
5036
5057
|
--background-color: var(--hop-Tag-option2-background-color-focus);
|
|
5037
5058
|
--text-color: var(--hop-Tag-option2-text-color-focus);
|
|
5038
5059
|
}
|
|
5039
|
-
.Tag-module__hop-Tag--
|
|
5060
|
+
.Tag-module__hop-Tag--option2___d41eM[data-hovered] {
|
|
5040
5061
|
--border-color: var(--hop-Tag-option2-border-color-hover);
|
|
5041
5062
|
--background-color: var(--hop-Tag-option2-background-color-hover);
|
|
5042
5063
|
--text-color: var(--hop-Tag-option2-text-color-hover);
|
|
5043
5064
|
}
|
|
5044
|
-
.Tag-module__hop-Tag--
|
|
5065
|
+
.Tag-module__hop-Tag--option2___d41eM[data-pressed] {
|
|
5045
5066
|
--border-color: var(--hop-Tag-option2-border-color-press);
|
|
5046
5067
|
--background-color: var(--hop-Tag-option2-background-color-press);
|
|
5047
5068
|
--text-color: var(--hop-Tag-option2-text-color-press);
|
|
5048
5069
|
}
|
|
5049
|
-
.Tag-module__hop-Tag--
|
|
5070
|
+
.Tag-module__hop-Tag--option2___d41eM[data-disabled] {
|
|
5050
5071
|
--border-color: var(--hop-Tag-option2-border-color-disabled);
|
|
5051
5072
|
--background-color: var(--hop-Tag-option2-background-color-disabled);
|
|
5052
5073
|
--text-color: var(--hop-Tag-option2-text-color-disabled);
|
|
5053
5074
|
}
|
|
5054
|
-
.Tag-module__hop-Tag--
|
|
5075
|
+
.Tag-module__hop-Tag--option3___H9bGN[data-focus-visible] {
|
|
5055
5076
|
--border-color: var(--hop-Tag-option3-border-color-focus);
|
|
5056
5077
|
--background-color: var(--hop-Tag-option3-background-color-focus);
|
|
5057
5078
|
--text-color: var(--hop-Tag-option3-text-color-focus);
|
|
5058
5079
|
}
|
|
5059
|
-
.Tag-module__hop-Tag--
|
|
5080
|
+
.Tag-module__hop-Tag--option3___H9bGN[data-hovered] {
|
|
5060
5081
|
--border-color: var(--hop-Tag-option3-border-color-hover);
|
|
5061
5082
|
--background-color: var(--hop-Tag-option3-background-color-hover);
|
|
5062
5083
|
--text-color: var(--hop-Tag-option3-text-color-hover);
|
|
5063
5084
|
}
|
|
5064
|
-
.Tag-module__hop-Tag--
|
|
5085
|
+
.Tag-module__hop-Tag--option3___H9bGN[data-pressed] {
|
|
5065
5086
|
--border-color: var(--hop-Tag-option3-border-color-press);
|
|
5066
5087
|
--background-color: var(--hop-Tag-option3-background-color-press);
|
|
5067
5088
|
--text-color: var(--hop-Tag-option3-text-color-press);
|
|
5068
5089
|
}
|
|
5069
|
-
.Tag-module__hop-Tag--
|
|
5090
|
+
.Tag-module__hop-Tag--option3___H9bGN[data-disabled] {
|
|
5070
5091
|
--border-color: var(--hop-Tag-option3-border-color-disabled);
|
|
5071
5092
|
--background-color: var(--hop-Tag-option3-background-color-disabled);
|
|
5072
5093
|
--text-color: var(--hop-Tag-option3-text-color-disabled);
|
|
5073
5094
|
}
|
|
5074
|
-
.Tag-module__hop-Tag--
|
|
5095
|
+
.Tag-module__hop-Tag--option4___UzGHz[data-focus-visible] {
|
|
5075
5096
|
--border-color: var(--hop-Tag-option4-border-color-focus);
|
|
5076
5097
|
--background-color: var(--hop-Tag-option4-background-color-focus);
|
|
5077
5098
|
--text-color: var(--hop-Tag-option4-text-color-focus);
|
|
5078
5099
|
}
|
|
5079
|
-
.Tag-module__hop-Tag--
|
|
5100
|
+
.Tag-module__hop-Tag--option4___UzGHz[data-hovered] {
|
|
5080
5101
|
--border-color: var(--hop-Tag-option4-border-color-hover);
|
|
5081
5102
|
--background-color: var(--hop-Tag-option4-background-color-hover);
|
|
5082
5103
|
--text-color: var(--hop-Tag-option4-text-color-hover);
|
|
5083
5104
|
}
|
|
5084
|
-
.Tag-module__hop-Tag--
|
|
5105
|
+
.Tag-module__hop-Tag--option4___UzGHz[data-pressed] {
|
|
5085
5106
|
--border-color: var(--hop-Tag-option4-border-color-press);
|
|
5086
5107
|
--background-color: var(--hop-Tag-option4-background-color-press);
|
|
5087
5108
|
--text-color: var(--hop-Tag-option4-text-color-press);
|
|
5088
5109
|
}
|
|
5089
|
-
.Tag-module__hop-Tag--
|
|
5110
|
+
.Tag-module__hop-Tag--option4___UzGHz[data-disabled] {
|
|
5090
5111
|
--border-color: var(--hop-Tag-option4-border-color-disabled);
|
|
5091
5112
|
--background-color: var(--hop-Tag-option4-background-color-disabled);
|
|
5092
5113
|
--text-color: var(--hop-Tag-option4-text-color-disabled);
|
|
5093
5114
|
}
|
|
5094
|
-
.Tag-module__hop-Tag--
|
|
5115
|
+
.Tag-module__hop-Tag--option5___lt-uX[data-focus-visible] {
|
|
5095
5116
|
--border-color: var(--hop-Tag-option5-border-color-focus);
|
|
5096
5117
|
--background-color: var(--hop-Tag-option5-background-color-focus);
|
|
5097
5118
|
--text-color: var(--hop-Tag-option5-text-color-focus);
|
|
5098
5119
|
}
|
|
5099
|
-
.Tag-module__hop-Tag--
|
|
5120
|
+
.Tag-module__hop-Tag--option5___lt-uX[data-hovered] {
|
|
5100
5121
|
--border-color: var(--hop-Tag-option5-border-color-hover);
|
|
5101
5122
|
--background-color: var(--hop-Tag-option5-background-color-hover);
|
|
5102
5123
|
--text-color: var(--hop-Tag-option5-text-color-hover);
|
|
5103
5124
|
}
|
|
5104
|
-
.Tag-module__hop-Tag--
|
|
5125
|
+
.Tag-module__hop-Tag--option5___lt-uX[data-pressed] {
|
|
5105
5126
|
--border-color: var(--hop-Tag-option5-border-color-press);
|
|
5106
5127
|
--background-color: var(--hop-Tag-option5-background-color-press);
|
|
5107
5128
|
--text-color: var(--hop-Tag-option5-text-color-press);
|
|
5108
5129
|
}
|
|
5109
|
-
.Tag-module__hop-Tag--
|
|
5130
|
+
.Tag-module__hop-Tag--option5___lt-uX[data-disabled] {
|
|
5110
5131
|
--border-color: var(--hop-Tag-option5-border-color-disabled);
|
|
5111
5132
|
--background-color: var(--hop-Tag-option5-background-color-disabled);
|
|
5112
5133
|
--text-color: var(--hop-Tag-option5-text-color-disabled);
|
|
5113
5134
|
}
|
|
5114
|
-
.Tag-module__hop-Tag--
|
|
5135
|
+
.Tag-module__hop-Tag--option6___7o2Wz[data-focus-visible] {
|
|
5115
5136
|
--border-color: var(--hop-Tag-option6-border-color-focus);
|
|
5116
5137
|
--background-color: var(--hop-Tag-option6-background-color-focus);
|
|
5117
5138
|
--text-color: var(--hop-Tag-option6-text-color-focus);
|
|
5118
5139
|
}
|
|
5119
|
-
.Tag-module__hop-Tag--
|
|
5140
|
+
.Tag-module__hop-Tag--option6___7o2Wz[data-hovered] {
|
|
5120
5141
|
--border-color: var(--hop-Tag-option6-border-color-hover);
|
|
5121
5142
|
--background-color: var(--hop-Tag-option6-background-color-hover);
|
|
5122
5143
|
--text-color: var(--hop-Tag-option6-text-color-hover);
|
|
5123
5144
|
}
|
|
5124
|
-
.Tag-module__hop-Tag--
|
|
5145
|
+
.Tag-module__hop-Tag--option6___7o2Wz[data-pressed] {
|
|
5125
5146
|
--border-color: var(--hop-Tag-option6-border-color-press);
|
|
5126
5147
|
--background-color: var(--hop-Tag-option6-background-color-press);
|
|
5127
5148
|
--text-color: var(--hop-Tag-option6-text-color-press);
|
|
5128
5149
|
}
|
|
5129
|
-
.Tag-module__hop-Tag--
|
|
5150
|
+
.Tag-module__hop-Tag--option6___7o2Wz[data-disabled] {
|
|
5130
5151
|
--border-color: var(--hop-Tag-option6-border-color-disabled);
|
|
5131
5152
|
--background-color: var(--hop-Tag-option6-background-color-disabled);
|
|
5132
5153
|
--text-color: var(--hop-Tag-option6-text-color-disabled);
|
|
5133
5154
|
}
|
|
5134
|
-
.Tag-module__hop-
|
|
5155
|
+
.Tag-module__hop-Tag___oOdEt[data-focus-visible] {
|
|
5135
5156
|
outline: 0.125rem solid var(--focus-ring-color);
|
|
5136
5157
|
}
|
|
5137
|
-
.Tag-module__hop-
|
|
5158
|
+
.Tag-module__hop-Tag___oOdEt[data-hovered] {
|
|
5138
5159
|
cursor: pointer;
|
|
5139
5160
|
}
|
|
5140
|
-
.Tag-module__hop-
|
|
5161
|
+
.Tag-module__hop-Tag___oOdEt[data-selected] {
|
|
5141
5162
|
--background-color: var(--hop-Tag-background-color-selected);
|
|
5142
5163
|
--border-color: var(--hop-Tag-border-color-selected);
|
|
5143
5164
|
--text-color: var(--hop-Tag-text-color-selected);
|
|
5144
5165
|
}
|
|
5145
|
-
.Tag-module__hop-
|
|
5166
|
+
.Tag-module__hop-Tag___oOdEt[data-pressed] {
|
|
5146
5167
|
cursor: pointer;
|
|
5147
5168
|
}
|
|
5148
|
-
.Tag-module__hop-
|
|
5169
|
+
.Tag-module__hop-Tag___oOdEt[data-invalid] {
|
|
5149
5170
|
--border-color: var(--hop-Tag-border-color-invalid);
|
|
5150
5171
|
}
|
|
5151
|
-
.Tag-module__hop-
|
|
5172
|
+
.Tag-module__hop-Tag___oOdEt[data-disabled] {
|
|
5152
5173
|
cursor: not-allowed;
|
|
5153
5174
|
}
|
|
5154
|
-
.Tag-module__hop-
|
|
5175
|
+
.Tag-module__hop-Tag__avatar___Mxc-0 {
|
|
5155
5176
|
flex: 0 0 auto;
|
|
5156
5177
|
order: 1;
|
|
5157
5178
|
margin-inline-start: var(--avatar-margin-inline-start);
|
|
5158
5179
|
}
|
|
5159
|
-
.Tag-module__hop-
|
|
5160
|
-
.Tag-module__hop-Tag__icon-
|
|
5180
|
+
.Tag-module__hop-Tag__icon___gERIu,
|
|
5181
|
+
.Tag-module__hop-Tag__icon-list___Ov4SR {
|
|
5161
5182
|
flex: 0 0 auto;
|
|
5162
5183
|
flex-wrap: nowrap;
|
|
5163
5184
|
order: 2;
|
|
5164
5185
|
margin-inline-start: var(--icon-margin-inline-start, 0);
|
|
5165
5186
|
}
|
|
5166
|
-
.Tag-module__hop-
|
|
5187
|
+
.Tag-module__hop-Tag__text___wEzsX {
|
|
5167
5188
|
overflow: hidden;
|
|
5168
5189
|
flex: 1 1 auto;
|
|
5169
5190
|
order: 3;
|
|
@@ -5171,33 +5192,33 @@
|
|
|
5171
5192
|
text-align: center;
|
|
5172
5193
|
text-overflow: ellipsis;
|
|
5173
5194
|
}
|
|
5174
|
-
.Tag-module__hop-
|
|
5195
|
+
.Tag-module__hop-Tag__badge___0gw-w {
|
|
5175
5196
|
flex: 0 0 auto;
|
|
5176
5197
|
order: 4;
|
|
5177
5198
|
margin-inline-end: var(--badge-margin-inline-end);
|
|
5178
5199
|
}
|
|
5179
|
-
.Tag-module__hop-
|
|
5200
|
+
.Tag-module__hop-Tag___oOdEt .Tag-module__hop-Tag__badge--subdued___3F6GN {
|
|
5180
5201
|
margin-inline-start: var(--badge-secondary-margin-inline-start);
|
|
5181
5202
|
color: inherit;
|
|
5182
5203
|
background: none;
|
|
5183
5204
|
}
|
|
5184
|
-
.Tag-module__hop-Tag--
|
|
5205
|
+
.Tag-module__hop-Tag--sm___joTjE .Tag-module__hop-Tag__badge___0gw-w {
|
|
5185
5206
|
block-size: 100%;
|
|
5186
5207
|
}
|
|
5187
|
-
.Tag-module__hop-Tag__remove-
|
|
5188
|
-
.Tag-module__hop-
|
|
5208
|
+
.Tag-module__hop-Tag__remove-btn___GEen-,
|
|
5209
|
+
.Tag-module__hop-Tag__Spinner___w1cy4 {
|
|
5189
5210
|
flex: 0 0 auto;
|
|
5190
5211
|
order: 5;
|
|
5191
5212
|
}
|
|
5192
|
-
.Tag-module__hop-
|
|
5213
|
+
.Tag-module__hop-Tag__Spinner___w1cy4 {
|
|
5193
5214
|
margin-inline-end: var(--spinner-margin-inline-end);
|
|
5194
5215
|
}
|
|
5195
|
-
.Tag-module__hop-Tag__remove-
|
|
5216
|
+
.Tag-module__hop-Tag__remove-btn___GEen- {
|
|
5196
5217
|
margin-inline: var(--clear-btn-margin-inline);
|
|
5197
5218
|
}
|
|
5198
5219
|
|
|
5199
5220
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
|
|
5200
|
-
.TagGroup-module__hop-
|
|
5221
|
+
.TagGroup-module__hop-TagGroup___86SX6 {
|
|
5201
5222
|
--hop-TagGroup-row-gap: var(--hop-space-inline-sm);
|
|
5202
5223
|
--hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
|
|
5203
5224
|
--hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
|
|
@@ -5217,10 +5238,10 @@
|
|
|
5217
5238
|
inline-size: max-content;
|
|
5218
5239
|
max-inline-size: 100%;
|
|
5219
5240
|
}
|
|
5220
|
-
.TagGroup-module__hop-
|
|
5241
|
+
.TagGroup-module__hop-TagGroup___86SX6 > .TagGroup-module__hop-TagGroup__label___9q2EX {
|
|
5221
5242
|
order: 1;
|
|
5222
5243
|
}
|
|
5223
|
-
.TagGroup-module__hop-
|
|
5244
|
+
.TagGroup-module__hop-TagGroup__list___wY28t {
|
|
5224
5245
|
display: flex;
|
|
5225
5246
|
flex-wrap: wrap;
|
|
5226
5247
|
gap: var(--list-row-gap) var(--list-column-gap);
|
|
@@ -5229,24 +5250,24 @@
|
|
|
5229
5250
|
border-radius: var(--list-border-radius);
|
|
5230
5251
|
outline: none;
|
|
5231
5252
|
}
|
|
5232
|
-
.TagGroup-module__hop-
|
|
5253
|
+
.TagGroup-module__hop-TagGroup__list___wY28t[data-focus-visible] {
|
|
5233
5254
|
outline: 0.125rem solid var(--list-focus-ring-color);
|
|
5234
5255
|
outline-offset: 0.125rem;
|
|
5235
5256
|
}
|
|
5236
|
-
.TagGroup-module__hop-
|
|
5237
|
-
.TagGroup-module__hop-
|
|
5257
|
+
.TagGroup-module__hop-TagGroup___86SX6 > .TagGroup-module__hop-TagGroup__error-message___lPWQQ,
|
|
5258
|
+
.TagGroup-module__hop-TagGroup___86SX6 > .TagGroup-module__hop-TagGroup__helper-message___S4hdN {
|
|
5238
5259
|
order: 3;
|
|
5239
5260
|
}
|
|
5240
5261
|
|
|
5241
5262
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
|
|
5242
|
-
.Form-module__hop-
|
|
5263
|
+
.Form-module__hop-Form___mabUT {
|
|
5243
5264
|
display: flex;
|
|
5244
5265
|
flex-direction: column;
|
|
5245
5266
|
gap: var(--hop-space-stack-lg);
|
|
5246
5267
|
}
|
|
5247
5268
|
|
|
5248
5269
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
|
|
5249
|
-
.Switch-module__hop-
|
|
5270
|
+
.Switch-module__hop-Switch___0IBC- {
|
|
5250
5271
|
--hop-Switch-border-size: 0.0625rem;
|
|
5251
5272
|
--hop-Switch-border-color: var(--hop-neutral-border);
|
|
5252
5273
|
--hop-Switch-border-radius: var(--hop-shape-rounded-lg);
|
|
@@ -5303,56 +5324,56 @@
|
|
|
5303
5324
|
inline-size: max-content;
|
|
5304
5325
|
max-inline-size: 100%;
|
|
5305
5326
|
}
|
|
5306
|
-
.Switch-module__hop-Switch--
|
|
5327
|
+
.Switch-module__hop-Switch--sm___P1dbZ {
|
|
5307
5328
|
--inline-size: var(--hop-Switch-inline-size-sm);
|
|
5308
5329
|
--block-size: var(--hop-Switch-block-size-sm);
|
|
5309
5330
|
--thumb-size: var(--hop-Switch-thumb-size-sm);
|
|
5310
5331
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
|
|
5311
5332
|
--text-top-offset: var(--hop-Switch-text-top-offset-sm);
|
|
5312
5333
|
}
|
|
5313
|
-
.Switch-module__hop-Switch--
|
|
5334
|
+
.Switch-module__hop-Switch--md___dyoLU {
|
|
5314
5335
|
--inline-size: var(--hop-Switch-inline-size-md);
|
|
5315
5336
|
--block-size: var(--hop-Switch-block-size-md);
|
|
5316
5337
|
--thumb-size: var(--hop-Switch-thumb-size-md);
|
|
5317
5338
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-md);
|
|
5318
5339
|
--text-top-offset: var(--hop-Switch-text-top-offset-md);
|
|
5319
5340
|
}
|
|
5320
|
-
.Switch-module__hop-
|
|
5341
|
+
.Switch-module__hop-Switch___0IBC-[data-hovered] {
|
|
5321
5342
|
--border-color: var(--hop-Switch-border-color-hover);
|
|
5322
5343
|
--background-color: var(--hop-Switch-background-color-hover);
|
|
5323
5344
|
--thumb-color: var(--hop-Switch-thumb-color-hover);
|
|
5324
5345
|
--text-color: var(--hop-Switch-text-color-hover);
|
|
5325
5346
|
}
|
|
5326
|
-
.Switch-module__hop-
|
|
5327
|
-
.Switch-module__hop-
|
|
5347
|
+
.Switch-module__hop-Switch___0IBC-[data-pressed],
|
|
5348
|
+
.Switch-module__hop-Switch___0IBC-[data-pressed][data-focus-visible] {
|
|
5328
5349
|
--border-color: var(--hop-Switch-border-color-pressed);
|
|
5329
5350
|
--background-color: var(--hop-Switch-background-color-pressed);
|
|
5330
5351
|
--thumb-color: var(--hop-Switch-thumb-color-pressed);
|
|
5331
5352
|
--text-color: var(--hop-Switch-text-color-pressed);
|
|
5332
5353
|
}
|
|
5333
|
-
.Switch-module__hop-
|
|
5354
|
+
.Switch-module__hop-Switch___0IBC-[data-focus-visible] {
|
|
5334
5355
|
--border-color: var(--hop-Switch-border-color-focus);
|
|
5335
5356
|
--background-color: var(--hop-Switch-background-color-focus);
|
|
5336
5357
|
--thumb-color: var(--hop-Switch-thumb-color-focus);
|
|
5337
5358
|
--outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
|
|
5338
5359
|
--text-color: var(--hop-Switch-text-color-focus);
|
|
5339
5360
|
}
|
|
5340
|
-
.Switch-module__hop-
|
|
5341
|
-
.Switch-module__hop-
|
|
5361
|
+
.Switch-module__hop-Switch___0IBC-[data-selected],
|
|
5362
|
+
.Switch-module__hop-Switch___0IBC-[data-selected][data-pressed] {
|
|
5342
5363
|
--border-color: var(--hop-Switch-border-color-selected);
|
|
5343
5364
|
--background-color: var(--hop-Switch-background-color-selected);
|
|
5344
5365
|
--thumb-color: var(--hop-Switch-thumb-color-selected);
|
|
5345
5366
|
--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%);
|
|
5346
5367
|
--text-color: var(--hop-Switch-text-color-selected);
|
|
5347
5368
|
}
|
|
5348
|
-
.Switch-module__hop-
|
|
5369
|
+
.Switch-module__hop-Switch___0IBC-[data-disabled] {
|
|
5349
5370
|
--border-color: var(--hop-Switch-border-color-disabled);
|
|
5350
5371
|
--background-color: var(--hop-Switch-background-color-disabled);
|
|
5351
5372
|
--thumb-color: var(--hop-Switch-thumb-color-disabled);
|
|
5352
5373
|
--text-color: var(--hop-Switch-text-color-disabled);
|
|
5353
5374
|
--cursor: not-allowed;
|
|
5354
5375
|
}
|
|
5355
|
-
.Switch-module__hop-
|
|
5376
|
+
.Switch-module__hop-Switch__indicator___jDoDu {
|
|
5356
5377
|
position: relative;
|
|
5357
5378
|
flex: 0 0 auto;
|
|
5358
5379
|
box-sizing: border-box;
|
|
@@ -5365,7 +5386,7 @@
|
|
|
5365
5386
|
outline-offset: 0.125rem;
|
|
5366
5387
|
transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
|
|
5367
5388
|
}
|
|
5368
|
-
.Switch-module__hop-
|
|
5389
|
+
.Switch-module__hop-Switch__indicator___jDoDu::before {
|
|
5369
5390
|
content: "";
|
|
5370
5391
|
position: absolute;
|
|
5371
5392
|
inset-block-start: 50%;
|
|
@@ -5380,20 +5401,20 @@
|
|
|
5380
5401
|
border-radius: var(--hop-shape-circle);
|
|
5381
5402
|
transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
|
|
5382
5403
|
}
|
|
5383
|
-
.Switch-module__hop-
|
|
5404
|
+
.Switch-module__hop-Switch__text___qg40Z {
|
|
5384
5405
|
flex: 0 1 auto;
|
|
5385
5406
|
order: 2;
|
|
5386
5407
|
min-inline-size: 0;
|
|
5387
5408
|
margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
|
|
5388
5409
|
color: var(--text-color);
|
|
5389
5410
|
}
|
|
5390
|
-
.Switch-module__hop-Switch__icon-
|
|
5391
|
-
.Switch-module__hop-
|
|
5411
|
+
.Switch-module__hop-Switch__icon-list___AyhrZ,
|
|
5412
|
+
.Switch-module__hop-Switch__icon___oMPEr {
|
|
5392
5413
|
order: 3;
|
|
5393
5414
|
}
|
|
5394
5415
|
|
|
5395
5416
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
|
|
5396
|
-
.SwitchField-module__hop-
|
|
5417
|
+
.SwitchField-module__hop-SwitchField___RhshR {
|
|
5397
5418
|
--hop-SwitchField-description-color: var(--hop-neutral-text-weak);
|
|
5398
5419
|
--hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
5399
5420
|
--hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -5412,23 +5433,23 @@
|
|
|
5412
5433
|
inline-size: max-content;
|
|
5413
5434
|
max-inline-size: 100%;
|
|
5414
5435
|
}
|
|
5415
|
-
.SwitchField-module__hop-
|
|
5436
|
+
.SwitchField-module__hop-SwitchField___RhshR[data-disabled] {
|
|
5416
5437
|
--description-color: var(--hop-SwitchField-description-color-disabled);
|
|
5417
5438
|
}
|
|
5418
|
-
.SwitchField-module__hop-SwitchField--
|
|
5439
|
+
.SwitchField-module__hop-SwitchField--sm___5jzM3 {
|
|
5419
5440
|
--row-gap: var(--hop-SwitchField-sm-row-gap);
|
|
5420
5441
|
--description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
|
|
5421
5442
|
}
|
|
5422
|
-
.SwitchField-module__hop-SwitchField--
|
|
5443
|
+
.SwitchField-module__hop-SwitchField--md___KCmFX {
|
|
5423
5444
|
--row-gap: var(--hop-SwitchField-md-row-gap);
|
|
5424
5445
|
--description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
|
|
5425
5446
|
}
|
|
5426
|
-
.SwitchField-module__hop-
|
|
5447
|
+
.SwitchField-module__hop-SwitchField__description___78I5- {
|
|
5427
5448
|
order: 2;
|
|
5428
5449
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
|
|
5429
5450
|
color: var(--description-color);
|
|
5430
5451
|
}
|
|
5431
|
-
.SwitchField-module__hop-
|
|
5452
|
+
.SwitchField-module__hop-SwitchField__switch___NRAtt {
|
|
5432
5453
|
order: 1;
|
|
5433
5454
|
}
|
|
5434
5455
|
|