@hopper-ui/components 1.2.0 → 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 +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/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 +67 -65
  26. package/dist/Form/src/index.css +862 -605
  27. package/dist/Form/src/index.js +67 -65
  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 +12 -13
  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 +12 -13
  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-CKKLDA5J.js → chunk-3573Q6QG.js} +2 -2
  82. package/dist/{chunk-SZSQZ4C7.js → chunk-3ZRCYKIV.js} +2 -2
  83. package/dist/{chunk-VISBUD2K.js → chunk-4RMADICI.js} +4 -4
  84. package/dist/{chunk-W474WFOP.js → chunk-6C5RI4RT.js} +9 -11
  85. package/dist/{chunk-L5KI4ZCL.js → chunk-6H5DRQZH.js} +2 -2
  86. package/dist/{chunk-VYKPDMP3.js → chunk-7L5MCX2A.js} +2 -2
  87. package/dist/{chunk-COIGQP33.js → chunk-AZJME7JV.js} +3 -3
  88. package/dist/{chunk-PQXVL3YJ.js → chunk-BODCT27J.js} +1 -1
  89. package/dist/{chunk-XUJNQNB3.js → chunk-BQITTESM.js} +1 -1
  90. package/dist/{chunk-T6MAOVLH.js → chunk-BRU54ERL.js} +2 -2
  91. package/dist/{chunk-2XO5CZBO.js → chunk-BTHPJL3A.js} +2 -2
  92. package/dist/{chunk-CEUQHDEQ.js → chunk-C72PRNOP.js} +1 -1
  93. package/dist/{chunk-IUOLKHYQ.js → chunk-CAHZCRTK.js} +1 -1
  94. package/dist/{chunk-TG623HPA.js → chunk-CU36N5JQ.js} +4 -4
  95. package/dist/{chunk-S5CK32KM.js → chunk-CWX45XWS.js} +3 -3
  96. package/dist/{chunk-XT2MZWEV.js → chunk-D5PBETXF.js} +1 -1
  97. package/dist/{chunk-5IB23E3O.js → chunk-D7DIUGRI.js} +1 -1
  98. package/dist/{chunk-V5Q245NH.js → chunk-DFVORYEU.js} +2 -2
  99. package/dist/{chunk-354H4FNA.js → chunk-DLZGJBL7.js} +1 -1
  100. package/dist/{chunk-X253QCYD.js → chunk-DXEWBV4C.js} +2 -2
  101. package/dist/chunk-EHXOXTDN.js +29 -0
  102. package/dist/{chunk-FOD7XUSJ.js → chunk-FOXOPL2E.js} +5 -5
  103. package/dist/{chunk-HCRWIU7V.js → chunk-GRJ3VKHY.js} +5 -5
  104. package/dist/{chunk-RWAVMW7T.js → chunk-HIDHDS2L.js} +2 -2
  105. package/dist/{chunk-IXWYHDGU.js → chunk-JIRLWUDP.js} +3 -3
  106. package/dist/{chunk-M3K4IYX6.js → chunk-JQMXGSAE.js} +1 -1
  107. package/dist/{chunk-MJHMFANK.js → chunk-LFN43ROH.js} +2 -2
  108. package/dist/{chunk-FA4IXLWZ.js → chunk-LYPR2YMY.js} +5 -5
  109. package/dist/{chunk-JJ4EFTES.js → chunk-O2ZMTKCT.js} +1 -1
  110. package/dist/{chunk-FOKTHCFK.js → chunk-OLS7K6PO.js} +2 -2
  111. package/dist/{chunk-W2BQZEW6.js → chunk-QQI3KNHZ.js} +6 -7
  112. package/dist/{chunk-TCOZUCPD.js → chunk-SCXYAGZI.js} +271 -46
  113. package/dist/{chunk-PFABSIDM.js → chunk-SKEMSZ63.js} +2 -2
  114. package/dist/{chunk-EJUIYBAC.js → chunk-SSDFINDD.js} +2 -2
  115. package/dist/chunk-T24MBA34.js +7 -0
  116. package/dist/{chunk-RQKU3XDG.js → chunk-T37HTUEU.js} +1 -1
  117. package/dist/{chunk-UT4CSUUM.js → chunk-T3CLGQI6.js} +1 -1
  118. package/dist/{chunk-BKCMCC7V.js → chunk-T742LIIS.js} +1 -1
  119. package/dist/{chunk-F4H76S4H.js → chunk-TFVDF4YH.js} +4 -2
  120. package/dist/{chunk-U56LEEEA.js → chunk-TOWSC7FO.js} +4 -4
  121. package/dist/{chunk-J44DIB5J.js → chunk-TTY5HDLL.js} +2 -2
  122. package/dist/chunk-YB7IYQW4.js +118 -0
  123. package/dist/{chunk-Q63YLWI6.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 +67 -65
  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 +67 -65
  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 +67 -65
  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 +7 -7
  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/typography/Text/src/Text.module.css/#css-module-data */
2
- .Text-module__hop-Text___7s-NC {
2
+ .Text-module__hop-Text___TrcWf {
3
3
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
4
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
5
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
29
29
  --hop-Text-inherit-size-font-weight: inherit;
30
30
  --hop-Text-inherit-size-line-height: inherit;
31
31
  }
32
- :where(.Text-module__hop-Text___7s-NC) {
32
+ :where(.Text-module__hop-Text___TrcWf) {
33
33
  font-family: var(--font-family);
34
34
  font-size: var(--font-size);
35
35
  font-weight: var(--font-weight);
36
36
  line-height: var(--line-height);
37
37
  }
38
- :where(.Text-module__hop-Text--xs___uRZNm) {
38
+ :where(.Text-module__hop-Text--xs___rF5yE) {
39
39
  --font-size: var(--hop-Text-xs-font-size);
40
40
  --font-family: var(--hop-Text-xs-font-family);
41
41
  --font-weight: var(--hop-Text-xs-font-weight);
42
42
  --line-height: var(--hop-Text-xs-line-height);
43
43
  }
44
- :where(.Text-module__hop-Text--sm___LfDaA) {
44
+ :where(.Text-module__hop-Text--sm___tPgW7) {
45
45
  --font-size: var(--hop-Text-sm-font-size);
46
46
  --font-family: var(--hop-Text-sm-font-family);
47
47
  --font-weight: var(--hop-Text-sm-font-weight);
48
48
  --line-height: var(--hop-Text-sm-line-height);
49
49
  }
50
- :where(.Text-module__hop-Text--md___aGVbv) {
50
+ :where(.Text-module__hop-Text--md___g9Wf2) {
51
51
  --font-size: var(--hop-Text-md-font-size);
52
52
  --font-family: var(--hop-Text-md-font-family);
53
53
  --font-weight: var(--hop-Text-md-font-weight);
54
54
  --line-height: var(--hop-Text-md-line-height);
55
55
  }
56
- :where(.Text-module__hop-Text--lg___TgsRg) {
56
+ :where(.Text-module__hop-Text--lg___gXea2) {
57
57
  --font-size: var(--hop-Text-lg-font-size);
58
58
  --font-family: var(--hop-Text-lg-font-family);
59
59
  --font-weight: var(--hop-Text-lg-font-weight);
60
60
  --line-height: var(--hop-Text-lg-line-height);
61
61
  }
62
- :where(.Text-module__hop-Text--xl___gAcxP) {
62
+ :where(.Text-module__hop-Text--xl___iGie8) {
63
63
  --font-size: var(--hop-Text-xl-font-size);
64
64
  --font-family: var(--hop-Text-xl-font-family);
65
65
  --font-weight: var(--hop-Text-xl-font-weight);
66
66
  --line-height: var(--hop-Text-xl-line-height);
67
67
  }
68
- :where(.Text-module__hop-Text--2xl___n-9B9) {
68
+ :where(.Text-module__hop-Text--2xl___p5vcB) {
69
69
  --font-size: var(--hop-Text-2xl-font-size);
70
70
  --font-family: var(--hop-Text-2xl-font-family);
71
71
  --font-weight: var(--hop-Text-2xl-font-weight);
72
72
  --line-height: var(--hop-Text-2xl-line-height);
73
73
  }
74
- :where(.Text-module__hop-Text--inherit___SEa0P) {
74
+ :where(.Text-module__hop-Text--inherit___Jg8ZC) {
75
75
  --font-size: var(--hop-Text-inherit-size-font-size);
76
76
  --font-family: var(--hop-Text-inherit-size-font-family);
77
77
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
79
79
  }
80
80
 
81
81
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
82
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sG-Yd {
82
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2 {
83
83
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
84
84
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
85
85
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -110,46 +110,46 @@
110
110
  background-color: var(--background-color);
111
111
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
112
112
  }
113
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___h-WpU {
113
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___XGaUz {
114
114
  --size: var(--hop-RichIconAvatarImage-xs-size);
115
115
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
116
116
  }
117
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___QasW- {
117
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___-Olod {
118
118
  --size: var(--hop-RichIconAvatarImage-sm-size);
119
119
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
120
120
  }
121
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___QjQ3I {
121
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___FlqqG {
122
122
  --size: var(--hop-RichIconAvatarImage-md-size);
123
123
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
124
124
  }
125
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___PrX57 {
125
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zXLMo {
126
126
  --size: var(--hop-RichIconAvatarImage-lg-size);
127
127
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
128
128
  }
129
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fZOdF {
129
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___sYtIR {
130
130
  --size: var(--hop-RichIconAvatarImage-xl-size);
131
131
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
132
132
  }
133
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___E-1I9 {
133
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___tNx7t {
134
134
  --size: var(--hop-RichIconAvatarImage-2xl-size);
135
135
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
136
136
  }
137
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sG-Yd[data-disabled] {
137
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2[data-disabled] {
138
138
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
139
139
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___JDA4Q {
140
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lycqV {
141
141
  position: relative;
142
142
  display: block;
143
143
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
144
144
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
145
145
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sG-Yd[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___JDA4Q {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lycqV {
147
147
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
148
148
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
149
149
  }
150
150
 
151
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
152
- .Avatar-module__hop-Avatar___3ivfl {
152
+ .Avatar-module__hop-Avatar___fYhW6 {
153
153
  --hop-Avatar-border-radius: var(--hop-shape-circle);
154
154
  --hop-Avatar-mix-blend-mode: normal;
155
155
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -194,67 +194,67 @@
194
194
  background-color: var(--background-color, transparent);
195
195
  border-radius: var(--hop-Avatar-border-radius);
196
196
  }
197
- .Avatar-module__hop-Avatar--xs___noWqr {
197
+ .Avatar-module__hop-Avatar--xs___lg3Fx {
198
198
  --size: var(--hop-Avatar-xs-size);
199
199
  }
200
- .Avatar-module__hop-Avatar--sm___EG5oC {
200
+ .Avatar-module__hop-Avatar--sm___O7vVp {
201
201
  --size: var(--hop-Avatar-sm-size);
202
202
  }
203
- .Avatar-module__hop-Avatar--md___Q-9En {
203
+ .Avatar-module__hop-Avatar--md___U6oEm {
204
204
  --size: var(--hop-Avatar-md-size);
205
205
  }
206
- .Avatar-module__hop-Avatar--lg___FBR3Q {
206
+ .Avatar-module__hop-Avatar--lg___-Z-lW {
207
207
  --size: var(--hop-Avatar-lg-size);
208
208
  }
209
- .Avatar-module__hop-Avatar--xl___-BzUR {
209
+ .Avatar-module__hop-Avatar--xl___-xZ0- {
210
210
  --size: var(--hop-Avatar-xl-size);
211
211
  }
212
- .Avatar-module__hop-Avatar--2xl___64QDk {
212
+ .Avatar-module__hop-Avatar--2xl___zDd2E {
213
213
  --size: var(--hop-Avatar-2xl-size);
214
214
  }
215
- .Avatar-module__hop-Avatar--decorative-option1___NjQ2P {
215
+ .Avatar-module__hop-Avatar--decorative-option1___jTvFc {
216
216
  --background-color: var(--hop-Avatar-decorative-1-background-color);
217
217
  --text-color: var(--hop-Avatar-decorative-1-text-color);
218
218
  }
219
- .Avatar-module__hop-Avatar--decorative-option2___gJJB9 {
219
+ .Avatar-module__hop-Avatar--decorative-option2___w5Mk7 {
220
220
  --background-color: var(--hop-Avatar-decorative-2-background-color);
221
221
  --text-color: var(--hop-Avatar-decorative-2-text-color);
222
222
  }
223
- .Avatar-module__hop-Avatar--decorative-option3___d5E6d {
223
+ .Avatar-module__hop-Avatar--decorative-option3___5WMEU {
224
224
  --background-color: var(--hop-Avatar-decorative-3-background-color);
225
225
  --text-color: var(--hop-Avatar-decorative-3-text-color);
226
226
  }
227
- .Avatar-module__hop-Avatar--decorative-option4___BHoQj {
227
+ .Avatar-module__hop-Avatar--decorative-option4___KWZeM {
228
228
  --background-color: var(--hop-Avatar-decorative-4-background-color);
229
229
  --text-color: var(--hop-Avatar-decorative-4-text-color);
230
230
  }
231
- .Avatar-module__hop-Avatar--decorative-option5___UmjOH {
231
+ .Avatar-module__hop-Avatar--decorative-option5___pVwyU {
232
232
  --background-color: var(--hop-Avatar-decorative-5-background-color);
233
233
  --text-color: var(--hop-Avatar-decorative-5-text-color);
234
234
  }
235
- .Avatar-module__hop-Avatar--decorative-option6___8CVbo {
235
+ .Avatar-module__hop-Avatar--decorative-option6___lRfp7 {
236
236
  --background-color: var(--hop-Avatar-decorative-6-background-color);
237
237
  --text-color: var(--hop-Avatar-decorative-6-text-color);
238
238
  }
239
- .Avatar-module__hop-Avatar--decorative-option7___4ZFln {
239
+ .Avatar-module__hop-Avatar--decorative-option7___AerdM {
240
240
  --background-color: var(--hop-Avatar-decorative-7-background-color);
241
241
  --text-color: var(--hop-Avatar-decorative-7-text-color);
242
242
  }
243
- .Avatar-module__hop-Avatar--decorative-option8___MvBiM {
243
+ .Avatar-module__hop-Avatar--decorative-option8___6hGGA {
244
244
  --background-color: var(--hop-Avatar-decorative-8-background-color);
245
245
  --text-color: var(--hop-Avatar-decorative-8-text-color);
246
246
  }
247
- .Avatar-module__hop-Avatar--decorative-option9___z9oHT {
247
+ .Avatar-module__hop-Avatar--decorative-option9___EjBKY {
248
248
  --background-color: var(--hop-Avatar-decorative-9-background-color);
249
249
  --text-color: var(--hop-Avatar-decorative-9-text-color);
250
250
  }
251
- .Avatar-module__hop-Avatar___3ivfl[data-disabled] {
251
+ .Avatar-module__hop-Avatar___fYhW6[data-disabled] {
252
252
  --background-color: var(--hop-Avatar-background-color-disabled);
253
253
  --text-color: var(--hop-Avatar-text-color-disabled);
254
254
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
255
255
  isolation: isolate;
256
256
  }
257
- .Avatar-module__hop-Avatar__image___8lARV {
257
+ .Avatar-module__hop-Avatar__image___m95ud {
258
258
  position: relative;
259
259
  display: block;
260
260
  box-sizing: border-box;
@@ -265,7 +265,7 @@
265
265
  }
266
266
 
267
267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
268
- :where(.OverlineText-module__hop-OverlineText___kurkU) {
268
+ :where(.OverlineText-module__hop-OverlineText___SbFVm) {
269
269
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
270
270
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
271
271
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -289,26 +289,26 @@
289
289
  text-transform: uppercase;
290
290
  letter-spacing: var(--letter-spacing);
291
291
  }
292
- .OverlineText-module__hop-OverlineText__text___7uNsa {
292
+ .OverlineText-module__hop-OverlineText__text___Cb3CN {
293
293
  box-sizing: border-box;
294
294
  }
295
- .OverlineText-module__hop-OverlineText__text___7uNsa::before,
296
- .OverlineText-module__hop-OverlineText__text___7uNsa::after {
295
+ .OverlineText-module__hop-OverlineText__text___Cb3CN::before,
296
+ .OverlineText-module__hop-OverlineText__text___Cb3CN::after {
297
297
  content: "";
298
298
  display: block;
299
299
  box-sizing: border-box;
300
300
  inline-size: 0;
301
301
  block-size: 0;
302
302
  }
303
- .OverlineText-module__hop-OverlineText__text___7uNsa::before {
303
+ .OverlineText-module__hop-OverlineText__text___Cb3CN::before {
304
304
  margin-block-end: var(--bottom-offset);
305
305
  }
306
- .OverlineText-module__hop-OverlineText__text___7uNsa::after {
306
+ .OverlineText-module__hop-OverlineText__text___Cb3CN::after {
307
307
  margin-block-start: var(--top-offset);
308
308
  }
309
309
 
310
310
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
311
- .Badge-module__hop-Badge___lrDM9 {
311
+ .Badge-module__hop-Badge___tJTtf {
312
312
  --hop-Badge-height: 1.5rem;
313
313
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
314
314
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -332,21 +332,21 @@
332
332
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
333
333
  border-radius: var(--border-radius);
334
334
  }
335
- .Badge-module__hop-Badge--primary___B9IJu {
335
+ .Badge-module__hop-Badge--primary___3WZ9y {
336
336
  --background-color: var(--hop-Badge-primary-background-color);
337
337
  --text-color: var(--hop-Badge-primary-text-color);
338
338
  }
339
- .Badge-module__hop-Badge--secondary___rsYF4 {
339
+ .Badge-module__hop-Badge--secondary___OpnYy {
340
340
  --background-color: var(--hop-Badge-secondary-background-color);
341
341
  --text-color: var(--hop-Badge-secondary-text-color);
342
342
  }
343
- .Badge-module__hop-Badge___lrDM9[data-disabled] {
343
+ .Badge-module__hop-Badge___tJTtf[data-disabled] {
344
344
  --background-color: var(--hop-Badge-background-color-disabled);
345
345
  --text-color: var(--hop-Badge-text-color-disabled);
346
346
  }
347
347
 
348
348
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
349
- .IconList-module__hop-IconList___-mdbp {
349
+ .IconList-module__hop-IconList___ACGld {
350
350
  --hop-IconList-gap: var(--hop-space-inline-xs);
351
351
  display: flex;
352
352
  flex-wrap: wrap;
@@ -355,7 +355,7 @@
355
355
  }
356
356
 
357
357
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
358
- .Checkbox-module__hop-Checkbox___OTh5S {
358
+ .Checkbox-module__hop-Checkbox___FyPRg {
359
359
  --hop-Checkbox-box-border-size: 0.0625rem;
360
360
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
361
361
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -430,63 +430,63 @@
430
430
  inline-size: max-content;
431
431
  max-inline-size: 100%;
432
432
  }
433
- .Checkbox-module__hop-Checkbox___OTh5S[data-focus-visible],
434
- .Checkbox-module__hop-Checkbox--focused___urS3p {
433
+ .Checkbox-module__hop-Checkbox___FyPRg[data-focus-visible],
434
+ .Checkbox-module__hop-Checkbox--focused___i2l8S {
435
435
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
436
436
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
437
437
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
438
438
  --text-color: var(--hop-Checkbox-text-color-focused);
439
439
  --icon-color: var(--hop-Checkbox-icon-color-focused);
440
440
  }
441
- .Checkbox-module__hop-Checkbox___OTh5S[data-hovered],
442
- .Checkbox-module__hop-Checkbox--hovered___Wwpsr {
441
+ .Checkbox-module__hop-Checkbox___FyPRg[data-hovered],
442
+ .Checkbox-module__hop-Checkbox--hovered___RUE8m {
443
443
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
444
444
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
445
445
  --text-color: var(--hop-Checkbox-text-color-hovered);
446
446
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
447
447
  }
448
- .Checkbox-module__hop-Checkbox___OTh5S[data-pressed],
449
- .Checkbox-module__hop-Checkbox--pressed___tG3Hj {
448
+ .Checkbox-module__hop-Checkbox___FyPRg[data-pressed],
449
+ .Checkbox-module__hop-Checkbox--pressed___2Prja {
450
450
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
451
451
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
452
452
  --text-color: var(--hop-Checkbox-text-color-pressed);
453
453
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
454
454
  }
455
- .Checkbox-module__hop-Checkbox___OTh5S[data-selected] {
455
+ .Checkbox-module__hop-Checkbox___FyPRg[data-selected] {
456
456
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
457
457
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
458
458
  --check-display: var(--hop-Checkbox-check-display-selected);
459
459
  --text-color: var(--hop-Checkbox-text-color-selected);
460
460
  --icon-color: var(--hop-Checkbox-icon-color-selected);
461
461
  }
462
- .Checkbox-module__hop-Checkbox___OTh5S[data-invalid] {
462
+ .Checkbox-module__hop-Checkbox___FyPRg[data-invalid] {
463
463
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
464
464
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
465
465
  --check-color: var(--hop-Checkbox-check-color-invalid);
466
466
  --text-color: var(--hop-Checkbox-text-color-invalid);
467
467
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
468
468
  }
469
- .Checkbox-module__hop-Checkbox___OTh5S[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___urS3p) {
469
+ .Checkbox-module__hop-Checkbox___FyPRg[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___i2l8S) {
470
470
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
471
471
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
472
472
  }
473
- .Checkbox-module__hop-Checkbox___OTh5S[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___Wwpsr) {
473
+ .Checkbox-module__hop-Checkbox___FyPRg[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___RUE8m) {
474
474
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
475
475
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
476
476
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
477
477
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
478
478
  }
479
- .Checkbox-module__hop-Checkbox___OTh5S[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___tG3Hj) {
479
+ .Checkbox-module__hop-Checkbox___FyPRg[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___2Prja) {
480
480
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
481
481
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
482
482
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
483
483
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
484
484
  }
485
- .Checkbox-module__hop-Checkbox___OTh5S:where([data-invalid])[data-selected] {
485
+ .Checkbox-module__hop-Checkbox___FyPRg:where([data-invalid])[data-selected] {
486
486
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
487
487
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
488
488
  }
489
- .Checkbox-module__hop-Checkbox___OTh5S[data-disabled] {
489
+ .Checkbox-module__hop-Checkbox___FyPRg[data-disabled] {
490
490
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
491
491
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
492
492
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -494,25 +494,25 @@
494
494
  --text-color: var(--hop-Checkbox-text-color-disabled);
495
495
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
496
496
  }
497
- .Checkbox-module__hop-Checkbox--sm___gKd-M {
497
+ .Checkbox-module__hop-Checkbox--sm___DgkQg {
498
498
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
499
499
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
500
500
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
501
501
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
502
502
  }
503
- .Checkbox-module__hop-Checkbox--md___WAPyo {
503
+ .Checkbox-module__hop-Checkbox--md___8uKCT {
504
504
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
505
505
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
506
506
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
507
507
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
508
508
  }
509
- .Checkbox-module__hop-Checkbox__icon___SzESn,
510
- .Checkbox-module__hop-Checkbox__icon-list___lWkgH {
509
+ .Checkbox-module__hop-Checkbox__icon___yslf0,
510
+ .Checkbox-module__hop-Checkbox__icon-list___uo0bB {
511
511
  flex: 0 0 auto;
512
512
  order: 3;
513
513
  color: var(--icon-color);
514
514
  }
515
- .Checkbox-module__hop-Checkbox__box___UxA4d {
515
+ .Checkbox-module__hop-Checkbox__box___FPnJ8 {
516
516
  display: flex;
517
517
  flex: 0 0 auto;
518
518
  align-items: center;
@@ -528,11 +528,11 @@
528
528
  outline-offset: 0.125rem;
529
529
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
530
530
  }
531
- .Checkbox-module__hop-Checkbox__check___iNG2Y {
531
+ .Checkbox-module__hop-Checkbox__check___PCbF6 {
532
532
  display: var(--check-display);
533
533
  color: var(--check-color);
534
534
  }
535
- .Checkbox-module__hop-Checkbox__text___-kuqp {
535
+ .Checkbox-module__hop-Checkbox__text___pdshj {
536
536
  flex: 0 1 auto;
537
537
  order: 2;
538
538
  min-inline-size: 0;
@@ -542,7 +542,7 @@
542
542
  }
543
543
 
544
544
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
545
- .CheckboxField-module__hop-CheckboxField___5uBr4 {
545
+ .CheckboxField-module__hop-CheckboxField___EeawF {
546
546
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
547
547
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
548
548
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -561,28 +561,28 @@
561
561
  inline-size: max-content;
562
562
  max-inline-size: 100%;
563
563
  }
564
- .CheckboxField-module__hop-CheckboxField___5uBr4[data-disabled] {
564
+ .CheckboxField-module__hop-CheckboxField___EeawF[data-disabled] {
565
565
  --description-color: var(--hop-CheckboxField-description-color-disabled);
566
566
  }
567
- .CheckboxField-module__hop-CheckboxField--sm___xPpv7 {
567
+ .CheckboxField-module__hop-CheckboxField--sm___QGCXc {
568
568
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
569
569
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
570
570
  }
571
- .CheckboxField-module__hop-CheckboxField--md___QtMwz {
571
+ .CheckboxField-module__hop-CheckboxField--md___Qm0Er {
572
572
  --row-gap: var(--hop-CheckboxField-md-row-gap);
573
573
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
574
574
  }
575
- .CheckboxField-module__hop-CheckboxField__description___6r3ox {
575
+ .CheckboxField-module__hop-CheckboxField__description___TlNzS {
576
576
  order: 2;
577
577
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
578
578
  color: var(--description-color);
579
579
  }
580
- .CheckboxField-module__hop-CheckboxField__checkbox___4P-Q8 {
580
+ .CheckboxField-module__hop-CheckboxField__checkbox___srYzU {
581
581
  order: 1;
582
582
  }
583
583
 
584
584
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
585
- .ErrorMessage-module__hop-ErrorMessage___6qmlS {
585
+ .ErrorMessage-module__hop-ErrorMessage___i9yn3 {
586
586
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
587
587
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
588
588
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -599,13 +599,13 @@
599
599
  line-height: var(--hop-ErrorMessage-line-height);
600
600
  color: var(--hop-ErrorMessage-color);
601
601
  }
602
- .ErrorMessage-module__hop-ErrorMessage__icon___m4Mae {
602
+ .ErrorMessage-module__hop-ErrorMessage__icon___zmOVR {
603
603
  flex: 0 0 auto;
604
604
  align-self: flex-start;
605
605
  }
606
606
 
607
607
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
608
- .HelperMessage-module__hop-HelperMessage___KQaJ4 {
608
+ .HelperMessage-module__hop-HelperMessage___A94z8 {
609
609
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
610
610
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
611
611
  display: flex;
@@ -614,32 +614,32 @@
614
614
  box-sizing: border-box;
615
615
  color: var(--hop-HelperMessage-color);
616
616
  }
617
- .HelperMessage-module__hop-HelperMessage__icon___1a1jj {
617
+ .HelperMessage-module__hop-HelperMessage__icon___tdX3I {
618
618
  flex: 0 0 auto;
619
619
  align-self: flex-start;
620
620
  }
621
621
 
622
622
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
623
- .Label-module__hop-Label___L4zrw {
623
+ .Label-module__hop-Label___mvHHn {
624
624
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
625
625
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
626
626
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
627
627
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
628
628
  --hop-Label-color: var(--hop-neutral-text-weak);
629
629
  }
630
- :where(.Label-module__hop-Label___L4zrw) {
630
+ :where(.Label-module__hop-Label___mvHHn) {
631
631
  font-family: var(--hop-Label-font-family);
632
632
  font-size: var(--hop-Label-font-size);
633
633
  font-weight: var(--hop-Label-font-weight);
634
634
  line-height: var(--hop-Label-line-height);
635
635
  color: var(--hop-Label-color);
636
636
  }
637
- :where(.Label-module__hop-Label__indicator___mWy1n) {
637
+ :where(.Label-module__hop-Label__indicator___eN8aZ) {
638
638
  padding-inline-start: var(--hop-space-20);
639
639
  }
640
640
 
641
641
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
642
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk {
642
+ .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE {
643
643
  --hop-CheckboxGroup-align-items: flex-start;
644
644
  --hop-CheckboxGroup-justify-content: flex-start;
645
645
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -678,46 +678,46 @@
678
678
  inline-size: max-content;
679
679
  max-inline-size: 100%;
680
680
  }
681
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87 {
681
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz {
682
682
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
683
683
  --list-border-radius: var(--hop-shape-rounded-md);
684
684
  }
685
- .CheckboxGroup-module__hop-CheckboxGroup--sm___ETF-H {
685
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___x1qGa {
686
686
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
687
687
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
688
688
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
689
689
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
690
690
  }
691
- .CheckboxGroup-module__hop-CheckboxGroup--md___5bM6E {
691
+ .CheckboxGroup-module__hop-CheckboxGroup--md___Ss8IQ {
692
692
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
693
693
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
694
694
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
695
695
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
696
696
  }
697
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87.CheckboxGroup-module__hop-CheckboxGroup--sm___ETF-H {
697
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz.CheckboxGroup-module__hop-CheckboxGroup--sm___x1qGa {
698
698
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
699
699
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
700
700
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
701
701
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
702
702
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
703
703
  }
704
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87.CheckboxGroup-module__hop-CheckboxGroup--md___5bM6E {
704
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz.CheckboxGroup-module__hop-CheckboxGroup--md___Ss8IQ {
705
705
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
706
706
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
707
707
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
708
708
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
709
709
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
710
710
  }
711
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk[data-orientation=horizontal] {
711
+ .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE[data-orientation=horizontal] {
712
712
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
713
713
  }
714
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87[data-orientation=horizontal] {
714
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz[data-orientation=horizontal] {
715
715
  --flex-wrap: nowrap;
716
716
  }
717
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk > .CheckboxGroup-module__hop-CheckboxGroup__label___zvdEY {
717
+ .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE > .CheckboxGroup-module__hop-CheckboxGroup__label___Th6rN {
718
718
  order: 1;
719
719
  }
720
- .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A {
720
+ .CheckboxGroup-module__hop-CheckboxGroup__list___KbICS {
721
721
  display: flex;
722
722
  flex-flow: var(--flex-direction) var(--flex-wrap);
723
723
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -728,7 +728,7 @@
728
728
  border: var(--list-border, none);
729
729
  border-radius: var(--list-border-radius, 0);
730
730
  }
731
- .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo {
731
+ .CheckboxGroup-module__hop-CheckboxGroup__list___KbICS > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC {
732
732
  position: relative;
733
733
  flex: 0 1 auto;
734
734
  align-content: start;
@@ -736,28 +736,28 @@
736
736
  min-inline-size: 0;
737
737
  padding: var(--checkbox-padding, 0);
738
738
  }
739
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87 .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo::before {
739
+ .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 {
740
740
  content: "";
741
741
  position: absolute;
742
742
  display: block;
743
743
  }
744
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo::before {
744
+ .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 {
745
745
  inset-block-start: 0;
746
746
  inset-inline: 0;
747
747
  border-block-start: var(--list-border, none);
748
748
  }
749
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo::before {
749
+ .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 {
750
750
  inset-block: 0;
751
751
  inset-inline-start: 0;
752
752
  border-inline-start: var(--list-border, none);
753
753
  }
754
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk > .CheckboxGroup-module__hop-CheckboxGroup__error-message___wZAUv,
755
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___qN21A {
754
+ .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE > .CheckboxGroup-module__hop-CheckboxGroup__error-message___K7vVY,
755
+ .CheckboxGroup-module__hop-CheckboxGroup___Q0dnE > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___Ra9RG {
756
756
  order: 3;
757
757
  }
758
758
 
759
759
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
760
- .Radio-module__hop-Radio___2E1Ba {
760
+ .Radio-module__hop-Radio___8KZXA {
761
761
  --hop-Radio-box-border-size: 0.0625rem;
762
762
  --hop-Radio-box-border-color: var(--hop-neutral-border);
763
763
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -831,63 +831,63 @@
831
831
  inline-size: max-content;
832
832
  max-inline-size: 100%;
833
833
  }
834
- .Radio-module__hop-Radio___2E1Ba[data-focus-visible],
835
- .Radio-module__hop-Radio--focused___uZjvZ {
834
+ .Radio-module__hop-Radio___8KZXA[data-focus-visible],
835
+ .Radio-module__hop-Radio--focused___UOv6k {
836
836
  --box-background-color: var(--hop-Radio-box-background-color-focused);
837
837
  --box-border-color: var(--hop-Radio-box-border-color-focused);
838
838
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
839
839
  --text-color: var(--hop-Radio-text-color-focused);
840
840
  --icon-color: var(--hop-Radio-icon-color-focused);
841
841
  }
842
- .Radio-module__hop-Radio___2E1Ba[data-hovered],
843
- .Radio-module__hop-Radio--hovered___I3nXi {
842
+ .Radio-module__hop-Radio___8KZXA[data-hovered],
843
+ .Radio-module__hop-Radio--hovered___3648m {
844
844
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
845
845
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
846
846
  --text-color: var(--hop-Radio-text-color-hovered);
847
847
  --icon-color: var(--hop-Radio-icon-color-hovered);
848
848
  }
849
- .Radio-module__hop-Radio___2E1Ba[data-pressed],
850
- .Radio-module__hop-Radio--pressed___g-XN4 {
849
+ .Radio-module__hop-Radio___8KZXA[data-pressed],
850
+ .Radio-module__hop-Radio--pressed___M5r4O {
851
851
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
852
852
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
853
853
  --text-color: var(--hop-Radio-text-color-pressed);
854
854
  --icon-color: var(--hop-Radio-icon-color-pressed);
855
855
  }
856
- .Radio-module__hop-Radio___2E1Ba[data-selected] {
856
+ .Radio-module__hop-Radio___8KZXA[data-selected] {
857
857
  --box-background-color: var(--hop-Radio-box-background-color-selected);
858
858
  --box-border-color: var(--hop-Radio-box-border-color-selected);
859
859
  --bullet-display: var(--hop-Radio-bullet-display-selected);
860
860
  --text-color: var(--hop-Radio-text-color-selected);
861
861
  --icon-color: var(--hop-Radio-icon-color-selected);
862
862
  }
863
- .Radio-module__hop-Radio___2E1Ba[data-invalid] {
863
+ .Radio-module__hop-Radio___8KZXA[data-invalid] {
864
864
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
865
865
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
866
866
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
867
867
  --text-color: var(--hop-Radio-text-color-invalid);
868
868
  --icon-color: var(--hop-Radio-icon-color-invalid);
869
869
  }
870
- .Radio-module__hop-Radio___2E1Ba:where([data-invalid])[data-focus-visible] {
870
+ .Radio-module__hop-Radio___8KZXA:where([data-invalid])[data-focus-visible] {
871
871
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
872
872
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
873
873
  }
874
- .Radio-module__hop-Radio___2E1Ba:where([data-invalid])[data-hovered] {
874
+ .Radio-module__hop-Radio___8KZXA:where([data-invalid])[data-hovered] {
875
875
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
876
876
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
877
877
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
878
878
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
879
879
  }
880
- .Radio-module__hop-Radio___2E1Ba:where([data-invalid])[data-pressed] {
880
+ .Radio-module__hop-Radio___8KZXA:where([data-invalid])[data-pressed] {
881
881
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
882
882
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
883
883
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
884
884
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
885
885
  }
886
- .Radio-module__hop-Radio___2E1Ba:where([data-invalid])[data-selected] {
886
+ .Radio-module__hop-Radio___8KZXA:where([data-invalid])[data-selected] {
887
887
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
888
888
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
889
889
  }
890
- .Radio-module__hop-Radio___2E1Ba[data-disabled] {
890
+ .Radio-module__hop-Radio___8KZXA[data-disabled] {
891
891
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
892
892
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
893
893
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -895,25 +895,25 @@
895
895
  --text-color: var(--hop-Radio-text-color-disabled);
896
896
  --icon-color: var(--hop-Radio-icon-color-disabled);
897
897
  }
898
- .Radio-module__hop-Radio--sm___fb-Zv {
898
+ .Radio-module__hop-Radio--sm___9nkSB {
899
899
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
900
900
  --box-block-size: var(--hop-Radio-box-sm-block-size);
901
901
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
902
902
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
903
903
  }
904
- .Radio-module__hop-Radio--md___WvIhk {
904
+ .Radio-module__hop-Radio--md___FD8ks {
905
905
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
906
906
  --box-block-size: var(--hop-Radio-box-md-block-size);
907
907
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
908
908
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
909
909
  }
910
- .Radio-module__hop-Radio__icon___f49M7,
911
- .Radio-module__hop-Radio__icon-list___65C4k {
910
+ .Radio-module__hop-Radio__icon___Axpaq,
911
+ .Radio-module__hop-Radio__icon-list___TH7pN {
912
912
  flex: 0 0 auto;
913
913
  order: 3;
914
914
  color: var(--icon-color);
915
915
  }
916
- .Radio-module__hop-Radio__box___HLxF3 {
916
+ .Radio-module__hop-Radio__box___wDQH6 {
917
917
  display: flex;
918
918
  flex: 0 0 auto;
919
919
  align-items: center;
@@ -929,11 +929,11 @@
929
929
  outline-offset: 0.125rem;
930
930
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
931
931
  }
932
- .Radio-module__hop-Radio__bullet___SgKK1 {
932
+ .Radio-module__hop-Radio__bullet___oXHWw {
933
933
  display: var(--bullet-display);
934
934
  color: var(--bullet-color);
935
935
  }
936
- .Radio-module__hop-Radio__text___uZHkI {
936
+ .Radio-module__hop-Radio__text___Kqa3G {
937
937
  flex: 0 1 auto;
938
938
  order: 2;
939
939
  min-inline-size: 0;
@@ -943,7 +943,7 @@
943
943
  }
944
944
 
945
945
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
946
- .RadioField-module__hop-RadioField___uuirX {
946
+ .RadioField-module__hop-RadioField___7cWiA {
947
947
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
948
948
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
949
949
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -962,28 +962,28 @@
962
962
  inline-size: max-content;
963
963
  max-inline-size: 100%;
964
964
  }
965
- .RadioField-module__hop-RadioField___uuirX[data-disabled] {
965
+ .RadioField-module__hop-RadioField___7cWiA[data-disabled] {
966
966
  --description-color: var(--hop-RadioField-description-color-disabled);
967
967
  }
968
- .RadioField-module__hop-RadioField--sm___1lfkD {
968
+ .RadioField-module__hop-RadioField--sm___Q6gn3 {
969
969
  --row-gap: var(--hop-RadioField-sm-row-gap);
970
970
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
971
971
  }
972
- .RadioField-module__hop-RadioField--md___ytruf {
972
+ .RadioField-module__hop-RadioField--md___mzMoL {
973
973
  --row-gap: var(--hop-RadioField-md-row-gap);
974
974
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
975
975
  }
976
- .RadioField-module__hop-RadioField__description___waqNk {
976
+ .RadioField-module__hop-RadioField__description___-wcF0 {
977
977
  order: 2;
978
978
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
979
979
  color: var(--description-color);
980
980
  }
981
- .RadioField-module__hop-RadioField__radio___ySRK1 {
981
+ .RadioField-module__hop-RadioField__radio___yCxtZ {
982
982
  order: 1;
983
983
  }
984
984
 
985
985
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
986
- .RadioGroup-module__hop-RadioGroup___v9ff9 {
986
+ .RadioGroup-module__hop-RadioGroup___3D-CQ {
987
987
  --hop-RadioGroup-align-items: flex-start;
988
988
  --hop-RadioGroup-justify-content: flex-start;
989
989
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1023,46 +1023,46 @@
1023
1023
  inline-size: var(--inline-size);
1024
1024
  max-inline-size: 100%;
1025
1025
  }
1026
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt {
1026
+ .RadioGroup-module__hop-RadioGroup--bordered___xUBDY {
1027
1027
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1028
1028
  --list-border-radius: var(--hop-shape-rounded-md);
1029
1029
  }
1030
- .RadioGroup-module__hop-RadioGroup--sm___y9WU9 {
1030
+ .RadioGroup-module__hop-RadioGroup--sm___Wuezk {
1031
1031
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1032
1032
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1033
1033
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1034
1034
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1035
1035
  }
1036
- .RadioGroup-module__hop-RadioGroup--md___P8zUK {
1036
+ .RadioGroup-module__hop-RadioGroup--md___qDKnW {
1037
1037
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1038
1038
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1039
1039
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1040
1040
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1041
1041
  }
1042
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt.RadioGroup-module__hop-RadioGroup--sm___y9WU9 {
1042
+ .RadioGroup-module__hop-RadioGroup--bordered___xUBDY.RadioGroup-module__hop-RadioGroup--sm___Wuezk {
1043
1043
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1044
1044
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1045
1045
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1046
1046
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1047
1047
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1048
1048
  }
1049
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt.RadioGroup-module__hop-RadioGroup--md___P8zUK {
1049
+ .RadioGroup-module__hop-RadioGroup--bordered___xUBDY.RadioGroup-module__hop-RadioGroup--md___qDKnW {
1050
1050
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1051
1051
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1052
1052
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1053
1053
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1054
1054
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1055
1055
  }
1056
- .RadioGroup-module__hop-RadioGroup___v9ff9[data-orientation=horizontal] {
1056
+ .RadioGroup-module__hop-RadioGroup___3D-CQ[data-orientation=horizontal] {
1057
1057
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1058
1058
  }
1059
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt[data-orientation=horizontal] {
1059
+ .RadioGroup-module__hop-RadioGroup--bordered___xUBDY[data-orientation=horizontal] {
1060
1060
  --flex-wrap: nowrap;
1061
1061
  }
1062
- .RadioGroup-module__hop-RadioGroup___v9ff9 > .RadioGroup-module__hop-RadioGroup__label___jZY0d {
1062
+ .RadioGroup-module__hop-RadioGroup___3D-CQ > .RadioGroup-module__hop-RadioGroup__label___RPhTV {
1063
1063
  order: 1;
1064
1064
  }
1065
- .RadioGroup-module__hop-RadioGroup__list___HGSkD {
1065
+ .RadioGroup-module__hop-RadioGroup__list___fsKD3 {
1066
1066
  display: flex;
1067
1067
  flex-flow: var(--flex-direction) var(--flex-wrap);
1068
1068
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1073,7 +1073,7 @@
1073
1073
  border: var(--list-border, none);
1074
1074
  border-radius: var(--list-border-radius, 0);
1075
1075
  }
1076
- .RadioGroup-module__hop-RadioGroup__list___HGSkD > .RadioGroup-module__hop-RadioGroup__radio___8y02f {
1076
+ .RadioGroup-module__hop-RadioGroup__list___fsKD3 > .RadioGroup-module__hop-RadioGroup__radio___uu6mp {
1077
1077
  position: relative;
1078
1078
  flex: 0 1 auto;
1079
1079
  align-content: start;
@@ -1081,28 +1081,28 @@
1081
1081
  min-inline-size: 0;
1082
1082
  padding: var(--radio-padding, 0);
1083
1083
  }
1084
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt .RadioGroup-module__hop-RadioGroup__list___HGSkD > .RadioGroup-module__hop-RadioGroup__radio___8y02f ~ .RadioGroup-module__hop-RadioGroup__radio___8y02f::before {
1084
+ .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 {
1085
1085
  content: "";
1086
1086
  position: absolute;
1087
1087
  display: block;
1088
1088
  }
1089
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___HGSkD > .RadioGroup-module__hop-RadioGroup__radio___8y02f ~ .RadioGroup-module__hop-RadioGroup__radio___8y02f::before {
1089
+ .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 {
1090
1090
  inset-block-start: 0;
1091
1091
  inset-inline: 0;
1092
1092
  border-block-start: var(--list-border, none);
1093
1093
  }
1094
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___HGSkD > .RadioGroup-module__hop-RadioGroup__radio___8y02f ~ .RadioGroup-module__hop-RadioGroup__radio___8y02f::before {
1094
+ .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 {
1095
1095
  inset-block: 0;
1096
1096
  inset-inline-start: 0;
1097
1097
  border-inline-start: var(--list-border, none);
1098
1098
  }
1099
- .RadioGroup-module__hop-RadioGroup___v9ff9 > .RadioGroup-module__hop-RadioGroup__error-message___2aZin,
1100
- .RadioGroup-module__hop-RadioGroup___v9ff9 > .RadioGroup-module__hop-RadioGroup__helper-message___ip2nD {
1099
+ .RadioGroup-module__hop-RadioGroup___3D-CQ > .RadioGroup-module__hop-RadioGroup__error-message___VVQJs,
1100
+ .RadioGroup-module__hop-RadioGroup___3D-CQ > .RadioGroup-module__hop-RadioGroup__helper-message___0axK9 {
1101
1101
  order: 3;
1102
1102
  }
1103
1103
 
1104
1104
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1105
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___wrIL3 {
1105
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___TYOGA {
1106
1106
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1107
1107
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1108
1108
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1128,7 +1128,7 @@
1128
1128
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1129
1129
  background-size: 400% 100%;
1130
1130
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1131
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___kPWk2;
1131
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___yey8v;
1132
1132
  animation-duration: var(--animation-duration);
1133
1133
  animation-timing-function: ease-in-out;
1134
1134
  animation-fill-mode: forwards;
@@ -1137,19 +1137,19 @@
1137
1137
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1138
1138
  }
1139
1139
  }
1140
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___cHo6m {
1140
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___DQWyN {
1141
1141
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1142
1142
  }
1143
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___Kyk8k {
1143
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___dV4JT {
1144
1144
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1145
1145
  }
1146
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___a5cds {
1146
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___RExw1 {
1147
1147
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1148
1148
  }
1149
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___dn0c2 {
1149
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___jni6f {
1150
1150
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1151
1151
  }
1152
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___kPWk2 {
1152
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___yey8v {
1153
1153
  0% {
1154
1154
  background-position: 125% 50%;
1155
1155
  }
@@ -1159,7 +1159,7 @@
1159
1159
  }
1160
1160
 
1161
1161
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1162
- .ListBoxItem-module__hop-ListBoxItem___u6Es7 {
1162
+ .ListBoxItem-module__hop-ListBoxItem___0duRn {
1163
1163
  --hop-ListBoxItem-background-color: transparent;
1164
1164
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1165
1165
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1181,18 +1181,26 @@
1181
1181
  --hop-ListBoxItem-xs-padding-inline: var(--hop-space-inset-md);
1182
1182
  --hop-ListBoxItem-xs-min-height: 2rem;
1183
1183
  --hop-ListBoxItem-xs-avatar-margin-block: 0;
1184
+ --hop-ListBoxItem-xs-label-font-weight: var(--hop-body-sm-font-weight);
1185
+ --hop-ListBoxItem-xs-label-font-weight-selected: var(--hop-body-sm-medium-font-weight);
1184
1186
  --hop-ListBoxItem-sm-padding-block: var(--hop-space-inset-sm);
1185
1187
  --hop-ListBoxItem-sm-padding-inline: var(--hop-space-inset-md);
1186
1188
  --hop-ListBoxItem-sm-min-height: 2.5rem;
1187
1189
  --hop-ListBoxItem-sm-avatar-margin-block: 0;
1190
+ --hop-ListBoxItem-sm-label-font-weight: var(--hop-body-sm-font-weight);
1191
+ --hop-ListBoxItem-sm-label-font-weight-selected: var(--hop-body-sm-medium-font-weight);
1188
1192
  --hop-ListBoxItem-md-padding-block: var(--hop-space-inset-md);
1189
1193
  --hop-ListBoxItem-md-padding-inline: var(--hop-space-inset-md);
1190
1194
  --hop-ListBoxItem-md-min-height: 3.5rem;
1191
1195
  --hop-ListBoxItem-md-avatar-margin-block: calc(-1 * var(--hop-space-stack-xs));
1196
+ --hop-ListBoxItem-md-label-font-weight: var(--hop-body-sm-font-weight);
1197
+ --hop-ListBoxItem-md-label-font-weight-selected: var(--hop-body-sm-medium-font-weight);
1192
1198
  --hop-ListBoxItem-lg-padding-block: var(--hop-space-inset-md);
1193
1199
  --hop-ListBoxItem-lg-padding-inline: var(--hop-space-inset-md);
1194
1200
  --hop-ListBoxItem-lg-min-height: 4rem;
1195
1201
  --hop-ListBoxItem-lg-avatar-margin-block: calc(-1 * var(--hop-space-stack-xs));
1202
+ --hop-ListBoxItem-lg-label-font-weight: var(--hop-body-md-font-weight);
1203
+ --hop-ListBoxItem-lg-label-font-weight-selected: var(--hop-body-md-medium-font-weight);
1196
1204
  --hop-ListBoxItem-background-color-hovered: var(--hop-neutral-surface-hover);
1197
1205
  --hop-ListBoxItem-text-color-hovered: var(--hop-neutral-text-hover);
1198
1206
  --hop-ListBoxItem-icon-color-hovered: var(--hop-neutral-icon-hover);
@@ -1246,114 +1254,131 @@
1246
1254
  background-color: var(--background-color);
1247
1255
  border-radius: var(--hop-ListBoxItem-border-radius);
1248
1256
  outline: var(--outline);
1257
+ outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1249
1258
  }
1250
- .ListBoxItem-module__hop-ListBoxItem--xs___yXyVw {
1259
+ .ListBoxItem-module__hop-ListBoxItem--xs___dm4VD {
1251
1260
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1252
1261
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1253
1262
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1254
1263
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1264
+ --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1255
1265
  }
1256
- .ListBoxItem-module__hop-ListBoxItem--sm___937pQ {
1266
+ .ListBoxItem-module__hop-ListBoxItem--sm___Dykwg {
1257
1267
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1258
1268
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1259
1269
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1260
1270
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1271
+ --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1261
1272
  }
1262
- .ListBoxItem-module__hop-ListBoxItem--md___ymimv {
1273
+ .ListBoxItem-module__hop-ListBoxItem--md___LbxNg {
1263
1274
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1264
1275
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1265
1276
  --min-height: var(--hop-ListBoxItem-md-min-height);
1266
1277
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1278
+ --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1267
1279
  }
1268
- .ListBoxItem-module__hop-ListBoxItem--lg___1mW38 {
1280
+ .ListBoxItem-module__hop-ListBoxItem--lg___XU3oU {
1269
1281
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1270
1282
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1271
1283
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1272
1284
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1285
+ --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1273
1286
  }
1274
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-selection-mode] {
1287
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-selection-mode] {
1275
1288
  --cursor: pointer;
1276
1289
  }
1277
- .ListBoxItem-module__hop-ListBoxItem___u6Es7:not([data-selection-mode]) {
1290
+ .ListBoxItem-module__hop-ListBoxItem___0duRn:not([data-selection-mode]) {
1278
1291
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1279
1292
  }
1280
- .ListBoxItem-module__hop-ListBoxItem__inner___I35FE:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___LAbSz) {
1293
+ .ListBoxItem-module__hop-ListBoxItem__inner___GE9a-:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Fe3CI) {
1281
1294
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1282
1295
  }
1283
- .ListBoxItem-module__hop-ListBoxItem__inner___I35FE[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___LAbSz) {
1296
+ .ListBoxItem-module__hop-ListBoxItem__inner___GE9a-[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Fe3CI) {
1284
1297
  --checkmark-transition: none;
1285
1298
  }
1286
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-selected] {
1299
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-selected] {
1287
1300
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1288
1301
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1289
1302
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1290
1303
  --checkmark-opacity: 1;
1291
1304
  }
1292
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-focus-visible] {
1305
+ .ListBoxItem-module__hop-ListBoxItem--xs___dm4VD[data-selected] {
1306
+ --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1307
+ }
1308
+ .ListBoxItem-module__hop-ListBoxItem--sm___Dykwg[data-selected] {
1309
+ --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1310
+ }
1311
+ .ListBoxItem-module__hop-ListBoxItem--md___LbxNg[data-selected] {
1312
+ --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1313
+ }
1314
+ .ListBoxItem-module__hop-ListBoxItem--lg___XU3oU[data-selected] {
1315
+ --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1316
+ }
1317
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-focus-visible] {
1293
1318
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1294
1319
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1295
1320
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1296
1321
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1297
1322
  }
1298
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-hovered] {
1323
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-hovered] {
1299
1324
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1300
1325
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1301
1326
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1302
1327
  }
1303
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-pressed] {
1328
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-pressed] {
1304
1329
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1305
1330
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1306
1331
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1307
1332
  }
1308
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-disabled] {
1333
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-disabled] {
1309
1334
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1310
1335
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1311
1336
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1312
1337
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1313
1338
  --cursor: not-allowed;
1314
1339
  }
1315
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid] {
1340
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid] {
1316
1341
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1317
1342
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1318
1343
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1319
1344
  }
1320
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-selected] {
1345
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-selected] {
1321
1346
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1322
1347
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1323
1348
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1324
1349
  }
1325
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-focus-visible] {
1350
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-focus-visible] {
1326
1351
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1327
1352
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1328
1353
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1329
1354
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1330
1355
  }
1331
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-hovered] {
1356
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-hovered] {
1332
1357
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1333
1358
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1334
1359
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1335
1360
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1336
1361
  }
1337
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-pressed] {
1362
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-pressed] {
1338
1363
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1339
1364
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1340
1365
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1341
1366
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1342
1367
  }
1343
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-disabled] {
1368
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-invalid][data-disabled] {
1344
1369
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1345
1370
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1346
1371
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1347
1372
  }
1348
- .ListBoxItem-module__hop-ListBoxItem___u6Es7:has(.ListBoxItem-module__hop-ListBoxItem__description___EPW2R) {
1373
+ .ListBoxItem-module__hop-ListBoxItem___0duRn:has(.ListBoxItem-module__hop-ListBoxItem__description___-pa0W) {
1349
1374
  --row-gap: var(--hop-ListBoxItem-row-gap);
1350
1375
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1351
1376
  }
1352
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-loading] {
1377
+ .ListBoxItem-module__hop-ListBoxItem___0duRn[data-loading] {
1353
1378
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1354
1379
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1355
1380
  }
1356
- .ListBoxItem-module__hop-ListBoxItem__inner___I35FE {
1381
+ .ListBoxItem-module__hop-ListBoxItem__inner___GE9a- {
1357
1382
  display: grid;
1358
1383
  grid-template-areas: var(--grid-template-areas);
1359
1384
  grid-template-columns: var(--grid-template-columns);
@@ -1365,51 +1390,52 @@
1365
1390
  padding-inline: var(--padding-inline);
1366
1391
  transition: grid-template-columns .3s ease-in-out;
1367
1392
  }
1368
- .ListBoxItem-module__hop-ListBoxItem__checkmark___LAbSz {
1393
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___Fe3CI {
1369
1394
  grid-area: indicator;
1370
1395
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1371
1396
  color: var(--icon-color);
1372
1397
  opacity: var(--checkmark-opacity);
1373
1398
  transition: var(--checkmark-transition);
1374
1399
  }
1375
- .ListBoxItem-module__hop-ListBoxItem__radio-group___g-HnK,
1376
- .ListBoxItem-module__hop-ListBoxItem__checkbox___ppGNP {
1400
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___hSfVk,
1401
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___Zclpw {
1377
1402
  pointer-events: none;
1378
1403
  user-select: none;
1379
1404
  grid-area: indicator;
1380
1405
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1381
1406
  }
1382
- .ListBoxItem-module__hop-ListBoxItem__avatar___QwkiM {
1407
+ .ListBoxItem-module__hop-ListBoxItem__avatar___BOBDw {
1383
1408
  grid-area: avatar;
1384
1409
  margin-block: var(--avatar-margin-block, 0);
1385
1410
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1386
1411
  }
1387
- .ListBoxItem-module__hop-ListBoxItem__icon-list___Yhy58,
1388
- .ListBoxItem-module__hop-ListBoxItem__icon___mFm52 {
1412
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___XbL4U,
1413
+ .ListBoxItem-module__hop-ListBoxItem__icon___yllrL {
1389
1414
  grid-area: icon;
1390
1415
  flex: 0 0 auto;
1391
1416
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1392
1417
  color: var(--icon-color);
1393
1418
  }
1394
- .ListBoxItem-module__hop-ListBoxItem__label___y1bWL {
1419
+ .ListBoxItem-module__hop-ListBoxItem__label___KYWRG {
1395
1420
  overflow: hidden;
1396
1421
  grid-area: label;
1397
1422
  min-inline-size: 0;
1423
+ font-weight: var(--label-font-weight);
1398
1424
  text-overflow: ellipsis;
1399
1425
  white-space: nowrap;
1400
1426
  }
1401
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___LBHo2,
1402
- .ListBoxItem-module__hop-ListBoxItem__end-icon___Luvle {
1427
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___MRDNE,
1428
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___TPYxZ {
1403
1429
  grid-area: end-icon;
1404
1430
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1405
1431
  color: var(--icon-color);
1406
1432
  }
1407
- .ListBoxItem-module__hop-ListBoxItem__badge___bdsUo {
1433
+ .ListBoxItem-module__hop-ListBoxItem__badge___gTJYQ {
1408
1434
  grid-area: badge;
1409
1435
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
1410
1436
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1411
1437
  }
1412
- .ListBoxItem-module__hop-ListBoxItem__description___EPW2R {
1438
+ .ListBoxItem-module__hop-ListBoxItem__description___-pa0W {
1413
1439
  overflow: hidden;
1414
1440
  display: -webkit-box;
1415
1441
  grid-area: description;