@hopper-ui/components 1.0.11 → 1.0.13

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 +13 -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 +179 -256
  41. package/dist/ListBox/src/ListBox.js +10 -10
  42. package/dist/ListBox/src/ListBoxItem.css +164 -241
  43. package/dist/ListBox/src/ListBoxItem.js +9 -9
  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 +179 -256
  47. package/dist/ListBox/src/index.js +10 -10
  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 +156 -236
  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 +179 -259
  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-L2HJORV2.js → chunk-2MUGMKNO.js} +3 -4
  71. package/dist/{chunk-TP6OU6SQ.js → chunk-44KY7MFF.js} +5 -5
  72. package/dist/{chunk-YLUVOHHC.js → chunk-5WWMVQI4.js} +1 -1
  73. package/dist/{chunk-JTX4ZTQ6.js → chunk-723W7LGB.js} +3 -3
  74. package/dist/{chunk-OFNA3Y6A.js → chunk-AMXRADUV.js} +9 -5
  75. package/dist/{chunk-ZINTZZLE.js → chunk-AYPCLDGU.js} +1 -1
  76. package/dist/{chunk-UAKDD5TO.js → chunk-B42AJF74.js} +7 -7
  77. package/dist/{chunk-7PFCZHVB.js → chunk-CCIVRIKG.js} +5 -4
  78. package/dist/{chunk-3XZXPN6Y.js → chunk-CS2RAWQB.js} +3 -3
  79. package/dist/{chunk-4SPQFKVC.js → chunk-CXIH6I5X.js} +2 -2
  80. package/dist/{chunk-OWWIZWZA.js → chunk-DZHRELLA.js} +1 -1
  81. package/dist/{chunk-5SHNL47W.js → chunk-ERE2XRQA.js} +1 -1
  82. package/dist/{chunk-TYMV4JQ2.js → chunk-ESRYOELK.js} +2 -2
  83. package/dist/{chunk-P62FAV3S.js → chunk-GH5LAOQU.js} +1 -1
  84. package/dist/{chunk-QQBJ4REK.js → chunk-I2YZLGRE.js} +4 -7
  85. package/dist/{chunk-LRJ5ZWXY.js → chunk-IEE2HHGR.js} +1 -1
  86. package/dist/{chunk-5VWMGH3R.js → chunk-JLUFMLGV.js} +1 -1
  87. package/dist/{chunk-HTM3ZSBX.js → chunk-JN2FF2IX.js} +1 -1
  88. package/dist/{chunk-7GVDINGU.js → chunk-KARK64JC.js} +1 -1
  89. package/dist/{chunk-EZX4K3AY.js → chunk-LDORNYHF.js} +2 -2
  90. package/dist/{chunk-B5563GK3.js → chunk-M4IVTAHY.js} +4 -4
  91. package/dist/chunk-MTDFS4CZ.js +12 -0
  92. package/dist/{chunk-N65OIMRV.js → chunk-MVWQVBTK.js} +3 -4
  93. package/dist/{chunk-B3EA6PO5.js → chunk-NHM3MQI3.js} +3 -4
  94. package/dist/{chunk-PPO5T6D3.js → chunk-PAYZGXTT.js} +1 -1
  95. package/dist/{chunk-NFOY572L.js → chunk-QTV45NTY.js} +2 -2
  96. package/dist/{chunk-GDCTBE7C.js → chunk-RGGVZKNN.js} +2 -2
  97. package/dist/{chunk-K7RORXVD.js → chunk-RXZQB35O.js} +2 -2
  98. package/dist/{chunk-BKYHKRAJ.js → chunk-SNWJJ3FF.js} +1 -1
  99. package/dist/{chunk-I3OSQDQM.js → chunk-SSMGKQ27.js} +2 -2
  100. package/dist/{chunk-W5DFK35A.js → chunk-SW7LHIQ2.js} +7 -7
  101. package/dist/{chunk-RYSCBMR6.js → chunk-THQZBL4T.js} +1 -1
  102. package/dist/{chunk-GAPQ6VJL.js → chunk-TNVYVDLF.js} +3 -3
  103. package/dist/{chunk-WC72FIUS.js → chunk-UGHMX7QX.js} +3 -3
  104. package/dist/{chunk-AB24MF66.js → chunk-UPR32DV5.js} +2 -2
  105. package/dist/{chunk-BRIG7AIE.js → chunk-W34MMJ2L.js} +2 -2
  106. package/dist/{chunk-WQPDNKWM.js → chunk-WCLGYVXV.js} +1 -1
  107. package/dist/chunk-ZQ3AWYRR.js +7 -0
  108. package/dist/{chunk-KUX5YOEF.js → chunk-ZXDN2IRM.js} +1 -1
  109. package/dist/index.css +469 -573
  110. package/dist/index.d.ts +1 -0
  111. package/dist/index.js +49 -48
  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 +234 -306
  121. package/dist/inputs/src/PasswordField.js +8 -8
  122. package/dist/inputs/src/SearchField.css +240 -311
  123. package/dist/inputs/src/SearchField.js +9 -9
  124. package/dist/inputs/src/TextField.css +235 -307
  125. package/dist/inputs/src/TextField.js +10 -10
  126. package/dist/inputs/src/index.css +253 -344
  127. package/dist/inputs/src/index.js +13 -13
  128. package/dist/overlays/Popover/src/Popover.css +469 -573
  129. package/dist/overlays/Popover/src/Popover.js +49 -48
  130. package/dist/overlays/Popover/src/index.css +469 -573
  131. package/dist/overlays/Popover/src/index.js +49 -48
  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 +469 -573
  147. package/dist/tag/src/Tag.js +49 -48
  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 +469 -573
  151. package/dist/tag/src/index.js +49 -48
  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 +2 -2
@@ -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___RgeDr) {
2
+ :where(.OverlineText-module__hop-OverlineText___1BZid) {
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___I4lf4 {
26
+ .OverlineText-module__hop-OverlineText__text___RuqQo {
27
27
  box-sizing: border-box;
28
28
  }
29
- .OverlineText-module__hop-OverlineText__text___I4lf4::before,
30
- .OverlineText-module__hop-OverlineText__text___I4lf4::after {
29
+ .OverlineText-module__hop-OverlineText__text___RuqQo::before,
30
+ .OverlineText-module__hop-OverlineText__text___RuqQo::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___I4lf4::before {
37
+ .OverlineText-module__hop-OverlineText__text___RuqQo::before {
38
38
  margin-block-end: var(--bottom-offset);
39
39
  }
40
- .OverlineText-module__hop-OverlineText__text___I4lf4::after {
40
+ .OverlineText-module__hop-OverlineText__text___RuqQo::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___fXKsF {
45
+ .Badge-module__hop-Badge___xwY2X {
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___yZoOk {
69
+ .Badge-module__hop-Badge--primary___t93CO {
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___vuw6H {
73
+ .Badge-module__hop-Badge--secondary___CO6Af {
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___fXKsF[data-disabled] {
77
+ .Badge-module__hop-Badge___xwY2X[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___g-giK {
83
+ .IconList-module__hop-IconList___RdFGP {
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___QR5FZ {
92
+ .Text-module__hop-Text___XGciL {
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___QR5FZ) {
122
+ :where(.Text-module__hop-Text___XGciL) {
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___8ROfR) {
128
+ :where(.Text-module__hop-Text--xs___8DcIm) {
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___EFr6B) {
134
+ :where(.Text-module__hop-Text--sm___B0mGK) {
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___TXnY2) {
140
+ :where(.Text-module__hop-Text--md___QwBMo) {
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___JASwe) {
146
+ :where(.Text-module__hop-Text--lg___BAtSv) {
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___ILiWb) {
152
+ :where(.Text-module__hop-Text--xl___QUy6V) {
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___kf99P) {
158
+ :where(.Text-module__hop-Text--2xl___DFqJ4) {
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___BRAX2) {
164
+ :where(.Text-module__hop-Text--inherit___WkAxg) {
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___D-Oc- {
172
+ .Checkbox-module__hop-Checkbox___2SBYs {
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___D-Oc-[data-focus-visible],
249
- .Checkbox-module__hop-Checkbox--focused___tCpDv {
247
+ .Checkbox-module__hop-Checkbox___2SBYs[data-focus-visible],
248
+ .Checkbox-module__hop-Checkbox--focused___GUWfq {
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___D-Oc-[data-hovered],
258
- .Checkbox-module__hop-Checkbox--hovered___ieCyY {
255
+ .Checkbox-module__hop-Checkbox___2SBYs[data-hovered],
256
+ .Checkbox-module__hop-Checkbox--hovered___-rDr8 {
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___D-Oc-[data-pressed],
266
- .Checkbox-module__hop-Checkbox--pressed___JLuaa {
262
+ .Checkbox-module__hop-Checkbox___2SBYs[data-pressed],
263
+ .Checkbox-module__hop-Checkbox--pressed___kLFm- {
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___D-Oc-[data-selected] {
269
+ .Checkbox-module__hop-Checkbox___2SBYs[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___D-Oc-[data-invalid] {
276
+ .Checkbox-module__hop-Checkbox___2SBYs[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___D-Oc-[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___tCpDv) {
283
+ .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___GUWfq) {
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___D-Oc-[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___ieCyY) {
287
+ .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___-rDr8) {
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___D-Oc-[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___JLuaa) {
293
+ .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___kLFm-) {
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___D-Oc-:where([data-invalid])[data-selected] {
299
+ .Checkbox-module__hop-Checkbox___2SBYs: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___D-Oc-[data-disabled] {
303
+ .Checkbox-module__hop-Checkbox___2SBYs[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___f6Vsv {
311
+ .Checkbox-module__hop-Checkbox--sm___ku6Fh {
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___toj2- {
317
+ .Checkbox-module__hop-Checkbox--md___m1kW9 {
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___gjQvO,
330
- .Checkbox-module__hop-Checkbox__icon-list___j06W0 {
323
+ .Checkbox-module__hop-Checkbox__icon___9T-B2,
324
+ .Checkbox-module__hop-Checkbox__icon-list___Xzo43 {
331
325
  flex: 0 0 auto;
332
326
  order: 3;
333
327
  color: var(--icon-color);
334
328
  }
335
- .Checkbox-module__hop-Checkbox__box___CoBTw {
329
+ .Checkbox-module__hop-Checkbox__box___tSdwv {
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___5-VAB {
345
+ .Checkbox-module__hop-Checkbox__check___nWURg {
352
346
  display: var(--check-display);
353
347
  color: var(--check-color);
354
348
  }
355
- .Checkbox-module__hop-Checkbox__text___7BCbV {
349
+ .Checkbox-module__hop-Checkbox__text___G2FeR {
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___lr2r2 {
359
+ .CheckboxField-module__hop-CheckboxField___SpcCY {
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___lr2r2[data-disabled] {
378
+ .CheckboxField-module__hop-CheckboxField___SpcCY[data-disabled] {
385
379
  --description-color: var(--hop-CheckboxField-description-color-disabled);
386
380
  }
387
- .CheckboxField-module__hop-CheckboxField--sm___eyz9- {
381
+ .CheckboxField-module__hop-CheckboxField--sm___Piu0y {
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___bQfu- {
385
+ .CheckboxField-module__hop-CheckboxField--md___e69ih {
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___FQjw8 {
389
+ .CheckboxField-module__hop-CheckboxField__description___Yttc1 {
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___Xssmy {
394
+ .CheckboxField-module__hop-CheckboxField__checkbox___5kWSy {
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___j-58D {
399
+ .ErrorMessage-module__hop-ErrorMessage___hGjrh {
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___I-vrf {
416
+ .ErrorMessage-module__hop-ErrorMessage__icon___wE1hg {
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___H0Hyt {
422
+ .HelperMessage-module__hop-HelperMessage___0xUz2 {
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___Ph3Hq {
431
+ .HelperMessage-module__hop-HelperMessage__icon___N2F4v {
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___om5gm {
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___om5gm) {
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___x5CfR) {
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___oQPya) {
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___PTtE-) {
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___IRPit) {
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___v5iyv) {
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___rF-I1) {
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___pECI0) {
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___PodEd {
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___PodEd) {
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___MxNmE {
453
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x {
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___5IsA- {
492
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU {
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___tSHus {
496
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___7B-pz {
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___-2LQ5 {
502
+ .CheckboxGroup-module__hop-CheckboxGroup--md___w1E3n {
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___5IsA-.CheckboxGroup-module__hop-CheckboxGroup--sm___tSHus {
508
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU.CheckboxGroup-module__hop-CheckboxGroup--sm___7B-pz {
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___5IsA-.CheckboxGroup-module__hop-CheckboxGroup--md___-2LQ5 {
515
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU.CheckboxGroup-module__hop-CheckboxGroup--md___w1E3n {
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___MxNmE[data-orientation=horizontal] {
522
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x[data-orientation=horizontal] {
593
523
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
594
524
  }
595
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5IsA-[data-orientation=horizontal] {
525
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=horizontal] {
596
526
  --flex-wrap: nowrap;
597
527
  }
598
- .CheckboxGroup-module__hop-CheckboxGroup___MxNmE > .CheckboxGroup-module__hop-CheckboxGroup__label___Cn1QZ {
528
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__label___J4Zt0 {
599
529
  order: 1;
600
530
  }
601
- .CheckboxGroup-module__hop-CheckboxGroup__list___Grl-W {
531
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk {
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___Grl-W > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ADIr2 {
542
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo {
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___5IsA- .CheckboxGroup-module__hop-CheckboxGroup__list___Grl-W > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ADIr2 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ADIr2::before {
550
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
621
551
  content: "";
622
552
  position: absolute;
623
553
  display: block;
624
554
  }
625
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5IsA-[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Grl-W > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ADIr2 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ADIr2::before {
555
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::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___5IsA-[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Grl-W > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ADIr2 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ADIr2::before {
560
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::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___MxNmE > .CheckboxGroup-module__hop-CheckboxGroup__error-message___i10D8,
636
- .CheckboxGroup-module__hop-CheckboxGroup___MxNmE > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___90AR1 {
565
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__error-message___sdk-v,
566
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___t8MLr {
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___2C-nq {
571
+ .Radio-module__hop-Radio___uyamy {
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___2C-nq[data-focus-visible],
717
- .Radio-module__hop-Radio--focused___7sglk {
645
+ .Radio-module__hop-Radio___uyamy[data-focus-visible],
646
+ .Radio-module__hop-Radio--focused___TGZbx {
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___2C-nq[data-hovered],
726
- .Radio-module__hop-Radio--hovered___QdFBx {
653
+ .Radio-module__hop-Radio___uyamy[data-hovered],
654
+ .Radio-module__hop-Radio--hovered___YkYk3 {
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___2C-nq[data-pressed],
734
- .Radio-module__hop-Radio--pressed___ECMn4 {
660
+ .Radio-module__hop-Radio___uyamy[data-pressed],
661
+ .Radio-module__hop-Radio--pressed___SYCe0 {
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___2C-nq[data-selected] {
667
+ .Radio-module__hop-Radio___uyamy[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___2C-nq[data-invalid] {
674
+ .Radio-module__hop-Radio___uyamy[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___2C-nq:where([data-invalid])[data-focus-visible] {
681
+ .Radio-module__hop-Radio___uyamy: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___2C-nq:where([data-invalid])[data-hovered] {
685
+ .Radio-module__hop-Radio___uyamy: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___2C-nq:where([data-invalid])[data-pressed] {
691
+ .Radio-module__hop-Radio___uyamy: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___2C-nq:where([data-invalid])[data-selected] {
697
+ .Radio-module__hop-Radio___uyamy: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___2C-nq[data-disabled] {
701
+ .Radio-module__hop-Radio___uyamy[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___x8T6Z {
709
+ .Radio-module__hop-Radio--sm___0rL4j {
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___hyLVu {
715
+ .Radio-module__hop-Radio--md___2Sf0G {
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___9JhJH,
799
- .Radio-module__hop-Radio__icon-list___cYGkR {
721
+ .Radio-module__hop-Radio__icon___xaWvn,
722
+ .Radio-module__hop-Radio__icon-list___ipHyc {
800
723
  flex: 0 0 auto;
801
724
  order: 3;
802
725
  color: var(--icon-color);
803
726
  }
804
- .Radio-module__hop-Radio__box___2ZJgC {
727
+ .Radio-module__hop-Radio__box___HK3bx {
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___4cGjY {
743
+ .Radio-module__hop-Radio__bullet___9QxuR {
821
744
  display: var(--bullet-display);
822
745
  color: var(--bullet-color);
823
746
  }
824
- .Radio-module__hop-Radio__text___-IVHP {
747
+ .Radio-module__hop-Radio__text___DVOte {
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___aVaFb {
757
+ .RadioField-module__hop-RadioField___WTErz {
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___aVaFb[data-disabled] {
776
+ .RadioField-module__hop-RadioField___WTErz[data-disabled] {
854
777
  --description-color: var(--hop-RadioField-description-color-disabled);
855
778
  }
856
- .RadioField-module__hop-RadioField--sm___tKOek {
779
+ .RadioField-module__hop-RadioField--sm___CHfcV {
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___leova {
783
+ .RadioField-module__hop-RadioField--md___g1iHe {
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___cH-jR {
787
+ .RadioField-module__hop-RadioField__description___LgMd1 {
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___ZH1Rg {
792
+ .RadioField-module__hop-RadioField__radio___SByLu {
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___-U003 {
797
+ .RadioGroup-module__hop-RadioGroup___GTWVm {
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___jAlJF {
837
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A {
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___R2HH0 {
841
+ .RadioGroup-module__hop-RadioGroup--sm___a9Tbq {
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___0fVwH {
847
+ .RadioGroup-module__hop-RadioGroup--md___RYdU8 {
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___jAlJF.RadioGroup-module__hop-RadioGroup--sm___R2HH0 {
853
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A.RadioGroup-module__hop-RadioGroup--sm___a9Tbq {
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___jAlJF.RadioGroup-module__hop-RadioGroup--md___0fVwH {
860
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A.RadioGroup-module__hop-RadioGroup--md___RYdU8 {
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___-U003[data-orientation=horizontal] {
867
+ .RadioGroup-module__hop-RadioGroup___GTWVm[data-orientation=horizontal] {
945
868
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
946
869
  }
947
- .RadioGroup-module__hop-RadioGroup--bordered___jAlJF[data-orientation=horizontal] {
870
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=horizontal] {
948
871
  --flex-wrap: nowrap;
949
872
  }
950
- .RadioGroup-module__hop-RadioGroup___-U003 > .RadioGroup-module__hop-RadioGroup__label___WONZT {
873
+ .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__label___XRgtP {
951
874
  order: 1;
952
875
  }
953
- .RadioGroup-module__hop-RadioGroup__list___OIBac {
876
+ .RadioGroup-module__hop-RadioGroup__list___cPH4h {
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___OIBac > .RadioGroup-module__hop-RadioGroup__radio___PiqWL {
887
+ .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych {
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___jAlJF .RadioGroup-module__hop-RadioGroup__list___OIBac > .RadioGroup-module__hop-RadioGroup__radio___PiqWL ~ .RadioGroup-module__hop-RadioGroup__radio___PiqWL::before {
895
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych ~ .RadioGroup-module__hop-RadioGroup__radio___Esych::before {
973
896
  content: "";
974
897
  position: absolute;
975
898
  display: block;
976
899
  }
977
- .RadioGroup-module__hop-RadioGroup--bordered___jAlJF[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___OIBac > .RadioGroup-module__hop-RadioGroup__radio___PiqWL ~ .RadioGroup-module__hop-RadioGroup__radio___PiqWL::before {
900
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych ~ .RadioGroup-module__hop-RadioGroup__radio___Esych::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___jAlJF[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___OIBac > .RadioGroup-module__hop-RadioGroup__radio___PiqWL ~ .RadioGroup-module__hop-RadioGroup__radio___PiqWL::before {
905
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych ~ .RadioGroup-module__hop-RadioGroup__radio___Esych::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___-U003 > .RadioGroup-module__hop-RadioGroup__error-message___gnB8r,
988
- .RadioGroup-module__hop-RadioGroup___-U003 > .RadioGroup-module__hop-RadioGroup__helper-message___FvB5C {
910
+ .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__error-message___cJ0g4,
911
+ .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__helper-message___35eYj {
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___6QNAP {
916
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___9KoCq {
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___Rvkja;
942
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___hlN0J;
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___NrVuN {
951
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___ztoOV {
1029
952
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1030
953
  }
1031
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___2Bzxz {
954
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___SipZz {
1032
955
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1033
956
  }
1034
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___lSYvw {
957
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___eAJ9R {
1035
958
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1036
959
  }
1037
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___QHVBS {
960
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___w5aPz {
1038
961
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1039
962
  }
1040
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___Rvkja {
963
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___hlN0J {
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___8Iu5Y {
973
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY {
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___dmYmR {
1056
+ .ListBoxItem-module__hop-ListBoxItem--xs___7hc2A {
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___odLQZ {
1061
+ .ListBoxItem-module__hop-ListBoxItem--sm___85bzp {
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___lPCrl {
1066
+ .ListBoxItem-module__hop-ListBoxItem--md___MoEKQ {
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___NAjSn {
1071
+ .ListBoxItem-module__hop-ListBoxItem--lg___RDITm {
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___8Iu5Y[data-selection-mode] {
1076
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-selection-mode] {
1154
1077
  --cursor: pointer;
1155
1078
  }
1156
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y:not([data-selection-mode]) {
1079
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY: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___uRDGL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Ty6vD) {
1082
+ .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV) {
1160
1083
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1161
1084
  }
1162
- .ListBoxItem-module__hop-ListBoxItem__inner___uRDGL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Ty6vD) {
1085
+ .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV) {
1163
1086
  --checkmark-transition: none;
1164
1087
  }
1165
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-selected] {
1088
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[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___8Iu5Y[data-focus-visible] {
1094
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[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___8Iu5Y[data-hovered] {
1100
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[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___8Iu5Y[data-pressed] {
1105
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[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___8Iu5Y[data-disabled] {
1110
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[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___8Iu5Y[data-invalid] {
1117
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[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___8Iu5Y[data-invalid][data-selected] {
1122
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[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___8Iu5Y[data-invalid][data-focus-visible] {
1127
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[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___8Iu5Y[data-invalid][data-hovered] {
1133
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[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___8Iu5Y[data-invalid][data-pressed] {
1139
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[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___8Iu5Y[data-invalid][data-disabled] {
1145
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[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___8Iu5Y:has(.ListBoxItem-module__hop-ListBoxItem__description___jv9g6) {
1150
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY:has(.ListBoxItem-module__hop-ListBoxItem__description___FeYgQ) {
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___8Iu5Y[data-loading] {
1154
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[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___uRDGL {
1158
+ .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO {
1236
1159
  display: grid;
1237
1160
  grid-template-areas: var(--grid-template-areas);
1238
1161
  grid-template-columns: var(--grid-template-columns);
@@ -1244,49 +1167,49 @@
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___Ty6vD {
1170
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV {
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___peS7w,
1255
- .ListBoxItem-module__hop-ListBoxItem__checkbox___BDVfn {
1177
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___QRD7t,
1178
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___ERb2a {
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___-YMRo {
1184
+ .ListBoxItem-module__hop-ListBoxItem__avatar___gaSut {
1262
1185
  grid-area: avatar;
1263
1186
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1264
1187
  }
1265
- .ListBoxItem-module__hop-ListBoxItem__icon-list___x8QXg,
1266
- .ListBoxItem-module__hop-ListBoxItem__icon___0docZ {
1188
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___3-13V,
1189
+ .ListBoxItem-module__hop-ListBoxItem__icon___wPgqZ {
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___ymZ-3 {
1195
+ .ListBoxItem-module__hop-ListBoxItem__label___dSaVa {
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___ZQUFV,
1280
- .ListBoxItem-module__hop-ListBoxItem__end-icon___-kLn1 {
1202
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___MadkE,
1203
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___mXgdz {
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___vKAPZ {
1208
+ .ListBoxItem-module__hop-ListBoxItem__badge___C8-JS {
1286
1209
  grid-area: badge;
1287
1210
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1288
1211
  }
1289
- .ListBoxItem-module__hop-ListBoxItem__description___jv9g6 {
1212
+ .ListBoxItem-module__hop-ListBoxItem__description___FeYgQ {
1290
1213
  overflow: hidden;
1291
1214
  display: -webkit-box;
1292
1215
  grid-area: description;