@hopper-ui/components 1.2.1 → 1.3.0

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 (193) hide show
  1. package/CHANGELOG.md +6 -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/Divider/src/Divider.css +2 -2
  17. package/dist/Divider/src/Divider.js +1 -1
  18. package/dist/Divider/src/index.css +2 -2
  19. package/dist/Divider/src/index.js +1 -1
  20. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  21. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  22. package/dist/ErrorMessage/src/index.css +11 -11
  23. package/dist/ErrorMessage/src/index.js +2 -2
  24. package/dist/Form/src/Form.css +862 -605
  25. package/dist/Form/src/Form.js +66 -64
  26. package/dist/Form/src/index.css +862 -605
  27. package/dist/Form/src/index.js +66 -64
  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 +226 -198
  41. package/dist/ListBox/src/ListBox.js +11 -12
  42. package/dist/ListBox/src/ListBoxItem.css +208 -182
  43. package/dist/ListBox/src/ListBoxItem.js +10 -10
  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 +226 -198
  47. package/dist/ListBox/src/index.js +11 -12
  48. package/dist/Select/src/Select.css +4368 -0
  49. package/dist/Select/src/Select.d.ts +93 -0
  50. package/dist/Select/src/Select.js +116 -0
  51. package/dist/Select/src/SelectContext.d.ts +16 -0
  52. package/dist/Select/src/SelectContext.js +2 -0
  53. package/dist/Select/src/SelectValue.css +443 -0
  54. package/dist/Select/src/SelectValue.d.ts +31 -0
  55. package/dist/Select/src/SelectValue.js +19 -0
  56. package/dist/Select/src/index.css +4368 -0
  57. package/dist/Select/src/index.d.ts +13 -0
  58. package/dist/Select/src/index.js +116 -0
  59. package/dist/Spinner/src/Spinner.css +19 -19
  60. package/dist/Spinner/src/Spinner.js +2 -2
  61. package/dist/Spinner/src/index.css +19 -19
  62. package/dist/Spinner/src/index.js +2 -2
  63. package/dist/buttons/src/Button.css +94 -94
  64. package/dist/buttons/src/Button.js +5 -5
  65. package/dist/buttons/src/ButtonGroup.css +11 -11
  66. package/dist/buttons/src/ButtonGroup.js +1 -1
  67. package/dist/buttons/src/ClearButton.css +70 -70
  68. package/dist/buttons/src/ClearButton.js +3 -3
  69. package/dist/buttons/src/EmbeddedButton.css +70 -70
  70. package/dist/buttons/src/EmbeddedButton.js +1 -1
  71. package/dist/buttons/src/index.css +175 -175
  72. package/dist/buttons/src/index.js +10 -10
  73. package/dist/checkbox/src/Checkbox.css +31 -31
  74. package/dist/checkbox/src/Checkbox.js +2 -2
  75. package/dist/checkbox/src/CheckboxField.css +15 -15
  76. package/dist/checkbox/src/CheckboxField.js +1 -1
  77. package/dist/checkbox/src/CheckboxGroup.css +60 -60
  78. package/dist/checkbox/src/CheckboxGroup.js +3 -3
  79. package/dist/checkbox/src/index.css +60 -60
  80. package/dist/checkbox/src/index.js +6 -6
  81. package/dist/{chunk-AGRQ7UGN.js → chunk-3573Q6QG.js} +2 -2
  82. package/dist/{chunk-C7XRB2J6.js → chunk-3ZRCYKIV.js} +2 -2
  83. package/dist/{chunk-J7BXE7WN.js → chunk-4RMADICI.js} +4 -4
  84. package/dist/{chunk-4H7PKEMJ.js → chunk-6C5RI4RT.js} +9 -11
  85. package/dist/{chunk-TM4R5NO7.js → chunk-6H5DRQZH.js} +2 -2
  86. package/dist/{chunk-4APVXEPA.js → chunk-7L5MCX2A.js} +2 -2
  87. package/dist/{chunk-SPFANCCV.js → chunk-AZJME7JV.js} +3 -3
  88. package/dist/{chunk-F47GZGT7.js → chunk-BODCT27J.js} +1 -1
  89. package/dist/{chunk-CXWMHWSS.js → chunk-BQITTESM.js} +1 -1
  90. package/dist/{chunk-BN32T6QQ.js → chunk-BRU54ERL.js} +2 -2
  91. package/dist/{chunk-WYBQCRQB.js → chunk-BTHPJL3A.js} +2 -2
  92. package/dist/{chunk-MX5BW5VE.js → chunk-C72PRNOP.js} +1 -1
  93. package/dist/{chunk-55AWCUQF.js → chunk-CAHZCRTK.js} +1 -1
  94. package/dist/{chunk-RLDQEH6F.js → chunk-CU36N5JQ.js} +4 -4
  95. package/dist/{chunk-VQC5F6I7.js → chunk-CWX45XWS.js} +3 -3
  96. package/dist/{chunk-K7DU4YR4.js → chunk-D5PBETXF.js} +1 -1
  97. package/dist/{chunk-DZKJZSTQ.js → chunk-D7DIUGRI.js} +1 -1
  98. package/dist/{chunk-YWIDJ55Q.js → chunk-DFVORYEU.js} +2 -2
  99. package/dist/{chunk-IUFABTFZ.js → chunk-DLZGJBL7.js} +1 -1
  100. package/dist/{chunk-6WKRP4MN.js → chunk-DXEWBV4C.js} +2 -2
  101. package/dist/chunk-EHXOXTDN.js +29 -0
  102. package/dist/{chunk-J6YYPRGY.js → chunk-FOXOPL2E.js} +5 -5
  103. package/dist/{chunk-XI3BX2TP.js → chunk-GRJ3VKHY.js} +5 -5
  104. package/dist/{chunk-XUCH26RT.js → chunk-HIDHDS2L.js} +2 -2
  105. package/dist/{chunk-CSE22YXO.js → chunk-JIRLWUDP.js} +3 -3
  106. package/dist/{chunk-THUFFPGX.js → chunk-JQMXGSAE.js} +1 -1
  107. package/dist/{chunk-QGC3OX7W.js → chunk-LFN43ROH.js} +2 -2
  108. package/dist/{chunk-ZEXXNE5U.js → chunk-LYPR2YMY.js} +5 -5
  109. package/dist/{chunk-RYZNMKWB.js → chunk-O2ZMTKCT.js} +1 -1
  110. package/dist/{chunk-T7QJEHL7.js → chunk-OLS7K6PO.js} +2 -2
  111. package/dist/{chunk-LXCCS4SA.js → chunk-QQI3KNHZ.js} +6 -7
  112. package/dist/{chunk-PUNJWQAN.js → chunk-SCXYAGZI.js} +271 -46
  113. package/dist/{chunk-462UBJV3.js → chunk-SKEMSZ63.js} +2 -2
  114. package/dist/{chunk-F4KQUFXI.js → chunk-SSDFINDD.js} +2 -2
  115. package/dist/chunk-T24MBA34.js +7 -0
  116. package/dist/{chunk-YXD3IR3T.js → chunk-T37HTUEU.js} +1 -1
  117. package/dist/{chunk-WQSVNGFJ.js → chunk-T3CLGQI6.js} +1 -1
  118. package/dist/{chunk-2DPE3H3G.js → chunk-T742LIIS.js} +1 -1
  119. package/dist/{chunk-F4H76S4H.js → chunk-TFVDF4YH.js} +4 -2
  120. package/dist/{chunk-MFFXNI66.js → chunk-TOWSC7FO.js} +4 -4
  121. package/dist/{chunk-ZPPQJKHC.js → chunk-TTY5HDLL.js} +2 -2
  122. package/dist/chunk-YB7IYQW4.js +118 -0
  123. package/dist/{chunk-TFELIWJO.js → chunk-ZHOQYYHY.js} +1 -1
  124. package/dist/i18n/src/index.js +1 -1
  125. package/dist/i18n/src/useLocalizedString.js +1 -1
  126. package/dist/index.css +862 -605
  127. package/dist/index.d.ts +6 -2
  128. package/dist/index.js +66 -64
  129. package/dist/inputs/src/InputGroup.css +14 -16
  130. package/dist/inputs/src/InputGroup.js +1 -1
  131. package/dist/inputs/src/NumberField.css +64 -65
  132. package/dist/inputs/src/NumberField.js +8 -8
  133. package/dist/inputs/src/PasswordField.css +218 -219
  134. package/dist/inputs/src/PasswordField.js +10 -10
  135. package/dist/inputs/src/SearchField.css +224 -225
  136. package/dist/inputs/src/SearchField.js +12 -12
  137. package/dist/inputs/src/TextArea.css +58 -59
  138. package/dist/inputs/src/TextArea.js +9 -9
  139. package/dist/inputs/src/TextField.css +219 -220
  140. package/dist/inputs/src/TextField.js +11 -11
  141. package/dist/inputs/src/index.css +271 -268
  142. package/dist/inputs/src/index.js +18 -18
  143. package/dist/overlays/Popover/src/Popover.css +862 -605
  144. package/dist/overlays/Popover/src/Popover.d.ts +26 -3
  145. package/dist/overlays/Popover/src/Popover.js +66 -64
  146. package/dist/overlays/Popover/src/PopoverContext.d.ts +3 -0
  147. package/dist/overlays/Popover/src/index.css +862 -605
  148. package/dist/overlays/Popover/src/index.d.ts +4 -1
  149. package/dist/overlays/Popover/src/index.js +66 -64
  150. package/dist/radio/src/Radio.css +31 -31
  151. package/dist/radio/src/Radio.js +2 -2
  152. package/dist/radio/src/RadioField.css +15 -15
  153. package/dist/radio/src/RadioField.js +2 -2
  154. package/dist/radio/src/RadioGroup.css +60 -60
  155. package/dist/radio/src/RadioGroup.js +2 -2
  156. package/dist/radio/src/index.css +60 -60
  157. package/dist/radio/src/index.js +6 -6
  158. package/dist/switch/src/Switch.css +25 -25
  159. package/dist/switch/src/Switch.js +2 -2
  160. package/dist/switch/src/SwitchField.css +15 -15
  161. package/dist/switch/src/SwitchField.js +2 -2
  162. package/dist/switch/src/index.css +31 -31
  163. package/dist/switch/src/index.js +4 -4
  164. package/dist/tag/src/Tag.css +301 -301
  165. package/dist/tag/src/Tag.js +6 -6
  166. package/dist/tag/src/TagGroup.css +22 -22
  167. package/dist/tag/src/TagGroup.js +2 -2
  168. package/dist/tag/src/index.css +314 -314
  169. package/dist/tag/src/index.js +9 -9
  170. package/dist/typography/Heading/src/Heading.css +9 -9
  171. package/dist/typography/Heading/src/Heading.js +1 -1
  172. package/dist/typography/Heading/src/index.css +9 -9
  173. package/dist/typography/Heading/src/index.js +1 -1
  174. package/dist/typography/Label/src/Label.css +3 -3
  175. package/dist/typography/Label/src/Label.js +2 -2
  176. package/dist/typography/Label/src/index.css +3 -3
  177. package/dist/typography/Label/src/index.js +2 -2
  178. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  179. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  180. package/dist/typography/OverlineText/src/index.css +6 -6
  181. package/dist/typography/OverlineText/src/index.js +1 -1
  182. package/dist/typography/Text/src/Text.css +9 -9
  183. package/dist/typography/Text/src/Text.js +1 -1
  184. package/dist/typography/Text/src/index.css +9 -9
  185. package/dist/typography/Text/src/index.js +1 -1
  186. package/dist/utils/src/index.d.ts +1 -0
  187. package/dist/utils/src/index.js +3 -2
  188. package/dist/utils/src/useIsOverflow.d.ts +5 -0
  189. package/dist/utils/src/useIsOverflow.js +2 -0
  190. package/package.json +6 -6
  191. package/dist/ListBox/src/useLoadOnScroll.d.ts +0 -16
  192. package/dist/ListBox/src/useLoadOnScroll.js +0 -2
  193. package/dist/chunk-JTNMFPM4.js +0 -41
@@ -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___jOTOX) {
2
+ :where(.Divider-module__hop-Divider___ZVlCI) {
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___8HYrb {
27
+ .Divider-module__hop-Divider--vertical___n1uBJ {
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___Ww7PP {
35
+ .Text-module__hop-Text___TrcWf {
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___Ww7PP) {
65
+ :where(.Text-module__hop-Text___TrcWf) {
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___YsuwL) {
71
+ :where(.Text-module__hop-Text--xs___rF5yE) {
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___9lTR-) {
77
+ :where(.Text-module__hop-Text--sm___tPgW7) {
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___to5eX) {
83
+ :where(.Text-module__hop-Text--md___g9Wf2) {
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___Y-6Mo) {
89
+ :where(.Text-module__hop-Text--lg___gXea2) {
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___Qo9et) {
95
+ :where(.Text-module__hop-Text--xl___iGie8) {
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___dViKj) {
101
+ :where(.Text-module__hop-Text--2xl___p5vcB) {
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___uMHTH) {
107
+ :where(.Text-module__hop-Text--inherit___Jg8ZC) {
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/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
115
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jKuOm {
115
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2 {
116
116
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
117
117
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
118
118
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -143,46 +143,46 @@
143
143
  background-color: var(--background-color);
144
144
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
145
145
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___YOClX {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___XGaUz {
147
147
  --size: var(--hop-RichIconAvatarImage-xs-size);
148
148
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
149
149
  }
150
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___orivw {
150
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___-Olod {
151
151
  --size: var(--hop-RichIconAvatarImage-sm-size);
152
152
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
153
153
  }
154
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___0grkn {
154
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___FlqqG {
155
155
  --size: var(--hop-RichIconAvatarImage-md-size);
156
156
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
157
157
  }
158
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___qCvt- {
158
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zXLMo {
159
159
  --size: var(--hop-RichIconAvatarImage-lg-size);
160
160
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
161
161
  }
162
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___lVnHc {
162
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___sYtIR {
163
163
  --size: var(--hop-RichIconAvatarImage-xl-size);
164
164
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
165
165
  }
166
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___RlCbj {
166
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___tNx7t {
167
167
  --size: var(--hop-RichIconAvatarImage-2xl-size);
168
168
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
169
169
  }
170
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jKuOm[data-disabled] {
170
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2[data-disabled] {
171
171
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
172
172
  }
173
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___--Ntp {
173
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lycqV {
174
174
  position: relative;
175
175
  display: block;
176
176
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
177
177
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
178
178
  }
179
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___jKuOm[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___--Ntp {
179
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lycqV {
180
180
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
181
181
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
182
182
  }
183
183
 
184
184
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
185
- .Avatar-module__hop-Avatar___IsFnk {
185
+ .Avatar-module__hop-Avatar___fYhW6 {
186
186
  --hop-Avatar-border-radius: var(--hop-shape-circle);
187
187
  --hop-Avatar-mix-blend-mode: normal;
188
188
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -227,67 +227,67 @@
227
227
  background-color: var(--background-color, transparent);
228
228
  border-radius: var(--hop-Avatar-border-radius);
229
229
  }
230
- .Avatar-module__hop-Avatar--xs___xVZ4Y {
230
+ .Avatar-module__hop-Avatar--xs___lg3Fx {
231
231
  --size: var(--hop-Avatar-xs-size);
232
232
  }
233
- .Avatar-module__hop-Avatar--sm___dAvAi {
233
+ .Avatar-module__hop-Avatar--sm___O7vVp {
234
234
  --size: var(--hop-Avatar-sm-size);
235
235
  }
236
- .Avatar-module__hop-Avatar--md___v2kru {
236
+ .Avatar-module__hop-Avatar--md___U6oEm {
237
237
  --size: var(--hop-Avatar-md-size);
238
238
  }
239
- .Avatar-module__hop-Avatar--lg___4a7C- {
239
+ .Avatar-module__hop-Avatar--lg___-Z-lW {
240
240
  --size: var(--hop-Avatar-lg-size);
241
241
  }
242
- .Avatar-module__hop-Avatar--xl___GGmZt {
242
+ .Avatar-module__hop-Avatar--xl___-xZ0- {
243
243
  --size: var(--hop-Avatar-xl-size);
244
244
  }
245
- .Avatar-module__hop-Avatar--2xl___V0vm2 {
245
+ .Avatar-module__hop-Avatar--2xl___zDd2E {
246
246
  --size: var(--hop-Avatar-2xl-size);
247
247
  }
248
- .Avatar-module__hop-Avatar--decorative-option1___WjAhq {
248
+ .Avatar-module__hop-Avatar--decorative-option1___jTvFc {
249
249
  --background-color: var(--hop-Avatar-decorative-1-background-color);
250
250
  --text-color: var(--hop-Avatar-decorative-1-text-color);
251
251
  }
252
- .Avatar-module__hop-Avatar--decorative-option2___lp7nc {
252
+ .Avatar-module__hop-Avatar--decorative-option2___w5Mk7 {
253
253
  --background-color: var(--hop-Avatar-decorative-2-background-color);
254
254
  --text-color: var(--hop-Avatar-decorative-2-text-color);
255
255
  }
256
- .Avatar-module__hop-Avatar--decorative-option3___L4QFf {
256
+ .Avatar-module__hop-Avatar--decorative-option3___5WMEU {
257
257
  --background-color: var(--hop-Avatar-decorative-3-background-color);
258
258
  --text-color: var(--hop-Avatar-decorative-3-text-color);
259
259
  }
260
- .Avatar-module__hop-Avatar--decorative-option4___XDAjT {
260
+ .Avatar-module__hop-Avatar--decorative-option4___KWZeM {
261
261
  --background-color: var(--hop-Avatar-decorative-4-background-color);
262
262
  --text-color: var(--hop-Avatar-decorative-4-text-color);
263
263
  }
264
- .Avatar-module__hop-Avatar--decorative-option5___HT6Yj {
264
+ .Avatar-module__hop-Avatar--decorative-option5___pVwyU {
265
265
  --background-color: var(--hop-Avatar-decorative-5-background-color);
266
266
  --text-color: var(--hop-Avatar-decorative-5-text-color);
267
267
  }
268
- .Avatar-module__hop-Avatar--decorative-option6___ID7fC {
268
+ .Avatar-module__hop-Avatar--decorative-option6___lRfp7 {
269
269
  --background-color: var(--hop-Avatar-decorative-6-background-color);
270
270
  --text-color: var(--hop-Avatar-decorative-6-text-color);
271
271
  }
272
- .Avatar-module__hop-Avatar--decorative-option7___yDEQt {
272
+ .Avatar-module__hop-Avatar--decorative-option7___AerdM {
273
273
  --background-color: var(--hop-Avatar-decorative-7-background-color);
274
274
  --text-color: var(--hop-Avatar-decorative-7-text-color);
275
275
  }
276
- .Avatar-module__hop-Avatar--decorative-option8___FKawW {
276
+ .Avatar-module__hop-Avatar--decorative-option8___6hGGA {
277
277
  --background-color: var(--hop-Avatar-decorative-8-background-color);
278
278
  --text-color: var(--hop-Avatar-decorative-8-text-color);
279
279
  }
280
- .Avatar-module__hop-Avatar--decorative-option9___y4zJc {
280
+ .Avatar-module__hop-Avatar--decorative-option9___EjBKY {
281
281
  --background-color: var(--hop-Avatar-decorative-9-background-color);
282
282
  --text-color: var(--hop-Avatar-decorative-9-text-color);
283
283
  }
284
- .Avatar-module__hop-Avatar___IsFnk[data-disabled] {
284
+ .Avatar-module__hop-Avatar___fYhW6[data-disabled] {
285
285
  --background-color: var(--hop-Avatar-background-color-disabled);
286
286
  --text-color: var(--hop-Avatar-text-color-disabled);
287
287
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
288
288
  isolation: isolate;
289
289
  }
290
- .Avatar-module__hop-Avatar__image___ikmZz {
290
+ .Avatar-module__hop-Avatar__image___m95ud {
291
291
  position: relative;
292
292
  display: block;
293
293
  box-sizing: border-box;
@@ -298,7 +298,7 @@
298
298
  }
299
299
 
300
300
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
301
- :where(.OverlineText-module__hop-OverlineText___N5J5g) {
301
+ :where(.OverlineText-module__hop-OverlineText___SbFVm) {
302
302
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
303
303
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
304
304
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -322,26 +322,26 @@
322
322
  text-transform: uppercase;
323
323
  letter-spacing: var(--letter-spacing);
324
324
  }
325
- .OverlineText-module__hop-OverlineText__text___EUFfb {
325
+ .OverlineText-module__hop-OverlineText__text___Cb3CN {
326
326
  box-sizing: border-box;
327
327
  }
328
- .OverlineText-module__hop-OverlineText__text___EUFfb::before,
329
- .OverlineText-module__hop-OverlineText__text___EUFfb::after {
328
+ .OverlineText-module__hop-OverlineText__text___Cb3CN::before,
329
+ .OverlineText-module__hop-OverlineText__text___Cb3CN::after {
330
330
  content: "";
331
331
  display: block;
332
332
  box-sizing: border-box;
333
333
  inline-size: 0;
334
334
  block-size: 0;
335
335
  }
336
- .OverlineText-module__hop-OverlineText__text___EUFfb::before {
336
+ .OverlineText-module__hop-OverlineText__text___Cb3CN::before {
337
337
  margin-block-end: var(--bottom-offset);
338
338
  }
339
- .OverlineText-module__hop-OverlineText__text___EUFfb::after {
339
+ .OverlineText-module__hop-OverlineText__text___Cb3CN::after {
340
340
  margin-block-start: var(--top-offset);
341
341
  }
342
342
 
343
343
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
344
- .Badge-module__hop-Badge___OCCIL {
344
+ .Badge-module__hop-Badge___tJTtf {
345
345
  --hop-Badge-height: 1.5rem;
346
346
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
347
347
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -365,21 +365,21 @@
365
365
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
366
366
  border-radius: var(--border-radius);
367
367
  }
368
- .Badge-module__hop-Badge--primary___-dKpN {
368
+ .Badge-module__hop-Badge--primary___3WZ9y {
369
369
  --background-color: var(--hop-Badge-primary-background-color);
370
370
  --text-color: var(--hop-Badge-primary-text-color);
371
371
  }
372
- .Badge-module__hop-Badge--secondary___R7NCL {
372
+ .Badge-module__hop-Badge--secondary___OpnYy {
373
373
  --background-color: var(--hop-Badge-secondary-background-color);
374
374
  --text-color: var(--hop-Badge-secondary-text-color);
375
375
  }
376
- .Badge-module__hop-Badge___OCCIL[data-disabled] {
376
+ .Badge-module__hop-Badge___tJTtf[data-disabled] {
377
377
  --background-color: var(--hop-Badge-background-color-disabled);
378
378
  --text-color: var(--hop-Badge-text-color-disabled);
379
379
  }
380
380
 
381
381
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
382
- .IconList-module__hop-IconList___gfJWC {
382
+ .IconList-module__hop-IconList___ACGld {
383
383
  --hop-IconList-gap: var(--hop-space-inline-xs);
384
384
  display: flex;
385
385
  flex-wrap: wrap;
@@ -388,7 +388,7 @@
388
388
  }
389
389
 
390
390
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
391
- .Checkbox-module__hop-Checkbox___RQpte {
391
+ .Checkbox-module__hop-Checkbox___FyPRg {
392
392
  --hop-Checkbox-box-border-size: 0.0625rem;
393
393
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
394
394
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -463,63 +463,63 @@
463
463
  inline-size: max-content;
464
464
  max-inline-size: 100%;
465
465
  }
466
- .Checkbox-module__hop-Checkbox___RQpte[data-focus-visible],
467
- .Checkbox-module__hop-Checkbox--focused___sxf-2 {
466
+ .Checkbox-module__hop-Checkbox___FyPRg[data-focus-visible],
467
+ .Checkbox-module__hop-Checkbox--focused___i2l8S {
468
468
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
469
469
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
470
470
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
471
471
  --text-color: var(--hop-Checkbox-text-color-focused);
472
472
  --icon-color: var(--hop-Checkbox-icon-color-focused);
473
473
  }
474
- .Checkbox-module__hop-Checkbox___RQpte[data-hovered],
475
- .Checkbox-module__hop-Checkbox--hovered___9BGUP {
474
+ .Checkbox-module__hop-Checkbox___FyPRg[data-hovered],
475
+ .Checkbox-module__hop-Checkbox--hovered___RUE8m {
476
476
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
477
477
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
478
478
  --text-color: var(--hop-Checkbox-text-color-hovered);
479
479
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
480
480
  }
481
- .Checkbox-module__hop-Checkbox___RQpte[data-pressed],
482
- .Checkbox-module__hop-Checkbox--pressed___o-zB5 {
481
+ .Checkbox-module__hop-Checkbox___FyPRg[data-pressed],
482
+ .Checkbox-module__hop-Checkbox--pressed___2Prja {
483
483
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
484
484
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
485
485
  --text-color: var(--hop-Checkbox-text-color-pressed);
486
486
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
487
487
  }
488
- .Checkbox-module__hop-Checkbox___RQpte[data-selected] {
488
+ .Checkbox-module__hop-Checkbox___FyPRg[data-selected] {
489
489
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
490
490
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
491
491
  --check-display: var(--hop-Checkbox-check-display-selected);
492
492
  --text-color: var(--hop-Checkbox-text-color-selected);
493
493
  --icon-color: var(--hop-Checkbox-icon-color-selected);
494
494
  }
495
- .Checkbox-module__hop-Checkbox___RQpte[data-invalid] {
495
+ .Checkbox-module__hop-Checkbox___FyPRg[data-invalid] {
496
496
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
497
497
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
498
498
  --check-color: var(--hop-Checkbox-check-color-invalid);
499
499
  --text-color: var(--hop-Checkbox-text-color-invalid);
500
500
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
501
501
  }
502
- .Checkbox-module__hop-Checkbox___RQpte[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___sxf-2) {
502
+ .Checkbox-module__hop-Checkbox___FyPRg[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___i2l8S) {
503
503
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
504
504
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
505
505
  }
506
- .Checkbox-module__hop-Checkbox___RQpte[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___9BGUP) {
506
+ .Checkbox-module__hop-Checkbox___FyPRg[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___RUE8m) {
507
507
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
508
508
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
509
509
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
510
510
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
511
511
  }
512
- .Checkbox-module__hop-Checkbox___RQpte[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___o-zB5) {
512
+ .Checkbox-module__hop-Checkbox___FyPRg[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___2Prja) {
513
513
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
514
514
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
515
515
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
516
516
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
517
517
  }
518
- .Checkbox-module__hop-Checkbox___RQpte:where([data-invalid])[data-selected] {
518
+ .Checkbox-module__hop-Checkbox___FyPRg:where([data-invalid])[data-selected] {
519
519
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
520
520
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
521
521
  }
522
- .Checkbox-module__hop-Checkbox___RQpte[data-disabled] {
522
+ .Checkbox-module__hop-Checkbox___FyPRg[data-disabled] {
523
523
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
524
524
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
525
525
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -527,25 +527,25 @@
527
527
  --text-color: var(--hop-Checkbox-text-color-disabled);
528
528
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
529
529
  }
530
- .Checkbox-module__hop-Checkbox--sm___2KCPX {
530
+ .Checkbox-module__hop-Checkbox--sm___DgkQg {
531
531
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
532
532
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
533
533
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
534
534
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
535
535
  }
536
- .Checkbox-module__hop-Checkbox--md___WC3aH {
536
+ .Checkbox-module__hop-Checkbox--md___8uKCT {
537
537
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
538
538
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
539
539
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
540
540
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
541
541
  }
542
- .Checkbox-module__hop-Checkbox__icon___L-2Lw,
543
- .Checkbox-module__hop-Checkbox__icon-list___vNkoh {
542
+ .Checkbox-module__hop-Checkbox__icon___yslf0,
543
+ .Checkbox-module__hop-Checkbox__icon-list___uo0bB {
544
544
  flex: 0 0 auto;
545
545
  order: 3;
546
546
  color: var(--icon-color);
547
547
  }
548
- .Checkbox-module__hop-Checkbox__box___ZGHp6 {
548
+ .Checkbox-module__hop-Checkbox__box___FPnJ8 {
549
549
  display: flex;
550
550
  flex: 0 0 auto;
551
551
  align-items: center;
@@ -561,11 +561,11 @@
561
561
  outline-offset: 0.125rem;
562
562
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
563
563
  }
564
- .Checkbox-module__hop-Checkbox__check___kD0CL {
564
+ .Checkbox-module__hop-Checkbox__check___PCbF6 {
565
565
  display: var(--check-display);
566
566
  color: var(--check-color);
567
567
  }
568
- .Checkbox-module__hop-Checkbox__text___YwAjq {
568
+ .Checkbox-module__hop-Checkbox__text___pdshj {
569
569
  flex: 0 1 auto;
570
570
  order: 2;
571
571
  min-inline-size: 0;
@@ -575,7 +575,7 @@
575
575
  }
576
576
 
577
577
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
578
- .CheckboxField-module__hop-CheckboxField___X9IXA {
578
+ .CheckboxField-module__hop-CheckboxField___EeawF {
579
579
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
580
580
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
581
581
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -594,28 +594,28 @@
594
594
  inline-size: max-content;
595
595
  max-inline-size: 100%;
596
596
  }
597
- .CheckboxField-module__hop-CheckboxField___X9IXA[data-disabled] {
597
+ .CheckboxField-module__hop-CheckboxField___EeawF[data-disabled] {
598
598
  --description-color: var(--hop-CheckboxField-description-color-disabled);
599
599
  }
600
- .CheckboxField-module__hop-CheckboxField--sm___lXT-t {
600
+ .CheckboxField-module__hop-CheckboxField--sm___QGCXc {
601
601
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
602
602
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
603
603
  }
604
- .CheckboxField-module__hop-CheckboxField--md___-KAiM {
604
+ .CheckboxField-module__hop-CheckboxField--md___Qm0Er {
605
605
  --row-gap: var(--hop-CheckboxField-md-row-gap);
606
606
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
607
607
  }
608
- .CheckboxField-module__hop-CheckboxField__description___7XYfp {
608
+ .CheckboxField-module__hop-CheckboxField__description___TlNzS {
609
609
  order: 2;
610
610
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
611
611
  color: var(--description-color);
612
612
  }
613
- .CheckboxField-module__hop-CheckboxField__checkbox___98XHd {
613
+ .CheckboxField-module__hop-CheckboxField__checkbox___srYzU {
614
614
  order: 1;
615
615
  }
616
616
 
617
617
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
618
- .ErrorMessage-module__hop-ErrorMessage___mPK9U {
618
+ .ErrorMessage-module__hop-ErrorMessage___i9yn3 {
619
619
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
620
620
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
621
621
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -632,13 +632,13 @@
632
632
  line-height: var(--hop-ErrorMessage-line-height);
633
633
  color: var(--hop-ErrorMessage-color);
634
634
  }
635
- .ErrorMessage-module__hop-ErrorMessage__icon___blB3q {
635
+ .ErrorMessage-module__hop-ErrorMessage__icon___zmOVR {
636
636
  flex: 0 0 auto;
637
637
  align-self: flex-start;
638
638
  }
639
639
 
640
640
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
641
- .HelperMessage-module__hop-HelperMessage___g-wQa {
641
+ .HelperMessage-module__hop-HelperMessage___A94z8 {
642
642
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
643
643
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
644
644
  display: flex;
@@ -647,32 +647,32 @@
647
647
  box-sizing: border-box;
648
648
  color: var(--hop-HelperMessage-color);
649
649
  }
650
- .HelperMessage-module__hop-HelperMessage__icon___3-slU {
650
+ .HelperMessage-module__hop-HelperMessage__icon___tdX3I {
651
651
  flex: 0 0 auto;
652
652
  align-self: flex-start;
653
653
  }
654
654
 
655
655
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
656
- .Label-module__hop-Label___43PE1 {
656
+ .Label-module__hop-Label___mvHHn {
657
657
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
658
658
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
659
659
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
660
660
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
661
661
  --hop-Label-color: var(--hop-neutral-text-weak);
662
662
  }
663
- :where(.Label-module__hop-Label___43PE1) {
663
+ :where(.Label-module__hop-Label___mvHHn) {
664
664
  font-family: var(--hop-Label-font-family);
665
665
  font-size: var(--hop-Label-font-size);
666
666
  font-weight: var(--hop-Label-font-weight);
667
667
  line-height: var(--hop-Label-line-height);
668
668
  color: var(--hop-Label-color);
669
669
  }
670
- :where(.Label-module__hop-Label__indicator___PXvS0) {
670
+ :where(.Label-module__hop-Label__indicator___eN8aZ) {
671
671
  padding-inline-start: var(--hop-space-20);
672
672
  }
673
673
 
674
674
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
675
- .CheckboxGroup-module__hop-CheckboxGroup___nBYJh {
675
+ .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE {
676
676
  --hop-CheckboxGroup-align-items: flex-start;
677
677
  --hop-CheckboxGroup-justify-content: flex-start;
678
678
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -711,46 +711,46 @@
711
711
  inline-size: max-content;
712
712
  max-inline-size: 100%;
713
713
  }
714
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG {
714
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz {
715
715
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
716
716
  --list-border-radius: var(--hop-shape-rounded-md);
717
717
  }
718
- .CheckboxGroup-module__hop-CheckboxGroup--sm___gUe3Q {
718
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___x1qGa {
719
719
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
720
720
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
721
721
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
722
722
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
723
723
  }
724
- .CheckboxGroup-module__hop-CheckboxGroup--md___KRNPK {
724
+ .CheckboxGroup-module__hop-CheckboxGroup--md___Ss8IQ {
725
725
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
726
726
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
727
727
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
728
728
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
729
729
  }
730
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG.CheckboxGroup-module__hop-CheckboxGroup--sm___gUe3Q {
730
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz.CheckboxGroup-module__hop-CheckboxGroup--sm___x1qGa {
731
731
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
732
732
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
733
733
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
734
734
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
735
735
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
736
736
  }
737
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG.CheckboxGroup-module__hop-CheckboxGroup--md___KRNPK {
737
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz.CheckboxGroup-module__hop-CheckboxGroup--md___Ss8IQ {
738
738
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
739
739
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
740
740
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
741
741
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
742
742
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
743
743
  }
744
- .CheckboxGroup-module__hop-CheckboxGroup___nBYJh[data-orientation=horizontal] {
744
+ .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE[data-orientation=horizontal] {
745
745
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
746
746
  }
747
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG[data-orientation=horizontal] {
747
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz[data-orientation=horizontal] {
748
748
  --flex-wrap: nowrap;
749
749
  }
750
- .CheckboxGroup-module__hop-CheckboxGroup___nBYJh > .CheckboxGroup-module__hop-CheckboxGroup__label___JwdnG {
750
+ .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE > .CheckboxGroup-module__hop-CheckboxGroup__label___Th6rN {
751
751
  order: 1;
752
752
  }
753
- .CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT {
753
+ .CheckboxGroup-module__hop-CheckboxGroup__list___KbICS {
754
754
  display: flex;
755
755
  flex-flow: var(--flex-direction) var(--flex-wrap);
756
756
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -761,7 +761,7 @@
761
761
  border: var(--list-border, none);
762
762
  border-radius: var(--list-border-radius, 0);
763
763
  }
764
- .CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w {
764
+ .CheckboxGroup-module__hop-CheckboxGroup__list___KbICS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC {
765
765
  position: relative;
766
766
  flex: 0 1 auto;
767
767
  align-content: start;
@@ -769,28 +769,28 @@
769
769
  min-inline-size: 0;
770
770
  padding: var(--checkbox-padding, 0);
771
771
  }
772
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG .CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w::before {
772
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz .CheckboxGroup-module__hop-CheckboxGroup__list___KbICS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC::before {
773
773
  content: "";
774
774
  position: absolute;
775
775
  display: block;
776
776
  }
777
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w::before {
777
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___KbICS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC::before {
778
778
  inset-block-start: 0;
779
779
  inset-inline: 0;
780
780
  border-block-start: var(--list-border, none);
781
781
  }
782
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w::before {
782
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___KbICS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC::before {
783
783
  inset-block: 0;
784
784
  inset-inline-start: 0;
785
785
  border-inline-start: var(--list-border, none);
786
786
  }
787
- .CheckboxGroup-module__hop-CheckboxGroup___nBYJh > .CheckboxGroup-module__hop-CheckboxGroup__error-message___mtOo4,
788
- .CheckboxGroup-module__hop-CheckboxGroup___nBYJh > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___CysB1 {
787
+ .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE > .CheckboxGroup-module__hop-CheckboxGroup__error-message___K7vVY,
788
+ .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___Ra9RG {
789
789
  order: 3;
790
790
  }
791
791
 
792
792
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
793
- .Radio-module__hop-Radio___W0NkE {
793
+ .Radio-module__hop-Radio___8KZXA {
794
794
  --hop-Radio-box-border-size: 0.0625rem;
795
795
  --hop-Radio-box-border-color: var(--hop-neutral-border);
796
796
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -864,63 +864,63 @@
864
864
  inline-size: max-content;
865
865
  max-inline-size: 100%;
866
866
  }
867
- .Radio-module__hop-Radio___W0NkE[data-focus-visible],
868
- .Radio-module__hop-Radio--focused___37nBy {
867
+ .Radio-module__hop-Radio___8KZXA[data-focus-visible],
868
+ .Radio-module__hop-Radio--focused___UOv6k {
869
869
  --box-background-color: var(--hop-Radio-box-background-color-focused);
870
870
  --box-border-color: var(--hop-Radio-box-border-color-focused);
871
871
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
872
872
  --text-color: var(--hop-Radio-text-color-focused);
873
873
  --icon-color: var(--hop-Radio-icon-color-focused);
874
874
  }
875
- .Radio-module__hop-Radio___W0NkE[data-hovered],
876
- .Radio-module__hop-Radio--hovered___bnBdz {
875
+ .Radio-module__hop-Radio___8KZXA[data-hovered],
876
+ .Radio-module__hop-Radio--hovered___3648m {
877
877
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
878
878
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
879
879
  --text-color: var(--hop-Radio-text-color-hovered);
880
880
  --icon-color: var(--hop-Radio-icon-color-hovered);
881
881
  }
882
- .Radio-module__hop-Radio___W0NkE[data-pressed],
883
- .Radio-module__hop-Radio--pressed___Idq0t {
882
+ .Radio-module__hop-Radio___8KZXA[data-pressed],
883
+ .Radio-module__hop-Radio--pressed___M5r4O {
884
884
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
885
885
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
886
886
  --text-color: var(--hop-Radio-text-color-pressed);
887
887
  --icon-color: var(--hop-Radio-icon-color-pressed);
888
888
  }
889
- .Radio-module__hop-Radio___W0NkE[data-selected] {
889
+ .Radio-module__hop-Radio___8KZXA[data-selected] {
890
890
  --box-background-color: var(--hop-Radio-box-background-color-selected);
891
891
  --box-border-color: var(--hop-Radio-box-border-color-selected);
892
892
  --bullet-display: var(--hop-Radio-bullet-display-selected);
893
893
  --text-color: var(--hop-Radio-text-color-selected);
894
894
  --icon-color: var(--hop-Radio-icon-color-selected);
895
895
  }
896
- .Radio-module__hop-Radio___W0NkE[data-invalid] {
896
+ .Radio-module__hop-Radio___8KZXA[data-invalid] {
897
897
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
898
898
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
899
899
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
900
900
  --text-color: var(--hop-Radio-text-color-invalid);
901
901
  --icon-color: var(--hop-Radio-icon-color-invalid);
902
902
  }
903
- .Radio-module__hop-Radio___W0NkE:where([data-invalid])[data-focus-visible] {
903
+ .Radio-module__hop-Radio___8KZXA:where([data-invalid])[data-focus-visible] {
904
904
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
905
905
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
906
906
  }
907
- .Radio-module__hop-Radio___W0NkE:where([data-invalid])[data-hovered] {
907
+ .Radio-module__hop-Radio___8KZXA:where([data-invalid])[data-hovered] {
908
908
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
909
909
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
910
910
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
911
911
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
912
912
  }
913
- .Radio-module__hop-Radio___W0NkE:where([data-invalid])[data-pressed] {
913
+ .Radio-module__hop-Radio___8KZXA:where([data-invalid])[data-pressed] {
914
914
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
915
915
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
916
916
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
917
917
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
918
918
  }
919
- .Radio-module__hop-Radio___W0NkE:where([data-invalid])[data-selected] {
919
+ .Radio-module__hop-Radio___8KZXA:where([data-invalid])[data-selected] {
920
920
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
921
921
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
922
922
  }
923
- .Radio-module__hop-Radio___W0NkE[data-disabled] {
923
+ .Radio-module__hop-Radio___8KZXA[data-disabled] {
924
924
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
925
925
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
926
926
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -928,25 +928,25 @@
928
928
  --text-color: var(--hop-Radio-text-color-disabled);
929
929
  --icon-color: var(--hop-Radio-icon-color-disabled);
930
930
  }
931
- .Radio-module__hop-Radio--sm___Xk9cY {
931
+ .Radio-module__hop-Radio--sm___9nkSB {
932
932
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
933
933
  --box-block-size: var(--hop-Radio-box-sm-block-size);
934
934
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
935
935
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
936
936
  }
937
- .Radio-module__hop-Radio--md___Ookee {
937
+ .Radio-module__hop-Radio--md___FD8ks {
938
938
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
939
939
  --box-block-size: var(--hop-Radio-box-md-block-size);
940
940
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
941
941
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
942
942
  }
943
- .Radio-module__hop-Radio__icon___V-YEN,
944
- .Radio-module__hop-Radio__icon-list___-ZAQI {
943
+ .Radio-module__hop-Radio__icon___Axpaq,
944
+ .Radio-module__hop-Radio__icon-list___TH7pN {
945
945
  flex: 0 0 auto;
946
946
  order: 3;
947
947
  color: var(--icon-color);
948
948
  }
949
- .Radio-module__hop-Radio__box___o2-Za {
949
+ .Radio-module__hop-Radio__box___wDQH6 {
950
950
  display: flex;
951
951
  flex: 0 0 auto;
952
952
  align-items: center;
@@ -962,11 +962,11 @@
962
962
  outline-offset: 0.125rem;
963
963
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
964
964
  }
965
- .Radio-module__hop-Radio__bullet___c4d6u {
965
+ .Radio-module__hop-Radio__bullet___oXHWw {
966
966
  display: var(--bullet-display);
967
967
  color: var(--bullet-color);
968
968
  }
969
- .Radio-module__hop-Radio__text___3HhWA {
969
+ .Radio-module__hop-Radio__text___Kqa3G {
970
970
  flex: 0 1 auto;
971
971
  order: 2;
972
972
  min-inline-size: 0;
@@ -976,7 +976,7 @@
976
976
  }
977
977
 
978
978
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
979
- .RadioField-module__hop-RadioField___iH4DX {
979
+ .RadioField-module__hop-RadioField___7cWiA {
980
980
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
981
981
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
982
982
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -995,28 +995,28 @@
995
995
  inline-size: max-content;
996
996
  max-inline-size: 100%;
997
997
  }
998
- .RadioField-module__hop-RadioField___iH4DX[data-disabled] {
998
+ .RadioField-module__hop-RadioField___7cWiA[data-disabled] {
999
999
  --description-color: var(--hop-RadioField-description-color-disabled);
1000
1000
  }
1001
- .RadioField-module__hop-RadioField--sm___82LpO {
1001
+ .RadioField-module__hop-RadioField--sm___Q6gn3 {
1002
1002
  --row-gap: var(--hop-RadioField-sm-row-gap);
1003
1003
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1004
1004
  }
1005
- .RadioField-module__hop-RadioField--md___mHhI1 {
1005
+ .RadioField-module__hop-RadioField--md___mzMoL {
1006
1006
  --row-gap: var(--hop-RadioField-md-row-gap);
1007
1007
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1008
1008
  }
1009
- .RadioField-module__hop-RadioField__description___VXjob {
1009
+ .RadioField-module__hop-RadioField__description___-wcF0 {
1010
1010
  order: 2;
1011
1011
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1012
1012
  color: var(--description-color);
1013
1013
  }
1014
- .RadioField-module__hop-RadioField__radio___-LJe8 {
1014
+ .RadioField-module__hop-RadioField__radio___yCxtZ {
1015
1015
  order: 1;
1016
1016
  }
1017
1017
 
1018
1018
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1019
- .RadioGroup-module__hop-RadioGroup___uUMYg {
1019
+ .RadioGroup-module__hop-RadioGroup___3D-CQ {
1020
1020
  --hop-RadioGroup-align-items: flex-start;
1021
1021
  --hop-RadioGroup-justify-content: flex-start;
1022
1022
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1056,46 +1056,46 @@
1056
1056
  inline-size: var(--inline-size);
1057
1057
  max-inline-size: 100%;
1058
1058
  }
1059
- .RadioGroup-module__hop-RadioGroup--bordered___GS69Y {
1059
+ .RadioGroup-module__hop-RadioGroup--bordered___xUBDY {
1060
1060
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1061
1061
  --list-border-radius: var(--hop-shape-rounded-md);
1062
1062
  }
1063
- .RadioGroup-module__hop-RadioGroup--sm___aaj9S {
1063
+ .RadioGroup-module__hop-RadioGroup--sm___Wuezk {
1064
1064
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1065
1065
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1066
1066
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1067
1067
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1068
1068
  }
1069
- .RadioGroup-module__hop-RadioGroup--md___GZDza {
1069
+ .RadioGroup-module__hop-RadioGroup--md___qDKnW {
1070
1070
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1071
1071
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1072
1072
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1073
1073
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1074
1074
  }
1075
- .RadioGroup-module__hop-RadioGroup--bordered___GS69Y.RadioGroup-module__hop-RadioGroup--sm___aaj9S {
1075
+ .RadioGroup-module__hop-RadioGroup--bordered___xUBDY.RadioGroup-module__hop-RadioGroup--sm___Wuezk {
1076
1076
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1077
1077
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1078
1078
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1079
1079
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1080
1080
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1081
1081
  }
1082
- .RadioGroup-module__hop-RadioGroup--bordered___GS69Y.RadioGroup-module__hop-RadioGroup--md___GZDza {
1082
+ .RadioGroup-module__hop-RadioGroup--bordered___xUBDY.RadioGroup-module__hop-RadioGroup--md___qDKnW {
1083
1083
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1084
1084
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1085
1085
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1086
1086
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1087
1087
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1088
1088
  }
1089
- .RadioGroup-module__hop-RadioGroup___uUMYg[data-orientation=horizontal] {
1089
+ .RadioGroup-module__hop-RadioGroup___3D-CQ[data-orientation=horizontal] {
1090
1090
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1091
1091
  }
1092
- .RadioGroup-module__hop-RadioGroup--bordered___GS69Y[data-orientation=horizontal] {
1092
+ .RadioGroup-module__hop-RadioGroup--bordered___xUBDY[data-orientation=horizontal] {
1093
1093
  --flex-wrap: nowrap;
1094
1094
  }
1095
- .RadioGroup-module__hop-RadioGroup___uUMYg > .RadioGroup-module__hop-RadioGroup__label___6FEgv {
1095
+ .RadioGroup-module__hop-RadioGroup___3D-CQ > .RadioGroup-module__hop-RadioGroup__label___RPhTV {
1096
1096
  order: 1;
1097
1097
  }
1098
- .RadioGroup-module__hop-RadioGroup__list___ram8I {
1098
+ .RadioGroup-module__hop-RadioGroup__list___fsKD3 {
1099
1099
  display: flex;
1100
1100
  flex-flow: var(--flex-direction) var(--flex-wrap);
1101
1101
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1106,7 +1106,7 @@
1106
1106
  border: var(--list-border, none);
1107
1107
  border-radius: var(--list-border-radius, 0);
1108
1108
  }
1109
- .RadioGroup-module__hop-RadioGroup__list___ram8I > .RadioGroup-module__hop-RadioGroup__radio___Wg80N {
1109
+ .RadioGroup-module__hop-RadioGroup__list___fsKD3 > .RadioGroup-module__hop-RadioGroup__radio___uu6mp {
1110
1110
  position: relative;
1111
1111
  flex: 0 1 auto;
1112
1112
  align-content: start;
@@ -1114,28 +1114,28 @@
1114
1114
  min-inline-size: 0;
1115
1115
  padding: var(--radio-padding, 0);
1116
1116
  }
1117
- .RadioGroup-module__hop-RadioGroup--bordered___GS69Y .RadioGroup-module__hop-RadioGroup__list___ram8I > .RadioGroup-module__hop-RadioGroup__radio___Wg80N ~ .RadioGroup-module__hop-RadioGroup__radio___Wg80N::before {
1117
+ .RadioGroup-module__hop-RadioGroup--bordered___xUBDY .RadioGroup-module__hop-RadioGroup__list___fsKD3 > .RadioGroup-module__hop-RadioGroup__radio___uu6mp ~ .RadioGroup-module__hop-RadioGroup__radio___uu6mp::before {
1118
1118
  content: "";
1119
1119
  position: absolute;
1120
1120
  display: block;
1121
1121
  }
1122
- .RadioGroup-module__hop-RadioGroup--bordered___GS69Y[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___ram8I > .RadioGroup-module__hop-RadioGroup__radio___Wg80N ~ .RadioGroup-module__hop-RadioGroup__radio___Wg80N::before {
1122
+ .RadioGroup-module__hop-RadioGroup--bordered___xUBDY[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___fsKD3 > .RadioGroup-module__hop-RadioGroup__radio___uu6mp ~ .RadioGroup-module__hop-RadioGroup__radio___uu6mp::before {
1123
1123
  inset-block-start: 0;
1124
1124
  inset-inline: 0;
1125
1125
  border-block-start: var(--list-border, none);
1126
1126
  }
1127
- .RadioGroup-module__hop-RadioGroup--bordered___GS69Y[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___ram8I > .RadioGroup-module__hop-RadioGroup__radio___Wg80N ~ .RadioGroup-module__hop-RadioGroup__radio___Wg80N::before {
1127
+ .RadioGroup-module__hop-RadioGroup--bordered___xUBDY[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___fsKD3 > .RadioGroup-module__hop-RadioGroup__radio___uu6mp ~ .RadioGroup-module__hop-RadioGroup__radio___uu6mp::before {
1128
1128
  inset-block: 0;
1129
1129
  inset-inline-start: 0;
1130
1130
  border-inline-start: var(--list-border, none);
1131
1131
  }
1132
- .RadioGroup-module__hop-RadioGroup___uUMYg > .RadioGroup-module__hop-RadioGroup__error-message___xY86-,
1133
- .RadioGroup-module__hop-RadioGroup___uUMYg > .RadioGroup-module__hop-RadioGroup__helper-message___vidfD {
1132
+ .RadioGroup-module__hop-RadioGroup___3D-CQ > .RadioGroup-module__hop-RadioGroup__error-message___VVQJs,
1133
+ .RadioGroup-module__hop-RadioGroup___3D-CQ > .RadioGroup-module__hop-RadioGroup__helper-message___0axK9 {
1134
1134
  order: 3;
1135
1135
  }
1136
1136
 
1137
1137
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1138
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___gNkoN {
1138
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___TYOGA {
1139
1139
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1140
1140
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1141
1141
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1161,7 +1161,7 @@
1161
1161
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1162
1162
  background-size: 400% 100%;
1163
1163
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1164
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___NWJHR;
1164
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___yey8v;
1165
1165
  animation-duration: var(--animation-duration);
1166
1166
  animation-timing-function: ease-in-out;
1167
1167
  animation-fill-mode: forwards;
@@ -1170,19 +1170,19 @@
1170
1170
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1171
1171
  }
1172
1172
  }
1173
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___FVwx5 {
1173
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___DQWyN {
1174
1174
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1175
1175
  }
1176
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___NUBWK {
1176
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___dV4JT {
1177
1177
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1178
1178
  }
1179
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___8jdqN {
1179
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___RExw1 {
1180
1180
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1181
1181
  }
1182
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___e6YxG {
1182
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___jni6f {
1183
1183
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1184
1184
  }
1185
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___NWJHR {
1185
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___yey8v {
1186
1186
  0% {
1187
1187
  background-position: 125% 50%;
1188
1188
  }
@@ -1192,7 +1192,7 @@
1192
1192
  }
1193
1193
 
1194
1194
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1195
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj {
1195
+ .ListBoxItem-module__hop-ListBoxItem___0duRn {
1196
1196
  --hop-ListBoxItem-background-color: transparent;
1197
1197
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1198
1198
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1214,18 +1214,26 @@
1214
1214
  --hop-ListBoxItem-xs-padding-inline: var(--hop-space-inset-md);
1215
1215
  --hop-ListBoxItem-xs-min-height: 2rem;
1216
1216
  --hop-ListBoxItem-xs-avatar-margin-block: 0;
1217
+ --hop-ListBoxItem-xs-label-font-weight: var(--hop-body-sm-font-weight);
1218
+ --hop-ListBoxItem-xs-label-font-weight-selected: var(--hop-body-sm-medium-font-weight);
1217
1219
  --hop-ListBoxItem-sm-padding-block: var(--hop-space-inset-sm);
1218
1220
  --hop-ListBoxItem-sm-padding-inline: var(--hop-space-inset-md);
1219
1221
  --hop-ListBoxItem-sm-min-height: 2.5rem;
1220
1222
  --hop-ListBoxItem-sm-avatar-margin-block: 0;
1223
+ --hop-ListBoxItem-sm-label-font-weight: var(--hop-body-sm-font-weight);
1224
+ --hop-ListBoxItem-sm-label-font-weight-selected: var(--hop-body-sm-medium-font-weight);
1221
1225
  --hop-ListBoxItem-md-padding-block: var(--hop-space-inset-md);
1222
1226
  --hop-ListBoxItem-md-padding-inline: var(--hop-space-inset-md);
1223
1227
  --hop-ListBoxItem-md-min-height: 3.5rem;
1224
1228
  --hop-ListBoxItem-md-avatar-margin-block: calc(-1 * var(--hop-space-stack-xs));
1229
+ --hop-ListBoxItem-md-label-font-weight: var(--hop-body-sm-font-weight);
1230
+ --hop-ListBoxItem-md-label-font-weight-selected: var(--hop-body-sm-medium-font-weight);
1225
1231
  --hop-ListBoxItem-lg-padding-block: var(--hop-space-inset-md);
1226
1232
  --hop-ListBoxItem-lg-padding-inline: var(--hop-space-inset-md);
1227
1233
  --hop-ListBoxItem-lg-min-height: 4rem;
1228
1234
  --hop-ListBoxItem-lg-avatar-margin-block: calc(-1 * var(--hop-space-stack-xs));
1235
+ --hop-ListBoxItem-lg-label-font-weight: var(--hop-body-md-font-weight);
1236
+ --hop-ListBoxItem-lg-label-font-weight-selected: var(--hop-body-md-medium-font-weight);
1229
1237
  --hop-ListBoxItem-background-color-hovered: var(--hop-neutral-surface-hover);
1230
1238
  --hop-ListBoxItem-text-color-hovered: var(--hop-neutral-text-hover);
1231
1239
  --hop-ListBoxItem-icon-color-hovered: var(--hop-neutral-icon-hover);
@@ -1279,114 +1287,131 @@
1279
1287
  background-color: var(--background-color);
1280
1288
  border-radius: var(--hop-ListBoxItem-border-radius);
1281
1289
  outline: var(--outline);
1290
+ outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1282
1291
  }
1283
- .ListBoxItem-module__hop-ListBoxItem--xs___mWNki {
1292
+ .ListBoxItem-module__hop-ListBoxItem--xs___dm4VD {
1284
1293
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1285
1294
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1286
1295
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1287
1296
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1297
+ --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1288
1298
  }
1289
- .ListBoxItem-module__hop-ListBoxItem--sm___b8UQ1 {
1299
+ .ListBoxItem-module__hop-ListBoxItem--sm___Dykwg {
1290
1300
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1291
1301
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1292
1302
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1293
1303
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1304
+ --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1294
1305
  }
1295
- .ListBoxItem-module__hop-ListBoxItem--md___vnKzK {
1306
+ .ListBoxItem-module__hop-ListBoxItem--md___LbxNg {
1296
1307
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1297
1308
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1298
1309
  --min-height: var(--hop-ListBoxItem-md-min-height);
1299
1310
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1311
+ --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1300
1312
  }
1301
- .ListBoxItem-module__hop-ListBoxItem--lg___uNSNE {
1313
+ .ListBoxItem-module__hop-ListBoxItem--lg___XU3oU {
1302
1314
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1303
1315
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1304
1316
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1305
1317
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1318
+ --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1306
1319
  }
1307
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-selection-mode] {
1320
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-selection-mode] {
1308
1321
  --cursor: pointer;
1309
1322
  }
1310
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj:not([data-selection-mode]) {
1323
+ .ListBoxItem-module__hop-ListBoxItem___0duRn:not([data-selection-mode]) {
1311
1324
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1312
1325
  }
1313
- .ListBoxItem-module__hop-ListBoxItem__inner___hBeAr:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___DcHi6) {
1326
+ .ListBoxItem-module__hop-ListBoxItem__inner___GE9a-:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Fe3CI) {
1314
1327
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1315
1328
  }
1316
- .ListBoxItem-module__hop-ListBoxItem__inner___hBeAr[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___DcHi6) {
1329
+ .ListBoxItem-module__hop-ListBoxItem__inner___GE9a-[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Fe3CI) {
1317
1330
  --checkmark-transition: none;
1318
1331
  }
1319
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-selected] {
1332
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-selected] {
1320
1333
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1321
1334
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1322
1335
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1323
1336
  --checkmark-opacity: 1;
1324
1337
  }
1325
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-focus-visible] {
1338
+ .ListBoxItem-module__hop-ListBoxItem--xs___dm4VD[data-selected] {
1339
+ --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1340
+ }
1341
+ .ListBoxItem-module__hop-ListBoxItem--sm___Dykwg[data-selected] {
1342
+ --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1343
+ }
1344
+ .ListBoxItem-module__hop-ListBoxItem--md___LbxNg[data-selected] {
1345
+ --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1346
+ }
1347
+ .ListBoxItem-module__hop-ListBoxItem--lg___XU3oU[data-selected] {
1348
+ --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1349
+ }
1350
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-focus-visible] {
1326
1351
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1327
1352
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1328
1353
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1329
1354
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1330
1355
  }
1331
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-hovered] {
1356
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-hovered] {
1332
1357
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1333
1358
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1334
1359
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1335
1360
  }
1336
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-pressed] {
1361
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-pressed] {
1337
1362
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1338
1363
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1339
1364
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1340
1365
  }
1341
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-disabled] {
1366
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-disabled] {
1342
1367
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1343
1368
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1344
1369
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1345
1370
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1346
1371
  --cursor: not-allowed;
1347
1372
  }
1348
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid] {
1373
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid] {
1349
1374
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1350
1375
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1351
1376
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1352
1377
  }
1353
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-selected] {
1378
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-selected] {
1354
1379
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1355
1380
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1356
1381
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1357
1382
  }
1358
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-focus-visible] {
1383
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-focus-visible] {
1359
1384
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1360
1385
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1361
1386
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1362
1387
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1363
1388
  }
1364
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-hovered] {
1389
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-hovered] {
1365
1390
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1366
1391
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1367
1392
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1368
1393
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1369
1394
  }
1370
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-pressed] {
1395
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-pressed] {
1371
1396
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1372
1397
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1373
1398
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1374
1399
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1375
1400
  }
1376
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-disabled] {
1401
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-disabled] {
1377
1402
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1378
1403
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1379
1404
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1380
1405
  }
1381
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj:has(.ListBoxItem-module__hop-ListBoxItem__description___OfyKj) {
1406
+ .ListBoxItem-module__hop-ListBoxItem___0duRn:has(.ListBoxItem-module__hop-ListBoxItem__description___-pa0W) {
1382
1407
  --row-gap: var(--hop-ListBoxItem-row-gap);
1383
1408
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1384
1409
  }
1385
- .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-loading] {
1410
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-loading] {
1386
1411
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1387
1412
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1388
1413
  }
1389
- .ListBoxItem-module__hop-ListBoxItem__inner___hBeAr {
1414
+ .ListBoxItem-module__hop-ListBoxItem__inner___GE9a- {
1390
1415
  display: grid;
1391
1416
  grid-template-areas: var(--grid-template-areas);
1392
1417
  grid-template-columns: var(--grid-template-columns);
@@ -1398,51 +1423,52 @@
1398
1423
  padding-inline: var(--padding-inline);
1399
1424
  transition: grid-template-columns .3s ease-in-out;
1400
1425
  }
1401
- .ListBoxItem-module__hop-ListBoxItem__checkmark___DcHi6 {
1426
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___Fe3CI {
1402
1427
  grid-area: indicator;
1403
1428
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1404
1429
  color: var(--icon-color);
1405
1430
  opacity: var(--checkmark-opacity);
1406
1431
  transition: var(--checkmark-transition);
1407
1432
  }
1408
- .ListBoxItem-module__hop-ListBoxItem__radio-group___EKfQh,
1409
- .ListBoxItem-module__hop-ListBoxItem__checkbox___q423u {
1433
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___hSfVk,
1434
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___Zclpw {
1410
1435
  pointer-events: none;
1411
1436
  user-select: none;
1412
1437
  grid-area: indicator;
1413
1438
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1414
1439
  }
1415
- .ListBoxItem-module__hop-ListBoxItem__avatar___wfflG {
1440
+ .ListBoxItem-module__hop-ListBoxItem__avatar___BOBDw {
1416
1441
  grid-area: avatar;
1417
1442
  margin-block: var(--avatar-margin-block, 0);
1418
1443
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1419
1444
  }
1420
- .ListBoxItem-module__hop-ListBoxItem__icon-list___fnOlc,
1421
- .ListBoxItem-module__hop-ListBoxItem__icon___75U3q {
1445
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___XbL4U,
1446
+ .ListBoxItem-module__hop-ListBoxItem__icon___yllrL {
1422
1447
  grid-area: icon;
1423
1448
  flex: 0 0 auto;
1424
1449
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1425
1450
  color: var(--icon-color);
1426
1451
  }
1427
- .ListBoxItem-module__hop-ListBoxItem__label___wO73- {
1452
+ .ListBoxItem-module__hop-ListBoxItem__label___KYWRG {
1428
1453
  overflow: hidden;
1429
1454
  grid-area: label;
1430
1455
  min-inline-size: 0;
1456
+ font-weight: var(--label-font-weight);
1431
1457
  text-overflow: ellipsis;
1432
1458
  white-space: nowrap;
1433
1459
  }
1434
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___JORQf,
1435
- .ListBoxItem-module__hop-ListBoxItem__end-icon___-kQHv {
1460
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___MRDNE,
1461
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___TPYxZ {
1436
1462
  grid-area: end-icon;
1437
1463
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1438
1464
  color: var(--icon-color);
1439
1465
  }
1440
- .ListBoxItem-module__hop-ListBoxItem__badge___g-FPT {
1466
+ .ListBoxItem-module__hop-ListBoxItem__badge___gTJYQ {
1441
1467
  grid-area: badge;
1442
1468
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
1443
1469
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1444
1470
  }
1445
- .ListBoxItem-module__hop-ListBoxItem__description___OfyKj {
1471
+ .ListBoxItem-module__hop-ListBoxItem__description___-pa0W {
1446
1472
  overflow: hidden;
1447
1473
  display: -webkit-box;
1448
1474
  grid-area: description;
@@ -1453,7 +1479,7 @@
1453
1479
  }
1454
1480
 
1455
1481
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
1456
- .ListBox-module__hop-ListBox___gMv2t {
1482
+ .ListBox-module__hop-ListBox___FMNx2 {
1457
1483
  --hop-ListBox-background-color: var(--hop-neutral-surface);
1458
1484
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
1459
1485
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -1471,6 +1497,7 @@
1471
1497
  --hop-ListBox-section-margin-inline: calc(-1 * var(--hop-ListBox-padding-inline));
1472
1498
  --hop-ListBox-section-border-size: var(--hop-ListBox-border-size);
1473
1499
  --hop-ListBox-section-border-color: var(--hop-ListBox-border-color);
1500
+ --hop-ListBox-section-header-color: var(--hop-neutral-text-weak);
1474
1501
  --hop-ListBox-section-header-font-family: var(--hop-overline-font-family);
1475
1502
  --hop-ListBox-section-header-font-size: var(--hop-overline-font-size);
1476
1503
  --hop-ListBox-section-header-font-weight: var(--hop-overline-font-weight);
@@ -1490,7 +1517,7 @@
1490
1517
  --section-margin-block-end: 0;
1491
1518
  --section-border-block-start: 0;
1492
1519
  --section-border-block-end: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
1493
- overflow-y: auto;
1520
+ overflow: hidden auto;
1494
1521
  box-sizing: border-box;
1495
1522
  inline-size: var(--width);
1496
1523
  min-inline-size: var(--hop-ListBox-min-width);
@@ -1501,11 +1528,11 @@
1501
1528
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
1502
1529
  border-radius: var(--hop-ListBox-border-radius);
1503
1530
  }
1504
- .ListBox-module__hop-ListBox--fluid___3coRA {
1531
+ .ListBox-module__hop-ListBox--fluid___GbXKG {
1505
1532
  --max-width: var(--hop-ListBox-fluid-max-width);
1506
1533
  --width: var(--hop-ListBox-fluid-width);
1507
1534
  }
1508
- .ListBox-module__hop-ListBox__section___gO1Qv {
1535
+ .ListBox-module__hop-ListBox__section___BDi3P {
1509
1536
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
1510
1537
  margin-inline: var(--hop-ListBox-section-margin-inline);
1511
1538
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -1513,45 +1540,46 @@
1513
1540
  border-block-start: var(--section-border-block-start);
1514
1541
  border-block-end: var(--section-border-block-end);
1515
1542
  }
1516
- .ListBox-module__hop-ListBox__item___RB9VA + .ListBox-module__hop-ListBox__section___gO1Qv {
1543
+ .ListBox-module__hop-ListBox__item___mh8wf + .ListBox-module__hop-ListBox__section___BDi3P {
1517
1544
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
1518
1545
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
1519
1546
  }
1520
- .ListBox-module__hop-ListBox__section___gO1Qv:has(+ .ListBox-module__hop-ListBox__item___RB9VA) {
1547
+ .ListBox-module__hop-ListBox__section___BDi3P:has(+ .ListBox-module__hop-ListBox__item___mh8wf) {
1521
1548
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
1522
1549
  }
1523
- .ListBox-module__hop-ListBox__section___gO1Qv:first-child {
1550
+ .ListBox-module__hop-ListBox__section___BDi3P:first-child {
1524
1551
  --section-padding-block-start: 0;
1525
1552
  }
1526
- .ListBox-module__hop-ListBox__section___gO1Qv:last-child {
1553
+ .ListBox-module__hop-ListBox__section___BDi3P:last-child {
1527
1554
  --section-padding-block-end: 0;
1528
1555
  --section-border-block-end: 0;
1529
1556
  }
1530
- .ListBox-module__hop-ListBox__section-header___NklA1 {
1557
+ .ListBox-module__hop-ListBox__section-header___zF1td {
1531
1558
  margin: 0;
1532
1559
  padding: var(--hop-ListBox-section-header-padding);
1533
1560
  font-family: var(--hop-ListBox-section-header-font-family);
1534
1561
  font-size: var(--hop-ListBox-section-header-font-size);
1535
1562
  font-weight: var(--hop-ListBox-section-header-font-weight);
1536
1563
  line-height: var(--hop-ListBox-section-header-line-height);
1564
+ color: var(--hop-ListBox-section-header-color);
1537
1565
  text-transform: var(--hop-ListBox-section-header-text-transform);
1538
1566
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
1539
1567
  }
1540
- .ListBox-module__hop-ListBox__section-header___NklA1::before,
1541
- .ListBox-module__hop-ListBox__section-header___NklA1::after {
1568
+ .ListBox-module__hop-ListBox__section-header___zF1td::before,
1569
+ .ListBox-module__hop-ListBox__section-header___zF1td::after {
1542
1570
  content: "";
1543
1571
  display: block;
1544
1572
  box-sizing: border-box;
1545
1573
  inline-size: 0;
1546
1574
  block-size: 0;
1547
1575
  }
1548
- .ListBox-module__hop-ListBox__section-header___NklA1::before {
1576
+ .ListBox-module__hop-ListBox__section-header___zF1td::before {
1549
1577
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
1550
1578
  }
1551
- .ListBox-module__hop-ListBox__section-header___NklA1::after {
1579
+ .ListBox-module__hop-ListBox__section-header___zF1td::after {
1552
1580
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
1553
1581
  }
1554
- .ListBox-module__hop-ListBox__divider___fsuh2 {
1582
+ .ListBox-module__hop-ListBox__divider___RLZsm {
1555
1583
  margin-block: var(--hop-ListBox-divider-margin-block);
1556
1584
  margin-inline: var(--hop-ListBox-divider-margin-inline);
1557
1585
  }