@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/Divider/src/Divider.module.css/#css-module-data */
2
- :where(.Divider-module__hop-Divider___AR5i-) {
2
+ :where(.Divider-module__hop-Divider___NNdxY) {
3
3
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
4
4
  --hop-Divider-border-size: 0.0625rem;
5
5
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -24,7 +24,7 @@
24
24
  border-block-end: var(--border-block-end);
25
25
  border-inline-start: var(--border-inline-start);
26
26
  }
27
- .Divider-module__hop-Divider--vertical___qIzfH {
27
+ .Divider-module__hop-Divider--vertical___RKxFo {
28
28
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
29
29
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
30
30
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -32,7 +32,7 @@
32
32
  }
33
33
 
34
34
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
35
- .Text-module__hop-Text___QR5FZ {
35
+ .Text-module__hop-Text___XGciL {
36
36
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
37
37
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
38
38
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -62,49 +62,49 @@
62
62
  --hop-Text-inherit-size-font-weight: inherit;
63
63
  --hop-Text-inherit-size-line-height: inherit;
64
64
  }
65
- :where(.Text-module__hop-Text___QR5FZ) {
65
+ :where(.Text-module__hop-Text___XGciL) {
66
66
  font-family: var(--font-family);
67
67
  font-size: var(--font-size);
68
68
  font-weight: var(--font-weight);
69
69
  line-height: var(--line-height);
70
70
  }
71
- :where(.Text-module__hop-Text--xs___8ROfR) {
71
+ :where(.Text-module__hop-Text--xs___8DcIm) {
72
72
  --font-size: var(--hop-Text-xs-font-size);
73
73
  --font-family: var(--hop-Text-xs-font-family);
74
74
  --font-weight: var(--hop-Text-xs-font-weight);
75
75
  --line-height: var(--hop-Text-xs-line-height);
76
76
  }
77
- :where(.Text-module__hop-Text--sm___EFr6B) {
77
+ :where(.Text-module__hop-Text--sm___B0mGK) {
78
78
  --font-size: var(--hop-Text-sm-font-size);
79
79
  --font-family: var(--hop-Text-sm-font-family);
80
80
  --font-weight: var(--hop-Text-sm-font-weight);
81
81
  --line-height: var(--hop-Text-sm-line-height);
82
82
  }
83
- :where(.Text-module__hop-Text--md___TXnY2) {
83
+ :where(.Text-module__hop-Text--md___QwBMo) {
84
84
  --font-size: var(--hop-Text-md-font-size);
85
85
  --font-family: var(--hop-Text-md-font-family);
86
86
  --font-weight: var(--hop-Text-md-font-weight);
87
87
  --line-height: var(--hop-Text-md-line-height);
88
88
  }
89
- :where(.Text-module__hop-Text--lg___JASwe) {
89
+ :where(.Text-module__hop-Text--lg___BAtSv) {
90
90
  --font-size: var(--hop-Text-lg-font-size);
91
91
  --font-family: var(--hop-Text-lg-font-family);
92
92
  --font-weight: var(--hop-Text-lg-font-weight);
93
93
  --line-height: var(--hop-Text-lg-line-height);
94
94
  }
95
- :where(.Text-module__hop-Text--xl___ILiWb) {
95
+ :where(.Text-module__hop-Text--xl___QUy6V) {
96
96
  --font-size: var(--hop-Text-xl-font-size);
97
97
  --font-family: var(--hop-Text-xl-font-family);
98
98
  --font-weight: var(--hop-Text-xl-font-weight);
99
99
  --line-height: var(--hop-Text-xl-line-height);
100
100
  }
101
- :where(.Text-module__hop-Text--2xl___kf99P) {
101
+ :where(.Text-module__hop-Text--2xl___DFqJ4) {
102
102
  --font-size: var(--hop-Text-2xl-font-size);
103
103
  --font-family: var(--hop-Text-2xl-font-family);
104
104
  --font-weight: var(--hop-Text-2xl-font-weight);
105
105
  --line-height: var(--hop-Text-2xl-line-height);
106
106
  }
107
- :where(.Text-module__hop-Text--inherit___BRAX2) {
107
+ :where(.Text-module__hop-Text--inherit___WkAxg) {
108
108
  --font-size: var(--hop-Text-inherit-size-font-size);
109
109
  --font-family: var(--hop-Text-inherit-size-font-family);
110
110
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -112,7 +112,7 @@
112
112
  }
113
113
 
114
114
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
115
- :where(.OverlineText-module__hop-OverlineText___RgeDr) {
115
+ :where(.OverlineText-module__hop-OverlineText___1BZid) {
116
116
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
117
117
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
118
118
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -136,26 +136,26 @@
136
136
  text-transform: uppercase;
137
137
  letter-spacing: var(--letter-spacing);
138
138
  }
139
- .OverlineText-module__hop-OverlineText__text___I4lf4 {
139
+ .OverlineText-module__hop-OverlineText__text___RuqQo {
140
140
  box-sizing: border-box;
141
141
  }
142
- .OverlineText-module__hop-OverlineText__text___I4lf4::before,
143
- .OverlineText-module__hop-OverlineText__text___I4lf4::after {
142
+ .OverlineText-module__hop-OverlineText__text___RuqQo::before,
143
+ .OverlineText-module__hop-OverlineText__text___RuqQo::after {
144
144
  content: "";
145
145
  display: block;
146
146
  box-sizing: border-box;
147
147
  inline-size: 0;
148
148
  block-size: 0;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___I4lf4::before {
150
+ .OverlineText-module__hop-OverlineText__text___RuqQo::before {
151
151
  margin-block-end: var(--bottom-offset);
152
152
  }
153
- .OverlineText-module__hop-OverlineText__text___I4lf4::after {
153
+ .OverlineText-module__hop-OverlineText__text___RuqQo::after {
154
154
  margin-block-start: var(--top-offset);
155
155
  }
156
156
 
157
157
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
158
- .Badge-module__hop-Badge___fXKsF {
158
+ .Badge-module__hop-Badge___xwY2X {
159
159
  --hop-Badge-height: 1.5rem;
160
160
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
161
161
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -179,21 +179,21 @@
179
179
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
180
180
  border-radius: var(--border-radius);
181
181
  }
182
- .Badge-module__hop-Badge--primary___yZoOk {
182
+ .Badge-module__hop-Badge--primary___t93CO {
183
183
  --background-color: var(--hop-Badge-primary-background-color);
184
184
  --text-color: var(--hop-Badge-primary-text-color);
185
185
  }
186
- .Badge-module__hop-Badge--secondary___vuw6H {
186
+ .Badge-module__hop-Badge--secondary___CO6Af {
187
187
  --background-color: var(--hop-Badge-secondary-background-color);
188
188
  --text-color: var(--hop-Badge-secondary-text-color);
189
189
  }
190
- .Badge-module__hop-Badge___fXKsF[data-disabled] {
190
+ .Badge-module__hop-Badge___xwY2X[data-disabled] {
191
191
  --background-color: var(--hop-Badge-background-color-disabled);
192
192
  --text-color: var(--hop-Badge-text-color-disabled);
193
193
  }
194
194
 
195
195
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
196
- .IconList-module__hop-IconList___g-giK {
196
+ .IconList-module__hop-IconList___RdFGP {
197
197
  --hop-IconList-gap: var(--hop-space-inline-xs);
198
198
  display: flex;
199
199
  flex-wrap: wrap;
@@ -202,7 +202,7 @@
202
202
  }
203
203
 
204
204
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
205
- .Checkbox-module__hop-Checkbox___D-Oc- {
205
+ .Checkbox-module__hop-Checkbox___2SBYs {
206
206
  --hop-Checkbox-box-border-size: 0.0625rem;
207
207
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
208
208
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -267,7 +267,6 @@
267
267
  --cursor: pointer;
268
268
  --text-color: var(--hop-Checkbox-text-color);
269
269
  --icon-color: var(--hop-Checkbox-icon-color);
270
- --description-color: var(--hop-Checkbox-description-color);
271
270
  --transition-duration: var(--hop-easing-duration-2);
272
271
  cursor: var(--cursor);
273
272
  display: flex;
@@ -278,94 +277,89 @@
278
277
  inline-size: max-content;
279
278
  max-inline-size: 100%;
280
279
  }
281
- .Checkbox-module__hop-Checkbox___D-Oc-[data-focus-visible],
282
- .Checkbox-module__hop-Checkbox--focused___tCpDv {
280
+ .Checkbox-module__hop-Checkbox___2SBYs[data-focus-visible],
281
+ .Checkbox-module__hop-Checkbox--focused___GUWfq {
283
282
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
284
283
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
285
284
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
286
285
  --text-color: var(--hop-Checkbox-text-color-focused);
287
286
  --icon-color: var(--hop-Checkbox-icon-color-focused);
288
- --description-color: var(--hop-Checkbox-description-color-focus);
289
287
  }
290
- .Checkbox-module__hop-Checkbox___D-Oc-[data-hovered],
291
- .Checkbox-module__hop-Checkbox--hovered___ieCyY {
288
+ .Checkbox-module__hop-Checkbox___2SBYs[data-hovered],
289
+ .Checkbox-module__hop-Checkbox--hovered___-rDr8 {
292
290
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
293
291
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
294
292
  --text-color: var(--hop-Checkbox-text-color-hovered);
295
293
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
296
- --description-color: var(--hop-Checkbox-description-color-hover);
297
294
  }
298
- .Checkbox-module__hop-Checkbox___D-Oc-[data-pressed],
299
- .Checkbox-module__hop-Checkbox--pressed___JLuaa {
295
+ .Checkbox-module__hop-Checkbox___2SBYs[data-pressed],
296
+ .Checkbox-module__hop-Checkbox--pressed___kLFm- {
300
297
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
301
298
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
302
299
  --text-color: var(--hop-Checkbox-text-color-pressed);
303
300
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
304
301
  }
305
- .Checkbox-module__hop-Checkbox___D-Oc-[data-selected] {
302
+ .Checkbox-module__hop-Checkbox___2SBYs[data-selected] {
306
303
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
307
304
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
308
305
  --check-display: var(--hop-Checkbox-check-display-selected);
309
306
  --text-color: var(--hop-Checkbox-text-color-selected);
310
307
  --icon-color: var(--hop-Checkbox-icon-color-selected);
311
- --description-color: var(--hop-Checkbox-description-color-checked);
312
308
  }
313
- .Checkbox-module__hop-Checkbox___D-Oc-[data-invalid] {
309
+ .Checkbox-module__hop-Checkbox___2SBYs[data-invalid] {
314
310
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
315
311
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
316
312
  --check-color: var(--hop-Checkbox-check-color-invalid);
317
313
  --text-color: var(--hop-Checkbox-text-color-invalid);
318
314
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
319
- --description-color: var(--hop-Checkbox-description-color-invalid);
320
315
  }
321
- .Checkbox-module__hop-Checkbox___D-Oc-[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___tCpDv) {
316
+ .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___GUWfq) {
322
317
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
323
318
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
324
319
  }
325
- .Checkbox-module__hop-Checkbox___D-Oc-[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___ieCyY) {
320
+ .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___-rDr8) {
326
321
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
327
322
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
328
323
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
329
324
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
330
325
  }
331
- .Checkbox-module__hop-Checkbox___D-Oc-[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___JLuaa) {
326
+ .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___kLFm-) {
332
327
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
333
328
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
334
329
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
335
330
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
336
331
  }
337
- .Checkbox-module__hop-Checkbox___D-Oc-:where([data-invalid])[data-selected] {
332
+ .Checkbox-module__hop-Checkbox___2SBYs:where([data-invalid])[data-selected] {
338
333
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
339
334
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
340
335
  }
341
- .Checkbox-module__hop-Checkbox___D-Oc-[data-disabled] {
336
+ .Checkbox-module__hop-Checkbox___2SBYs[data-disabled] {
342
337
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
343
338
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
344
339
  --check-color: var(--hop-Checkbox-check-color-disabled);
345
340
  --cursor: not-allowed;
346
341
  --text-color: var(--hop-Checkbox-text-color-disabled);
347
342
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
348
- --description-color: var(--hop-Checkbox-description-color-disabled);
349
343
  }
350
- .Checkbox-module__hop-Checkbox--sm___f6Vsv {
344
+ .Checkbox-module__hop-Checkbox--sm___ku6Fh {
351
345
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
352
346
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
353
347
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
354
348
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
355
349
  }
356
- .Checkbox-module__hop-Checkbox--md___toj2- {
350
+ .Checkbox-module__hop-Checkbox--md___m1kW9 {
357
351
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
358
352
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
359
353
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
360
354
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
361
355
  }
362
- .Checkbox-module__hop-Checkbox__icon___gjQvO,
363
- .Checkbox-module__hop-Checkbox__icon-list___j06W0 {
356
+ .Checkbox-module__hop-Checkbox__icon___9T-B2,
357
+ .Checkbox-module__hop-Checkbox__icon-list___Xzo43 {
364
358
  flex: 0 0 auto;
365
359
  order: 3;
366
360
  color: var(--icon-color);
367
361
  }
368
- .Checkbox-module__hop-Checkbox__box___CoBTw {
362
+ .Checkbox-module__hop-Checkbox__box___tSdwv {
369
363
  display: flex;
370
364
  flex: 0 0 auto;
371
365
  align-items: center;
@@ -381,11 +375,11 @@
381
375
  outline-offset: 0.125rem;
382
376
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
383
377
  }
384
- .Checkbox-module__hop-Checkbox__check___5-VAB {
378
+ .Checkbox-module__hop-Checkbox__check___nWURg {
385
379
  display: var(--check-display);
386
380
  color: var(--check-color);
387
381
  }
388
- .Checkbox-module__hop-Checkbox__text___7BCbV {
382
+ .Checkbox-module__hop-Checkbox__text___G2FeR {
389
383
  flex: 0 1 auto;
390
384
  order: 2;
391
385
  min-inline-size: 0;
@@ -395,7 +389,7 @@
395
389
  }
396
390
 
397
391
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
398
- .CheckboxField-module__hop-CheckboxField___lr2r2 {
392
+ .CheckboxField-module__hop-CheckboxField___SpcCY {
399
393
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
400
394
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
401
395
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -414,28 +408,28 @@
414
408
  inline-size: max-content;
415
409
  max-inline-size: 100%;
416
410
  }
417
- .CheckboxField-module__hop-CheckboxField___lr2r2[data-disabled] {
411
+ .CheckboxField-module__hop-CheckboxField___SpcCY[data-disabled] {
418
412
  --description-color: var(--hop-CheckboxField-description-color-disabled);
419
413
  }
420
- .CheckboxField-module__hop-CheckboxField--sm___eyz9- {
414
+ .CheckboxField-module__hop-CheckboxField--sm___Piu0y {
421
415
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
422
416
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
423
417
  }
424
- .CheckboxField-module__hop-CheckboxField--md___bQfu- {
418
+ .CheckboxField-module__hop-CheckboxField--md___e69ih {
425
419
  --row-gap: var(--hop-CheckboxField-md-row-gap);
426
420
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
427
421
  }
428
- .CheckboxField-module__hop-CheckboxField__description___FQjw8 {
422
+ .CheckboxField-module__hop-CheckboxField__description___Yttc1 {
429
423
  order: 2;
430
424
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
431
425
  color: var(--description-color);
432
426
  }
433
- .CheckboxField-module__hop-CheckboxField__checkbox___Xssmy {
427
+ .CheckboxField-module__hop-CheckboxField__checkbox___5kWSy {
434
428
  order: 1;
435
429
  }
436
430
 
437
431
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
438
- .ErrorMessage-module__hop-ErrorMessage___j-58D {
432
+ .ErrorMessage-module__hop-ErrorMessage___hGjrh {
439
433
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
440
434
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
441
435
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -452,13 +446,13 @@
452
446
  line-height: var(--hop-ErrorMessage-line-height);
453
447
  color: var(--hop-ErrorMessage-color);
454
448
  }
455
- .ErrorMessage-module__hop-ErrorMessage__icon___I-vrf {
449
+ .ErrorMessage-module__hop-ErrorMessage__icon___wE1hg {
456
450
  flex: 0 0 auto;
457
451
  align-self: flex-start;
458
452
  }
459
453
 
460
454
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
461
- .HelperMessage-module__hop-HelperMessage___H0Hyt {
455
+ .HelperMessage-module__hop-HelperMessage___0xUz2 {
462
456
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
463
457
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
464
458
  display: flex;
@@ -467,93 +461,29 @@
467
461
  box-sizing: border-box;
468
462
  color: var(--hop-HelperMessage-color);
469
463
  }
470
- .HelperMessage-module__hop-HelperMessage__icon___Ph3Hq {
464
+ .HelperMessage-module__hop-HelperMessage__icon___N2F4v {
471
465
  flex: 0 0 auto;
472
466
  align-self: flex-start;
473
467
  }
474
468
 
475
469
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
476
- .Label-module__hop-Label___om5gm {
477
- --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
478
- --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
479
- --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
480
- --hop-Label-xs-line-height: var(--hop-body-xs-line-height);
481
- --hop-Label-sm-font-size: var(--hop-body-sm-font-size);
482
- --hop-Label-sm-font-family: var(--hop-body-sm-font-family);
483
- --hop-Label-sm-font-weight: var(--hop-body-sm-font-weight);
484
- --hop-Label-sm-line-height: var(--hop-body-sm-line-height);
485
- --hop-Label-md-font-size: var(--hop-body-md-font-size);
486
- --hop-Label-md-font-family: var(--hop-body-md-font-family);
487
- --hop-Label-md-font-weight: var(--hop-body-md-font-weight);
488
- --hop-Label-md-line-height: var(--hop-body-md-line-height);
489
- --hop-Label-lg-font-size: var(--hop-body-lg-font-size);
490
- --hop-Label-lg-font-family: var(--hop-body-lg-font-family);
491
- --hop-Label-lg-font-weight: var(--hop-body-lg-font-weight);
492
- --hop-Label-lg-line-height: var(--hop-body-lg-line-height);
493
- --hop-Label-xl-font-size: var(--hop-body-xl-font-size);
494
- --hop-Label-xl-font-family: var(--hop-body-xl-font-family);
495
- --hop-Label-xl-font-weight: var(--hop-body-xl-font-weight);
496
- --hop-Label-xl-line-height: var(--hop-body-xl-line-height);
497
- --hop-Label-2xl-font-size: var(--hop-body-2xl-font-size);
498
- --hop-Label-2xl-font-family: var(--hop-body-2xl-font-family);
499
- --hop-Label-2xl-font-weight: var(--hop-body-2xl-font-weight);
500
- --hop-Label-2xl-line-height: var(--hop-body-2xl-line-height);
501
- --hop-Label-inherit-size-font-size: inherit;
502
- --hop-Label-inherit-size-font-family: inherit;
503
- --hop-Label-inherit-size-font-weight: inherit;
504
- --hop-Label-inherit-size-line-height: inherit;
505
- }
506
- :where(.Label-module__hop-Label___om5gm) {
507
- font-family: var(--font-family);
508
- font-size: var(--font-size);
509
- font-weight: var(--font-weight);
510
- line-height: var(--line-height);
511
- }
512
- :where(.Label-module__hop-Label--xs___x5CfR) {
513
- --font-size: var(--hop-Label-xs-font-size);
514
- --font-family: var(--hop-Label-xs-font-family);
515
- --font-weight: var(--hop-Label-xs-font-weight);
516
- --line-height: var(--hop-Label-xs-line-height);
517
- }
518
- :where(.Label-module__hop-Label--sm___oQPya) {
519
- --font-size: var(--hop-Label-sm-font-size);
520
- --font-family: var(--hop-Label-sm-font-family);
521
- --font-weight: var(--hop-Label-sm-font-weight);
522
- --line-height: var(--hop-Label-sm-line-height);
523
- }
524
- :where(.Label-module__hop-Label--md___PTtE-) {
525
- --font-size: var(--hop-Label-md-font-size);
526
- --font-family: var(--hop-Label-md-font-family);
527
- --font-weight: var(--hop-Label-md-font-weight);
528
- --line-height: var(--hop-Label-md-line-height);
529
- }
530
- :where(.Label-module__hop-Label--lg___IRPit) {
531
- --font-size: var(--hop-Label-lg-font-size);
532
- --font-family: var(--hop-Label-lg-font-family);
533
- --font-weight: var(--hop-Label-lg-font-weight);
534
- --line-height: var(--hop-Label-lg-line-height);
535
- }
536
- :where(.Label-module__hop-Label--xl___v5iyv) {
537
- --font-size: var(--hop-Label-xl-font-size);
538
- --font-family: var(--hop-Label-xl-font-family);
539
- --font-weight: var(--hop-Label-xl-font-weight);
540
- --line-height: var(--hop-Label-xl-line-height);
541
- }
542
- :where(.Label-module__hop-Label--2xl___rF-I1) {
543
- --font-size: var(--hop-Label-2xl-font-size);
544
- --font-family: var(--hop-Label-2xl-font-family);
545
- --font-weight: var(--hop-Label-2xl-font-weight);
546
- --line-height: var(--hop-Label-2xl-line-height);
547
- }
548
- :where(.Label-module__hop-Label--inherit___pECI0) {
549
- --font-size: var(--hop-Label-inherit-size-font-size);
550
- --font-family: var(--hop-Label-inherit-size-font-family);
551
- --font-weight: var(--hop-Label-inherit-size-font-weight);
552
- --line-height: var(--hop-Label-inherit-size-line-height);
470
+ .Label-module__hop-Label___PodEd {
471
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
472
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
473
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
474
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
475
+ --hop-Label-color: var(--hop-neutral-text-weak);
476
+ }
477
+ :where(.Label-module__hop-Label___PodEd) {
478
+ font-family: var(--hop-Label-font-family);
479
+ font-size: var(--hop-Label-font-size);
480
+ font-weight: var(--hop-Label-font-weight);
481
+ line-height: var(--hop-Label-line-height);
482
+ color: var(--hop-Label-color);
553
483
  }
554
484
 
555
485
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
556
- .CheckboxGroup-module__hop-CheckboxGroup___MxNmE {
486
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x {
557
487
  --hop-CheckboxGroup-align-items: flex-start;
558
488
  --hop-CheckboxGroup-justify-content: flex-start;
559
489
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -592,46 +522,46 @@
592
522
  inline-size: max-content;
593
523
  max-inline-size: 100%;
594
524
  }
595
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5IsA- {
525
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU {
596
526
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
597
527
  --list-border-radius: var(--hop-shape-rounded-md);
598
528
  }
599
- .CheckboxGroup-module__hop-CheckboxGroup--sm___tSHus {
529
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___7B-pz {
600
530
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
601
531
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
602
532
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
603
533
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
604
534
  }
605
- .CheckboxGroup-module__hop-CheckboxGroup--md___-2LQ5 {
535
+ .CheckboxGroup-module__hop-CheckboxGroup--md___w1E3n {
606
536
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
607
537
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
608
538
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
609
539
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
610
540
  }
611
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5IsA-.CheckboxGroup-module__hop-CheckboxGroup--sm___tSHus {
541
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU.CheckboxGroup-module__hop-CheckboxGroup--sm___7B-pz {
612
542
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
613
543
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
614
544
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
615
545
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
616
546
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
617
547
  }
618
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5IsA-.CheckboxGroup-module__hop-CheckboxGroup--md___-2LQ5 {
548
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU.CheckboxGroup-module__hop-CheckboxGroup--md___w1E3n {
619
549
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
620
550
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
621
551
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
622
552
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
623
553
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
624
554
  }
625
- .CheckboxGroup-module__hop-CheckboxGroup___MxNmE[data-orientation=horizontal] {
555
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x[data-orientation=horizontal] {
626
556
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
627
557
  }
628
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5IsA-[data-orientation=horizontal] {
558
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=horizontal] {
629
559
  --flex-wrap: nowrap;
630
560
  }
631
- .CheckboxGroup-module__hop-CheckboxGroup___MxNmE > .CheckboxGroup-module__hop-CheckboxGroup__label___Cn1QZ {
561
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__label___J4Zt0 {
632
562
  order: 1;
633
563
  }
634
- .CheckboxGroup-module__hop-CheckboxGroup__list___Grl-W {
564
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk {
635
565
  display: flex;
636
566
  flex-flow: var(--flex-direction) var(--flex-wrap);
637
567
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -642,7 +572,7 @@
642
572
  border: var(--list-border, none);
643
573
  border-radius: var(--list-border-radius, 0);
644
574
  }
645
- .CheckboxGroup-module__hop-CheckboxGroup__list___Grl-W > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___ADIr2 {
575
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo {
646
576
  position: relative;
647
577
  flex: 0 1 auto;
648
578
  align-content: start;
@@ -650,28 +580,28 @@
650
580
  min-inline-size: 0;
651
581
  padding: var(--checkbox-padding, 0);
652
582
  }
653
- .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 {
583
+ .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 {
654
584
  content: "";
655
585
  position: absolute;
656
586
  display: block;
657
587
  }
658
- .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 {
588
+ .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 {
659
589
  inset-block-start: 0;
660
590
  inset-inline: 0;
661
591
  border-block-start: var(--list-border, none);
662
592
  }
663
- .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 {
593
+ .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 {
664
594
  inset-block: 0;
665
595
  inset-inline-start: 0;
666
596
  border-inline-start: var(--list-border, none);
667
597
  }
668
- .CheckboxGroup-module__hop-CheckboxGroup___MxNmE > .CheckboxGroup-module__hop-CheckboxGroup__error-message___i10D8,
669
- .CheckboxGroup-module__hop-CheckboxGroup___MxNmE > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___90AR1 {
598
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__error-message___sdk-v,
599
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___t8MLr {
670
600
  order: 3;
671
601
  }
672
602
 
673
603
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
674
- .Radio-module__hop-Radio___2C-nq {
604
+ .Radio-module__hop-Radio___uyamy {
675
605
  --hop-Radio-box-border-size: 0.0625rem;
676
606
  --hop-Radio-box-border-color: var(--hop-neutral-border);
677
607
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -735,7 +665,6 @@
735
665
  --cursor: pointer;
736
666
  --text-color: var(--hop-Radio-text-color);
737
667
  --icon-color: var(--hop-Radio-icon-color);
738
- --description-color: var(--hop-Radio-description-color);
739
668
  --transition-duration: var(--hop-easing-duration-2);
740
669
  cursor: var(--cursor);
741
670
  display: flex;
@@ -746,95 +675,89 @@
746
675
  inline-size: max-content;
747
676
  max-inline-size: 100%;
748
677
  }
749
- .Radio-module__hop-Radio___2C-nq[data-focus-visible],
750
- .Radio-module__hop-Radio--focused___7sglk {
678
+ .Radio-module__hop-Radio___uyamy[data-focus-visible],
679
+ .Radio-module__hop-Radio--focused___TGZbx {
751
680
  --box-background-color: var(--hop-Radio-box-background-color-focused);
752
681
  --box-border-color: var(--hop-Radio-box-border-color-focused);
753
682
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
754
683
  --text-color: var(--hop-Radio-text-color-focused);
755
684
  --icon-color: var(--hop-Radio-icon-color-focused);
756
- --description-color: var(--hop-Radio-description-color-focus);
757
685
  }
758
- .Radio-module__hop-Radio___2C-nq[data-hovered],
759
- .Radio-module__hop-Radio--hovered___QdFBx {
686
+ .Radio-module__hop-Radio___uyamy[data-hovered],
687
+ .Radio-module__hop-Radio--hovered___YkYk3 {
760
688
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
761
689
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
762
690
  --text-color: var(--hop-Radio-text-color-hovered);
763
691
  --icon-color: var(--hop-Radio-icon-color-hovered);
764
- --description-color: var(--hop-Radio-description-color-hover);
765
692
  }
766
- .Radio-module__hop-Radio___2C-nq[data-pressed],
767
- .Radio-module__hop-Radio--pressed___ECMn4 {
693
+ .Radio-module__hop-Radio___uyamy[data-pressed],
694
+ .Radio-module__hop-Radio--pressed___SYCe0 {
768
695
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
769
696
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
770
697
  --text-color: var(--hop-Radio-text-color-pressed);
771
698
  --icon-color: var(--hop-Radio-icon-color-pressed);
772
- --description-color: var(--hop-Radio-description-color-pressed);
773
699
  }
774
- .Radio-module__hop-Radio___2C-nq[data-selected] {
700
+ .Radio-module__hop-Radio___uyamy[data-selected] {
775
701
  --box-background-color: var(--hop-Radio-box-background-color-selected);
776
702
  --box-border-color: var(--hop-Radio-box-border-color-selected);
777
703
  --bullet-display: var(--hop-Radio-bullet-display-selected);
778
704
  --text-color: var(--hop-Radio-text-color-selected);
779
705
  --icon-color: var(--hop-Radio-icon-color-selected);
780
- --description-color: var(--hop-Radio-description-color-selected);
781
706
  }
782
- .Radio-module__hop-Radio___2C-nq[data-invalid] {
707
+ .Radio-module__hop-Radio___uyamy[data-invalid] {
783
708
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
784
709
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
785
710
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
786
711
  --text-color: var(--hop-Radio-text-color-invalid);
787
712
  --icon-color: var(--hop-Radio-icon-color-invalid);
788
- --description-color: var(--hop-Radio-description-color-invalid);
789
713
  }
790
- .Radio-module__hop-Radio___2C-nq:where([data-invalid])[data-focus-visible] {
714
+ .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-focus-visible] {
791
715
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
792
716
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
793
717
  }
794
- .Radio-module__hop-Radio___2C-nq:where([data-invalid])[data-hovered] {
718
+ .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-hovered] {
795
719
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
796
720
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
797
721
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
798
722
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
799
723
  }
800
- .Radio-module__hop-Radio___2C-nq:where([data-invalid])[data-pressed] {
724
+ .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-pressed] {
801
725
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
802
726
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
803
727
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
804
728
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
805
729
  }
806
- .Radio-module__hop-Radio___2C-nq:where([data-invalid])[data-selected] {
730
+ .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-selected] {
807
731
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
808
732
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
809
733
  }
810
- .Radio-module__hop-Radio___2C-nq[data-disabled] {
734
+ .Radio-module__hop-Radio___uyamy[data-disabled] {
811
735
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
812
736
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
813
737
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
814
738
  --cursor: not-allowed;
815
739
  --text-color: var(--hop-Radio-text-color-disabled);
816
740
  --icon-color: var(--hop-Radio-icon-color-disabled);
817
- --description-color: var(--hop-Radio-description-color-disabled);
818
741
  }
819
- .Radio-module__hop-Radio--sm___x8T6Z {
742
+ .Radio-module__hop-Radio--sm___0rL4j {
820
743
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
821
744
  --box-block-size: var(--hop-Radio-box-sm-block-size);
822
745
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
823
746
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
824
747
  }
825
- .Radio-module__hop-Radio--md___hyLVu {
748
+ .Radio-module__hop-Radio--md___2Sf0G {
826
749
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
827
750
  --box-block-size: var(--hop-Radio-box-md-block-size);
828
751
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
829
752
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
830
753
  }
831
- .Radio-module__hop-Radio__icon___9JhJH,
832
- .Radio-module__hop-Radio__icon-list___cYGkR {
754
+ .Radio-module__hop-Radio__icon___xaWvn,
755
+ .Radio-module__hop-Radio__icon-list___ipHyc {
833
756
  flex: 0 0 auto;
834
757
  order: 3;
835
758
  color: var(--icon-color);
836
759
  }
837
- .Radio-module__hop-Radio__box___2ZJgC {
760
+ .Radio-module__hop-Radio__box___HK3bx {
838
761
  display: flex;
839
762
  flex: 0 0 auto;
840
763
  align-items: center;
@@ -850,11 +773,11 @@
850
773
  outline-offset: 0.125rem;
851
774
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
852
775
  }
853
- .Radio-module__hop-Radio__bullet___4cGjY {
776
+ .Radio-module__hop-Radio__bullet___9QxuR {
854
777
  display: var(--bullet-display);
855
778
  color: var(--bullet-color);
856
779
  }
857
- .Radio-module__hop-Radio__text___-IVHP {
780
+ .Radio-module__hop-Radio__text___DVOte {
858
781
  flex: 0 1 auto;
859
782
  order: 2;
860
783
  min-inline-size: 0;
@@ -864,7 +787,7 @@
864
787
  }
865
788
 
866
789
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
867
- .RadioField-module__hop-RadioField___aVaFb {
790
+ .RadioField-module__hop-RadioField___WTErz {
868
791
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
869
792
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
870
793
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -883,28 +806,28 @@
883
806
  inline-size: max-content;
884
807
  max-inline-size: 100%;
885
808
  }
886
- .RadioField-module__hop-RadioField___aVaFb[data-disabled] {
809
+ .RadioField-module__hop-RadioField___WTErz[data-disabled] {
887
810
  --description-color: var(--hop-RadioField-description-color-disabled);
888
811
  }
889
- .RadioField-module__hop-RadioField--sm___tKOek {
812
+ .RadioField-module__hop-RadioField--sm___CHfcV {
890
813
  --row-gap: var(--hop-RadioField-sm-row-gap);
891
814
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
892
815
  }
893
- .RadioField-module__hop-RadioField--md___leova {
816
+ .RadioField-module__hop-RadioField--md___g1iHe {
894
817
  --row-gap: var(--hop-RadioField-md-row-gap);
895
818
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
896
819
  }
897
- .RadioField-module__hop-RadioField__description___cH-jR {
820
+ .RadioField-module__hop-RadioField__description___LgMd1 {
898
821
  order: 2;
899
822
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
900
823
  color: var(--description-color);
901
824
  }
902
- .RadioField-module__hop-RadioField__radio___ZH1Rg {
825
+ .RadioField-module__hop-RadioField__radio___SByLu {
903
826
  order: 1;
904
827
  }
905
828
 
906
829
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
907
- .RadioGroup-module__hop-RadioGroup___-U003 {
830
+ .RadioGroup-module__hop-RadioGroup___GTWVm {
908
831
  --hop-RadioGroup-align-items: flex-start;
909
832
  --hop-RadioGroup-justify-content: flex-start;
910
833
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -944,46 +867,46 @@
944
867
  inline-size: var(--inline-size);
945
868
  max-inline-size: 100%;
946
869
  }
947
- .RadioGroup-module__hop-RadioGroup--bordered___jAlJF {
870
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A {
948
871
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
949
872
  --list-border-radius: var(--hop-shape-rounded-md);
950
873
  }
951
- .RadioGroup-module__hop-RadioGroup--sm___R2HH0 {
874
+ .RadioGroup-module__hop-RadioGroup--sm___a9Tbq {
952
875
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
953
876
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
954
877
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
955
878
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
956
879
  }
957
- .RadioGroup-module__hop-RadioGroup--md___0fVwH {
880
+ .RadioGroup-module__hop-RadioGroup--md___RYdU8 {
958
881
  --column-gap: var(--hop-RadioGroup-md-column-gap);
959
882
  --row-gap: var(--hop-RadioGroup-md-row-gap);
960
883
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
961
884
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
962
885
  }
963
- .RadioGroup-module__hop-RadioGroup--bordered___jAlJF.RadioGroup-module__hop-RadioGroup--sm___R2HH0 {
886
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A.RadioGroup-module__hop-RadioGroup--sm___a9Tbq {
964
887
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
965
888
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
966
889
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
967
890
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
968
891
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
969
892
  }
970
- .RadioGroup-module__hop-RadioGroup--bordered___jAlJF.RadioGroup-module__hop-RadioGroup--md___0fVwH {
893
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A.RadioGroup-module__hop-RadioGroup--md___RYdU8 {
971
894
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
972
895
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
973
896
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
974
897
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
975
898
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
976
899
  }
977
- .RadioGroup-module__hop-RadioGroup___-U003[data-orientation=horizontal] {
900
+ .RadioGroup-module__hop-RadioGroup___GTWVm[data-orientation=horizontal] {
978
901
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
979
902
  }
980
- .RadioGroup-module__hop-RadioGroup--bordered___jAlJF[data-orientation=horizontal] {
903
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=horizontal] {
981
904
  --flex-wrap: nowrap;
982
905
  }
983
- .RadioGroup-module__hop-RadioGroup___-U003 > .RadioGroup-module__hop-RadioGroup__label___WONZT {
906
+ .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__label___XRgtP {
984
907
  order: 1;
985
908
  }
986
- .RadioGroup-module__hop-RadioGroup__list___OIBac {
909
+ .RadioGroup-module__hop-RadioGroup__list___cPH4h {
987
910
  display: flex;
988
911
  flex-flow: var(--flex-direction) var(--flex-wrap);
989
912
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -994,7 +917,7 @@
994
917
  border: var(--list-border, none);
995
918
  border-radius: var(--list-border-radius, 0);
996
919
  }
997
- .RadioGroup-module__hop-RadioGroup__list___OIBac > .RadioGroup-module__hop-RadioGroup__radio___PiqWL {
920
+ .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych {
998
921
  position: relative;
999
922
  flex: 0 1 auto;
1000
923
  align-content: start;
@@ -1002,28 +925,28 @@
1002
925
  min-inline-size: 0;
1003
926
  padding: var(--radio-padding, 0);
1004
927
  }
1005
- .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 {
928
+ .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 {
1006
929
  content: "";
1007
930
  position: absolute;
1008
931
  display: block;
1009
932
  }
1010
- .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 {
933
+ .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 {
1011
934
  inset-block-start: 0;
1012
935
  inset-inline: 0;
1013
936
  border-block-start: var(--list-border, none);
1014
937
  }
1015
- .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 {
938
+ .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 {
1016
939
  inset-block: 0;
1017
940
  inset-inline-start: 0;
1018
941
  border-inline-start: var(--list-border, none);
1019
942
  }
1020
- .RadioGroup-module__hop-RadioGroup___-U003 > .RadioGroup-module__hop-RadioGroup__error-message___gnB8r,
1021
- .RadioGroup-module__hop-RadioGroup___-U003 > .RadioGroup-module__hop-RadioGroup__helper-message___FvB5C {
943
+ .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__error-message___cJ0g4,
944
+ .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__helper-message___35eYj {
1022
945
  order: 3;
1023
946
  }
1024
947
 
1025
948
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1026
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___6QNAP {
949
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___9KoCq {
1027
950
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1028
951
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1029
952
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1049,7 +972,7 @@
1049
972
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1050
973
  background-size: 400% 100%;
1051
974
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1052
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___Rvkja;
975
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___hlN0J;
1053
976
  animation-duration: var(--animation-duration);
1054
977
  animation-timing-function: ease-in-out;
1055
978
  animation-fill-mode: forwards;
@@ -1058,19 +981,19 @@
1058
981
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1059
982
  }
1060
983
  }
1061
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___NrVuN {
984
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___ztoOV {
1062
985
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1063
986
  }
1064
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___2Bzxz {
987
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___SipZz {
1065
988
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1066
989
  }
1067
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___lSYvw {
990
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___eAJ9R {
1068
991
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1069
992
  }
1070
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___QHVBS {
993
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___w5aPz {
1071
994
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1072
995
  }
1073
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___Rvkja {
996
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___hlN0J {
1074
997
  0% {
1075
998
  background-position: 125% 50%;
1076
999
  }
@@ -1080,7 +1003,7 @@
1080
1003
  }
1081
1004
 
1082
1005
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1083
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y {
1006
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY {
1084
1007
  --hop-ListBoxItem-background-color: transparent;
1085
1008
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1086
1009
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1163,109 +1086,109 @@
1163
1086
  border-radius: var(--hop-ListBoxItem-border-radius);
1164
1087
  outline: var(--outline);
1165
1088
  }
1166
- .ListBoxItem-module__hop-ListBoxItem--xs___dmYmR {
1089
+ .ListBoxItem-module__hop-ListBoxItem--xs___7hc2A {
1167
1090
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1168
1091
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1169
1092
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1170
1093
  }
1171
- .ListBoxItem-module__hop-ListBoxItem--sm___odLQZ {
1094
+ .ListBoxItem-module__hop-ListBoxItem--sm___85bzp {
1172
1095
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1173
1096
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1174
1097
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1175
1098
  }
1176
- .ListBoxItem-module__hop-ListBoxItem--md___lPCrl {
1099
+ .ListBoxItem-module__hop-ListBoxItem--md___MoEKQ {
1177
1100
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1178
1101
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1179
1102
  --min-height: var(--hop-ListBoxItem-md-min-height);
1180
1103
  }
1181
- .ListBoxItem-module__hop-ListBoxItem--lg___NAjSn {
1104
+ .ListBoxItem-module__hop-ListBoxItem--lg___RDITm {
1182
1105
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1183
1106
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1184
1107
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1185
1108
  }
1186
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-selection-mode] {
1109
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-selection-mode] {
1187
1110
  --cursor: pointer;
1188
1111
  }
1189
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y:not([data-selection-mode]) {
1112
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY:not([data-selection-mode]) {
1190
1113
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1191
1114
  }
1192
- .ListBoxItem-module__hop-ListBoxItem__inner___uRDGL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Ty6vD) {
1115
+ .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV) {
1193
1116
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1194
1117
  }
1195
- .ListBoxItem-module__hop-ListBoxItem__inner___uRDGL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Ty6vD) {
1118
+ .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV) {
1196
1119
  --checkmark-transition: none;
1197
1120
  }
1198
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-selected] {
1121
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-selected] {
1199
1122
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1200
1123
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1201
1124
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1202
1125
  --checkmark-opacity: 1;
1203
1126
  }
1204
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-focus-visible] {
1127
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-focus-visible] {
1205
1128
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1206
1129
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1207
1130
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1208
1131
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1209
1132
  }
1210
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-hovered] {
1133
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-hovered] {
1211
1134
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1212
1135
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1213
1136
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1214
1137
  }
1215
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-pressed] {
1138
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-pressed] {
1216
1139
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1217
1140
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1218
1141
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1219
1142
  }
1220
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-disabled] {
1143
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-disabled] {
1221
1144
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1222
1145
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1223
1146
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1224
1147
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1225
1148
  --cursor: not-allowed;
1226
1149
  }
1227
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-invalid] {
1150
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid] {
1228
1151
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1229
1152
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1230
1153
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1231
1154
  }
1232
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-invalid][data-selected] {
1155
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-selected] {
1233
1156
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1234
1157
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1235
1158
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1236
1159
  }
1237
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-invalid][data-focus-visible] {
1160
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-focus-visible] {
1238
1161
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1239
1162
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1240
1163
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1241
1164
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1242
1165
  }
1243
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-invalid][data-hovered] {
1166
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-hovered] {
1244
1167
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1245
1168
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1246
1169
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1247
1170
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1248
1171
  }
1249
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-invalid][data-pressed] {
1172
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-pressed] {
1250
1173
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1251
1174
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1252
1175
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1253
1176
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1254
1177
  }
1255
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-invalid][data-disabled] {
1178
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-disabled] {
1256
1179
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1257
1180
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1258
1181
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1259
1182
  }
1260
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y:has(.ListBoxItem-module__hop-ListBoxItem__description___jv9g6) {
1183
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY:has(.ListBoxItem-module__hop-ListBoxItem__description___FeYgQ) {
1261
1184
  --row-gap: var(--hop-ListBoxItem-row-gap);
1262
1185
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1263
1186
  }
1264
- .ListBoxItem-module__hop-ListBoxItem___8Iu5Y[data-loading] {
1187
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-loading] {
1265
1188
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1266
1189
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1267
1190
  }
1268
- .ListBoxItem-module__hop-ListBoxItem__inner___uRDGL {
1191
+ .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO {
1269
1192
  display: grid;
1270
1193
  grid-template-areas: var(--grid-template-areas);
1271
1194
  grid-template-columns: var(--grid-template-columns);
@@ -1277,49 +1200,49 @@
1277
1200
  padding-inline: var(--padding-inline);
1278
1201
  transition: grid-template-columns .3s ease-in-out;
1279
1202
  }
1280
- .ListBoxItem-module__hop-ListBoxItem__checkmark___Ty6vD {
1203
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV {
1281
1204
  grid-area: indicator;
1282
1205
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1283
1206
  color: var(--icon-color);
1284
1207
  opacity: var(--checkmark-opacity);
1285
1208
  transition: var(--checkmark-transition);
1286
1209
  }
1287
- .ListBoxItem-module__hop-ListBoxItem__radio-group___peS7w,
1288
- .ListBoxItem-module__hop-ListBoxItem__checkbox___BDVfn {
1210
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___QRD7t,
1211
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___ERb2a {
1289
1212
  pointer-events: none;
1290
1213
  user-select: none;
1291
1214
  grid-area: indicator;
1292
1215
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1293
1216
  }
1294
- .ListBoxItem-module__hop-ListBoxItem__avatar___-YMRo {
1217
+ .ListBoxItem-module__hop-ListBoxItem__avatar___gaSut {
1295
1218
  grid-area: avatar;
1296
1219
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1297
1220
  }
1298
- .ListBoxItem-module__hop-ListBoxItem__icon-list___x8QXg,
1299
- .ListBoxItem-module__hop-ListBoxItem__icon___0docZ {
1221
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___3-13V,
1222
+ .ListBoxItem-module__hop-ListBoxItem__icon___wPgqZ {
1300
1223
  grid-area: icon;
1301
1224
  flex: 0 0 auto;
1302
1225
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1303
1226
  color: var(--icon-color);
1304
1227
  }
1305
- .ListBoxItem-module__hop-ListBoxItem__label___ymZ-3 {
1228
+ .ListBoxItem-module__hop-ListBoxItem__label___dSaVa {
1306
1229
  overflow: hidden;
1307
1230
  grid-area: label;
1308
1231
  min-inline-size: 0;
1309
1232
  text-overflow: ellipsis;
1310
1233
  white-space: nowrap;
1311
1234
  }
1312
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___ZQUFV,
1313
- .ListBoxItem-module__hop-ListBoxItem__end-icon___-kLn1 {
1235
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___MadkE,
1236
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___mXgdz {
1314
1237
  grid-area: end-icon;
1315
1238
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1316
1239
  color: var(--icon-color);
1317
1240
  }
1318
- .ListBoxItem-module__hop-ListBoxItem__badge___vKAPZ {
1241
+ .ListBoxItem-module__hop-ListBoxItem__badge___C8-JS {
1319
1242
  grid-area: badge;
1320
1243
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1321
1244
  }
1322
- .ListBoxItem-module__hop-ListBoxItem__description___jv9g6 {
1245
+ .ListBoxItem-module__hop-ListBoxItem__description___FeYgQ {
1323
1246
  overflow: hidden;
1324
1247
  display: -webkit-box;
1325
1248
  grid-area: description;
@@ -1330,7 +1253,7 @@
1330
1253
  }
1331
1254
 
1332
1255
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
1333
- .ListBox-module__hop-ListBox___HevK4 {
1256
+ .ListBox-module__hop-ListBox___XQDch {
1334
1257
  --hop-ListBox-background-color: var(--hop-neutral-surface);
1335
1258
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
1336
1259
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -1378,11 +1301,11 @@
1378
1301
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
1379
1302
  border-radius: var(--hop-ListBox-border-radius);
1380
1303
  }
1381
- .ListBox-module__hop-ListBox--fluid___PZyFT {
1304
+ .ListBox-module__hop-ListBox--fluid___3Im73 {
1382
1305
  --max-width: var(--hop-ListBox-fluid-max-width);
1383
1306
  --width: var(--hop-ListBox-fluid-width);
1384
1307
  }
1385
- .ListBox-module__hop-ListBox__section___1g-oS {
1308
+ .ListBox-module__hop-ListBox__section___65r5k {
1386
1309
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
1387
1310
  margin-inline: var(--hop-ListBox-section-margin-inline);
1388
1311
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -1390,21 +1313,21 @@
1390
1313
  border-block-start: var(--section-border-block-start);
1391
1314
  border-block-end: var(--section-border-block-end);
1392
1315
  }
1393
- .ListBox-module__hop-ListBox__item___Ye7Sa + .ListBox-module__hop-ListBox__section___1g-oS {
1316
+ .ListBox-module__hop-ListBox__item___XEwSd + .ListBox-module__hop-ListBox__section___65r5k {
1394
1317
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
1395
1318
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
1396
1319
  }
1397
- .ListBox-module__hop-ListBox__section___1g-oS:has(+ .ListBox-module__hop-ListBox__item___Ye7Sa) {
1320
+ .ListBox-module__hop-ListBox__section___65r5k:has(+ .ListBox-module__hop-ListBox__item___XEwSd) {
1398
1321
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
1399
1322
  }
1400
- .ListBox-module__hop-ListBox__section___1g-oS:first-child {
1323
+ .ListBox-module__hop-ListBox__section___65r5k:first-child {
1401
1324
  --section-padding-block-start: 0;
1402
1325
  }
1403
- .ListBox-module__hop-ListBox__section___1g-oS:last-child {
1326
+ .ListBox-module__hop-ListBox__section___65r5k:last-child {
1404
1327
  --section-padding-block-end: 0;
1405
1328
  --section-border-block-end: 0;
1406
1329
  }
1407
- .ListBox-module__hop-ListBox__section-header___wEcPg {
1330
+ .ListBox-module__hop-ListBox__section-header___GjNW9 {
1408
1331
  margin: 0;
1409
1332
  padding: var(--hop-ListBox-section-header-padding);
1410
1333
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -1414,21 +1337,21 @@
1414
1337
  text-transform: var(--hop-ListBox-section-header-text-transform);
1415
1338
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
1416
1339
  }
1417
- .ListBox-module__hop-ListBox__section-header___wEcPg::before,
1418
- .ListBox-module__hop-ListBox__section-header___wEcPg::after {
1340
+ .ListBox-module__hop-ListBox__section-header___GjNW9::before,
1341
+ .ListBox-module__hop-ListBox__section-header___GjNW9::after {
1419
1342
  content: "";
1420
1343
  display: block;
1421
1344
  box-sizing: border-box;
1422
1345
  inline-size: 0;
1423
1346
  block-size: 0;
1424
1347
  }
1425
- .ListBox-module__hop-ListBox__section-header___wEcPg::before {
1348
+ .ListBox-module__hop-ListBox__section-header___GjNW9::before {
1426
1349
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
1427
1350
  }
1428
- .ListBox-module__hop-ListBox__section-header___wEcPg::after {
1351
+ .ListBox-module__hop-ListBox__section-header___GjNW9::after {
1429
1352
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
1430
1353
  }
1431
- .ListBox-module__hop-ListBox__divider___bXMG3 {
1354
+ .ListBox-module__hop-ListBox__divider___KcKrr {
1432
1355
  margin-block: var(--hop-ListBox-divider-margin-block);
1433
1356
  margin-inline: var(--hop-ListBox-divider-margin-inline);
1434
1357
  }