@hopper-ui/components 1.0.10 → 1.0.12

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.
Files changed (173) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +10 -10
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/index.css +10 -10
  15. package/dist/Badge/src/index.js +2 -2
  16. package/dist/Chip/src/Chip.css +33 -33
  17. package/dist/Chip/src/Chip.js +2 -2
  18. package/dist/Chip/src/index.css +33 -33
  19. package/dist/Chip/src/index.js +2 -2
  20. package/dist/Divider/src/Divider.css +2 -2
  21. package/dist/Divider/src/Divider.js +1 -1
  22. package/dist/Divider/src/index.css +2 -2
  23. package/dist/Divider/src/index.js +1 -1
  24. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  25. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  26. package/dist/ErrorMessage/src/index.css +11 -11
  27. package/dist/ErrorMessage/src/index.js +2 -2
  28. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  29. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  30. package/dist/HelperMessage/src/index.css +11 -11
  31. package/dist/HelperMessage/src/index.js +2 -2
  32. package/dist/IconList/src/IconList.css +1 -1
  33. package/dist/IconList/src/IconList.js +1 -1
  34. package/dist/IconList/src/index.css +1 -1
  35. package/dist/IconList/src/index.js +1 -1
  36. package/dist/Link/src/Link.css +31 -31
  37. package/dist/Link/src/Link.js +2 -2
  38. package/dist/Link/src/index.css +31 -31
  39. package/dist/Link/src/index.js +2 -2
  40. package/dist/ListBox/src/ListBox.css +180 -257
  41. package/dist/ListBox/src/ListBox.js +9 -9
  42. package/dist/ListBox/src/ListBoxItem.css +165 -242
  43. package/dist/ListBox/src/ListBoxItem.js +8 -8
  44. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  45. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  46. package/dist/ListBox/src/index.css +180 -257
  47. package/dist/ListBox/src/index.js +9 -9
  48. package/dist/Spinner/src/Spinner.css +83 -83
  49. package/dist/Spinner/src/Spinner.js +5 -3
  50. package/dist/Spinner/src/index.css +83 -83
  51. package/dist/Spinner/src/index.js +5 -3
  52. package/dist/buttons/src/Button.css +153 -233
  53. package/dist/buttons/src/Button.js +3 -5
  54. package/dist/buttons/src/ButtonGroup.css +11 -11
  55. package/dist/buttons/src/ButtonGroup.js +1 -1
  56. package/dist/buttons/src/ClearButton.css +12 -12
  57. package/dist/buttons/src/ClearButton.js +2 -2
  58. package/dist/buttons/src/EmbeddedButton.css +12 -12
  59. package/dist/buttons/src/EmbeddedButton.js +1 -1
  60. package/dist/buttons/src/index.css +176 -256
  61. package/dist/buttons/src/index.js +6 -8
  62. package/dist/checkbox/src/Checkbox.css +31 -37
  63. package/dist/checkbox/src/Checkbox.js +2 -2
  64. package/dist/checkbox/src/CheckboxField.css +15 -15
  65. package/dist/checkbox/src/CheckboxField.js +1 -1
  66. package/dist/checkbox/src/CheckboxGroup.css +70 -140
  67. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  68. package/dist/checkbox/src/index.css +70 -140
  69. package/dist/checkbox/src/index.js +5 -5
  70. package/dist/{chunk-TQOAZNFZ.js → chunk-26DZ7VIM.js} +2 -2
  71. package/dist/{chunk-DPIHGS6W.js → chunk-2EWSXUKP.js} +3 -4
  72. package/dist/{chunk-SP2EQCZE.js → chunk-37ZFOV4F.js} +3 -4
  73. package/dist/{chunk-MJ2W4MJY.js → chunk-4GSKU4TS.js} +1 -1
  74. package/dist/{chunk-WWOPLGWW.js → chunk-4RGYMJVX.js} +1 -1
  75. package/dist/{chunk-CP6TQMUU.js → chunk-5O2R6OZD.js} +2 -2
  76. package/dist/{chunk-Q4BCNP43.js → chunk-AV6EXKJL.js} +4 -4
  77. package/dist/{chunk-SV4ZFFJK.js → chunk-B57SRQ7N.js} +1 -1
  78. package/dist/{chunk-DI7CG5S5.js → chunk-C6HQZUJC.js} +2 -2
  79. package/dist/{chunk-LWNOCFB6.js → chunk-EUVNSKLC.js} +1 -1
  80. package/dist/{chunk-4NZBP4JD.js → chunk-F54JRMFF.js} +1 -1
  81. package/dist/{chunk-MJ4Q7MK4.js → chunk-FMYIFMMF.js} +1 -1
  82. package/dist/{chunk-GGEFS6GJ.js → chunk-GF4GFADL.js} +3 -3
  83. package/dist/{chunk-RFT4HR7Q.js → chunk-GLJ23R4O.js} +1 -1
  84. package/dist/{chunk-4CRD45GS.js → chunk-H47QYKHU.js} +5 -5
  85. package/dist/{chunk-TKKUUTJJ.js → chunk-HAJOOYIY.js} +3 -3
  86. package/dist/{chunk-EK7VYKUJ.js → chunk-JHCYXGZQ.js} +1 -1
  87. package/dist/{chunk-INJZF4DT.js → chunk-KHBGN72O.js} +2 -2
  88. package/dist/{chunk-EVDGB7QY.js → chunk-L6GOPZJM.js} +4 -7
  89. package/dist/{chunk-NO2FWJBI.js → chunk-LPNAHCYD.js} +2 -2
  90. package/dist/chunk-MTDFS4CZ.js +12 -0
  91. package/dist/{chunk-UX6DUMLO.js → chunk-OPVD3ERM.js} +2 -2
  92. package/dist/{chunk-SC3SJLSD.js → chunk-OQ4PSWC7.js} +2 -2
  93. package/dist/{chunk-4HJLLB6E.js → chunk-OWUGMRU6.js} +3 -3
  94. package/dist/{chunk-6IYUHCFN.js → chunk-QCUDNLBI.js} +1 -1
  95. package/dist/{chunk-XIJCDZFG.js → chunk-R5TKT4GV.js} +5 -4
  96. package/dist/{chunk-AYFNI5MJ.js → chunk-RHZPF2YH.js} +2 -2
  97. package/dist/{chunk-IBYM3BOF.js → chunk-TRIFBDZE.js} +1 -1
  98. package/dist/{chunk-SEFGTHWT.js → chunk-UG2GABQI.js} +3 -3
  99. package/dist/{chunk-BHKFMRTW.js → chunk-USYSDGSI.js} +9 -5
  100. package/dist/{chunk-3O5HAEBL.js → chunk-UZWPP6WB.js} +1 -1
  101. package/dist/{chunk-2XPKW4HJ.js → chunk-VIJAZ3D6.js} +2 -2
  102. package/dist/{chunk-ZSGYSO46.js → chunk-W6AZ2ZWU.js} +1 -1
  103. package/dist/{chunk-RUDTNECQ.js → chunk-WKTV56XG.js} +3 -4
  104. package/dist/{chunk-AXN2XN3F.js → chunk-WQ2IDC5N.js} +6 -6
  105. package/dist/{chunk-AUF6GNR5.js → chunk-XVFY4N5S.js} +1 -1
  106. package/dist/{chunk-KYUCKXEK.js → chunk-YKLQWMUL.js} +6 -6
  107. package/dist/{chunk-I4ZQ5ODG.js → chunk-Z4S37Y6Z.js} +1 -1
  108. package/dist/chunk-ZQ3AWYRR.js +7 -0
  109. package/dist/index.css +467 -571
  110. package/dist/index.d.ts +1 -0
  111. package/dist/index.js +47 -46
  112. package/dist/inputs/src/InputGroup.css +14 -12
  113. package/dist/inputs/src/InputGroup.d.ts +1 -0
  114. package/dist/inputs/src/InputGroup.js +1 -1
  115. package/dist/inputs/src/NumberField.css +517 -0
  116. package/dist/inputs/src/NumberField.d.ts +37 -0
  117. package/dist/inputs/src/NumberField.js +177 -0
  118. package/dist/inputs/src/NumberFieldContext.d.ts +8 -0
  119. package/dist/inputs/src/NumberFieldContext.js +2 -0
  120. package/dist/inputs/src/PasswordField.css +231 -303
  121. package/dist/inputs/src/PasswordField.js +8 -8
  122. package/dist/inputs/src/SearchField.css +237 -308
  123. package/dist/inputs/src/SearchField.js +9 -9
  124. package/dist/inputs/src/TextField.css +232 -304
  125. package/dist/inputs/src/TextField.js +9 -9
  126. package/dist/inputs/src/index.css +250 -341
  127. package/dist/inputs/src/index.js +12 -12
  128. package/dist/overlays/Popover/src/Popover.css +467 -571
  129. package/dist/overlays/Popover/src/Popover.js +47 -46
  130. package/dist/overlays/Popover/src/index.css +467 -571
  131. package/dist/overlays/Popover/src/index.js +47 -46
  132. package/dist/radio/src/Radio.css +31 -38
  133. package/dist/radio/src/Radio.js +2 -2
  134. package/dist/radio/src/RadioField.css +15 -15
  135. package/dist/radio/src/RadioField.js +2 -2
  136. package/dist/radio/src/RadioGroup.css +70 -141
  137. package/dist/radio/src/RadioGroup.js +2 -2
  138. package/dist/radio/src/index.css +70 -141
  139. package/dist/radio/src/index.js +5 -5
  140. package/dist/switch/src/Switch.css +25 -25
  141. package/dist/switch/src/Switch.js +2 -2
  142. package/dist/switch/src/SwitchField.css +15 -15
  143. package/dist/switch/src/SwitchField.js +1 -1
  144. package/dist/switch/src/index.css +31 -31
  145. package/dist/switch/src/index.js +3 -3
  146. package/dist/tag/src/Tag.css +467 -571
  147. package/dist/tag/src/Tag.js +47 -46
  148. package/dist/tag/src/TagGroup.css +32 -96
  149. package/dist/tag/src/TagGroup.js +2 -2
  150. package/dist/tag/src/index.css +467 -571
  151. package/dist/tag/src/index.js +47 -46
  152. package/dist/typography/Heading/src/Heading.css +9 -9
  153. package/dist/typography/Heading/src/Heading.js +1 -1
  154. package/dist/typography/Heading/src/index.css +9 -9
  155. package/dist/typography/Heading/src/index.js +1 -1
  156. package/dist/typography/Label/src/Label.css +13 -77
  157. package/dist/typography/Label/src/Label.d.ts +1 -6
  158. package/dist/typography/Label/src/Label.js +1 -1
  159. package/dist/typography/Label/src/index.css +13 -77
  160. package/dist/typography/Label/src/index.js +1 -1
  161. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  162. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  163. package/dist/typography/OverlineText/src/index.css +6 -6
  164. package/dist/typography/OverlineText/src/index.js +1 -1
  165. package/dist/typography/Text/src/Text.css +9 -9
  166. package/dist/typography/Text/src/Text.js +1 -1
  167. package/dist/typography/Text/src/index.css +9 -9
  168. package/dist/typography/Text/src/index.js +1 -1
  169. package/dist/utils/src/index.d.ts +1 -0
  170. package/dist/utils/src/index.js +1 -0
  171. package/dist/utils/src/useScale.d.ts +11 -0
  172. package/dist/utils/src/useScale.js +2 -0
  173. package/package.json +4 -4
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
2
- :where(.OverlineText-module__hop-OverlineText___D9put) {
2
+ :where(.OverlineText-module__hop-OverlineText___ZFMb-) {
3
3
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
4
4
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
5
5
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -23,26 +23,26 @@
23
23
  text-transform: uppercase;
24
24
  letter-spacing: var(--letter-spacing);
25
25
  }
26
- .OverlineText-module__hop-OverlineText__text___qETKZ {
26
+ .OverlineText-module__hop-OverlineText__text___dGxq3 {
27
27
  box-sizing: border-box;
28
28
  }
29
- .OverlineText-module__hop-OverlineText__text___qETKZ::before,
30
- .OverlineText-module__hop-OverlineText__text___qETKZ::after {
29
+ .OverlineText-module__hop-OverlineText__text___dGxq3::before,
30
+ .OverlineText-module__hop-OverlineText__text___dGxq3::after {
31
31
  content: "";
32
32
  display: block;
33
33
  box-sizing: border-box;
34
34
  inline-size: 0;
35
35
  block-size: 0;
36
36
  }
37
- .OverlineText-module__hop-OverlineText__text___qETKZ::before {
37
+ .OverlineText-module__hop-OverlineText__text___dGxq3::before {
38
38
  margin-block-end: var(--bottom-offset);
39
39
  }
40
- .OverlineText-module__hop-OverlineText__text___qETKZ::after {
40
+ .OverlineText-module__hop-OverlineText__text___dGxq3::after {
41
41
  margin-block-start: var(--top-offset);
42
42
  }
43
43
 
44
44
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
45
- .Badge-module__hop-Badge___NUYtc {
45
+ .Badge-module__hop-Badge___w5OwQ {
46
46
  --hop-Badge-height: 1.5rem;
47
47
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
48
48
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -66,21 +66,21 @@
66
66
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
67
67
  border-radius: var(--border-radius);
68
68
  }
69
- .Badge-module__hop-Badge--primary___cj5ek {
69
+ .Badge-module__hop-Badge--primary___WkPW7 {
70
70
  --background-color: var(--hop-Badge-primary-background-color);
71
71
  --text-color: var(--hop-Badge-primary-text-color);
72
72
  }
73
- .Badge-module__hop-Badge--secondary___ZUxEG {
73
+ .Badge-module__hop-Badge--secondary___7Z0He {
74
74
  --background-color: var(--hop-Badge-secondary-background-color);
75
75
  --text-color: var(--hop-Badge-secondary-text-color);
76
76
  }
77
- .Badge-module__hop-Badge___NUYtc[data-disabled] {
77
+ .Badge-module__hop-Badge___w5OwQ[data-disabled] {
78
78
  --background-color: var(--hop-Badge-background-color-disabled);
79
79
  --text-color: var(--hop-Badge-text-color-disabled);
80
80
  }
81
81
 
82
82
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
83
- .IconList-module__hop-IconList___R-Yq8 {
83
+ .IconList-module__hop-IconList___rbH36 {
84
84
  --hop-IconList-gap: var(--hop-space-inline-xs);
85
85
  display: flex;
86
86
  flex-wrap: wrap;
@@ -89,7 +89,7 @@
89
89
  }
90
90
 
91
91
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
92
- .Text-module__hop-Text___14BpO {
92
+ .Text-module__hop-Text___LQKNS {
93
93
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
94
94
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
95
95
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -119,49 +119,49 @@
119
119
  --hop-Text-inherit-size-font-weight: inherit;
120
120
  --hop-Text-inherit-size-line-height: inherit;
121
121
  }
122
- :where(.Text-module__hop-Text___14BpO) {
122
+ :where(.Text-module__hop-Text___LQKNS) {
123
123
  font-family: var(--font-family);
124
124
  font-size: var(--font-size);
125
125
  font-weight: var(--font-weight);
126
126
  line-height: var(--line-height);
127
127
  }
128
- :where(.Text-module__hop-Text--xs___aRSDR) {
128
+ :where(.Text-module__hop-Text--xs___BTjBc) {
129
129
  --font-size: var(--hop-Text-xs-font-size);
130
130
  --font-family: var(--hop-Text-xs-font-family);
131
131
  --font-weight: var(--hop-Text-xs-font-weight);
132
132
  --line-height: var(--hop-Text-xs-line-height);
133
133
  }
134
- :where(.Text-module__hop-Text--sm___iIeOn) {
134
+ :where(.Text-module__hop-Text--sm___1Fekb) {
135
135
  --font-size: var(--hop-Text-sm-font-size);
136
136
  --font-family: var(--hop-Text-sm-font-family);
137
137
  --font-weight: var(--hop-Text-sm-font-weight);
138
138
  --line-height: var(--hop-Text-sm-line-height);
139
139
  }
140
- :where(.Text-module__hop-Text--md___wUvWa) {
140
+ :where(.Text-module__hop-Text--md___Kl9lO) {
141
141
  --font-size: var(--hop-Text-md-font-size);
142
142
  --font-family: var(--hop-Text-md-font-family);
143
143
  --font-weight: var(--hop-Text-md-font-weight);
144
144
  --line-height: var(--hop-Text-md-line-height);
145
145
  }
146
- :where(.Text-module__hop-Text--lg___VgVo1) {
146
+ :where(.Text-module__hop-Text--lg___svd8a) {
147
147
  --font-size: var(--hop-Text-lg-font-size);
148
148
  --font-family: var(--hop-Text-lg-font-family);
149
149
  --font-weight: var(--hop-Text-lg-font-weight);
150
150
  --line-height: var(--hop-Text-lg-line-height);
151
151
  }
152
- :where(.Text-module__hop-Text--xl___z-kUj) {
152
+ :where(.Text-module__hop-Text--xl___8perG) {
153
153
  --font-size: var(--hop-Text-xl-font-size);
154
154
  --font-family: var(--hop-Text-xl-font-family);
155
155
  --font-weight: var(--hop-Text-xl-font-weight);
156
156
  --line-height: var(--hop-Text-xl-line-height);
157
157
  }
158
- :where(.Text-module__hop-Text--2xl___19IZl) {
158
+ :where(.Text-module__hop-Text--2xl___V6xdg) {
159
159
  --font-size: var(--hop-Text-2xl-font-size);
160
160
  --font-family: var(--hop-Text-2xl-font-family);
161
161
  --font-weight: var(--hop-Text-2xl-font-weight);
162
162
  --line-height: var(--hop-Text-2xl-line-height);
163
163
  }
164
- :where(.Text-module__hop-Text--inherit___dPyiy) {
164
+ :where(.Text-module__hop-Text--inherit___EttKo) {
165
165
  --font-size: var(--hop-Text-inherit-size-font-size);
166
166
  --font-family: var(--hop-Text-inherit-size-font-family);
167
167
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -169,7 +169,7 @@
169
169
  }
170
170
 
171
171
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
172
- .Checkbox-module__hop-Checkbox___kftmj {
172
+ .Checkbox-module__hop-Checkbox___fuwSo {
173
173
  --hop-Checkbox-box-border-size: 0.0625rem;
174
174
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
175
175
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -234,7 +234,6 @@
234
234
  --cursor: pointer;
235
235
  --text-color: var(--hop-Checkbox-text-color);
236
236
  --icon-color: var(--hop-Checkbox-icon-color);
237
- --description-color: var(--hop-Checkbox-description-color);
238
237
  --transition-duration: var(--hop-easing-duration-2);
239
238
  cursor: var(--cursor);
240
239
  display: flex;
@@ -245,94 +244,89 @@
245
244
  inline-size: max-content;
246
245
  max-inline-size: 100%;
247
246
  }
248
- .Checkbox-module__hop-Checkbox___kftmj[data-focus-visible],
249
- .Checkbox-module__hop-Checkbox--focused___I55sq {
247
+ .Checkbox-module__hop-Checkbox___fuwSo[data-focus-visible],
248
+ .Checkbox-module__hop-Checkbox--focused___l9txQ {
250
249
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
251
250
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
252
251
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
253
252
  --text-color: var(--hop-Checkbox-text-color-focused);
254
253
  --icon-color: var(--hop-Checkbox-icon-color-focused);
255
- --description-color: var(--hop-Checkbox-description-color-focus);
256
254
  }
257
- .Checkbox-module__hop-Checkbox___kftmj[data-hovered],
258
- .Checkbox-module__hop-Checkbox--hovered___25IoC {
255
+ .Checkbox-module__hop-Checkbox___fuwSo[data-hovered],
256
+ .Checkbox-module__hop-Checkbox--hovered___yFiMT {
259
257
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
260
258
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
261
259
  --text-color: var(--hop-Checkbox-text-color-hovered);
262
260
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
263
- --description-color: var(--hop-Checkbox-description-color-hover);
264
261
  }
265
- .Checkbox-module__hop-Checkbox___kftmj[data-pressed],
266
- .Checkbox-module__hop-Checkbox--pressed___J40cI {
262
+ .Checkbox-module__hop-Checkbox___fuwSo[data-pressed],
263
+ .Checkbox-module__hop-Checkbox--pressed___Y7I5u {
267
264
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
268
265
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
269
266
  --text-color: var(--hop-Checkbox-text-color-pressed);
270
267
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
271
268
  }
272
- .Checkbox-module__hop-Checkbox___kftmj[data-selected] {
269
+ .Checkbox-module__hop-Checkbox___fuwSo[data-selected] {
273
270
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
274
271
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
275
272
  --check-display: var(--hop-Checkbox-check-display-selected);
276
273
  --text-color: var(--hop-Checkbox-text-color-selected);
277
274
  --icon-color: var(--hop-Checkbox-icon-color-selected);
278
- --description-color: var(--hop-Checkbox-description-color-checked);
279
275
  }
280
- .Checkbox-module__hop-Checkbox___kftmj[data-invalid] {
276
+ .Checkbox-module__hop-Checkbox___fuwSo[data-invalid] {
281
277
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
282
278
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
283
279
  --check-color: var(--hop-Checkbox-check-color-invalid);
284
280
  --text-color: var(--hop-Checkbox-text-color-invalid);
285
281
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
286
- --description-color: var(--hop-Checkbox-description-color-invalid);
287
282
  }
288
- .Checkbox-module__hop-Checkbox___kftmj[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___I55sq) {
283
+ .Checkbox-module__hop-Checkbox___fuwSo[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___l9txQ) {
289
284
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
290
285
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
291
286
  }
292
- .Checkbox-module__hop-Checkbox___kftmj[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___25IoC) {
287
+ .Checkbox-module__hop-Checkbox___fuwSo[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___yFiMT) {
293
288
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
294
289
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
295
290
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
296
291
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
297
292
  }
298
- .Checkbox-module__hop-Checkbox___kftmj[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___J40cI) {
293
+ .Checkbox-module__hop-Checkbox___fuwSo[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___Y7I5u) {
299
294
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
300
295
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
301
296
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
302
297
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
303
298
  }
304
- .Checkbox-module__hop-Checkbox___kftmj:where([data-invalid])[data-selected] {
299
+ .Checkbox-module__hop-Checkbox___fuwSo:where([data-invalid])[data-selected] {
305
300
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
306
301
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
307
302
  }
308
- .Checkbox-module__hop-Checkbox___kftmj[data-disabled] {
303
+ .Checkbox-module__hop-Checkbox___fuwSo[data-disabled] {
309
304
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
310
305
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
311
306
  --check-color: var(--hop-Checkbox-check-color-disabled);
312
307
  --cursor: not-allowed;
313
308
  --text-color: var(--hop-Checkbox-text-color-disabled);
314
309
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
315
- --description-color: var(--hop-Checkbox-description-color-disabled);
316
310
  }
317
- .Checkbox-module__hop-Checkbox--sm___TSfU4 {
311
+ .Checkbox-module__hop-Checkbox--sm___cgYih {
318
312
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
319
313
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
320
314
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
321
315
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
322
316
  }
323
- .Checkbox-module__hop-Checkbox--md___W8xht {
317
+ .Checkbox-module__hop-Checkbox--md___1Omum {
324
318
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
325
319
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
326
320
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
327
321
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
328
322
  }
329
- .Checkbox-module__hop-Checkbox__icon___noBKZ,
330
- .Checkbox-module__hop-Checkbox__icon-list___7BBgx {
323
+ .Checkbox-module__hop-Checkbox__icon___OWyMa,
324
+ .Checkbox-module__hop-Checkbox__icon-list___o5ETJ {
331
325
  flex: 0 0 auto;
332
326
  order: 3;
333
327
  color: var(--icon-color);
334
328
  }
335
- .Checkbox-module__hop-Checkbox__box___5QcUF {
329
+ .Checkbox-module__hop-Checkbox__box___6z1co {
336
330
  display: flex;
337
331
  flex: 0 0 auto;
338
332
  align-items: center;
@@ -348,11 +342,11 @@
348
342
  outline-offset: 0.125rem;
349
343
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
350
344
  }
351
- .Checkbox-module__hop-Checkbox__check___1jnAz {
345
+ .Checkbox-module__hop-Checkbox__check___uHY6E {
352
346
  display: var(--check-display);
353
347
  color: var(--check-color);
354
348
  }
355
- .Checkbox-module__hop-Checkbox__text___kdxOT {
349
+ .Checkbox-module__hop-Checkbox__text___Ia2xy {
356
350
  flex: 0 1 auto;
357
351
  order: 2;
358
352
  min-inline-size: 0;
@@ -362,7 +356,7 @@
362
356
  }
363
357
 
364
358
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
365
- .CheckboxField-module__hop-CheckboxField___epMrB {
359
+ .CheckboxField-module__hop-CheckboxField___OAoPo {
366
360
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
367
361
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
368
362
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -381,28 +375,28 @@
381
375
  inline-size: max-content;
382
376
  max-inline-size: 100%;
383
377
  }
384
- .CheckboxField-module__hop-CheckboxField___epMrB[data-disabled] {
378
+ .CheckboxField-module__hop-CheckboxField___OAoPo[data-disabled] {
385
379
  --description-color: var(--hop-CheckboxField-description-color-disabled);
386
380
  }
387
- .CheckboxField-module__hop-CheckboxField--sm___Ak88K {
381
+ .CheckboxField-module__hop-CheckboxField--sm___inSFS {
388
382
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
389
383
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
390
384
  }
391
- .CheckboxField-module__hop-CheckboxField--md___PPA-Q {
385
+ .CheckboxField-module__hop-CheckboxField--md___G9ND4 {
392
386
  --row-gap: var(--hop-CheckboxField-md-row-gap);
393
387
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
394
388
  }
395
- .CheckboxField-module__hop-CheckboxField__description___xsSML {
389
+ .CheckboxField-module__hop-CheckboxField__description___OWGfn {
396
390
  order: 2;
397
391
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
398
392
  color: var(--description-color);
399
393
  }
400
- .CheckboxField-module__hop-CheckboxField__checkbox___2i3f7 {
394
+ .CheckboxField-module__hop-CheckboxField__checkbox___WBIi- {
401
395
  order: 1;
402
396
  }
403
397
 
404
398
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
405
- .ErrorMessage-module__hop-ErrorMessage___U-bVX {
399
+ .ErrorMessage-module__hop-ErrorMessage___TiOLv {
406
400
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
407
401
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
408
402
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -419,13 +413,13 @@
419
413
  line-height: var(--hop-ErrorMessage-line-height);
420
414
  color: var(--hop-ErrorMessage-color);
421
415
  }
422
- .ErrorMessage-module__hop-ErrorMessage__icon___DS-U2 {
416
+ .ErrorMessage-module__hop-ErrorMessage__icon___uJa5n {
423
417
  flex: 0 0 auto;
424
418
  align-self: flex-start;
425
419
  }
426
420
 
427
421
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
428
- .HelperMessage-module__hop-HelperMessage___ToNA6 {
422
+ .HelperMessage-module__hop-HelperMessage___vJKjp {
429
423
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
430
424
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
431
425
  display: flex;
@@ -434,93 +428,29 @@
434
428
  box-sizing: border-box;
435
429
  color: var(--hop-HelperMessage-color);
436
430
  }
437
- .HelperMessage-module__hop-HelperMessage__icon___BvS8X {
431
+ .HelperMessage-module__hop-HelperMessage__icon___XmbUU {
438
432
  flex: 0 0 auto;
439
433
  align-self: flex-start;
440
434
  }
441
435
 
442
436
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
443
- .Label-module__hop-Label___4IwKs {
444
- --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
445
- --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
446
- --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
447
- --hop-Label-xs-line-height: var(--hop-body-xs-line-height);
448
- --hop-Label-sm-font-size: var(--hop-body-sm-font-size);
449
- --hop-Label-sm-font-family: var(--hop-body-sm-font-family);
450
- --hop-Label-sm-font-weight: var(--hop-body-sm-font-weight);
451
- --hop-Label-sm-line-height: var(--hop-body-sm-line-height);
452
- --hop-Label-md-font-size: var(--hop-body-md-font-size);
453
- --hop-Label-md-font-family: var(--hop-body-md-font-family);
454
- --hop-Label-md-font-weight: var(--hop-body-md-font-weight);
455
- --hop-Label-md-line-height: var(--hop-body-md-line-height);
456
- --hop-Label-lg-font-size: var(--hop-body-lg-font-size);
457
- --hop-Label-lg-font-family: var(--hop-body-lg-font-family);
458
- --hop-Label-lg-font-weight: var(--hop-body-lg-font-weight);
459
- --hop-Label-lg-line-height: var(--hop-body-lg-line-height);
460
- --hop-Label-xl-font-size: var(--hop-body-xl-font-size);
461
- --hop-Label-xl-font-family: var(--hop-body-xl-font-family);
462
- --hop-Label-xl-font-weight: var(--hop-body-xl-font-weight);
463
- --hop-Label-xl-line-height: var(--hop-body-xl-line-height);
464
- --hop-Label-2xl-font-size: var(--hop-body-2xl-font-size);
465
- --hop-Label-2xl-font-family: var(--hop-body-2xl-font-family);
466
- --hop-Label-2xl-font-weight: var(--hop-body-2xl-font-weight);
467
- --hop-Label-2xl-line-height: var(--hop-body-2xl-line-height);
468
- --hop-Label-inherit-size-font-size: inherit;
469
- --hop-Label-inherit-size-font-family: inherit;
470
- --hop-Label-inherit-size-font-weight: inherit;
471
- --hop-Label-inherit-size-line-height: inherit;
472
- }
473
- :where(.Label-module__hop-Label___4IwKs) {
474
- font-family: var(--font-family);
475
- font-size: var(--font-size);
476
- font-weight: var(--font-weight);
477
- line-height: var(--line-height);
478
- }
479
- :where(.Label-module__hop-Label--xs___OM9D0) {
480
- --font-size: var(--hop-Label-xs-font-size);
481
- --font-family: var(--hop-Label-xs-font-family);
482
- --font-weight: var(--hop-Label-xs-font-weight);
483
- --line-height: var(--hop-Label-xs-line-height);
484
- }
485
- :where(.Label-module__hop-Label--sm___YR0aQ) {
486
- --font-size: var(--hop-Label-sm-font-size);
487
- --font-family: var(--hop-Label-sm-font-family);
488
- --font-weight: var(--hop-Label-sm-font-weight);
489
- --line-height: var(--hop-Label-sm-line-height);
490
- }
491
- :where(.Label-module__hop-Label--md___DvgG2) {
492
- --font-size: var(--hop-Label-md-font-size);
493
- --font-family: var(--hop-Label-md-font-family);
494
- --font-weight: var(--hop-Label-md-font-weight);
495
- --line-height: var(--hop-Label-md-line-height);
496
- }
497
- :where(.Label-module__hop-Label--lg___9cVMt) {
498
- --font-size: var(--hop-Label-lg-font-size);
499
- --font-family: var(--hop-Label-lg-font-family);
500
- --font-weight: var(--hop-Label-lg-font-weight);
501
- --line-height: var(--hop-Label-lg-line-height);
502
- }
503
- :where(.Label-module__hop-Label--xl___ddTYR) {
504
- --font-size: var(--hop-Label-xl-font-size);
505
- --font-family: var(--hop-Label-xl-font-family);
506
- --font-weight: var(--hop-Label-xl-font-weight);
507
- --line-height: var(--hop-Label-xl-line-height);
508
- }
509
- :where(.Label-module__hop-Label--2xl___XBni5) {
510
- --font-size: var(--hop-Label-2xl-font-size);
511
- --font-family: var(--hop-Label-2xl-font-family);
512
- --font-weight: var(--hop-Label-2xl-font-weight);
513
- --line-height: var(--hop-Label-2xl-line-height);
514
- }
515
- :where(.Label-module__hop-Label--inherit___mbv9Z) {
516
- --font-size: var(--hop-Label-inherit-size-font-size);
517
- --font-family: var(--hop-Label-inherit-size-font-family);
518
- --font-weight: var(--hop-Label-inherit-size-font-weight);
519
- --line-height: var(--hop-Label-inherit-size-line-height);
437
+ .Label-module__hop-Label___T9bhE {
438
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
439
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
440
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
441
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
442
+ --hop-Label-color: var(--hop-neutral-text-weak);
443
+ }
444
+ :where(.Label-module__hop-Label___T9bhE) {
445
+ font-family: var(--hop-Label-font-family);
446
+ font-size: var(--hop-Label-font-size);
447
+ font-weight: var(--hop-Label-font-weight);
448
+ line-height: var(--hop-Label-line-height);
449
+ color: var(--hop-Label-color);
520
450
  }
521
451
 
522
452
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
523
- .CheckboxGroup-module__hop-CheckboxGroup___fLYvA {
453
+ .CheckboxGroup-module__hop-CheckboxGroup___Fb1-N {
524
454
  --hop-CheckboxGroup-align-items: flex-start;
525
455
  --hop-CheckboxGroup-justify-content: flex-start;
526
456
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -559,46 +489,46 @@
559
489
  inline-size: max-content;
560
490
  max-inline-size: 100%;
561
491
  }
562
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qEiPe {
492
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I {
563
493
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
564
494
  --list-border-radius: var(--hop-shape-rounded-md);
565
495
  }
566
- .CheckboxGroup-module__hop-CheckboxGroup--sm___4ukA0 {
496
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___dxEUp {
567
497
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
568
498
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
569
499
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
570
500
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
571
501
  }
572
- .CheckboxGroup-module__hop-CheckboxGroup--md___mqILN {
502
+ .CheckboxGroup-module__hop-CheckboxGroup--md___CWSKY {
573
503
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
574
504
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
575
505
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
576
506
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
577
507
  }
578
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qEiPe.CheckboxGroup-module__hop-CheckboxGroup--sm___4ukA0 {
508
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I.CheckboxGroup-module__hop-CheckboxGroup--sm___dxEUp {
579
509
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
580
510
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
581
511
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
582
512
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
583
513
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
584
514
  }
585
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qEiPe.CheckboxGroup-module__hop-CheckboxGroup--md___mqILN {
515
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I.CheckboxGroup-module__hop-CheckboxGroup--md___CWSKY {
586
516
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
587
517
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
588
518
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
589
519
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
590
520
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
591
521
  }
592
- .CheckboxGroup-module__hop-CheckboxGroup___fLYvA[data-orientation=horizontal] {
522
+ .CheckboxGroup-module__hop-CheckboxGroup___Fb1-N[data-orientation=horizontal] {
593
523
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
594
524
  }
595
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qEiPe[data-orientation=horizontal] {
525
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I[data-orientation=horizontal] {
596
526
  --flex-wrap: nowrap;
597
527
  }
598
- .CheckboxGroup-module__hop-CheckboxGroup___fLYvA > .CheckboxGroup-module__hop-CheckboxGroup__label___cGGIz {
528
+ .CheckboxGroup-module__hop-CheckboxGroup___Fb1-N > .CheckboxGroup-module__hop-CheckboxGroup__label___Aqhxd {
599
529
  order: 1;
600
530
  }
601
- .CheckboxGroup-module__hop-CheckboxGroup__list___QTUE- {
531
+ .CheckboxGroup-module__hop-CheckboxGroup__list___w7c-y {
602
532
  display: flex;
603
533
  flex-flow: var(--flex-direction) var(--flex-wrap);
604
534
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -609,7 +539,7 @@
609
539
  border: var(--list-border, none);
610
540
  border-radius: var(--list-border-radius, 0);
611
541
  }
612
- .CheckboxGroup-module__hop-CheckboxGroup__list___QTUE- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xoGZ4 {
542
+ .CheckboxGroup-module__hop-CheckboxGroup__list___w7c-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1 {
613
543
  position: relative;
614
544
  flex: 0 1 auto;
615
545
  align-content: start;
@@ -617,28 +547,28 @@
617
547
  min-inline-size: 0;
618
548
  padding: var(--checkbox-padding, 0);
619
549
  }
620
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qEiPe .CheckboxGroup-module__hop-CheckboxGroup__list___QTUE- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xoGZ4 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xoGZ4::before {
550
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I .CheckboxGroup-module__hop-CheckboxGroup__list___w7c-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1::before {
621
551
  content: "";
622
552
  position: absolute;
623
553
  display: block;
624
554
  }
625
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qEiPe[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___QTUE- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xoGZ4 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xoGZ4::before {
555
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___w7c-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1::before {
626
556
  inset-block-start: 0;
627
557
  inset-inline: 0;
628
558
  border-block-start: var(--list-border, none);
629
559
  }
630
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___qEiPe[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___QTUE- > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xoGZ4 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xoGZ4::before {
560
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___w7c-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1::before {
631
561
  inset-block: 0;
632
562
  inset-inline-start: 0;
633
563
  border-inline-start: var(--list-border, none);
634
564
  }
635
- .CheckboxGroup-module__hop-CheckboxGroup___fLYvA > .CheckboxGroup-module__hop-CheckboxGroup__error-message___PK10l,
636
- .CheckboxGroup-module__hop-CheckboxGroup___fLYvA > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___ZlWSz {
565
+ .CheckboxGroup-module__hop-CheckboxGroup___Fb1-N > .CheckboxGroup-module__hop-CheckboxGroup__error-message___aeS8H,
566
+ .CheckboxGroup-module__hop-CheckboxGroup___Fb1-N > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___sHRGg {
637
567
  order: 3;
638
568
  }
639
569
 
640
570
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
641
- .Radio-module__hop-Radio___b9TXN {
571
+ .Radio-module__hop-Radio___AM8tK {
642
572
  --hop-Radio-box-border-size: 0.0625rem;
643
573
  --hop-Radio-box-border-color: var(--hop-neutral-border);
644
574
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -702,7 +632,6 @@
702
632
  --cursor: pointer;
703
633
  --text-color: var(--hop-Radio-text-color);
704
634
  --icon-color: var(--hop-Radio-icon-color);
705
- --description-color: var(--hop-Radio-description-color);
706
635
  --transition-duration: var(--hop-easing-duration-2);
707
636
  cursor: var(--cursor);
708
637
  display: flex;
@@ -713,95 +642,89 @@
713
642
  inline-size: max-content;
714
643
  max-inline-size: 100%;
715
644
  }
716
- .Radio-module__hop-Radio___b9TXN[data-focus-visible],
717
- .Radio-module__hop-Radio--focused___QfPoM {
645
+ .Radio-module__hop-Radio___AM8tK[data-focus-visible],
646
+ .Radio-module__hop-Radio--focused___itwDR {
718
647
  --box-background-color: var(--hop-Radio-box-background-color-focused);
719
648
  --box-border-color: var(--hop-Radio-box-border-color-focused);
720
649
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
721
650
  --text-color: var(--hop-Radio-text-color-focused);
722
651
  --icon-color: var(--hop-Radio-icon-color-focused);
723
- --description-color: var(--hop-Radio-description-color-focus);
724
652
  }
725
- .Radio-module__hop-Radio___b9TXN[data-hovered],
726
- .Radio-module__hop-Radio--hovered___UXyYt {
653
+ .Radio-module__hop-Radio___AM8tK[data-hovered],
654
+ .Radio-module__hop-Radio--hovered___6VHIU {
727
655
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
728
656
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
729
657
  --text-color: var(--hop-Radio-text-color-hovered);
730
658
  --icon-color: var(--hop-Radio-icon-color-hovered);
731
- --description-color: var(--hop-Radio-description-color-hover);
732
659
  }
733
- .Radio-module__hop-Radio___b9TXN[data-pressed],
734
- .Radio-module__hop-Radio--pressed___5LrWF {
660
+ .Radio-module__hop-Radio___AM8tK[data-pressed],
661
+ .Radio-module__hop-Radio--pressed___lx2sF {
735
662
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
736
663
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
737
664
  --text-color: var(--hop-Radio-text-color-pressed);
738
665
  --icon-color: var(--hop-Radio-icon-color-pressed);
739
- --description-color: var(--hop-Radio-description-color-pressed);
740
666
  }
741
- .Radio-module__hop-Radio___b9TXN[data-selected] {
667
+ .Radio-module__hop-Radio___AM8tK[data-selected] {
742
668
  --box-background-color: var(--hop-Radio-box-background-color-selected);
743
669
  --box-border-color: var(--hop-Radio-box-border-color-selected);
744
670
  --bullet-display: var(--hop-Radio-bullet-display-selected);
745
671
  --text-color: var(--hop-Radio-text-color-selected);
746
672
  --icon-color: var(--hop-Radio-icon-color-selected);
747
- --description-color: var(--hop-Radio-description-color-selected);
748
673
  }
749
- .Radio-module__hop-Radio___b9TXN[data-invalid] {
674
+ .Radio-module__hop-Radio___AM8tK[data-invalid] {
750
675
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
751
676
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
752
677
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
753
678
  --text-color: var(--hop-Radio-text-color-invalid);
754
679
  --icon-color: var(--hop-Radio-icon-color-invalid);
755
- --description-color: var(--hop-Radio-description-color-invalid);
756
680
  }
757
- .Radio-module__hop-Radio___b9TXN:where([data-invalid])[data-focus-visible] {
681
+ .Radio-module__hop-Radio___AM8tK:where([data-invalid])[data-focus-visible] {
758
682
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
759
683
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
760
684
  }
761
- .Radio-module__hop-Radio___b9TXN:where([data-invalid])[data-hovered] {
685
+ .Radio-module__hop-Radio___AM8tK:where([data-invalid])[data-hovered] {
762
686
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
763
687
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
764
688
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
765
689
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
766
690
  }
767
- .Radio-module__hop-Radio___b9TXN:where([data-invalid])[data-pressed] {
691
+ .Radio-module__hop-Radio___AM8tK:where([data-invalid])[data-pressed] {
768
692
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
769
693
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
770
694
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
771
695
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
772
696
  }
773
- .Radio-module__hop-Radio___b9TXN:where([data-invalid])[data-selected] {
697
+ .Radio-module__hop-Radio___AM8tK:where([data-invalid])[data-selected] {
774
698
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
775
699
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
776
700
  }
777
- .Radio-module__hop-Radio___b9TXN[data-disabled] {
701
+ .Radio-module__hop-Radio___AM8tK[data-disabled] {
778
702
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
779
703
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
780
704
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
781
705
  --cursor: not-allowed;
782
706
  --text-color: var(--hop-Radio-text-color-disabled);
783
707
  --icon-color: var(--hop-Radio-icon-color-disabled);
784
- --description-color: var(--hop-Radio-description-color-disabled);
785
708
  }
786
- .Radio-module__hop-Radio--sm___SUeRe {
709
+ .Radio-module__hop-Radio--sm___F7KXR {
787
710
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
788
711
  --box-block-size: var(--hop-Radio-box-sm-block-size);
789
712
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
790
713
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
791
714
  }
792
- .Radio-module__hop-Radio--md___ZRy2q {
715
+ .Radio-module__hop-Radio--md___p5mai {
793
716
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
794
717
  --box-block-size: var(--hop-Radio-box-md-block-size);
795
718
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
796
719
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
797
720
  }
798
- .Radio-module__hop-Radio__icon___X6WzS,
799
- .Radio-module__hop-Radio__icon-list___CQ7Nb {
721
+ .Radio-module__hop-Radio__icon___RKZFs,
722
+ .Radio-module__hop-Radio__icon-list___IWPSR {
800
723
  flex: 0 0 auto;
801
724
  order: 3;
802
725
  color: var(--icon-color);
803
726
  }
804
- .Radio-module__hop-Radio__box___Pg1bK {
727
+ .Radio-module__hop-Radio__box___8viCp {
805
728
  display: flex;
806
729
  flex: 0 0 auto;
807
730
  align-items: center;
@@ -817,11 +740,11 @@
817
740
  outline-offset: 0.125rem;
818
741
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
819
742
  }
820
- .Radio-module__hop-Radio__bullet___DyxBh {
743
+ .Radio-module__hop-Radio__bullet___czAwE {
821
744
  display: var(--bullet-display);
822
745
  color: var(--bullet-color);
823
746
  }
824
- .Radio-module__hop-Radio__text___57bez {
747
+ .Radio-module__hop-Radio__text___vA5SR {
825
748
  flex: 0 1 auto;
826
749
  order: 2;
827
750
  min-inline-size: 0;
@@ -831,7 +754,7 @@
831
754
  }
832
755
 
833
756
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
834
- .RadioField-module__hop-RadioField___vlCF4 {
757
+ .RadioField-module__hop-RadioField___9jNWZ {
835
758
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
836
759
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
837
760
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -850,28 +773,28 @@
850
773
  inline-size: max-content;
851
774
  max-inline-size: 100%;
852
775
  }
853
- .RadioField-module__hop-RadioField___vlCF4[data-disabled] {
776
+ .RadioField-module__hop-RadioField___9jNWZ[data-disabled] {
854
777
  --description-color: var(--hop-RadioField-description-color-disabled);
855
778
  }
856
- .RadioField-module__hop-RadioField--sm___OYyvM {
779
+ .RadioField-module__hop-RadioField--sm___W0W-v {
857
780
  --row-gap: var(--hop-RadioField-sm-row-gap);
858
781
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
859
782
  }
860
- .RadioField-module__hop-RadioField--md___G6g7a {
783
+ .RadioField-module__hop-RadioField--md___T8Hql {
861
784
  --row-gap: var(--hop-RadioField-md-row-gap);
862
785
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
863
786
  }
864
- .RadioField-module__hop-RadioField__description___O9GuV {
787
+ .RadioField-module__hop-RadioField__description___kV7yP {
865
788
  order: 2;
866
789
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
867
790
  color: var(--description-color);
868
791
  }
869
- .RadioField-module__hop-RadioField__radio___YeZR8 {
792
+ .RadioField-module__hop-RadioField__radio___9Q-Up {
870
793
  order: 1;
871
794
  }
872
795
 
873
796
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
874
- .RadioGroup-module__hop-RadioGroup___KO76B {
797
+ .RadioGroup-module__hop-RadioGroup___zlDS2 {
875
798
  --hop-RadioGroup-align-items: flex-start;
876
799
  --hop-RadioGroup-justify-content: flex-start;
877
800
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -911,46 +834,46 @@
911
834
  inline-size: var(--inline-size);
912
835
  max-inline-size: 100%;
913
836
  }
914
- .RadioGroup-module__hop-RadioGroup--bordered___r63MP {
837
+ .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC {
915
838
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
916
839
  --list-border-radius: var(--hop-shape-rounded-md);
917
840
  }
918
- .RadioGroup-module__hop-RadioGroup--sm___ZjDBJ {
841
+ .RadioGroup-module__hop-RadioGroup--sm___DMWfI {
919
842
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
920
843
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
921
844
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
922
845
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
923
846
  }
924
- .RadioGroup-module__hop-RadioGroup--md___bej5s {
847
+ .RadioGroup-module__hop-RadioGroup--md___Q-2p- {
925
848
  --column-gap: var(--hop-RadioGroup-md-column-gap);
926
849
  --row-gap: var(--hop-RadioGroup-md-row-gap);
927
850
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
928
851
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
929
852
  }
930
- .RadioGroup-module__hop-RadioGroup--bordered___r63MP.RadioGroup-module__hop-RadioGroup--sm___ZjDBJ {
853
+ .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC.RadioGroup-module__hop-RadioGroup--sm___DMWfI {
931
854
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
932
855
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
933
856
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
934
857
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
935
858
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
936
859
  }
937
- .RadioGroup-module__hop-RadioGroup--bordered___r63MP.RadioGroup-module__hop-RadioGroup--md___bej5s {
860
+ .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC.RadioGroup-module__hop-RadioGroup--md___Q-2p- {
938
861
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
939
862
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
940
863
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
941
864
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
942
865
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
943
866
  }
944
- .RadioGroup-module__hop-RadioGroup___KO76B[data-orientation=horizontal] {
867
+ .RadioGroup-module__hop-RadioGroup___zlDS2[data-orientation=horizontal] {
945
868
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
946
869
  }
947
- .RadioGroup-module__hop-RadioGroup--bordered___r63MP[data-orientation=horizontal] {
870
+ .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC[data-orientation=horizontal] {
948
871
  --flex-wrap: nowrap;
949
872
  }
950
- .RadioGroup-module__hop-RadioGroup___KO76B > .RadioGroup-module__hop-RadioGroup__label___KEVVg {
873
+ .RadioGroup-module__hop-RadioGroup___zlDS2 > .RadioGroup-module__hop-RadioGroup__label___xwhxM {
951
874
  order: 1;
952
875
  }
953
- .RadioGroup-module__hop-RadioGroup__list___AJnnV {
876
+ .RadioGroup-module__hop-RadioGroup__list___IwA0A {
954
877
  display: flex;
955
878
  flex-flow: var(--flex-direction) var(--flex-wrap);
956
879
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -961,7 +884,7 @@
961
884
  border: var(--list-border, none);
962
885
  border-radius: var(--list-border-radius, 0);
963
886
  }
964
- .RadioGroup-module__hop-RadioGroup__list___AJnnV > .RadioGroup-module__hop-RadioGroup__radio___AHJja {
887
+ .RadioGroup-module__hop-RadioGroup__list___IwA0A > .RadioGroup-module__hop-RadioGroup__radio___vUp8M {
965
888
  position: relative;
966
889
  flex: 0 1 auto;
967
890
  align-content: start;
@@ -969,28 +892,28 @@
969
892
  min-inline-size: 0;
970
893
  padding: var(--radio-padding, 0);
971
894
  }
972
- .RadioGroup-module__hop-RadioGroup--bordered___r63MP .RadioGroup-module__hop-RadioGroup__list___AJnnV > .RadioGroup-module__hop-RadioGroup__radio___AHJja ~ .RadioGroup-module__hop-RadioGroup__radio___AHJja::before {
895
+ .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC .RadioGroup-module__hop-RadioGroup__list___IwA0A > .RadioGroup-module__hop-RadioGroup__radio___vUp8M ~ .RadioGroup-module__hop-RadioGroup__radio___vUp8M::before {
973
896
  content: "";
974
897
  position: absolute;
975
898
  display: block;
976
899
  }
977
- .RadioGroup-module__hop-RadioGroup--bordered___r63MP[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___AJnnV > .RadioGroup-module__hop-RadioGroup__radio___AHJja ~ .RadioGroup-module__hop-RadioGroup__radio___AHJja::before {
900
+ .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___IwA0A > .RadioGroup-module__hop-RadioGroup__radio___vUp8M ~ .RadioGroup-module__hop-RadioGroup__radio___vUp8M::before {
978
901
  inset-block-start: 0;
979
902
  inset-inline: 0;
980
903
  border-block-start: var(--list-border, none);
981
904
  }
982
- .RadioGroup-module__hop-RadioGroup--bordered___r63MP[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___AJnnV > .RadioGroup-module__hop-RadioGroup__radio___AHJja ~ .RadioGroup-module__hop-RadioGroup__radio___AHJja::before {
905
+ .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___IwA0A > .RadioGroup-module__hop-RadioGroup__radio___vUp8M ~ .RadioGroup-module__hop-RadioGroup__radio___vUp8M::before {
983
906
  inset-block: 0;
984
907
  inset-inline-start: 0;
985
908
  border-inline-start: var(--list-border, none);
986
909
  }
987
- .RadioGroup-module__hop-RadioGroup___KO76B > .RadioGroup-module__hop-RadioGroup__error-message___6ksW5,
988
- .RadioGroup-module__hop-RadioGroup___KO76B > .RadioGroup-module__hop-RadioGroup__helper-message___BqiJ6 {
910
+ .RadioGroup-module__hop-RadioGroup___zlDS2 > .RadioGroup-module__hop-RadioGroup__error-message___EzueM,
911
+ .RadioGroup-module__hop-RadioGroup___zlDS2 > .RadioGroup-module__hop-RadioGroup__helper-message___2UGkU {
989
912
  order: 3;
990
913
  }
991
914
 
992
915
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
993
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___M7T9p {
916
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___naikK {
994
917
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
995
918
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
996
919
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1016,7 +939,7 @@
1016
939
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1017
940
  background-size: 400% 100%;
1018
941
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1019
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___lwoo7;
942
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___4yLmy;
1020
943
  animation-duration: var(--animation-duration);
1021
944
  animation-timing-function: ease-in-out;
1022
945
  animation-fill-mode: forwards;
@@ -1025,19 +948,19 @@
1025
948
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1026
949
  }
1027
950
  }
1028
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___sieLB {
951
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___BoS9h {
1029
952
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1030
953
  }
1031
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___V40ZE {
954
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___sMtsw {
1032
955
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1033
956
  }
1034
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Ye9B4 {
957
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___xMp35 {
1035
958
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1036
959
  }
1037
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___v-JV- {
960
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___3TdWv {
1038
961
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1039
962
  }
1040
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___lwoo7 {
963
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___4yLmy {
1041
964
  0% {
1042
965
  background-position: 125% 50%;
1043
966
  }
@@ -1047,7 +970,7 @@
1047
970
  }
1048
971
 
1049
972
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1050
- .ListBoxItem-module__hop-ListBoxItem___Ywb34 {
973
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw {
1051
974
  --hop-ListBoxItem-background-color: transparent;
1052
975
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1053
976
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1130,109 +1053,109 @@
1130
1053
  border-radius: var(--hop-ListBoxItem-border-radius);
1131
1054
  outline: var(--outline);
1132
1055
  }
1133
- .ListBoxItem-module__hop-ListBoxItem--xs___12Ehu {
1056
+ .ListBoxItem-module__hop-ListBoxItem--xs___hbmq- {
1134
1057
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1135
1058
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1136
1059
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1137
1060
  }
1138
- .ListBoxItem-module__hop-ListBoxItem--sm___S3tlb {
1061
+ .ListBoxItem-module__hop-ListBoxItem--sm___LjXoN {
1139
1062
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1140
1063
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1141
1064
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1142
1065
  }
1143
- .ListBoxItem-module__hop-ListBoxItem--md___OxH-k {
1066
+ .ListBoxItem-module__hop-ListBoxItem--md___Cmsby {
1144
1067
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1145
1068
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1146
1069
  --min-height: var(--hop-ListBoxItem-md-min-height);
1147
1070
  }
1148
- .ListBoxItem-module__hop-ListBoxItem--lg___-m8mT {
1071
+ .ListBoxItem-module__hop-ListBoxItem--lg___xkWLx {
1149
1072
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1150
1073
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1151
1074
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1152
1075
  }
1153
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-selection-mode] {
1076
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-selection-mode] {
1154
1077
  --cursor: pointer;
1155
1078
  }
1156
- .ListBoxItem-module__hop-ListBoxItem___Ywb34:not([data-selection-mode]) {
1079
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw:not([data-selection-mode]) {
1157
1080
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1158
1081
  }
1159
- .ListBoxItem-module__hop-ListBoxItem__inner___3b2sq:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___uvIm4) {
1082
+ .ListBoxItem-module__hop-ListBoxItem__inner___JjNbc:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___dEMd-) {
1160
1083
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1161
1084
  }
1162
- .ListBoxItem-module__hop-ListBoxItem__inner___3b2sq[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___uvIm4) {
1085
+ .ListBoxItem-module__hop-ListBoxItem__inner___JjNbc[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___dEMd-) {
1163
1086
  --checkmark-transition: none;
1164
1087
  }
1165
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-selected] {
1088
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-selected] {
1166
1089
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1167
1090
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1168
1091
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1169
1092
  --checkmark-opacity: 1;
1170
1093
  }
1171
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-focus-visible] {
1094
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-focus-visible] {
1172
1095
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1173
1096
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1174
1097
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1175
1098
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1176
1099
  }
1177
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-hovered] {
1100
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-hovered] {
1178
1101
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1179
1102
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1180
1103
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1181
1104
  }
1182
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-pressed] {
1105
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-pressed] {
1183
1106
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1184
1107
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1185
1108
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1186
1109
  }
1187
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-disabled] {
1110
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-disabled] {
1188
1111
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1189
1112
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1190
1113
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1191
1114
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1192
1115
  --cursor: not-allowed;
1193
1116
  }
1194
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-invalid] {
1117
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-invalid] {
1195
1118
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1196
1119
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1197
1120
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1198
1121
  }
1199
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-invalid][data-selected] {
1122
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-invalid][data-selected] {
1200
1123
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1201
1124
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1202
1125
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1203
1126
  }
1204
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-invalid][data-focus-visible] {
1127
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-invalid][data-focus-visible] {
1205
1128
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1206
1129
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1207
1130
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1208
1131
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1209
1132
  }
1210
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-invalid][data-hovered] {
1133
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-invalid][data-hovered] {
1211
1134
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1212
1135
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1213
1136
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1214
1137
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1215
1138
  }
1216
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-invalid][data-pressed] {
1139
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-invalid][data-pressed] {
1217
1140
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1218
1141
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1219
1142
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1220
1143
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1221
1144
  }
1222
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-invalid][data-disabled] {
1145
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-invalid][data-disabled] {
1223
1146
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1224
1147
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1225
1148
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1226
1149
  }
1227
- .ListBoxItem-module__hop-ListBoxItem___Ywb34:has(.ListBoxItem-module__hop-ListBoxItem__description___L4epz) {
1150
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw:has(.ListBoxItem-module__hop-ListBoxItem__description___17ea0) {
1228
1151
  --row-gap: var(--hop-ListBoxItem-row-gap);
1229
1152
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1230
1153
  }
1231
- .ListBoxItem-module__hop-ListBoxItem___Ywb34[data-loading] {
1154
+ .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-loading] {
1232
1155
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1233
1156
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1234
1157
  }
1235
- .ListBoxItem-module__hop-ListBoxItem__inner___3b2sq {
1158
+ .ListBoxItem-module__hop-ListBoxItem__inner___JjNbc {
1236
1159
  display: grid;
1237
1160
  grid-template-areas: var(--grid-template-areas);
1238
1161
  grid-template-columns: var(--grid-template-columns);
@@ -1244,54 +1167,54 @@
1244
1167
  padding-inline: var(--padding-inline);
1245
1168
  transition: grid-template-columns .3s ease-in-out;
1246
1169
  }
1247
- .ListBoxItem-module__hop-ListBoxItem__checkmark___uvIm4 {
1170
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___dEMd- {
1248
1171
  grid-area: indicator;
1249
1172
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1250
1173
  color: var(--icon-color);
1251
1174
  opacity: var(--checkmark-opacity);
1252
1175
  transition: var(--checkmark-transition);
1253
1176
  }
1254
- .ListBoxItem-module__hop-ListBoxItem__radio-group___M8ZNx,
1255
- .ListBoxItem-module__hop-ListBoxItem__checkbox___r28nE {
1177
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___w5cKZ,
1178
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___UIwrZ {
1256
1179
  pointer-events: none;
1257
1180
  user-select: none;
1258
1181
  grid-area: indicator;
1259
1182
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1260
1183
  }
1261
- .ListBoxItem-module__hop-ListBoxItem__avatar___-TQvq {
1184
+ .ListBoxItem-module__hop-ListBoxItem__avatar___zY88a {
1262
1185
  grid-area: avatar;
1263
1186
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1264
1187
  }
1265
- .ListBoxItem-module__hop-ListBoxItem__icon-list___wVMpn,
1266
- .ListBoxItem-module__hop-ListBoxItem__icon___4-6ks {
1188
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___y6Vkq,
1189
+ .ListBoxItem-module__hop-ListBoxItem__icon___zCWRX {
1267
1190
  grid-area: icon;
1268
1191
  flex: 0 0 auto;
1269
1192
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1270
1193
  color: var(--icon-color);
1271
1194
  }
1272
- .ListBoxItem-module__hop-ListBoxItem__label___NmZyF {
1195
+ .ListBoxItem-module__hop-ListBoxItem__label___MUh3H {
1273
1196
  overflow: hidden;
1274
1197
  grid-area: label;
1275
1198
  min-inline-size: 0;
1276
1199
  text-overflow: ellipsis;
1277
1200
  white-space: nowrap;
1278
1201
  }
1279
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___UVsEI,
1280
- .ListBoxItem-module__hop-ListBoxItem__end-icon___jxPAL {
1202
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___Gjgzj,
1203
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___eyVo4 {
1281
1204
  grid-area: end-icon;
1282
1205
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1283
1206
  color: var(--icon-color);
1284
1207
  }
1285
- .ListBoxItem-module__hop-ListBoxItem__badge___mWaps {
1208
+ .ListBoxItem-module__hop-ListBoxItem__badge___mdC5C {
1286
1209
  grid-area: badge;
1287
1210
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1288
1211
  }
1289
- .ListBoxItem-module__hop-ListBoxItem__description___L4epz {
1212
+ .ListBoxItem-module__hop-ListBoxItem__description___17ea0 {
1290
1213
  overflow: hidden;
1291
1214
  display: -webkit-box;
1292
1215
  grid-area: description;
1293
1216
  -webkit-box-orient: vertical;
1294
- color: var(--description-text-color);
1295
1217
  -webkit-line-clamp: 2;
1296
1218
  line-clamp: 2;
1219
+ color: var(--description-text-color);
1297
1220
  }