@hopper-ui/components 1.3.5 → 1.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/Avatar/src/AnonymousAvatar.css +10 -10
- package/dist/Avatar/src/AnonymousAvatar.d.ts +8 -2
- package/dist/Avatar/src/AnonymousAvatar.js +4 -2
- package/dist/Avatar/src/Avatar.css +37 -37
- package/dist/Avatar/src/Avatar.d.ts +8 -2
- package/dist/Avatar/src/Avatar.js +5 -3
- package/dist/Avatar/src/DeletedAvatar.css +10 -10
- package/dist/Avatar/src/DeletedAvatar.d.ts +8 -2
- package/dist/Avatar/src/DeletedAvatar.js +4 -2
- package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
- package/dist/Avatar/src/RichIconAvatarImage.d.ts +9 -2
- package/dist/Avatar/src/RichIconAvatarImage.js +3 -1
- package/dist/Avatar/src/index.css +37 -37
- package/dist/Avatar/src/index.js +7 -5
- package/dist/Badge/src/Badge.css +21 -21
- package/dist/Badge/src/Badge.d.ts +24 -2
- package/dist/Badge/src/Badge.js +4 -2
- package/dist/Badge/src/FloatingBadge.css +10 -10
- package/dist/Badge/src/FloatingBadge.d.ts +2 -2
- package/dist/Badge/src/FloatingBadge.js +1 -1
- package/dist/Badge/src/index.css +31 -31
- package/dist/Badge/src/index.js +5 -3
- package/dist/Divider/src/Divider.css +2 -2
- package/dist/Divider/src/Divider.js +1 -1
- package/dist/Divider/src/index.css +2 -2
- package/dist/Divider/src/index.js +1 -1
- package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
- package/dist/ErrorMessage/src/ErrorMessage.js +4 -3
- package/dist/ErrorMessage/src/index.css +11 -11
- package/dist/ErrorMessage/src/index.js +4 -3
- package/dist/Form/src/Form.css +723 -701
- package/dist/Form/src/Form.js +45 -45
- package/dist/Form/src/index.css +723 -701
- package/dist/Form/src/index.js +45 -45
- package/dist/Header/src/Header.d.ts +2 -2
- package/dist/HelperMessage/src/HelperMessage.css +11 -11
- package/dist/HelperMessage/src/HelperMessage.js +2 -2
- package/dist/HelperMessage/src/index.css +11 -11
- package/dist/HelperMessage/src/index.js +2 -2
- package/dist/IconList/src/IconList.css +1 -1
- package/dist/IconList/src/IconList.d.ts +2 -2
- package/dist/IconList/src/IconList.js +1 -1
- package/dist/IconList/src/index.css +1 -1
- package/dist/IconList/src/index.js +1 -1
- package/dist/Link/src/Link.css +31 -31
- package/dist/Link/src/Link.js +3 -3
- package/dist/Link/src/index.css +31 -31
- package/dist/Link/src/index.js +3 -3
- package/dist/ListBox/src/ListBox.css +267 -273
- package/dist/ListBox/src/ListBox.js +8 -8
- package/dist/ListBox/src/ListBoxItem.css +253 -253
- package/dist/ListBox/src/ListBoxItem.js +7 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
- package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +2 -2
- package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
- package/dist/ListBox/src/index.css +267 -273
- package/dist/ListBox/src/index.js +8 -8
- package/dist/Select/src/Select.css +723 -701
- package/dist/Select/src/Select.js +45 -45
- package/dist/Select/src/SelectValue.css +60 -60
- package/dist/Select/src/SelectValue.js +7 -7
- package/dist/Select/src/index.css +723 -701
- package/dist/Select/src/index.js +45 -45
- package/dist/Spinner/src/Spinner.css +19 -19
- package/dist/Spinner/src/Spinner.d.ts +2 -2
- package/dist/Spinner/src/Spinner.js +3 -3
- package/dist/Spinner/src/index.css +19 -19
- package/dist/Spinner/src/index.js +3 -3
- package/dist/buttons/src/Button.css +94 -94
- package/dist/buttons/src/Button.js +5 -5
- package/dist/buttons/src/ButtonGroup.css +11 -11
- package/dist/buttons/src/ButtonGroup.js +1 -1
- package/dist/buttons/src/ClearButton.css +71 -71
- package/dist/buttons/src/ClearButton.js +2 -2
- package/dist/buttons/src/EmbeddedButton.css +71 -71
- package/dist/buttons/src/EmbeddedButton.js +1 -1
- package/dist/buttons/src/index.css +176 -176
- package/dist/buttons/src/index.js +8 -8
- package/dist/checkbox/src/Checkbox.css +28 -28
- package/dist/checkbox/src/Checkbox.js +3 -3
- package/dist/checkbox/src/CheckboxField.css +15 -15
- package/dist/checkbox/src/CheckboxField.d.ts +8 -2
- package/dist/checkbox/src/CheckboxField.js +3 -1
- package/dist/checkbox/src/CheckboxGroup.css +83 -83
- package/dist/checkbox/src/CheckboxGroup.js +2 -2
- package/dist/checkbox/src/CheckboxList.d.ts +2 -2
- package/dist/checkbox/src/DecorativeCheckbox.css +36 -36
- package/dist/checkbox/src/DecorativeCheckbox.js +4 -4
- package/dist/checkbox/src/index.css +83 -83
- package/dist/checkbox/src/index.js +7 -7
- package/dist/{chunk-5PSDYTOT.js → chunk-2LS24P2S.js} +1 -1
- package/dist/{chunk-GR4ZXUOX.js → chunk-4PCMNJTD.js} +15 -13
- package/dist/{chunk-UEHE2IY5.js → chunk-5CR5V44E.js} +23 -11
- package/dist/{chunk-3SMTAPEK.js → chunk-5LGDXMKZ.js} +4 -4
- package/dist/{chunk-2RFHHVN3.js → chunk-AHMI7DHJ.js} +4 -4
- package/dist/{chunk-YZEDTLPG.js → chunk-AWYN6573.js} +1 -1
- package/dist/{chunk-5IRT2QDF.js → chunk-BNBUTFBN.js} +1 -1
- package/dist/{chunk-24JZVLAU.js → chunk-BUI76FPU.js} +1 -1
- package/dist/{chunk-6AFXZYF5.js → chunk-BZC3DOXC.js} +4 -4
- package/dist/{chunk-T6MMAU6N.js → chunk-C4W3WI5F.js} +2 -2
- package/dist/{chunk-LYTJ7OUI.js → chunk-CWP3RDUT.js} +2 -2
- package/dist/{chunk-PSGKAJML.js → chunk-DCTC6KDW.js} +1 -1
- package/dist/{chunk-EBDEMWL7.js → chunk-DMAM2GFN.js} +5 -5
- package/dist/{chunk-CH44JMHK.js → chunk-DNFIKL5N.js} +3 -3
- package/dist/{chunk-QUEZJSCY.js → chunk-DSUR3NPA.js} +3 -3
- package/dist/{chunk-EOXY566V.js → chunk-F4XYXAPX.js} +1 -1
- package/dist/{chunk-7MCVN25U.js → chunk-FKFP4LFR.js} +22 -12
- package/dist/{chunk-52A7OS5J.js → chunk-FSRORCX7.js} +5 -5
- package/dist/{chunk-LI2RM2EK.js → chunk-HIF2U66B.js} +1 -1
- package/dist/{chunk-7XEWB4YU.js → chunk-IA343FCT.js} +25 -18
- package/dist/{chunk-RMXL2PC5.js → chunk-IZUZUN6Z.js} +8 -6
- package/dist/{chunk-SAHIPNPF.js → chunk-JGOXWGEG.js} +5 -5
- package/dist/{chunk-NT6XKRT2.js → chunk-JKE2GH2D.js} +28 -15
- package/dist/{chunk-GEYJZ3VZ.js → chunk-JZGG67JQ.js} +1 -1
- package/dist/{chunk-UQY26ITM.js → chunk-LULNSRRY.js} +1 -1
- package/dist/{chunk-3KW6ENLR.js → chunk-LXWDXMVL.js} +8 -8
- package/dist/{chunk-LSTGTYUX.js → chunk-MDI3RFZS.js} +22 -14
- package/dist/{chunk-XXFIU5GK.js → chunk-MJ24AAEX.js} +1 -1
- package/dist/{chunk-3OVZI77M.js → chunk-MTQURD2G.js} +4 -4
- package/dist/{chunk-HABA5CYG.js → chunk-PGYHBNCP.js} +2 -2
- package/dist/{chunk-D6CIA7NA.js → chunk-PJLVJG4E.js} +1 -1
- package/dist/{chunk-AIO2PFOS.js → chunk-PQTB3F7K.js} +4 -4
- package/dist/{chunk-SUXNDVNP.js → chunk-PVLUQZAG.js} +24 -16
- package/dist/{chunk-4UOBMEPP.js → chunk-SRT6TJ7K.js} +1 -1
- package/dist/{chunk-S4LXTCFZ.js → chunk-SZIBBFKI.js} +4 -4
- package/dist/{chunk-5IRH7LBK.js → chunk-T2DEFREG.js} +22 -14
- package/dist/{chunk-QBGX4KU2.js → chunk-VMSIQERT.js} +3 -3
- package/dist/{chunk-FMNUFTYZ.js → chunk-VZAUDQPW.js} +4 -4
- package/dist/{chunk-RPYDBKIG.js → chunk-WD3GLWJA.js} +2 -2
- package/dist/{chunk-RYROB3P6.js → chunk-YFJWAPT5.js} +1 -1
- package/dist/{chunk-6UW2BF2Z.js → chunk-YUMDUDZX.js} +4 -4
- package/dist/{chunk-LIGWTMRQ.js → chunk-Z63VLZM2.js} +3 -3
- package/dist/{chunk-Y3VCNKJB.js → chunk-ZVOVNXPJ.js} +22 -13
- package/dist/index.css +723 -701
- package/dist/index.d.ts +1 -1
- package/dist/index.js +45 -45
- package/dist/inputs/src/InputGroup.css +191 -191
- package/dist/inputs/src/InputGroup.js +1 -1
- package/dist/inputs/src/NumberField.css +231 -231
- package/dist/inputs/src/NumberField.js +7 -7
- package/dist/inputs/src/PasswordField.css +219 -219
- package/dist/inputs/src/PasswordField.js +8 -8
- package/dist/inputs/src/SearchField.css +225 -225
- package/dist/inputs/src/SearchField.js +9 -9
- package/dist/inputs/src/TextArea.css +225 -225
- package/dist/inputs/src/TextArea.js +7 -7
- package/dist/inputs/src/TextField.css +223 -223
- package/dist/inputs/src/TextField.js +9 -9
- package/dist/inputs/src/index.css +271 -271
- package/dist/inputs/src/index.js +13 -13
- package/dist/layout/src/Content.d.ts +2 -2
- package/dist/layout/src/Footer.d.ts +2 -2
- package/dist/overlays/Popover/src/Popover.css +723 -701
- package/dist/overlays/Popover/src/Popover.d.ts +2 -2
- package/dist/overlays/Popover/src/Popover.js +45 -45
- package/dist/overlays/Popover/src/index.css +723 -701
- package/dist/overlays/Popover/src/index.js +45 -45
- package/dist/radio/src/DecorativeRadio.css +36 -36
- package/dist/radio/src/DecorativeRadio.js +4 -4
- package/dist/radio/src/Radio.css +28 -28
- package/dist/radio/src/Radio.js +3 -3
- package/dist/radio/src/RadioField.css +15 -15
- package/dist/radio/src/RadioField.d.ts +8 -2
- package/dist/radio/src/RadioField.js +3 -1
- package/dist/radio/src/RadioGroup.css +83 -83
- package/dist/radio/src/RadioGroup.js +2 -2
- package/dist/radio/src/RadioList.d.ts +2 -2
- package/dist/radio/src/index.css +83 -83
- package/dist/radio/src/index.js +7 -7
- package/dist/switch/src/Switch.css +25 -25
- package/dist/switch/src/Switch.js +3 -3
- package/dist/switch/src/SwitchField.css +15 -15
- package/dist/switch/src/SwitchField.d.ts +8 -2
- package/dist/switch/src/SwitchField.js +3 -1
- package/dist/switch/src/index.css +31 -31
- package/dist/switch/src/index.js +5 -4
- package/dist/tag/src/Tag.css +323 -323
- package/dist/tag/src/Tag.js +6 -6
- package/dist/tag/src/TagGroup.css +22 -22
- package/dist/tag/src/TagGroup.js +1 -1
- package/dist/tag/src/index.css +336 -336
- package/dist/tag/src/index.js +7 -7
- package/dist/typography/Heading/src/Heading.css +9 -9
- package/dist/typography/Heading/src/Heading.js +1 -1
- package/dist/typography/Heading/src/index.css +9 -9
- package/dist/typography/Heading/src/index.js +1 -1
- package/dist/typography/Label/src/Label.css +3 -3
- package/dist/typography/Label/src/Label.js +1 -1
- package/dist/typography/Label/src/index.css +3 -3
- package/dist/typography/Label/src/index.js +1 -1
- package/dist/typography/OverlineText/src/OverlineText.css +6 -6
- package/dist/typography/OverlineText/src/OverlineText.js +1 -1
- package/dist/typography/OverlineText/src/index.css +6 -6
- package/dist/typography/OverlineText/src/index.js +1 -1
- package/dist/typography/Text/src/Text.css +9 -9
- package/dist/typography/Text/src/Text.js +1 -1
- package/dist/typography/Text/src/index.css +9 -9
- package/dist/typography/Text/src/index.js +1 -1
- package/dist/utils/src/index.d.ts +1 -1
- package/dist/utils/src/index.js +2 -2
- package/dist/utils/src/types.d.ts +3 -3
- package/package.json +4 -4
package/dist/index.css
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
@import "@hopper-ui/icons/index.css";
|
|
2
|
+
@import "@hopper-ui/styled-system/index.css";
|
|
3
|
+
|
|
1
4
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
|
|
2
|
-
.Text-module__hop-
|
|
5
|
+
.Text-module__hop-Text___R8UuG {
|
|
3
6
|
--hop-Text-xs-font-size: var(--hop-body-xs-font-size);
|
|
4
7
|
--hop-Text-xs-font-family: var(--hop-body-xs-font-family);
|
|
5
8
|
--hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
|
|
@@ -29,49 +32,49 @@
|
|
|
29
32
|
--hop-Text-inherit-size-font-weight: inherit;
|
|
30
33
|
--hop-Text-inherit-size-line-height: inherit;
|
|
31
34
|
}
|
|
32
|
-
:where(.Text-module__hop-
|
|
35
|
+
:where(.Text-module__hop-Text___R8UuG) {
|
|
33
36
|
font-family: var(--font-family);
|
|
34
37
|
font-size: var(--font-size);
|
|
35
38
|
font-weight: var(--font-weight);
|
|
36
39
|
line-height: var(--line-height);
|
|
37
40
|
}
|
|
38
|
-
:where(.Text-module__hop-Text--
|
|
41
|
+
:where(.Text-module__hop-Text--xs___N8buF) {
|
|
39
42
|
--font-size: var(--hop-Text-xs-font-size);
|
|
40
43
|
--font-family: var(--hop-Text-xs-font-family);
|
|
41
44
|
--font-weight: var(--hop-Text-xs-font-weight);
|
|
42
45
|
--line-height: var(--hop-Text-xs-line-height);
|
|
43
46
|
}
|
|
44
|
-
:where(.Text-module__hop-Text--
|
|
47
|
+
:where(.Text-module__hop-Text--sm___ZTn2L) {
|
|
45
48
|
--font-size: var(--hop-Text-sm-font-size);
|
|
46
49
|
--font-family: var(--hop-Text-sm-font-family);
|
|
47
50
|
--font-weight: var(--hop-Text-sm-font-weight);
|
|
48
51
|
--line-height: var(--hop-Text-sm-line-height);
|
|
49
52
|
}
|
|
50
|
-
:where(.Text-module__hop-Text--
|
|
53
|
+
:where(.Text-module__hop-Text--md___PaS1r) {
|
|
51
54
|
--font-size: var(--hop-Text-md-font-size);
|
|
52
55
|
--font-family: var(--hop-Text-md-font-family);
|
|
53
56
|
--font-weight: var(--hop-Text-md-font-weight);
|
|
54
57
|
--line-height: var(--hop-Text-md-line-height);
|
|
55
58
|
}
|
|
56
|
-
:where(.Text-module__hop-Text--
|
|
59
|
+
:where(.Text-module__hop-Text--lg___Wi5qN) {
|
|
57
60
|
--font-size: var(--hop-Text-lg-font-size);
|
|
58
61
|
--font-family: var(--hop-Text-lg-font-family);
|
|
59
62
|
--font-weight: var(--hop-Text-lg-font-weight);
|
|
60
63
|
--line-height: var(--hop-Text-lg-line-height);
|
|
61
64
|
}
|
|
62
|
-
:where(.Text-module__hop-Text--
|
|
65
|
+
:where(.Text-module__hop-Text--xl___zM1uq) {
|
|
63
66
|
--font-size: var(--hop-Text-xl-font-size);
|
|
64
67
|
--font-family: var(--hop-Text-xl-font-family);
|
|
65
68
|
--font-weight: var(--hop-Text-xl-font-weight);
|
|
66
69
|
--line-height: var(--hop-Text-xl-line-height);
|
|
67
70
|
}
|
|
68
|
-
:where(.Text-module__hop-Text--
|
|
71
|
+
:where(.Text-module__hop-Text--2xl___OWNYz) {
|
|
69
72
|
--font-size: var(--hop-Text-2xl-font-size);
|
|
70
73
|
--font-family: var(--hop-Text-2xl-font-family);
|
|
71
74
|
--font-weight: var(--hop-Text-2xl-font-weight);
|
|
72
75
|
--line-height: var(--hop-Text-2xl-line-height);
|
|
73
76
|
}
|
|
74
|
-
:where(.Text-module__hop-Text--
|
|
77
|
+
:where(.Text-module__hop-Text--inherit___r9ZJy) {
|
|
75
78
|
--font-size: var(--hop-Text-inherit-size-font-size);
|
|
76
79
|
--font-family: var(--hop-Text-inherit-size-font-family);
|
|
77
80
|
--font-weight: var(--hop-Text-inherit-size-font-weight);
|
|
@@ -79,7 +82,7 @@
|
|
|
79
82
|
}
|
|
80
83
|
|
|
81
84
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
|
|
82
|
-
.RichIconAvatarImage-module__hop-
|
|
85
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv {
|
|
83
86
|
--hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
|
|
84
87
|
--hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
|
|
85
88
|
--hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
|
|
@@ -110,46 +113,46 @@
|
|
|
110
113
|
background-color: var(--background-color);
|
|
111
114
|
border-radius: var(--hop-RichIconAvatarImage-border-radius);
|
|
112
115
|
}
|
|
113
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
116
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___is3ow {
|
|
114
117
|
--size: var(--hop-RichIconAvatarImage-xs-size);
|
|
115
118
|
--icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
|
|
116
119
|
}
|
|
117
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
120
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Uv85l {
|
|
118
121
|
--size: var(--hop-RichIconAvatarImage-sm-size);
|
|
119
122
|
--icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
|
|
120
123
|
}
|
|
121
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
124
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--md___MKeiw {
|
|
122
125
|
--size: var(--hop-RichIconAvatarImage-md-size);
|
|
123
126
|
--icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
|
|
124
127
|
}
|
|
125
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
128
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zWajo {
|
|
126
129
|
--size: var(--hop-RichIconAvatarImage-lg-size);
|
|
127
130
|
--icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
|
|
128
131
|
}
|
|
129
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
132
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___G8Mrm {
|
|
130
133
|
--size: var(--hop-RichIconAvatarImage-xl-size);
|
|
131
134
|
--icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
|
|
132
135
|
}
|
|
133
|
-
.RichIconAvatarImage-module__hop-RichIconAvatarImage--
|
|
136
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___IX8Rm {
|
|
134
137
|
--size: var(--hop-RichIconAvatarImage-2xl-size);
|
|
135
138
|
--icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
|
|
136
139
|
}
|
|
137
|
-
.RichIconAvatarImage-module__hop-
|
|
140
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] {
|
|
138
141
|
--background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
139
142
|
}
|
|
140
|
-
.RichIconAvatarImage-module__hop-
|
|
143
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
|
|
141
144
|
position: relative;
|
|
142
145
|
display: block;
|
|
143
146
|
inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
|
|
144
147
|
block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
|
|
145
148
|
}
|
|
146
|
-
.RichIconAvatarImage-module__hop-
|
|
149
|
+
.RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
|
|
147
150
|
--hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
|
|
148
151
|
--hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
|
|
149
152
|
}
|
|
150
153
|
|
|
151
154
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
|
|
152
|
-
.Avatar-module__hop-
|
|
155
|
+
.Avatar-module__hop-Avatar___wvVPM {
|
|
153
156
|
--hop-Avatar-border-radius: var(--hop-shape-circle);
|
|
154
157
|
--hop-Avatar-mix-blend-mode: normal;
|
|
155
158
|
--hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
|
|
@@ -194,67 +197,67 @@
|
|
|
194
197
|
background-color: var(--background-color, transparent);
|
|
195
198
|
border-radius: var(--hop-Avatar-border-radius);
|
|
196
199
|
}
|
|
197
|
-
.Avatar-module__hop-Avatar--
|
|
200
|
+
.Avatar-module__hop-Avatar--xs___xWSLM {
|
|
198
201
|
--size: var(--hop-Avatar-xs-size);
|
|
199
202
|
}
|
|
200
|
-
.Avatar-module__hop-Avatar--
|
|
203
|
+
.Avatar-module__hop-Avatar--sm___aYlLW {
|
|
201
204
|
--size: var(--hop-Avatar-sm-size);
|
|
202
205
|
}
|
|
203
|
-
.Avatar-module__hop-Avatar--
|
|
206
|
+
.Avatar-module__hop-Avatar--md___kS3ss {
|
|
204
207
|
--size: var(--hop-Avatar-md-size);
|
|
205
208
|
}
|
|
206
|
-
.Avatar-module__hop-Avatar--
|
|
209
|
+
.Avatar-module__hop-Avatar--lg___gjqxK {
|
|
207
210
|
--size: var(--hop-Avatar-lg-size);
|
|
208
211
|
}
|
|
209
|
-
.Avatar-module__hop-Avatar--
|
|
212
|
+
.Avatar-module__hop-Avatar--xl___Pyynt {
|
|
210
213
|
--size: var(--hop-Avatar-xl-size);
|
|
211
214
|
}
|
|
212
|
-
.Avatar-module__hop-Avatar--
|
|
215
|
+
.Avatar-module__hop-Avatar--2xl___L9LKX {
|
|
213
216
|
--size: var(--hop-Avatar-2xl-size);
|
|
214
217
|
}
|
|
215
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
218
|
+
.Avatar-module__hop-Avatar--decorative-option1___G27ag {
|
|
216
219
|
--background-color: var(--hop-Avatar-decorative-1-background-color);
|
|
217
220
|
--text-color: var(--hop-Avatar-decorative-1-text-color);
|
|
218
221
|
}
|
|
219
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
222
|
+
.Avatar-module__hop-Avatar--decorative-option2___nRYtl {
|
|
220
223
|
--background-color: var(--hop-Avatar-decorative-2-background-color);
|
|
221
224
|
--text-color: var(--hop-Avatar-decorative-2-text-color);
|
|
222
225
|
}
|
|
223
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
226
|
+
.Avatar-module__hop-Avatar--decorative-option3___YIsiX {
|
|
224
227
|
--background-color: var(--hop-Avatar-decorative-3-background-color);
|
|
225
228
|
--text-color: var(--hop-Avatar-decorative-3-text-color);
|
|
226
229
|
}
|
|
227
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
230
|
+
.Avatar-module__hop-Avatar--decorative-option4___6LeoD {
|
|
228
231
|
--background-color: var(--hop-Avatar-decorative-4-background-color);
|
|
229
232
|
--text-color: var(--hop-Avatar-decorative-4-text-color);
|
|
230
233
|
}
|
|
231
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
234
|
+
.Avatar-module__hop-Avatar--decorative-option5___B92oN {
|
|
232
235
|
--background-color: var(--hop-Avatar-decorative-5-background-color);
|
|
233
236
|
--text-color: var(--hop-Avatar-decorative-5-text-color);
|
|
234
237
|
}
|
|
235
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
238
|
+
.Avatar-module__hop-Avatar--decorative-option6___xfeoB {
|
|
236
239
|
--background-color: var(--hop-Avatar-decorative-6-background-color);
|
|
237
240
|
--text-color: var(--hop-Avatar-decorative-6-text-color);
|
|
238
241
|
}
|
|
239
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
242
|
+
.Avatar-module__hop-Avatar--decorative-option7___XIlFt {
|
|
240
243
|
--background-color: var(--hop-Avatar-decorative-7-background-color);
|
|
241
244
|
--text-color: var(--hop-Avatar-decorative-7-text-color);
|
|
242
245
|
}
|
|
243
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
246
|
+
.Avatar-module__hop-Avatar--decorative-option8___v9I39 {
|
|
244
247
|
--background-color: var(--hop-Avatar-decorative-8-background-color);
|
|
245
248
|
--text-color: var(--hop-Avatar-decorative-8-text-color);
|
|
246
249
|
}
|
|
247
|
-
.Avatar-module__hop-Avatar--decorative-
|
|
250
|
+
.Avatar-module__hop-Avatar--decorative-option9___thark {
|
|
248
251
|
--background-color: var(--hop-Avatar-decorative-9-background-color);
|
|
249
252
|
--text-color: var(--hop-Avatar-decorative-9-text-color);
|
|
250
253
|
}
|
|
251
|
-
.Avatar-module__hop-
|
|
254
|
+
.Avatar-module__hop-Avatar___wvVPM[data-disabled] {
|
|
252
255
|
--background-color: var(--hop-Avatar-background-color-disabled);
|
|
253
256
|
--text-color: var(--hop-Avatar-text-color-disabled);
|
|
254
257
|
--mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
|
|
255
258
|
isolation: isolate;
|
|
256
259
|
}
|
|
257
|
-
.Avatar-module__hop-
|
|
260
|
+
.Avatar-module__hop-Avatar__image___W02lq {
|
|
258
261
|
position: relative;
|
|
259
262
|
display: block;
|
|
260
263
|
box-sizing: border-box;
|
|
@@ -265,7 +268,7 @@
|
|
|
265
268
|
}
|
|
266
269
|
|
|
267
270
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
|
|
268
|
-
:where(.OverlineText-module__hop-
|
|
271
|
+
:where(.OverlineText-module__hop-OverlineText___MNaoU) {
|
|
269
272
|
--hop-OverlineText-font-family: var(--hop-overline-font-family);
|
|
270
273
|
--hop-OverlineText-font-size: var(--hop-overline-font-size);
|
|
271
274
|
--hop-OverlineText-font-weight: var(--hop-overline-font-weight);
|
|
@@ -289,26 +292,26 @@
|
|
|
289
292
|
text-transform: uppercase;
|
|
290
293
|
letter-spacing: var(--letter-spacing);
|
|
291
294
|
}
|
|
292
|
-
.OverlineText-module__hop-
|
|
295
|
+
.OverlineText-module__hop-OverlineText__text___nkwdC {
|
|
293
296
|
box-sizing: border-box;
|
|
294
297
|
}
|
|
295
|
-
.OverlineText-module__hop-
|
|
296
|
-
.OverlineText-module__hop-
|
|
298
|
+
.OverlineText-module__hop-OverlineText__text___nkwdC::before,
|
|
299
|
+
.OverlineText-module__hop-OverlineText__text___nkwdC::after {
|
|
297
300
|
content: "";
|
|
298
301
|
display: block;
|
|
299
302
|
box-sizing: border-box;
|
|
300
303
|
inline-size: 0;
|
|
301
304
|
block-size: 0;
|
|
302
305
|
}
|
|
303
|
-
.OverlineText-module__hop-
|
|
306
|
+
.OverlineText-module__hop-OverlineText__text___nkwdC::before {
|
|
304
307
|
margin-block-end: var(--bottom-offset);
|
|
305
308
|
}
|
|
306
|
-
.OverlineText-module__hop-
|
|
309
|
+
.OverlineText-module__hop-OverlineText__text___nkwdC::after {
|
|
307
310
|
margin-block-start: var(--top-offset);
|
|
308
311
|
}
|
|
309
312
|
|
|
310
313
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
|
|
311
|
-
.Badge-module__hop-
|
|
314
|
+
.Badge-module__hop-Badge___-9bND {
|
|
312
315
|
--hop-Badge-height: 1.5rem;
|
|
313
316
|
--hop-Badge-width: max-content;
|
|
314
317
|
--hop-Badge-padding-inline: var(--hop-space-inset-sm);
|
|
@@ -358,67 +361,67 @@
|
|
|
358
361
|
background-color: var(--background-color, var(--hop-Badge-primary-background-color));
|
|
359
362
|
border-radius: var(--border-radius);
|
|
360
363
|
}
|
|
361
|
-
.Badge-module__hop-
|
|
364
|
+
.Badge-module__hop-Badge___-9bND[data-variant=primary] {
|
|
362
365
|
--background-color: var(--hop-Badge-primary-background-color);
|
|
363
366
|
--text-color: var(--hop-Badge-primary-text-color);
|
|
364
367
|
}
|
|
365
|
-
.Badge-module__hop-
|
|
368
|
+
.Badge-module__hop-Badge___-9bND[data-hovered][data-variant=primary] {
|
|
366
369
|
--background-color: var(--hop-Badge-primary-background-color-hovered);
|
|
367
370
|
--text-color: var(--hop-Badge-primary-text-color-hovered);
|
|
368
371
|
}
|
|
369
|
-
.Badge-module__hop-
|
|
372
|
+
.Badge-module__hop-Badge___-9bND[data-pressed][data-variant=primary] {
|
|
370
373
|
--background-color: var(--hop-Badge-primary-background-color-pressed);
|
|
371
374
|
--text-color: var(--hop-Badge-primary-text-color-pressed);
|
|
372
375
|
}
|
|
373
|
-
.Badge-module__hop-
|
|
376
|
+
.Badge-module__hop-Badge___-9bND[data-selected][data-variant=primary] {
|
|
374
377
|
--background-color: var(--hop-Badge-primary-background-color-selected);
|
|
375
378
|
--text-color: var(--hop-Badge-primary-text-color-selected);
|
|
376
379
|
}
|
|
377
|
-
.Badge-module__hop-
|
|
380
|
+
.Badge-module__hop-Badge___-9bND[data-variant=secondary] {
|
|
378
381
|
--background-color: var(--hop-Badge-secondary-background-color);
|
|
379
382
|
--text-color: var(--hop-Badge-secondary-text-color);
|
|
380
383
|
}
|
|
381
|
-
.Badge-module__hop-
|
|
384
|
+
.Badge-module__hop-Badge___-9bND[data-hovered][data-variant=secondary] {
|
|
382
385
|
--background-color: var(--hop-Badge-secondary-background-color-hovered);
|
|
383
386
|
--text-color: var(--hop-Badge-secondary-text-color-hovered);
|
|
384
387
|
}
|
|
385
|
-
.Badge-module__hop-
|
|
388
|
+
.Badge-module__hop-Badge___-9bND[data-pressed][data-variant=secondary] {
|
|
386
389
|
--background-color: var(--hop-Badge-secondary-background-color-pressed);
|
|
387
390
|
--text-color: var(--hop-Badge-secondary-text-color-pressed);
|
|
388
391
|
}
|
|
389
|
-
.Badge-module__hop-
|
|
392
|
+
.Badge-module__hop-Badge___-9bND[data-selected][data-variant=secondary] {
|
|
390
393
|
--background-color: var(--hop-Badge-secondary-background-color-selected);
|
|
391
394
|
--text-color: var(--hop-Badge-secondary-text-color-selected);
|
|
392
395
|
}
|
|
393
|
-
.Badge-module__hop-
|
|
396
|
+
.Badge-module__hop-Badge___-9bND[data-variant=subdued] {
|
|
394
397
|
--background-color: var(--hop-Badge-subdued-background-color);
|
|
395
398
|
--text-color: var(--hop-Badge-subdued-text-color);
|
|
396
399
|
}
|
|
397
|
-
.Badge-module__hop-
|
|
400
|
+
.Badge-module__hop-Badge___-9bND[data-hovered][data-variant=subdued] {
|
|
398
401
|
--background-color: var(--hop-Badge-subdued-background-color-hovered);
|
|
399
402
|
--text-color: var(--hop-Badge-subdued-text-color-hovered);
|
|
400
403
|
}
|
|
401
|
-
.Badge-module__hop-
|
|
404
|
+
.Badge-module__hop-Badge___-9bND[data-pressed][data-variant=subdued] {
|
|
402
405
|
--background-color: var(--hop-Badge-subdued-background-color-pressed);
|
|
403
406
|
--text-color: var(--hop-Badge-subdued-text-color-pressed);
|
|
404
407
|
}
|
|
405
|
-
.Badge-module__hop-
|
|
408
|
+
.Badge-module__hop-Badge___-9bND[data-selected][data-variant=subdued] {
|
|
406
409
|
--background-color: var(--hop-Badge-subdued-background-color-selected);
|
|
407
410
|
--text-color: var(--hop-Badge-subdued-text-color-selected);
|
|
408
411
|
}
|
|
409
|
-
.Badge-module__hop-
|
|
412
|
+
.Badge-module__hop-Badge___-9bND[data-indeterminate] {
|
|
410
413
|
--border-radius: var(--hop-Badge-indeterminate-border-radius);
|
|
411
414
|
--height: var(--hop-Badge-indeterminate-height);
|
|
412
415
|
--width: var(--hop-Badge-indeterminate-width);
|
|
413
416
|
--padding-inline: var(--hop-Badge-indeterminate-padding-inline);
|
|
414
417
|
}
|
|
415
|
-
.Badge-module__hop-
|
|
418
|
+
.Badge-module__hop-Badge___-9bND[data-disabled] {
|
|
416
419
|
--background-color: var(--hop-Badge-background-color-disabled);
|
|
417
420
|
--text-color: var(--hop-Badge-text-color-disabled);
|
|
418
421
|
}
|
|
419
422
|
|
|
420
423
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
|
|
421
|
-
.FloatingBadge-module__hop-
|
|
424
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx {
|
|
422
425
|
--hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
|
|
423
426
|
--hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
|
|
424
427
|
--hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
|
|
@@ -459,7 +462,7 @@
|
|
|
459
462
|
box-sizing: border-box;
|
|
460
463
|
inline-size: max-content;
|
|
461
464
|
}
|
|
462
|
-
.FloatingBadge-module__hop-
|
|
465
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"] {
|
|
463
466
|
--badge-top: var(--hop-FloatingBadge-badge-topright-top);
|
|
464
467
|
--badge-right: var(--hop-FloatingBadge-badge-topright-right);
|
|
465
468
|
--badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
|
|
@@ -467,11 +470,11 @@
|
|
|
467
470
|
--badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
|
|
468
471
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
|
|
469
472
|
}
|
|
470
|
-
.FloatingBadge-module__hop-
|
|
473
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"][data-overlap=circular] {
|
|
471
474
|
--badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
|
|
472
475
|
--badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
|
|
473
476
|
}
|
|
474
|
-
.FloatingBadge-module__hop-
|
|
477
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"] {
|
|
475
478
|
--badge-top: var(--hop-FloatingBadge-badge-topleft-top);
|
|
476
479
|
--badge-right: var(--hop-FloatingBadge-badge-topleft-right);
|
|
477
480
|
--badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
|
|
@@ -479,11 +482,11 @@
|
|
|
479
482
|
--badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
|
|
480
483
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
|
|
481
484
|
}
|
|
482
|
-
.FloatingBadge-module__hop-
|
|
485
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"][data-overlap=circular] {
|
|
483
486
|
--badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
|
|
484
487
|
--badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
|
|
485
488
|
}
|
|
486
|
-
.FloatingBadge-module__hop-
|
|
489
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"] {
|
|
487
490
|
--badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
|
|
488
491
|
--badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
|
|
489
492
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
|
|
@@ -491,11 +494,11 @@
|
|
|
491
494
|
--badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
|
|
492
495
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
|
|
493
496
|
}
|
|
494
|
-
.FloatingBadge-module__hop-
|
|
497
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"][data-overlap=circular] {
|
|
495
498
|
--badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
|
|
496
499
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
|
|
497
500
|
}
|
|
498
|
-
.FloatingBadge-module__hop-
|
|
501
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"] {
|
|
499
502
|
--badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
|
|
500
503
|
--badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
|
|
501
504
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
|
|
@@ -503,11 +506,11 @@
|
|
|
503
506
|
--badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
|
|
504
507
|
--badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
|
|
505
508
|
}
|
|
506
|
-
.FloatingBadge-module__hop-
|
|
509
|
+
.FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"][data-overlap=circular] {
|
|
507
510
|
--badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
|
|
508
511
|
--badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
|
|
509
512
|
}
|
|
510
|
-
.FloatingBadge-module__hop-
|
|
513
|
+
.FloatingBadge-module__hop-FloatingBadge__badge___yOdKc {
|
|
511
514
|
position: absolute;
|
|
512
515
|
inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
|
|
513
516
|
transform-origin: var(--badge-transform-origin);
|
|
@@ -515,7 +518,7 @@
|
|
|
515
518
|
}
|
|
516
519
|
|
|
517
520
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
|
|
518
|
-
.IconList-module__hop-
|
|
521
|
+
.IconList-module__hop-IconList___j6yB2 {
|
|
519
522
|
--hop-IconList-gap: var(--hop-space-inline-xs);
|
|
520
523
|
display: flex;
|
|
521
524
|
flex-wrap: wrap;
|
|
@@ -524,7 +527,7 @@
|
|
|
524
527
|
}
|
|
525
528
|
|
|
526
529
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
|
|
527
|
-
@keyframes Spinner-
|
|
530
|
+
@keyframes Spinner-module__spin___-668d {
|
|
528
531
|
0% {
|
|
529
532
|
transform: rotate(0deg);
|
|
530
533
|
}
|
|
@@ -532,7 +535,7 @@
|
|
|
532
535
|
transform: rotate(360deg);
|
|
533
536
|
}
|
|
534
537
|
}
|
|
535
|
-
.Spinner-module__hop-
|
|
538
|
+
.Spinner-module__hop-Spinner___-a1aU {
|
|
536
539
|
--hop-Spinner-border-radius: var(--hop-shape-circle);
|
|
537
540
|
--hop-Spinner-sm-wheel-size: 1rem;
|
|
538
541
|
--hop-Spinner-md-wheel-size: 1.25rem;
|
|
@@ -540,7 +543,7 @@
|
|
|
540
543
|
--hop-Spinner-track-width: 0.125rem;
|
|
541
544
|
--hop-Spinner-track-opacity: 0.2;
|
|
542
545
|
--hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
|
|
543
|
-
--hop-Spinner-fill-animation: Spinner-
|
|
546
|
+
--hop-Spinner-fill-animation: Spinner-module__spin___-668d .8s infinite linear;
|
|
544
547
|
--hop-Spinner-fill-animation-reduced-motion-duration: 2s;
|
|
545
548
|
--hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
|
|
546
549
|
--hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
|
|
@@ -551,19 +554,19 @@
|
|
|
551
554
|
align-items: center;
|
|
552
555
|
box-sizing: border-box;
|
|
553
556
|
}
|
|
554
|
-
.Spinner-module__hop-Spinner--
|
|
557
|
+
.Spinner-module__hop-Spinner--sm___6be61 {
|
|
555
558
|
--width: var(--hop-Spinner-sm-wheel-size);
|
|
556
559
|
--height: var(--hop-Spinner-sm-wheel-size);
|
|
557
560
|
}
|
|
558
|
-
.Spinner-module__hop-Spinner--
|
|
561
|
+
.Spinner-module__hop-Spinner--md___VLODL {
|
|
559
562
|
--width: var(--hop-Spinner-md-wheel-size);
|
|
560
563
|
--height: var(--hop-Spinner-md-wheel-size);
|
|
561
564
|
}
|
|
562
|
-
.Spinner-module__hop-Spinner--
|
|
565
|
+
.Spinner-module__hop-Spinner--lg___40ZqO {
|
|
563
566
|
--width: var(--hop-Spinner-lg-wheel-size);
|
|
564
567
|
--height: var(--hop-Spinner-lg-wheel-size);
|
|
565
568
|
}
|
|
566
|
-
.Spinner-module__hop-
|
|
569
|
+
.Spinner-module__hop-Spinner__track___plsYt {
|
|
567
570
|
grid-area: spinner;
|
|
568
571
|
box-sizing: border-box;
|
|
569
572
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -572,7 +575,7 @@
|
|
|
572
575
|
border: var(--hop-Spinner-track-border);
|
|
573
576
|
border-radius: var(--hop-Spinner-border-radius);
|
|
574
577
|
}
|
|
575
|
-
.Spinner-module__hop-
|
|
578
|
+
.Spinner-module__hop-Spinner__fill___S9ATX {
|
|
576
579
|
grid-area: spinner;
|
|
577
580
|
box-sizing: border-box;
|
|
578
581
|
inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
|
|
@@ -583,17 +586,17 @@
|
|
|
583
586
|
animation: var(--hop-Spinner-fill-animation);
|
|
584
587
|
}
|
|
585
588
|
@media (prefers-reduced-motion: reduce) {
|
|
586
|
-
.Spinner-module__hop-
|
|
589
|
+
.Spinner-module__hop-Spinner__fill___S9ATX {
|
|
587
590
|
animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
|
|
588
591
|
}
|
|
589
592
|
}
|
|
590
|
-
.Spinner-module__hop-
|
|
593
|
+
.Spinner-module__hop-Spinner__label___WoiYr {
|
|
591
594
|
grid-area: label;
|
|
592
595
|
margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
|
|
593
596
|
}
|
|
594
597
|
|
|
595
598
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
|
|
596
|
-
.Button-module__hop-
|
|
599
|
+
.Button-module__hop-Button___2Nqnv {
|
|
597
600
|
--hop-Button-border-radius: var(--hop-shape-rounded-md);
|
|
598
601
|
--hop-Button-focus-ring-color: var(--hop-primary-border-focus);
|
|
599
602
|
--hop-Button-icon-only-padding: 0;
|
|
@@ -752,317 +755,317 @@
|
|
|
752
755
|
background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
|
|
753
756
|
border var(--hop-easing-duration-2) var(--hop-easing-productive);
|
|
754
757
|
}
|
|
755
|
-
.Button-module__hop-
|
|
758
|
+
.Button-module__hop-Button___2Nqnv[data-focus-visible] {
|
|
756
759
|
outline: 0.125rem solid var(--hop-Button-focus-ring-color);
|
|
757
760
|
}
|
|
758
|
-
.Button-module__hop-Button--icon-
|
|
761
|
+
.Button-module__hop-Button--icon-only___b6HX4 {
|
|
759
762
|
--padding-block: var(--hop-Button-icon-only-padding);
|
|
760
763
|
--padding-inline: var(--hop-Button-icon-only-padding);
|
|
761
764
|
column-gap: 0;
|
|
762
765
|
aspect-ratio: 1;
|
|
763
766
|
}
|
|
764
|
-
.Button-module__hop-
|
|
765
|
-
.Button-module__hop-
|
|
767
|
+
.Button-module__hop-Button___2Nqnv[data-disabled],
|
|
768
|
+
.Button-module__hop-Button___2Nqnv[data-loading] {
|
|
766
769
|
cursor: not-allowed;
|
|
767
770
|
}
|
|
768
|
-
.Button-module__hop-Button--
|
|
771
|
+
.Button-module__hop-Button--fluid___xvmay {
|
|
769
772
|
--inline-size: 100%;
|
|
770
773
|
}
|
|
771
|
-
.Button-module__hop-Button--
|
|
774
|
+
.Button-module__hop-Button--sm___WquC- {
|
|
772
775
|
--block-size: var(--hop-Button-sm-height);
|
|
773
776
|
}
|
|
774
|
-
.Button-module__hop-Button--
|
|
777
|
+
.Button-module__hop-Button--primary___sY6d0.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
775
778
|
--padding-inline: var(--hop-Button-primary-sm-padding-x);
|
|
776
779
|
--padding-block: var(--hop-Button-primary-sm-padding-y);
|
|
777
780
|
}
|
|
778
|
-
.Button-module__hop-Button--
|
|
781
|
+
.Button-module__hop-Button--primary___sY6d0.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
779
782
|
--padding-inline: var(--hop-Button-primary-md-padding-x);
|
|
780
783
|
--padding-block: var(--hop-Button-primary-md-padding-y);
|
|
781
784
|
}
|
|
782
|
-
.Button-module__hop-Button--
|
|
785
|
+
.Button-module__hop-Button--secondary___pINK9.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
783
786
|
--padding-inline: var(--hop-Button-secondary-md-padding-x);
|
|
784
787
|
--padding-block: var(--hop-Button-secondary-md-padding-y);
|
|
785
788
|
}
|
|
786
|
-
.Button-module__hop-Button--
|
|
789
|
+
.Button-module__hop-Button--secondary___pINK9.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
787
790
|
--padding-inline: var(--hop-Button-secondary-sm-padding-x);
|
|
788
791
|
--padding-block: var(--hop-Button-secondary-sm-padding-y);
|
|
789
792
|
}
|
|
790
|
-
.Button-module__hop-Button--
|
|
793
|
+
.Button-module__hop-Button--upsell___ZE5jO.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
791
794
|
--padding-inline: var(--hop-Button-upsell-md-padding-x);
|
|
792
795
|
--padding-block: var(--hop-Button-upsell-md-padding-y);
|
|
793
796
|
}
|
|
794
|
-
.Button-module__hop-Button--
|
|
797
|
+
.Button-module__hop-Button--upsell___ZE5jO.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
795
798
|
--padding-inline: var(--hop-Button-upsell-sm-padding-x);
|
|
796
799
|
--padding-block: var(--hop-Button-upsell-sm-padding-y);
|
|
797
800
|
}
|
|
798
|
-
.Button-module__hop-Button--
|
|
801
|
+
.Button-module__hop-Button--danger___dSyM9.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
799
802
|
--padding-inline: var(--hop-Button-danger-md-padding-x);
|
|
800
803
|
--padding-block: var(--hop-Button-danger-md-padding-y);
|
|
801
804
|
}
|
|
802
|
-
.Button-module__hop-Button--
|
|
805
|
+
.Button-module__hop-Button--danger___dSyM9.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
803
806
|
--padding-inline: var(--hop-Button-danger-sm-padding-x);
|
|
804
807
|
--padding-block: var(--hop-Button-danger-sm-padding-y);
|
|
805
808
|
}
|
|
806
|
-
.Button-module__hop-Button--ghost-
|
|
809
|
+
.Button-module__hop-Button--ghost-danger___c-aho.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
807
810
|
--padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
|
|
808
811
|
--padding-block: var(--hop-Button-ghost-danger-md-padding-y);
|
|
809
812
|
}
|
|
810
|
-
.Button-module__hop-Button--ghost-
|
|
813
|
+
.Button-module__hop-Button--ghost-danger___c-aho.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
811
814
|
--padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
|
|
812
815
|
--padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
|
|
813
816
|
}
|
|
814
|
-
.Button-module__hop-Button--ghost-
|
|
817
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
815
818
|
--padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
|
|
816
819
|
--padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
|
|
817
820
|
}
|
|
818
|
-
.Button-module__hop-Button--ghost-
|
|
821
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
819
822
|
--padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
|
|
820
823
|
--padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
|
|
821
824
|
}
|
|
822
|
-
.Button-module__hop-Button--ghost-
|
|
825
|
+
.Button-module__hop-Button--ghost-primary___LmWvy.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
823
826
|
--padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
|
|
824
827
|
--padding-block: var(--hop-Button-ghost-primary-md-padding-y);
|
|
825
828
|
}
|
|
826
|
-
.Button-module__hop-Button--ghost-
|
|
829
|
+
.Button-module__hop-Button--ghost-primary___LmWvy.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
|
|
827
830
|
--padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
|
|
828
831
|
--padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
|
|
829
832
|
}
|
|
830
|
-
.Button-module__hop-Button--
|
|
833
|
+
.Button-module__hop-Button--primary___sY6d0 {
|
|
831
834
|
--background-color: var(--hop-Button-primary-background-color);
|
|
832
835
|
--color: var(--hop-Button-primary-color);
|
|
833
836
|
--border: var(--hop-Button-primary-border);
|
|
834
837
|
--spinner-color: var(--hop-Button-primary-spinner-color);
|
|
835
838
|
}
|
|
836
|
-
.Button-module__hop-Button--
|
|
839
|
+
.Button-module__hop-Button--primary___sY6d0[data-disabled]:not([data-loading]) {
|
|
837
840
|
--background-color: var(--hop-Button-primary-background-color-disabled);
|
|
838
841
|
--color: var(--hop-Button-primary-color-disabled);
|
|
839
842
|
--border: var(--hop-Button-primary-border-disabled);
|
|
840
843
|
}
|
|
841
|
-
.Button-module__hop-Button--
|
|
842
|
-
.Button-module__hop-Button--
|
|
844
|
+
.Button-module__hop-Button--primary___sY6d0[data-hovered]:not([data-disabled], [data-loading]),
|
|
845
|
+
.Button-module__hop-Button--primary___sY6d0[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
843
846
|
--background-color: var(--hop-Button-primary-background-color-hover);
|
|
844
847
|
--color: var(--hop-Button-primary-color-hover);
|
|
845
848
|
--border: var(--hop-Button-primary-border-hover);
|
|
846
849
|
}
|
|
847
|
-
.Button-module__hop-Button--
|
|
850
|
+
.Button-module__hop-Button--primary___sY6d0[data-pressed]:not([data-loading]) {
|
|
848
851
|
--background-color: var(--hop-Button-primary-background-color-pressed);
|
|
849
852
|
--color: var(--hop-Button-primary-color-pressed);
|
|
850
853
|
--border: var(--hop-Button-primary-border-pressed);
|
|
851
854
|
}
|
|
852
|
-
.Button-module__hop-Button--
|
|
855
|
+
.Button-module__hop-Button--secondary___pINK9 {
|
|
853
856
|
--background-color: var(--hop-Button-secondary-background-color);
|
|
854
857
|
--color: var(--hop-Button-secondary-color);
|
|
855
858
|
--border: var(--hop-Button-secondary-border);
|
|
856
859
|
--spinner-color: var(--hop-Button-secondary-spinner-color);
|
|
857
860
|
}
|
|
858
|
-
.Button-module__hop-Button--
|
|
861
|
+
.Button-module__hop-Button--secondary___pINK9[data-disabled]:not([data-loading]) {
|
|
859
862
|
--background-color: var(--hop-Button-secondary-background-color-disabled);
|
|
860
863
|
--color: var(--hop-Button-secondary-color-disabled);
|
|
861
864
|
--border: var(--hop-Button-secondary-border-disabled);
|
|
862
865
|
}
|
|
863
|
-
.Button-module__hop-Button--
|
|
864
|
-
.Button-module__hop-Button--
|
|
866
|
+
.Button-module__hop-Button--secondary___pINK9[data-hovered]:not([data-disabled], [data-loading]),
|
|
867
|
+
.Button-module__hop-Button--secondary___pINK9[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
865
868
|
--background-color: var(--hop-Button-secondary-background-color-hover);
|
|
866
869
|
--color: var(--hop-Button-secondary-color-hover);
|
|
867
870
|
--border: var(--hop-Button-secondary-border-hover);
|
|
868
871
|
}
|
|
869
|
-
.Button-module__hop-Button--
|
|
872
|
+
.Button-module__hop-Button--secondary___pINK9[data-pressed]:not([data-loading]) {
|
|
870
873
|
--background-color: var(--hop-Button-secondary-background-color-pressed);
|
|
871
874
|
--color: var(--hop-Button-secondary-color-pressed);
|
|
872
875
|
--border: var(--hop-Button-secondary-border-pressed);
|
|
873
876
|
}
|
|
874
|
-
.Button-module__hop-Button--
|
|
877
|
+
.Button-module__hop-Button--upsell___ZE5jO {
|
|
875
878
|
--background-color: var(--hop-Button-upsell-background-color);
|
|
876
879
|
--color: var(--hop-Button-upsell-color);
|
|
877
880
|
--border: var(--hop-Button-upsell-border);
|
|
878
881
|
--spinner-color: var(--hop-Button-upsell-spinner-color);
|
|
879
882
|
}
|
|
880
|
-
.Button-module__hop-Button--
|
|
883
|
+
.Button-module__hop-Button--upsell___ZE5jO[data-disabled]:not([data-loading]) {
|
|
881
884
|
--background-color: var(--hop-Button-upsell-background-color-disabled);
|
|
882
885
|
--color: var(--hop-Button-upsell-color-disabled);
|
|
883
886
|
--border: var(--hop-Button-upsell-border-disabled);
|
|
884
887
|
}
|
|
885
|
-
.Button-module__hop-Button--
|
|
886
|
-
.Button-module__hop-Button--
|
|
888
|
+
.Button-module__hop-Button--upsell___ZE5jO[data-hovered]:not([data-disabled], [data-loading]),
|
|
889
|
+
.Button-module__hop-Button--upsell___ZE5jO[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
887
890
|
--background-color: var(--hop-Button-upsell-background-color-hover);
|
|
888
891
|
--color: var(--hop-Button-upsell-color-hover);
|
|
889
892
|
--border: var(--hop-Button-upsell-border-hover);
|
|
890
893
|
}
|
|
891
|
-
.Button-module__hop-Button--
|
|
894
|
+
.Button-module__hop-Button--upsell___ZE5jO[data-pressed]:not([data-loading]) {
|
|
892
895
|
--background-color: var(--hop-Button-upsell-background-color-pressed);
|
|
893
896
|
--color: var(--hop-Button-upsell-color-pressed);
|
|
894
897
|
--border: var(--hop-Button-upsell-border-pressed);
|
|
895
898
|
}
|
|
896
|
-
.Button-module__hop-Button--
|
|
899
|
+
.Button-module__hop-Button--danger___dSyM9 {
|
|
897
900
|
--background-color: var(--hop-Button-danger-background-color);
|
|
898
901
|
--color: var(--hop-Button-danger-color);
|
|
899
902
|
--border: var(--hop-Button-danger-border);
|
|
900
903
|
--spinner-color: var(--hop-Button-danger-spinner-color);
|
|
901
904
|
}
|
|
902
|
-
.Button-module__hop-Button--
|
|
905
|
+
.Button-module__hop-Button--danger___dSyM9[data-disabled]:not([data-loading]) {
|
|
903
906
|
--background-color: var(--hop-Button-danger-background-color-disabled);
|
|
904
907
|
--color: var(--hop-Button-danger-color-disabled);
|
|
905
908
|
--border: var(--hop-Button-danger-border-disabled);
|
|
906
909
|
}
|
|
907
|
-
.Button-module__hop-Button--
|
|
908
|
-
.Button-module__hop-Button--
|
|
910
|
+
.Button-module__hop-Button--danger___dSyM9[data-hovered]:not([data-disabled], [data-loading]),
|
|
911
|
+
.Button-module__hop-Button--danger___dSyM9[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
909
912
|
--background-color: var(--hop-Button-danger-background-color-hover);
|
|
910
913
|
--color: var(--hop-Button-danger-color-hover);
|
|
911
914
|
--border: var(--hop-Button-danger-border-hover);
|
|
912
915
|
}
|
|
913
|
-
.Button-module__hop-Button--
|
|
916
|
+
.Button-module__hop-Button--danger___dSyM9[data-pressed]:not([data-loading]) {
|
|
914
917
|
--background-color: var(--hop-Button-danger-background-color-pressed);
|
|
915
918
|
--color: var(--hop-Button-danger-color-pressed);
|
|
916
919
|
--border: var(--hop-Button-danger-border-pressed);
|
|
917
920
|
}
|
|
918
|
-
.Button-module__hop-Button--ghost-
|
|
921
|
+
.Button-module__hop-Button--ghost-primary___LmWvy {
|
|
919
922
|
--background-color: var(--hop-Button-ghost-primary-background-color);
|
|
920
923
|
--color: var(--hop-Button-ghost-primary-color);
|
|
921
924
|
--border: var(--hop-Button-ghost-primary-border);
|
|
922
925
|
--spinner-color: var(--hop-Button-ghost-primary-spinner-color);
|
|
923
926
|
}
|
|
924
|
-
.Button-module__hop-Button--ghost-
|
|
927
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-disabled]:not([data-loading]) {
|
|
925
928
|
--background-color: var(--hop-Button-ghost-primary-background-color-disabled);
|
|
926
929
|
--color: var(--hop-Button-ghost-primary-color-disabled);
|
|
927
930
|
--border: var(--hop-Button-ghost-primary-border-disabled);
|
|
928
931
|
}
|
|
929
|
-
.Button-module__hop-Button--ghost-
|
|
930
|
-
.Button-module__hop-Button--ghost-
|
|
932
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-hovered]:not([data-disabled], [data-loading]),
|
|
933
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
931
934
|
--background-color: var(--hop-Button-ghost-primary-background-color-hover);
|
|
932
935
|
--color: var(--hop-Button-ghost-primary-color-hover);
|
|
933
936
|
--border: var(--hop-Button-ghost-primary-border-hover);
|
|
934
937
|
}
|
|
935
|
-
.Button-module__hop-Button--ghost-
|
|
938
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-pressed]:not([data-loading]) {
|
|
936
939
|
--background-color: var(--hop-Button-ghost-primary-background-color-pressed);
|
|
937
940
|
--color: var(--hop-Button-ghost-primary-color-pressed);
|
|
938
941
|
--border: var(--hop-Button-ghost-primary-border-pressed);
|
|
939
942
|
}
|
|
940
|
-
.Button-module__hop-Button--ghost-
|
|
943
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI {
|
|
941
944
|
--background-color: var(--hop-Button-ghost-secondary-background-color);
|
|
942
945
|
--color: var(--hop-Button-ghost-secondary-color);
|
|
943
946
|
--border: var(--hop-Button-ghost-secondary-border);
|
|
944
947
|
--spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
|
|
945
948
|
}
|
|
946
|
-
.Button-module__hop-Button--ghost-
|
|
949
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-disabled]:not([data-loading]) {
|
|
947
950
|
--background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
|
|
948
951
|
--color: var(--hop-Button-ghost-secondary-color-disabled);
|
|
949
952
|
--border: var(--hop-Button-ghost-secondary-border-disabled);
|
|
950
953
|
}
|
|
951
|
-
.Button-module__hop-Button--ghost-
|
|
952
|
-
.Button-module__hop-Button--ghost-
|
|
954
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-hovered]:not([data-disabled], [data-loading]),
|
|
955
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
953
956
|
--background-color: var(--hop-Button-ghost-secondary-background-color-hover);
|
|
954
957
|
--color: var(--hop-Button-ghost-secondary-color-hover);
|
|
955
958
|
--border: var(--hop-Button-ghost-secondary-border-hover);
|
|
956
959
|
}
|
|
957
|
-
.Button-module__hop-Button--ghost-
|
|
960
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-pressed]:not([data-loading]) {
|
|
958
961
|
--background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
|
|
959
962
|
--color: var(--hop-Button-ghost-secondary-color-pressed);
|
|
960
963
|
--border: var(--hop-Button-ghost-secondary-border-pressed);
|
|
961
964
|
}
|
|
962
|
-
.Button-module__hop-Button--ghost-
|
|
965
|
+
.Button-module__hop-Button--ghost-danger___c-aho {
|
|
963
966
|
--background-color: var(--hop-Button-ghost-danger-background-color);
|
|
964
967
|
--color: var(--hop-Button-ghost-danger-color);
|
|
965
968
|
--border: var(--hop-Button-ghost-danger-border);
|
|
966
969
|
--spinner-color: var(--hop-Button-ghost-danger-spinner-color);
|
|
967
970
|
}
|
|
968
|
-
.Button-module__hop-Button--ghost-
|
|
971
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-disabled]:not([data-loading]) {
|
|
969
972
|
--background-color: var(--hop-Button-ghost-danger-background-color-disabled);
|
|
970
973
|
--color: var(--hop-Button-ghost-danger-color-disabled);
|
|
971
974
|
--border: var(--hop-Button-ghost-danger-border-disabled);
|
|
972
975
|
}
|
|
973
|
-
.Button-module__hop-Button--ghost-
|
|
974
|
-
.Button-module__hop-Button--ghost-
|
|
976
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-hovered]:not([data-disabled], [data-loading]),
|
|
977
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-focus-visible]:not([data-disabled], [data-loading]) {
|
|
975
978
|
--background-color: var(--hop-Button-ghost-danger-background-color-hover);
|
|
976
979
|
--color: var(--hop-Button-ghost-danger-color-hover);
|
|
977
980
|
--border: var(--hop-Button-ghost-danger-border-hover);
|
|
978
981
|
}
|
|
979
|
-
.Button-module__hop-Button--ghost-
|
|
982
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-pressed]:not([data-loading]) {
|
|
980
983
|
--background-color: var(--hop-Button-ghost-danger-background-color-pressed);
|
|
981
984
|
--color: var(--hop-Button-ghost-danger-color-pressed);
|
|
982
985
|
--border: var(--hop-Button-ghost-danger-border-pressed);
|
|
983
986
|
}
|
|
984
|
-
.Button-module__hop-
|
|
987
|
+
.Button-module__hop-Button__Spinner___HfWc0 {
|
|
985
988
|
position: absolute;
|
|
986
989
|
justify-self: center;
|
|
987
990
|
color: var(--spinner-color);
|
|
988
991
|
}
|
|
989
|
-
.Button-module__hop-
|
|
990
|
-
.Button-module__hop-Button__icon-
|
|
992
|
+
.Button-module__hop-Button__icon___AeZaO,
|
|
993
|
+
.Button-module__hop-Button__icon-list___c9t8P {
|
|
991
994
|
grid-area: start-icon;
|
|
992
995
|
justify-self: end;
|
|
993
996
|
}
|
|
994
|
-
.Button-module__hop-
|
|
997
|
+
.Button-module__hop-Button__text___vtdcY {
|
|
995
998
|
user-select: none;
|
|
996
999
|
overflow: visible;
|
|
997
1000
|
grid-area: content;
|
|
998
1001
|
font-weight: var(--hop-font-weight-505);
|
|
999
1002
|
text-wrap: nowrap;
|
|
1000
1003
|
}
|
|
1001
|
-
.Button-module__hop-Button--ghost-
|
|
1002
|
-
.Button-module__hop-Button--ghost-
|
|
1003
|
-
.Button-module__hop-Button--ghost-
|
|
1004
|
-
.Button-module__hop-Button--ghost-
|
|
1005
|
-
.Button-module__hop-Button--ghost-
|
|
1006
|
-
.Button-module__hop-Button--ghost-
|
|
1007
|
-
.Button-module__hop-Button--ghost-
|
|
1008
|
-
.Button-module__hop-Button--ghost-
|
|
1009
|
-
.Button-module__hop-Button--ghost-
|
|
1004
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
1005
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
1006
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
1007
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
1008
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
1009
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
1010
|
+
.Button-module__hop-Button--ghost-primary___LmWvy[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
1011
|
+
.Button-module__hop-Button--ghost-secondary___B0vtI[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
|
|
1012
|
+
.Button-module__hop-Button--ghost-danger___c-aho[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY {
|
|
1010
1013
|
text-decoration: underline;
|
|
1011
1014
|
text-underline-offset: 0.125rem;
|
|
1012
1015
|
}
|
|
1013
|
-
.Button-module__hop-Button__end-
|
|
1014
|
-
.Button-module__hop-Button__end-icon-
|
|
1016
|
+
.Button-module__hop-Button__end-icon___T9fi-,
|
|
1017
|
+
.Button-module__hop-Button__end-icon-list___QlLz- {
|
|
1015
1018
|
grid-area: end-icon;
|
|
1016
1019
|
}
|
|
1017
|
-
.Button-module__hop-
|
|
1018
|
-
.Button-module__hop-
|
|
1020
|
+
.Button-module__hop-Button___2Nqnv .Button-module__hop-Button__icon-list___c9t8P,
|
|
1021
|
+
.Button-module__hop-Button___2Nqnv .Button-module__hop-Button__end-icon-list___QlLz- {
|
|
1019
1022
|
flex-wrap: nowrap;
|
|
1020
1023
|
}
|
|
1021
|
-
.Button-module__hop-
|
|
1024
|
+
.Button-module__hop-Button___2Nqnv[data-loading] > *:not(.Button-module__hop-Button__Spinner___HfWc0) {
|
|
1022
1025
|
opacity: 0;
|
|
1023
1026
|
}
|
|
1024
1027
|
|
|
1025
1028
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
|
|
1026
|
-
.ButtonGroup-module__hop-
|
|
1029
|
+
.ButtonGroup-module__hop-ButtonGroup___ZhoR9 {
|
|
1027
1030
|
display: inline-flex;
|
|
1028
1031
|
flex-wrap: nowrap;
|
|
1029
1032
|
gap: var(--hop-space-inline-md);
|
|
1030
1033
|
}
|
|
1031
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1034
|
+
.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
|
|
1032
1035
|
justify-content: center;
|
|
1033
1036
|
}
|
|
1034
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1037
|
+
.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
|
|
1035
1038
|
flex-direction: column;
|
|
1036
1039
|
gap: var(--hop-space-stack-md);
|
|
1037
1040
|
align-items: center;
|
|
1038
1041
|
}
|
|
1039
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1042
|
+
.ButtonGroup-module__hop-ButtonGroup--start___5lCSu.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
|
|
1040
1043
|
align-items: flex-start;
|
|
1041
1044
|
}
|
|
1042
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1045
|
+
.ButtonGroup-module__hop-ButtonGroup--center___vzyUz.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
|
|
1043
1046
|
align-items: center;
|
|
1044
1047
|
}
|
|
1045
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1048
|
+
.ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
|
|
1046
1049
|
align-items: flex-end;
|
|
1047
1050
|
}
|
|
1048
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1051
|
+
.ButtonGroup-module__hop-ButtonGroup--start___5lCSu.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
|
|
1049
1052
|
justify-content: flex-start;
|
|
1050
1053
|
}
|
|
1051
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1054
|
+
.ButtonGroup-module__hop-ButtonGroup--center___vzyUz.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
|
|
1052
1055
|
justify-content: center;
|
|
1053
1056
|
}
|
|
1054
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1057
|
+
.ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
|
|
1055
1058
|
justify-content: flex-end;
|
|
1056
1059
|
}
|
|
1057
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1060
|
+
.ButtonGroup-module__hop-ButtonGroup--wrap___tqM4Y {
|
|
1058
1061
|
flex-wrap: wrap;
|
|
1059
1062
|
}
|
|
1060
|
-
.ButtonGroup-module__hop-ButtonGroup--
|
|
1063
|
+
.ButtonGroup-module__hop-ButtonGroup--fluid___LrQw1 {
|
|
1061
1064
|
inline-size: 100%;
|
|
1062
1065
|
}
|
|
1063
1066
|
|
|
1064
1067
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
|
|
1065
|
-
.EmbeddedButton-module__hop-
|
|
1068
|
+
.EmbeddedButton-module__hop-EmbeddedButton___w2T0j {
|
|
1066
1069
|
--hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
|
|
1067
1070
|
--hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
|
|
1068
1071
|
--hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
|
|
@@ -1226,7 +1229,7 @@
|
|
|
1226
1229
|
outline: none;
|
|
1227
1230
|
transition: color var(--transition);
|
|
1228
1231
|
}
|
|
1229
|
-
.EmbeddedButton-module__hop-
|
|
1232
|
+
.EmbeddedButton-module__hop-EmbeddedButton___w2T0j::before {
|
|
1230
1233
|
content: "";
|
|
1231
1234
|
position: absolute;
|
|
1232
1235
|
inset-block-start: 50%;
|
|
@@ -1239,284 +1242,284 @@
|
|
|
1239
1242
|
border-radius: var(--effect-border-radius);
|
|
1240
1243
|
transition: background-color var(--transition);
|
|
1241
1244
|
}
|
|
1242
|
-
.EmbeddedButton-module__hop-
|
|
1245
|
+
.EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-square] {
|
|
1243
1246
|
--effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
|
|
1244
1247
|
}
|
|
1245
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1248
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz {
|
|
1246
1249
|
--inline-size: var(--hop-EmbeddedButton-md-width);
|
|
1247
1250
|
--block-size: var(--hop-EmbeddedButton-md-height);
|
|
1248
1251
|
--focus-ring-offset: calc(-1 * var(--focus-ring-size));
|
|
1249
1252
|
}
|
|
1250
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1253
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH {
|
|
1251
1254
|
--inline-size: var(--hop-EmbeddedButton-lg-width);
|
|
1252
1255
|
--block-size: var(--hop-EmbeddedButton-lg-height);
|
|
1253
1256
|
--focus-ring-offset: 0;
|
|
1254
1257
|
}
|
|
1255
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1258
|
+
.EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz::before {
|
|
1256
1259
|
--effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
|
|
1257
1260
|
--effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
|
|
1258
1261
|
}
|
|
1259
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1262
|
+
.EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH::before {
|
|
1260
1263
|
--effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
|
|
1261
1264
|
--effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
|
|
1262
1265
|
}
|
|
1263
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1266
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu {
|
|
1264
1267
|
--color: var(--hop-EmbeddedButton-neutral-color);
|
|
1265
1268
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
|
|
1266
1269
|
}
|
|
1267
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1270
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS {
|
|
1268
1271
|
--color: var(--hop-EmbeddedButton-subdued-color);
|
|
1269
1272
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
|
|
1270
1273
|
}
|
|
1271
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1274
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks {
|
|
1272
1275
|
--color: var(--hop-EmbeddedButton-progress-color);
|
|
1273
1276
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
|
|
1274
1277
|
}
|
|
1275
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1278
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV {
|
|
1276
1279
|
--color: var(--hop-EmbeddedButton-positive-color);
|
|
1277
1280
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
|
|
1278
1281
|
}
|
|
1279
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1282
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR {
|
|
1280
1283
|
--color: var(--hop-EmbeddedButton-caution-color);
|
|
1281
1284
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
|
|
1282
1285
|
}
|
|
1283
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1286
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS {
|
|
1284
1287
|
--color: var(--hop-EmbeddedButton-negative-color);
|
|
1285
1288
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
|
|
1286
1289
|
}
|
|
1287
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1290
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c {
|
|
1288
1291
|
--color: var(--hop-EmbeddedButton-option1-color);
|
|
1289
1292
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
|
|
1290
1293
|
}
|
|
1291
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1294
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI {
|
|
1292
1295
|
--color: var(--hop-EmbeddedButton-option2-color);
|
|
1293
1296
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
|
|
1294
1297
|
}
|
|
1295
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1298
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2 {
|
|
1296
1299
|
--color: var(--hop-EmbeddedButton-option3-color);
|
|
1297
1300
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
|
|
1298
1301
|
}
|
|
1299
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1302
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF {
|
|
1300
1303
|
--color: var(--hop-EmbeddedButton-option4-color);
|
|
1301
1304
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
|
|
1302
1305
|
}
|
|
1303
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1306
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI {
|
|
1304
1307
|
--color: var(--hop-EmbeddedButton-option5-color);
|
|
1305
1308
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
|
|
1306
1309
|
}
|
|
1307
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1310
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY {
|
|
1308
1311
|
--color: var(--hop-EmbeddedButton-option6-color);
|
|
1309
1312
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
|
|
1310
1313
|
}
|
|
1311
|
-
.EmbeddedButton-module__hop-
|
|
1314
|
+
.EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-selected] {
|
|
1312
1315
|
--color: var(--hop-EmbeddedButton-selected-color);
|
|
1313
1316
|
--effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
|
|
1314
1317
|
}
|
|
1315
|
-
.EmbeddedButton-module__hop-
|
|
1318
|
+
.EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-focus-visible] {
|
|
1316
1319
|
outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
|
|
1317
1320
|
outline-offset: var(--focus-ring-offset);
|
|
1318
1321
|
}
|
|
1319
|
-
.EmbeddedButton-module__hop-
|
|
1322
|
+
.EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-disabled] {
|
|
1320
1323
|
cursor: not-allowed;
|
|
1321
1324
|
}
|
|
1322
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1325
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-hovered] {
|
|
1323
1326
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
|
|
1324
1327
|
--color: var(--hop-EmbeddedButton-neutral-color-hovered);
|
|
1325
1328
|
}
|
|
1326
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1329
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-focus-visible] {
|
|
1327
1330
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
|
|
1328
1331
|
--color: var(--hop-EmbeddedButton-neutral-color-focused);
|
|
1329
1332
|
}
|
|
1330
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1333
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-pressed] {
|
|
1331
1334
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
|
|
1332
1335
|
--color: var(--hop-EmbeddedButton-neutral-color-pressed);
|
|
1333
1336
|
}
|
|
1334
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1337
|
+
.EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-disabled] {
|
|
1335
1338
|
--effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
|
|
1336
1339
|
--color: var(--hop-EmbeddedButton-neutral-color-disabled);
|
|
1337
1340
|
}
|
|
1338
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1341
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-hovered] {
|
|
1339
1342
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
|
|
1340
1343
|
--color: var(--hop-EmbeddedButton-subdued-color-hovered);
|
|
1341
1344
|
}
|
|
1342
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1345
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-focus-visible] {
|
|
1343
1346
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
|
|
1344
1347
|
--color: var(--hop-EmbeddedButton-subdued-color-focused);
|
|
1345
1348
|
}
|
|
1346
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1349
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-pressed] {
|
|
1347
1350
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
|
|
1348
1351
|
--color: var(--hop-EmbeddedButton-subdued-color-pressed);
|
|
1349
1352
|
}
|
|
1350
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1353
|
+
.EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-disabled] {
|
|
1351
1354
|
--effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
|
|
1352
1355
|
--color: var(--hop-EmbeddedButton-subdued-color-disabled);
|
|
1353
1356
|
}
|
|
1354
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1357
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-hovered] {
|
|
1355
1358
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
|
|
1356
1359
|
--color: var(--hop-EmbeddedButton-progress-color-hovered);
|
|
1357
1360
|
}
|
|
1358
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1361
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-focus-visible] {
|
|
1359
1362
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
|
|
1360
1363
|
--color: var(--hop-EmbeddedButton-progress-color-focused);
|
|
1361
1364
|
}
|
|
1362
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1365
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-pressed] {
|
|
1363
1366
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
|
|
1364
1367
|
--color: var(--hop-EmbeddedButton-progress-color-pressed);
|
|
1365
1368
|
}
|
|
1366
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1369
|
+
.EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-disabled] {
|
|
1367
1370
|
--effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
|
|
1368
1371
|
--color: var(--hop-EmbeddedButton-progress-color-disabled);
|
|
1369
1372
|
}
|
|
1370
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1373
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-hovered] {
|
|
1371
1374
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
|
|
1372
1375
|
--color: var(--hop-EmbeddedButton-positive-color-hovered);
|
|
1373
1376
|
}
|
|
1374
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1377
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-focus-visible] {
|
|
1375
1378
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
|
|
1376
1379
|
--color: var(--hop-EmbeddedButton-positive-color-focused);
|
|
1377
1380
|
}
|
|
1378
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1381
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-pressed] {
|
|
1379
1382
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
|
|
1380
1383
|
--color: var(--hop-EmbeddedButton-positive-color-pressed);
|
|
1381
1384
|
}
|
|
1382
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1385
|
+
.EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-disabled] {
|
|
1383
1386
|
--effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
|
|
1384
1387
|
--color: var(--hop-EmbeddedButton-positive-color-disabled);
|
|
1385
1388
|
}
|
|
1386
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1389
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-hovered] {
|
|
1387
1390
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
|
|
1388
1391
|
--color: var(--hop-EmbeddedButton-caution-color-hovered);
|
|
1389
1392
|
}
|
|
1390
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1393
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-focus-visible] {
|
|
1391
1394
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
|
|
1392
1395
|
--color: var(--hop-EmbeddedButton-caution-color-focused);
|
|
1393
1396
|
}
|
|
1394
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1397
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-pressed] {
|
|
1395
1398
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
|
|
1396
1399
|
--color: var(--hop-EmbeddedButton-caution-color-pressed);
|
|
1397
1400
|
}
|
|
1398
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1401
|
+
.EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-disabled] {
|
|
1399
1402
|
--effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
|
|
1400
1403
|
--color: var(--hop-EmbeddedButton-caution-color-disabled);
|
|
1401
1404
|
}
|
|
1402
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1405
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-hovered] {
|
|
1403
1406
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
|
|
1404
1407
|
--color: var(--hop-EmbeddedButton-negative-color-hovered);
|
|
1405
1408
|
}
|
|
1406
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1409
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-focus-visible] {
|
|
1407
1410
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
|
|
1408
1411
|
--color: var(--hop-EmbeddedButton-negative-color-focused);
|
|
1409
1412
|
}
|
|
1410
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1413
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-pressed] {
|
|
1411
1414
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
|
|
1412
1415
|
--color: var(--hop-EmbeddedButton-negative-color-pressed);
|
|
1413
1416
|
}
|
|
1414
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1417
|
+
.EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-disabled] {
|
|
1415
1418
|
--effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
|
|
1416
1419
|
--color: var(--hop-EmbeddedButton-negative-color-disabled);
|
|
1417
1420
|
}
|
|
1418
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1421
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-hovered] {
|
|
1419
1422
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
|
|
1420
1423
|
--color: var(--hop-EmbeddedButton-option1-color-hovered);
|
|
1421
1424
|
}
|
|
1422
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1425
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-focus-visible] {
|
|
1423
1426
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
|
|
1424
1427
|
--color: var(--hop-EmbeddedButton-option1-color-focused);
|
|
1425
1428
|
}
|
|
1426
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1429
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-pressed] {
|
|
1427
1430
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
|
|
1428
1431
|
--color: var(--hop-EmbeddedButton-option1-color-pressed);
|
|
1429
1432
|
}
|
|
1430
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1433
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-disabled] {
|
|
1431
1434
|
--effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
|
|
1432
1435
|
--color: var(--hop-EmbeddedButton-option1-color-disabled);
|
|
1433
1436
|
}
|
|
1434
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1437
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-hovered] {
|
|
1435
1438
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
|
|
1436
1439
|
--color: var(--hop-EmbeddedButton-option2-color-hovered);
|
|
1437
1440
|
}
|
|
1438
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1441
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-focus-visible] {
|
|
1439
1442
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
|
|
1440
1443
|
--color: var(--hop-EmbeddedButton-option2-color-focused);
|
|
1441
1444
|
}
|
|
1442
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1445
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-pressed] {
|
|
1443
1446
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
|
|
1444
1447
|
--color: var(--hop-EmbeddedButton-option2-color-pressed);
|
|
1445
1448
|
}
|
|
1446
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1449
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-disabled] {
|
|
1447
1450
|
--effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
|
|
1448
1451
|
--color: var(--hop-EmbeddedButton-option2-color-disabled);
|
|
1449
1452
|
}
|
|
1450
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1453
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-hovered] {
|
|
1451
1454
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
|
|
1452
1455
|
--color: var(--hop-EmbeddedButton-option3-color-hovered);
|
|
1453
1456
|
}
|
|
1454
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1457
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-focus-visible] {
|
|
1455
1458
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
|
|
1456
1459
|
--color: var(--hop-EmbeddedButton-option3-color-focused);
|
|
1457
1460
|
}
|
|
1458
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1461
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-pressed] {
|
|
1459
1462
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
|
|
1460
1463
|
--color: var(--hop-EmbeddedButton-option3-color-pressed);
|
|
1461
1464
|
}
|
|
1462
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1465
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-disabled] {
|
|
1463
1466
|
--effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
|
|
1464
1467
|
--color: var(--hop-EmbeddedButton-option3-color-disabled);
|
|
1465
1468
|
}
|
|
1466
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1469
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-hovered] {
|
|
1467
1470
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
|
|
1468
1471
|
--color: var(--hop-EmbeddedButton-option4-color-hovered);
|
|
1469
1472
|
}
|
|
1470
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1473
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-focus-visible] {
|
|
1471
1474
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
|
|
1472
1475
|
--color: var(--hop-EmbeddedButton-option4-color-focused);
|
|
1473
1476
|
}
|
|
1474
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1477
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-pressed] {
|
|
1475
1478
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
|
|
1476
1479
|
--color: var(--hop-EmbeddedButton-option4-color-pressed);
|
|
1477
1480
|
}
|
|
1478
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1481
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-disabled] {
|
|
1479
1482
|
--effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
|
|
1480
1483
|
--color: var(--hop-EmbeddedButton-option4-color-disabled);
|
|
1481
1484
|
}
|
|
1482
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1485
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-hovered] {
|
|
1483
1486
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
|
|
1484
1487
|
--color: var(--hop-EmbeddedButton-option5-color-hovered);
|
|
1485
1488
|
}
|
|
1486
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1489
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-focus-visible] {
|
|
1487
1490
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
|
|
1488
1491
|
--color: var(--hop-EmbeddedButton-option5-color-focused);
|
|
1489
1492
|
}
|
|
1490
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1493
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-pressed] {
|
|
1491
1494
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
|
|
1492
1495
|
--color: var(--hop-EmbeddedButton-option5-color-pressed);
|
|
1493
1496
|
}
|
|
1494
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1497
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-disabled] {
|
|
1495
1498
|
--effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
|
|
1496
1499
|
--color: var(--hop-EmbeddedButton-option5-color-disabled);
|
|
1497
1500
|
}
|
|
1498
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1501
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-hovered] {
|
|
1499
1502
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
|
|
1500
1503
|
--color: var(--hop-EmbeddedButton-option6-color-hovered);
|
|
1501
1504
|
}
|
|
1502
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1505
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-focus-visible] {
|
|
1503
1506
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
|
|
1504
1507
|
--color: var(--hop-EmbeddedButton-option6-color-focused);
|
|
1505
1508
|
}
|
|
1506
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1509
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-pressed] {
|
|
1507
1510
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
|
|
1508
1511
|
--color: var(--hop-EmbeddedButton-option6-color-pressed);
|
|
1509
1512
|
}
|
|
1510
|
-
.EmbeddedButton-module__hop-EmbeddedButton--
|
|
1513
|
+
.EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-disabled] {
|
|
1511
1514
|
--effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
|
|
1512
1515
|
--color: var(--hop-EmbeddedButton-option6-color-disabled);
|
|
1513
1516
|
}
|
|
1514
|
-
.EmbeddedButton-module__hop-
|
|
1517
|
+
.EmbeddedButton-module__hop-EmbeddedButton__icon___ojr14 {
|
|
1515
1518
|
position: relative;
|
|
1516
1519
|
}
|
|
1517
1520
|
|
|
1518
1521
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
|
|
1519
|
-
.Checkbox-module__hop-
|
|
1522
|
+
.Checkbox-module__hop-Checkbox___mAL3I {
|
|
1520
1523
|
--hop-Checkbox-box-border-size: 0.0625rem;
|
|
1521
1524
|
--hop-Checkbox-box-border-color: var(--hop-neutral-border);
|
|
1522
1525
|
--hop-Checkbox-box-background-color: var(--hop-neutral-surface);
|
|
@@ -1591,60 +1594,60 @@
|
|
|
1591
1594
|
inline-size: max-content;
|
|
1592
1595
|
max-inline-size: 100%;
|
|
1593
1596
|
}
|
|
1594
|
-
.Checkbox-module__hop-
|
|
1597
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-focus-visible] {
|
|
1595
1598
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused);
|
|
1596
1599
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused);
|
|
1597
1600
|
--box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
|
|
1598
1601
|
--text-color: var(--hop-Checkbox-text-color-focused);
|
|
1599
1602
|
--icon-color: var(--hop-Checkbox-icon-color-focused);
|
|
1600
1603
|
}
|
|
1601
|
-
.Checkbox-module__hop-
|
|
1604
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-hovered] {
|
|
1602
1605
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered);
|
|
1603
1606
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered);
|
|
1604
1607
|
--text-color: var(--hop-Checkbox-text-color-hovered);
|
|
1605
1608
|
--icon-color: var(--hop-Checkbox-icon-color-hovered);
|
|
1606
1609
|
}
|
|
1607
|
-
.Checkbox-module__hop-
|
|
1610
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-pressed] {
|
|
1608
1611
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed);
|
|
1609
1612
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed);
|
|
1610
1613
|
--text-color: var(--hop-Checkbox-text-color-pressed);
|
|
1611
1614
|
--icon-color: var(--hop-Checkbox-icon-color-pressed);
|
|
1612
1615
|
}
|
|
1613
|
-
.Checkbox-module__hop-
|
|
1616
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-selected] {
|
|
1614
1617
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected);
|
|
1615
1618
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected);
|
|
1616
1619
|
--check-display: var(--hop-Checkbox-check-display-selected);
|
|
1617
1620
|
--text-color: var(--hop-Checkbox-text-color-selected);
|
|
1618
1621
|
--icon-color: var(--hop-Checkbox-icon-color-selected);
|
|
1619
1622
|
}
|
|
1620
|
-
.Checkbox-module__hop-
|
|
1623
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid] {
|
|
1621
1624
|
--box-background-color: var(--hop-Checkbox-box-background-color-invalid);
|
|
1622
1625
|
--box-border-color: var(--hop-Checkbox-box-border-color-invalid);
|
|
1623
1626
|
--check-color: var(--hop-Checkbox-check-color-invalid);
|
|
1624
1627
|
--text-color: var(--hop-Checkbox-text-color-invalid);
|
|
1625
1628
|
--icon-color: var(--hop-Checkbox-icon-color-invalid);
|
|
1626
1629
|
}
|
|
1627
|
-
.Checkbox-module__hop-
|
|
1630
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-focus-visible]) {
|
|
1628
1631
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
|
|
1629
1632
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
|
|
1630
1633
|
}
|
|
1631
|
-
.Checkbox-module__hop-
|
|
1634
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-hovered]) {
|
|
1632
1635
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
|
|
1633
1636
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
|
|
1634
1637
|
--text-color: var(--hop-Checkbox-text-color-hovered-invalid);
|
|
1635
1638
|
--icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
|
|
1636
1639
|
}
|
|
1637
|
-
.Checkbox-module__hop-
|
|
1640
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-pressed]) {
|
|
1638
1641
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
|
|
1639
1642
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
|
|
1640
1643
|
--text-color: var(--hop-Checkbox-text-color-pressed-invalid);
|
|
1641
1644
|
--icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
|
|
1642
1645
|
}
|
|
1643
|
-
.Checkbox-module__hop-
|
|
1646
|
+
.Checkbox-module__hop-Checkbox___mAL3I:where([data-invalid])[data-selected] {
|
|
1644
1647
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
|
|
1645
1648
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
|
|
1646
1649
|
}
|
|
1647
|
-
.Checkbox-module__hop-
|
|
1650
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-disabled] {
|
|
1648
1651
|
--box-background-color: var(--hop-Checkbox-box-background-color-disabled);
|
|
1649
1652
|
--box-border-color: var(--hop-Checkbox-box-border-color-disabled);
|
|
1650
1653
|
--check-color: var(--hop-Checkbox-check-color-disabled);
|
|
@@ -1652,25 +1655,25 @@
|
|
|
1652
1655
|
--text-color: var(--hop-Checkbox-text-color-disabled);
|
|
1653
1656
|
--icon-color: var(--hop-Checkbox-icon-color-disabled);
|
|
1654
1657
|
}
|
|
1655
|
-
.Checkbox-module__hop-Checkbox--
|
|
1658
|
+
.Checkbox-module__hop-Checkbox--sm___Wmzry {
|
|
1656
1659
|
--box-block-size: var(--hop-Checkbox-box-sm-block-size);
|
|
1657
1660
|
--box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
|
|
1658
1661
|
--text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
|
|
1659
1662
|
--text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
|
|
1660
1663
|
}
|
|
1661
|
-
.Checkbox-module__hop-Checkbox--
|
|
1664
|
+
.Checkbox-module__hop-Checkbox--md___jhSti {
|
|
1662
1665
|
--box-block-size: var(--hop-Checkbox-box-md-block-size);
|
|
1663
1666
|
--box-inline-size: var(--hop-Checkbox-box-md-inline-size);
|
|
1664
1667
|
--text-top-offset: var(--hop-Checkbox-text-md-top-offset);
|
|
1665
1668
|
--text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
|
|
1666
1669
|
}
|
|
1667
|
-
.Checkbox-module__hop-
|
|
1668
|
-
.Checkbox-module__hop-Checkbox__icon-
|
|
1670
|
+
.Checkbox-module__hop-Checkbox__icon___9PFwj,
|
|
1671
|
+
.Checkbox-module__hop-Checkbox__icon-list___xhUID {
|
|
1669
1672
|
flex: 0 0 auto;
|
|
1670
1673
|
order: 3;
|
|
1671
1674
|
color: var(--icon-color);
|
|
1672
1675
|
}
|
|
1673
|
-
.Checkbox-module__hop-
|
|
1676
|
+
.Checkbox-module__hop-Checkbox__box___S46JE {
|
|
1674
1677
|
display: flex;
|
|
1675
1678
|
flex: 0 0 auto;
|
|
1676
1679
|
align-items: center;
|
|
@@ -1686,11 +1689,11 @@
|
|
|
1686
1689
|
outline-offset: 0.125rem;
|
|
1687
1690
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
1688
1691
|
}
|
|
1689
|
-
.Checkbox-module__hop-
|
|
1692
|
+
.Checkbox-module__hop-Checkbox__check___UJ3Eo {
|
|
1690
1693
|
display: var(--check-display);
|
|
1691
1694
|
color: var(--check-color);
|
|
1692
1695
|
}
|
|
1693
|
-
.Checkbox-module__hop-
|
|
1696
|
+
.Checkbox-module__hop-Checkbox__text___qP2jS {
|
|
1694
1697
|
flex: 0 1 auto;
|
|
1695
1698
|
order: 2;
|
|
1696
1699
|
min-inline-size: 0;
|
|
@@ -1700,7 +1703,7 @@
|
|
|
1700
1703
|
}
|
|
1701
1704
|
|
|
1702
1705
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
|
|
1703
|
-
.CheckboxField-module__hop-
|
|
1706
|
+
.CheckboxField-module__hop-CheckboxField___dJieE {
|
|
1704
1707
|
--hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
|
|
1705
1708
|
--hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
1706
1709
|
--hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -1719,28 +1722,28 @@
|
|
|
1719
1722
|
inline-size: max-content;
|
|
1720
1723
|
max-inline-size: 100%;
|
|
1721
1724
|
}
|
|
1722
|
-
.CheckboxField-module__hop-
|
|
1725
|
+
.CheckboxField-module__hop-CheckboxField___dJieE[data-disabled] {
|
|
1723
1726
|
--description-color: var(--hop-CheckboxField-description-color-disabled);
|
|
1724
1727
|
}
|
|
1725
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
1728
|
+
.CheckboxField-module__hop-CheckboxField--sm___1EbWC {
|
|
1726
1729
|
--row-gap: var(--hop-CheckboxField-sm-row-gap);
|
|
1727
1730
|
--description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
|
|
1728
1731
|
}
|
|
1729
|
-
.CheckboxField-module__hop-CheckboxField--
|
|
1732
|
+
.CheckboxField-module__hop-CheckboxField--md___vR14U {
|
|
1730
1733
|
--row-gap: var(--hop-CheckboxField-md-row-gap);
|
|
1731
1734
|
--description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
|
|
1732
1735
|
}
|
|
1733
|
-
.CheckboxField-module__hop-
|
|
1736
|
+
.CheckboxField-module__hop-CheckboxField__description___P-5jZ {
|
|
1734
1737
|
order: 2;
|
|
1735
1738
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
|
|
1736
1739
|
color: var(--description-color);
|
|
1737
1740
|
}
|
|
1738
|
-
.CheckboxField-module__hop-
|
|
1741
|
+
.CheckboxField-module__hop-CheckboxField__checkbox___fIXTk {
|
|
1739
1742
|
order: 1;
|
|
1740
1743
|
}
|
|
1741
1744
|
|
|
1742
1745
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
|
|
1743
|
-
.ErrorMessage-module__hop-
|
|
1746
|
+
.ErrorMessage-module__hop-ErrorMessage___ZF-hl {
|
|
1744
1747
|
--hop-ErrorMessage-color: var(--hop-danger-text-weak);
|
|
1745
1748
|
--hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
|
|
1746
1749
|
--hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
|
|
@@ -1757,13 +1760,13 @@
|
|
|
1757
1760
|
line-height: var(--hop-ErrorMessage-line-height);
|
|
1758
1761
|
color: var(--hop-ErrorMessage-color);
|
|
1759
1762
|
}
|
|
1760
|
-
.ErrorMessage-module__hop-
|
|
1763
|
+
.ErrorMessage-module__hop-ErrorMessage__icon___OKPlp {
|
|
1761
1764
|
flex: 0 0 auto;
|
|
1762
1765
|
align-self: flex-start;
|
|
1763
1766
|
}
|
|
1764
1767
|
|
|
1765
1768
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
|
|
1766
|
-
.HelperMessage-module__hop-
|
|
1769
|
+
.HelperMessage-module__hop-HelperMessage___l3cUu {
|
|
1767
1770
|
--hop-HelperMessage-color: var(--hop-neutral-text-weak);
|
|
1768
1771
|
--hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
|
|
1769
1772
|
display: flex;
|
|
@@ -1772,32 +1775,32 @@
|
|
|
1772
1775
|
box-sizing: border-box;
|
|
1773
1776
|
color: var(--hop-HelperMessage-color);
|
|
1774
1777
|
}
|
|
1775
|
-
.HelperMessage-module__hop-
|
|
1778
|
+
.HelperMessage-module__hop-HelperMessage__icon___1Lei9 {
|
|
1776
1779
|
flex: 0 0 auto;
|
|
1777
1780
|
align-self: flex-start;
|
|
1778
1781
|
}
|
|
1779
1782
|
|
|
1780
1783
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
|
|
1781
|
-
.Label-module__hop-
|
|
1784
|
+
.Label-module__hop-Label___EE-2i {
|
|
1782
1785
|
--hop-Label-font-size: var(--hop-heading-xs-font-size);
|
|
1783
1786
|
--hop-Label-font-family: var(--hop-heading-xs-font-family);
|
|
1784
1787
|
--hop-Label-font-weight: var(--hop-heading-xs-font-weight);
|
|
1785
1788
|
--hop-Label-line-height: var(--hop-heading-xs-line-height);
|
|
1786
1789
|
--hop-Label-color: var(--hop-neutral-text-weak);
|
|
1787
1790
|
}
|
|
1788
|
-
:where(.Label-module__hop-
|
|
1791
|
+
:where(.Label-module__hop-Label___EE-2i) {
|
|
1789
1792
|
font-family: var(--hop-Label-font-family);
|
|
1790
1793
|
font-size: var(--hop-Label-font-size);
|
|
1791
1794
|
font-weight: var(--hop-Label-font-weight);
|
|
1792
1795
|
line-height: var(--hop-Label-line-height);
|
|
1793
1796
|
color: var(--hop-Label-color);
|
|
1794
1797
|
}
|
|
1795
|
-
:where(.Label-module__hop-
|
|
1798
|
+
:where(.Label-module__hop-Label__indicator___QZV-x) {
|
|
1796
1799
|
padding-inline-start: var(--hop-space-20);
|
|
1797
1800
|
}
|
|
1798
1801
|
|
|
1799
1802
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
|
|
1800
|
-
.CheckboxGroup-module__hop-
|
|
1803
|
+
.CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa {
|
|
1801
1804
|
--hop-CheckboxGroup-align-items: flex-start;
|
|
1802
1805
|
--hop-CheckboxGroup-justify-content: flex-start;
|
|
1803
1806
|
--hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -1836,46 +1839,46 @@
|
|
|
1836
1839
|
inline-size: max-content;
|
|
1837
1840
|
max-inline-size: 100%;
|
|
1838
1841
|
}
|
|
1839
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1842
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2 {
|
|
1840
1843
|
--list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
|
|
1841
1844
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
1842
1845
|
}
|
|
1843
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1846
|
+
.CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw {
|
|
1844
1847
|
--column-gap: var(--hop-CheckboxGroup-sm-column-gap);
|
|
1845
1848
|
--row-gap: var(--hop-CheckboxGroup-sm-row-gap);
|
|
1846
1849
|
--list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
|
|
1847
1850
|
--list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
|
|
1848
1851
|
}
|
|
1849
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1852
|
+
.CheckboxGroup-module__hop-CheckboxGroup--md___5vb0- {
|
|
1850
1853
|
--column-gap: var(--hop-CheckboxGroup-md-column-gap);
|
|
1851
1854
|
--row-gap: var(--hop-CheckboxGroup-md-row-gap);
|
|
1852
1855
|
--list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
|
|
1853
1856
|
--list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
|
|
1854
1857
|
}
|
|
1855
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1858
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2.CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw {
|
|
1856
1859
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
|
|
1857
1860
|
--column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
|
|
1858
1861
|
--row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
|
|
1859
1862
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
|
|
1860
1863
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
|
|
1861
1864
|
}
|
|
1862
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1865
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2.CheckboxGroup-module__hop-CheckboxGroup--md___5vb0- {
|
|
1863
1866
|
--checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
|
|
1864
1867
|
--column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
|
|
1865
1868
|
--row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
|
|
1866
1869
|
--list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
|
|
1867
1870
|
--list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
|
|
1868
1871
|
}
|
|
1869
|
-
.CheckboxGroup-module__hop-
|
|
1872
|
+
.CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa[data-orientation=horizontal] {
|
|
1870
1873
|
--flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
|
|
1871
1874
|
}
|
|
1872
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1875
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=horizontal] {
|
|
1873
1876
|
--flex-wrap: nowrap;
|
|
1874
1877
|
}
|
|
1875
|
-
.CheckboxGroup-module__hop-
|
|
1878
|
+
.CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__label___rB3-j {
|
|
1876
1879
|
order: 1;
|
|
1877
1880
|
}
|
|
1878
|
-
.CheckboxGroup-module__hop-
|
|
1881
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O {
|
|
1879
1882
|
display: flex;
|
|
1880
1883
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
1881
1884
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -1886,7 +1889,7 @@
|
|
|
1886
1889
|
border: var(--list-border, none);
|
|
1887
1890
|
border-radius: var(--list-border-radius, 0);
|
|
1888
1891
|
}
|
|
1889
|
-
.CheckboxGroup-module__hop-
|
|
1892
|
+
.CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL {
|
|
1890
1893
|
position: relative;
|
|
1891
1894
|
flex: 0 1 auto;
|
|
1892
1895
|
align-content: start;
|
|
@@ -1894,28 +1897,28 @@
|
|
|
1894
1897
|
min-inline-size: 0;
|
|
1895
1898
|
padding: var(--checkbox-padding, 0);
|
|
1896
1899
|
}
|
|
1897
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1900
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2 .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
|
|
1898
1901
|
content: "";
|
|
1899
1902
|
position: absolute;
|
|
1900
1903
|
display: block;
|
|
1901
1904
|
}
|
|
1902
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1905
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
|
|
1903
1906
|
inset-block-start: 0;
|
|
1904
1907
|
inset-inline: 0;
|
|
1905
1908
|
border-block-start: var(--list-border, none);
|
|
1906
1909
|
}
|
|
1907
|
-
.CheckboxGroup-module__hop-CheckboxGroup--
|
|
1910
|
+
.CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
|
|
1908
1911
|
inset-block: 0;
|
|
1909
1912
|
inset-inline-start: 0;
|
|
1910
1913
|
border-inline-start: var(--list-border, none);
|
|
1911
1914
|
}
|
|
1912
|
-
.CheckboxGroup-module__hop-
|
|
1913
|
-
.CheckboxGroup-module__hop-
|
|
1915
|
+
.CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__error-message___7I6oj,
|
|
1916
|
+
.CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___5xw7d {
|
|
1914
1917
|
order: 3;
|
|
1915
1918
|
}
|
|
1916
1919
|
|
|
1917
1920
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
|
|
1918
|
-
.Checkbox-module__hop-
|
|
1921
|
+
.Checkbox-module__hop-Checkbox___mAL3I {
|
|
1919
1922
|
--hop-Checkbox-box-border-size: 0.0625rem;
|
|
1920
1923
|
--hop-Checkbox-box-border-color: var(--hop-neutral-border);
|
|
1921
1924
|
--hop-Checkbox-box-background-color: var(--hop-neutral-surface);
|
|
@@ -1990,60 +1993,60 @@
|
|
|
1990
1993
|
inline-size: max-content;
|
|
1991
1994
|
max-inline-size: 100%;
|
|
1992
1995
|
}
|
|
1993
|
-
.Checkbox-module__hop-
|
|
1996
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-focus-visible] {
|
|
1994
1997
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused);
|
|
1995
1998
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused);
|
|
1996
1999
|
--box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
|
|
1997
2000
|
--text-color: var(--hop-Checkbox-text-color-focused);
|
|
1998
2001
|
--icon-color: var(--hop-Checkbox-icon-color-focused);
|
|
1999
2002
|
}
|
|
2000
|
-
.Checkbox-module__hop-
|
|
2003
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-hovered] {
|
|
2001
2004
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered);
|
|
2002
2005
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered);
|
|
2003
2006
|
--text-color: var(--hop-Checkbox-text-color-hovered);
|
|
2004
2007
|
--icon-color: var(--hop-Checkbox-icon-color-hovered);
|
|
2005
2008
|
}
|
|
2006
|
-
.Checkbox-module__hop-
|
|
2009
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-pressed] {
|
|
2007
2010
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed);
|
|
2008
2011
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed);
|
|
2009
2012
|
--text-color: var(--hop-Checkbox-text-color-pressed);
|
|
2010
2013
|
--icon-color: var(--hop-Checkbox-icon-color-pressed);
|
|
2011
2014
|
}
|
|
2012
|
-
.Checkbox-module__hop-
|
|
2015
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-selected] {
|
|
2013
2016
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected);
|
|
2014
2017
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected);
|
|
2015
2018
|
--check-display: var(--hop-Checkbox-check-display-selected);
|
|
2016
2019
|
--text-color: var(--hop-Checkbox-text-color-selected);
|
|
2017
2020
|
--icon-color: var(--hop-Checkbox-icon-color-selected);
|
|
2018
2021
|
}
|
|
2019
|
-
.Checkbox-module__hop-
|
|
2022
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid] {
|
|
2020
2023
|
--box-background-color: var(--hop-Checkbox-box-background-color-invalid);
|
|
2021
2024
|
--box-border-color: var(--hop-Checkbox-box-border-color-invalid);
|
|
2022
2025
|
--check-color: var(--hop-Checkbox-check-color-invalid);
|
|
2023
2026
|
--text-color: var(--hop-Checkbox-text-color-invalid);
|
|
2024
2027
|
--icon-color: var(--hop-Checkbox-icon-color-invalid);
|
|
2025
2028
|
}
|
|
2026
|
-
.Checkbox-module__hop-
|
|
2029
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-focus-visible]) {
|
|
2027
2030
|
--box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
|
|
2028
2031
|
--box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
|
|
2029
2032
|
}
|
|
2030
|
-
.Checkbox-module__hop-
|
|
2033
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-hovered]) {
|
|
2031
2034
|
--box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
|
|
2032
2035
|
--box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
|
|
2033
2036
|
--text-color: var(--hop-Checkbox-text-color-hovered-invalid);
|
|
2034
2037
|
--icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
|
|
2035
2038
|
}
|
|
2036
|
-
.Checkbox-module__hop-
|
|
2039
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-pressed]) {
|
|
2037
2040
|
--box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
|
|
2038
2041
|
--box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
|
|
2039
2042
|
--text-color: var(--hop-Checkbox-text-color-pressed-invalid);
|
|
2040
2043
|
--icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
|
|
2041
2044
|
}
|
|
2042
|
-
.Checkbox-module__hop-
|
|
2045
|
+
.Checkbox-module__hop-Checkbox___mAL3I:where([data-invalid])[data-selected] {
|
|
2043
2046
|
--box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
|
|
2044
2047
|
--box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
|
|
2045
2048
|
}
|
|
2046
|
-
.Checkbox-module__hop-
|
|
2049
|
+
.Checkbox-module__hop-Checkbox___mAL3I[data-disabled] {
|
|
2047
2050
|
--box-background-color: var(--hop-Checkbox-box-background-color-disabled);
|
|
2048
2051
|
--box-border-color: var(--hop-Checkbox-box-border-color-disabled);
|
|
2049
2052
|
--check-color: var(--hop-Checkbox-check-color-disabled);
|
|
@@ -2051,25 +2054,25 @@
|
|
|
2051
2054
|
--text-color: var(--hop-Checkbox-text-color-disabled);
|
|
2052
2055
|
--icon-color: var(--hop-Checkbox-icon-color-disabled);
|
|
2053
2056
|
}
|
|
2054
|
-
.Checkbox-module__hop-Checkbox--
|
|
2057
|
+
.Checkbox-module__hop-Checkbox--sm___Wmzry {
|
|
2055
2058
|
--box-block-size: var(--hop-Checkbox-box-sm-block-size);
|
|
2056
2059
|
--box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
|
|
2057
2060
|
--text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
|
|
2058
2061
|
--text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
|
|
2059
2062
|
}
|
|
2060
|
-
.Checkbox-module__hop-Checkbox--
|
|
2063
|
+
.Checkbox-module__hop-Checkbox--md___jhSti {
|
|
2061
2064
|
--box-block-size: var(--hop-Checkbox-box-md-block-size);
|
|
2062
2065
|
--box-inline-size: var(--hop-Checkbox-box-md-inline-size);
|
|
2063
2066
|
--text-top-offset: var(--hop-Checkbox-text-md-top-offset);
|
|
2064
2067
|
--text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
|
|
2065
2068
|
}
|
|
2066
|
-
.Checkbox-module__hop-
|
|
2067
|
-
.Checkbox-module__hop-Checkbox__icon-
|
|
2069
|
+
.Checkbox-module__hop-Checkbox__icon___9PFwj,
|
|
2070
|
+
.Checkbox-module__hop-Checkbox__icon-list___xhUID {
|
|
2068
2071
|
flex: 0 0 auto;
|
|
2069
2072
|
order: 3;
|
|
2070
2073
|
color: var(--icon-color);
|
|
2071
2074
|
}
|
|
2072
|
-
.Checkbox-module__hop-
|
|
2075
|
+
.Checkbox-module__hop-Checkbox__box___S46JE {
|
|
2073
2076
|
display: flex;
|
|
2074
2077
|
flex: 0 0 auto;
|
|
2075
2078
|
align-items: center;
|
|
@@ -2085,11 +2088,11 @@
|
|
|
2085
2088
|
outline-offset: 0.125rem;
|
|
2086
2089
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
2087
2090
|
}
|
|
2088
|
-
.Checkbox-module__hop-
|
|
2091
|
+
.Checkbox-module__hop-Checkbox__check___UJ3Eo {
|
|
2089
2092
|
display: var(--check-display);
|
|
2090
2093
|
color: var(--check-color);
|
|
2091
2094
|
}
|
|
2092
|
-
.Checkbox-module__hop-
|
|
2095
|
+
.Checkbox-module__hop-Checkbox__text___qP2jS {
|
|
2093
2096
|
flex: 0 1 auto;
|
|
2094
2097
|
order: 2;
|
|
2095
2098
|
min-inline-size: 0;
|
|
@@ -2097,24 +2100,24 @@
|
|
|
2097
2100
|
margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
|
|
2098
2101
|
color: var(--text-color);
|
|
2099
2102
|
}
|
|
2100
|
-
.DecorativeCheckbox-module__hop-
|
|
2103
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox___ISCAP {
|
|
2101
2104
|
}
|
|
2102
|
-
.DecorativeCheckbox-module__hop-DecorativeCheckbox--
|
|
2105
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___puKjz {
|
|
2103
2106
|
}
|
|
2104
|
-
.DecorativeCheckbox-module__hop-DecorativeCheckbox--
|
|
2107
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox--md___F1gDS {
|
|
2105
2108
|
}
|
|
2106
|
-
.DecorativeCheckbox-module__hop-
|
|
2107
|
-
.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-
|
|
2109
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___f2gLT,
|
|
2110
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___N8U0V {
|
|
2108
2111
|
}
|
|
2109
|
-
.DecorativeCheckbox-module__hop-
|
|
2112
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ZwQUS {
|
|
2110
2113
|
}
|
|
2111
|
-
.DecorativeCheckbox-module__hop-
|
|
2114
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__check___btixW {
|
|
2112
2115
|
}
|
|
2113
|
-
.DecorativeCheckbox-module__hop-
|
|
2116
|
+
.DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-4O3N {
|
|
2114
2117
|
}
|
|
2115
2118
|
|
|
2116
2119
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
|
|
2117
|
-
:where(.Divider-module__hop-
|
|
2120
|
+
:where(.Divider-module__hop-Divider___g7ps6) {
|
|
2118
2121
|
--hop-Divider-border-color: var(--hop-neutral-border-weak);
|
|
2119
2122
|
--hop-Divider-border-size: 0.0625rem;
|
|
2120
2123
|
--hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
|
|
@@ -2139,7 +2142,7 @@
|
|
|
2139
2142
|
border-block-end: var(--border-block-end);
|
|
2140
2143
|
border-inline-start: var(--border-inline-start);
|
|
2141
2144
|
}
|
|
2142
|
-
.Divider-module__hop-Divider--
|
|
2145
|
+
.Divider-module__hop-Divider--vertical___a25V7 {
|
|
2143
2146
|
--border-block-end: var(--hop-Divider-vertical-border-block-end);
|
|
2144
2147
|
--border-inline-start: var(--hop-Divider-vertical-border-inline-start);
|
|
2145
2148
|
--inline-size: var(--hop-Divider-vertical-inline-size);
|
|
@@ -2147,14 +2150,14 @@
|
|
|
2147
2150
|
}
|
|
2148
2151
|
|
|
2149
2152
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
|
|
2150
|
-
.Form-module__hop-
|
|
2153
|
+
.Form-module__hop-Form___t89dJ {
|
|
2151
2154
|
display: flex;
|
|
2152
2155
|
flex-direction: column;
|
|
2153
2156
|
gap: var(--hop-space-stack-lg);
|
|
2154
2157
|
}
|
|
2155
2158
|
|
|
2156
2159
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
|
|
2157
|
-
.InputGroup-module__hop-
|
|
2160
|
+
.InputGroup-module__hop-InputGroup___IeLq4 {
|
|
2158
2161
|
--hop-InputGroup-background: var(--hop-neutral-surface);
|
|
2159
2162
|
--hop-InputGroup-border-color: var(--hop-neutral-border);
|
|
2160
2163
|
--hop-InputGroup-border-width: 0.0625rem;
|
|
@@ -2235,11 +2238,11 @@
|
|
|
2235
2238
|
border: var(--border);
|
|
2236
2239
|
border-radius: var(--hop-InputGroup-border-radius);
|
|
2237
2240
|
}
|
|
2238
|
-
.InputGroup-module__hop-InputGroup--
|
|
2241
|
+
.InputGroup-module__hop-InputGroup--fluid___bBTdC {
|
|
2239
2242
|
--inline-size: 100%;
|
|
2240
2243
|
--input-inline-size: 100%;
|
|
2241
2244
|
}
|
|
2242
|
-
.InputGroup-module__hop-InputGroup--
|
|
2245
|
+
.InputGroup-module__hop-InputGroup--sm___rt-ic {
|
|
2243
2246
|
--block-size: var(--hop-InputGroup-sm-block-size);
|
|
2244
2247
|
--input-font-family: var(--hop-InputGroup-input-sm-font-family);
|
|
2245
2248
|
--input-font-size: var(--hop-InputGroup-input-sm-font-size);
|
|
@@ -2247,7 +2250,7 @@
|
|
|
2247
2250
|
--input-line-height: var(--hop-InputGroup-input-sm-line-height);
|
|
2248
2251
|
--input-block-size: var(--hop-InputGroup-input-sm-block-size);
|
|
2249
2252
|
}
|
|
2250
|
-
.InputGroup-module__hop-
|
|
2253
|
+
.InputGroup-module__hop-InputGroup___IeLq4[data-input-type=textarea] {
|
|
2251
2254
|
--gap: var(--hop-InputGroup-gap-textarea);
|
|
2252
2255
|
--flex-direction: var(--hop-InputGroup-flex-direction-textarea);
|
|
2253
2256
|
--align-items: var(--hop-InputGroup-align-items-textarea);
|
|
@@ -2255,28 +2258,28 @@
|
|
|
2255
2258
|
--padding-inline: var(--hop-InputGroup-padding-inline-textarea);
|
|
2256
2259
|
--padding-block: var(--hop-InputGroup-padding-block-textarea);
|
|
2257
2260
|
}
|
|
2258
|
-
.InputGroup-module__hop-
|
|
2261
|
+
.InputGroup-module__hop-InputGroup___IeLq4[data-input-type=number] {
|
|
2259
2262
|
--display: var(--hop-InputGroup-display-number);
|
|
2260
2263
|
--gap: var(--hop-InputGroup-gap-number);
|
|
2261
2264
|
}
|
|
2262
|
-
.InputGroup-module__hop-
|
|
2265
|
+
.InputGroup-module__hop-InputGroup___IeLq4[data-hovered] {
|
|
2263
2266
|
--background: var(--hop-InputGroup-background-hover);
|
|
2264
2267
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
|
|
2265
2268
|
}
|
|
2266
|
-
.InputGroup-module__hop-
|
|
2269
|
+
.InputGroup-module__hop-InputGroup___IeLq4[data-focus-within] {
|
|
2267
2270
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
|
|
2268
2271
|
}
|
|
2269
|
-
.InputGroup-module__hop-
|
|
2272
|
+
.InputGroup-module__hop-InputGroup___IeLq4[data-invalid] {
|
|
2270
2273
|
--border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
|
|
2271
2274
|
}
|
|
2272
|
-
.InputGroup-module__hop-
|
|
2275
|
+
.InputGroup-module__hop-InputGroup___IeLq4[data-disabled] {
|
|
2273
2276
|
--background: var(--hop-InputGroup-background-disabled);
|
|
2274
2277
|
--border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
|
|
2275
2278
|
--input-color: var(--hop-InputGroup-input-color-disabled);
|
|
2276
2279
|
--input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
|
|
2277
2280
|
}
|
|
2278
|
-
.InputGroup-module__hop-
|
|
2279
|
-
.InputGroup-module__hop-
|
|
2281
|
+
.InputGroup-module__hop-InputGroup__input___pobIV,
|
|
2282
|
+
.InputGroup-module__hop-InputGroup__textarea___h-ACH {
|
|
2280
2283
|
flex: 1 1 auto;
|
|
2281
2284
|
box-sizing: border-box;
|
|
2282
2285
|
inline-size: var(--input-inline-size);
|
|
@@ -2290,26 +2293,26 @@
|
|
|
2290
2293
|
border: none;
|
|
2291
2294
|
outline: none;
|
|
2292
2295
|
}
|
|
2293
|
-
.InputGroup-module__hop-
|
|
2296
|
+
.InputGroup-module__hop-InputGroup__input___pobIV {
|
|
2294
2297
|
block-size: var(--input-block-size);
|
|
2295
2298
|
padding: var(--hop-InputGroup-input-padding);
|
|
2296
2299
|
}
|
|
2297
|
-
.InputGroup-module__hop-
|
|
2300
|
+
.InputGroup-module__hop-InputGroup__textarea___h-ACH {
|
|
2298
2301
|
padding: var(--hop-InputGroup-textarea-padding);
|
|
2299
2302
|
}
|
|
2300
|
-
.InputGroup-module__hop-
|
|
2303
|
+
.InputGroup-module__hop-InputGroup__input___pobIV::placeholder {
|
|
2301
2304
|
font-family: var(--hop-InputGroup-placeholder-font-family);
|
|
2302
2305
|
font-size: var(--hop-InputGroup-placeholder-font-size);
|
|
2303
2306
|
font-weight: var(--hop-InputGroup-placeholder-font-weight);
|
|
2304
2307
|
line-height: var(--hop-InputGroup-placeholder-line-height);
|
|
2305
2308
|
color: var(--input-placeholder-color);
|
|
2306
2309
|
}
|
|
2307
|
-
.InputGroup-module__hop-InputGroup__embedded-
|
|
2310
|
+
.InputGroup-module__hop-InputGroup__embedded-button___tggVm {
|
|
2308
2311
|
margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
|
|
2309
2312
|
}
|
|
2310
2313
|
|
|
2311
2314
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
|
|
2312
|
-
.Heading-module__hop-
|
|
2315
|
+
.Heading-module__hop-Heading___byI5a {
|
|
2313
2316
|
--hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
|
|
2314
2317
|
--hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
|
|
2315
2318
|
--hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
|
|
@@ -2343,50 +2346,50 @@
|
|
|
2343
2346
|
--hop-Heading-inherit-size-font-weight: inherit;
|
|
2344
2347
|
--hop-Heading-inherit-size-line-height: inherit;
|
|
2345
2348
|
}
|
|
2346
|
-
:where(.Heading-module__hop-
|
|
2349
|
+
:where(.Heading-module__hop-Heading___byI5a) {
|
|
2347
2350
|
margin: 0;
|
|
2348
2351
|
font-family: var(--font-family);
|
|
2349
2352
|
font-size: var(--font-size);
|
|
2350
2353
|
font-weight: var(--font-weight);
|
|
2351
2354
|
line-height: var(--line-height);
|
|
2352
2355
|
}
|
|
2353
|
-
:where(.Heading-module__hop-Heading--
|
|
2356
|
+
:where(.Heading-module__hop-Heading--xs___S-Spm) {
|
|
2354
2357
|
--font-size: var(--hop-Heading-xs-font-size);
|
|
2355
2358
|
--font-family: var(--hop-Heading-xs-font-family);
|
|
2356
2359
|
--font-weight: var(--hop-Heading-xs-font-weight);
|
|
2357
2360
|
--line-height: var(--hop-Heading-xs-line-height);
|
|
2358
2361
|
}
|
|
2359
|
-
:where(.Heading-module__hop-Heading--
|
|
2362
|
+
:where(.Heading-module__hop-Heading--sm___eYVWY) {
|
|
2360
2363
|
--font-size: var(--hop-Heading-sm-font-size);
|
|
2361
2364
|
--font-family: var(--hop-Heading-sm-font-family);
|
|
2362
2365
|
--font-weight: var(--hop-Heading-sm-font-weight);
|
|
2363
2366
|
--line-height: var(--hop-Heading-sm-line-height);
|
|
2364
2367
|
}
|
|
2365
|
-
:where(.Heading-module__hop-Heading--
|
|
2368
|
+
:where(.Heading-module__hop-Heading--md___Trt4d) {
|
|
2366
2369
|
--font-size: var(--hop-Heading-md-font-size);
|
|
2367
2370
|
--font-family: var(--hop-Heading-md-font-family);
|
|
2368
2371
|
--font-weight: var(--hop-Heading-md-font-weight);
|
|
2369
2372
|
--line-height: var(--hop-Heading-md-line-height);
|
|
2370
2373
|
}
|
|
2371
|
-
:where(.Heading-module__hop-Heading--
|
|
2374
|
+
:where(.Heading-module__hop-Heading--lg___8RulN) {
|
|
2372
2375
|
--font-size: var(--hop-Heading-lg-font-size);
|
|
2373
2376
|
--font-family: var(--hop-Heading-lg-font-family);
|
|
2374
2377
|
--font-weight: var(--hop-Heading-lg-font-weight);
|
|
2375
2378
|
--line-height: var(--hop-Heading-lg-line-height);
|
|
2376
2379
|
}
|
|
2377
|
-
:where(.Heading-module__hop-Heading--
|
|
2380
|
+
:where(.Heading-module__hop-Heading--xl___XLAp5) {
|
|
2378
2381
|
--font-size: var(--hop-Heading-xl-font-size);
|
|
2379
2382
|
--font-family: var(--hop-Heading-xl-font-family);
|
|
2380
2383
|
--font-weight: var(--hop-Heading-xl-font-weight);
|
|
2381
2384
|
--line-height: var(--hop-Heading-xl-line-height);
|
|
2382
2385
|
}
|
|
2383
|
-
:where(.Heading-module__hop-Heading--
|
|
2386
|
+
:where(.Heading-module__hop-Heading--2xl___ghz3S) {
|
|
2384
2387
|
--font-size: var(--hop-Heading-2xl-font-size);
|
|
2385
2388
|
--font-family: var(--hop-Heading-2xl-font-family);
|
|
2386
2389
|
--font-weight: var(--hop-Heading-2xl-font-weight);
|
|
2387
2390
|
--line-height: var(--hop-Heading-2xl-line-height);
|
|
2388
2391
|
}
|
|
2389
|
-
:where(.Heading-module__hop-Heading--
|
|
2392
|
+
:where(.Heading-module__hop-Heading--3xl___sTxzT) {
|
|
2390
2393
|
--font-size: var(--hop-Heading-3xl-font-size);
|
|
2391
2394
|
--font-family: var(--hop-Heading-3xl-font-family);
|
|
2392
2395
|
--font-weight: var(--hop-Heading-3xl-font-weight);
|
|
@@ -2394,7 +2397,7 @@
|
|
|
2394
2397
|
}
|
|
2395
2398
|
|
|
2396
2399
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
|
|
2397
|
-
.NumberField-module__hop-
|
|
2400
|
+
.NumberField-module__hop-NumberField___-spFY {
|
|
2398
2401
|
--hop-NumberField-gap: var(--hop-space-stack-xs);
|
|
2399
2402
|
--hop-NumberField-inline-size: 20rem;
|
|
2400
2403
|
--hop-NumberField-inline-size-fluid: 100%;
|
|
@@ -2442,30 +2445,30 @@
|
|
|
2442
2445
|
gap: var(--hop-NumberField-gap);
|
|
2443
2446
|
inline-size: var(--inline-size);
|
|
2444
2447
|
}
|
|
2445
|
-
.NumberField-module__hop-NumberField--
|
|
2448
|
+
.NumberField-module__hop-NumberField--fluid___HuQeh {
|
|
2446
2449
|
--inline-size: var(--hop-NumberField-inline-size-fluid);
|
|
2447
2450
|
}
|
|
2448
|
-
.NumberField-module__hop-NumberField--
|
|
2451
|
+
.NumberField-module__hop-NumberField--mobile___jiJLy {
|
|
2449
2452
|
--input-group-template: var(--hop-NumberField-input-group-template-mobile);
|
|
2450
2453
|
--stepper-height: var(--hop-NumberField-stepper-height-mobile);
|
|
2451
2454
|
}
|
|
2452
|
-
.NumberField-module__hop-
|
|
2455
|
+
.NumberField-module__hop-NumberField__Label___kcHPU {
|
|
2453
2456
|
order: 0;
|
|
2454
2457
|
}
|
|
2455
|
-
.NumberField-module__hop-
|
|
2458
|
+
.NumberField-module__hop-NumberField__prefix___kC1mi {
|
|
2456
2459
|
grid-area: prefix;
|
|
2457
2460
|
margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
|
|
2458
2461
|
color: var(--hop-NumberField-prefix-color);
|
|
2459
2462
|
}
|
|
2460
|
-
.NumberField-module__hop-
|
|
2463
|
+
.NumberField-module__hop-NumberField__InputGroup___GmvOU {
|
|
2461
2464
|
grid-template: var(--input-group-template);
|
|
2462
2465
|
order: 1;
|
|
2463
2466
|
}
|
|
2464
|
-
.NumberField-module__hop-
|
|
2465
|
-
.NumberField-module__hop-
|
|
2467
|
+
.NumberField-module__hop-NumberField__ErrorMessage___tIjYw,
|
|
2468
|
+
.NumberField-module__hop-NumberField__HelperMessage___hYZXB {
|
|
2466
2469
|
order: 3;
|
|
2467
2470
|
}
|
|
2468
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2471
|
+
.NumberField-module__hop-NumberField__stepper-button___hfKPt {
|
|
2469
2472
|
cursor: pointer;
|
|
2470
2473
|
display: flex;
|
|
2471
2474
|
grid-area: var(--grid-area, unset);
|
|
@@ -2486,55 +2489,55 @@
|
|
|
2486
2489
|
border-radius: var(--stepper-border-radius, 0);
|
|
2487
2490
|
outline: none;
|
|
2488
2491
|
}
|
|
2489
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2492
|
+
.NumberField-module__hop-NumberField__stepper-button--increment___pUp8- {
|
|
2490
2493
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
|
|
2491
2494
|
--stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
|
|
2492
2495
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
|
|
2493
2496
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
|
|
2494
2497
|
--grid-area: stepup;
|
|
2495
2498
|
}
|
|
2496
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2499
|
+
.NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO {
|
|
2497
2500
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
|
|
2498
2501
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
|
|
2499
2502
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
|
|
2500
2503
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
|
|
2501
2504
|
--grid-area: stepdown;
|
|
2502
2505
|
}
|
|
2503
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2506
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___oNcII.NumberField-module__hop-NumberField__stepper-button--increment___pUp8- {
|
|
2504
2507
|
--stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
|
|
2505
2508
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
|
|
2506
2509
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
|
|
2507
2510
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
|
|
2508
2511
|
}
|
|
2509
|
-
.NumberField-module__hop-NumberField__stepper-button--
|
|
2512
|
+
.NumberField-module__hop-NumberField__stepper-button--mobile___oNcII.NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO {
|
|
2510
2513
|
--stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
|
|
2511
2514
|
--stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
|
|
2512
2515
|
--stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
|
|
2513
2516
|
--stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
|
|
2514
2517
|
}
|
|
2515
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2518
|
+
.NumberField-module__hop-NumberField__stepper-button___hfKPt[data-hovered] {
|
|
2516
2519
|
color: var(--hop-NumberField-stepper-color-hovered);
|
|
2517
2520
|
background-color: var(--hop-NumberField-stepper-background-color-hovered);
|
|
2518
2521
|
}
|
|
2519
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2522
|
+
.NumberField-module__hop-NumberField__stepper-button___hfKPt[data-pressed] {
|
|
2520
2523
|
color: var(--hop-NumberField-stepper-color-pressed);
|
|
2521
2524
|
background-color: var(--hop-NumberField-stepper-background-color-pressed);
|
|
2522
2525
|
}
|
|
2523
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2526
|
+
.NumberField-module__hop-NumberField__stepper-button___hfKPt[data-disabled] {
|
|
2524
2527
|
cursor: not-allowed;
|
|
2525
2528
|
color: var(--hop-NumberField-stepper-color-disabled);
|
|
2526
2529
|
background-color: var(--hop-NumberField-stepper-background-color-disabled);
|
|
2527
2530
|
}
|
|
2528
|
-
.NumberField-module__hop-NumberField__stepper-
|
|
2531
|
+
.NumberField-module__hop-NumberField__stepper-button__icon___l7rJE {
|
|
2529
2532
|
display: block;
|
|
2530
2533
|
max-block-size: 100%;
|
|
2531
2534
|
}
|
|
2532
|
-
.NumberField-module__hop-
|
|
2535
|
+
.NumberField-module__hop-NumberField__input___JmJl4 {
|
|
2533
2536
|
grid-area: input;
|
|
2534
2537
|
}
|
|
2535
2538
|
|
|
2536
2539
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
|
|
2537
|
-
.TextArea-module__hop-
|
|
2540
|
+
.TextArea-module__hop-TextArea___CigfE {
|
|
2538
2541
|
--hop-TextArea-gap: var(--hop-space-stack-xs);
|
|
2539
2542
|
--hop-TextArea-inline-size: 20rem;
|
|
2540
2543
|
--hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -2552,42 +2555,42 @@
|
|
|
2552
2555
|
inline-size: var(--inline-size);
|
|
2553
2556
|
max-inline-size: 100%;
|
|
2554
2557
|
}
|
|
2555
|
-
.TextArea-module__hop-TextArea--
|
|
2558
|
+
.TextArea-module__hop-TextArea--fluid___RHFdR {
|
|
2556
2559
|
--inline-size: 100%;
|
|
2557
2560
|
}
|
|
2558
|
-
.TextArea-module__hop-
|
|
2561
|
+
.TextArea-module__hop-TextArea___CigfE[data-resize-mode=vertical] {
|
|
2559
2562
|
--resize: vertical;
|
|
2560
2563
|
}
|
|
2561
|
-
.TextArea-module__hop-
|
|
2564
|
+
.TextArea-module__hop-TextArea___CigfE[data-over-max-length] {
|
|
2562
2565
|
--char-count-color: var(--hop-TextArea-char-count-color-invalid);
|
|
2563
2566
|
}
|
|
2564
|
-
.TextArea-module__hop-
|
|
2567
|
+
.TextArea-module__hop-TextArea___CigfE[data-disabled] {
|
|
2565
2568
|
--char-count-color: var(--hop-TextArea-char-count-color-disabled);
|
|
2566
2569
|
}
|
|
2567
|
-
.TextArea-module__hop-
|
|
2570
|
+
.TextArea-module__hop-TextArea__Label___IesgB {
|
|
2568
2571
|
order: 0;
|
|
2569
2572
|
}
|
|
2570
|
-
.TextArea-module__hop-
|
|
2573
|
+
.TextArea-module__hop-TextArea__prefix___CKsl5 {
|
|
2571
2574
|
color: var(--hop-TextArea-prefix-color);
|
|
2572
2575
|
}
|
|
2573
|
-
.TextArea-module__hop-
|
|
2576
|
+
.TextArea-module__hop-TextArea__InputGroup___Dy8Ya {
|
|
2574
2577
|
order: 1;
|
|
2575
2578
|
}
|
|
2576
|
-
.TextArea-module__hop-
|
|
2579
|
+
.TextArea-module__hop-TextArea__textarea___TaknV {
|
|
2577
2580
|
resize: var(--resize);
|
|
2578
2581
|
min-block-size: var(--hop-TextArea-input-min-height);
|
|
2579
2582
|
}
|
|
2580
|
-
.TextArea-module__hop-TextArea__char-
|
|
2583
|
+
.TextArea-module__hop-TextArea__char-count___L5-B2 {
|
|
2581
2584
|
padding: var(--hop-TextArea-char-count-padding);
|
|
2582
2585
|
color: var(--char-count-color);
|
|
2583
2586
|
}
|
|
2584
|
-
.TextArea-module__hop-
|
|
2585
|
-
.TextArea-module__hop-
|
|
2587
|
+
.TextArea-module__hop-TextArea__ErrorMessage___px1UJ,
|
|
2588
|
+
.TextArea-module__hop-TextArea__HelperMessage___rzEEf {
|
|
2586
2589
|
order: 3;
|
|
2587
2590
|
}
|
|
2588
2591
|
|
|
2589
2592
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
|
|
2590
|
-
.TextField-module__hop-
|
|
2593
|
+
.TextField-module__hop-TextField___h9LPC {
|
|
2591
2594
|
--hop-TextField-gap: var(--hop-space-stack-xs);
|
|
2592
2595
|
--hop-TextField-inline-size: 20rem;
|
|
2593
2596
|
--hop-TextField-prefix-color: var(--hop-neutral-text-weak);
|
|
@@ -2602,34 +2605,34 @@
|
|
|
2602
2605
|
inline-size: var(--inline-size);
|
|
2603
2606
|
max-inline-size: 100%;
|
|
2604
2607
|
}
|
|
2605
|
-
.TextField-module__hop-TextField--
|
|
2608
|
+
.TextField-module__hop-TextField--fluid___Vhft- {
|
|
2606
2609
|
--inline-size: 100%;
|
|
2607
2610
|
}
|
|
2608
|
-
.TextField-module__hop-
|
|
2611
|
+
.TextField-module__hop-TextField___h9LPC[data-over-max-length] {
|
|
2609
2612
|
--char-count-color: var(--hop-TextField-char-count-color-invalid);
|
|
2610
2613
|
}
|
|
2611
|
-
.TextField-module__hop-
|
|
2614
|
+
.TextField-module__hop-TextField___h9LPC[data-disabled] {
|
|
2612
2615
|
--char-count-color: var(--hop-TextField-char-count-color-disabled);
|
|
2613
2616
|
}
|
|
2614
|
-
.TextField-module__hop-
|
|
2617
|
+
.TextField-module__hop-TextField__Label___vjdjj {
|
|
2615
2618
|
order: 0;
|
|
2616
2619
|
}
|
|
2617
|
-
.TextField-module__hop-
|
|
2620
|
+
.TextField-module__hop-TextField__prefix___y4SIt {
|
|
2618
2621
|
color: var(--hop-TextField-prefix-color);
|
|
2619
2622
|
}
|
|
2620
|
-
.TextField-module__hop-TextField__char-
|
|
2623
|
+
.TextField-module__hop-TextField__char-count___w-Y38 {
|
|
2621
2624
|
color: var(--char-count-color);
|
|
2622
2625
|
}
|
|
2623
|
-
.TextField-module__hop-
|
|
2626
|
+
.TextField-module__hop-TextField__InputGroup___crbeu {
|
|
2624
2627
|
order: 1;
|
|
2625
2628
|
}
|
|
2626
|
-
.TextField-module__hop-
|
|
2627
|
-
.TextField-module__hop-
|
|
2629
|
+
.TextField-module__hop-TextField__ErrorMessage___m-vG9,
|
|
2630
|
+
.TextField-module__hop-TextField__HelperMessage___ahKEe {
|
|
2628
2631
|
order: 3;
|
|
2629
2632
|
}
|
|
2630
2633
|
|
|
2631
2634
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
|
|
2632
|
-
.PasswordField-module__hop-
|
|
2635
|
+
.PasswordField-module__hop-PasswordField___I0UHA {
|
|
2633
2636
|
--hop-PasswordField-gap: var(--hop-space-stack-xs);
|
|
2634
2637
|
--hop-PasswordField-inline-size: 20rem;
|
|
2635
2638
|
--inline-size: var(--hop-PasswordField-inline-size);
|
|
@@ -2639,22 +2642,22 @@
|
|
|
2639
2642
|
inline-size: var(--inline-size);
|
|
2640
2643
|
max-inline-size: 100%;
|
|
2641
2644
|
}
|
|
2642
|
-
.PasswordField-module__hop-PasswordField--
|
|
2645
|
+
.PasswordField-module__hop-PasswordField--fluid___T093p {
|
|
2643
2646
|
--inline-size: 100%;
|
|
2644
2647
|
}
|
|
2645
|
-
.PasswordField-module__hop-
|
|
2648
|
+
.PasswordField-module__hop-PasswordField__Label___SFE1N {
|
|
2646
2649
|
order: 0;
|
|
2647
2650
|
}
|
|
2648
|
-
.PasswordField-module__hop-
|
|
2651
|
+
.PasswordField-module__hop-PasswordField__InputGroup___z0KM7 {
|
|
2649
2652
|
order: 1;
|
|
2650
2653
|
}
|
|
2651
|
-
.PasswordField-module__hop-
|
|
2652
|
-
.PasswordField-module__hop-
|
|
2654
|
+
.PasswordField-module__hop-PasswordField__ErrorMessage___St921,
|
|
2655
|
+
.PasswordField-module__hop-PasswordField__HelperMessage___Vsrgm {
|
|
2653
2656
|
order: 3;
|
|
2654
2657
|
}
|
|
2655
2658
|
|
|
2656
2659
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
|
|
2657
|
-
.SearchField-module__hop-
|
|
2660
|
+
.SearchField-module__hop-SearchField___AV5d9 {
|
|
2658
2661
|
--hop-SearchField-gap: var(--hop-space-stack-xs);
|
|
2659
2662
|
--hop-SearchField-inline-size: 20rem;
|
|
2660
2663
|
--hop-SearchField-color: var(--hop-neutral-text-weak);
|
|
@@ -2669,39 +2672,39 @@
|
|
|
2669
2672
|
inline-size: var(--inline-size);
|
|
2670
2673
|
max-inline-size: 100%;
|
|
2671
2674
|
}
|
|
2672
|
-
.SearchField-module__hop-SearchField--
|
|
2675
|
+
.SearchField-module__hop-SearchField--fluid___fk-1h {
|
|
2673
2676
|
--inline-size: 100%;
|
|
2674
2677
|
}
|
|
2675
|
-
.SearchField-module__hop-
|
|
2678
|
+
.SearchField-module__hop-SearchField__Label___cDU1N {
|
|
2676
2679
|
order: 0;
|
|
2677
2680
|
}
|
|
2678
|
-
.SearchField-module__hop-
|
|
2681
|
+
.SearchField-module__hop-SearchField__prefix___CXWRj {
|
|
2679
2682
|
color: var(--hop-SearchField-color);
|
|
2680
2683
|
}
|
|
2681
|
-
.SearchField-module__hop-
|
|
2684
|
+
.SearchField-module__hop-SearchField__InputGroup___WkPdD {
|
|
2682
2685
|
order: 1;
|
|
2683
2686
|
padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
|
|
2684
2687
|
}
|
|
2685
|
-
.SearchField-module__hop-SearchField--
|
|
2688
|
+
.SearchField-module__hop-SearchField--clearable___rVtfI {
|
|
2686
2689
|
--input-group-padding-inline-end: 0;
|
|
2687
2690
|
}
|
|
2688
|
-
.SearchField-module__hop-
|
|
2689
|
-
.SearchField-module__hop-
|
|
2691
|
+
.SearchField-module__hop-SearchField__ErrorMessage___fscIC,
|
|
2692
|
+
.SearchField-module__hop-SearchField__HelperMessage___wlBbe {
|
|
2690
2693
|
order: 3;
|
|
2691
2694
|
}
|
|
2692
|
-
.SearchField-module__hop-
|
|
2693
|
-
.SearchField-module__hop-
|
|
2695
|
+
.SearchField-module__hop-SearchField___AV5d9 input::-webkit-search-cancel-button,
|
|
2696
|
+
.SearchField-module__hop-SearchField___AV5d9 input::-webkit-search-decoration {
|
|
2694
2697
|
appearance: none;
|
|
2695
2698
|
}
|
|
2696
|
-
.SearchField-module__hop-
|
|
2699
|
+
.SearchField-module__hop-SearchField___AV5d9[data-empty] {
|
|
2697
2700
|
--clear-button-display: none;
|
|
2698
2701
|
}
|
|
2699
|
-
.SearchField-module__hop-
|
|
2702
|
+
.SearchField-module__hop-SearchField__ClearButton___7B2Ke {
|
|
2700
2703
|
display: var(--clear-button-display);
|
|
2701
2704
|
}
|
|
2702
2705
|
|
|
2703
2706
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
|
|
2704
|
-
.Link-module__hop-
|
|
2707
|
+
.Link-module__hop-Link___hx42L {
|
|
2705
2708
|
--hop-Link-border-radius: var(--hop-shape-rounded-sm);
|
|
2706
2709
|
--hop-Link-focus-ring-color: var(--hop-primary-border-focus);
|
|
2707
2710
|
--hop-Link-color-disabled: var(--hop-neutral-text-disabled);
|
|
@@ -2726,59 +2729,59 @@
|
|
|
2726
2729
|
outline: none;
|
|
2727
2730
|
outline-offset: 0.125rem;
|
|
2728
2731
|
}
|
|
2729
|
-
.Link-module__hop-
|
|
2732
|
+
.Link-module__hop-Link___hx42L[data-focus-visible] {
|
|
2730
2733
|
outline: 0.125rem solid var(--hop-Link-focus-ring-color);
|
|
2731
2734
|
}
|
|
2732
|
-
.Link-module__hop-
|
|
2735
|
+
.Link-module__hop-Link___hx42L[data-disabled] {
|
|
2733
2736
|
cursor: default;
|
|
2734
2737
|
}
|
|
2735
|
-
.Link-module__hop-Link--
|
|
2736
|
-
.Link-module__hop-Link--
|
|
2738
|
+
.Link-module__hop-Link--quiet___Sdez0[data-focus-visible],
|
|
2739
|
+
.Link-module__hop-Link--quiet___Sdez0[data-hovered] {
|
|
2737
2740
|
text-decoration: underline;
|
|
2738
2741
|
}
|
|
2739
|
-
.Link-module__hop-
|
|
2742
|
+
.Link-module__hop-Link___hx42L:not(.Link-module__hop-Link--quiet___Sdez0) {
|
|
2740
2743
|
text-decoration: underline;
|
|
2741
2744
|
}
|
|
2742
|
-
.Link-module__hop-Link--
|
|
2745
|
+
.Link-module__hop-Link--primary___pd6jh {
|
|
2743
2746
|
color: var(--hop-Link-primary-text-color);
|
|
2744
2747
|
}
|
|
2745
|
-
.Link-module__hop-Link--
|
|
2748
|
+
.Link-module__hop-Link--primary___pd6jh[data-disabled] {
|
|
2746
2749
|
color: var(--hop-Link-primary-text-disabled-color);
|
|
2747
2750
|
}
|
|
2748
|
-
.Link-module__hop-Link--
|
|
2749
|
-
.Link-module__hop-Link--
|
|
2751
|
+
.Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-focus-visible],
|
|
2752
|
+
.Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-hovered] {
|
|
2750
2753
|
color: var(--hop-Link-primary-text-hover-color);
|
|
2751
2754
|
}
|
|
2752
|
-
.Link-module__hop-Link--
|
|
2755
|
+
.Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-pressed] {
|
|
2753
2756
|
color: var(--hop-Link-primary-text-pressed-color);
|
|
2754
2757
|
}
|
|
2755
|
-
.Link-module__hop-Link--
|
|
2758
|
+
.Link-module__hop-Link--secondary___ZmHJ9 {
|
|
2756
2759
|
color: var(--hop-Link-neutral-text-color);
|
|
2757
2760
|
}
|
|
2758
|
-
.Link-module__hop-Link--
|
|
2761
|
+
.Link-module__hop-Link--secondary___ZmHJ9[data-disabled] {
|
|
2759
2762
|
color: var(--hop-Link-neutral-text-disabled-color);
|
|
2760
2763
|
}
|
|
2761
|
-
.Link-module__hop-Link--
|
|
2762
|
-
.Link-module__hop-Link--
|
|
2764
|
+
.Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-focus-visible],
|
|
2765
|
+
.Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-hovered] {
|
|
2763
2766
|
color: var(--hop-Link-neutral-text-hover-color);
|
|
2764
2767
|
}
|
|
2765
|
-
.Link-module__hop-Link--
|
|
2768
|
+
.Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-pressed] {
|
|
2766
2769
|
color: var(--hop-Link-neutral-text-pressed-color);
|
|
2767
2770
|
}
|
|
2768
|
-
.Link-module__hop-
|
|
2769
|
-
.Link-module__hop-Link__icon-
|
|
2771
|
+
.Link-module__hop-Link__icon___EzbcC,
|
|
2772
|
+
.Link-module__hop-Link__icon-list___kDa2B {
|
|
2770
2773
|
order: 2;
|
|
2771
2774
|
}
|
|
2772
|
-
.Link-module__hop-
|
|
2775
|
+
.Link-module__hop-Link__text___4wQpK {
|
|
2773
2776
|
order: 1;
|
|
2774
2777
|
}
|
|
2775
|
-
.Link-module__hop-Link__start-
|
|
2776
|
-
.Link-module__hop-Link__start-icon-
|
|
2778
|
+
.Link-module__hop-Link__start-icon___REGAG,
|
|
2779
|
+
.Link-module__hop-Link__start-icon-list___lhZ1C {
|
|
2777
2780
|
order: 0;
|
|
2778
2781
|
}
|
|
2779
2782
|
|
|
2780
2783
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
|
|
2781
|
-
.Radio-module__hop-
|
|
2784
|
+
.Radio-module__hop-Radio___5q4dw {
|
|
2782
2785
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
2783
2786
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
2784
2787
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -2852,60 +2855,60 @@
|
|
|
2852
2855
|
inline-size: max-content;
|
|
2853
2856
|
max-inline-size: 100%;
|
|
2854
2857
|
}
|
|
2855
|
-
.Radio-module__hop-
|
|
2858
|
+
.Radio-module__hop-Radio___5q4dw[data-focus-visible] {
|
|
2856
2859
|
--box-background-color: var(--hop-Radio-box-background-color-focused);
|
|
2857
2860
|
--box-border-color: var(--hop-Radio-box-border-color-focused);
|
|
2858
2861
|
--box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
|
|
2859
2862
|
--text-color: var(--hop-Radio-text-color-focused);
|
|
2860
2863
|
--icon-color: var(--hop-Radio-icon-color-focused);
|
|
2861
2864
|
}
|
|
2862
|
-
.Radio-module__hop-
|
|
2865
|
+
.Radio-module__hop-Radio___5q4dw[data-hovered] {
|
|
2863
2866
|
--box-background-color: var(--hop-Radio-box-background-color-hovered);
|
|
2864
2867
|
--box-border-color: var(--hop-Radio-box-border-color-hovered);
|
|
2865
2868
|
--text-color: var(--hop-Radio-text-color-hovered);
|
|
2866
2869
|
--icon-color: var(--hop-Radio-icon-color-hovered);
|
|
2867
2870
|
}
|
|
2868
|
-
.Radio-module__hop-
|
|
2871
|
+
.Radio-module__hop-Radio___5q4dw[data-pressed] {
|
|
2869
2872
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
2870
2873
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
2871
2874
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
2872
2875
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
2873
2876
|
}
|
|
2874
|
-
.Radio-module__hop-
|
|
2877
|
+
.Radio-module__hop-Radio___5q4dw[data-selected] {
|
|
2875
2878
|
--box-background-color: var(--hop-Radio-box-background-color-selected);
|
|
2876
2879
|
--box-border-color: var(--hop-Radio-box-border-color-selected);
|
|
2877
2880
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
2878
2881
|
--text-color: var(--hop-Radio-text-color-selected);
|
|
2879
2882
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
2880
2883
|
}
|
|
2881
|
-
.Radio-module__hop-
|
|
2884
|
+
.Radio-module__hop-Radio___5q4dw[data-invalid] {
|
|
2882
2885
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
2883
2886
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
2884
2887
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
2885
2888
|
--text-color: var(--hop-Radio-text-color-invalid);
|
|
2886
2889
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
2887
2890
|
}
|
|
2888
|
-
.Radio-module__hop-
|
|
2891
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-focus-visible] {
|
|
2889
2892
|
--box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
|
|
2890
2893
|
--box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
|
|
2891
2894
|
}
|
|
2892
|
-
.Radio-module__hop-
|
|
2895
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-hovered] {
|
|
2893
2896
|
--box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
|
|
2894
2897
|
--box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
|
|
2895
2898
|
--text-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2896
2899
|
--icon-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
2897
2900
|
}
|
|
2898
|
-
.Radio-module__hop-
|
|
2901
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-pressed] {
|
|
2899
2902
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
2900
2903
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
2901
2904
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
2902
2905
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
2903
2906
|
}
|
|
2904
|
-
.Radio-module__hop-
|
|
2907
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-selected] {
|
|
2905
2908
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
2906
2909
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
2907
2910
|
}
|
|
2908
|
-
.Radio-module__hop-
|
|
2911
|
+
.Radio-module__hop-Radio___5q4dw[data-disabled] {
|
|
2909
2912
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
2910
2913
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
2911
2914
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -2913,25 +2916,25 @@
|
|
|
2913
2916
|
--text-color: var(--hop-Radio-text-color-disabled);
|
|
2914
2917
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
2915
2918
|
}
|
|
2916
|
-
.Radio-module__hop-Radio--
|
|
2919
|
+
.Radio-module__hop-Radio--sm___4LYS8 {
|
|
2917
2920
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
2918
2921
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
2919
2922
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
2920
2923
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
2921
2924
|
}
|
|
2922
|
-
.Radio-module__hop-Radio--
|
|
2925
|
+
.Radio-module__hop-Radio--md___As58o {
|
|
2923
2926
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
2924
2927
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
2925
2928
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
2926
2929
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
2927
2930
|
}
|
|
2928
|
-
.Radio-module__hop-
|
|
2929
|
-
.Radio-module__hop-Radio__icon-
|
|
2931
|
+
.Radio-module__hop-Radio__icon___KdTxL,
|
|
2932
|
+
.Radio-module__hop-Radio__icon-list___4rAJh {
|
|
2930
2933
|
flex: 0 0 auto;
|
|
2931
2934
|
order: 3;
|
|
2932
2935
|
color: var(--icon-color);
|
|
2933
2936
|
}
|
|
2934
|
-
.Radio-module__hop-
|
|
2937
|
+
.Radio-module__hop-Radio__box___RRBuh {
|
|
2935
2938
|
display: flex;
|
|
2936
2939
|
flex: 0 0 auto;
|
|
2937
2940
|
align-items: center;
|
|
@@ -2947,11 +2950,11 @@
|
|
|
2947
2950
|
outline-offset: 0.125rem;
|
|
2948
2951
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
2949
2952
|
}
|
|
2950
|
-
.Radio-module__hop-
|
|
2953
|
+
.Radio-module__hop-Radio__bullet___BZw7q {
|
|
2951
2954
|
display: var(--bullet-display);
|
|
2952
2955
|
color: var(--bullet-color);
|
|
2953
2956
|
}
|
|
2954
|
-
.Radio-module__hop-
|
|
2957
|
+
.Radio-module__hop-Radio__text___Q7Ytg {
|
|
2955
2958
|
flex: 0 1 auto;
|
|
2956
2959
|
order: 2;
|
|
2957
2960
|
min-inline-size: 0;
|
|
@@ -2961,7 +2964,7 @@
|
|
|
2961
2964
|
}
|
|
2962
2965
|
|
|
2963
2966
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
|
|
2964
|
-
.RadioField-module__hop-
|
|
2967
|
+
.RadioField-module__hop-RadioField___A5OEY {
|
|
2965
2968
|
--hop-RadioField-description-color: var(--hop-neutral-text-weak);
|
|
2966
2969
|
--hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
2967
2970
|
--hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -2980,28 +2983,28 @@
|
|
|
2980
2983
|
inline-size: max-content;
|
|
2981
2984
|
max-inline-size: 100%;
|
|
2982
2985
|
}
|
|
2983
|
-
.RadioField-module__hop-
|
|
2986
|
+
.RadioField-module__hop-RadioField___A5OEY[data-disabled] {
|
|
2984
2987
|
--description-color: var(--hop-RadioField-description-color-disabled);
|
|
2985
2988
|
}
|
|
2986
|
-
.RadioField-module__hop-RadioField--
|
|
2989
|
+
.RadioField-module__hop-RadioField--sm___08VGE {
|
|
2987
2990
|
--row-gap: var(--hop-RadioField-sm-row-gap);
|
|
2988
2991
|
--description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
|
|
2989
2992
|
}
|
|
2990
|
-
.RadioField-module__hop-RadioField--
|
|
2993
|
+
.RadioField-module__hop-RadioField--md___-4aoZ {
|
|
2991
2994
|
--row-gap: var(--hop-RadioField-md-row-gap);
|
|
2992
2995
|
--description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
|
|
2993
2996
|
}
|
|
2994
|
-
.RadioField-module__hop-
|
|
2997
|
+
.RadioField-module__hop-RadioField__description___5EvIt {
|
|
2995
2998
|
order: 2;
|
|
2996
2999
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
|
|
2997
3000
|
color: var(--description-color);
|
|
2998
3001
|
}
|
|
2999
|
-
.RadioField-module__hop-
|
|
3002
|
+
.RadioField-module__hop-RadioField__radio___lMDuc {
|
|
3000
3003
|
order: 1;
|
|
3001
3004
|
}
|
|
3002
3005
|
|
|
3003
3006
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
|
|
3004
|
-
.RadioGroup-module__hop-
|
|
3007
|
+
.RadioGroup-module__hop-RadioGroup___ByriM {
|
|
3005
3008
|
--hop-RadioGroup-align-items: flex-start;
|
|
3006
3009
|
--hop-RadioGroup-justify-content: flex-start;
|
|
3007
3010
|
--hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
|
|
@@ -3041,46 +3044,46 @@
|
|
|
3041
3044
|
inline-size: var(--inline-size);
|
|
3042
3045
|
max-inline-size: 100%;
|
|
3043
3046
|
}
|
|
3044
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3047
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR {
|
|
3045
3048
|
--list-border: var(--radio-border-size) solid var(--radio-border-color);
|
|
3046
3049
|
--list-border-radius: var(--hop-shape-rounded-md);
|
|
3047
3050
|
}
|
|
3048
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3051
|
+
.RadioGroup-module__hop-RadioGroup--sm___wPypQ {
|
|
3049
3052
|
--column-gap: var(--hop-RadioGroup-sm-column-gap);
|
|
3050
3053
|
--row-gap: var(--hop-RadioGroup-sm-row-gap);
|
|
3051
3054
|
--list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
|
|
3052
3055
|
--list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
|
|
3053
3056
|
}
|
|
3054
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3057
|
+
.RadioGroup-module__hop-RadioGroup--md___uVawW {
|
|
3055
3058
|
--column-gap: var(--hop-RadioGroup-md-column-gap);
|
|
3056
3059
|
--row-gap: var(--hop-RadioGroup-md-row-gap);
|
|
3057
3060
|
--list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
|
|
3058
3061
|
--list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
|
|
3059
3062
|
}
|
|
3060
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3063
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR.RadioGroup-module__hop-RadioGroup--sm___wPypQ {
|
|
3061
3064
|
--radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
|
|
3062
3065
|
--column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
|
|
3063
3066
|
--row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
|
|
3064
3067
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
|
|
3065
3068
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
|
|
3066
3069
|
}
|
|
3067
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3070
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR.RadioGroup-module__hop-RadioGroup--md___uVawW {
|
|
3068
3071
|
--radio-padding: var(--hop-RadioGroup-bordered-md-padding);
|
|
3069
3072
|
--column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
|
|
3070
3073
|
--row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
|
|
3071
3074
|
--list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
|
|
3072
3075
|
--list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
|
|
3073
3076
|
}
|
|
3074
|
-
.RadioGroup-module__hop-
|
|
3077
|
+
.RadioGroup-module__hop-RadioGroup___ByriM[data-orientation=horizontal] {
|
|
3075
3078
|
--flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
|
|
3076
3079
|
}
|
|
3077
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3080
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=horizontal] {
|
|
3078
3081
|
--flex-wrap: nowrap;
|
|
3079
3082
|
}
|
|
3080
|
-
.RadioGroup-module__hop-
|
|
3083
|
+
.RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__label___ieR7x {
|
|
3081
3084
|
order: 1;
|
|
3082
3085
|
}
|
|
3083
|
-
.RadioGroup-module__hop-
|
|
3086
|
+
.RadioGroup-module__hop-RadioGroup__list___3EuL0 {
|
|
3084
3087
|
display: flex;
|
|
3085
3088
|
flex-flow: var(--flex-direction) var(--flex-wrap);
|
|
3086
3089
|
gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
|
|
@@ -3091,7 +3094,7 @@
|
|
|
3091
3094
|
border: var(--list-border, none);
|
|
3092
3095
|
border-radius: var(--list-border-radius, 0);
|
|
3093
3096
|
}
|
|
3094
|
-
.RadioGroup-module__hop-
|
|
3097
|
+
.RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ {
|
|
3095
3098
|
position: relative;
|
|
3096
3099
|
flex: 0 1 auto;
|
|
3097
3100
|
align-content: start;
|
|
@@ -3099,28 +3102,28 @@
|
|
|
3099
3102
|
min-inline-size: 0;
|
|
3100
3103
|
padding: var(--radio-padding, 0);
|
|
3101
3104
|
}
|
|
3102
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3105
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
|
|
3103
3106
|
content: "";
|
|
3104
3107
|
position: absolute;
|
|
3105
3108
|
display: block;
|
|
3106
3109
|
}
|
|
3107
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3110
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
|
|
3108
3111
|
inset-block-start: 0;
|
|
3109
3112
|
inset-inline: 0;
|
|
3110
3113
|
border-block-start: var(--list-border, none);
|
|
3111
3114
|
}
|
|
3112
|
-
.RadioGroup-module__hop-RadioGroup--
|
|
3115
|
+
.RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
|
|
3113
3116
|
inset-block: 0;
|
|
3114
3117
|
inset-inline-start: 0;
|
|
3115
3118
|
border-inline-start: var(--list-border, none);
|
|
3116
3119
|
}
|
|
3117
|
-
.RadioGroup-module__hop-
|
|
3118
|
-
.RadioGroup-module__hop-
|
|
3120
|
+
.RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__error-message___QtRJp,
|
|
3121
|
+
.RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__helper-message___CHWOA {
|
|
3119
3122
|
order: 3;
|
|
3120
3123
|
}
|
|
3121
3124
|
|
|
3122
3125
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
|
|
3123
|
-
.Radio-module__hop-
|
|
3126
|
+
.Radio-module__hop-Radio___5q4dw {
|
|
3124
3127
|
--hop-Radio-box-border-size: 0.0625rem;
|
|
3125
3128
|
--hop-Radio-box-border-color: var(--hop-neutral-border);
|
|
3126
3129
|
--hop-Radio-box-background-color: var(--hop-neutral-surface);
|
|
@@ -3194,60 +3197,60 @@
|
|
|
3194
3197
|
inline-size: max-content;
|
|
3195
3198
|
max-inline-size: 100%;
|
|
3196
3199
|
}
|
|
3197
|
-
.Radio-module__hop-
|
|
3200
|
+
.Radio-module__hop-Radio___5q4dw[data-focus-visible] {
|
|
3198
3201
|
--box-background-color: var(--hop-Radio-box-background-color-focused);
|
|
3199
3202
|
--box-border-color: var(--hop-Radio-box-border-color-focused);
|
|
3200
3203
|
--box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
|
|
3201
3204
|
--text-color: var(--hop-Radio-text-color-focused);
|
|
3202
3205
|
--icon-color: var(--hop-Radio-icon-color-focused);
|
|
3203
3206
|
}
|
|
3204
|
-
.Radio-module__hop-
|
|
3207
|
+
.Radio-module__hop-Radio___5q4dw[data-hovered] {
|
|
3205
3208
|
--box-background-color: var(--hop-Radio-box-background-color-hovered);
|
|
3206
3209
|
--box-border-color: var(--hop-Radio-box-border-color-hovered);
|
|
3207
3210
|
--text-color: var(--hop-Radio-text-color-hovered);
|
|
3208
3211
|
--icon-color: var(--hop-Radio-icon-color-hovered);
|
|
3209
3212
|
}
|
|
3210
|
-
.Radio-module__hop-
|
|
3213
|
+
.Radio-module__hop-Radio___5q4dw[data-pressed] {
|
|
3211
3214
|
--box-background-color: var(--hop-Radio-box-background-color-pressed);
|
|
3212
3215
|
--box-border-color: var(--hop-Radio-box-border-color-pressed);
|
|
3213
3216
|
--text-color: var(--hop-Radio-text-color-pressed);
|
|
3214
3217
|
--icon-color: var(--hop-Radio-icon-color-pressed);
|
|
3215
3218
|
}
|
|
3216
|
-
.Radio-module__hop-
|
|
3219
|
+
.Radio-module__hop-Radio___5q4dw[data-selected] {
|
|
3217
3220
|
--box-background-color: var(--hop-Radio-box-background-color-selected);
|
|
3218
3221
|
--box-border-color: var(--hop-Radio-box-border-color-selected);
|
|
3219
3222
|
--bullet-display: var(--hop-Radio-bullet-display-selected);
|
|
3220
3223
|
--text-color: var(--hop-Radio-text-color-selected);
|
|
3221
3224
|
--icon-color: var(--hop-Radio-icon-color-selected);
|
|
3222
3225
|
}
|
|
3223
|
-
.Radio-module__hop-
|
|
3226
|
+
.Radio-module__hop-Radio___5q4dw[data-invalid] {
|
|
3224
3227
|
--box-background-color: var(--hop-Radio-box-background-color-invalid);
|
|
3225
3228
|
--box-border-color: var(--hop-Radio-box-border-color-invalid);
|
|
3226
3229
|
--bullet-color: var(--hop-Radio-bullet-color-invalid);
|
|
3227
3230
|
--text-color: var(--hop-Radio-text-color-invalid);
|
|
3228
3231
|
--icon-color: var(--hop-Radio-icon-color-invalid);
|
|
3229
3232
|
}
|
|
3230
|
-
.Radio-module__hop-
|
|
3233
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-focus-visible] {
|
|
3231
3234
|
--box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
|
|
3232
3235
|
--box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
|
|
3233
3236
|
}
|
|
3234
|
-
.Radio-module__hop-
|
|
3237
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-hovered] {
|
|
3235
3238
|
--box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
|
|
3236
3239
|
--box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
|
|
3237
3240
|
--text-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
3238
3241
|
--icon-color: var(--hop-Radio-text-color-hovered-invalid);
|
|
3239
3242
|
}
|
|
3240
|
-
.Radio-module__hop-
|
|
3243
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-pressed] {
|
|
3241
3244
|
--box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
|
|
3242
3245
|
--box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
|
|
3243
3246
|
--text-color: var(--hop-Radio-text-color-pressed-invalid);
|
|
3244
3247
|
--icon-color: var(--hop-Radio-icon-color-pressed-invalid);
|
|
3245
3248
|
}
|
|
3246
|
-
.Radio-module__hop-
|
|
3249
|
+
.Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-selected] {
|
|
3247
3250
|
--box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
|
|
3248
3251
|
--box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
|
|
3249
3252
|
}
|
|
3250
|
-
.Radio-module__hop-
|
|
3253
|
+
.Radio-module__hop-Radio___5q4dw[data-disabled] {
|
|
3251
3254
|
--box-background-color: var(--hop-Radio-box-background-color-disabled);
|
|
3252
3255
|
--box-border-color: var(--hop-Radio-box-border-color-disabled);
|
|
3253
3256
|
--bullet-color: var(--hop-Radio-bullet-color-disabled);
|
|
@@ -3255,25 +3258,25 @@
|
|
|
3255
3258
|
--text-color: var(--hop-Radio-text-color-disabled);
|
|
3256
3259
|
--icon-color: var(--hop-Radio-icon-color-disabled);
|
|
3257
3260
|
}
|
|
3258
|
-
.Radio-module__hop-Radio--
|
|
3261
|
+
.Radio-module__hop-Radio--sm___4LYS8 {
|
|
3259
3262
|
--box-inline-size: var(--hop-Radio-box-sm-inline-size);
|
|
3260
3263
|
--box-block-size: var(--hop-Radio-box-sm-block-size);
|
|
3261
3264
|
--text-top-offset: var(--hop-Radio-text-sm-top-offset);
|
|
3262
3265
|
--text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
|
|
3263
3266
|
}
|
|
3264
|
-
.Radio-module__hop-Radio--
|
|
3267
|
+
.Radio-module__hop-Radio--md___As58o {
|
|
3265
3268
|
--box-inline-size: var(--hop-Radio-box-md-inline-size);
|
|
3266
3269
|
--box-block-size: var(--hop-Radio-box-md-block-size);
|
|
3267
3270
|
--text-top-offset: var(--hop-Radio-text-md-top-offset);
|
|
3268
3271
|
--text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
|
|
3269
3272
|
}
|
|
3270
|
-
.Radio-module__hop-
|
|
3271
|
-
.Radio-module__hop-Radio__icon-
|
|
3273
|
+
.Radio-module__hop-Radio__icon___KdTxL,
|
|
3274
|
+
.Radio-module__hop-Radio__icon-list___4rAJh {
|
|
3272
3275
|
flex: 0 0 auto;
|
|
3273
3276
|
order: 3;
|
|
3274
3277
|
color: var(--icon-color);
|
|
3275
3278
|
}
|
|
3276
|
-
.Radio-module__hop-
|
|
3279
|
+
.Radio-module__hop-Radio__box___RRBuh {
|
|
3277
3280
|
display: flex;
|
|
3278
3281
|
flex: 0 0 auto;
|
|
3279
3282
|
align-items: center;
|
|
@@ -3289,11 +3292,11 @@
|
|
|
3289
3292
|
outline-offset: 0.125rem;
|
|
3290
3293
|
transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
|
|
3291
3294
|
}
|
|
3292
|
-
.Radio-module__hop-
|
|
3295
|
+
.Radio-module__hop-Radio__bullet___BZw7q {
|
|
3293
3296
|
display: var(--bullet-display);
|
|
3294
3297
|
color: var(--bullet-color);
|
|
3295
3298
|
}
|
|
3296
|
-
.Radio-module__hop-
|
|
3299
|
+
.Radio-module__hop-Radio__text___Q7Ytg {
|
|
3297
3300
|
flex: 0 1 auto;
|
|
3298
3301
|
order: 2;
|
|
3299
3302
|
min-inline-size: 0;
|
|
@@ -3301,24 +3304,24 @@
|
|
|
3301
3304
|
margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
|
|
3302
3305
|
color: var(--text-color);
|
|
3303
3306
|
}
|
|
3304
|
-
.DecorativeRadio-module__hop-
|
|
3307
|
+
.DecorativeRadio-module__hop-DecorativeRadio___xR3qR {
|
|
3305
3308
|
}
|
|
3306
|
-
.DecorativeRadio-module__hop-DecorativeRadio--
|
|
3309
|
+
.DecorativeRadio-module__hop-DecorativeRadio--sm___IYfZ4 {
|
|
3307
3310
|
}
|
|
3308
|
-
.DecorativeRadio-module__hop-DecorativeRadio--
|
|
3311
|
+
.DecorativeRadio-module__hop-DecorativeRadio--md___dT1bE {
|
|
3309
3312
|
}
|
|
3310
|
-
.DecorativeRadio-module__hop-
|
|
3311
|
-
.DecorativeRadio-module__hop-DecorativeRadio__icon-
|
|
3313
|
+
.DecorativeRadio-module__hop-DecorativeRadio__icon___-h3p5,
|
|
3314
|
+
.DecorativeRadio-module__hop-DecorativeRadio__icon-list___MZItP {
|
|
3312
3315
|
}
|
|
3313
|
-
.DecorativeRadio-module__hop-
|
|
3316
|
+
.DecorativeRadio-module__hop-DecorativeRadio__box___t1G2C {
|
|
3314
3317
|
}
|
|
3315
|
-
.DecorativeRadio-module__hop-
|
|
3318
|
+
.DecorativeRadio-module__hop-DecorativeRadio__bullet___vV0nA {
|
|
3316
3319
|
}
|
|
3317
|
-
.DecorativeRadio-module__hop-
|
|
3320
|
+
.DecorativeRadio-module__hop-DecorativeRadio__text___guri5 {
|
|
3318
3321
|
}
|
|
3319
3322
|
|
|
3320
3323
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
|
|
3321
|
-
.ListBoxItemSkeleton-module__hop-
|
|
3324
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Arx5F {
|
|
3322
3325
|
--hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
|
|
3323
3326
|
--hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
|
|
3324
3327
|
--hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -3344,7 +3347,7 @@
|
|
|
3344
3347
|
background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
|
|
3345
3348
|
background-size: 400% 100%;
|
|
3346
3349
|
border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
|
|
3347
|
-
animation-name: ListBoxItemSkeleton-module__placeholder-
|
|
3350
|
+
animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs;
|
|
3348
3351
|
animation-duration: var(--animation-duration);
|
|
3349
3352
|
animation-timing-function: ease-in-out;
|
|
3350
3353
|
animation-fill-mode: forwards;
|
|
@@ -3353,19 +3356,19 @@
|
|
|
3353
3356
|
--animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
|
|
3354
3357
|
}
|
|
3355
3358
|
}
|
|
3356
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
3359
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___qpzvW {
|
|
3357
3360
|
--height: var(--hop-ListBoxItemSkeleton-xs-height);
|
|
3358
3361
|
}
|
|
3359
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
3362
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___5I3kP {
|
|
3360
3363
|
--height: var(--hop-ListBoxItemSkeleton-sm-height);
|
|
3361
3364
|
}
|
|
3362
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
3365
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___z1uMe {
|
|
3363
3366
|
--height: var(--hop-ListBoxItemSkeleton-md-height);
|
|
3364
3367
|
}
|
|
3365
|
-
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--
|
|
3368
|
+
.ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___7mR52 {
|
|
3366
3369
|
--height: var(--hop-ListBoxItemSkeleton-lg-height);
|
|
3367
3370
|
}
|
|
3368
|
-
@keyframes ListBoxItemSkeleton-module__placeholder-
|
|
3371
|
+
@keyframes ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs {
|
|
3369
3372
|
0% {
|
|
3370
3373
|
background-position: 125% 50%;
|
|
3371
3374
|
}
|
|
@@ -3375,7 +3378,7 @@
|
|
|
3375
3378
|
}
|
|
3376
3379
|
|
|
3377
3380
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
|
|
3378
|
-
.ListBoxItem-module__hop-
|
|
3381
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3- {
|
|
3379
3382
|
--hop-ListBoxItem-background-color: transparent;
|
|
3380
3383
|
--hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
|
|
3381
3384
|
--hop-ListBoxItem-text-color: var(--hop-neutral-text);
|
|
@@ -3472,129 +3475,129 @@
|
|
|
3472
3475
|
outline: var(--outline);
|
|
3473
3476
|
outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
|
|
3474
3477
|
}
|
|
3475
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3478
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___QDUaN {
|
|
3476
3479
|
--padding-block: var(--hop-ListBoxItem-xs-padding-block);
|
|
3477
3480
|
--padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
|
|
3478
3481
|
--min-height: var(--hop-ListBoxItem-xs-min-height);
|
|
3479
3482
|
--avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
|
|
3480
3483
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
|
|
3481
3484
|
}
|
|
3482
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3485
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___MkxrY {
|
|
3483
3486
|
--padding-block: var(--hop-ListBoxItem-sm-padding-block);
|
|
3484
3487
|
--padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
|
|
3485
3488
|
--min-height: var(--hop-ListBoxItem-sm-min-height);
|
|
3486
3489
|
--avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
|
|
3487
3490
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
|
|
3488
3491
|
}
|
|
3489
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3492
|
+
.ListBoxItem-module__hop-ListBoxItem--md___Sh68L {
|
|
3490
3493
|
--padding-block: var(--hop-ListBoxItem-md-padding-block);
|
|
3491
3494
|
--padding-inline: var(--hop-ListBoxItem-md-padding-inline);
|
|
3492
3495
|
--min-height: var(--hop-ListBoxItem-md-min-height);
|
|
3493
3496
|
--avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
|
|
3494
3497
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
|
|
3495
3498
|
}
|
|
3496
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3499
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___mYIg- {
|
|
3497
3500
|
--padding-block: var(--hop-ListBoxItem-lg-padding-block);
|
|
3498
3501
|
--padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
|
|
3499
3502
|
--min-height: var(--hop-ListBoxItem-lg-min-height);
|
|
3500
3503
|
--avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
|
|
3501
3504
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
|
|
3502
3505
|
}
|
|
3503
|
-
.ListBoxItem-module__hop-
|
|
3506
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-selection-mode] {
|
|
3504
3507
|
--cursor: pointer;
|
|
3505
3508
|
}
|
|
3506
|
-
.ListBoxItem-module__hop-
|
|
3509
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-:not([data-selection-mode]) {
|
|
3507
3510
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
3508
3511
|
}
|
|
3509
|
-
.ListBoxItem-module__hop-
|
|
3512
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___UCV4p:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8) {
|
|
3510
3513
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
|
|
3511
3514
|
}
|
|
3512
|
-
.ListBoxItem-module__hop-
|
|
3515
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___UCV4p[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8) {
|
|
3513
3516
|
--checkmark-transition: none;
|
|
3514
3517
|
}
|
|
3515
|
-
.ListBoxItem-module__hop-
|
|
3518
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-selected] {
|
|
3516
3519
|
--background-color: var(--hop-ListBoxItem-background-color-selected);
|
|
3517
3520
|
--text-color: var(--hop-ListBoxItem-text-color-selected);
|
|
3518
3521
|
--icon-color: var(--hop-ListBoxItem-icon-color-selected);
|
|
3519
3522
|
--checkmark-opacity: 1;
|
|
3520
3523
|
}
|
|
3521
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3524
|
+
.ListBoxItem-module__hop-ListBoxItem--xs___QDUaN[data-selected] {
|
|
3522
3525
|
--label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
|
|
3523
3526
|
}
|
|
3524
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3527
|
+
.ListBoxItem-module__hop-ListBoxItem--sm___MkxrY[data-selected] {
|
|
3525
3528
|
--label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
|
|
3526
3529
|
}
|
|
3527
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3530
|
+
.ListBoxItem-module__hop-ListBoxItem--md___Sh68L[data-selected] {
|
|
3528
3531
|
--label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
|
|
3529
3532
|
}
|
|
3530
|
-
.ListBoxItem-module__hop-ListBoxItem--
|
|
3533
|
+
.ListBoxItem-module__hop-ListBoxItem--lg___mYIg-[data-selected] {
|
|
3531
3534
|
--label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
|
|
3532
3535
|
}
|
|
3533
|
-
.ListBoxItem-module__hop-
|
|
3536
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-focus-visible] {
|
|
3534
3537
|
--background-color: var(--hop-ListBoxItem-background-color-focused);
|
|
3535
3538
|
--text-color: var(--hop-ListBoxItem-text-color-focused);
|
|
3536
3539
|
--icon-color: var(--hop-ListBoxItem-icon-color-focused);
|
|
3537
3540
|
--outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
|
|
3538
3541
|
}
|
|
3539
|
-
.ListBoxItem-module__hop-
|
|
3542
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-hovered] {
|
|
3540
3543
|
--background-color: var(--hop-ListBoxItem-background-color-hovered);
|
|
3541
3544
|
--text-color: var(--hop-ListBoxItem-text-color-hovered);
|
|
3542
3545
|
--icon-color: var(--hop-ListBoxItem-icon-color-hovered);
|
|
3543
3546
|
}
|
|
3544
|
-
.ListBoxItem-module__hop-
|
|
3547
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-pressed] {
|
|
3545
3548
|
--background-color: var(--hop-ListBoxItem-background-color-pressed);
|
|
3546
3549
|
--text-color: var(--hop-ListBoxItem-text-color-pressed);
|
|
3547
3550
|
--icon-color: var(--hop-ListBoxItem-icon-color-pressed);
|
|
3548
3551
|
}
|
|
3549
|
-
.ListBoxItem-module__hop-
|
|
3552
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-disabled] {
|
|
3550
3553
|
--background-color: var(--hop-ListBoxItem-background-color-disabled);
|
|
3551
3554
|
--text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
3552
3555
|
--icon-color: var(--hop-ListBoxItem-icon-color-disabled);
|
|
3553
3556
|
--description-text-color: var(--hop-ListBoxItem-text-color-disabled);
|
|
3554
3557
|
--cursor: not-allowed;
|
|
3555
3558
|
}
|
|
3556
|
-
.ListBoxItem-module__hop-
|
|
3559
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid] {
|
|
3557
3560
|
--background-color: var(--hop-ListBoxItem-background-color-invalid);
|
|
3558
3561
|
--text-color: var(--hop-ListBoxItem-text-color-invalid);
|
|
3559
3562
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid);
|
|
3560
3563
|
}
|
|
3561
|
-
.ListBoxItem-module__hop-
|
|
3564
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-selected] {
|
|
3562
3565
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
|
|
3563
3566
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
|
|
3564
3567
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
|
|
3565
3568
|
}
|
|
3566
|
-
.ListBoxItem-module__hop-
|
|
3569
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-focus-visible] {
|
|
3567
3570
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
|
|
3568
3571
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
|
|
3569
3572
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
|
|
3570
3573
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
|
|
3571
3574
|
}
|
|
3572
|
-
.ListBoxItem-module__hop-
|
|
3575
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-hovered] {
|
|
3573
3576
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
|
|
3574
3577
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
|
|
3575
3578
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
|
|
3576
3579
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
|
|
3577
3580
|
}
|
|
3578
|
-
.ListBoxItem-module__hop-
|
|
3581
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-pressed] {
|
|
3579
3582
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
|
|
3580
3583
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
|
|
3581
3584
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
|
|
3582
3585
|
--description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
|
|
3583
3586
|
}
|
|
3584
|
-
.ListBoxItem-module__hop-
|
|
3587
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-disabled] {
|
|
3585
3588
|
--background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
|
|
3586
3589
|
--text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
|
|
3587
3590
|
--icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
|
|
3588
3591
|
}
|
|
3589
|
-
.ListBoxItem-module__hop-
|
|
3592
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-:has(.ListBoxItem-module__hop-ListBoxItem__description___6SsEU) {
|
|
3590
3593
|
--row-gap: var(--hop-ListBoxItem-row-gap);
|
|
3591
3594
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
|
|
3592
3595
|
}
|
|
3593
|
-
.ListBoxItem-module__hop-
|
|
3596
|
+
.ListBoxItem-module__hop-ListBoxItem___EKD3-[data-loading] {
|
|
3594
3597
|
--grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
|
|
3595
3598
|
--grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
|
|
3596
3599
|
}
|
|
3597
|
-
.ListBoxItem-module__hop-
|
|
3600
|
+
.ListBoxItem-module__hop-ListBoxItem__inner___UCV4p {
|
|
3598
3601
|
display: grid;
|
|
3599
3602
|
grid-template-areas: var(--grid-template-areas);
|
|
3600
3603
|
grid-template-columns: var(--grid-template-columns);
|
|
@@ -3606,33 +3609,33 @@
|
|
|
3606
3609
|
padding-inline: var(--padding-inline);
|
|
3607
3610
|
transition: grid-template-columns .3s ease-in-out;
|
|
3608
3611
|
}
|
|
3609
|
-
.ListBoxItem-module__hop-
|
|
3612
|
+
.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8 {
|
|
3610
3613
|
grid-area: indicator;
|
|
3611
3614
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3612
3615
|
color: var(--icon-color);
|
|
3613
3616
|
opacity: var(--checkmark-opacity);
|
|
3614
3617
|
transition: var(--checkmark-transition);
|
|
3615
3618
|
}
|
|
3616
|
-
.ListBoxItem-module__hop-
|
|
3617
|
-
.ListBoxItem-module__hop-
|
|
3619
|
+
.ListBoxItem-module__hop-ListBoxItem__radio___L0Jyk,
|
|
3620
|
+
.ListBoxItem-module__hop-ListBoxItem__checkbox___-3EFw {
|
|
3618
3621
|
pointer-events: none;
|
|
3619
3622
|
user-select: none;
|
|
3620
3623
|
grid-area: indicator;
|
|
3621
3624
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3622
3625
|
}
|
|
3623
|
-
.ListBoxItem-module__hop-
|
|
3626
|
+
.ListBoxItem-module__hop-ListBoxItem__avatar___K3ccZ {
|
|
3624
3627
|
grid-area: avatar;
|
|
3625
3628
|
margin-block: var(--avatar-margin-block, 0);
|
|
3626
3629
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3627
3630
|
}
|
|
3628
|
-
.ListBoxItem-module__hop-ListBoxItem__icon-
|
|
3629
|
-
.ListBoxItem-module__hop-
|
|
3631
|
+
.ListBoxItem-module__hop-ListBoxItem__icon-list___BlnB-,
|
|
3632
|
+
.ListBoxItem-module__hop-ListBoxItem__icon___gRpdF {
|
|
3630
3633
|
grid-area: icon;
|
|
3631
3634
|
flex: 0 0 auto;
|
|
3632
3635
|
margin-inline-end: var(--hop-ListBoxItem-column-gap);
|
|
3633
3636
|
color: var(--icon-color);
|
|
3634
3637
|
}
|
|
3635
|
-
.ListBoxItem-module__hop-
|
|
3638
|
+
.ListBoxItem-module__hop-ListBoxItem__label___46Wdm {
|
|
3636
3639
|
overflow: hidden;
|
|
3637
3640
|
grid-area: label;
|
|
3638
3641
|
min-inline-size: 0;
|
|
@@ -3640,18 +3643,18 @@
|
|
|
3640
3643
|
text-overflow: ellipsis;
|
|
3641
3644
|
white-space: nowrap;
|
|
3642
3645
|
}
|
|
3643
|
-
.ListBoxItem-module__hop-ListBoxItem__end-icon-
|
|
3644
|
-
.ListBoxItem-module__hop-ListBoxItem__end-
|
|
3646
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon-list___BW6ws,
|
|
3647
|
+
.ListBoxItem-module__hop-ListBoxItem__end-icon___5EhSc {
|
|
3645
3648
|
grid-area: end-icon;
|
|
3646
3649
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
3647
3650
|
color: var(--icon-color);
|
|
3648
3651
|
}
|
|
3649
|
-
.ListBoxItem-module__hop-
|
|
3652
|
+
.ListBoxItem-module__hop-ListBoxItem__badge___3pjXI {
|
|
3650
3653
|
grid-area: badge;
|
|
3651
3654
|
margin-block: var(--hop-ListBoxItem-badge-margin-block);
|
|
3652
3655
|
margin-inline-start: var(--hop-ListBoxItem-column-gap);
|
|
3653
3656
|
}
|
|
3654
|
-
.ListBoxItem-module__hop-
|
|
3657
|
+
.ListBoxItem-module__hop-ListBoxItem__description___6SsEU {
|
|
3655
3658
|
overflow: hidden;
|
|
3656
3659
|
display: -webkit-box;
|
|
3657
3660
|
grid-area: description;
|
|
@@ -3662,7 +3665,7 @@
|
|
|
3662
3665
|
}
|
|
3663
3666
|
|
|
3664
3667
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
|
|
3665
|
-
.ListBox-module__hop-
|
|
3668
|
+
.ListBox-module__hop-ListBox___fCheu {
|
|
3666
3669
|
--hop-ListBox-background-color: var(--hop-neutral-surface);
|
|
3667
3670
|
--hop-ListBox-border-color: var(--hop-neutral-border-weak);
|
|
3668
3671
|
--hop-ListBox-border-radius: var(--hop-shape-rounded-md);
|
|
@@ -3690,8 +3693,6 @@
|
|
|
3690
3693
|
--hop-ListBox-section-header-padding: var(--hop-space-inset-stretch-sm);
|
|
3691
3694
|
--hop-ListBox-section-header-top-offset: var(--hop-overline-top-offset);
|
|
3692
3695
|
--hop-ListBox-section-header-bottom-offset: var(--hop-overline-bottom-offset);
|
|
3693
|
-
--hop-ListBox-divider-margin-block: var(--hop-space-stack-sm);
|
|
3694
|
-
--hop-ListBox-divider-margin-inline: calc(-1 * var(--hop-ListBox-padding-inline));
|
|
3695
3696
|
--max-width: var(--hop-ListBox-max-width);
|
|
3696
3697
|
--width: var(--hop-ListBox-width);
|
|
3697
3698
|
--section-padding-block-start: var(--hop-ListBox-section-padding-block);
|
|
@@ -3711,11 +3712,11 @@
|
|
|
3711
3712
|
border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
|
|
3712
3713
|
border-radius: var(--hop-ListBox-border-radius);
|
|
3713
3714
|
}
|
|
3714
|
-
.ListBox-module__hop-ListBox--
|
|
3715
|
+
.ListBox-module__hop-ListBox--fluid___2fafn {
|
|
3715
3716
|
--max-width: var(--hop-ListBox-fluid-max-width);
|
|
3716
3717
|
--width: var(--hop-ListBox-fluid-width);
|
|
3717
3718
|
}
|
|
3718
|
-
.ListBox-module__hop-
|
|
3719
|
+
.ListBox-module__hop-ListBox__section___sIZIS {
|
|
3719
3720
|
margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
|
|
3720
3721
|
margin-inline: var(--hop-ListBox-section-margin-inline);
|
|
3721
3722
|
padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
|
|
@@ -3723,21 +3724,21 @@
|
|
|
3723
3724
|
border-block-start: var(--section-border-block-start);
|
|
3724
3725
|
border-block-end: var(--section-border-block-end);
|
|
3725
3726
|
}
|
|
3726
|
-
.ListBox-module__hop-
|
|
3727
|
+
.ListBox-module__hop-ListBox__item___4-Gsh + .ListBox-module__hop-ListBox__section___sIZIS {
|
|
3727
3728
|
--section-margin-block-start: var(--hop-ListBox-section-margin-block);
|
|
3728
3729
|
--section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
|
|
3729
3730
|
}
|
|
3730
|
-
.ListBox-module__hop-
|
|
3731
|
+
.ListBox-module__hop-ListBox__section___sIZIS:has(+ .ListBox-module__hop-ListBox__item___4-Gsh) {
|
|
3731
3732
|
--section-margin-block-end: var(--hop-ListBox-section-margin-block);
|
|
3732
3733
|
}
|
|
3733
|
-
.ListBox-module__hop-
|
|
3734
|
+
.ListBox-module__hop-ListBox__section___sIZIS:first-child {
|
|
3734
3735
|
--section-padding-block-start: 0;
|
|
3735
3736
|
}
|
|
3736
|
-
.ListBox-module__hop-
|
|
3737
|
+
.ListBox-module__hop-ListBox__section___sIZIS:last-child {
|
|
3737
3738
|
--section-padding-block-end: 0;
|
|
3738
3739
|
--section-border-block-end: 0;
|
|
3739
3740
|
}
|
|
3740
|
-
.ListBox-module__hop-ListBox__section-
|
|
3741
|
+
.ListBox-module__hop-ListBox__section-header___1GilQ {
|
|
3741
3742
|
margin: 0;
|
|
3742
3743
|
padding: var(--hop-ListBox-section-header-padding);
|
|
3743
3744
|
font-family: var(--hop-ListBox-section-header-font-family);
|
|
@@ -3748,34 +3749,30 @@
|
|
|
3748
3749
|
text-transform: var(--hop-ListBox-section-header-text-transform);
|
|
3749
3750
|
letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
|
|
3750
3751
|
}
|
|
3751
|
-
.ListBox-module__hop-ListBox__section-
|
|
3752
|
-
.ListBox-module__hop-ListBox__section-
|
|
3752
|
+
.ListBox-module__hop-ListBox__section-header___1GilQ::before,
|
|
3753
|
+
.ListBox-module__hop-ListBox__section-header___1GilQ::after {
|
|
3753
3754
|
content: "";
|
|
3754
3755
|
display: block;
|
|
3755
3756
|
box-sizing: border-box;
|
|
3756
3757
|
inline-size: 0;
|
|
3757
3758
|
block-size: 0;
|
|
3758
3759
|
}
|
|
3759
|
-
.ListBox-module__hop-ListBox__section-
|
|
3760
|
+
.ListBox-module__hop-ListBox__section-header___1GilQ::before {
|
|
3760
3761
|
margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
|
|
3761
3762
|
}
|
|
3762
|
-
.ListBox-module__hop-ListBox__section-
|
|
3763
|
+
.ListBox-module__hop-ListBox__section-header___1GilQ::after {
|
|
3763
3764
|
margin-block-start: var(--hop-ListBox-section-header-top-offset);
|
|
3764
3765
|
}
|
|
3765
|
-
.ListBox-module__hop-ListBox__divider___-nFoG {
|
|
3766
|
-
margin-block: var(--hop-ListBox-divider-margin-block);
|
|
3767
|
-
margin-inline: var(--hop-ListBox-divider-margin-inline);
|
|
3768
|
-
}
|
|
3769
3766
|
|
|
3770
3767
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
|
|
3771
|
-
:where(.Popover-module__hop-
|
|
3768
|
+
:where(.Popover-module__hop-Popover___wpqmA *) {
|
|
3772
3769
|
font-family: var(--font-family);
|
|
3773
3770
|
font-size: var(--font-size);
|
|
3774
3771
|
font-weight: var(--font-weight);
|
|
3775
3772
|
line-height: var(--line-height);
|
|
3776
3773
|
outline: none;
|
|
3777
3774
|
}
|
|
3778
|
-
.Popover-module__hop-
|
|
3775
|
+
.Popover-module__hop-Popover___wpqmA {
|
|
3779
3776
|
--hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
|
|
3780
3777
|
--hop-Popover-inline-width: 25rem;
|
|
3781
3778
|
--hop-Popover-dropdown-inline-width: var(--trigger-width);
|
|
@@ -3787,19 +3784,19 @@
|
|
|
3787
3784
|
inline-size: var(--width);
|
|
3788
3785
|
max-inline-size: var(--max-width);
|
|
3789
3786
|
}
|
|
3790
|
-
.Popover-module__hop-
|
|
3787
|
+
.Popover-module__hop-Popover___wpqmA[data-trigger=Select] {
|
|
3791
3788
|
--width: var(--hop-Popover-dropdown-inline-width);
|
|
3792
3789
|
}
|
|
3793
|
-
.Popover-module__hop-
|
|
3790
|
+
.Popover-module__hop-Popover___wpqmA[data-auto-width] {
|
|
3794
3791
|
--width: var(--hop-Popover-dropdown-auto-inline-width);
|
|
3795
3792
|
}
|
|
3796
|
-
.Popover-module__hop-
|
|
3797
|
-
animation: Popover-
|
|
3793
|
+
.Popover-module__hop-Popover___wpqmA[data-entering] {
|
|
3794
|
+
animation: Popover-module__fade___fLu22 0.25s;
|
|
3798
3795
|
}
|
|
3799
|
-
.Popover-module__hop-
|
|
3800
|
-
animation: Popover-
|
|
3796
|
+
.Popover-module__hop-Popover___wpqmA[data-exiting] {
|
|
3797
|
+
animation: Popover-module__fade___fLu22 0.25s reverse;
|
|
3801
3798
|
}
|
|
3802
|
-
@keyframes Popover-
|
|
3799
|
+
@keyframes Popover-module__fade___fLu22 {
|
|
3803
3800
|
from {
|
|
3804
3801
|
opacity: 0;
|
|
3805
3802
|
}
|
|
@@ -3807,14 +3804,14 @@
|
|
|
3807
3804
|
opacity: 1;
|
|
3808
3805
|
}
|
|
3809
3806
|
}
|
|
3810
|
-
.Popover-module__hop-
|
|
3807
|
+
.Popover-module__hop-Popover__wrapper___-2GXF {
|
|
3811
3808
|
display: flex;
|
|
3812
3809
|
flex: 1 1 auto;
|
|
3813
3810
|
flex-direction: column;
|
|
3814
3811
|
min-block-size: 0;
|
|
3815
3812
|
}
|
|
3816
|
-
.Popover-module__hop-
|
|
3817
|
-
.Popover-module__hop-
|
|
3813
|
+
.Popover-module__hop-Popover__dialog___wOPF-,
|
|
3814
|
+
.Popover-module__hop-Popover__dropdown___hF0Ba {
|
|
3818
3815
|
--hop-Popover-background: var(--hop-neutral-surface);
|
|
3819
3816
|
--hop-Popover-font-family: var(--hop-body-sm-font-family);
|
|
3820
3817
|
--hop-Popover-font-size: var(--hop-body-sm-font-size);
|
|
@@ -3860,20 +3857,20 @@
|
|
|
3860
3857
|
border-radius: var(--hop-Popover-border-radius);
|
|
3861
3858
|
box-shadow: var(--hop-Popover-box-shadow);
|
|
3862
3859
|
}
|
|
3863
|
-
.Popover-module__hop-
|
|
3860
|
+
.Popover-module__hop-Popover__dropdown___hF0Ba {
|
|
3864
3861
|
--footer-margin: var(--hop-Popover-footer-dropdown-margin);
|
|
3865
3862
|
--footer-place-self: stretch;
|
|
3866
3863
|
--grid-template: var(--hop-Popover-dropdown-grid-template);
|
|
3867
3864
|
--padding: var(--hop-Popover-dropdown-padding);
|
|
3868
3865
|
}
|
|
3869
|
-
.Popover-module__hop-
|
|
3866
|
+
.Popover-module__hop-Popover__dialog___wOPF- {
|
|
3870
3867
|
--padding: var(--hop-Popover-dialog-padding);
|
|
3871
3868
|
}
|
|
3872
|
-
.Popover-module__hop-
|
|
3869
|
+
.Popover-module__hop-Popover__title___tULvQ {
|
|
3873
3870
|
grid-area: header;
|
|
3874
3871
|
color: var(--hop-Popover-color);
|
|
3875
3872
|
}
|
|
3876
|
-
.Popover-module__hop-
|
|
3873
|
+
.Popover-module__hop-Popover__content___xfAwJ {
|
|
3877
3874
|
--font-size: var(--hop-Popover-content-font-size);
|
|
3878
3875
|
--line-height: var(--hop-Popover-content-line-height);
|
|
3879
3876
|
grid-area: content;
|
|
@@ -3882,7 +3879,7 @@
|
|
|
3882
3879
|
padding: 0;
|
|
3883
3880
|
color: var(--hop-Popover-content-color);
|
|
3884
3881
|
}
|
|
3885
|
-
.Popover-module__hop-
|
|
3882
|
+
.Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__list-box___dtFam {
|
|
3886
3883
|
grid-area: content;
|
|
3887
3884
|
inline-size: auto;
|
|
3888
3885
|
min-inline-size: auto;
|
|
@@ -3891,7 +3888,7 @@
|
|
|
3891
3888
|
padding: 0;
|
|
3892
3889
|
border: none;
|
|
3893
3890
|
}
|
|
3894
|
-
.Popover-module__hop-
|
|
3891
|
+
.Popover-module__hop-Popover__footer___nRrpk {
|
|
3895
3892
|
--font-size: var(--hop-Popover-footer-font-size);
|
|
3896
3893
|
--line-height: var(--hop-Popover-footer-line-height);
|
|
3897
3894
|
grid-area: footer;
|
|
@@ -3899,22 +3896,22 @@
|
|
|
3899
3896
|
margin: var(--footer-margin);
|
|
3900
3897
|
color: var(--hop-Popover-color);
|
|
3901
3898
|
}
|
|
3902
|
-
.Popover-module__hop-
|
|
3899
|
+
.Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__footer___nRrpk {
|
|
3903
3900
|
padding: var(--hop-Popover-footer-dropdown-footer-padding);
|
|
3904
3901
|
border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
|
|
3905
3902
|
}
|
|
3906
|
-
.Popover-module__hop-
|
|
3907
|
-
.Popover-module__hop-
|
|
3903
|
+
.Popover-module__hop-Popover__actions___9XiAv,
|
|
3904
|
+
.Popover-module__hop-Popover__action___Gk0oe {
|
|
3908
3905
|
grid-area: action;
|
|
3909
3906
|
justify-self: end;
|
|
3910
3907
|
margin-block-start: var(--hop-Popover-row-gap);
|
|
3911
3908
|
}
|
|
3912
|
-
.Popover-module__hop-
|
|
3909
|
+
.Popover-module__hop-Popover___wpqmA:has(.Popover-module__hop-Popover__actions___9XiAv, .Popover-module__hop-Popover__action___Gk0oe) .Popover-module__hop-Popover__footer___nRrpk {
|
|
3913
3910
|
margin-inline-end: var(--hop-Popover-column-gap);
|
|
3914
3911
|
}
|
|
3915
3912
|
|
|
3916
3913
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
|
|
3917
|
-
.SelectValue-module__hop-
|
|
3914
|
+
.SelectValue-module__hop-SelectValue___fVOPa {
|
|
3918
3915
|
--hop-SelectValue-display: flex;
|
|
3919
3916
|
--hop-SelectValue-column-gap: var(--hop-space-inline-sm);
|
|
3920
3917
|
overflow: hidden;
|
|
@@ -3926,13 +3923,13 @@
|
|
|
3926
3923
|
text-overflow: ellipsis;
|
|
3927
3924
|
white-space: nowrap;
|
|
3928
3925
|
}
|
|
3929
|
-
.SelectValue-module__hop-
|
|
3926
|
+
.SelectValue-module__hop-SelectValue__avatar___7yyBy {
|
|
3930
3927
|
order: 1;
|
|
3931
3928
|
}
|
|
3932
|
-
.SelectValue-module__hop-
|
|
3929
|
+
.SelectValue-module__hop-SelectValue__icon___s-Isr {
|
|
3933
3930
|
order: 2;
|
|
3934
3931
|
}
|
|
3935
|
-
.SelectValue-module__hop-
|
|
3932
|
+
.SelectValue-module__hop-SelectValue__text___MuSju {
|
|
3936
3933
|
overflow: hidden;
|
|
3937
3934
|
flex: 1 1 auto;
|
|
3938
3935
|
order: 3;
|
|
@@ -3940,12 +3937,12 @@
|
|
|
3940
3937
|
text-overflow: ellipsis;
|
|
3941
3938
|
white-space: nowrap;
|
|
3942
3939
|
}
|
|
3943
|
-
.SelectValue-module__hop-SelectValue__end-
|
|
3940
|
+
.SelectValue-module__hop-SelectValue__end-icon___nrWhM {
|
|
3944
3941
|
order: 4;
|
|
3945
3942
|
}
|
|
3946
3943
|
|
|
3947
3944
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
|
|
3948
|
-
.Select-module__hop-
|
|
3945
|
+
.Select-module__hop-Select___018w5 {
|
|
3949
3946
|
--hop-Select-row-gap: var(--hop-space-stack-xs);
|
|
3950
3947
|
--hop-Select-inline-size: 20rem;
|
|
3951
3948
|
--hop-Select-inline-size-fluid: 100%;
|
|
@@ -3996,13 +3993,13 @@
|
|
|
3996
3993
|
inline-size: var(--inline-size);
|
|
3997
3994
|
max-inline-size: var(--hop-Select-max-inline-size);
|
|
3998
3995
|
}
|
|
3999
|
-
.Select-module__hop-Select--
|
|
3996
|
+
.Select-module__hop-Select--fluid___8FKqZ {
|
|
4000
3997
|
--inline-size: var(--hop-Select-inline-size-fluid);
|
|
4001
3998
|
}
|
|
4002
|
-
.Select-module__hop-
|
|
3999
|
+
.Select-module__hop-Select__label___h0QJ- {
|
|
4003
4000
|
order: 1;
|
|
4004
4001
|
}
|
|
4005
|
-
.Select-module__hop-
|
|
4002
|
+
.Select-module__hop-Select__button___csI9f {
|
|
4006
4003
|
cursor: var(--button-cursor);
|
|
4007
4004
|
display: flex;
|
|
4008
4005
|
column-gap: var(--hop-Select-button-column-gap);
|
|
@@ -4018,28 +4015,28 @@
|
|
|
4018
4015
|
border-radius: var(--hop-Select-button-border-radius);
|
|
4019
4016
|
outline: none;
|
|
4020
4017
|
}
|
|
4021
|
-
.Select-module__hop-Select__button--
|
|
4018
|
+
.Select-module__hop-Select__button--sm___7Bkjy {
|
|
4022
4019
|
--button-block-size: var(--hop-Select-button-sm-block-size);
|
|
4023
4020
|
}
|
|
4024
|
-
.Select-module__hop-Select__button--
|
|
4021
|
+
.Select-module__hop-Select__button--md___N5Huq {
|
|
4025
4022
|
--button-block-size: var(--hop-Select-button-md-block-size);
|
|
4026
4023
|
}
|
|
4027
|
-
.Select-module__hop-
|
|
4024
|
+
.Select-module__hop-Select__button___csI9f[data-hovered] {
|
|
4028
4025
|
--button-background-color: var(--hop-Select-button-background-color-hovered);
|
|
4029
4026
|
--button-border-color: var(--hop-Select-button-border-color-hovered);
|
|
4030
4027
|
--button-color: var(--hop-Select-button-color-hovered);
|
|
4031
4028
|
--button-icon-color: var(--hop-Select-button-icon-color-hovered);
|
|
4032
4029
|
}
|
|
4033
|
-
.Select-module__hop-
|
|
4030
|
+
.Select-module__hop-Select__button___csI9f[data-pressed] {
|
|
4034
4031
|
--button-background-color: var(--hop-Select-button-background-color-selected);
|
|
4035
4032
|
--button-border-color: var(--hop-Select-button-border-color-selected);
|
|
4036
4033
|
--button-color: var(--hop-Select-button-color-selected);
|
|
4037
4034
|
--button-icon-color: var(--hop-Select-button-icon-color-selected);
|
|
4038
4035
|
}
|
|
4039
|
-
.Select-module__hop-
|
|
4036
|
+
.Select-module__hop-Select__button___csI9f[data-invalid] {
|
|
4040
4037
|
--button-border-color: var(--hop-Select-button-border-color-invalid);
|
|
4041
4038
|
}
|
|
4042
|
-
.Select-module__hop-
|
|
4039
|
+
.Select-module__hop-Select__button___csI9f[data-focus-visible] {
|
|
4043
4040
|
--button-background-color: var(--hop-Select-button-background-color-focused);
|
|
4044
4041
|
--button-border-color: var(--hop-Select-button-border-color-focused);
|
|
4045
4042
|
--button-color: var(--hop-Select-button-color-focused);
|
|
@@ -4047,30 +4044,30 @@
|
|
|
4047
4044
|
outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
|
|
4048
4045
|
outline-offset: -0.125rem;
|
|
4049
4046
|
}
|
|
4050
|
-
.Select-module__hop-
|
|
4047
|
+
.Select-module__hop-Select__button___csI9f:has([data-placeholder]) {
|
|
4051
4048
|
--button-color: var(--hop-Select-button-placeholder-color);
|
|
4052
4049
|
}
|
|
4053
|
-
.Select-module__hop-
|
|
4050
|
+
.Select-module__hop-Select__button___csI9f[data-disabled] {
|
|
4054
4051
|
--button-background-color: var(--hop-Select-button-background-color-disabled);
|
|
4055
4052
|
--button-border-color: var(--hop-Select-button-border-color-disabled);
|
|
4056
4053
|
--button-color: var(--hop-Select-button-color-disabled);
|
|
4057
4054
|
--button-icon-color: var(--hop-Select-button-icon-color-disabled);
|
|
4058
4055
|
--button-cursor: var(--hop-Select-button-cursor-disabled);
|
|
4059
4056
|
}
|
|
4060
|
-
.Select-module__hop-
|
|
4057
|
+
.Select-module__hop-Select__prefix___glfPq {
|
|
4061
4058
|
color: var(--hop-Select-prefix-color);
|
|
4062
4059
|
}
|
|
4063
|
-
.Select-module__hop-Select__button-
|
|
4060
|
+
.Select-module__hop-Select__button-icon___ADJTr {
|
|
4064
4061
|
margin-inline-start: auto;
|
|
4065
4062
|
color: var(--button-icon-color);
|
|
4066
4063
|
}
|
|
4067
|
-
.Select-module__hop-Select__helper-
|
|
4068
|
-
.Select-module__hop-Select__error-
|
|
4064
|
+
.Select-module__hop-Select__helper-message___pubjR,
|
|
4065
|
+
.Select-module__hop-Select__error-message___LLkqe {
|
|
4069
4066
|
order: 3;
|
|
4070
4067
|
}
|
|
4071
4068
|
|
|
4072
4069
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
|
|
4073
|
-
.Switch-module__hop-
|
|
4070
|
+
.Switch-module__hop-Switch___pDNWk {
|
|
4074
4071
|
--hop-Switch-border-size: 0.0625rem;
|
|
4075
4072
|
--hop-Switch-border-color: var(--hop-neutral-border);
|
|
4076
4073
|
--hop-Switch-border-radius: var(--hop-shape-rounded-lg);
|
|
@@ -4127,56 +4124,56 @@
|
|
|
4127
4124
|
inline-size: max-content;
|
|
4128
4125
|
max-inline-size: 100%;
|
|
4129
4126
|
}
|
|
4130
|
-
.Switch-module__hop-Switch--
|
|
4127
|
+
.Switch-module__hop-Switch--sm___iOw3G {
|
|
4131
4128
|
--inline-size: var(--hop-Switch-inline-size-sm);
|
|
4132
4129
|
--block-size: var(--hop-Switch-block-size-sm);
|
|
4133
4130
|
--thumb-size: var(--hop-Switch-thumb-size-sm);
|
|
4134
4131
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
|
|
4135
4132
|
--text-top-offset: var(--hop-Switch-text-top-offset-sm);
|
|
4136
4133
|
}
|
|
4137
|
-
.Switch-module__hop-Switch--
|
|
4134
|
+
.Switch-module__hop-Switch--md___tQX-I {
|
|
4138
4135
|
--inline-size: var(--hop-Switch-inline-size-md);
|
|
4139
4136
|
--block-size: var(--hop-Switch-block-size-md);
|
|
4140
4137
|
--thumb-size: var(--hop-Switch-thumb-size-md);
|
|
4141
4138
|
--inset-inline-start: var(--hop-Switch-inset-inline-start-md);
|
|
4142
4139
|
--text-top-offset: var(--hop-Switch-text-top-offset-md);
|
|
4143
4140
|
}
|
|
4144
|
-
.Switch-module__hop-
|
|
4141
|
+
.Switch-module__hop-Switch___pDNWk[data-hovered] {
|
|
4145
4142
|
--border-color: var(--hop-Switch-border-color-hover);
|
|
4146
4143
|
--background-color: var(--hop-Switch-background-color-hover);
|
|
4147
4144
|
--thumb-color: var(--hop-Switch-thumb-color-hover);
|
|
4148
4145
|
--text-color: var(--hop-Switch-text-color-hover);
|
|
4149
4146
|
}
|
|
4150
|
-
.Switch-module__hop-
|
|
4151
|
-
.Switch-module__hop-
|
|
4147
|
+
.Switch-module__hop-Switch___pDNWk[data-pressed],
|
|
4148
|
+
.Switch-module__hop-Switch___pDNWk[data-pressed][data-focus-visible] {
|
|
4152
4149
|
--border-color: var(--hop-Switch-border-color-pressed);
|
|
4153
4150
|
--background-color: var(--hop-Switch-background-color-pressed);
|
|
4154
4151
|
--thumb-color: var(--hop-Switch-thumb-color-pressed);
|
|
4155
4152
|
--text-color: var(--hop-Switch-text-color-pressed);
|
|
4156
4153
|
}
|
|
4157
|
-
.Switch-module__hop-
|
|
4154
|
+
.Switch-module__hop-Switch___pDNWk[data-focus-visible] {
|
|
4158
4155
|
--border-color: var(--hop-Switch-border-color-focus);
|
|
4159
4156
|
--background-color: var(--hop-Switch-background-color-focus);
|
|
4160
4157
|
--thumb-color: var(--hop-Switch-thumb-color-focus);
|
|
4161
4158
|
--outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
|
|
4162
4159
|
--text-color: var(--hop-Switch-text-color-focus);
|
|
4163
4160
|
}
|
|
4164
|
-
.Switch-module__hop-
|
|
4165
|
-
.Switch-module__hop-
|
|
4161
|
+
.Switch-module__hop-Switch___pDNWk[data-selected],
|
|
4162
|
+
.Switch-module__hop-Switch___pDNWk[data-selected][data-pressed] {
|
|
4166
4163
|
--border-color: var(--hop-Switch-border-color-selected);
|
|
4167
4164
|
--background-color: var(--hop-Switch-background-color-selected);
|
|
4168
4165
|
--thumb-color: var(--hop-Switch-thumb-color-selected);
|
|
4169
4166
|
--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%);
|
|
4170
4167
|
--text-color: var(--hop-Switch-text-color-selected);
|
|
4171
4168
|
}
|
|
4172
|
-
.Switch-module__hop-
|
|
4169
|
+
.Switch-module__hop-Switch___pDNWk[data-disabled] {
|
|
4173
4170
|
--border-color: var(--hop-Switch-border-color-disabled);
|
|
4174
4171
|
--background-color: var(--hop-Switch-background-color-disabled);
|
|
4175
4172
|
--thumb-color: var(--hop-Switch-thumb-color-disabled);
|
|
4176
4173
|
--text-color: var(--hop-Switch-text-color-disabled);
|
|
4177
4174
|
--cursor: not-allowed;
|
|
4178
4175
|
}
|
|
4179
|
-
.Switch-module__hop-
|
|
4176
|
+
.Switch-module__hop-Switch__indicator___zn9K- {
|
|
4180
4177
|
position: relative;
|
|
4181
4178
|
flex: 0 0 auto;
|
|
4182
4179
|
box-sizing: border-box;
|
|
@@ -4189,7 +4186,7 @@
|
|
|
4189
4186
|
outline-offset: 0.125rem;
|
|
4190
4187
|
transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
|
|
4191
4188
|
}
|
|
4192
|
-
.Switch-module__hop-
|
|
4189
|
+
.Switch-module__hop-Switch__indicator___zn9K-::before {
|
|
4193
4190
|
content: "";
|
|
4194
4191
|
position: absolute;
|
|
4195
4192
|
inset-block-start: 50%;
|
|
@@ -4204,20 +4201,20 @@
|
|
|
4204
4201
|
border-radius: var(--hop-shape-circle);
|
|
4205
4202
|
transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
|
|
4206
4203
|
}
|
|
4207
|
-
.Switch-module__hop-
|
|
4204
|
+
.Switch-module__hop-Switch__text___HP1cV {
|
|
4208
4205
|
flex: 0 1 auto;
|
|
4209
4206
|
order: 2;
|
|
4210
4207
|
min-inline-size: 0;
|
|
4211
4208
|
margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
|
|
4212
4209
|
color: var(--text-color);
|
|
4213
4210
|
}
|
|
4214
|
-
.Switch-module__hop-Switch__icon-
|
|
4215
|
-
.Switch-module__hop-
|
|
4211
|
+
.Switch-module__hop-Switch__icon-list___Dv9Q0,
|
|
4212
|
+
.Switch-module__hop-Switch__icon___ofe0Q {
|
|
4216
4213
|
order: 3;
|
|
4217
4214
|
}
|
|
4218
4215
|
|
|
4219
4216
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
|
|
4220
|
-
.SwitchField-module__hop-
|
|
4217
|
+
.SwitchField-module__hop-SwitchField___dDQmA {
|
|
4221
4218
|
--hop-SwitchField-description-color: var(--hop-neutral-text-weak);
|
|
4222
4219
|
--hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
|
|
4223
4220
|
--hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
|
|
@@ -4236,28 +4233,28 @@
|
|
|
4236
4233
|
inline-size: max-content;
|
|
4237
4234
|
max-inline-size: 100%;
|
|
4238
4235
|
}
|
|
4239
|
-
.SwitchField-module__hop-
|
|
4236
|
+
.SwitchField-module__hop-SwitchField___dDQmA[data-disabled] {
|
|
4240
4237
|
--description-color: var(--hop-SwitchField-description-color-disabled);
|
|
4241
4238
|
}
|
|
4242
|
-
.SwitchField-module__hop-SwitchField--
|
|
4239
|
+
.SwitchField-module__hop-SwitchField--sm___2O96R {
|
|
4243
4240
|
--row-gap: var(--hop-SwitchField-sm-row-gap);
|
|
4244
4241
|
--description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
|
|
4245
4242
|
}
|
|
4246
|
-
.SwitchField-module__hop-SwitchField--
|
|
4243
|
+
.SwitchField-module__hop-SwitchField--md___YDST1 {
|
|
4247
4244
|
--row-gap: var(--hop-SwitchField-md-row-gap);
|
|
4248
4245
|
--description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
|
|
4249
4246
|
}
|
|
4250
|
-
.SwitchField-module__hop-
|
|
4247
|
+
.SwitchField-module__hop-SwitchField__description___0EsGA {
|
|
4251
4248
|
order: 2;
|
|
4252
4249
|
margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
|
|
4253
4250
|
color: var(--description-color);
|
|
4254
4251
|
}
|
|
4255
|
-
.SwitchField-module__hop-
|
|
4252
|
+
.SwitchField-module__hop-SwitchField__switch___phA6m {
|
|
4256
4253
|
order: 1;
|
|
4257
4254
|
}
|
|
4258
4255
|
|
|
4259
4256
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
|
|
4260
|
-
.Tag-module__hop-
|
|
4257
|
+
.Tag-module__hop-Tag___Yy8k4 {
|
|
4261
4258
|
--hop-Tag-border-size: 0.0625rem;
|
|
4262
4259
|
--hop-Tag-border-radius: var(--hop-shape-pill);
|
|
4263
4260
|
--hop-Tag-sm-block-size: 1.25rem;
|
|
@@ -4496,7 +4493,7 @@
|
|
|
4496
4493
|
outline: none;
|
|
4497
4494
|
outline-offset: 0.125rem;
|
|
4498
4495
|
}
|
|
4499
|
-
.Tag-module__hop-Tag--
|
|
4496
|
+
.Tag-module__hop-Tag--sm___P8TCA {
|
|
4500
4497
|
--block-size: var(--hop-Tag-sm-block-size);
|
|
4501
4498
|
--padding-inline: var(--hop-Tag-sm-padding-inline);
|
|
4502
4499
|
--column-gap: var(--hop-Tag-sm-column-gap);
|
|
@@ -4504,13 +4501,13 @@
|
|
|
4504
4501
|
--avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
|
|
4505
4502
|
--spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
|
|
4506
4503
|
}
|
|
4507
|
-
.Tag-module__hop-Tag--
|
|
4504
|
+
.Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
|
|
4508
4505
|
--badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
|
|
4509
4506
|
}
|
|
4510
|
-
.Tag-module__hop-Tag--
|
|
4507
|
+
.Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
|
|
4511
4508
|
--icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
|
|
4512
4509
|
}
|
|
4513
|
-
.Tag-module__hop-Tag--
|
|
4510
|
+
.Tag-module__hop-Tag--md___2CaEV {
|
|
4514
4511
|
--block-size: var(--hop-Tag-md-block-size);
|
|
4515
4512
|
--padding-inline: var(--hop-Tag-md-padding-inline);
|
|
4516
4513
|
--column-gap: var(--hop-Tag-md-column-gap);
|
|
@@ -4518,13 +4515,13 @@
|
|
|
4518
4515
|
--avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
|
|
4519
4516
|
--spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
|
|
4520
4517
|
}
|
|
4521
|
-
.Tag-module__hop-Tag--
|
|
4518
|
+
.Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
|
|
4522
4519
|
--badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
|
|
4523
4520
|
}
|
|
4524
|
-
.Tag-module__hop-Tag--
|
|
4521
|
+
.Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
|
|
4525
4522
|
--icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
|
|
4526
4523
|
}
|
|
4527
|
-
.Tag-module__hop-Tag--
|
|
4524
|
+
.Tag-module__hop-Tag--lg___8Dk2T {
|
|
4528
4525
|
--block-size: var(--hop-Tag-lg-block-size);
|
|
4529
4526
|
--padding-inline: var(--hop-Tag-lg-padding-inline);
|
|
4530
4527
|
--column-gap: var(--hop-Tag-lg-column-gap);
|
|
@@ -4532,348 +4529,348 @@
|
|
|
4532
4529
|
--avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
|
|
4533
4530
|
--spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
|
|
4534
4531
|
}
|
|
4535
|
-
.Tag-module__hop-Tag--
|
|
4532
|
+
.Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
|
|
4536
4533
|
--badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
|
|
4537
4534
|
}
|
|
4538
|
-
.Tag-module__hop-Tag--
|
|
4535
|
+
.Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
|
|
4539
4536
|
--icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
|
|
4540
4537
|
}
|
|
4541
|
-
.Tag-module__hop-Tag--
|
|
4538
|
+
.Tag-module__hop-Tag--neutral___yOJvu {
|
|
4542
4539
|
--border-color: var(--hop-Tag-neutral-border-color);
|
|
4543
4540
|
--background-color: var(--hop-Tag-neutral-background-color);
|
|
4544
4541
|
--text-color: var(--hop-Tag-neutral-text-color);
|
|
4545
4542
|
}
|
|
4546
|
-
.Tag-module__hop-Tag--
|
|
4543
|
+
.Tag-module__hop-Tag--subdued___IqCd5 {
|
|
4547
4544
|
--border-color: var(--hop-Tag-subdued-border-color);
|
|
4548
4545
|
--background-color: var(--hop-Tag-subdued-background-color);
|
|
4549
4546
|
--text-color: var(--hop-Tag-subdued-text-color);
|
|
4550
4547
|
}
|
|
4551
|
-
.Tag-module__hop-Tag--
|
|
4548
|
+
.Tag-module__hop-Tag--progress___cH-Ng {
|
|
4552
4549
|
--border-color: var(--hop-Tag-progress-border-color);
|
|
4553
4550
|
--background-color: var(--hop-Tag-progress-background-color);
|
|
4554
4551
|
--text-color: var(--hop-Tag-progress-text-color);
|
|
4555
4552
|
}
|
|
4556
|
-
.Tag-module__hop-Tag--
|
|
4553
|
+
.Tag-module__hop-Tag--positive___2EKCj {
|
|
4557
4554
|
--border-color: var(--hop-Tag-positive-border-color);
|
|
4558
4555
|
--background-color: var(--hop-Tag-positive-background-color);
|
|
4559
4556
|
--text-color: var(--hop-Tag-positive-text-color);
|
|
4560
4557
|
}
|
|
4561
|
-
.Tag-module__hop-Tag--
|
|
4558
|
+
.Tag-module__hop-Tag--caution___ph-FI {
|
|
4562
4559
|
--border-color: var(--hop-Tag-caution-border-color);
|
|
4563
4560
|
--background-color: var(--hop-Tag-caution-background-color);
|
|
4564
4561
|
--text-color: var(--hop-Tag-caution-text-color);
|
|
4565
4562
|
}
|
|
4566
|
-
.Tag-module__hop-Tag--
|
|
4563
|
+
.Tag-module__hop-Tag--negative___CvM-K {
|
|
4567
4564
|
--border-color: var(--hop-Tag-negative-border-color);
|
|
4568
4565
|
--background-color: var(--hop-Tag-negative-background-color);
|
|
4569
4566
|
--text-color: var(--hop-Tag-negative-text-color);
|
|
4570
4567
|
}
|
|
4571
|
-
.Tag-module__hop-Tag--
|
|
4568
|
+
.Tag-module__hop-Tag--option1___ZQJIo {
|
|
4572
4569
|
--border-color: var(--hop-Tag-option1-border-color);
|
|
4573
4570
|
--background-color: var(--hop-Tag-option1-background-color);
|
|
4574
4571
|
--text-color: var(--hop-Tag-option1-text-color);
|
|
4575
4572
|
}
|
|
4576
|
-
.Tag-module__hop-Tag--
|
|
4573
|
+
.Tag-module__hop-Tag--option2___mQBU7 {
|
|
4577
4574
|
--border-color: var(--hop-Tag-option2-border-color);
|
|
4578
4575
|
--background-color: var(--hop-Tag-option2-background-color);
|
|
4579
4576
|
--text-color: var(--hop-Tag-option2-text-color);
|
|
4580
4577
|
}
|
|
4581
|
-
.Tag-module__hop-Tag--
|
|
4578
|
+
.Tag-module__hop-Tag--option3___AQSPe {
|
|
4582
4579
|
--border-color: var(--hop-Tag-option3-border-color);
|
|
4583
4580
|
--background-color: var(--hop-Tag-option3-background-color);
|
|
4584
4581
|
--text-color: var(--hop-Tag-option3-text-color);
|
|
4585
4582
|
}
|
|
4586
|
-
.Tag-module__hop-Tag--
|
|
4583
|
+
.Tag-module__hop-Tag--option4___JVMM0 {
|
|
4587
4584
|
--border-color: var(--hop-Tag-option4-border-color);
|
|
4588
4585
|
--background-color: var(--hop-Tag-option4-background-color);
|
|
4589
4586
|
--text-color: var(--hop-Tag-option4-text-color);
|
|
4590
4587
|
}
|
|
4591
|
-
.Tag-module__hop-Tag--
|
|
4588
|
+
.Tag-module__hop-Tag--option5___uMkwG {
|
|
4592
4589
|
--border-color: var(--hop-Tag-option5-border-color);
|
|
4593
4590
|
--background-color: var(--hop-Tag-option5-background-color);
|
|
4594
4591
|
--text-color: var(--hop-Tag-option5-text-color);
|
|
4595
4592
|
}
|
|
4596
|
-
.Tag-module__hop-Tag--
|
|
4593
|
+
.Tag-module__hop-Tag--option6___1Vk-2 {
|
|
4597
4594
|
--border-color: var(--hop-Tag-option6-border-color);
|
|
4598
4595
|
--background-color: var(--hop-Tag-option6-background-color);
|
|
4599
4596
|
--text-color: var(--hop-Tag-option6-text-color);
|
|
4600
4597
|
}
|
|
4601
|
-
.Tag-module__hop-
|
|
4598
|
+
.Tag-module__hop-Tag___Yy8k4[data-href] {
|
|
4602
4599
|
cursor: pointer;
|
|
4603
4600
|
}
|
|
4604
|
-
.Tag-module__hop-Tag--
|
|
4601
|
+
.Tag-module__hop-Tag--neutral___yOJvu[data-focus-visible] {
|
|
4605
4602
|
--border-color: var(--hop-Tag-neutral-border-color-focus);
|
|
4606
4603
|
--background-color: var(--hop-Tag-neutral-background-color-focus);
|
|
4607
4604
|
--text-color: var(--hop-Tag-neutral-text-color-focus);
|
|
4608
4605
|
}
|
|
4609
|
-
.Tag-module__hop-Tag--
|
|
4606
|
+
.Tag-module__hop-Tag--neutral___yOJvu[data-hovered] {
|
|
4610
4607
|
--border-color: var(--hop-Tag-neutral-border-color-hover);
|
|
4611
4608
|
--background-color: var(--hop-Tag-neutral-background-color-hover);
|
|
4612
4609
|
--text-color: var(--hop-Tag-neutral-text-color-hover);
|
|
4613
4610
|
}
|
|
4614
|
-
.Tag-module__hop-Tag--
|
|
4611
|
+
.Tag-module__hop-Tag--neutral___yOJvu[data-pressed] {
|
|
4615
4612
|
--border-color: var(--hop-Tag-neutral-border-color-press);
|
|
4616
4613
|
--background-color: var(--hop-Tag-neutral-background-color-press);
|
|
4617
4614
|
--text-color: var(--hop-Tag-neutral-text-color-press);
|
|
4618
4615
|
}
|
|
4619
|
-
.Tag-module__hop-Tag--
|
|
4616
|
+
.Tag-module__hop-Tag--neutral___yOJvu[data-disabled] {
|
|
4620
4617
|
--border-color: var(--hop-Tag-neutral-border-color-disabled);
|
|
4621
4618
|
--background-color: var(--hop-Tag-neutral-background-color-disabled);
|
|
4622
4619
|
--text-color: var(--hop-Tag-neutral-text-color-disabled);
|
|
4623
4620
|
}
|
|
4624
|
-
.Tag-module__hop-Tag--
|
|
4621
|
+
.Tag-module__hop-Tag--subdued___IqCd5[data-focus-visible] {
|
|
4625
4622
|
--border-color: var(--hop-Tag-subdued-border-color-focus);
|
|
4626
4623
|
--background-color: var(--hop-Tag-subdued-background-color-focus);
|
|
4627
4624
|
--text-color: var(--hop-Tag-subdued-text-color-focus);
|
|
4628
4625
|
}
|
|
4629
|
-
.Tag-module__hop-Tag--
|
|
4626
|
+
.Tag-module__hop-Tag--subdued___IqCd5[data-hovered] {
|
|
4630
4627
|
--border-color: var(--hop-Tag-subdued-border-color-hover);
|
|
4631
4628
|
--background-color: var(--hop-Tag-subdued-background-color-hover);
|
|
4632
4629
|
--text-color: var(--hop-Tag-subdued-text-color-hover);
|
|
4633
4630
|
}
|
|
4634
|
-
.Tag-module__hop-Tag--
|
|
4631
|
+
.Tag-module__hop-Tag--subdued___IqCd5[data-pressed] {
|
|
4635
4632
|
--border-color: var(--hop-Tag-subdued-border-color-press);
|
|
4636
4633
|
--background-color: var(--hop-Tag-subdued-background-color-press);
|
|
4637
4634
|
--text-color: var(--hop-Tag-subdued-text-color-press);
|
|
4638
4635
|
}
|
|
4639
|
-
.Tag-module__hop-Tag--
|
|
4636
|
+
.Tag-module__hop-Tag--subdued___IqCd5[data-disabled] {
|
|
4640
4637
|
--border-color: var(--hop-Tag-subdued-border-color-disabled);
|
|
4641
4638
|
--background-color: var(--hop-Tag-subdued-background-color-disabled);
|
|
4642
4639
|
--text-color: var(--hop-Tag-subdued-text-color-disabled);
|
|
4643
4640
|
}
|
|
4644
|
-
.Tag-module__hop-Tag--
|
|
4641
|
+
.Tag-module__hop-Tag--progress___cH-Ng[data-focus-visible] {
|
|
4645
4642
|
--border-color: var(--hop-Tag-progress-border-color-focus);
|
|
4646
4643
|
--background-color: var(--hop-Tag-progress-background-color-focus);
|
|
4647
4644
|
--text-color: var(--hop-Tag-progress-text-color-focus);
|
|
4648
4645
|
}
|
|
4649
|
-
.Tag-module__hop-Tag--
|
|
4646
|
+
.Tag-module__hop-Tag--progress___cH-Ng[data-hovered] {
|
|
4650
4647
|
--border-color: var(--hop-Tag-progress-border-color-hover);
|
|
4651
4648
|
--background-color: var(--hop-Tag-progress-background-color-hover);
|
|
4652
4649
|
--text-color: var(--hop-Tag-progress-text-color-hover);
|
|
4653
4650
|
}
|
|
4654
|
-
.Tag-module__hop-Tag--
|
|
4651
|
+
.Tag-module__hop-Tag--progress___cH-Ng[data-pressed] {
|
|
4655
4652
|
--border-color: var(--hop-Tag-progress-border-color-press);
|
|
4656
4653
|
--background-color: var(--hop-Tag-progress-background-color-press);
|
|
4657
4654
|
--text-color: var(--hop-Tag-progress-text-color-press);
|
|
4658
4655
|
}
|
|
4659
|
-
.Tag-module__hop-Tag--
|
|
4656
|
+
.Tag-module__hop-Tag--progress___cH-Ng[data-disabled] {
|
|
4660
4657
|
--border-color: var(--hop-Tag-progress-border-color-disabled);
|
|
4661
4658
|
--background-color: var(--hop-Tag-progress-background-color-disabled);
|
|
4662
4659
|
--text-color: var(--hop-Tag-progress-text-color-disabled);
|
|
4663
4660
|
}
|
|
4664
|
-
.Tag-module__hop-Tag--
|
|
4661
|
+
.Tag-module__hop-Tag--positive___2EKCj[data-focus-visible] {
|
|
4665
4662
|
--border-color: var(--hop-Tag-positive-border-color-focus);
|
|
4666
4663
|
--background-color: var(--hop-Tag-positive-background-color-focus);
|
|
4667
4664
|
--text-color: var(--hop-Tag-positive-text-color-focus);
|
|
4668
4665
|
}
|
|
4669
|
-
.Tag-module__hop-Tag--
|
|
4666
|
+
.Tag-module__hop-Tag--positive___2EKCj[data-hovered] {
|
|
4670
4667
|
--border-color: var(--hop-Tag-positive-border-color-hover);
|
|
4671
4668
|
--background-color: var(--hop-Tag-positive-background-color-hover);
|
|
4672
4669
|
--text-color: var(--hop-Tag-positive-text-color-hover);
|
|
4673
4670
|
}
|
|
4674
|
-
.Tag-module__hop-Tag--
|
|
4671
|
+
.Tag-module__hop-Tag--positive___2EKCj[data-pressed] {
|
|
4675
4672
|
--border-color: var(--hop-Tag-positive-border-color-press);
|
|
4676
4673
|
--background-color: var(--hop-Tag-positive-background-color-press);
|
|
4677
4674
|
--text-color: var(--hop-Tag-positive-text-color-press);
|
|
4678
4675
|
}
|
|
4679
|
-
.Tag-module__hop-Tag--
|
|
4676
|
+
.Tag-module__hop-Tag--positive___2EKCj[data-disabled] {
|
|
4680
4677
|
--border-color: var(--hop-Tag-positive-border-color-disabled);
|
|
4681
4678
|
--background-color: var(--hop-Tag-positive-background-color-disabled);
|
|
4682
4679
|
--text-color: var(--hop-Tag-positive-text-color-disabled);
|
|
4683
4680
|
}
|
|
4684
|
-
.Tag-module__hop-Tag--
|
|
4681
|
+
.Tag-module__hop-Tag--caution___ph-FI[data-focus-visible] {
|
|
4685
4682
|
--border-color: var(--hop-Tag-caution-border-color-focus);
|
|
4686
4683
|
--background-color: var(--hop-Tag-caution-background-color-focus);
|
|
4687
4684
|
--text-color: var(--hop-Tag-caution-text-color-focus);
|
|
4688
4685
|
}
|
|
4689
|
-
.Tag-module__hop-Tag--
|
|
4686
|
+
.Tag-module__hop-Tag--caution___ph-FI[data-hovered] {
|
|
4690
4687
|
--border-color: var(--hop-Tag-caution-border-color-hover);
|
|
4691
4688
|
--background-color: var(--hop-Tag-caution-background-color-hover);
|
|
4692
4689
|
--text-color: var(--hop-Tag-caution-text-color-hover);
|
|
4693
4690
|
}
|
|
4694
|
-
.Tag-module__hop-Tag--
|
|
4691
|
+
.Tag-module__hop-Tag--caution___ph-FI[data-pressed] {
|
|
4695
4692
|
--border-color: var(--hop-Tag-caution-border-color-press);
|
|
4696
4693
|
--background-color: var(--hop-Tag-caution-background-color-press);
|
|
4697
4694
|
--text-color: var(--hop-Tag-caution-text-color-press);
|
|
4698
4695
|
}
|
|
4699
|
-
.Tag-module__hop-Tag--
|
|
4696
|
+
.Tag-module__hop-Tag--caution___ph-FI[data-disabled] {
|
|
4700
4697
|
--border-color: var(--hop-Tag-caution-border-color-disabled);
|
|
4701
4698
|
--background-color: var(--hop-Tag-caution-background-color-disabled);
|
|
4702
4699
|
--text-color: var(--hop-Tag-caution-text-color-disabled);
|
|
4703
4700
|
}
|
|
4704
|
-
.Tag-module__hop-Tag--
|
|
4701
|
+
.Tag-module__hop-Tag--negative___CvM-K[data-focus-visible] {
|
|
4705
4702
|
--border-color: var(--hop-Tag-negative-border-color-focus);
|
|
4706
4703
|
--background-color: var(--hop-Tag-negative-background-color-focus);
|
|
4707
4704
|
--text-color: var(--hop-Tag-negative-text-color-focus);
|
|
4708
4705
|
}
|
|
4709
|
-
.Tag-module__hop-Tag--
|
|
4706
|
+
.Tag-module__hop-Tag--negative___CvM-K[data-hovered] {
|
|
4710
4707
|
--border-color: var(--hop-Tag-negative-border-color-hover);
|
|
4711
4708
|
--background-color: var(--hop-Tag-negative-background-color-hover);
|
|
4712
4709
|
--text-color: var(--hop-Tag-negative-text-color-hover);
|
|
4713
4710
|
}
|
|
4714
|
-
.Tag-module__hop-Tag--
|
|
4711
|
+
.Tag-module__hop-Tag--negative___CvM-K[data-pressed] {
|
|
4715
4712
|
--border-color: var(--hop-Tag-negative-border-color-press);
|
|
4716
4713
|
--background-color: var(--hop-Tag-negative-background-color-press);
|
|
4717
4714
|
--text-color: var(--hop-Tag-negative-text-color-press);
|
|
4718
4715
|
}
|
|
4719
|
-
.Tag-module__hop-Tag--
|
|
4716
|
+
.Tag-module__hop-Tag--negative___CvM-K[data-disabled] {
|
|
4720
4717
|
--border-color: var(--hop-Tag-negative-border-color-disabled);
|
|
4721
4718
|
--background-color: var(--hop-Tag-negative-background-color-disabled);
|
|
4722
4719
|
--text-color: var(--hop-Tag-negative-text-color-disabled);
|
|
4723
4720
|
}
|
|
4724
|
-
.Tag-module__hop-Tag--
|
|
4721
|
+
.Tag-module__hop-Tag--option1___ZQJIo[data-focus-visible] {
|
|
4725
4722
|
--border-color: var(--hop-Tag-option1-border-color-focus);
|
|
4726
4723
|
--background-color: var(--hop-Tag-option1-background-color-focus);
|
|
4727
4724
|
--text-color: var(--hop-Tag-option1-text-color-focus);
|
|
4728
4725
|
}
|
|
4729
|
-
.Tag-module__hop-Tag--
|
|
4726
|
+
.Tag-module__hop-Tag--option1___ZQJIo[data-hovered] {
|
|
4730
4727
|
--border-color: var(--hop-Tag-option1-border-color-hover);
|
|
4731
4728
|
--background-color: var(--hop-Tag-option1-background-color-hover);
|
|
4732
4729
|
--text-color: var(--hop-Tag-option1-text-color-hover);
|
|
4733
4730
|
}
|
|
4734
|
-
.Tag-module__hop-Tag--
|
|
4731
|
+
.Tag-module__hop-Tag--option1___ZQJIo[data-pressed] {
|
|
4735
4732
|
--border-color: var(--hop-Tag-option1-border-color-press);
|
|
4736
4733
|
--background-color: var(--hop-Tag-option1-background-color-press);
|
|
4737
4734
|
--text-color: var(--hop-Tag-option1-text-color-press);
|
|
4738
4735
|
}
|
|
4739
|
-
.Tag-module__hop-Tag--
|
|
4736
|
+
.Tag-module__hop-Tag--option1___ZQJIo[data-disabled] {
|
|
4740
4737
|
--border-color: var(--hop-Tag-option1-border-color-disabled);
|
|
4741
4738
|
--background-color: var(--hop-Tag-option1-background-color-disabled);
|
|
4742
4739
|
--text-color: var(--hop-Tag-option1-text-color-disabled);
|
|
4743
4740
|
}
|
|
4744
|
-
.Tag-module__hop-Tag--
|
|
4741
|
+
.Tag-module__hop-Tag--option2___mQBU7[data-focus-visible] {
|
|
4745
4742
|
--border-color: var(--hop-Tag-option2-border-color-focus);
|
|
4746
4743
|
--background-color: var(--hop-Tag-option2-background-color-focus);
|
|
4747
4744
|
--text-color: var(--hop-Tag-option2-text-color-focus);
|
|
4748
4745
|
}
|
|
4749
|
-
.Tag-module__hop-Tag--
|
|
4746
|
+
.Tag-module__hop-Tag--option2___mQBU7[data-hovered] {
|
|
4750
4747
|
--border-color: var(--hop-Tag-option2-border-color-hover);
|
|
4751
4748
|
--background-color: var(--hop-Tag-option2-background-color-hover);
|
|
4752
4749
|
--text-color: var(--hop-Tag-option2-text-color-hover);
|
|
4753
4750
|
}
|
|
4754
|
-
.Tag-module__hop-Tag--
|
|
4751
|
+
.Tag-module__hop-Tag--option2___mQBU7[data-pressed] {
|
|
4755
4752
|
--border-color: var(--hop-Tag-option2-border-color-press);
|
|
4756
4753
|
--background-color: var(--hop-Tag-option2-background-color-press);
|
|
4757
4754
|
--text-color: var(--hop-Tag-option2-text-color-press);
|
|
4758
4755
|
}
|
|
4759
|
-
.Tag-module__hop-Tag--
|
|
4756
|
+
.Tag-module__hop-Tag--option2___mQBU7[data-disabled] {
|
|
4760
4757
|
--border-color: var(--hop-Tag-option2-border-color-disabled);
|
|
4761
4758
|
--background-color: var(--hop-Tag-option2-background-color-disabled);
|
|
4762
4759
|
--text-color: var(--hop-Tag-option2-text-color-disabled);
|
|
4763
4760
|
}
|
|
4764
|
-
.Tag-module__hop-Tag--
|
|
4761
|
+
.Tag-module__hop-Tag--option3___AQSPe[data-focus-visible] {
|
|
4765
4762
|
--border-color: var(--hop-Tag-option3-border-color-focus);
|
|
4766
4763
|
--background-color: var(--hop-Tag-option3-background-color-focus);
|
|
4767
4764
|
--text-color: var(--hop-Tag-option3-text-color-focus);
|
|
4768
4765
|
}
|
|
4769
|
-
.Tag-module__hop-Tag--
|
|
4766
|
+
.Tag-module__hop-Tag--option3___AQSPe[data-hovered] {
|
|
4770
4767
|
--border-color: var(--hop-Tag-option3-border-color-hover);
|
|
4771
4768
|
--background-color: var(--hop-Tag-option3-background-color-hover);
|
|
4772
4769
|
--text-color: var(--hop-Tag-option3-text-color-hover);
|
|
4773
4770
|
}
|
|
4774
|
-
.Tag-module__hop-Tag--
|
|
4771
|
+
.Tag-module__hop-Tag--option3___AQSPe[data-pressed] {
|
|
4775
4772
|
--border-color: var(--hop-Tag-option3-border-color-press);
|
|
4776
4773
|
--background-color: var(--hop-Tag-option3-background-color-press);
|
|
4777
4774
|
--text-color: var(--hop-Tag-option3-text-color-press);
|
|
4778
4775
|
}
|
|
4779
|
-
.Tag-module__hop-Tag--
|
|
4776
|
+
.Tag-module__hop-Tag--option3___AQSPe[data-disabled] {
|
|
4780
4777
|
--border-color: var(--hop-Tag-option3-border-color-disabled);
|
|
4781
4778
|
--background-color: var(--hop-Tag-option3-background-color-disabled);
|
|
4782
4779
|
--text-color: var(--hop-Tag-option3-text-color-disabled);
|
|
4783
4780
|
}
|
|
4784
|
-
.Tag-module__hop-Tag--
|
|
4781
|
+
.Tag-module__hop-Tag--option4___JVMM0[data-focus-visible] {
|
|
4785
4782
|
--border-color: var(--hop-Tag-option4-border-color-focus);
|
|
4786
4783
|
--background-color: var(--hop-Tag-option4-background-color-focus);
|
|
4787
4784
|
--text-color: var(--hop-Tag-option4-text-color-focus);
|
|
4788
4785
|
}
|
|
4789
|
-
.Tag-module__hop-Tag--
|
|
4786
|
+
.Tag-module__hop-Tag--option4___JVMM0[data-hovered] {
|
|
4790
4787
|
--border-color: var(--hop-Tag-option4-border-color-hover);
|
|
4791
4788
|
--background-color: var(--hop-Tag-option4-background-color-hover);
|
|
4792
4789
|
--text-color: var(--hop-Tag-option4-text-color-hover);
|
|
4793
4790
|
}
|
|
4794
|
-
.Tag-module__hop-Tag--
|
|
4791
|
+
.Tag-module__hop-Tag--option4___JVMM0[data-pressed] {
|
|
4795
4792
|
--border-color: var(--hop-Tag-option4-border-color-press);
|
|
4796
4793
|
--background-color: var(--hop-Tag-option4-background-color-press);
|
|
4797
4794
|
--text-color: var(--hop-Tag-option4-text-color-press);
|
|
4798
4795
|
}
|
|
4799
|
-
.Tag-module__hop-Tag--
|
|
4796
|
+
.Tag-module__hop-Tag--option4___JVMM0[data-disabled] {
|
|
4800
4797
|
--border-color: var(--hop-Tag-option4-border-color-disabled);
|
|
4801
4798
|
--background-color: var(--hop-Tag-option4-background-color-disabled);
|
|
4802
4799
|
--text-color: var(--hop-Tag-option4-text-color-disabled);
|
|
4803
4800
|
}
|
|
4804
|
-
.Tag-module__hop-Tag--
|
|
4801
|
+
.Tag-module__hop-Tag--option5___uMkwG[data-focus-visible] {
|
|
4805
4802
|
--border-color: var(--hop-Tag-option5-border-color-focus);
|
|
4806
4803
|
--background-color: var(--hop-Tag-option5-background-color-focus);
|
|
4807
4804
|
--text-color: var(--hop-Tag-option5-text-color-focus);
|
|
4808
4805
|
}
|
|
4809
|
-
.Tag-module__hop-Tag--
|
|
4806
|
+
.Tag-module__hop-Tag--option5___uMkwG[data-hovered] {
|
|
4810
4807
|
--border-color: var(--hop-Tag-option5-border-color-hover);
|
|
4811
4808
|
--background-color: var(--hop-Tag-option5-background-color-hover);
|
|
4812
4809
|
--text-color: var(--hop-Tag-option5-text-color-hover);
|
|
4813
4810
|
}
|
|
4814
|
-
.Tag-module__hop-Tag--
|
|
4811
|
+
.Tag-module__hop-Tag--option5___uMkwG[data-pressed] {
|
|
4815
4812
|
--border-color: var(--hop-Tag-option5-border-color-press);
|
|
4816
4813
|
--background-color: var(--hop-Tag-option5-background-color-press);
|
|
4817
4814
|
--text-color: var(--hop-Tag-option5-text-color-press);
|
|
4818
4815
|
}
|
|
4819
|
-
.Tag-module__hop-Tag--
|
|
4816
|
+
.Tag-module__hop-Tag--option5___uMkwG[data-disabled] {
|
|
4820
4817
|
--border-color: var(--hop-Tag-option5-border-color-disabled);
|
|
4821
4818
|
--background-color: var(--hop-Tag-option5-background-color-disabled);
|
|
4822
4819
|
--text-color: var(--hop-Tag-option5-text-color-disabled);
|
|
4823
4820
|
}
|
|
4824
|
-
.Tag-module__hop-Tag--
|
|
4821
|
+
.Tag-module__hop-Tag--option6___1Vk-2[data-focus-visible] {
|
|
4825
4822
|
--border-color: var(--hop-Tag-option6-border-color-focus);
|
|
4826
4823
|
--background-color: var(--hop-Tag-option6-background-color-focus);
|
|
4827
4824
|
--text-color: var(--hop-Tag-option6-text-color-focus);
|
|
4828
4825
|
}
|
|
4829
|
-
.Tag-module__hop-Tag--
|
|
4826
|
+
.Tag-module__hop-Tag--option6___1Vk-2[data-hovered] {
|
|
4830
4827
|
--border-color: var(--hop-Tag-option6-border-color-hover);
|
|
4831
4828
|
--background-color: var(--hop-Tag-option6-background-color-hover);
|
|
4832
4829
|
--text-color: var(--hop-Tag-option6-text-color-hover);
|
|
4833
4830
|
}
|
|
4834
|
-
.Tag-module__hop-Tag--
|
|
4831
|
+
.Tag-module__hop-Tag--option6___1Vk-2[data-pressed] {
|
|
4835
4832
|
--border-color: var(--hop-Tag-option6-border-color-press);
|
|
4836
4833
|
--background-color: var(--hop-Tag-option6-background-color-press);
|
|
4837
4834
|
--text-color: var(--hop-Tag-option6-text-color-press);
|
|
4838
4835
|
}
|
|
4839
|
-
.Tag-module__hop-Tag--
|
|
4836
|
+
.Tag-module__hop-Tag--option6___1Vk-2[data-disabled] {
|
|
4840
4837
|
--border-color: var(--hop-Tag-option6-border-color-disabled);
|
|
4841
4838
|
--background-color: var(--hop-Tag-option6-background-color-disabled);
|
|
4842
4839
|
--text-color: var(--hop-Tag-option6-text-color-disabled);
|
|
4843
4840
|
}
|
|
4844
|
-
.Tag-module__hop-
|
|
4841
|
+
.Tag-module__hop-Tag___Yy8k4[data-focus-visible] {
|
|
4845
4842
|
outline: 0.125rem solid var(--focus-ring-color);
|
|
4846
4843
|
}
|
|
4847
|
-
.Tag-module__hop-
|
|
4844
|
+
.Tag-module__hop-Tag___Yy8k4[data-hovered] {
|
|
4848
4845
|
cursor: pointer;
|
|
4849
4846
|
}
|
|
4850
|
-
.Tag-module__hop-
|
|
4847
|
+
.Tag-module__hop-Tag___Yy8k4[data-selected] {
|
|
4851
4848
|
--background-color: var(--hop-Tag-background-color-selected);
|
|
4852
4849
|
--border-color: var(--hop-Tag-border-color-selected);
|
|
4853
4850
|
--text-color: var(--hop-Tag-text-color-selected);
|
|
4854
4851
|
}
|
|
4855
|
-
.Tag-module__hop-
|
|
4852
|
+
.Tag-module__hop-Tag___Yy8k4[data-pressed] {
|
|
4856
4853
|
cursor: pointer;
|
|
4857
4854
|
}
|
|
4858
|
-
.Tag-module__hop-
|
|
4855
|
+
.Tag-module__hop-Tag___Yy8k4[data-invalid] {
|
|
4859
4856
|
--border-color: var(--hop-Tag-border-color-invalid);
|
|
4860
4857
|
}
|
|
4861
|
-
.Tag-module__hop-
|
|
4858
|
+
.Tag-module__hop-Tag___Yy8k4[data-disabled] {
|
|
4862
4859
|
cursor: not-allowed;
|
|
4863
4860
|
}
|
|
4864
|
-
.Tag-module__hop-
|
|
4861
|
+
.Tag-module__hop-Tag__avatar___CSU4h {
|
|
4865
4862
|
flex: 0 0 auto;
|
|
4866
4863
|
order: 1;
|
|
4867
4864
|
margin-inline-start: var(--avatar-margin-inline-start);
|
|
4868
4865
|
}
|
|
4869
|
-
.Tag-module__hop-Tag__icon___-
|
|
4870
|
-
.Tag-module__hop-Tag__icon-
|
|
4866
|
+
.Tag-module__hop-Tag__icon___-1ejX,
|
|
4867
|
+
.Tag-module__hop-Tag__icon-list___xKNVa {
|
|
4871
4868
|
flex: 0 0 auto;
|
|
4872
4869
|
flex-wrap: nowrap;
|
|
4873
4870
|
order: 2;
|
|
4874
4871
|
margin-inline-start: var(--icon-margin-inline-start, 0);
|
|
4875
4872
|
}
|
|
4876
|
-
.Tag-module__hop-
|
|
4873
|
+
.Tag-module__hop-Tag__text___sSfKQ {
|
|
4877
4874
|
overflow: hidden;
|
|
4878
4875
|
flex: 1 1 auto;
|
|
4879
4876
|
order: 3;
|
|
@@ -4881,33 +4878,33 @@
|
|
|
4881
4878
|
text-align: center;
|
|
4882
4879
|
text-overflow: ellipsis;
|
|
4883
4880
|
}
|
|
4884
|
-
.Tag-module__hop-
|
|
4881
|
+
.Tag-module__hop-Tag__badge___2wkBC {
|
|
4885
4882
|
flex: 0 0 auto;
|
|
4886
4883
|
order: 4;
|
|
4887
4884
|
margin-inline-end: var(--badge-margin-inline-end);
|
|
4888
4885
|
}
|
|
4889
|
-
.Tag-module__hop-
|
|
4886
|
+
.Tag-module__hop-Tag___Yy8k4 .Tag-module__hop-Tag__badge___2wkBC[data-variant=subdued] {
|
|
4890
4887
|
margin-inline-start: var(--badge-secondary-margin-inline-start);
|
|
4891
4888
|
color: inherit;
|
|
4892
4889
|
background: none;
|
|
4893
4890
|
}
|
|
4894
|
-
.Tag-module__hop-Tag--
|
|
4891
|
+
.Tag-module__hop-Tag--sm___P8TCA .Tag-module__hop-Tag__badge___2wkBC {
|
|
4895
4892
|
block-size: 100%;
|
|
4896
4893
|
}
|
|
4897
|
-
.Tag-module__hop-Tag__remove-
|
|
4898
|
-
.Tag-module__hop-
|
|
4894
|
+
.Tag-module__hop-Tag__remove-btn___G2Agr,
|
|
4895
|
+
.Tag-module__hop-Tag__Spinner___mraiV {
|
|
4899
4896
|
flex: 0 0 auto;
|
|
4900
4897
|
order: 5;
|
|
4901
4898
|
}
|
|
4902
|
-
.Tag-module__hop-
|
|
4899
|
+
.Tag-module__hop-Tag__Spinner___mraiV {
|
|
4903
4900
|
margin-inline-end: var(--spinner-margin-inline-end);
|
|
4904
4901
|
}
|
|
4905
|
-
.Tag-module__hop-Tag__remove-
|
|
4902
|
+
.Tag-module__hop-Tag__remove-btn___G2Agr {
|
|
4906
4903
|
margin-inline: var(--clear-btn-margin-inline);
|
|
4907
4904
|
}
|
|
4908
4905
|
|
|
4909
4906
|
/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
|
|
4910
|
-
.TagGroup-module__hop-
|
|
4907
|
+
.TagGroup-module__hop-TagGroup___bQxw7 {
|
|
4911
4908
|
--hop-TagGroup-row-gap: var(--hop-space-inline-sm);
|
|
4912
4909
|
--hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
|
|
4913
4910
|
--hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
|
|
@@ -4927,10 +4924,10 @@
|
|
|
4927
4924
|
inline-size: max-content;
|
|
4928
4925
|
max-inline-size: 100%;
|
|
4929
4926
|
}
|
|
4930
|
-
.TagGroup-module__hop-
|
|
4927
|
+
.TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__label___cVWgA {
|
|
4931
4928
|
order: 1;
|
|
4932
4929
|
}
|
|
4933
|
-
.TagGroup-module__hop-
|
|
4930
|
+
.TagGroup-module__hop-TagGroup__list___luCe0 {
|
|
4934
4931
|
display: flex;
|
|
4935
4932
|
flex-wrap: wrap;
|
|
4936
4933
|
gap: var(--list-row-gap) var(--list-column-gap);
|
|
@@ -4939,11 +4936,36 @@
|
|
|
4939
4936
|
border-radius: var(--list-border-radius);
|
|
4940
4937
|
outline: none;
|
|
4941
4938
|
}
|
|
4942
|
-
.TagGroup-module__hop-
|
|
4939
|
+
.TagGroup-module__hop-TagGroup__list___luCe0[data-focus-visible] {
|
|
4943
4940
|
outline: 0.125rem solid var(--list-focus-ring-color);
|
|
4944
4941
|
outline-offset: 0.125rem;
|
|
4945
4942
|
}
|
|
4946
|
-
.TagGroup-module__hop-
|
|
4947
|
-
.TagGroup-module__hop-
|
|
4943
|
+
.TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__error-message___35gef,
|
|
4944
|
+
.TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__helper-message___QBlgC {
|
|
4948
4945
|
order: 3;
|
|
4949
4946
|
}
|
|
4947
|
+
|
|
4948
|
+
/* ../tokens/dist/fonts.css */
|
|
4949
|
+
@font-face {
|
|
4950
|
+
font-family: "Inter";
|
|
4951
|
+
font-style: normal;
|
|
4952
|
+
font-weight: 100 900;
|
|
4953
|
+
src: url(https://cdn.platform.workleap.com/hopper/fonts/inter/v4/InterVariable.woff2) format("woff2-variations");
|
|
4954
|
+
font-display: fallback;
|
|
4955
|
+
}
|
|
4956
|
+
@font-face {
|
|
4957
|
+
font-family: "ABC Favorit Mono";
|
|
4958
|
+
font-style: normal;
|
|
4959
|
+
font-weight: 400;
|
|
4960
|
+
src: url(https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/mono/alternative/ABCFavoritMono-Regular.woff2) format("woff2-variations");
|
|
4961
|
+
font-display: fallback;
|
|
4962
|
+
}
|
|
4963
|
+
@font-face {
|
|
4964
|
+
font-family: "ABC Favorit";
|
|
4965
|
+
font-style: normal;
|
|
4966
|
+
font-weight: 100 900;
|
|
4967
|
+
src: url(https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/alternative/ABCFavoritVariable.woff2) format("woff2-variations");
|
|
4968
|
+
font-display: fallback;
|
|
4969
|
+
}
|
|
4970
|
+
|
|
4971
|
+
/* src/index.css */
|