@hopper-ui/components 2.0.9 → 2.0.10

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 (385) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/accordion/src/Accordion.css +79 -79
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +79 -79
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +433 -433
  7. package/dist/alert/src/Alert.js +11 -11
  8. package/dist/alert/src/index.css +433 -433
  9. package/dist/alert/src/index.js +11 -11
  10. package/dist/avatar/src/AnonymousAvatar.css +51 -51
  11. package/dist/avatar/src/AnonymousAvatar.js +3 -3
  12. package/dist/avatar/src/Avatar.css +72 -72
  13. package/dist/avatar/src/Avatar.js +5 -5
  14. package/dist/avatar/src/AvatarGroup.css +66 -66
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +51 -51
  17. package/dist/avatar/src/BrokenAvatar.js +3 -3
  18. package/dist/avatar/src/DeletedAvatar.css +51 -51
  19. package/dist/avatar/src/DeletedAvatar.js +3 -3
  20. package/dist/avatar/src/RichIconAvatarImage.css +51 -51
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +99 -99
  23. package/dist/avatar/src/index.js +12 -12
  24. package/dist/badge/src/Badge.css +54 -54
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +49 -49
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +64 -64
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +107 -107
  31. package/dist/buttons/src/Button.js +6 -6
  32. package/dist/buttons/src/ButtonGroup.css +50 -50
  33. package/dist/buttons/src/ButtonGroup.js +1 -1
  34. package/dist/buttons/src/ClearButton.css +110 -110
  35. package/dist/buttons/src/ClearButton.js +2 -2
  36. package/dist/buttons/src/CloseButton.css +108 -108
  37. package/dist/buttons/src/CloseButton.js +7 -7
  38. package/dist/buttons/src/EmbeddedButton.css +110 -110
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +117 -117
  41. package/dist/buttons/src/LinkButton.js +5 -5
  42. package/dist/buttons/src/ToggleButton.css +143 -143
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +360 -360
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/calendar/src/Calendar.css +407 -407
  47. package/dist/calendar/src/Calendar.js +13 -13
  48. package/dist/calendar/src/CalendarCell.css +50 -50
  49. package/dist/calendar/src/CalendarCell.js +1 -1
  50. package/dist/calendar/src/CalendarGrid.css +78 -78
  51. package/dist/calendar/src/CalendarGrid.js +3 -3
  52. package/dist/calendar/src/CalendarHeader.css +363 -363
  53. package/dist/calendar/src/CalendarHeader.js +8 -8
  54. package/dist/calendar/src/RangeCalendar.css +410 -410
  55. package/dist/calendar/src/RangeCalendar.js +13 -13
  56. package/dist/calendar/src/RangeCalendarCell.css +58 -58
  57. package/dist/calendar/src/RangeCalendarCell.js +1 -1
  58. package/dist/calendar/src/index.css +413 -413
  59. package/dist/calendar/src/index.js +14 -14
  60. package/dist/callout/src/Callout.css +373 -373
  61. package/dist/callout/src/Callout.js +8 -8
  62. package/dist/callout/src/CompactCallout.css +409 -409
  63. package/dist/callout/src/CompactCallout.js +8 -8
  64. package/dist/callout/src/index.css +422 -422
  65. package/dist/callout/src/index.js +9 -9
  66. package/dist/card/src/Card.css +42 -42
  67. package/dist/card/src/Card.js +1 -1
  68. package/dist/card/src/index.css +42 -42
  69. package/dist/card/src/index.js +1 -1
  70. package/dist/checkbox/src/Checkbox.css +113 -156
  71. package/dist/checkbox/src/Checkbox.js +4 -4
  72. package/dist/checkbox/src/CheckboxField.css +45 -45
  73. package/dist/checkbox/src/CheckboxField.js +3 -3
  74. package/dist/checkbox/src/CheckboxGroup.css +221 -307
  75. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  76. package/dist/checkbox/src/DecorativeCheckbox.css +121 -164
  77. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  78. package/dist/checkbox/src/index.css +221 -307
  79. package/dist/checkbox/src/index.js +11 -11
  80. package/dist/{chunk-I7GVSGJ6.js → chunk-2CQGWCKB.js} +1 -1
  81. package/dist/{chunk-RDJ5BOJH.js → chunk-2ZDNDPGK.js} +4 -4
  82. package/dist/{chunk-7NIJDFG4.js → chunk-2ZRC4MPZ.js} +1 -1
  83. package/dist/{chunk-3ET7BSG3.js → chunk-34TVAZKQ.js} +3 -3
  84. package/dist/{chunk-2QDSB7RU.js → chunk-3HB3PXMI.js} +3 -3
  85. package/dist/{chunk-PCQ353E2.js → chunk-3O7N5GCZ.js} +2 -2
  86. package/dist/{chunk-JTV4BTWF.js → chunk-3QWUVBS3.js} +7 -7
  87. package/dist/{chunk-6Q3AIWK6.js → chunk-4K3SN6XV.js} +2 -2
  88. package/dist/{chunk-DQO2WLU5.js → chunk-4PY6B3PN.js} +2 -2
  89. package/dist/{chunk-FOWUCBEK.js → chunk-4RU3YQB6.js} +2 -2
  90. package/dist/{chunk-TFKLQR3D.js → chunk-4XBK3JX6.js} +1 -1
  91. package/dist/{chunk-ZVCZ7QNG.js → chunk-5QU2SEXO.js} +2 -2
  92. package/dist/{chunk-6WSEPZU6.js → chunk-5XI22RG5.js} +3 -3
  93. package/dist/{chunk-UTR3HXBL.js → chunk-6NI7FDEQ.js} +1 -1
  94. package/dist/{chunk-WKKQSTT3.js → chunk-7T7GAFAF.js} +1 -1
  95. package/dist/{chunk-54OFLIIC.js → chunk-7TKZM5NS.js} +1 -1
  96. package/dist/{chunk-LKD4TEOI.js → chunk-7V6T7A3R.js} +2 -2
  97. package/dist/{chunk-KUBIAJVF.js → chunk-ANOZ37BE.js} +2 -2
  98. package/dist/{chunk-G7MH5JZL.js → chunk-AU6SAD7A.js} +1 -1
  99. package/dist/{chunk-OT3IKPE7.js → chunk-AZONOB7W.js} +1 -1
  100. package/dist/{chunk-HDNZXN36.js → chunk-BFTFJOH6.js} +3 -3
  101. package/dist/{chunk-LRGNUS4L.js → chunk-BIENX4DP.js} +2 -2
  102. package/dist/{chunk-UWVB6VKA.js → chunk-BIJJGSHK.js} +1 -1
  103. package/dist/{chunk-NIRURJMR.js → chunk-BQHCLTQU.js} +3 -3
  104. package/dist/{chunk-GNPSVYEM.js → chunk-CBTDAYWY.js} +2 -2
  105. package/dist/{chunk-MO73NCR4.js → chunk-CWPMBMYZ.js} +1 -1
  106. package/dist/{chunk-3MBQCVWQ.js → chunk-D4AXUC2B.js} +5 -5
  107. package/dist/{chunk-EQ7D63OK.js → chunk-DM4WWWH5.js} +11 -11
  108. package/dist/{chunk-BFORC3OD.js → chunk-DSHY5PQG.js} +8 -8
  109. package/dist/{chunk-F3Y2Q2DO.js → chunk-E2STCUQY.js} +2 -2
  110. package/dist/{chunk-TNQL5WZS.js → chunk-E6254FKC.js} +1 -1
  111. package/dist/{chunk-AOU7AFZ2.js → chunk-EUDAJD6T.js} +9 -9
  112. package/dist/{chunk-R7VKYBC7.js → chunk-EUTGI4O6.js} +10 -10
  113. package/dist/{chunk-FR2WLMMX.js → chunk-F4DPBUCU.js} +8 -8
  114. package/dist/{chunk-VRVN3B3I.js → chunk-F6UFW7Y6.js} +3 -3
  115. package/dist/{chunk-6GNNNGPC.js → chunk-FLYSMT5H.js} +1 -1
  116. package/dist/{chunk-F4SLOFMY.js → chunk-FQXKEIEZ.js} +3 -3
  117. package/dist/{chunk-YR3MIREN.js → chunk-FTX3ARWY.js} +2 -2
  118. package/dist/{chunk-I55C2K2I.js → chunk-FWSR6YU5.js} +2 -2
  119. package/dist/{chunk-2NJHOD64.js → chunk-GNEICXRO.js} +1 -1
  120. package/dist/{chunk-35ITQ4CL.js → chunk-GROYQIPO.js} +2 -2
  121. package/dist/{chunk-EF77DE76.js → chunk-GWCREHE7.js} +1 -1
  122. package/dist/{chunk-EYQK72QI.js → chunk-HC6P73NC.js} +2 -2
  123. package/dist/{chunk-D4FUH3XH.js → chunk-HHPMRVA3.js} +1 -1
  124. package/dist/{chunk-VUY66CWU.js → chunk-HS4HNJBY.js} +1 -1
  125. package/dist/{chunk-PD3WQXY7.js → chunk-I6S2EDGP.js} +2 -2
  126. package/dist/{chunk-AY73R75T.js → chunk-ILMHM23B.js} +3 -3
  127. package/dist/{chunk-AZGAVNPW.js → chunk-J2SSEHHQ.js} +1 -1
  128. package/dist/{chunk-CO6AQ5UC.js → chunk-J4HPIZFI.js} +3 -3
  129. package/dist/{chunk-DEBKYBOA.js → chunk-JFTPKNLR.js} +5 -5
  130. package/dist/{chunk-6JAUUWP6.js → chunk-JNXIEL4O.js} +4 -4
  131. package/dist/{chunk-XQ5GLI43.js → chunk-JV6DZH34.js} +2 -2
  132. package/dist/{chunk-BI7Q7MFA.js → chunk-K5LLMQ24.js} +1 -1
  133. package/dist/{chunk-WWLXWVCL.js → chunk-KF245MPG.js} +8 -8
  134. package/dist/{chunk-YG6X3RCQ.js → chunk-KVNB3AID.js} +1 -1
  135. package/dist/{chunk-7XPEO2NI.js → chunk-LANPKVFA.js} +2 -2
  136. package/dist/{chunk-VMTYH3GC.js → chunk-LCF6ESRN.js} +3 -3
  137. package/dist/{chunk-XME7DEPS.js → chunk-MN4KVZVC.js} +3 -3
  138. package/dist/{chunk-WXOPUZ4N.js → chunk-NGZ5IX27.js} +1 -1
  139. package/dist/{chunk-7TSUYIK5.js → chunk-NME44I3E.js} +2 -2
  140. package/dist/{chunk-OSPLYSWT.js → chunk-NSKGR7EQ.js} +1 -1
  141. package/dist/{chunk-X2OGMF7K.js → chunk-NV3ULMF6.js} +1 -1
  142. package/dist/{chunk-Q6LECZD4.js → chunk-OESGC7ZV.js} +4 -4
  143. package/dist/{chunk-YET6O3D5.js → chunk-OHQJ4YFQ.js} +2 -2
  144. package/dist/{chunk-ORC6HDXR.js → chunk-OLMW3BCP.js} +1 -1
  145. package/dist/{chunk-ZEAYTP4F.js → chunk-OWKFQH3U.js} +2 -2
  146. package/dist/{chunk-S5UR7PGB.js → chunk-PARE5RQN.js} +1 -1
  147. package/dist/{chunk-HX2VYCZI.js → chunk-PDMQCRUB.js} +2 -2
  148. package/dist/{chunk-R6KCL3XV.js → chunk-PNTWY3LK.js} +2 -2
  149. package/dist/{chunk-SKNP53QI.js → chunk-QQXGJPAP.js} +1 -1
  150. package/dist/{chunk-25BXFRL6.js → chunk-S37NS2CV.js} +3 -3
  151. package/dist/{chunk-L7XRAGOA.js → chunk-S53QYY3H.js} +2 -2
  152. package/dist/{chunk-2RYCOWPW.js → chunk-SC2ME5FC.js} +3 -3
  153. package/dist/{chunk-7M2JL4ZL.js → chunk-SIMTIPGG.js} +1 -1
  154. package/dist/{chunk-V6MHFX5U.js → chunk-SMGGNKAM.js} +5 -5
  155. package/dist/{chunk-MDLTLRP7.js → chunk-SN4DJV5S.js} +3 -3
  156. package/dist/{chunk-ENLS2BJW.js → chunk-SPTHRAXU.js} +2 -2
  157. package/dist/{chunk-ZBHAMPWR.js → chunk-SX7CEBQP.js} +7 -7
  158. package/dist/{chunk-YY2WPGBL.js → chunk-SY4GVHGO.js} +1 -1
  159. package/dist/{chunk-HR7SDNJU.js → chunk-TJITPSRH.js} +1 -1
  160. package/dist/{chunk-VLZOVSTT.js → chunk-TJW3AKHB.js} +1 -1
  161. package/dist/{chunk-7UPATFHZ.js → chunk-TQ5M6PJA.js} +1 -1
  162. package/dist/{chunk-OO43LPW4.js → chunk-UKGD26TD.js} +3 -3
  163. package/dist/{chunk-S2CX7TTF.js → chunk-VAOGSSKM.js} +1 -1
  164. package/dist/{chunk-6NQGEN7M.js → chunk-VD4L5CAW.js} +12 -12
  165. package/dist/{chunk-A5DS6ECS.js → chunk-VSBEZAAE.js} +4 -4
  166. package/dist/{chunk-KC6BFJHC.js → chunk-WCO4TS6H.js} +2 -2
  167. package/dist/{chunk-ZIMNC2AT.js → chunk-WMNPJRJZ.js} +9 -9
  168. package/dist/{chunk-5JYSHFLV.js → chunk-WTGN6TXW.js} +1 -1
  169. package/dist/{chunk-GSVYUU3Z.js → chunk-XUSBWJRN.js} +5 -5
  170. package/dist/{chunk-HRCJPJYN.js → chunk-XYLNUHWM.js} +5 -5
  171. package/dist/{chunk-JSXMNTYW.js → chunk-XYV5TRQO.js} +1 -1
  172. package/dist/{chunk-PYB226LI.js → chunk-YIM4UGNE.js} +1 -1
  173. package/dist/{chunk-YOW5YM3J.js → chunk-YJXMNEV7.js} +2 -2
  174. package/dist/{chunk-BCRQVEML.js → chunk-YO2IAV5F.js} +2 -2
  175. package/dist/{chunk-JYOCX2EN.js → chunk-ZHVDORSI.js} +2 -2
  176. package/dist/{chunk-A54HQOZ4.js → chunk-ZV7AXRN2.js} +2 -2
  177. package/dist/combobox/src/ComboBox.css +1010 -1180
  178. package/dist/combobox/src/ComboBox.js +18 -18
  179. package/dist/combobox/src/index.css +1010 -1180
  180. package/dist/combobox/src/index.js +18 -18
  181. package/dist/contextual-help/src/ContextualHelp.css +929 -1099
  182. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  183. package/dist/contextual-help/src/index.css +929 -1099
  184. package/dist/contextual-help/src/index.js +4 -4
  185. package/dist/date-picker/src/DateInput.css +52 -52
  186. package/dist/date-picker/src/DateInput.js +1 -1
  187. package/dist/date-picker/src/DatePicker.css +1070 -1240
  188. package/dist/date-picker/src/DatePicker.js +20 -20
  189. package/dist/date-picker/src/DateRangePicker.css +1073 -1243
  190. package/dist/date-picker/src/DateRangePicker.js +20 -20
  191. package/dist/date-picker/src/index.css +1081 -1251
  192. package/dist/date-picker/src/index.js +22 -22
  193. package/dist/disclosure/src/Disclosure.css +49 -49
  194. package/dist/disclosure/src/Disclosure.js +2 -2
  195. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  196. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  197. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  198. package/dist/disclosure/src/DisclosurePanel.js +4 -4
  199. package/dist/disclosure/src/index.css +74 -74
  200. package/dist/disclosure/src/index.js +8 -8
  201. package/dist/divider/src/Divider.css +41 -41
  202. package/dist/divider/src/Divider.js +1 -1
  203. package/dist/divider/src/index.css +41 -41
  204. package/dist/divider/src/index.js +1 -1
  205. package/dist/error-message/src/ErrorMessage.css +41 -41
  206. package/dist/error-message/src/ErrorMessage.js +2 -2
  207. package/dist/error-message/src/index.css +41 -41
  208. package/dist/error-message/src/index.js +2 -2
  209. package/dist/form/src/Form.css +39 -39
  210. package/dist/form/src/Form.js +1 -1
  211. package/dist/form/src/index.css +39 -39
  212. package/dist/form/src/index.js +1 -1
  213. package/dist/header/src/Header.css +39 -39
  214. package/dist/header/src/index.css +39 -39
  215. package/dist/helper-message/src/HelperMessage.css +41 -41
  216. package/dist/helper-message/src/HelperMessage.js +2 -2
  217. package/dist/helper-message/src/index.css +41 -41
  218. package/dist/helper-message/src/index.js +2 -2
  219. package/dist/icon-list/src/IconList.css +40 -40
  220. package/dist/icon-list/src/IconList.js +1 -1
  221. package/dist/icon-list/src/index.css +40 -40
  222. package/dist/icon-list/src/index.js +1 -1
  223. package/dist/illustrated-message/src/IllustratedMessage.css +382 -382
  224. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  225. package/dist/illustrated-message/src/index.css +382 -382
  226. package/dist/illustrated-message/src/index.js +1 -1
  227. package/dist/illustration/src/Illustration.css +48 -48
  228. package/dist/illustration/src/Illustration.js +1 -1
  229. package/dist/illustration/src/index.css +48 -48
  230. package/dist/illustration/src/index.js +1 -1
  231. package/dist/image/src/Image.css +42 -42
  232. package/dist/image/src/Image.js +1 -1
  233. package/dist/image/src/SvgImage.css +40 -40
  234. package/dist/image/src/SvgImage.js +1 -1
  235. package/dist/image/src/index.css +43 -43
  236. package/dist/image/src/index.js +2 -2
  237. package/dist/index.css +1479 -1649
  238. package/dist/index.js +111 -111
  239. package/dist/inputs/src/Input.css +44 -44
  240. package/dist/inputs/src/Input.js +1 -1
  241. package/dist/inputs/src/InputGroup.css +45 -45
  242. package/dist/inputs/src/InputGroup.js +1 -1
  243. package/dist/inputs/src/NumberField.css +70 -70
  244. package/dist/inputs/src/NumberField.js +10 -10
  245. package/dist/inputs/src/PasswordField.css +381 -381
  246. package/dist/inputs/src/PasswordField.js +10 -10
  247. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  248. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  249. package/dist/inputs/src/SearchField.css +387 -387
  250. package/dist/inputs/src/SearchField.js +11 -11
  251. package/dist/inputs/src/TextArea.css +69 -69
  252. package/dist/inputs/src/TextArea.js +9 -9
  253. package/dist/inputs/src/TextField.css +385 -385
  254. package/dist/inputs/src/TextField.js +13 -13
  255. package/dist/inputs/src/index.css +436 -436
  256. package/dist/inputs/src/index.js +17 -17
  257. package/dist/layout/src/Content.css +39 -39
  258. package/dist/layout/src/Footer.css +39 -39
  259. package/dist/link/src/Link.css +78 -78
  260. package/dist/link/src/Link.js +3 -3
  261. package/dist/link/src/index.css +78 -78
  262. package/dist/link/src/index.js +3 -3
  263. package/dist/list-box/src/ListBox.css +540 -710
  264. package/dist/list-box/src/ListBox.js +8 -8
  265. package/dist/list-box/src/ListBoxItem.css +528 -698
  266. package/dist/list-box/src/ListBoxItem.js +7 -7
  267. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  268. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  269. package/dist/list-box/src/index.css +540 -710
  270. package/dist/list-box/src/index.js +8 -8
  271. package/dist/menu/src/Menu.css +931 -1101
  272. package/dist/menu/src/Menu.js +2 -2
  273. package/dist/menu/src/MenuItem.css +124 -124
  274. package/dist/menu/src/MenuItem.js +2 -2
  275. package/dist/menu/src/MenuSection.css +41 -41
  276. package/dist/menu/src/MenuSection.js +1 -1
  277. package/dist/menu/src/index.css +957 -1127
  278. package/dist/menu/src/index.js +5 -5
  279. package/dist/modal/src/BaseModal.css +2 -2
  280. package/dist/modal/src/BaseModal.js +2 -2
  281. package/dist/modal/src/CustomModal.css +55 -55
  282. package/dist/modal/src/CustomModal.js +3 -3
  283. package/dist/modal/src/Modal.css +403 -403
  284. package/dist/modal/src/Modal.js +10 -10
  285. package/dist/modal/src/index.css +417 -417
  286. package/dist/modal/src/index.js +11 -11
  287. package/dist/overlays/popover/src/Popover.css +923 -1093
  288. package/dist/overlays/popover/src/Popover.js +1 -1
  289. package/dist/overlays/popover/src/PopoverBase.css +42 -42
  290. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  291. package/dist/overlays/popover/src/index.css +926 -1096
  292. package/dist/overlays/popover/src/index.js +2 -2
  293. package/dist/radio/src/DecorativeRadio.css +121 -163
  294. package/dist/radio/src/DecorativeRadio.js +3 -3
  295. package/dist/radio/src/Radio.css +113 -155
  296. package/dist/radio/src/Radio.js +3 -3
  297. package/dist/radio/src/RadioField.css +45 -45
  298. package/dist/radio/src/RadioField.js +2 -2
  299. package/dist/radio/src/RadioGroup.css +221 -305
  300. package/dist/radio/src/RadioGroup.js +7 -7
  301. package/dist/radio/src/index.css +221 -305
  302. package/dist/radio/src/index.js +11 -11
  303. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  304. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  305. package/dist/segmented-control/src/SegmentedControlItem.css +54 -54
  306. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  307. package/dist/segmented-control/src/index.css +55 -55
  308. package/dist/segmented-control/src/index.js +3 -3
  309. package/dist/select/src/MultiSelect.css +1024 -1194
  310. package/dist/select/src/MultiSelect.js +23 -23
  311. package/dist/select/src/Select.css +1024 -1194
  312. package/dist/select/src/Select.js +23 -23
  313. package/dist/select/src/SelectInternal.css +1024 -1194
  314. package/dist/select/src/SelectInternal.js +22 -22
  315. package/dist/select/src/SelectValue.css +105 -105
  316. package/dist/select/src/SelectValue.js +3 -3
  317. package/dist/select/src/index.css +1024 -1194
  318. package/dist/select/src/index.js +24 -24
  319. package/dist/spinner/src/Spinner.css +49 -49
  320. package/dist/spinner/src/Spinner.js +2 -2
  321. package/dist/spinner/src/index.css +49 -49
  322. package/dist/spinner/src/index.js +2 -2
  323. package/dist/switch/src/Switch.css +55 -55
  324. package/dist/switch/src/Switch.js +3 -3
  325. package/dist/switch/src/SwitchField.css +45 -45
  326. package/dist/switch/src/SwitchField.js +2 -2
  327. package/dist/switch/src/index.css +61 -61
  328. package/dist/switch/src/index.js +4 -4
  329. package/dist/tabs/src/Tab.css +558 -558
  330. package/dist/tabs/src/Tab.js +3 -3
  331. package/dist/tabs/src/TabList.css +44 -44
  332. package/dist/tabs/src/TabList.js +1 -1
  333. package/dist/tabs/src/TabPanel.css +41 -41
  334. package/dist/tabs/src/TabPanel.js +1 -1
  335. package/dist/tabs/src/index.css +565 -565
  336. package/dist/tabs/src/index.js +5 -5
  337. package/dist/tag/src/Tag.css +533 -533
  338. package/dist/tag/src/Tag.js +8 -8
  339. package/dist/tag/src/TagGroup.css +49 -49
  340. package/dist/tag/src/TagGroup.js +7 -7
  341. package/dist/tag/src/index.css +543 -543
  342. package/dist/tag/src/index.js +13 -13
  343. package/dist/tile/src/Tile.css +66 -66
  344. package/dist/tile/src/Tile.js +1 -1
  345. package/dist/tile/src/TileGroup.css +40 -40
  346. package/dist/tile/src/TileGroup.js +1 -1
  347. package/dist/tile/src/index.css +67 -67
  348. package/dist/tile/src/index.js +2 -2
  349. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  350. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  351. package/dist/toggle-arrow/src/index.css +41 -41
  352. package/dist/toggle-arrow/src/index.js +1 -1
  353. package/dist/tooltip/src/Tooltip.css +49 -49
  354. package/dist/tooltip/src/Tooltip.js +3 -3
  355. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  356. package/dist/tooltip/src/index.css +49 -49
  357. package/dist/tooltip/src/index.js +3 -3
  358. package/dist/typography/heading/src/Heading.css +39 -39
  359. package/dist/typography/heading/src/Heading.js +1 -1
  360. package/dist/typography/heading/src/index.css +39 -39
  361. package/dist/typography/heading/src/index.js +1 -1
  362. package/dist/typography/label/src/FieldLabel.css +39 -39
  363. package/dist/typography/label/src/FieldLabel.js +3 -3
  364. package/dist/typography/label/src/Label.css +39 -39
  365. package/dist/typography/label/src/Label.js +1 -1
  366. package/dist/typography/label/src/index.css +39 -39
  367. package/dist/typography/label/src/index.js +3 -3
  368. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  369. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  370. package/dist/typography/overline-text/src/index.css +39 -39
  371. package/dist/typography/overline-text/src/index.js +1 -1
  372. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  373. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  374. package/dist/typography/paragraph/src/index.css +39 -39
  375. package/dist/typography/paragraph/src/index.js +2 -2
  376. package/dist/typography/text/src/Text.css +39 -39
  377. package/dist/typography/text/src/Text.js +1 -1
  378. package/dist/typography/text/src/index.css +39 -39
  379. package/dist/typography/text/src/index.js +1 -1
  380. package/dist/utils/src/ClearSlots.css +39 -39
  381. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  382. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  383. package/dist/utils/src/index.css +39 -39
  384. package/dist/utils/src/index.js +3 -3
  385. package/package.json +2 -2
package/dist/menu/src/Menu.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___NhHqU {
2
+ .Heading-module__hop-Heading___-kJug {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,53 +33,53 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___NhHqU) {
36
+ :where(.Heading-module__hop-Heading___-kJug) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___NhHqU):not(.Heading-module__hop-Heading--unset___24Qyo) {
40
+ :where(.Heading-module__hop-Heading___-kJug):not(.Heading-module__hop-Heading--unset___UAJVQ) {
41
41
  font-family: var(--font-family);
42
42
  font-size: var(--font-size);
43
43
  font-weight: var(--font-weight);
44
44
  line-height: var(--line-height);
45
45
  }
46
- :where(.Heading-module__hop-Heading--xs___jL1Ne) {
46
+ :where(.Heading-module__hop-Heading--xs___kIuc5) {
47
47
  --font-size: var(--hop-Heading-xs-font-size);
48
48
  --font-family: var(--hop-Heading-xs-font-family);
49
49
  --font-weight: var(--hop-Heading-xs-font-weight);
50
50
  --line-height: var(--hop-Heading-xs-line-height);
51
51
  }
52
- :where(.Heading-module__hop-Heading--sm___gZFDM) {
52
+ :where(.Heading-module__hop-Heading--sm___le-t6) {
53
53
  --font-size: var(--hop-Heading-sm-font-size);
54
54
  --font-family: var(--hop-Heading-sm-font-family);
55
55
  --font-weight: var(--hop-Heading-sm-font-weight);
56
56
  --line-height: var(--hop-Heading-sm-line-height);
57
57
  }
58
- :where(.Heading-module__hop-Heading--md___UIMdZ) {
58
+ :where(.Heading-module__hop-Heading--md___ThcdW) {
59
59
  --font-size: var(--hop-Heading-md-font-size);
60
60
  --font-family: var(--hop-Heading-md-font-family);
61
61
  --font-weight: var(--hop-Heading-md-font-weight);
62
62
  --line-height: var(--hop-Heading-md-line-height);
63
63
  }
64
- :where(.Heading-module__hop-Heading--lg___NcRO1) {
64
+ :where(.Heading-module__hop-Heading--lg___BD9AK) {
65
65
  --font-size: var(--hop-Heading-lg-font-size);
66
66
  --font-family: var(--hop-Heading-lg-font-family);
67
67
  --font-weight: var(--hop-Heading-lg-font-weight);
68
68
  --line-height: var(--hop-Heading-lg-line-height);
69
69
  }
70
- :where(.Heading-module__hop-Heading--xl___Lamyc) {
70
+ :where(.Heading-module__hop-Heading--xl___EnLNJ) {
71
71
  --font-size: var(--hop-Heading-xl-font-size);
72
72
  --font-family: var(--hop-Heading-xl-font-family);
73
73
  --font-weight: var(--hop-Heading-xl-font-weight);
74
74
  --line-height: var(--hop-Heading-xl-line-height);
75
75
  }
76
- :where(.Heading-module__hop-Heading--2xl___4pIru) {
76
+ :where(.Heading-module__hop-Heading--2xl___GASPv) {
77
77
  --font-size: var(--hop-Heading-2xl-font-size);
78
78
  --font-family: var(--hop-Heading-2xl-font-family);
79
79
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
80
  --line-height: var(--hop-Heading-2xl-line-height);
81
81
  }
82
- :where(.Heading-module__hop-Heading--3xl___ixFIY) {
82
+ :where(.Heading-module__hop-Heading--3xl___sGbGc) {
83
83
  --font-size: var(--hop-Heading-3xl-font-size);
84
84
  --font-family: var(--hop-Heading-3xl-font-family);
85
85
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +87,21 @@
87
87
  }
88
88
 
89
89
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
90
- .Form-module__hop-Form___vwqkr {
90
+ .Form-module__hop-Form___vDHRu {
91
91
  display: flex;
92
92
  flex-direction: column;
93
93
  gap: var(--hop-space-stack-lg);
94
94
  }
95
95
 
96
96
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
97
- .Label-module__hop-Label___g4zto {
97
+ .Label-module__hop-Label___yv9eO {
98
98
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
99
99
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
100
100
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
101
101
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
102
102
  --hop-Label-color: var(--hop-neutral-text-weak);
103
103
  }
104
- :where(.Label-module__hop-Label___g4zto) {
104
+ :where(.Label-module__hop-Label___yv9eO) {
105
105
  font-family: var(--hop-Label-font-family);
106
106
  font-size: var(--hop-Label-font-size);
107
107
  font-weight: var(--hop-Label-font-weight);
@@ -110,17 +110,17 @@
110
110
  }
111
111
 
112
112
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
113
- .FieldLabel-module__hop-FieldLabel__wrapper___dx23- {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___XQYTr {
114
114
  display: flex;
115
115
  gap: var(--hop-space-inset-xs);
116
116
  align-items: center;
117
117
  }
118
- .FieldLabel-module__hop-FieldLabel__indicator___IDgJ9 {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___ssHFv {
119
119
  padding-inline-start: var(--hop-space-20);
120
120
  }
121
121
 
122
122
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
123
- :where(.OverlineText-module__hop-OverlineText___Qs5iK) {
123
+ :where(.OverlineText-module__hop-OverlineText___8bJ3o) {
124
124
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
125
125
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
126
126
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -144,26 +144,26 @@
144
144
  text-transform: uppercase;
145
145
  letter-spacing: var(--letter-spacing);
146
146
  }
147
- .OverlineText-module__hop-OverlineText__text___pPBO- {
147
+ .OverlineText-module__hop-OverlineText__text___SRj5P {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___pPBO-::before,
151
- .OverlineText-module__hop-OverlineText__text___pPBO-::after {
150
+ .OverlineText-module__hop-OverlineText__text___SRj5P::before,
151
+ .OverlineText-module__hop-OverlineText__text___SRj5P::after {
152
152
  content: "";
153
153
  display: block;
154
154
  box-sizing: border-box;
155
155
  inline-size: 0;
156
156
  block-size: 0;
157
157
  }
158
- .OverlineText-module__hop-OverlineText__text___pPBO-::before {
158
+ .OverlineText-module__hop-OverlineText__text___SRj5P::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___pPBO-::after {
161
+ .OverlineText-module__hop-OverlineText__text___SRj5P::after {
162
162
  margin-block-start: var(--top-offset);
163
163
  }
164
164
 
165
165
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
166
- .Text-module__hop-Text___eYLrv {
166
+ .Text-module__hop-Text___ZJssI {
167
167
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
168
168
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
169
169
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -193,49 +193,49 @@
193
193
  --hop-Text-inherit-size-font-weight: inherit;
194
194
  --hop-Text-inherit-size-line-height: inherit;
195
195
  }
196
- :where(.Text-module__hop-Text___eYLrv) {
196
+ :where(.Text-module__hop-Text___ZJssI) {
197
197
  font-family: var(--font-family);
198
198
  font-size: var(--font-size);
199
199
  font-weight: var(--font-weight);
200
200
  line-height: var(--line-height);
201
201
  }
202
- :where(.Text-module__hop-Text--xs___Vv7sG) {
202
+ :where(.Text-module__hop-Text--xs___1wMM2) {
203
203
  --font-size: var(--hop-Text-xs-font-size);
204
204
  --font-family: var(--hop-Text-xs-font-family);
205
205
  --font-weight: var(--hop-Text-xs-font-weight);
206
206
  --line-height: var(--hop-Text-xs-line-height);
207
207
  }
208
- :where(.Text-module__hop-Text--sm___qbQcO) {
208
+ :where(.Text-module__hop-Text--sm___mIbbi) {
209
209
  --font-size: var(--hop-Text-sm-font-size);
210
210
  --font-family: var(--hop-Text-sm-font-family);
211
211
  --font-weight: var(--hop-Text-sm-font-weight);
212
212
  --line-height: var(--hop-Text-sm-line-height);
213
213
  }
214
- :where(.Text-module__hop-Text--md___PT7GS) {
214
+ :where(.Text-module__hop-Text--md___G8RCC) {
215
215
  --font-size: var(--hop-Text-md-font-size);
216
216
  --font-family: var(--hop-Text-md-font-family);
217
217
  --font-weight: var(--hop-Text-md-font-weight);
218
218
  --line-height: var(--hop-Text-md-line-height);
219
219
  }
220
- :where(.Text-module__hop-Text--lg___hMk53) {
220
+ :where(.Text-module__hop-Text--lg___xrqee) {
221
221
  --font-size: var(--hop-Text-lg-font-size);
222
222
  --font-family: var(--hop-Text-lg-font-family);
223
223
  --font-weight: var(--hop-Text-lg-font-weight);
224
224
  --line-height: var(--hop-Text-lg-line-height);
225
225
  }
226
- :where(.Text-module__hop-Text--xl___V-Meh) {
226
+ :where(.Text-module__hop-Text--xl___lxy4p) {
227
227
  --font-size: var(--hop-Text-xl-font-size);
228
228
  --font-family: var(--hop-Text-xl-font-family);
229
229
  --font-weight: var(--hop-Text-xl-font-weight);
230
230
  --line-height: var(--hop-Text-xl-line-height);
231
231
  }
232
- :where(.Text-module__hop-Text--2xl___Ni8q3) {
232
+ :where(.Text-module__hop-Text--2xl___v9heN) {
233
233
  --font-size: var(--hop-Text-2xl-font-size);
234
234
  --font-family: var(--hop-Text-2xl-font-family);
235
235
  --font-weight: var(--hop-Text-2xl-font-weight);
236
236
  --line-height: var(--hop-Text-2xl-line-height);
237
237
  }
238
- :where(.Text-module__hop-Text--inherit___-Un5b) {
238
+ :where(.Text-module__hop-Text--inherit___ouHMs) {
239
239
  --font-size: var(--hop-Text-inherit-size-font-size);
240
240
  --font-family: var(--hop-Text-inherit-size-font-family);
241
241
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -243,7 +243,7 @@
243
243
  }
244
244
 
245
245
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
246
- .Paragraph-module__hop-Paragraph___BhNM6 {
246
+ .Paragraph-module__hop-Paragraph___-dkcT {
247
247
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
248
248
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
249
249
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,33 +255,33 @@
255
255
  margin-block-end: var(--margin-block-end);
256
256
  overflow-wrap: break-word;
257
257
  }
258
- .Paragraph-module__hop-Paragraph___BhNM6:last-child {
258
+ .Paragraph-module__hop-Paragraph___-dkcT:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___AbTxy {
261
+ .Paragraph-module__hop-Paragraph--xs___E4A-L {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___mOfbM {
264
+ .Paragraph-module__hop-Paragraph--sm___3UncA {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___4pIxq {
267
+ .Paragraph-module__hop-Paragraph--md___ErHKv {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___PAPbV {
270
+ .Paragraph-module__hop-Paragraph--lg___nxYR1 {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___iSQFQ {
273
+ .Paragraph-module__hop-Paragraph--xl___a-C-s {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___3N3Z8 {
276
+ .Paragraph-module__hop-Paragraph--2xl___gA2Xn {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___VMzKx {
279
+ .Paragraph-module__hop-Paragraph--inherit___j7WsM {
280
280
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
281
281
  }
282
282
 
283
283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/divider/src/Divider.module.css/#css-module-data */
284
- :where(.Divider-module__hop-Divider___2zWiS) {
284
+ :where(.Divider-module__hop-Divider___lYyy-) {
285
285
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
286
286
  --hop-Divider-border-size: 0.0625rem;
287
287
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -306,7 +306,7 @@
306
306
  border-block-end: var(--border-block-end);
307
307
  border-inline-start: var(--border-inline-start);
308
308
  }
309
- .Divider-module__hop-Divider--vertical___OpRsN {
309
+ .Divider-module__hop-Divider--vertical___B33-p {
310
310
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
311
311
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
312
312
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -315,7 +315,7 @@
315
315
  }
316
316
 
317
317
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
318
- .IconList-module__hop-IconList___rlTTs {
318
+ .IconList-module__hop-IconList___nUIuy {
319
319
  --hop-IconList-gap: var(--hop-space-inline-xs);
320
320
  display: flex;
321
321
  flex-wrap: wrap;
@@ -324,7 +324,7 @@
324
324
  }
325
325
 
326
326
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
327
- @keyframes Spinner-module__spin___s-Icm {
327
+ @keyframes Spinner-module__spin___srg85 {
328
328
  0% {
329
329
  transform: rotate(0deg);
330
330
  }
@@ -332,7 +332,7 @@
332
332
  transform: rotate(360deg);
333
333
  }
334
334
  }
335
- .Spinner-module__hop-Spinner___tiBDt {
335
+ .Spinner-module__hop-Spinner___TQ5jY {
336
336
  --hop-Spinner-border-radius: var(--hop-shape-circle);
337
337
  --hop-Spinner-sm-wheel-size: 1rem;
338
338
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -340,7 +340,7 @@
340
340
  --hop-Spinner-track-width: 0.125rem;
341
341
  --hop-Spinner-track-opacity: 0.2;
342
342
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
343
- --hop-Spinner-fill-animation: Spinner-module__spin___s-Icm .8s infinite linear;
343
+ --hop-Spinner-fill-animation: Spinner-module__spin___srg85 .8s infinite linear;
344
344
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
345
345
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
346
346
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -351,19 +351,19 @@
351
351
  align-items: center;
352
352
  box-sizing: border-box;
353
353
  }
354
- .Spinner-module__hop-Spinner--sm___oZsev {
354
+ .Spinner-module__hop-Spinner--sm___-E4Zi {
355
355
  --width: var(--hop-Spinner-sm-wheel-size);
356
356
  --height: var(--hop-Spinner-sm-wheel-size);
357
357
  }
358
- .Spinner-module__hop-Spinner--md___InFww {
358
+ .Spinner-module__hop-Spinner--md___LBUz- {
359
359
  --width: var(--hop-Spinner-md-wheel-size);
360
360
  --height: var(--hop-Spinner-md-wheel-size);
361
361
  }
362
- .Spinner-module__hop-Spinner--lg___g75yg {
362
+ .Spinner-module__hop-Spinner--lg___1VXG5 {
363
363
  --width: var(--hop-Spinner-lg-wheel-size);
364
364
  --height: var(--hop-Spinner-lg-wheel-size);
365
365
  }
366
- .Spinner-module__hop-Spinner__track___XTSKf {
366
+ .Spinner-module__hop-Spinner__track___S8oJW {
367
367
  grid-area: spinner;
368
368
  box-sizing: border-box;
369
369
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -372,7 +372,7 @@
372
372
  border: var(--hop-Spinner-track-border);
373
373
  border-radius: var(--hop-Spinner-border-radius);
374
374
  }
375
- .Spinner-module__hop-Spinner__fill___Aa0Hj {
375
+ .Spinner-module__hop-Spinner__fill___Asq-i {
376
376
  grid-area: spinner;
377
377
  box-sizing: border-box;
378
378
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -383,17 +383,17 @@
383
383
  animation: var(--hop-Spinner-fill-animation);
384
384
  }
385
385
  @media (prefers-reduced-motion: reduce) {
386
- .Spinner-module__hop-Spinner__fill___Aa0Hj {
386
+ .Spinner-module__hop-Spinner__fill___Asq-i {
387
387
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
388
388
  }
389
389
  }
390
- .Spinner-module__hop-Spinner__label___oFhh- {
390
+ .Spinner-module__hop-Spinner__label___iOVyn {
391
391
  grid-area: label;
392
392
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
393
393
  }
394
394
 
395
395
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
396
- .Button-module__hop-Button___pWlH9 {
396
+ .Button-module__hop-Button___tNbL- {
397
397
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
398
398
  --hop-Button-column-gap: var(--hop-space-inline-xs);
399
399
  --hop-Button-icon-only-column-gap: 0;
@@ -473,220 +473,220 @@
473
473
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
474
474
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
475
475
  }
476
- .Button-module__hop-Button--fluid___wPOaF {
476
+ .Button-module__hop-Button--fluid___-4zbn {
477
477
  --inline-size: 100%;
478
478
  }
479
- .Button-module__hop-Button--xs___KK91l {
479
+ .Button-module__hop-Button--xs___RJ6Yz {
480
480
  --block-size: var(--hop-Button-xs-height);
481
481
  --padding: var(--hop-Button-xs-padding);
482
482
  }
483
- .Button-module__hop-Button--xs___KK91l[class*=--ghost] {
483
+ .Button-module__hop-Button--xs___RJ6Yz[class*=--ghost] {
484
484
  --padding: var(--hop-Button-ghost-xs-padding);
485
485
  }
486
- .Button-module__hop-Button--sm___Mv9Gy {
486
+ .Button-module__hop-Button--sm___axzb- {
487
487
  --block-size: var(--hop-Button-sm-height);
488
488
  --padding: var(--hop-Button-sm-padding);
489
489
  }
490
- .Button-module__hop-Button--sm___Mv9Gy[class*=--ghost] {
490
+ .Button-module__hop-Button--sm___axzb-[class*=--ghost] {
491
491
  --padding: var(--hop-Button-ghost-sm-padding);
492
492
  }
493
- .Button-module__hop-Button--md___PdrWq[class*=--ghost] {
493
+ .Button-module__hop-Button--md___56TZh[class*=--ghost] {
494
494
  --padding: var(--hop-Button-ghost-md-padding);
495
495
  }
496
- .Button-module__hop-Button--icon-only___oHFFz {
496
+ .Button-module__hop-Button--icon-only___a9tMt {
497
497
  --column-gap: var(--hop-Button-icon-only-column-gap);
498
498
  --padding: var(--hop-Button-icon-only-padding);
499
499
  aspect-ratio: 1;
500
500
  }
501
- .Button-module__hop-Button--primary___SH4fc {
501
+ .Button-module__hop-Button--primary___Y9f6g {
502
502
  --background-color: var(--hop-comp-button-primary-background-color);
503
503
  --color: var(--hop-comp-button-primary-text-color);
504
504
  --border: var(--hop-Button-primary-border);
505
505
  --spinner-color: var(--hop-Button-primary-spinner-color);
506
506
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
507
507
  }
508
- .Button-module__hop-Button--primary___SH4fc[data-hovered],
509
- .Button-module__hop-Button--primary___SH4fc[data-focus-visible] {
508
+ .Button-module__hop-Button--primary___Y9f6g[data-hovered],
509
+ .Button-module__hop-Button--primary___Y9f6g[data-focus-visible] {
510
510
  --background-color: var(--hop-comp-button-primary-background-color-hover);
511
511
  --color: var(--hop-comp-button-primary-text-color-hover);
512
512
  --border: var(--hop-Button-primary-border-hover);
513
513
  }
514
- .Button-module__hop-Button--primary___SH4fc[data-pressed] {
514
+ .Button-module__hop-Button--primary___Y9f6g[data-pressed] {
515
515
  --background-color: var(--hop-comp-button-primary-background-color-pressed);
516
516
  --color: var(--hop-comp-button-primary-text-color-pressed);
517
517
  --border: var(--hop-Button-primary-border-pressed);
518
518
  }
519
- .Button-module__hop-Button--secondary___U-Nnx {
519
+ .Button-module__hop-Button--secondary___HmSwG {
520
520
  --background-color: var(--hop-comp-button-secondary-background-color);
521
521
  --color: var(--hop-comp-button-secondary-text-color);
522
522
  --border: var(--hop-Button-secondary-border);
523
523
  --spinner-color: var(--hop-Button-secondary-spinner-color);
524
524
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
525
525
  }
526
- .Button-module__hop-Button--secondary___U-Nnx[data-hovered],
527
- .Button-module__hop-Button--secondary___U-Nnx[data-focus-visible] {
526
+ .Button-module__hop-Button--secondary___HmSwG[data-hovered],
527
+ .Button-module__hop-Button--secondary___HmSwG[data-focus-visible] {
528
528
  --background-color: var(--hop-comp-button-secondary-background-color-hover);
529
529
  --color: var(--hop-comp-button-secondary-text-color-hover);
530
530
  --border: var(--hop-Button-secondary-border-hover);
531
531
  }
532
- .Button-module__hop-Button--secondary___U-Nnx[data-pressed] {
532
+ .Button-module__hop-Button--secondary___HmSwG[data-pressed] {
533
533
  --background-color: var(--hop-comp-button-secondary-background-color-pressed);
534
534
  --color: var(--hop-comp-button-secondary-text-color-pressed);
535
535
  --border: var(--hop-Button-secondary-border-pressed);
536
536
  }
537
- .Button-module__hop-Button--upsell___NG5H- {
537
+ .Button-module__hop-Button--upsell___IiFCI {
538
538
  --background-color: var(--hop-comp-button-upsell-background-color);
539
539
  --color: var(--hop-comp-button-upsell-text-color);
540
540
  --border: var(--hop-Button-upsell-border);
541
541
  --spinner-color: var(--hop-Button-upsell-spinner-color);
542
542
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
543
543
  }
544
- .Button-module__hop-Button--upsell___NG5H-[data-hovered],
545
- .Button-module__hop-Button--upsell___NG5H-[data-focus-visible] {
544
+ .Button-module__hop-Button--upsell___IiFCI[data-hovered],
545
+ .Button-module__hop-Button--upsell___IiFCI[data-focus-visible] {
546
546
  --background-color: var(--hop-comp-button-upsell-background-color-hover);
547
547
  --color: var(--hop-comp-button-upsell-text-color-hover);
548
548
  --border: var(--hop-Button-upsell-border-hover);
549
549
  }
550
- .Button-module__hop-Button--upsell___NG5H-[data-pressed] {
550
+ .Button-module__hop-Button--upsell___IiFCI[data-pressed] {
551
551
  --background-color: var(--hop-comp-button-upsell-background-color-pressed);
552
552
  --color: var(--hop-comp-button-upsell-text-color-pressed);
553
553
  --border: var(--hop-Button-upsell-border-pressed);
554
554
  }
555
- .Button-module__hop-Button--danger___7bQR7 {
555
+ .Button-module__hop-Button--danger___I8oHa {
556
556
  --background-color: var(--hop-comp-button-danger-background-color);
557
557
  --color: var(--hop-comp-button-danger-text-color);
558
558
  --border: var(--hop-Button-danger-border);
559
559
  --spinner-color: var(--hop-Button-danger-spinner-color);
560
560
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
561
561
  }
562
- .Button-module__hop-Button--danger___7bQR7[data-hovered],
563
- .Button-module__hop-Button--danger___7bQR7[data-focus-visible] {
562
+ .Button-module__hop-Button--danger___I8oHa[data-hovered],
563
+ .Button-module__hop-Button--danger___I8oHa[data-focus-visible] {
564
564
  --background-color: var(--hop-comp-button-danger-background-color-hover);
565
565
  --color: var(--hop-comp-button-danger-text-color-hover);
566
566
  --border: var(--hop-Button-danger-border-hover);
567
567
  }
568
- .Button-module__hop-Button--danger___7bQR7[data-pressed] {
568
+ .Button-module__hop-Button--danger___I8oHa[data-pressed] {
569
569
  --background-color: var(--hop-comp-button-danger-background-color-pressed);
570
570
  --color: var(--hop-comp-button-danger-text-color-pressed);
571
571
  --border: var(--hop-Button-danger-border-pressed);
572
572
  }
573
- .Button-module__hop-Button--ghost-primary___kOLEK {
573
+ .Button-module__hop-Button--ghost-primary___28v5V {
574
574
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
575
575
  --color: var(--hop-comp-button-ghost-primary-text-color);
576
576
  --border: var(--hop-Button-ghost-primary-border);
577
577
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
578
578
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
579
579
  }
580
- .Button-module__hop-Button--ghost-primary___kOLEK[data-hovered],
581
- .Button-module__hop-Button--ghost-primary___kOLEK[data-focus-visible] {
580
+ .Button-module__hop-Button--ghost-primary___28v5V[data-hovered],
581
+ .Button-module__hop-Button--ghost-primary___28v5V[data-focus-visible] {
582
582
  --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
583
583
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
584
584
  --border: var(--hop-Button-ghost-primary-border-hover);
585
585
  }
586
- .Button-module__hop-Button--ghost-primary___kOLEK[data-pressed] {
586
+ .Button-module__hop-Button--ghost-primary___28v5V[data-pressed] {
587
587
  --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
588
588
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
589
589
  --border: var(--hop-Button-ghost-primary-border-pressed);
590
590
  }
591
- .Button-module__hop-Button--ghost-secondary___LbWiJ {
591
+ .Button-module__hop-Button--ghost-secondary___e4e45 {
592
592
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
593
593
  --color: var(--hop-comp-button-ghost-secondary-text-color);
594
594
  --border: var(--hop-Button-ghost-secondary-border);
595
595
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
596
596
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
597
597
  }
598
- .Button-module__hop-Button--ghost-secondary___LbWiJ[data-hovered],
599
- .Button-module__hop-Button--ghost-secondary___LbWiJ[data-focus-visible] {
598
+ .Button-module__hop-Button--ghost-secondary___e4e45[data-hovered],
599
+ .Button-module__hop-Button--ghost-secondary___e4e45[data-focus-visible] {
600
600
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
601
601
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
602
602
  --border: var(--hop-Button-ghost-secondary-border-hover);
603
603
  }
604
- .Button-module__hop-Button--ghost-secondary___LbWiJ[data-pressed] {
604
+ .Button-module__hop-Button--ghost-secondary___e4e45[data-pressed] {
605
605
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
606
606
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
607
607
  --border: var(--hop-Button-ghost-secondary-border-pressed);
608
608
  }
609
- .Button-module__hop-Button--ghost-danger___eaCJo {
609
+ .Button-module__hop-Button--ghost-danger___5Etxz {
610
610
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
611
611
  --color: var(--hop-comp-button-ghost-danger-text-color);
612
612
  --border: var(--hop-Button-ghost-danger-border);
613
613
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
614
614
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
615
615
  }
616
- .Button-module__hop-Button--ghost-danger___eaCJo[data-hovered],
617
- .Button-module__hop-Button--ghost-danger___eaCJo[data-focus-visible] {
616
+ .Button-module__hop-Button--ghost-danger___5Etxz[data-hovered],
617
+ .Button-module__hop-Button--ghost-danger___5Etxz[data-focus-visible] {
618
618
  --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
619
619
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
620
620
  --border: var(--hop-Button-ghost-danger-border-hover);
621
621
  }
622
- .Button-module__hop-Button--ghost-danger___eaCJo[data-pressed] {
622
+ .Button-module__hop-Button--ghost-danger___5Etxz[data-pressed] {
623
623
  --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
624
624
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
625
625
  --border: var(--hop-Button-ghost-danger-border-pressed);
626
626
  }
627
- .Button-module__hop-Button___pWlH9[data-focus-visible] {
627
+ .Button-module__hop-Button___tNbL-[data-focus-visible] {
628
628
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
629
629
  }
630
- .Button-module__hop-Button___pWlH9[data-disabled],
631
- .Button-module__hop-Button--loading___ASCmF {
630
+ .Button-module__hop-Button___tNbL-[data-disabled],
631
+ .Button-module__hop-Button--loading___PDtre {
632
632
  cursor: not-allowed;
633
633
  }
634
- .Button-module__hop-Button___pWlH9[data-disabled] {
634
+ .Button-module__hop-Button___tNbL-[data-disabled] {
635
635
  --background-color: var(--hop-comp-button-disabled-background-color);
636
636
  --color: var(--hop-comp-button-disabled-text-color);
637
637
  --border: var(--hop-Button-border-disabled);
638
638
  }
639
- .Button-module__hop-Button___pWlH9[class*=--ghost][data-disabled] {
639
+ .Button-module__hop-Button___tNbL-[class*=--ghost][data-disabled] {
640
640
  --background-color: var(--hop-comp-button-ghost-disabled-background-color);
641
641
  --color: var(--hop-comp-button-ghost-disabled-text-color);
642
642
  --border: var(--hop-Button-ghost-border-disabled);
643
643
  }
644
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--primary___SH4fc {
644
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--primary___Y9f6g {
645
645
  --background-color: var(--hop-comp-button-primary-background-color);
646
646
  --color: var(--hop-comp-button-primary-text-color);
647
647
  --border: var(--hop-Button-primary-border);
648
648
  }
649
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--secondary___U-Nnx {
649
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--secondary___HmSwG {
650
650
  --background-color: var(--hop-comp-button-secondary-background-color);
651
651
  --color: var(--hop-comp-button-secondary-text-color);
652
652
  --border: var(--hop-Button-secondary-border);
653
653
  }
654
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--upsell___NG5H- {
654
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--upsell___IiFCI {
655
655
  --background-color: var(--hop-comp-button-upsell-background-color);
656
656
  --color: var(--hop-comp-button-upsell-text-color);
657
657
  --border: var(--hop-Button-upsell-border);
658
658
  }
659
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--danger___7bQR7 {
659
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--danger___I8oHa {
660
660
  --background-color: var(--hop-comp-button-danger-background-color);
661
661
  --color: var(--hop-comp-button-danger-text-color);
662
662
  --border: var(--hop-Button-danger-border);
663
663
  }
664
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--ghost-primary___kOLEK {
664
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--ghost-primary___28v5V {
665
665
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
666
666
  --color: var(--hop-comp-button-ghost-primary-text-color);
667
667
  --border: var(--hop-Button-ghost-primary-border);
668
668
  }
669
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--ghost-secondary___LbWiJ {
669
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--ghost-secondary___e4e45 {
670
670
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
671
671
  --color: var(--hop-comp-button-ghost-secondary-text-color);
672
672
  --border: var(--hop-Button-ghost-secondary-border);
673
673
  }
674
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--ghost-danger___eaCJo {
674
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--ghost-danger___5Etxz {
675
675
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
676
676
  --color: var(--hop-comp-button-ghost-danger-text-color);
677
677
  --border: var(--hop-Button-ghost-danger-border);
678
678
  }
679
- .Button-module__hop-Button__Spinner___96Poo {
679
+ .Button-module__hop-Button__Spinner___mYduC {
680
680
  position: absolute;
681
681
  color: var(--spinner-color);
682
682
  }
683
- .Button-module__hop-Button__icon___RCiCi,
684
- .Button-module__hop-Button__icon-list___cOoOX {
683
+ .Button-module__hop-Button__icon___3o4G0,
684
+ .Button-module__hop-Button__icon-list___Fbp6p {
685
685
  flex: 0 0 auto;
686
686
  justify-self: end;
687
687
  order: 1;
688
688
  }
689
- .Button-module__hop-Button__text___jao1q {
689
+ .Button-module__hop-Button__text___YCAvG {
690
690
  user-select: none;
691
691
  overflow: visible;
692
692
  flex: 0 1 auto;
@@ -695,60 +695,60 @@
695
695
  text-decoration: none;
696
696
  text-wrap: nowrap;
697
697
  }
698
- .Button-module__hop-Button__end-icon___KVGqy,
699
- .Button-module__hop-Button__end-icon-list___iMXdB {
698
+ .Button-module__hop-Button__end-icon___nPAwC,
699
+ .Button-module__hop-Button__end-icon-list___Vfw7v {
700
700
  flex: 0 0 auto;
701
701
  order: 3;
702
702
  }
703
- .Button-module__hop-Button___pWlH9 .Button-module__hop-Button__icon-list___cOoOX,
704
- .Button-module__hop-Button___pWlH9 .Button-module__hop-Button__end-icon-list___iMXdB {
703
+ .Button-module__hop-Button___tNbL- .Button-module__hop-Button__icon-list___Fbp6p,
704
+ .Button-module__hop-Button___tNbL- .Button-module__hop-Button__end-icon-list___Vfw7v {
705
705
  flex-wrap: nowrap;
706
706
  }
707
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button___pWlH9 > *:not(.Button-module__hop-Button__Spinner___96Poo) {
707
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button___tNbL- > *:not(.Button-module__hop-Button__Spinner___mYduC) {
708
708
  opacity: 0;
709
709
  }
710
710
 
711
711
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
712
- .ButtonGroup-module__hop-ButtonGroup___fOHlM {
712
+ .ButtonGroup-module__hop-ButtonGroup___WYIL2 {
713
713
  display: inline-flex;
714
714
  flex-wrap: nowrap;
715
715
  gap: var(--hop-space-inline-md);
716
716
  }
717
- .ButtonGroup-module__hop-ButtonGroup--horizontal___0iXP1 {
717
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___-bmea {
718
718
  align-items: center;
719
719
  }
720
- .ButtonGroup-module__hop-ButtonGroup--vertical___mCtoe {
720
+ .ButtonGroup-module__hop-ButtonGroup--vertical___uCKMK {
721
721
  flex-direction: column;
722
722
  gap: var(--hop-space-stack-md);
723
723
  justify-content: center;
724
724
  }
725
- .ButtonGroup-module__hop-ButtonGroup--start___8nRBo.ButtonGroup-module__hop-ButtonGroup--vertical___mCtoe {
725
+ .ButtonGroup-module__hop-ButtonGroup--start___tQfYz.ButtonGroup-module__hop-ButtonGroup--vertical___uCKMK {
726
726
  align-items: flex-start;
727
727
  }
728
- .ButtonGroup-module__hop-ButtonGroup--center___SnXEc.ButtonGroup-module__hop-ButtonGroup--vertical___mCtoe {
728
+ .ButtonGroup-module__hop-ButtonGroup--center___ZIuU8.ButtonGroup-module__hop-ButtonGroup--vertical___uCKMK {
729
729
  align-items: center;
730
730
  }
731
- .ButtonGroup-module__hop-ButtonGroup--end___9hYHz.ButtonGroup-module__hop-ButtonGroup--vertical___mCtoe {
731
+ .ButtonGroup-module__hop-ButtonGroup--end___AhS1H.ButtonGroup-module__hop-ButtonGroup--vertical___uCKMK {
732
732
  align-items: flex-end;
733
733
  }
734
- .ButtonGroup-module__hop-ButtonGroup--start___8nRBo.ButtonGroup-module__hop-ButtonGroup--horizontal___0iXP1 {
734
+ .ButtonGroup-module__hop-ButtonGroup--start___tQfYz.ButtonGroup-module__hop-ButtonGroup--horizontal___-bmea {
735
735
  justify-content: flex-start;
736
736
  }
737
- .ButtonGroup-module__hop-ButtonGroup--center___SnXEc.ButtonGroup-module__hop-ButtonGroup--horizontal___0iXP1 {
737
+ .ButtonGroup-module__hop-ButtonGroup--center___ZIuU8.ButtonGroup-module__hop-ButtonGroup--horizontal___-bmea {
738
738
  justify-content: center;
739
739
  }
740
- .ButtonGroup-module__hop-ButtonGroup--end___9hYHz.ButtonGroup-module__hop-ButtonGroup--horizontal___0iXP1 {
740
+ .ButtonGroup-module__hop-ButtonGroup--end___AhS1H.ButtonGroup-module__hop-ButtonGroup--horizontal___-bmea {
741
741
  justify-content: flex-end;
742
742
  }
743
- .ButtonGroup-module__hop-ButtonGroup--wrap___pzOHS {
743
+ .ButtonGroup-module__hop-ButtonGroup--wrap___PD2Ig {
744
744
  flex-wrap: wrap;
745
745
  }
746
- .ButtonGroup-module__hop-ButtonGroup--fluid___caMKE {
746
+ .ButtonGroup-module__hop-ButtonGroup--fluid___2iJzF {
747
747
  inline-size: 100%;
748
748
  }
749
749
 
750
750
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
751
- .EmbeddedButton-module__hop-EmbeddedButton___ddxyA {
751
+ .EmbeddedButton-module__hop-EmbeddedButton___oC-Yi {
752
752
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
753
753
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
754
754
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -912,7 +912,7 @@
912
912
  outline: none;
913
913
  transition: color var(--transition);
914
914
  }
915
- .EmbeddedButton-module__hop-EmbeddedButton___ddxyA::before {
915
+ .EmbeddedButton-module__hop-EmbeddedButton___oC-Yi::before {
916
916
  content: "";
917
917
  position: absolute;
918
918
  inset-block-start: 50%;
@@ -925,284 +925,284 @@
925
925
  border-radius: var(--effect-border-radius);
926
926
  transition: background-color var(--transition);
927
927
  }
928
- .EmbeddedButton-module__hop-EmbeddedButton___ddxyA[data-square] {
928
+ .EmbeddedButton-module__hop-EmbeddedButton___oC-Yi[data-square] {
929
929
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
930
930
  }
931
- .EmbeddedButton-module__hop-EmbeddedButton--md___KNeSF {
931
+ .EmbeddedButton-module__hop-EmbeddedButton--md___F1hK7 {
932
932
  --inline-size: var(--hop-EmbeddedButton-md-width);
933
933
  --block-size: var(--hop-EmbeddedButton-md-height);
934
934
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
935
935
  }
936
- .EmbeddedButton-module__hop-EmbeddedButton--lg___AlslZ {
936
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___FPkB5 {
937
937
  --inline-size: var(--hop-EmbeddedButton-lg-width);
938
938
  --block-size: var(--hop-EmbeddedButton-lg-height);
939
939
  --focus-ring-offset: 0;
940
940
  }
941
- .EmbeddedButton-module__hop-EmbeddedButton--md___KNeSF::before {
941
+ .EmbeddedButton-module__hop-EmbeddedButton--md___F1hK7::before {
942
942
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
943
943
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
944
944
  }
945
- .EmbeddedButton-module__hop-EmbeddedButton--lg___AlslZ::before {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___FPkB5::before {
946
946
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
947
947
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
948
948
  }
949
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___rojCb {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Xcl8h {
950
950
  --color: var(--hop-EmbeddedButton-neutral-color);
951
951
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
952
952
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___fh9i2 {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___q3XBB {
954
954
  --color: var(--hop-EmbeddedButton-subdued-color);
955
955
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
956
956
  }
957
- .EmbeddedButton-module__hop-EmbeddedButton--progress___IO4IU {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___RUTgh {
958
958
  --color: var(--hop-EmbeddedButton-progress-color);
959
959
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
960
960
  }
961
- .EmbeddedButton-module__hop-EmbeddedButton--positive___q4tLu {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MojMm {
962
962
  --color: var(--hop-EmbeddedButton-positive-color);
963
963
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
964
964
  }
965
- .EmbeddedButton-module__hop-EmbeddedButton--caution___uon73 {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___mAyXo {
966
966
  --color: var(--hop-EmbeddedButton-caution-color);
967
967
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
968
968
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--negative___n7idJ {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___9Et8v {
970
970
  --color: var(--hop-EmbeddedButton-negative-color);
971
971
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
972
972
  }
973
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gwa95 {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___KCkou {
974
974
  --color: var(--hop-EmbeddedButton-option1-color);
975
975
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
976
976
  }
977
- .EmbeddedButton-module__hop-EmbeddedButton--option2___8NZL- {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___zKnzk {
978
978
  --color: var(--hop-EmbeddedButton-option2-color);
979
979
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
980
980
  }
981
- .EmbeddedButton-module__hop-EmbeddedButton--option3___lIuOf {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___YXf4m {
982
982
  --color: var(--hop-EmbeddedButton-option3-color);
983
983
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
984
984
  }
985
- .EmbeddedButton-module__hop-EmbeddedButton--option4___icrDA {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___L6Up9 {
986
986
  --color: var(--hop-EmbeddedButton-option4-color);
987
987
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
988
988
  }
989
- .EmbeddedButton-module__hop-EmbeddedButton--option5___eR8ke {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___73t8M {
990
990
  --color: var(--hop-EmbeddedButton-option5-color);
991
991
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
992
992
  }
993
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LMUb8 {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___NPlJi {
994
994
  --color: var(--hop-EmbeddedButton-option6-color);
995
995
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
996
996
  }
997
- .EmbeddedButton-module__hop-EmbeddedButton___ddxyA[data-selected] {
997
+ .EmbeddedButton-module__hop-EmbeddedButton___oC-Yi[data-selected] {
998
998
  --color: var(--hop-EmbeddedButton-selected-color);
999
999
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1000
1000
  }
1001
- .EmbeddedButton-module__hop-EmbeddedButton___ddxyA[data-focus-visible] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___oC-Yi[data-focus-visible] {
1002
1002
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1003
1003
  outline-offset: var(--focus-ring-offset);
1004
1004
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton___ddxyA[data-disabled] {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton___oC-Yi[data-disabled] {
1006
1006
  cursor: not-allowed;
1007
1007
  }
1008
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___rojCb[data-hovered] {
1008
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Xcl8h[data-hovered] {
1009
1009
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1010
1010
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1011
1011
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___rojCb[data-focus-visible] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Xcl8h[data-focus-visible] {
1013
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1014
1014
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1015
1015
  }
1016
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___rojCb[data-pressed] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Xcl8h[data-pressed] {
1017
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1018
1018
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1019
1019
  }
1020
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___rojCb[data-disabled] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Xcl8h[data-disabled] {
1021
1021
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1022
1022
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1023
1023
  }
1024
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___fh9i2[data-hovered] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___q3XBB[data-hovered] {
1025
1025
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1026
1026
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1027
1027
  }
1028
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___fh9i2[data-focus-visible] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___q3XBB[data-focus-visible] {
1029
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1030
1030
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1031
1031
  }
1032
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___fh9i2[data-pressed] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___q3XBB[data-pressed] {
1033
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1034
1034
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1035
1035
  }
1036
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___fh9i2[data-disabled] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___q3XBB[data-disabled] {
1037
1037
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1038
1038
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1039
1039
  }
1040
- .EmbeddedButton-module__hop-EmbeddedButton--progress___IO4IU[data-hovered] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___RUTgh[data-hovered] {
1041
1041
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1042
1042
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1043
1043
  }
1044
- .EmbeddedButton-module__hop-EmbeddedButton--progress___IO4IU[data-focus-visible] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___RUTgh[data-focus-visible] {
1045
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1046
1046
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1047
1047
  }
1048
- .EmbeddedButton-module__hop-EmbeddedButton--progress___IO4IU[data-pressed] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___RUTgh[data-pressed] {
1049
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1050
1050
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1051
1051
  }
1052
- .EmbeddedButton-module__hop-EmbeddedButton--progress___IO4IU[data-disabled] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___RUTgh[data-disabled] {
1053
1053
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1054
1054
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1055
1055
  }
1056
- .EmbeddedButton-module__hop-EmbeddedButton--positive___q4tLu[data-hovered] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MojMm[data-hovered] {
1057
1057
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1058
1058
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1059
1059
  }
1060
- .EmbeddedButton-module__hop-EmbeddedButton--positive___q4tLu[data-focus-visible] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MojMm[data-focus-visible] {
1061
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1062
1062
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1063
1063
  }
1064
- .EmbeddedButton-module__hop-EmbeddedButton--positive___q4tLu[data-pressed] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MojMm[data-pressed] {
1065
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1066
1066
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1067
1067
  }
1068
- .EmbeddedButton-module__hop-EmbeddedButton--positive___q4tLu[data-disabled] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MojMm[data-disabled] {
1069
1069
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1070
1070
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1071
1071
  }
1072
- .EmbeddedButton-module__hop-EmbeddedButton--caution___uon73[data-hovered] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___mAyXo[data-hovered] {
1073
1073
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1074
1074
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1075
1075
  }
1076
- .EmbeddedButton-module__hop-EmbeddedButton--caution___uon73[data-focus-visible] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___mAyXo[data-focus-visible] {
1077
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1078
1078
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1079
1079
  }
1080
- .EmbeddedButton-module__hop-EmbeddedButton--caution___uon73[data-pressed] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___mAyXo[data-pressed] {
1081
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1082
1082
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1083
1083
  }
1084
- .EmbeddedButton-module__hop-EmbeddedButton--caution___uon73[data-disabled] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___mAyXo[data-disabled] {
1085
1085
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1086
1086
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1087
1087
  }
1088
- .EmbeddedButton-module__hop-EmbeddedButton--negative___n7idJ[data-hovered] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___9Et8v[data-hovered] {
1089
1089
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1090
1090
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1091
1091
  }
1092
- .EmbeddedButton-module__hop-EmbeddedButton--negative___n7idJ[data-focus-visible] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___9Et8v[data-focus-visible] {
1093
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1094
1094
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1095
1095
  }
1096
- .EmbeddedButton-module__hop-EmbeddedButton--negative___n7idJ[data-pressed] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___9Et8v[data-pressed] {
1097
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1098
1098
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1099
1099
  }
1100
- .EmbeddedButton-module__hop-EmbeddedButton--negative___n7idJ[data-disabled] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___9Et8v[data-disabled] {
1101
1101
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1102
1102
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1103
1103
  }
1104
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gwa95[data-hovered] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___KCkou[data-hovered] {
1105
1105
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1106
1106
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1107
1107
  }
1108
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gwa95[data-focus-visible] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___KCkou[data-focus-visible] {
1109
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1110
1110
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1111
1111
  }
1112
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gwa95[data-pressed] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___KCkou[data-pressed] {
1113
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1114
1114
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1115
1115
  }
1116
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gwa95[data-disabled] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___KCkou[data-disabled] {
1117
1117
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1118
1118
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1119
1119
  }
1120
- .EmbeddedButton-module__hop-EmbeddedButton--option2___8NZL-[data-hovered] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___zKnzk[data-hovered] {
1121
1121
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1122
1122
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1123
1123
  }
1124
- .EmbeddedButton-module__hop-EmbeddedButton--option2___8NZL-[data-focus-visible] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___zKnzk[data-focus-visible] {
1125
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1126
1126
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1127
1127
  }
1128
- .EmbeddedButton-module__hop-EmbeddedButton--option2___8NZL-[data-pressed] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___zKnzk[data-pressed] {
1129
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1130
1130
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1131
1131
  }
1132
- .EmbeddedButton-module__hop-EmbeddedButton--option2___8NZL-[data-disabled] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___zKnzk[data-disabled] {
1133
1133
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1134
1134
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1135
1135
  }
1136
- .EmbeddedButton-module__hop-EmbeddedButton--option3___lIuOf[data-hovered] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___YXf4m[data-hovered] {
1137
1137
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1138
1138
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1139
1139
  }
1140
- .EmbeddedButton-module__hop-EmbeddedButton--option3___lIuOf[data-focus-visible] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___YXf4m[data-focus-visible] {
1141
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1142
1142
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1143
1143
  }
1144
- .EmbeddedButton-module__hop-EmbeddedButton--option3___lIuOf[data-pressed] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___YXf4m[data-pressed] {
1145
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1146
1146
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1147
1147
  }
1148
- .EmbeddedButton-module__hop-EmbeddedButton--option3___lIuOf[data-disabled] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___YXf4m[data-disabled] {
1149
1149
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1150
1150
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1151
1151
  }
1152
- .EmbeddedButton-module__hop-EmbeddedButton--option4___icrDA[data-hovered] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___L6Up9[data-hovered] {
1153
1153
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1154
1154
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1155
1155
  }
1156
- .EmbeddedButton-module__hop-EmbeddedButton--option4___icrDA[data-focus-visible] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___L6Up9[data-focus-visible] {
1157
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1158
1158
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1159
1159
  }
1160
- .EmbeddedButton-module__hop-EmbeddedButton--option4___icrDA[data-pressed] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___L6Up9[data-pressed] {
1161
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1162
1162
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1163
1163
  }
1164
- .EmbeddedButton-module__hop-EmbeddedButton--option4___icrDA[data-disabled] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___L6Up9[data-disabled] {
1165
1165
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1166
1166
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1167
1167
  }
1168
- .EmbeddedButton-module__hop-EmbeddedButton--option5___eR8ke[data-hovered] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___73t8M[data-hovered] {
1169
1169
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1170
1170
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1171
1171
  }
1172
- .EmbeddedButton-module__hop-EmbeddedButton--option5___eR8ke[data-focus-visible] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___73t8M[data-focus-visible] {
1173
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1174
1174
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1175
1175
  }
1176
- .EmbeddedButton-module__hop-EmbeddedButton--option5___eR8ke[data-pressed] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___73t8M[data-pressed] {
1177
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1178
1178
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1179
1179
  }
1180
- .EmbeddedButton-module__hop-EmbeddedButton--option5___eR8ke[data-disabled] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___73t8M[data-disabled] {
1181
1181
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1182
1182
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1183
1183
  }
1184
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LMUb8[data-hovered] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___NPlJi[data-hovered] {
1185
1185
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1186
1186
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1187
1187
  }
1188
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LMUb8[data-focus-visible] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___NPlJi[data-focus-visible] {
1189
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1190
1190
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1191
1191
  }
1192
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LMUb8[data-pressed] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___NPlJi[data-pressed] {
1193
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1194
1194
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1195
1195
  }
1196
- .EmbeddedButton-module__hop-EmbeddedButton--option6___LMUb8[data-disabled] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___NPlJi[data-disabled] {
1197
1197
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1198
1198
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1199
1199
  }
1200
- .EmbeddedButton-module__hop-EmbeddedButton__icon___oWllE {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___LpY9w {
1201
1201
  position: relative;
1202
1202
  }
1203
1203
 
1204
1204
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1205
- button.CloseButton-module__hop-CloseButton___DBFAf {
1205
+ button.CloseButton-module__hop-CloseButton___pSMh6 {
1206
1206
  --hop-CloseButton-margin-top: 0rem;
1207
1207
  --hop-CloseButton-padding: 0rem;
1208
1208
  --hop-CloseButton-width: fit-content;
@@ -1214,7 +1214,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
1214
1214
  }
1215
1215
 
1216
1216
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1217
- .Button-module__hop-Button___pWlH9 {
1217
+ .Button-module__hop-Button___tNbL- {
1218
1218
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1219
1219
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1220
1220
  --hop-Button-icon-only-column-gap: 0;
@@ -1294,220 +1294,220 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
1294
1294
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1295
1295
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1296
1296
  }
1297
- .Button-module__hop-Button--fluid___wPOaF {
1297
+ .Button-module__hop-Button--fluid___-4zbn {
1298
1298
  --inline-size: 100%;
1299
1299
  }
1300
- .Button-module__hop-Button--xs___KK91l {
1300
+ .Button-module__hop-Button--xs___RJ6Yz {
1301
1301
  --block-size: var(--hop-Button-xs-height);
1302
1302
  --padding: var(--hop-Button-xs-padding);
1303
1303
  }
1304
- .Button-module__hop-Button--xs___KK91l[class*=--ghost] {
1304
+ .Button-module__hop-Button--xs___RJ6Yz[class*=--ghost] {
1305
1305
  --padding: var(--hop-Button-ghost-xs-padding);
1306
1306
  }
1307
- .Button-module__hop-Button--sm___Mv9Gy {
1307
+ .Button-module__hop-Button--sm___axzb- {
1308
1308
  --block-size: var(--hop-Button-sm-height);
1309
1309
  --padding: var(--hop-Button-sm-padding);
1310
1310
  }
1311
- .Button-module__hop-Button--sm___Mv9Gy[class*=--ghost] {
1311
+ .Button-module__hop-Button--sm___axzb-[class*=--ghost] {
1312
1312
  --padding: var(--hop-Button-ghost-sm-padding);
1313
1313
  }
1314
- .Button-module__hop-Button--md___PdrWq[class*=--ghost] {
1314
+ .Button-module__hop-Button--md___56TZh[class*=--ghost] {
1315
1315
  --padding: var(--hop-Button-ghost-md-padding);
1316
1316
  }
1317
- .Button-module__hop-Button--icon-only___oHFFz {
1317
+ .Button-module__hop-Button--icon-only___a9tMt {
1318
1318
  --column-gap: var(--hop-Button-icon-only-column-gap);
1319
1319
  --padding: var(--hop-Button-icon-only-padding);
1320
1320
  aspect-ratio: 1;
1321
1321
  }
1322
- .Button-module__hop-Button--primary___SH4fc {
1322
+ .Button-module__hop-Button--primary___Y9f6g {
1323
1323
  --background-color: var(--hop-comp-button-primary-background-color);
1324
1324
  --color: var(--hop-comp-button-primary-text-color);
1325
1325
  --border: var(--hop-Button-primary-border);
1326
1326
  --spinner-color: var(--hop-Button-primary-spinner-color);
1327
1327
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1328
1328
  }
1329
- .Button-module__hop-Button--primary___SH4fc[data-hovered],
1330
- .Button-module__hop-Button--primary___SH4fc[data-focus-visible] {
1329
+ .Button-module__hop-Button--primary___Y9f6g[data-hovered],
1330
+ .Button-module__hop-Button--primary___Y9f6g[data-focus-visible] {
1331
1331
  --background-color: var(--hop-comp-button-primary-background-color-hover);
1332
1332
  --color: var(--hop-comp-button-primary-text-color-hover);
1333
1333
  --border: var(--hop-Button-primary-border-hover);
1334
1334
  }
1335
- .Button-module__hop-Button--primary___SH4fc[data-pressed] {
1335
+ .Button-module__hop-Button--primary___Y9f6g[data-pressed] {
1336
1336
  --background-color: var(--hop-comp-button-primary-background-color-pressed);
1337
1337
  --color: var(--hop-comp-button-primary-text-color-pressed);
1338
1338
  --border: var(--hop-Button-primary-border-pressed);
1339
1339
  }
1340
- .Button-module__hop-Button--secondary___U-Nnx {
1340
+ .Button-module__hop-Button--secondary___HmSwG {
1341
1341
  --background-color: var(--hop-comp-button-secondary-background-color);
1342
1342
  --color: var(--hop-comp-button-secondary-text-color);
1343
1343
  --border: var(--hop-Button-secondary-border);
1344
1344
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1345
1345
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1346
1346
  }
1347
- .Button-module__hop-Button--secondary___U-Nnx[data-hovered],
1348
- .Button-module__hop-Button--secondary___U-Nnx[data-focus-visible] {
1347
+ .Button-module__hop-Button--secondary___HmSwG[data-hovered],
1348
+ .Button-module__hop-Button--secondary___HmSwG[data-focus-visible] {
1349
1349
  --background-color: var(--hop-comp-button-secondary-background-color-hover);
1350
1350
  --color: var(--hop-comp-button-secondary-text-color-hover);
1351
1351
  --border: var(--hop-Button-secondary-border-hover);
1352
1352
  }
1353
- .Button-module__hop-Button--secondary___U-Nnx[data-pressed] {
1353
+ .Button-module__hop-Button--secondary___HmSwG[data-pressed] {
1354
1354
  --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1355
1355
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1356
1356
  --border: var(--hop-Button-secondary-border-pressed);
1357
1357
  }
1358
- .Button-module__hop-Button--upsell___NG5H- {
1358
+ .Button-module__hop-Button--upsell___IiFCI {
1359
1359
  --background-color: var(--hop-comp-button-upsell-background-color);
1360
1360
  --color: var(--hop-comp-button-upsell-text-color);
1361
1361
  --border: var(--hop-Button-upsell-border);
1362
1362
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1363
1363
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1364
1364
  }
1365
- .Button-module__hop-Button--upsell___NG5H-[data-hovered],
1366
- .Button-module__hop-Button--upsell___NG5H-[data-focus-visible] {
1365
+ .Button-module__hop-Button--upsell___IiFCI[data-hovered],
1366
+ .Button-module__hop-Button--upsell___IiFCI[data-focus-visible] {
1367
1367
  --background-color: var(--hop-comp-button-upsell-background-color-hover);
1368
1368
  --color: var(--hop-comp-button-upsell-text-color-hover);
1369
1369
  --border: var(--hop-Button-upsell-border-hover);
1370
1370
  }
1371
- .Button-module__hop-Button--upsell___NG5H-[data-pressed] {
1371
+ .Button-module__hop-Button--upsell___IiFCI[data-pressed] {
1372
1372
  --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1373
1373
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1374
1374
  --border: var(--hop-Button-upsell-border-pressed);
1375
1375
  }
1376
- .Button-module__hop-Button--danger___7bQR7 {
1376
+ .Button-module__hop-Button--danger___I8oHa {
1377
1377
  --background-color: var(--hop-comp-button-danger-background-color);
1378
1378
  --color: var(--hop-comp-button-danger-text-color);
1379
1379
  --border: var(--hop-Button-danger-border);
1380
1380
  --spinner-color: var(--hop-Button-danger-spinner-color);
1381
1381
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1382
1382
  }
1383
- .Button-module__hop-Button--danger___7bQR7[data-hovered],
1384
- .Button-module__hop-Button--danger___7bQR7[data-focus-visible] {
1383
+ .Button-module__hop-Button--danger___I8oHa[data-hovered],
1384
+ .Button-module__hop-Button--danger___I8oHa[data-focus-visible] {
1385
1385
  --background-color: var(--hop-comp-button-danger-background-color-hover);
1386
1386
  --color: var(--hop-comp-button-danger-text-color-hover);
1387
1387
  --border: var(--hop-Button-danger-border-hover);
1388
1388
  }
1389
- .Button-module__hop-Button--danger___7bQR7[data-pressed] {
1389
+ .Button-module__hop-Button--danger___I8oHa[data-pressed] {
1390
1390
  --background-color: var(--hop-comp-button-danger-background-color-pressed);
1391
1391
  --color: var(--hop-comp-button-danger-text-color-pressed);
1392
1392
  --border: var(--hop-Button-danger-border-pressed);
1393
1393
  }
1394
- .Button-module__hop-Button--ghost-primary___kOLEK {
1394
+ .Button-module__hop-Button--ghost-primary___28v5V {
1395
1395
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1396
1396
  --color: var(--hop-comp-button-ghost-primary-text-color);
1397
1397
  --border: var(--hop-Button-ghost-primary-border);
1398
1398
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1399
1399
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1400
1400
  }
1401
- .Button-module__hop-Button--ghost-primary___kOLEK[data-hovered],
1402
- .Button-module__hop-Button--ghost-primary___kOLEK[data-focus-visible] {
1401
+ .Button-module__hop-Button--ghost-primary___28v5V[data-hovered],
1402
+ .Button-module__hop-Button--ghost-primary___28v5V[data-focus-visible] {
1403
1403
  --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1404
1404
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1405
1405
  --border: var(--hop-Button-ghost-primary-border-hover);
1406
1406
  }
1407
- .Button-module__hop-Button--ghost-primary___kOLEK[data-pressed] {
1407
+ .Button-module__hop-Button--ghost-primary___28v5V[data-pressed] {
1408
1408
  --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1409
1409
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1410
1410
  --border: var(--hop-Button-ghost-primary-border-pressed);
1411
1411
  }
1412
- .Button-module__hop-Button--ghost-secondary___LbWiJ {
1412
+ .Button-module__hop-Button--ghost-secondary___e4e45 {
1413
1413
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1414
1414
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1415
1415
  --border: var(--hop-Button-ghost-secondary-border);
1416
1416
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1417
1417
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1418
1418
  }
1419
- .Button-module__hop-Button--ghost-secondary___LbWiJ[data-hovered],
1420
- .Button-module__hop-Button--ghost-secondary___LbWiJ[data-focus-visible] {
1419
+ .Button-module__hop-Button--ghost-secondary___e4e45[data-hovered],
1420
+ .Button-module__hop-Button--ghost-secondary___e4e45[data-focus-visible] {
1421
1421
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1422
1422
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1423
1423
  --border: var(--hop-Button-ghost-secondary-border-hover);
1424
1424
  }
1425
- .Button-module__hop-Button--ghost-secondary___LbWiJ[data-pressed] {
1425
+ .Button-module__hop-Button--ghost-secondary___e4e45[data-pressed] {
1426
1426
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1427
1427
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1428
1428
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1429
1429
  }
1430
- .Button-module__hop-Button--ghost-danger___eaCJo {
1430
+ .Button-module__hop-Button--ghost-danger___5Etxz {
1431
1431
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
1432
1432
  --color: var(--hop-comp-button-ghost-danger-text-color);
1433
1433
  --border: var(--hop-Button-ghost-danger-border);
1434
1434
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1435
1435
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1436
1436
  }
1437
- .Button-module__hop-Button--ghost-danger___eaCJo[data-hovered],
1438
- .Button-module__hop-Button--ghost-danger___eaCJo[data-focus-visible] {
1437
+ .Button-module__hop-Button--ghost-danger___5Etxz[data-hovered],
1438
+ .Button-module__hop-Button--ghost-danger___5Etxz[data-focus-visible] {
1439
1439
  --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1440
1440
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1441
1441
  --border: var(--hop-Button-ghost-danger-border-hover);
1442
1442
  }
1443
- .Button-module__hop-Button--ghost-danger___eaCJo[data-pressed] {
1443
+ .Button-module__hop-Button--ghost-danger___5Etxz[data-pressed] {
1444
1444
  --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1445
1445
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1446
1446
  --border: var(--hop-Button-ghost-danger-border-pressed);
1447
1447
  }
1448
- .Button-module__hop-Button___pWlH9[data-focus-visible] {
1448
+ .Button-module__hop-Button___tNbL-[data-focus-visible] {
1449
1449
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1450
1450
  }
1451
- .Button-module__hop-Button___pWlH9[data-disabled],
1452
- .Button-module__hop-Button--loading___ASCmF {
1451
+ .Button-module__hop-Button___tNbL-[data-disabled],
1452
+ .Button-module__hop-Button--loading___PDtre {
1453
1453
  cursor: not-allowed;
1454
1454
  }
1455
- .Button-module__hop-Button___pWlH9[data-disabled] {
1455
+ .Button-module__hop-Button___tNbL-[data-disabled] {
1456
1456
  --background-color: var(--hop-comp-button-disabled-background-color);
1457
1457
  --color: var(--hop-comp-button-disabled-text-color);
1458
1458
  --border: var(--hop-Button-border-disabled);
1459
1459
  }
1460
- .Button-module__hop-Button___pWlH9[class*=--ghost][data-disabled] {
1460
+ .Button-module__hop-Button___tNbL-[class*=--ghost][data-disabled] {
1461
1461
  --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1462
1462
  --color: var(--hop-comp-button-ghost-disabled-text-color);
1463
1463
  --border: var(--hop-Button-ghost-border-disabled);
1464
1464
  }
1465
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--primary___SH4fc {
1465
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--primary___Y9f6g {
1466
1466
  --background-color: var(--hop-comp-button-primary-background-color);
1467
1467
  --color: var(--hop-comp-button-primary-text-color);
1468
1468
  --border: var(--hop-Button-primary-border);
1469
1469
  }
1470
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--secondary___U-Nnx {
1470
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--secondary___HmSwG {
1471
1471
  --background-color: var(--hop-comp-button-secondary-background-color);
1472
1472
  --color: var(--hop-comp-button-secondary-text-color);
1473
1473
  --border: var(--hop-Button-secondary-border);
1474
1474
  }
1475
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--upsell___NG5H- {
1475
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--upsell___IiFCI {
1476
1476
  --background-color: var(--hop-comp-button-upsell-background-color);
1477
1477
  --color: var(--hop-comp-button-upsell-text-color);
1478
1478
  --border: var(--hop-Button-upsell-border);
1479
1479
  }
1480
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--danger___7bQR7 {
1480
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--danger___I8oHa {
1481
1481
  --background-color: var(--hop-comp-button-danger-background-color);
1482
1482
  --color: var(--hop-comp-button-danger-text-color);
1483
1483
  --border: var(--hop-Button-danger-border);
1484
1484
  }
1485
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--ghost-primary___kOLEK {
1485
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--ghost-primary___28v5V {
1486
1486
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1487
1487
  --color: var(--hop-comp-button-ghost-primary-text-color);
1488
1488
  --border: var(--hop-Button-ghost-primary-border);
1489
1489
  }
1490
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--ghost-secondary___LbWiJ {
1490
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--ghost-secondary___e4e45 {
1491
1491
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1492
1492
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1493
1493
  --border: var(--hop-Button-ghost-secondary-border);
1494
1494
  }
1495
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--ghost-danger___eaCJo {
1495
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--ghost-danger___5Etxz {
1496
1496
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
1497
1497
  --color: var(--hop-comp-button-ghost-danger-text-color);
1498
1498
  --border: var(--hop-Button-ghost-danger-border);
1499
1499
  }
1500
- .Button-module__hop-Button__Spinner___96Poo {
1500
+ .Button-module__hop-Button__Spinner___mYduC {
1501
1501
  position: absolute;
1502
1502
  color: var(--spinner-color);
1503
1503
  }
1504
- .Button-module__hop-Button__icon___RCiCi,
1505
- .Button-module__hop-Button__icon-list___cOoOX {
1504
+ .Button-module__hop-Button__icon___3o4G0,
1505
+ .Button-module__hop-Button__icon-list___Fbp6p {
1506
1506
  flex: 0 0 auto;
1507
1507
  justify-self: end;
1508
1508
  order: 1;
1509
1509
  }
1510
- .Button-module__hop-Button__text___jao1q {
1510
+ .Button-module__hop-Button__text___YCAvG {
1511
1511
  user-select: none;
1512
1512
  overflow: visible;
1513
1513
  flex: 0 1 auto;
@@ -1516,59 +1516,59 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
1516
1516
  text-decoration: none;
1517
1517
  text-wrap: nowrap;
1518
1518
  }
1519
- .Button-module__hop-Button__end-icon___KVGqy,
1520
- .Button-module__hop-Button__end-icon-list___iMXdB {
1519
+ .Button-module__hop-Button__end-icon___nPAwC,
1520
+ .Button-module__hop-Button__end-icon-list___Vfw7v {
1521
1521
  flex: 0 0 auto;
1522
1522
  order: 3;
1523
1523
  }
1524
- .Button-module__hop-Button___pWlH9 .Button-module__hop-Button__icon-list___cOoOX,
1525
- .Button-module__hop-Button___pWlH9 .Button-module__hop-Button__end-icon-list___iMXdB {
1524
+ .Button-module__hop-Button___tNbL- .Button-module__hop-Button__icon-list___Fbp6p,
1525
+ .Button-module__hop-Button___tNbL- .Button-module__hop-Button__end-icon-list___Vfw7v {
1526
1526
  flex-wrap: nowrap;
1527
1527
  }
1528
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button___pWlH9 > *:not(.Button-module__hop-Button__Spinner___96Poo) {
1528
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button___tNbL- > *:not(.Button-module__hop-Button__Spinner___mYduC) {
1529
1529
  opacity: 0;
1530
1530
  }
1531
- .LinkButton-module__hop-LinkButton___q2r2I {
1531
+ .LinkButton-module__hop-LinkButton___Ly0aL {
1532
1532
  }
1533
- .LinkButton-module__hop-LinkButton--fluid___RJx3W {
1533
+ .LinkButton-module__hop-LinkButton--fluid___Wj3j5 {
1534
1534
  }
1535
- .LinkButton-module__hop-LinkButton--xs___zis5W {
1535
+ .LinkButton-module__hop-LinkButton--xs___JiMwr {
1536
1536
  }
1537
- .LinkButton-module__hop-LinkButton--sm___Czj-i {
1537
+ .LinkButton-module__hop-LinkButton--sm___o120a {
1538
1538
  }
1539
- .LinkButton-module__hop-LinkButton--icon-only___V60yv {
1539
+ .LinkButton-module__hop-LinkButton--icon-only___X4QYY {
1540
1540
  }
1541
- .LinkButton-module__hop-LinkButton--primary___mo5cz {
1541
+ .LinkButton-module__hop-LinkButton--primary___D6p8o {
1542
1542
  }
1543
- .LinkButton-module__hop-LinkButton--secondary___T7flr {
1543
+ .LinkButton-module__hop-LinkButton--secondary___DxNyL {
1544
1544
  }
1545
- .LinkButton-module__hop-LinkButton--upsell___98Osw {
1545
+ .LinkButton-module__hop-LinkButton--upsell___fdaLy {
1546
1546
  }
1547
- .LinkButton-module__hop-LinkButton--danger___XOLCj {
1547
+ .LinkButton-module__hop-LinkButton--danger___T9Vy1 {
1548
1548
  }
1549
- .LinkButton-module__hop-LinkButton--ghost-primary___AT0l- {
1549
+ .LinkButton-module__hop-LinkButton--ghost-primary___rmM-o {
1550
1550
  }
1551
- .LinkButton-module__hop-LinkButton--ghost-secondary___6pmlt {
1551
+ .LinkButton-module__hop-LinkButton--ghost-secondary___GSaBP {
1552
1552
  }
1553
- .LinkButton-module__hop-LinkButton--ghost-danger___d4H73 {
1553
+ .LinkButton-module__hop-LinkButton--ghost-danger___-E1xa {
1554
1554
  }
1555
- .LinkButton-module__hop-LinkButton__Spinner___PHuOP {
1555
+ .LinkButton-module__hop-LinkButton__Spinner___oWDPo {
1556
1556
  }
1557
- .LinkButton-module__hop-LinkButton__icon___-5Vc7,
1558
- .LinkButton-module__hop-LinkButton__icon-list___lYg0j {
1557
+ .LinkButton-module__hop-LinkButton__icon___wYN4d,
1558
+ .LinkButton-module__hop-LinkButton__icon-list___QrQQT {
1559
1559
  }
1560
- .LinkButton-module__hop-LinkButton__text___p9Ext {
1560
+ .LinkButton-module__hop-LinkButton__text___oQaB1 {
1561
1561
  }
1562
- .LinkButton-module__hop-LinkButton__end-icon___uxPCC,
1563
- .LinkButton-module__hop-LinkButton__end-icon-list___o65Fc {
1562
+ .LinkButton-module__hop-LinkButton__end-icon___ljE9w,
1563
+ .LinkButton-module__hop-LinkButton__end-icon-list___D9xjf {
1564
1564
  }
1565
- .LinkButton-module__hop-LinkButton___q2r2I .LinkButton-module__hop-LinkButton__icon-list___lYg0j,
1566
- .LinkButton-module__hop-LinkButton___q2r2I .LinkButton-module__hop-LinkButton__end-icon-list___o65Fc {
1565
+ .LinkButton-module__hop-LinkButton___Ly0aL .LinkButton-module__hop-LinkButton__icon-list___QrQQT,
1566
+ .LinkButton-module__hop-LinkButton___Ly0aL .LinkButton-module__hop-LinkButton__end-icon-list___D9xjf {
1567
1567
  flex-wrap: nowrap;
1568
1568
  }
1569
1569
 
1570
1570
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1571
- .Button-module__hop-Button___pWlH9 {
1571
+ .Button-module__hop-Button___tNbL- {
1572
1572
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1573
1573
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1574
1574
  --hop-Button-icon-only-column-gap: 0;
@@ -1648,220 +1648,220 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
1648
1648
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1649
1649
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1650
1650
  }
1651
- .Button-module__hop-Button--fluid___wPOaF {
1651
+ .Button-module__hop-Button--fluid___-4zbn {
1652
1652
  --inline-size: 100%;
1653
1653
  }
1654
- .Button-module__hop-Button--xs___KK91l {
1654
+ .Button-module__hop-Button--xs___RJ6Yz {
1655
1655
  --block-size: var(--hop-Button-xs-height);
1656
1656
  --padding: var(--hop-Button-xs-padding);
1657
1657
  }
1658
- .Button-module__hop-Button--xs___KK91l[class*=--ghost] {
1658
+ .Button-module__hop-Button--xs___RJ6Yz[class*=--ghost] {
1659
1659
  --padding: var(--hop-Button-ghost-xs-padding);
1660
1660
  }
1661
- .Button-module__hop-Button--sm___Mv9Gy {
1661
+ .Button-module__hop-Button--sm___axzb- {
1662
1662
  --block-size: var(--hop-Button-sm-height);
1663
1663
  --padding: var(--hop-Button-sm-padding);
1664
1664
  }
1665
- .Button-module__hop-Button--sm___Mv9Gy[class*=--ghost] {
1665
+ .Button-module__hop-Button--sm___axzb-[class*=--ghost] {
1666
1666
  --padding: var(--hop-Button-ghost-sm-padding);
1667
1667
  }
1668
- .Button-module__hop-Button--md___PdrWq[class*=--ghost] {
1668
+ .Button-module__hop-Button--md___56TZh[class*=--ghost] {
1669
1669
  --padding: var(--hop-Button-ghost-md-padding);
1670
1670
  }
1671
- .Button-module__hop-Button--icon-only___oHFFz {
1671
+ .Button-module__hop-Button--icon-only___a9tMt {
1672
1672
  --column-gap: var(--hop-Button-icon-only-column-gap);
1673
1673
  --padding: var(--hop-Button-icon-only-padding);
1674
1674
  aspect-ratio: 1;
1675
1675
  }
1676
- .Button-module__hop-Button--primary___SH4fc {
1676
+ .Button-module__hop-Button--primary___Y9f6g {
1677
1677
  --background-color: var(--hop-comp-button-primary-background-color);
1678
1678
  --color: var(--hop-comp-button-primary-text-color);
1679
1679
  --border: var(--hop-Button-primary-border);
1680
1680
  --spinner-color: var(--hop-Button-primary-spinner-color);
1681
1681
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1682
1682
  }
1683
- .Button-module__hop-Button--primary___SH4fc[data-hovered],
1684
- .Button-module__hop-Button--primary___SH4fc[data-focus-visible] {
1683
+ .Button-module__hop-Button--primary___Y9f6g[data-hovered],
1684
+ .Button-module__hop-Button--primary___Y9f6g[data-focus-visible] {
1685
1685
  --background-color: var(--hop-comp-button-primary-background-color-hover);
1686
1686
  --color: var(--hop-comp-button-primary-text-color-hover);
1687
1687
  --border: var(--hop-Button-primary-border-hover);
1688
1688
  }
1689
- .Button-module__hop-Button--primary___SH4fc[data-pressed] {
1689
+ .Button-module__hop-Button--primary___Y9f6g[data-pressed] {
1690
1690
  --background-color: var(--hop-comp-button-primary-background-color-pressed);
1691
1691
  --color: var(--hop-comp-button-primary-text-color-pressed);
1692
1692
  --border: var(--hop-Button-primary-border-pressed);
1693
1693
  }
1694
- .Button-module__hop-Button--secondary___U-Nnx {
1694
+ .Button-module__hop-Button--secondary___HmSwG {
1695
1695
  --background-color: var(--hop-comp-button-secondary-background-color);
1696
1696
  --color: var(--hop-comp-button-secondary-text-color);
1697
1697
  --border: var(--hop-Button-secondary-border);
1698
1698
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1699
1699
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1700
1700
  }
1701
- .Button-module__hop-Button--secondary___U-Nnx[data-hovered],
1702
- .Button-module__hop-Button--secondary___U-Nnx[data-focus-visible] {
1701
+ .Button-module__hop-Button--secondary___HmSwG[data-hovered],
1702
+ .Button-module__hop-Button--secondary___HmSwG[data-focus-visible] {
1703
1703
  --background-color: var(--hop-comp-button-secondary-background-color-hover);
1704
1704
  --color: var(--hop-comp-button-secondary-text-color-hover);
1705
1705
  --border: var(--hop-Button-secondary-border-hover);
1706
1706
  }
1707
- .Button-module__hop-Button--secondary___U-Nnx[data-pressed] {
1707
+ .Button-module__hop-Button--secondary___HmSwG[data-pressed] {
1708
1708
  --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1709
1709
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1710
1710
  --border: var(--hop-Button-secondary-border-pressed);
1711
1711
  }
1712
- .Button-module__hop-Button--upsell___NG5H- {
1712
+ .Button-module__hop-Button--upsell___IiFCI {
1713
1713
  --background-color: var(--hop-comp-button-upsell-background-color);
1714
1714
  --color: var(--hop-comp-button-upsell-text-color);
1715
1715
  --border: var(--hop-Button-upsell-border);
1716
1716
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1717
1717
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1718
1718
  }
1719
- .Button-module__hop-Button--upsell___NG5H-[data-hovered],
1720
- .Button-module__hop-Button--upsell___NG5H-[data-focus-visible] {
1719
+ .Button-module__hop-Button--upsell___IiFCI[data-hovered],
1720
+ .Button-module__hop-Button--upsell___IiFCI[data-focus-visible] {
1721
1721
  --background-color: var(--hop-comp-button-upsell-background-color-hover);
1722
1722
  --color: var(--hop-comp-button-upsell-text-color-hover);
1723
1723
  --border: var(--hop-Button-upsell-border-hover);
1724
1724
  }
1725
- .Button-module__hop-Button--upsell___NG5H-[data-pressed] {
1725
+ .Button-module__hop-Button--upsell___IiFCI[data-pressed] {
1726
1726
  --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1727
1727
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1728
1728
  --border: var(--hop-Button-upsell-border-pressed);
1729
1729
  }
1730
- .Button-module__hop-Button--danger___7bQR7 {
1730
+ .Button-module__hop-Button--danger___I8oHa {
1731
1731
  --background-color: var(--hop-comp-button-danger-background-color);
1732
1732
  --color: var(--hop-comp-button-danger-text-color);
1733
1733
  --border: var(--hop-Button-danger-border);
1734
1734
  --spinner-color: var(--hop-Button-danger-spinner-color);
1735
1735
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1736
1736
  }
1737
- .Button-module__hop-Button--danger___7bQR7[data-hovered],
1738
- .Button-module__hop-Button--danger___7bQR7[data-focus-visible] {
1737
+ .Button-module__hop-Button--danger___I8oHa[data-hovered],
1738
+ .Button-module__hop-Button--danger___I8oHa[data-focus-visible] {
1739
1739
  --background-color: var(--hop-comp-button-danger-background-color-hover);
1740
1740
  --color: var(--hop-comp-button-danger-text-color-hover);
1741
1741
  --border: var(--hop-Button-danger-border-hover);
1742
1742
  }
1743
- .Button-module__hop-Button--danger___7bQR7[data-pressed] {
1743
+ .Button-module__hop-Button--danger___I8oHa[data-pressed] {
1744
1744
  --background-color: var(--hop-comp-button-danger-background-color-pressed);
1745
1745
  --color: var(--hop-comp-button-danger-text-color-pressed);
1746
1746
  --border: var(--hop-Button-danger-border-pressed);
1747
1747
  }
1748
- .Button-module__hop-Button--ghost-primary___kOLEK {
1748
+ .Button-module__hop-Button--ghost-primary___28v5V {
1749
1749
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1750
1750
  --color: var(--hop-comp-button-ghost-primary-text-color);
1751
1751
  --border: var(--hop-Button-ghost-primary-border);
1752
1752
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1753
1753
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1754
1754
  }
1755
- .Button-module__hop-Button--ghost-primary___kOLEK[data-hovered],
1756
- .Button-module__hop-Button--ghost-primary___kOLEK[data-focus-visible] {
1755
+ .Button-module__hop-Button--ghost-primary___28v5V[data-hovered],
1756
+ .Button-module__hop-Button--ghost-primary___28v5V[data-focus-visible] {
1757
1757
  --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1758
1758
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1759
1759
  --border: var(--hop-Button-ghost-primary-border-hover);
1760
1760
  }
1761
- .Button-module__hop-Button--ghost-primary___kOLEK[data-pressed] {
1761
+ .Button-module__hop-Button--ghost-primary___28v5V[data-pressed] {
1762
1762
  --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1763
1763
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1764
1764
  --border: var(--hop-Button-ghost-primary-border-pressed);
1765
1765
  }
1766
- .Button-module__hop-Button--ghost-secondary___LbWiJ {
1766
+ .Button-module__hop-Button--ghost-secondary___e4e45 {
1767
1767
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1768
1768
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1769
1769
  --border: var(--hop-Button-ghost-secondary-border);
1770
1770
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1771
1771
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1772
1772
  }
1773
- .Button-module__hop-Button--ghost-secondary___LbWiJ[data-hovered],
1774
- .Button-module__hop-Button--ghost-secondary___LbWiJ[data-focus-visible] {
1773
+ .Button-module__hop-Button--ghost-secondary___e4e45[data-hovered],
1774
+ .Button-module__hop-Button--ghost-secondary___e4e45[data-focus-visible] {
1775
1775
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1776
1776
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1777
1777
  --border: var(--hop-Button-ghost-secondary-border-hover);
1778
1778
  }
1779
- .Button-module__hop-Button--ghost-secondary___LbWiJ[data-pressed] {
1779
+ .Button-module__hop-Button--ghost-secondary___e4e45[data-pressed] {
1780
1780
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1781
1781
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1782
1782
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1783
1783
  }
1784
- .Button-module__hop-Button--ghost-danger___eaCJo {
1784
+ .Button-module__hop-Button--ghost-danger___5Etxz {
1785
1785
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
1786
1786
  --color: var(--hop-comp-button-ghost-danger-text-color);
1787
1787
  --border: var(--hop-Button-ghost-danger-border);
1788
1788
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1789
1789
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1790
1790
  }
1791
- .Button-module__hop-Button--ghost-danger___eaCJo[data-hovered],
1792
- .Button-module__hop-Button--ghost-danger___eaCJo[data-focus-visible] {
1791
+ .Button-module__hop-Button--ghost-danger___5Etxz[data-hovered],
1792
+ .Button-module__hop-Button--ghost-danger___5Etxz[data-focus-visible] {
1793
1793
  --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1794
1794
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1795
1795
  --border: var(--hop-Button-ghost-danger-border-hover);
1796
1796
  }
1797
- .Button-module__hop-Button--ghost-danger___eaCJo[data-pressed] {
1797
+ .Button-module__hop-Button--ghost-danger___5Etxz[data-pressed] {
1798
1798
  --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1799
1799
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1800
1800
  --border: var(--hop-Button-ghost-danger-border-pressed);
1801
1801
  }
1802
- .Button-module__hop-Button___pWlH9[data-focus-visible] {
1802
+ .Button-module__hop-Button___tNbL-[data-focus-visible] {
1803
1803
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1804
1804
  }
1805
- .Button-module__hop-Button___pWlH9[data-disabled],
1806
- .Button-module__hop-Button--loading___ASCmF {
1805
+ .Button-module__hop-Button___tNbL-[data-disabled],
1806
+ .Button-module__hop-Button--loading___PDtre {
1807
1807
  cursor: not-allowed;
1808
1808
  }
1809
- .Button-module__hop-Button___pWlH9[data-disabled] {
1809
+ .Button-module__hop-Button___tNbL-[data-disabled] {
1810
1810
  --background-color: var(--hop-comp-button-disabled-background-color);
1811
1811
  --color: var(--hop-comp-button-disabled-text-color);
1812
1812
  --border: var(--hop-Button-border-disabled);
1813
1813
  }
1814
- .Button-module__hop-Button___pWlH9[class*=--ghost][data-disabled] {
1814
+ .Button-module__hop-Button___tNbL-[class*=--ghost][data-disabled] {
1815
1815
  --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1816
1816
  --color: var(--hop-comp-button-ghost-disabled-text-color);
1817
1817
  --border: var(--hop-Button-ghost-border-disabled);
1818
1818
  }
1819
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--primary___SH4fc {
1819
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--primary___Y9f6g {
1820
1820
  --background-color: var(--hop-comp-button-primary-background-color);
1821
1821
  --color: var(--hop-comp-button-primary-text-color);
1822
1822
  --border: var(--hop-Button-primary-border);
1823
1823
  }
1824
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--secondary___U-Nnx {
1824
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--secondary___HmSwG {
1825
1825
  --background-color: var(--hop-comp-button-secondary-background-color);
1826
1826
  --color: var(--hop-comp-button-secondary-text-color);
1827
1827
  --border: var(--hop-Button-secondary-border);
1828
1828
  }
1829
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--upsell___NG5H- {
1829
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--upsell___IiFCI {
1830
1830
  --background-color: var(--hop-comp-button-upsell-background-color);
1831
1831
  --color: var(--hop-comp-button-upsell-text-color);
1832
1832
  --border: var(--hop-Button-upsell-border);
1833
1833
  }
1834
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--danger___7bQR7 {
1834
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--danger___I8oHa {
1835
1835
  --background-color: var(--hop-comp-button-danger-background-color);
1836
1836
  --color: var(--hop-comp-button-danger-text-color);
1837
1837
  --border: var(--hop-Button-danger-border);
1838
1838
  }
1839
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--ghost-primary___kOLEK {
1839
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--ghost-primary___28v5V {
1840
1840
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1841
1841
  --color: var(--hop-comp-button-ghost-primary-text-color);
1842
1842
  --border: var(--hop-Button-ghost-primary-border);
1843
1843
  }
1844
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--ghost-secondary___LbWiJ {
1844
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--ghost-secondary___e4e45 {
1845
1845
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1846
1846
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1847
1847
  --border: var(--hop-Button-ghost-secondary-border);
1848
1848
  }
1849
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button--ghost-danger___eaCJo {
1849
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button--ghost-danger___5Etxz {
1850
1850
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
1851
1851
  --color: var(--hop-comp-button-ghost-danger-text-color);
1852
1852
  --border: var(--hop-Button-ghost-danger-border);
1853
1853
  }
1854
- .Button-module__hop-Button__Spinner___96Poo {
1854
+ .Button-module__hop-Button__Spinner___mYduC {
1855
1855
  position: absolute;
1856
1856
  color: var(--spinner-color);
1857
1857
  }
1858
- .Button-module__hop-Button__icon___RCiCi,
1859
- .Button-module__hop-Button__icon-list___cOoOX {
1858
+ .Button-module__hop-Button__icon___3o4G0,
1859
+ .Button-module__hop-Button__icon-list___Fbp6p {
1860
1860
  flex: 0 0 auto;
1861
1861
  justify-self: end;
1862
1862
  order: 1;
1863
1863
  }
1864
- .Button-module__hop-Button__text___jao1q {
1864
+ .Button-module__hop-Button__text___YCAvG {
1865
1865
  user-select: none;
1866
1866
  overflow: visible;
1867
1867
  flex: 0 1 auto;
@@ -1870,134 +1870,134 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
1870
1870
  text-decoration: none;
1871
1871
  text-wrap: nowrap;
1872
1872
  }
1873
- .Button-module__hop-Button__end-icon___KVGqy,
1874
- .Button-module__hop-Button__end-icon-list___iMXdB {
1873
+ .Button-module__hop-Button__end-icon___nPAwC,
1874
+ .Button-module__hop-Button__end-icon-list___Vfw7v {
1875
1875
  flex: 0 0 auto;
1876
1876
  order: 3;
1877
1877
  }
1878
- .Button-module__hop-Button___pWlH9 .Button-module__hop-Button__icon-list___cOoOX,
1879
- .Button-module__hop-Button___pWlH9 .Button-module__hop-Button__end-icon-list___iMXdB {
1878
+ .Button-module__hop-Button___tNbL- .Button-module__hop-Button__icon-list___Fbp6p,
1879
+ .Button-module__hop-Button___tNbL- .Button-module__hop-Button__end-icon-list___Vfw7v {
1880
1880
  flex-wrap: nowrap;
1881
1881
  }
1882
- .Button-module__hop-Button--loading___ASCmF.Button-module__hop-Button___pWlH9 > *:not(.Button-module__hop-Button__Spinner___96Poo) {
1882
+ .Button-module__hop-Button--loading___PDtre.Button-module__hop-Button___tNbL- > *:not(.Button-module__hop-Button__Spinner___mYduC) {
1883
1883
  opacity: 0;
1884
1884
  }
1885
- .ToggleButton-module__hop-ToggleButton___bAuvR {
1885
+ .ToggleButton-module__hop-ToggleButton___hfQYW {
1886
1886
  --hop-ToggleButton-border-size: var(--hop-space-10);
1887
1887
  }
1888
- .ToggleButton-module__hop-ToggleButton--fluid___eClkh {
1888
+ .ToggleButton-module__hop-ToggleButton--fluid___g-Ib3 {
1889
1889
  }
1890
- .ToggleButton-module__hop-ToggleButton--xs___Th-pT {
1890
+ .ToggleButton-module__hop-ToggleButton--xs___Df-DG {
1891
1891
  }
1892
- .ToggleButton-module__hop-ToggleButton--sm___oD3bR {
1892
+ .ToggleButton-module__hop-ToggleButton--sm___wdWhr {
1893
1893
  }
1894
- .ToggleButton-module__hop-ToggleButton--md___AN34r {
1894
+ .ToggleButton-module__hop-ToggleButton--md___3GFMA {
1895
1895
  }
1896
- .ToggleButton-module__hop-ToggleButton--icon-only___Brova {
1896
+ .ToggleButton-module__hop-ToggleButton--icon-only___e0lyx {
1897
1897
  }
1898
- .ToggleButton-module__hop-ToggleButton--primary___INma9 {
1898
+ .ToggleButton-module__hop-ToggleButton--primary___ZuY-M {
1899
1899
  }
1900
- .ToggleButton-module__hop-ToggleButton--primary___INma9[data-selected] {
1900
+ .ToggleButton-module__hop-ToggleButton--primary___ZuY-M[data-selected] {
1901
1901
  --background-color: var(--hop-comp-button-primary-background-color-selected);
1902
1902
  --color: var(--hop-comp-button-primary-text-color-selected);
1903
1903
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
1904
1904
  }
1905
- .ToggleButton-module__hop-ToggleButton--secondary___6oaET {
1905
+ .ToggleButton-module__hop-ToggleButton--secondary___5Extp {
1906
1906
  }
1907
- .ToggleButton-module__hop-ToggleButton--secondary___6oaET[data-selected] {
1907
+ .ToggleButton-module__hop-ToggleButton--secondary___5Extp[data-selected] {
1908
1908
  --background-color: var(--hop-comp-button-secondary-background-color-selected);
1909
1909
  --color: var(--hop-comp-button-secondary-text-color-selected);
1910
1910
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
1911
1911
  }
1912
- .ToggleButton-module__hop-ToggleButton--upsell___bCVHE {
1912
+ .ToggleButton-module__hop-ToggleButton--upsell___wwMc9 {
1913
1913
  }
1914
- .ToggleButton-module__hop-ToggleButton--upsell___bCVHE[data-selected] {
1914
+ .ToggleButton-module__hop-ToggleButton--upsell___wwMc9[data-selected] {
1915
1915
  --background-color: var(--hop-comp-button-upsell-background-color-selected);
1916
1916
  --color: var(--hop-comp-button-upsell-text-color-selected);
1917
1917
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
1918
1918
  }
1919
- .ToggleButton-module__hop-ToggleButton--danger___iSBzC {
1919
+ .ToggleButton-module__hop-ToggleButton--danger___CCjKr {
1920
1920
  }
1921
- .ToggleButton-module__hop-ToggleButton--danger___iSBzC[data-selected] {
1921
+ .ToggleButton-module__hop-ToggleButton--danger___CCjKr[data-selected] {
1922
1922
  --background-color: var(--hop-comp-button-danger-background-color-selected);
1923
1923
  --color: var(--hop-comp-button-danger-text-color-selected);
1924
1924
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
1925
1925
  }
1926
- .ToggleButton-module__hop-ToggleButton--ghost-primary___usfcn {
1926
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___m5-H1 {
1927
1927
  }
1928
- .ToggleButton-module__hop-ToggleButton--ghost-primary___usfcn[data-selected] {
1928
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___m5-H1[data-selected] {
1929
1929
  --background-color: var(--hop-comp-button-ghost-primary-background-color-selected);
1930
1930
  --color: var(--hop-comp-button-ghost-primary-text-color-selected);
1931
1931
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
1932
1932
  }
1933
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___ocTJ3 {
1933
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___tEGII {
1934
1934
  }
1935
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___ocTJ3[data-selected] {
1935
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___tEGII[data-selected] {
1936
1936
  --background-color: var(--hop-comp-button-ghost-secondary-background-color-selected);
1937
1937
  --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
1938
1938
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
1939
1939
  }
1940
- .ToggleButton-module__hop-ToggleButton--ghost-danger___JX54t {
1940
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___ufBfU {
1941
1941
  }
1942
- .ToggleButton-module__hop-ToggleButton--ghost-danger___JX54t[data-selected] {
1942
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___ufBfU[data-selected] {
1943
1943
  --background-color: var(--hop-comp-button-ghost-danger-background-color-selected);
1944
1944
  --color: var(--hop-comp-button-ghost-danger-text-color-selected);
1945
1945
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
1946
1946
  }
1947
- .ToggleButton-module__hop-ToggleButton--loading___wldTL.ToggleButton-module__hop-ToggleButton--primary___INma9 {
1947
+ .ToggleButton-module__hop-ToggleButton--loading___uTRrp.ToggleButton-module__hop-ToggleButton--primary___ZuY-M {
1948
1948
  --background-color: var(--hop-comp-button-primary-background-color);
1949
1949
  --color: var(--hop-comp-button-primary-text-color);
1950
1950
  --border: var(--hop-Button-primary-border);
1951
1951
  }
1952
- .ToggleButton-module__hop-ToggleButton--loading___wldTL.ToggleButton-module__hop-ToggleButton--secondary___6oaET {
1952
+ .ToggleButton-module__hop-ToggleButton--loading___uTRrp.ToggleButton-module__hop-ToggleButton--secondary___5Extp {
1953
1953
  --background-color: var(--hop-comp-button-secondary-background-color);
1954
1954
  --color: var(--hop-comp-button-secondary-text-color);
1955
1955
  --border: var(--hop-Button-secondary-border);
1956
1956
  }
1957
- .ToggleButton-module__hop-ToggleButton--loading___wldTL.ToggleButton-module__hop-ToggleButton--upsell___bCVHE {
1957
+ .ToggleButton-module__hop-ToggleButton--loading___uTRrp.ToggleButton-module__hop-ToggleButton--upsell___wwMc9 {
1958
1958
  --background-color: var(--hop-comp-button-upsell-background-color);
1959
1959
  --color: var(--hop-comp-button-upsell-text-color);
1960
1960
  --border: var(--hop-Button-upsell-border);
1961
1961
  }
1962
- .ToggleButton-module__hop-ToggleButton--loading___wldTL.ToggleButton-module__hop-ToggleButton--danger___iSBzC {
1962
+ .ToggleButton-module__hop-ToggleButton--loading___uTRrp.ToggleButton-module__hop-ToggleButton--danger___CCjKr {
1963
1963
  --background-color: var(--hop-comp-button-danger-background-color);
1964
1964
  --color: var(--hop-comp-button-danger-text-color);
1965
1965
  --border: var(--hop-Button-danger-border);
1966
1966
  }
1967
- .ToggleButton-module__hop-ToggleButton--loading___wldTL.ToggleButton-module__hop-ToggleButton--ghost-primary___usfcn {
1967
+ .ToggleButton-module__hop-ToggleButton--loading___uTRrp.ToggleButton-module__hop-ToggleButton--ghost-primary___m5-H1 {
1968
1968
  --background-color: var(--hop-comp-button-ghost-primary-background-color);
1969
1969
  --color: var(--hop-comp-button-ghost-primary-text-color);
1970
1970
  --border: var(--hop-Button-ghost-primary-border);
1971
1971
  }
1972
- .ToggleButton-module__hop-ToggleButton--loading___wldTL.ToggleButton-module__hop-ToggleButton--ghost-secondary___ocTJ3 {
1972
+ .ToggleButton-module__hop-ToggleButton--loading___uTRrp.ToggleButton-module__hop-ToggleButton--ghost-secondary___tEGII {
1973
1973
  --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1974
1974
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1975
1975
  --border: var(--hop-Button-ghost-secondary-border);
1976
1976
  }
1977
- .ToggleButton-module__hop-ToggleButton--loading___wldTL.ToggleButton-module__hop-ToggleButton--ghost-danger___JX54t {
1977
+ .ToggleButton-module__hop-ToggleButton--loading___uTRrp.ToggleButton-module__hop-ToggleButton--ghost-danger___ufBfU {
1978
1978
  --background-color: var(--hop-comp-button-ghost-danger-background-color);
1979
1979
  --color: var(--hop-comp-button-ghost-danger-text-color);
1980
1980
  --border: var(--hop-Button-ghost-danger-border);
1981
1981
  }
1982
- .ToggleButton-module__hop-ToggleButton__Spinner___CVNf6 {
1982
+ .ToggleButton-module__hop-ToggleButton__Spinner___jLFlj {
1983
1983
  }
1984
- .ToggleButton-module__hop-ToggleButton__icon___npqcv,
1985
- .ToggleButton-module__hop-ToggleButton__icon-list___V4hB0 {
1984
+ .ToggleButton-module__hop-ToggleButton__icon___fvahj,
1985
+ .ToggleButton-module__hop-ToggleButton__icon-list___Wl2d- {
1986
1986
  }
1987
- .ToggleButton-module__hop-ToggleButton__text___Orj-b {
1987
+ .ToggleButton-module__hop-ToggleButton__text___ueGyQ {
1988
1988
  }
1989
- .ToggleButton-module__hop-ToggleButton__end-icon___LrVPC,
1990
- .ToggleButton-module__hop-ToggleButton__end-icon-list___L2yfc {
1989
+ .ToggleButton-module__hop-ToggleButton__end-icon___pJHo6,
1990
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___iPdSt {
1991
1991
  }
1992
- .ToggleButton-module__hop-ToggleButton__icon-list___V4hB0,
1993
- .ToggleButton-module__hop-ToggleButton__end-icon-list___L2yfc {
1992
+ .ToggleButton-module__hop-ToggleButton__icon-list___Wl2d-,
1993
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___iPdSt {
1994
1994
  }
1995
- .ToggleButton-module__hop-ToggleButton--loading___wldTL.ToggleButton-module__hop-ToggleButton___bAuvR > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___CVNf6) {
1995
+ .ToggleButton-module__hop-ToggleButton--loading___uTRrp.ToggleButton-module__hop-ToggleButton___hfQYW > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___jLFlj) {
1996
1996
  opacity: 0;
1997
1997
  }
1998
1998
 
1999
1999
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
2000
- .Link-module__hop-Link___6aSIa {
2000
+ .Link-module__hop-Link___3yNE2 {
2001
2001
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2002
2002
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2003
2003
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2057,130 +2057,130 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2057
2057
  outline: none;
2058
2058
  outline-offset: 0.125rem;
2059
2059
  }
2060
- :where(.Link-module__hop-Link___6aSIa) {
2060
+ :where(.Link-module__hop-Link___3yNE2) {
2061
2061
  font-family: var(--font-family);
2062
2062
  font-size: var(--font-size);
2063
2063
  font-weight: var(--font-weight);
2064
2064
  line-height: var(--line-height);
2065
2065
  }
2066
- :where(.Link-module__hop-Link--xs___mt6Zw) {
2066
+ :where(.Link-module__hop-Link--xs___E1otp) {
2067
2067
  --font-size: var(--hop-Link-xs-font-size);
2068
2068
  --font-family: var(--hop-Link-xs-font-family);
2069
2069
  --font-weight: var(--hop-Link-xs-font-weight);
2070
2070
  --line-height: var(--hop-Link-xs-line-height);
2071
2071
  }
2072
- :where(.Link-module__hop-Link--sm___ZlrBf) {
2072
+ :where(.Link-module__hop-Link--sm___Je0LO) {
2073
2073
  --font-size: var(--hop-Link-sm-font-size);
2074
2074
  --font-family: var(--hop-Link-sm-font-family);
2075
2075
  --font-weight: var(--hop-Link-sm-font-weight);
2076
2076
  --line-height: var(--hop-Link-sm-line-height);
2077
2077
  }
2078
- :where(.Link-module__hop-Link--md___AbYWR) {
2078
+ :where(.Link-module__hop-Link--md___e94p-) {
2079
2079
  --font-size: var(--hop-Link-md-font-size);
2080
2080
  --font-family: var(--hop-Link-md-font-family);
2081
2081
  --font-weight: var(--hop-Link-md-font-weight);
2082
2082
  --line-height: var(--hop-Link-md-line-height);
2083
2083
  }
2084
- :where(.Link-module__hop-Link--lg___jP2aW) {
2084
+ :where(.Link-module__hop-Link--lg___-iFH-) {
2085
2085
  --font-size: var(--hop-Link-lg-font-size);
2086
2086
  --font-family: var(--hop-Link-lg-font-family);
2087
2087
  --font-weight: var(--hop-Link-lg-font-weight);
2088
2088
  --line-height: var(--hop-Link-lg-line-height);
2089
2089
  }
2090
- :where(.Link-module__hop-Link--xl___TwVKV) {
2090
+ :where(.Link-module__hop-Link--xl___zASsD) {
2091
2091
  --font-size: var(--hop-Link-xl-font-size);
2092
2092
  --font-family: var(--hop-Link-xl-font-family);
2093
2093
  --font-weight: var(--hop-Link-xl-font-weight);
2094
2094
  --line-height: var(--hop-Link-xl-line-height);
2095
2095
  }
2096
- :where(.Link-module__hop-Link--2xl___TQgM5) {
2096
+ :where(.Link-module__hop-Link--2xl___KNe4x) {
2097
2097
  --font-size: var(--hop-Link-2xl-font-size);
2098
2098
  --font-family: var(--hop-Link-2xl-font-family);
2099
2099
  --font-weight: var(--hop-Link-2xl-font-weight);
2100
2100
  --line-height: var(--hop-Link-2xl-line-height);
2101
2101
  }
2102
- :where(.Link-module__hop-Link--inherit___f5-Aw) {
2102
+ :where(.Link-module__hop-Link--inherit___WhlFG) {
2103
2103
  --font-size: var(--hop-Link-inherit-size-font-size);
2104
2104
  --font-family: var(--hop-Link-inherit-size-font-family);
2105
2105
  --font-weight: var(--hop-Link-inherit-size-font-weight);
2106
2106
  --line-height: var(--hop-Link-inherit-size-line-height);
2107
2107
  }
2108
- .Link-module__hop-Link___6aSIa[data-focus-visible] {
2108
+ .Link-module__hop-Link___3yNE2[data-focus-visible] {
2109
2109
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2110
2110
  }
2111
- .Link-module__hop-Link___6aSIa[data-disabled] {
2111
+ .Link-module__hop-Link___3yNE2[data-disabled] {
2112
2112
  cursor: default;
2113
2113
  }
2114
- .Link-module__hop-Link--standalone___5bJBl .Link-module__hop-Link__text___uvvn8 {
2114
+ .Link-module__hop-Link--standalone___S7fzF .Link-module__hop-Link__text___rEn9n {
2115
2115
  padding: var(--hop-Link-padding-standalone);
2116
2116
  }
2117
- .Link-module__hop-Link--standalone___5bJBl.Link-module__hop-Link--xs___mt6Zw .Link-module__hop-Link__text___uvvn8 {
2117
+ .Link-module__hop-Link--standalone___S7fzF.Link-module__hop-Link--xs___E1otp .Link-module__hop-Link__text___rEn9n {
2118
2118
  padding: var(--hop-Link-padding-standalone-xs);
2119
2119
  }
2120
- .Link-module__hop-Link--standalone___5bJBl.Link-module__hop-Link--sm___ZlrBf .Link-module__hop-Link__text___uvvn8 {
2120
+ .Link-module__hop-Link--standalone___S7fzF.Link-module__hop-Link--sm___Je0LO .Link-module__hop-Link__text___rEn9n {
2121
2121
  padding: var(--hop-Link-padding-standalone-sm);
2122
2122
  }
2123
- .Link-module__hop-Link--standalone___5bJBl.Link-module__hop-Link--md___AbYWR .Link-module__hop-Link__text___uvvn8 {
2123
+ .Link-module__hop-Link--standalone___S7fzF.Link-module__hop-Link--md___e94p- .Link-module__hop-Link__text___rEn9n {
2124
2124
  padding: var(--hop-Link-padding-standalone-md);
2125
2125
  }
2126
- .Link-module__hop-Link--standalone___5bJBl.Link-module__hop-Link--lg___jP2aW .Link-module__hop-Link__text___uvvn8 {
2126
+ .Link-module__hop-Link--standalone___S7fzF.Link-module__hop-Link--lg___-iFH- .Link-module__hop-Link__text___rEn9n {
2127
2127
  padding: var(--hop-Link-padding-standalone-lg);
2128
2128
  }
2129
- .Link-module__hop-Link--standalone___5bJBl.Link-module__hop-Link--xl___TwVKV .Link-module__hop-Link__text___uvvn8 {
2129
+ .Link-module__hop-Link--standalone___S7fzF.Link-module__hop-Link--xl___zASsD .Link-module__hop-Link__text___rEn9n {
2130
2130
  padding: var(--hop-Link-padding-standalone-xl);
2131
2131
  }
2132
- .Link-module__hop-Link--standalone___5bJBl.Link-module__hop-Link--2xl___TQgM5 .Link-module__hop-Link__text___uvvn8 {
2132
+ .Link-module__hop-Link--standalone___S7fzF.Link-module__hop-Link--2xl___KNe4x .Link-module__hop-Link__text___rEn9n {
2133
2133
  padding: var(--hop-Link-padding-standalone-2xl);
2134
2134
  }
2135
- .Link-module__hop-Link--quiet___UuIEq[data-focus-visible],
2136
- .Link-module__hop-Link--quiet___UuIEq[data-hovered],
2137
- .Link-module__hop-Link--standalone___5bJBl[data-focus-visible],
2138
- .Link-module__hop-Link--standalone___5bJBl[data-hovered] {
2135
+ .Link-module__hop-Link--quiet___W03Vf[data-focus-visible],
2136
+ .Link-module__hop-Link--quiet___W03Vf[data-hovered],
2137
+ .Link-module__hop-Link--standalone___S7fzF[data-focus-visible],
2138
+ .Link-module__hop-Link--standalone___S7fzF[data-hovered] {
2139
2139
  text-decoration: underline;
2140
2140
  }
2141
- .Link-module__hop-Link___6aSIa:not(.Link-module__hop-Link--quiet___UuIEq, .Link-module__hop-Link--standalone___5bJBl) {
2141
+ .Link-module__hop-Link___3yNE2:not(.Link-module__hop-Link--quiet___W03Vf, .Link-module__hop-Link--standalone___S7fzF) {
2142
2142
  text-decoration: underline;
2143
2143
  }
2144
- .Link-module__hop-Link--primary___KgMmX {
2144
+ .Link-module__hop-Link--primary___leGMI {
2145
2145
  color: var(--hop-Link-primary-text-color);
2146
2146
  }
2147
- .Link-module__hop-Link--primary___KgMmX[data-disabled] {
2147
+ .Link-module__hop-Link--primary___leGMI[data-disabled] {
2148
2148
  color: var(--hop-Link-primary-text-disabled-color);
2149
2149
  }
2150
- .Link-module__hop-Link--primary___KgMmX:not([data-disabled])[data-focus-visible],
2151
- .Link-module__hop-Link--primary___KgMmX:not([data-disabled])[data-hovered] {
2150
+ .Link-module__hop-Link--primary___leGMI:not([data-disabled])[data-focus-visible],
2151
+ .Link-module__hop-Link--primary___leGMI:not([data-disabled])[data-hovered] {
2152
2152
  color: var(--hop-Link-primary-text-hover-color);
2153
2153
  }
2154
- .Link-module__hop-Link--primary___KgMmX:not([data-disabled])[data-pressed] {
2154
+ .Link-module__hop-Link--primary___leGMI:not([data-disabled])[data-pressed] {
2155
2155
  color: var(--hop-Link-primary-text-pressed-color);
2156
2156
  }
2157
- .Link-module__hop-Link--secondary___tFKgB {
2157
+ .Link-module__hop-Link--secondary___yidNg {
2158
2158
  color: var(--hop-Link-neutral-text-color);
2159
2159
  }
2160
- .Link-module__hop-Link--secondary___tFKgB[data-disabled] {
2160
+ .Link-module__hop-Link--secondary___yidNg[data-disabled] {
2161
2161
  color: var(--hop-Link-neutral-text-disabled-color);
2162
2162
  }
2163
- .Link-module__hop-Link--secondary___tFKgB:not([data-disabled])[data-focus-visible],
2164
- .Link-module__hop-Link--secondary___tFKgB:not([data-disabled])[data-hovered] {
2163
+ .Link-module__hop-Link--secondary___yidNg:not([data-disabled])[data-focus-visible],
2164
+ .Link-module__hop-Link--secondary___yidNg:not([data-disabled])[data-hovered] {
2165
2165
  color: var(--hop-Link-neutral-text-hover-color);
2166
2166
  }
2167
- .Link-module__hop-Link--secondary___tFKgB:not([data-disabled])[data-pressed] {
2167
+ .Link-module__hop-Link--secondary___yidNg:not([data-disabled])[data-pressed] {
2168
2168
  color: var(--hop-Link-neutral-text-pressed-color);
2169
2169
  }
2170
- .Link-module__hop-Link__icon___Vzg4T,
2171
- .Link-module__hop-Link__icon-list___sjfsf {
2170
+ .Link-module__hop-Link__icon___sijez,
2171
+ .Link-module__hop-Link__icon-list___QEDTp {
2172
2172
  order: 2;
2173
2173
  }
2174
- .Link-module__hop-Link__text___uvvn8 {
2174
+ .Link-module__hop-Link__text___rEn9n {
2175
2175
  order: 1;
2176
2176
  }
2177
- .Link-module__hop-Link__start-icon___ODJOW,
2178
- .Link-module__hop-Link__start-icon-list___6xecF {
2177
+ .Link-module__hop-Link__start-icon___vqbia,
2178
+ .Link-module__hop-Link__start-icon-list___piir0 {
2179
2179
  order: 0;
2180
2180
  }
2181
2181
 
2182
2182
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2183
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___FPg58 {
2183
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___8hlF2 {
2184
2184
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2185
2185
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2186
2186
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2212,52 +2212,52 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2212
2212
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2213
2213
  outline: none;
2214
2214
  }
2215
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___mzyUX {
2215
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___-RePg {
2216
2216
  --size: var(--hop-RichIconAvatarImage-xs-size);
2217
2217
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2218
2218
  }
2219
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Ol2Qk {
2219
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Y6mkc {
2220
2220
  --size: var(--hop-RichIconAvatarImage-sm-size);
2221
2221
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2222
2222
  }
2223
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___U6onn {
2223
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___DzRfO {
2224
2224
  --size: var(--hop-RichIconAvatarImage-md-size);
2225
2225
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2226
2226
  }
2227
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___ImQQt {
2227
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___gMLD0 {
2228
2228
  --size: var(--hop-RichIconAvatarImage-lg-size);
2229
2229
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2230
2230
  }
2231
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___n3lfx {
2231
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___yfQhR {
2232
2232
  --size: var(--hop-RichIconAvatarImage-xl-size);
2233
2233
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2234
2234
  }
2235
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___qWsqS {
2235
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___X7rwP {
2236
2236
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2237
2237
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2238
2238
  }
2239
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___udwin {
2239
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___Hx9AE {
2240
2240
  cursor: pointer;
2241
2241
  }
2242
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___CZxe9 {
2242
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___pjLAe {
2243
2243
  outline: 0.125rem solid var(--hop-primary-border-focus);
2244
2244
  }
2245
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___FPg58[data-disabled] {
2245
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___8hlF2[data-disabled] {
2246
2246
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2247
2247
  }
2248
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bSyv6 {
2248
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___AsgF9 {
2249
2249
  position: relative;
2250
2250
  display: block;
2251
2251
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2252
2252
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2253
2253
  }
2254
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___FPg58[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bSyv6 {
2254
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___8hlF2[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___AsgF9 {
2255
2255
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2256
2256
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2257
2257
  }
2258
2258
 
2259
2259
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2260
- .Avatar-module__hop-Avatar___7iggZ {
2260
+ .Avatar-module__hop-Avatar___2cFdX {
2261
2261
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2262
2262
  --hop-Avatar-mix-blend-mode: normal;
2263
2263
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2303,73 +2303,73 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2303
2303
  border-radius: var(--hop-Avatar-border-radius);
2304
2304
  outline: none;
2305
2305
  }
2306
- .Avatar-module__hop-Avatar--xs___MuRlj {
2306
+ .Avatar-module__hop-Avatar--xs___QVa0U {
2307
2307
  --size: var(--hop-Avatar-xs-size);
2308
2308
  }
2309
- .Avatar-module__hop-Avatar--sm___6EeBg {
2309
+ .Avatar-module__hop-Avatar--sm___UfvOd {
2310
2310
  --size: var(--hop-Avatar-sm-size);
2311
2311
  }
2312
- .Avatar-module__hop-Avatar--md___QmTSF {
2312
+ .Avatar-module__hop-Avatar--md___6UbXT {
2313
2313
  --size: var(--hop-Avatar-md-size);
2314
2314
  }
2315
- .Avatar-module__hop-Avatar--lg___qi-iz {
2315
+ .Avatar-module__hop-Avatar--lg___KyNEu {
2316
2316
  --size: var(--hop-Avatar-lg-size);
2317
2317
  }
2318
- .Avatar-module__hop-Avatar--xl___DQOpK {
2318
+ .Avatar-module__hop-Avatar--xl___yYNqV {
2319
2319
  --size: var(--hop-Avatar-xl-size);
2320
2320
  }
2321
- .Avatar-module__hop-Avatar--2xl___VvXra {
2321
+ .Avatar-module__hop-Avatar--2xl___JvGY4 {
2322
2322
  --size: var(--hop-Avatar-2xl-size);
2323
2323
  }
2324
- .Avatar-module__hop-Avatar--clickable___EPxhT {
2324
+ .Avatar-module__hop-Avatar--clickable___lRYFe {
2325
2325
  cursor: pointer;
2326
2326
  }
2327
- .Avatar-module__hop-Avatar--focus-visible___09o-8 {
2327
+ .Avatar-module__hop-Avatar--focus-visible___-CR23 {
2328
2328
  outline: 0.125rem solid var(--hop-primary-border-focus);
2329
2329
  }
2330
- .Avatar-module__hop-Avatar--decorative-option1___HyKXV {
2330
+ .Avatar-module__hop-Avatar--decorative-option1___ccdVO {
2331
2331
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2332
2332
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2333
2333
  }
2334
- .Avatar-module__hop-Avatar--decorative-option2___00azl {
2334
+ .Avatar-module__hop-Avatar--decorative-option2___GD3Ii {
2335
2335
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2336
2336
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2337
2337
  }
2338
- .Avatar-module__hop-Avatar--decorative-option3___Uvk-g {
2338
+ .Avatar-module__hop-Avatar--decorative-option3___ax1DS {
2339
2339
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2340
2340
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2341
2341
  }
2342
- .Avatar-module__hop-Avatar--decorative-option4___smg7t {
2342
+ .Avatar-module__hop-Avatar--decorative-option4___cYIif {
2343
2343
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2344
2344
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2345
2345
  }
2346
- .Avatar-module__hop-Avatar--decorative-option5___m-EeM {
2346
+ .Avatar-module__hop-Avatar--decorative-option5___PPs31 {
2347
2347
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2348
2348
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2349
2349
  }
2350
- .Avatar-module__hop-Avatar--decorative-option6___9K6Kb {
2350
+ .Avatar-module__hop-Avatar--decorative-option6___ldBcK {
2351
2351
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2352
2352
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2353
2353
  }
2354
- .Avatar-module__hop-Avatar--decorative-option7___vF9Th {
2354
+ .Avatar-module__hop-Avatar--decorative-option7___FbNg0 {
2355
2355
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2356
2356
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2357
2357
  }
2358
- .Avatar-module__hop-Avatar--decorative-option8___8xORB {
2358
+ .Avatar-module__hop-Avatar--decorative-option8___jOcNX {
2359
2359
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2360
2360
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2361
2361
  }
2362
- .Avatar-module__hop-Avatar--decorative-option9___tqUYr {
2362
+ .Avatar-module__hop-Avatar--decorative-option9___PbtZa {
2363
2363
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2364
2364
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2365
2365
  }
2366
- .Avatar-module__hop-Avatar___7iggZ[data-disabled] {
2366
+ .Avatar-module__hop-Avatar___2cFdX[data-disabled] {
2367
2367
  --background-color: var(--hop-Avatar-background-color-disabled);
2368
2368
  --text-color: var(--hop-Avatar-text-color-disabled);
2369
2369
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2370
2370
  isolation: isolate;
2371
2371
  }
2372
- .Avatar-module__hop-Avatar__image___VF4lc {
2372
+ .Avatar-module__hop-Avatar__image___g41-w {
2373
2373
  position: relative;
2374
2374
  display: block;
2375
2375
  box-sizing: border-box;
@@ -2378,12 +2378,12 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2378
2378
  object-fit: cover;
2379
2379
  mix-blend-mode: var(--mix-blend-mode);
2380
2380
  }
2381
- .Avatar-module__hop-Avatar__initials___yQcdM {
2381
+ .Avatar-module__hop-Avatar__initials___DBef1 {
2382
2382
  white-space: nowrap;
2383
2383
  }
2384
2384
 
2385
2385
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2386
- .Tooltip-module__hop-Tooltip___Btjb8 {
2386
+ .Tooltip-module__hop-Tooltip___0k1nY {
2387
2387
  --hop-Tooltip-max-inline-size: 20rem;
2388
2388
  --hop-Tooltip-slide-amount: 0.25rem;
2389
2389
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2411,29 +2411,29 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2411
2411
  box-shadow: var(--hop-Tooltip-box-shadow);
2412
2412
  overflow-wrap: anywhere;
2413
2413
  }
2414
- .Tooltip-module__hop-Tooltip--top___4v9Xg {
2414
+ .Tooltip-module__hop-Tooltip--top___OW8PG {
2415
2415
  --origin-x: 0;
2416
2416
  --origin-y: var(--hop-Tooltip-slide-amount);
2417
2417
  }
2418
- .Tooltip-module__hop-Tooltip--right___QkPAJ {
2418
+ .Tooltip-module__hop-Tooltip--right___f8ILx {
2419
2419
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2420
2420
  --origin-y: 0;
2421
2421
  }
2422
- .Tooltip-module__hop-Tooltip--bottom___Jtumq {
2422
+ .Tooltip-module__hop-Tooltip--bottom___i2s5D {
2423
2423
  --origin-x: 0;
2424
2424
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2425
2425
  }
2426
- .Tooltip-module__hop-Tooltip--left___Byh8E {
2426
+ .Tooltip-module__hop-Tooltip--left___lbuob {
2427
2427
  --origin-x: var(--hop-Tooltip-slide-amount);
2428
2428
  --origin-y: 0;
2429
2429
  }
2430
- .Tooltip-module__hop-Tooltip___Btjb8[data-entering] {
2431
- animation: Tooltip-module__slide___FKgKM 0.2s ease-out;
2430
+ .Tooltip-module__hop-Tooltip___0k1nY[data-entering] {
2431
+ animation: Tooltip-module__slide___juPkB 0.2s ease-out;
2432
2432
  }
2433
- .Tooltip-module__hop-Tooltip___Btjb8[data-exiting] {
2434
- animation: Tooltip-module__slide___FKgKM 0.2s ease-in reverse;
2433
+ .Tooltip-module__hop-Tooltip___0k1nY[data-exiting] {
2434
+ animation: Tooltip-module__slide___juPkB 0.2s ease-in reverse;
2435
2435
  }
2436
- @keyframes Tooltip-module__slide___FKgKM {
2436
+ @keyframes Tooltip-module__slide___juPkB {
2437
2437
  from {
2438
2438
  transform: translate(var(--origin-x), var(--origin-y));
2439
2439
  opacity: 0;
@@ -2445,44 +2445,44 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2445
2445
  }
2446
2446
 
2447
2447
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2448
- .AvatarGroup-module__hop-AvatarGroup___PV5We {
2448
+ .AvatarGroup-module__hop-AvatarGroup___lxW9s {
2449
2449
  --hop-AvatarGroup-display: flex;
2450
2450
  --hop-AvatarGroup-align-items: center;
2451
2451
  display: var(--hop-AvatarGroup-display);
2452
2452
  align-items: var(--hop-AvatarGroup-align-items);
2453
2453
  }
2454
- .AvatarGroup-module__hop-AvatarGroup--wrap___r-QZx {
2454
+ .AvatarGroup-module__hop-AvatarGroup--wrap___soAH4 {
2455
2455
  flex-wrap: wrap;
2456
2456
  }
2457
- .AvatarGroup-module__hop-AvatarGroup--xs___dxFuM {
2457
+ .AvatarGroup-module__hop-AvatarGroup--xs___Ap1ct {
2458
2458
  --gap: -0.125rem;
2459
2459
  }
2460
- .AvatarGroup-module__hop-AvatarGroup--sm___U8Gyw {
2460
+ .AvatarGroup-module__hop-AvatarGroup--sm___bK80v {
2461
2461
  --gap: -0.25rem;
2462
2462
  }
2463
- .AvatarGroup-module__hop-AvatarGroup--md___X1f1N {
2463
+ .AvatarGroup-module__hop-AvatarGroup--md___S5MBZ {
2464
2464
  --gap: -0.5rem;
2465
2465
  }
2466
- .AvatarGroup-module__hop-AvatarGroup--lg___bR066 {
2466
+ .AvatarGroup-module__hop-AvatarGroup--lg___GGW1X {
2467
2467
  --gap: -1rem;
2468
2468
  }
2469
- .AvatarGroup-module__hop-AvatarGroup--xl___0Hh57 {
2469
+ .AvatarGroup-module__hop-AvatarGroup--xl___uEwql {
2470
2470
  --gap: -1rem;
2471
2471
  }
2472
- .AvatarGroup-module__hop-AvatarGroup--2xl___zqoAf {
2472
+ .AvatarGroup-module__hop-AvatarGroup--2xl___tiKyj {
2473
2473
  --gap: -2rem;
2474
2474
  }
2475
- .AvatarGroup-module__hop-AvatarGroup__avatar___kJKgW {
2475
+ .AvatarGroup-module__hop-AvatarGroup__avatar___fTUst {
2476
2476
  margin-inline-start: var(--gap);
2477
2477
  transition: margin var(--hop-easing-duration-2);
2478
2478
  }
2479
- .AvatarGroup-module__hop-AvatarGroup__avatar___kJKgW:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___kJKgW {
2479
+ .AvatarGroup-module__hop-AvatarGroup__avatar___fTUst:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___fTUst {
2480
2480
  margin-inline-start: 0;
2481
2481
  }
2482
- .AvatarGroup-module__hop-AvatarGroup__avatar___kJKgW:first-child {
2482
+ .AvatarGroup-module__hop-AvatarGroup__avatar___fTUst:first-child {
2483
2483
  margin-inline-start: 0;
2484
2484
  }
2485
- .AvatarGroup-module__hop-AvatarGroup__label___JU3FI {
2485
+ .AvatarGroup-module__hop-AvatarGroup__label___5tEfD {
2486
2486
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2487
2487
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2488
2488
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2494,7 +2494,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2494
2494
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2495
2495
  line-height: var(--hop-AvatarGroup-label-line-height);
2496
2496
  }
2497
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___D-uiK {
2497
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Ds1YF {
2498
2498
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2499
2499
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2500
2500
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2512,21 +2512,21 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2512
2512
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2513
2513
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2514
2514
  }
2515
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___D-uiK:not(:last-child) {
2515
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Ds1YF:not(:last-child) {
2516
2516
  margin-block-end: 0.25rem;
2517
2517
  }
2518
- .AvatarGroup-module__hop-AvatarGroup--start___gCl8t {
2518
+ .AvatarGroup-module__hop-AvatarGroup--start___idqOZ {
2519
2519
  justify-content: flex-start;
2520
2520
  }
2521
- .AvatarGroup-module__hop-AvatarGroup--end___sIOLm {
2521
+ .AvatarGroup-module__hop-AvatarGroup--end___WDLBu {
2522
2522
  justify-content: flex-end;
2523
2523
  }
2524
- .AvatarGroup-module__hop-AvatarGroup--center___coMG5 {
2524
+ .AvatarGroup-module__hop-AvatarGroup--center___m-TB1 {
2525
2525
  justify-content: center;
2526
2526
  }
2527
2527
 
2528
2528
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2529
- .Badge-module__hop-Badge___xbk59 {
2529
+ .Badge-module__hop-Badge___7dC-k {
2530
2530
  --hop-Badge-height: 1.5rem;
2531
2531
  --hop-Badge-width: max-content;
2532
2532
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2576,67 +2576,67 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2576
2576
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2577
2577
  border-radius: var(--border-radius);
2578
2578
  }
2579
- .Badge-module__hop-Badge--primary___iaMK5 {
2579
+ .Badge-module__hop-Badge--primary___ylSZo {
2580
2580
  --background-color: var(--hop-Badge-primary-background-color);
2581
2581
  --text-color: var(--hop-Badge-primary-text-color);
2582
2582
  }
2583
- .Badge-module__hop-Badge--primary___iaMK5[data-hovered] {
2583
+ .Badge-module__hop-Badge--primary___ylSZo[data-hovered] {
2584
2584
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2585
2585
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2586
2586
  }
2587
- .Badge-module__hop-Badge--primary___iaMK5[data-pressed] {
2587
+ .Badge-module__hop-Badge--primary___ylSZo[data-pressed] {
2588
2588
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2589
2589
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2590
2590
  }
2591
- .Badge-module__hop-Badge--primary___iaMK5[data-selected] {
2591
+ .Badge-module__hop-Badge--primary___ylSZo[data-selected] {
2592
2592
  --background-color: var(--hop-Badge-primary-background-color-selected);
2593
2593
  --text-color: var(--hop-Badge-primary-text-color-selected);
2594
2594
  }
2595
- .Badge-module__hop-Badge--secondary___NtqQk {
2595
+ .Badge-module__hop-Badge--secondary___4piEV {
2596
2596
  --background-color: var(--hop-Badge-secondary-background-color);
2597
2597
  --text-color: var(--hop-Badge-secondary-text-color);
2598
2598
  }
2599
- .Badge-module__hop-Badge--secondary___NtqQk[data-hovered] {
2599
+ .Badge-module__hop-Badge--secondary___4piEV[data-hovered] {
2600
2600
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2601
2601
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2602
2602
  }
2603
- .Badge-module__hop-Badge--secondary___NtqQk[data-pressed] {
2603
+ .Badge-module__hop-Badge--secondary___4piEV[data-pressed] {
2604
2604
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2605
2605
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2606
2606
  }
2607
- .Badge-module__hop-Badge--secondary___NtqQk[data-selected] {
2607
+ .Badge-module__hop-Badge--secondary___4piEV[data-selected] {
2608
2608
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2609
2609
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2610
2610
  }
2611
- .Badge-module__hop-Badge--subdued___wlRUW {
2611
+ .Badge-module__hop-Badge--subdued___m-6IK {
2612
2612
  --background-color: var(--hop-Badge-subdued-background-color);
2613
2613
  --text-color: var(--hop-Badge-subdued-text-color);
2614
2614
  }
2615
- .Badge-module__hop-Badge--subdued___wlRUW[data-hovered] {
2615
+ .Badge-module__hop-Badge--subdued___m-6IK[data-hovered] {
2616
2616
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2617
2617
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2618
2618
  }
2619
- .Badge-module__hop-Badge--subdued___wlRUW[data-pressed] {
2619
+ .Badge-module__hop-Badge--subdued___m-6IK[data-pressed] {
2620
2620
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2621
2621
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2622
2622
  }
2623
- .Badge-module__hop-Badge--subdued___wlRUW[data-selected] {
2623
+ .Badge-module__hop-Badge--subdued___m-6IK[data-selected] {
2624
2624
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2625
2625
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2626
2626
  }
2627
- .Badge-module__hop-Badge___xbk59[data-indeterminate] {
2627
+ .Badge-module__hop-Badge___7dC-k[data-indeterminate] {
2628
2628
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2629
2629
  --height: var(--hop-Badge-indeterminate-height);
2630
2630
  --width: var(--hop-Badge-indeterminate-width);
2631
2631
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2632
2632
  }
2633
- .Badge-module__hop-Badge___xbk59[data-disabled] {
2633
+ .Badge-module__hop-Badge___7dC-k[data-disabled] {
2634
2634
  --background-color: var(--hop-Badge-background-color-disabled);
2635
2635
  --text-color: var(--hop-Badge-text-color-disabled);
2636
2636
  }
2637
2637
 
2638
2638
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2639
- .FloatingBadge-module__hop-FloatingBadge___8sEwi {
2639
+ .FloatingBadge-module__hop-FloatingBadge___df-FO {
2640
2640
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2641
2641
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2642
2642
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2677,7 +2677,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2677
2677
  box-sizing: border-box;
2678
2678
  inline-size: max-content;
2679
2679
  }
2680
- .FloatingBadge-module__hop-FloatingBadge___8sEwi[data-placement="top right"] {
2680
+ .FloatingBadge-module__hop-FloatingBadge___df-FO[data-placement="top right"] {
2681
2681
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2682
2682
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2683
2683
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2685,11 +2685,11 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2685
2685
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2686
2686
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2687
2687
  }
2688
- .FloatingBadge-module__hop-FloatingBadge___8sEwi[data-placement="top right"][data-overlap=circular] {
2688
+ .FloatingBadge-module__hop-FloatingBadge___df-FO[data-placement="top right"][data-overlap=circular] {
2689
2689
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2690
2690
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2691
2691
  }
2692
- .FloatingBadge-module__hop-FloatingBadge___8sEwi[data-placement="top left"] {
2692
+ .FloatingBadge-module__hop-FloatingBadge___df-FO[data-placement="top left"] {
2693
2693
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2694
2694
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2695
2695
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2697,11 +2697,11 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2697
2697
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2698
2698
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2699
2699
  }
2700
- .FloatingBadge-module__hop-FloatingBadge___8sEwi[data-placement="top left"][data-overlap=circular] {
2700
+ .FloatingBadge-module__hop-FloatingBadge___df-FO[data-placement="top left"][data-overlap=circular] {
2701
2701
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2702
2702
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2703
2703
  }
2704
- .FloatingBadge-module__hop-FloatingBadge___8sEwi[data-placement="bottom right"] {
2704
+ .FloatingBadge-module__hop-FloatingBadge___df-FO[data-placement="bottom right"] {
2705
2705
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2706
2706
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2707
2707
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2709,11 +2709,11 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2709
2709
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2710
2710
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2711
2711
  }
2712
- .FloatingBadge-module__hop-FloatingBadge___8sEwi[data-placement="bottom right"][data-overlap=circular] {
2712
+ .FloatingBadge-module__hop-FloatingBadge___df-FO[data-placement="bottom right"][data-overlap=circular] {
2713
2713
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2714
2714
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2715
2715
  }
2716
- .FloatingBadge-module__hop-FloatingBadge___8sEwi[data-placement="bottom left"] {
2716
+ .FloatingBadge-module__hop-FloatingBadge___df-FO[data-placement="bottom left"] {
2717
2717
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2718
2718
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2719
2719
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2721,11 +2721,11 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2721
2721
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2722
2722
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2723
2723
  }
2724
- .FloatingBadge-module__hop-FloatingBadge___8sEwi[data-placement="bottom left"][data-overlap=circular] {
2724
+ .FloatingBadge-module__hop-FloatingBadge___df-FO[data-placement="bottom left"][data-overlap=circular] {
2725
2725
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2726
2726
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2727
2727
  }
2728
- .FloatingBadge-module__hop-FloatingBadge__badge___-ti-q {
2728
+ .FloatingBadge-module__hop-FloatingBadge__badge___XLvm1 {
2729
2729
  position: absolute;
2730
2730
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2731
2731
  transform-origin: var(--badge-transform-origin);
@@ -2733,55 +2733,11 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2733
2733
  }
2734
2734
 
2735
2735
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2736
- .Checkbox-module__hop-Checkbox___YnGiS {
2736
+ .Checkbox-module__hop-Checkbox___qK2-4 {
2737
2737
  --hop-Checkbox-box-border-size: 0.0625rem;
2738
- --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2739
- --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
2740
2738
  --hop-Checkbox-box-outline-size: 0.125rem;
2741
- --hop-Checkbox-box-outline-color: var(--hop-primary-border-focus);
2742
- --hop-Checkbox-check-color: var(--hop-neutral-icon-selected);
2743
2739
  --hop-Checkbox-check-display: none;
2744
- --hop-Checkbox-text-color: var(--hop-neutral-text);
2745
- --hop-Checkbox-icon-color: var(--hop-neutral-icon);
2746
- --hop-Checkbox-box-border-color-hovered: var(--hop-neutral-border-hover);
2747
- --hop-Checkbox-box-background-color-hovered: var(--hop-neutral-surface-hover);
2748
- --hop-Checkbox-text-color-hovered: var(--hop-neutral-text-hover);
2749
- --hop-Checkbox-icon-color-hovered: var(--hop-neutral-icon-hover);
2750
- --hop-Checkbox-box-border-color-pressed: var(--hop-neutral-border-press);
2751
- --hop-Checkbox-box-background-color-pressed: var(--hop-neutral-surface-press);
2752
- --hop-Checkbox-text-color-pressed: var(--hop-neutral-text-press);
2753
- --hop-Checkbox-icon-color-pressed: var(--hop-neutral-icon-press);
2754
- --hop-Checkbox-box-border-color-selected: var(--hop-neutral-border-selected);
2755
- --hop-Checkbox-box-background-color-selected: var(--hop-neutral-surface-selected);
2756
2740
  --hop-Checkbox-check-display-selected: block;
2757
- --hop-Checkbox-text-color-selected: var(--hop-neutral-text);
2758
- --hop-Checkbox-icon-color-selected: var(--hop-neutral-icon);
2759
- --hop-Checkbox-box-border-color-disabled: var(--hop-neutral-border-disabled);
2760
- --hop-Checkbox-box-background-color-disabled: var(--hop-neutral-surface-disabled);
2761
- --hop-Checkbox-check-color-disabled: var(--hop-neutral-icon-disabled);
2762
- --hop-Checkbox-text-color-disabled: var(--hop-neutral-text-disabled);
2763
- --hop-Checkbox-icon-color-disabled: var(--hop-neutral-icon-disabled);
2764
- --hop-Checkbox-box-border-color-focused: var(--hop-neutral-border-hover);
2765
- --hop-Checkbox-box-background-color-focused: var(--hop-neutral-surface-hover);
2766
- --hop-Checkbox-text-color-focused: var(--hop-neutral-text-hover);
2767
- --hop-Checkbox-icon-color-focused: var(--hop-neutral-icon-hover);
2768
- --hop-Checkbox-box-border-color-invalid: var(--hop-danger-border-strong);
2769
- --hop-Checkbox-box-background-color-invalid: var(--hop-neutral-surface);
2770
- --hop-Checkbox-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
2771
- --hop-Checkbox-box-background-color-hovered-invalid: var(--hop-danger-surface-weak-hover);
2772
- --hop-Checkbox-box-border-color-pressed-invalid: var(--hop-danger-border-press);
2773
- --hop-Checkbox-box-background-color-pressed-invalid: var(--hop-danger-surface-weak-press);
2774
- --hop-Checkbox-box-border-color-focused-invalid: var(--hop-danger-border-press);
2775
- --hop-Checkbox-box-background-color-focused-invalid: var(--hop-danger-surface);
2776
- --hop-Checkbox-box-border-color-selected-invalid: var(--hop-danger-border-strong);
2777
- --hop-Checkbox-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
2778
- --hop-Checkbox-check-color-invalid: var(--hop-danger-icon-strong);
2779
- --hop-Checkbox-text-color-invalid: var(--hop-danger-text-weak);
2780
- --hop-Checkbox-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
2781
- --hop-Checkbox-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
2782
- --hop-Checkbox-icon-color-invalid: var(--hop-danger-icon-weak);
2783
- --hop-Checkbox-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
2784
- --hop-Checkbox-icon-color-pressed-invalid: var(--hop-danger-icon-weak-press);
2785
2741
  --hop-Checkbox-box-sm-block-size: 1rem;
2786
2742
  --hop-Checkbox-box-sm-inline-size: 1rem;
2787
2743
  --hop-Checkbox-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
@@ -2790,14 +2746,14 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2790
2746
  --hop-Checkbox-box-md-inline-size: 1.5rem;
2791
2747
  --hop-Checkbox-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
2792
2748
  --hop-Checkbox-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
2793
- --box-background-color: var(--hop-Checkbox-box-background-color);
2794
- --box-border-color: var(--hop-Checkbox-box-border-color);
2795
- --box-border-radius: var(--hop-shape-rounded-sm);
2796
- --check-color: var(--hop-Checkbox-check-color);
2749
+ --box-background-color: var(--hop-comp-mark-background-color);
2750
+ --box-border-color: var(--hop-comp-mark-border-color);
2751
+ --box-border-radius: var(--hop-comp-checkbox-border-radius);
2752
+ --check-color: var(--hop-comp-mark-indicator-color);
2797
2753
  --check-display: var(--hop-Checkbox-check-display);
2798
2754
  --cursor: pointer;
2799
- --text-color: var(--hop-Checkbox-text-color);
2800
- --icon-color: var(--hop-Checkbox-icon-color);
2755
+ --text-color: var(--hop-comp-label-text-color);
2756
+ --icon-color: var(--hop-comp-label-icon-color);
2801
2757
  --transition-duration: var(--hop-easing-duration-2);
2802
2758
  cursor: var(--cursor);
2803
2759
  display: flex;
@@ -2808,86 +2764,86 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2808
2764
  inline-size: max-content;
2809
2765
  max-inline-size: 100%;
2810
2766
  }
2811
- .Checkbox-module__hop-Checkbox___YnGiS[data-focus-visible] {
2812
- --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2813
- --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2814
- --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2815
- --text-color: var(--hop-Checkbox-text-color-focused);
2816
- --icon-color: var(--hop-Checkbox-icon-color-focused);
2817
- }
2818
- .Checkbox-module__hop-Checkbox___YnGiS[data-hovered] {
2819
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2820
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2821
- --text-color: var(--hop-Checkbox-text-color-hovered);
2822
- --icon-color: var(--hop-Checkbox-icon-color-hovered);
2823
- }
2824
- .Checkbox-module__hop-Checkbox___YnGiS[data-pressed] {
2825
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2826
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2827
- --text-color: var(--hop-Checkbox-text-color-pressed);
2828
- --icon-color: var(--hop-Checkbox-icon-color-pressed);
2829
- }
2830
- .Checkbox-module__hop-Checkbox___YnGiS[data-selected] {
2831
- --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2832
- --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2767
+ .Checkbox-module__hop-Checkbox___qK2-4[data-focus-visible] {
2768
+ --box-background-color: var(--hop-comp-mark-background-color-hover);
2769
+ --box-border-color: var(--hop-comp-mark-border-color-hover);
2770
+ --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
2771
+ --text-color: var(--hop-comp-label-text-color-focus);
2772
+ --icon-color: var(--hop-comp-label-icon-color-focus);
2773
+ }
2774
+ .Checkbox-module__hop-Checkbox___qK2-4[data-hovered] {
2775
+ --box-background-color: var(--hop-comp-mark-background-color-hover);
2776
+ --box-border-color: var(--hop-comp-mark-border-color-hover);
2777
+ --text-color: var(--hop-comp-label-text-color-hover);
2778
+ --icon-color: var(--hop-comp-label-icon-color-hover);
2779
+ }
2780
+ .Checkbox-module__hop-Checkbox___qK2-4[data-pressed] {
2781
+ --box-background-color: var(--hop-comp-mark-background-color-press);
2782
+ --box-border-color: var(--hop-comp-mark-border-color-press);
2783
+ --text-color: var(--hop-comp-label-text-color-press);
2784
+ --icon-color: var(--hop-comp-label-icon-color-press);
2785
+ }
2786
+ .Checkbox-module__hop-Checkbox___qK2-4[data-selected] {
2787
+ --box-background-color: var(--hop-comp-mark-background-color-selected);
2788
+ --box-border-color: var(--hop-comp-mark-border-color-selected);
2833
2789
  --check-display: var(--hop-Checkbox-check-display-selected);
2834
- --text-color: var(--hop-Checkbox-text-color-selected);
2835
- --icon-color: var(--hop-Checkbox-icon-color-selected);
2836
- }
2837
- .Checkbox-module__hop-Checkbox___YnGiS[data-invalid] {
2838
- --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2839
- --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2840
- --check-color: var(--hop-Checkbox-check-color-invalid);
2841
- --text-color: var(--hop-Checkbox-text-color-invalid);
2842
- --icon-color: var(--hop-Checkbox-icon-color-invalid);
2843
- }
2844
- .Checkbox-module__hop-Checkbox___YnGiS[data-invalid]:where([data-focus-visible]) {
2845
- --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2846
- --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2847
- }
2848
- .Checkbox-module__hop-Checkbox___YnGiS[data-invalid]:where([data-hovered]) {
2849
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2850
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2851
- --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2852
- --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2853
- }
2854
- .Checkbox-module__hop-Checkbox___YnGiS[data-invalid]:where([data-pressed]) {
2855
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2856
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2857
- --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2858
- --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2859
- }
2860
- .Checkbox-module__hop-Checkbox___YnGiS:where([data-invalid])[data-selected] {
2861
- --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2862
- --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2863
- }
2864
- .Checkbox-module__hop-Checkbox___YnGiS[data-disabled] {
2865
- --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2866
- --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2867
- --check-color: var(--hop-Checkbox-check-color-disabled);
2790
+ --text-color: var(--hop-comp-label-text-color-selected);
2791
+ --icon-color: var(--hop-comp-label-icon-color-selected);
2792
+ }
2793
+ .Checkbox-module__hop-Checkbox___qK2-4[data-invalid] {
2794
+ --box-background-color: var(--hop-comp-mark-background-color);
2795
+ --box-border-color: var(--hop-comp-mark-border-color-error);
2796
+ --check-color: var(--hop-comp-mark-indicator-color-error);
2797
+ --text-color: var(--hop-comp-label-text-color-error);
2798
+ --icon-color: var(--hop-comp-label-icon-color-error);
2799
+ }
2800
+ .Checkbox-module__hop-Checkbox___qK2-4[data-invalid]:where([data-focus-visible]) {
2801
+ --box-background-color: var(--hop-comp-mark-background-color-error-focus);
2802
+ --box-border-color: var(--hop-comp-mark-border-color-error-focus);
2803
+ }
2804
+ .Checkbox-module__hop-Checkbox___qK2-4[data-invalid]:where([data-hovered]) {
2805
+ --box-background-color: var(--hop-comp-mark-background-color-error-hover);
2806
+ --box-border-color: var(--hop-comp-mark-border-color-error);
2807
+ --text-color: var(--hop-comp-label-text-color-error-hover);
2808
+ --icon-color: var(--hop-comp-label-icon-color-error-hover);
2809
+ }
2810
+ .Checkbox-module__hop-Checkbox___qK2-4[data-invalid]:where([data-pressed]) {
2811
+ --box-background-color: var(--hop-comp-mark-background-color-error-press);
2812
+ --box-border-color: var(--hop-comp-mark-border-color-error-press);
2813
+ --text-color: var(--hop-comp-label-text-color-error-press);
2814
+ --icon-color: var(--hop-comp-label-icon-color-error-press);
2815
+ }
2816
+ .Checkbox-module__hop-Checkbox___qK2-4:where([data-invalid])[data-selected] {
2817
+ --box-background-color: var(--hop-comp-mark-background-color-error);
2818
+ --box-border-color: var(--hop-comp-mark-border-color-error);
2819
+ }
2820
+ .Checkbox-module__hop-Checkbox___qK2-4[data-disabled] {
2821
+ --box-background-color: var(--hop-comp-mark-background-color-disabled);
2822
+ --box-border-color: var(--hop-comp-mark-border-color-disabled);
2823
+ --check-color: var(--hop-comp-mark-indicator-color-disabled);
2868
2824
  --cursor: not-allowed;
2869
- --text-color: var(--hop-Checkbox-text-color-disabled);
2870
- --icon-color: var(--hop-Checkbox-icon-color-disabled);
2825
+ --text-color: var(--hop-comp-label-text-color-disabled);
2826
+ --icon-color: var(--hop-comp-label-icon-color-disabled);
2871
2827
  }
2872
- .Checkbox-module__hop-Checkbox--sm___-rcxE {
2828
+ .Checkbox-module__hop-Checkbox--sm___7LjPU {
2873
2829
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2874
2830
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2875
2831
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2876
2832
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2877
2833
  }
2878
- .Checkbox-module__hop-Checkbox--md___GHVkN {
2834
+ .Checkbox-module__hop-Checkbox--md___L8DBM {
2879
2835
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2880
2836
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2881
2837
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2882
2838
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2883
2839
  }
2884
- .Checkbox-module__hop-Checkbox__icon___OnPuW,
2885
- .Checkbox-module__hop-Checkbox__icon-list___L1YMc {
2840
+ .Checkbox-module__hop-Checkbox__icon___lwB5k,
2841
+ .Checkbox-module__hop-Checkbox__icon-list___MA8tP {
2886
2842
  flex: 0 0 auto;
2887
2843
  order: 3;
2888
2844
  color: var(--icon-color);
2889
2845
  }
2890
- .Checkbox-module__hop-Checkbox__box___GzPHY {
2846
+ .Checkbox-module__hop-Checkbox__box___jp92J {
2891
2847
  display: flex;
2892
2848
  flex: 0 0 auto;
2893
2849
  align-items: center;
@@ -2902,12 +2858,13 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2902
2858
  outline: var(--box-outline, none);
2903
2859
  outline-offset: 0.125rem;
2904
2860
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2861
+ box-shadow: var(--hop-comp-checkbox-box-shadow);
2905
2862
  }
2906
- .Checkbox-module__hop-Checkbox__check___mu2o- {
2863
+ .Checkbox-module__hop-Checkbox__check___72fQi {
2907
2864
  display: var(--check-display);
2908
2865
  color: var(--check-color);
2909
2866
  }
2910
- .Checkbox-module__hop-Checkbox__text___VZ-8A {
2867
+ .Checkbox-module__hop-Checkbox__text___ImogK {
2911
2868
  flex: 0 1 auto;
2912
2869
  order: 2;
2913
2870
  min-inline-size: 0;
@@ -2917,7 +2874,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2917
2874
  }
2918
2875
 
2919
2876
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2920
- .CheckboxField-module__hop-CheckboxField___8TYFM {
2877
+ .CheckboxField-module__hop-CheckboxField___cYnz8 {
2921
2878
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2922
2879
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2923
2880
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2936,29 +2893,29 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2936
2893
  inline-size: max-content;
2937
2894
  max-inline-size: 100%;
2938
2895
  }
2939
- .CheckboxField-module__hop-CheckboxField___8TYFM[data-disabled] {
2896
+ .CheckboxField-module__hop-CheckboxField___cYnz8[data-disabled] {
2940
2897
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2941
2898
  }
2942
- .CheckboxField-module__hop-CheckboxField--sm___t4v10 {
2899
+ .CheckboxField-module__hop-CheckboxField--sm___sHMpB {
2943
2900
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2944
2901
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2945
2902
  }
2946
- .CheckboxField-module__hop-CheckboxField--md___qgJVw {
2903
+ .CheckboxField-module__hop-CheckboxField--md___sCcOP {
2947
2904
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2948
2905
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2949
2906
  }
2950
- .CheckboxField-module__hop-CheckboxField__description___E3fGO {
2907
+ .CheckboxField-module__hop-CheckboxField__description___Jdgn4 {
2951
2908
  order: 2;
2952
2909
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2953
2910
  color: var(--description-color);
2954
2911
  }
2955
- .CheckboxField-module__hop-CheckboxField___8TYFM .CheckboxField-module__hop-CheckboxField__checkbox___6L5Uh {
2912
+ .CheckboxField-module__hop-CheckboxField___cYnz8 .CheckboxField-module__hop-CheckboxField__checkbox___dTevz {
2956
2913
  order: 1;
2957
2914
  inline-size: 100%;
2958
2915
  }
2959
2916
 
2960
2917
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2961
- .ErrorMessage-module__hop-ErrorMessage___Draw- {
2918
+ .ErrorMessage-module__hop-ErrorMessage___zLI6R {
2962
2919
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2963
2920
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2964
2921
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2975,13 +2932,13 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2975
2932
  line-height: var(--hop-ErrorMessage-line-height);
2976
2933
  color: var(--hop-ErrorMessage-color);
2977
2934
  }
2978
- .ErrorMessage-module__hop-ErrorMessage__icon___Q8pNq {
2935
+ .ErrorMessage-module__hop-ErrorMessage__icon___6In6L {
2979
2936
  flex: 0 0 auto;
2980
2937
  align-self: flex-start;
2981
2938
  }
2982
2939
 
2983
2940
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2984
- .HelperMessage-module__hop-HelperMessage___4IxgA {
2941
+ .HelperMessage-module__hop-HelperMessage___93Pei {
2985
2942
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2986
2943
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2987
2944
  display: flex;
@@ -2990,13 +2947,13 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
2990
2947
  box-sizing: border-box;
2991
2948
  color: var(--hop-HelperMessage-color);
2992
2949
  }
2993
- .HelperMessage-module__hop-HelperMessage__icon___zIcgy {
2950
+ .HelperMessage-module__hop-HelperMessage__icon___GL3Qe {
2994
2951
  flex: 0 0 auto;
2995
2952
  align-self: flex-start;
2996
2953
  }
2997
2954
 
2998
2955
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2999
- .CheckboxGroup-module__hop-CheckboxGroup___9h6Lr {
2956
+ .CheckboxGroup-module__hop-CheckboxGroup___LSP-z {
3000
2957
  --hop-CheckboxGroup-align-items: flex-start;
3001
2958
  --hop-CheckboxGroup-justify-content: flex-start;
3002
2959
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3036,49 +2993,49 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3036
2993
  inline-size: var(--inline-size);
3037
2994
  max-inline-size: 100%;
3038
2995
  }
3039
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___SMUr1 {
2996
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UsoNr {
3040
2997
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
3041
2998
  --list-border-radius: var(--hop-shape-rounded-md);
3042
2999
  }
3043
- .CheckboxGroup-module__hop-CheckboxGroup--fluid___WYsWc {
3000
+ .CheckboxGroup-module__hop-CheckboxGroup--fluid___qCx1O {
3044
3001
  --inline-size: 100%;
3045
3002
  }
3046
- .CheckboxGroup-module__hop-CheckboxGroup--sm___D0xfN {
3003
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___LvFpw {
3047
3004
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
3048
3005
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
3049
3006
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
3050
3007
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
3051
3008
  }
3052
- .CheckboxGroup-module__hop-CheckboxGroup--md___I4sfc {
3009
+ .CheckboxGroup-module__hop-CheckboxGroup--md___aLhqV {
3053
3010
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
3054
3011
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
3055
3012
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
3056
3013
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
3057
3014
  }
3058
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___SMUr1.CheckboxGroup-module__hop-CheckboxGroup--sm___D0xfN {
3015
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UsoNr.CheckboxGroup-module__hop-CheckboxGroup--sm___LvFpw {
3059
3016
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
3060
3017
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
3061
3018
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
3062
3019
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
3063
3020
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
3064
3021
  }
3065
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___SMUr1.CheckboxGroup-module__hop-CheckboxGroup--md___I4sfc {
3022
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UsoNr.CheckboxGroup-module__hop-CheckboxGroup--md___aLhqV {
3066
3023
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
3067
3024
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
3068
3025
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
3069
3026
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
3070
3027
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
3071
3028
  }
3072
- .CheckboxGroup-module__hop-CheckboxGroup___9h6Lr[data-orientation=horizontal] {
3029
+ .CheckboxGroup-module__hop-CheckboxGroup___LSP-z[data-orientation=horizontal] {
3073
3030
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
3074
3031
  }
3075
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___SMUr1[data-orientation=horizontal] {
3032
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UsoNr[data-orientation=horizontal] {
3076
3033
  --flex-wrap: nowrap;
3077
3034
  }
3078
- .CheckboxGroup-module__hop-CheckboxGroup___9h6Lr > .CheckboxGroup-module__hop-CheckboxGroup__label___eHzgc {
3035
+ .CheckboxGroup-module__hop-CheckboxGroup___LSP-z > .CheckboxGroup-module__hop-CheckboxGroup__label___WKZwj {
3079
3036
  order: 1;
3080
3037
  }
3081
- .CheckboxGroup-module__hop-CheckboxGroup__list___Qg7oT {
3038
+ .CheckboxGroup-module__hop-CheckboxGroup__list___PXSbB {
3082
3039
  display: flex;
3083
3040
  flex-flow: var(--flex-direction) var(--flex-wrap);
3084
3041
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3089,7 +3046,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3089
3046
  border: var(--list-border, none);
3090
3047
  border-radius: var(--list-border-radius, 0);
3091
3048
  }
3092
- .CheckboxGroup-module__hop-CheckboxGroup__list___Qg7oT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___cFlTL {
3049
+ .CheckboxGroup-module__hop-CheckboxGroup__list___PXSbB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xdRsw {
3093
3050
  position: relative;
3094
3051
  flex: 0 1 auto;
3095
3052
  align-content: start;
@@ -3097,76 +3054,32 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3097
3054
  min-inline-size: 0;
3098
3055
  padding: var(--checkbox-padding, 0);
3099
3056
  }
3100
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___SMUr1 .CheckboxGroup-module__hop-CheckboxGroup__list___Qg7oT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___cFlTL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___cFlTL::before {
3057
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UsoNr .CheckboxGroup-module__hop-CheckboxGroup__list___PXSbB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xdRsw ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xdRsw::before {
3101
3058
  content: "";
3102
3059
  position: absolute;
3103
3060
  display: block;
3104
3061
  }
3105
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___SMUr1[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Qg7oT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___cFlTL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___cFlTL::before {
3062
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UsoNr[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___PXSbB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xdRsw ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xdRsw::before {
3106
3063
  inset-block-start: 0;
3107
3064
  inset-inline: 0;
3108
3065
  border-block-start: var(--list-border, none);
3109
3066
  }
3110
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___SMUr1[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Qg7oT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___cFlTL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___cFlTL::before {
3067
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___UsoNr[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___PXSbB > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xdRsw ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___xdRsw::before {
3111
3068
  inset-block: 0;
3112
3069
  inset-inline-start: 0;
3113
3070
  border-inline-start: var(--list-border, none);
3114
3071
  }
3115
- .CheckboxGroup-module__hop-CheckboxGroup___9h6Lr > .CheckboxGroup-module__hop-CheckboxGroup__error-message___C7GKW,
3116
- .CheckboxGroup-module__hop-CheckboxGroup___9h6Lr > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___0McCa {
3072
+ .CheckboxGroup-module__hop-CheckboxGroup___LSP-z > .CheckboxGroup-module__hop-CheckboxGroup__error-message___Ezg1z,
3073
+ .CheckboxGroup-module__hop-CheckboxGroup___LSP-z > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___FN83g {
3117
3074
  order: 3;
3118
3075
  }
3119
3076
 
3120
3077
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
3121
- .Checkbox-module__hop-Checkbox___YnGiS {
3078
+ .Checkbox-module__hop-Checkbox___qK2-4 {
3122
3079
  --hop-Checkbox-box-border-size: 0.0625rem;
3123
- --hop-Checkbox-box-border-color: var(--hop-neutral-border);
3124
- --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
3125
3080
  --hop-Checkbox-box-outline-size: 0.125rem;
3126
- --hop-Checkbox-box-outline-color: var(--hop-primary-border-focus);
3127
- --hop-Checkbox-check-color: var(--hop-neutral-icon-selected);
3128
3081
  --hop-Checkbox-check-display: none;
3129
- --hop-Checkbox-text-color: var(--hop-neutral-text);
3130
- --hop-Checkbox-icon-color: var(--hop-neutral-icon);
3131
- --hop-Checkbox-box-border-color-hovered: var(--hop-neutral-border-hover);
3132
- --hop-Checkbox-box-background-color-hovered: var(--hop-neutral-surface-hover);
3133
- --hop-Checkbox-text-color-hovered: var(--hop-neutral-text-hover);
3134
- --hop-Checkbox-icon-color-hovered: var(--hop-neutral-icon-hover);
3135
- --hop-Checkbox-box-border-color-pressed: var(--hop-neutral-border-press);
3136
- --hop-Checkbox-box-background-color-pressed: var(--hop-neutral-surface-press);
3137
- --hop-Checkbox-text-color-pressed: var(--hop-neutral-text-press);
3138
- --hop-Checkbox-icon-color-pressed: var(--hop-neutral-icon-press);
3139
- --hop-Checkbox-box-border-color-selected: var(--hop-neutral-border-selected);
3140
- --hop-Checkbox-box-background-color-selected: var(--hop-neutral-surface-selected);
3141
3082
  --hop-Checkbox-check-display-selected: block;
3142
- --hop-Checkbox-text-color-selected: var(--hop-neutral-text);
3143
- --hop-Checkbox-icon-color-selected: var(--hop-neutral-icon);
3144
- --hop-Checkbox-box-border-color-disabled: var(--hop-neutral-border-disabled);
3145
- --hop-Checkbox-box-background-color-disabled: var(--hop-neutral-surface-disabled);
3146
- --hop-Checkbox-check-color-disabled: var(--hop-neutral-icon-disabled);
3147
- --hop-Checkbox-text-color-disabled: var(--hop-neutral-text-disabled);
3148
- --hop-Checkbox-icon-color-disabled: var(--hop-neutral-icon-disabled);
3149
- --hop-Checkbox-box-border-color-focused: var(--hop-neutral-border-hover);
3150
- --hop-Checkbox-box-background-color-focused: var(--hop-neutral-surface-hover);
3151
- --hop-Checkbox-text-color-focused: var(--hop-neutral-text-hover);
3152
- --hop-Checkbox-icon-color-focused: var(--hop-neutral-icon-hover);
3153
- --hop-Checkbox-box-border-color-invalid: var(--hop-danger-border-strong);
3154
- --hop-Checkbox-box-background-color-invalid: var(--hop-neutral-surface);
3155
- --hop-Checkbox-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
3156
- --hop-Checkbox-box-background-color-hovered-invalid: var(--hop-danger-surface-weak-hover);
3157
- --hop-Checkbox-box-border-color-pressed-invalid: var(--hop-danger-border-press);
3158
- --hop-Checkbox-box-background-color-pressed-invalid: var(--hop-danger-surface-weak-press);
3159
- --hop-Checkbox-box-border-color-focused-invalid: var(--hop-danger-border-press);
3160
- --hop-Checkbox-box-background-color-focused-invalid: var(--hop-danger-surface);
3161
- --hop-Checkbox-box-border-color-selected-invalid: var(--hop-danger-border-strong);
3162
- --hop-Checkbox-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
3163
- --hop-Checkbox-check-color-invalid: var(--hop-danger-icon-strong);
3164
- --hop-Checkbox-text-color-invalid: var(--hop-danger-text-weak);
3165
- --hop-Checkbox-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
3166
- --hop-Checkbox-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
3167
- --hop-Checkbox-icon-color-invalid: var(--hop-danger-icon-weak);
3168
- --hop-Checkbox-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
3169
- --hop-Checkbox-icon-color-pressed-invalid: var(--hop-danger-icon-weak-press);
3170
3083
  --hop-Checkbox-box-sm-block-size: 1rem;
3171
3084
  --hop-Checkbox-box-sm-inline-size: 1rem;
3172
3085
  --hop-Checkbox-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
@@ -3175,14 +3088,14 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3175
3088
  --hop-Checkbox-box-md-inline-size: 1.5rem;
3176
3089
  --hop-Checkbox-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
3177
3090
  --hop-Checkbox-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
3178
- --box-background-color: var(--hop-Checkbox-box-background-color);
3179
- --box-border-color: var(--hop-Checkbox-box-border-color);
3180
- --box-border-radius: var(--hop-shape-rounded-sm);
3181
- --check-color: var(--hop-Checkbox-check-color);
3091
+ --box-background-color: var(--hop-comp-mark-background-color);
3092
+ --box-border-color: var(--hop-comp-mark-border-color);
3093
+ --box-border-radius: var(--hop-comp-checkbox-border-radius);
3094
+ --check-color: var(--hop-comp-mark-indicator-color);
3182
3095
  --check-display: var(--hop-Checkbox-check-display);
3183
3096
  --cursor: pointer;
3184
- --text-color: var(--hop-Checkbox-text-color);
3185
- --icon-color: var(--hop-Checkbox-icon-color);
3097
+ --text-color: var(--hop-comp-label-text-color);
3098
+ --icon-color: var(--hop-comp-label-icon-color);
3186
3099
  --transition-duration: var(--hop-easing-duration-2);
3187
3100
  cursor: var(--cursor);
3188
3101
  display: flex;
@@ -3193,86 +3106,86 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3193
3106
  inline-size: max-content;
3194
3107
  max-inline-size: 100%;
3195
3108
  }
3196
- .Checkbox-module__hop-Checkbox___YnGiS[data-focus-visible] {
3197
- --box-background-color: var(--hop-Checkbox-box-background-color-focused);
3198
- --box-border-color: var(--hop-Checkbox-box-border-color-focused);
3199
- --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
3200
- --text-color: var(--hop-Checkbox-text-color-focused);
3201
- --icon-color: var(--hop-Checkbox-icon-color-focused);
3202
- }
3203
- .Checkbox-module__hop-Checkbox___YnGiS[data-hovered] {
3204
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
3205
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
3206
- --text-color: var(--hop-Checkbox-text-color-hovered);
3207
- --icon-color: var(--hop-Checkbox-icon-color-hovered);
3208
- }
3209
- .Checkbox-module__hop-Checkbox___YnGiS[data-pressed] {
3210
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
3211
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
3212
- --text-color: var(--hop-Checkbox-text-color-pressed);
3213
- --icon-color: var(--hop-Checkbox-icon-color-pressed);
3214
- }
3215
- .Checkbox-module__hop-Checkbox___YnGiS[data-selected] {
3216
- --box-background-color: var(--hop-Checkbox-box-background-color-selected);
3217
- --box-border-color: var(--hop-Checkbox-box-border-color-selected);
3109
+ .Checkbox-module__hop-Checkbox___qK2-4[data-focus-visible] {
3110
+ --box-background-color: var(--hop-comp-mark-background-color-hover);
3111
+ --box-border-color: var(--hop-comp-mark-border-color-hover);
3112
+ --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3113
+ --text-color: var(--hop-comp-label-text-color-focus);
3114
+ --icon-color: var(--hop-comp-label-icon-color-focus);
3115
+ }
3116
+ .Checkbox-module__hop-Checkbox___qK2-4[data-hovered] {
3117
+ --box-background-color: var(--hop-comp-mark-background-color-hover);
3118
+ --box-border-color: var(--hop-comp-mark-border-color-hover);
3119
+ --text-color: var(--hop-comp-label-text-color-hover);
3120
+ --icon-color: var(--hop-comp-label-icon-color-hover);
3121
+ }
3122
+ .Checkbox-module__hop-Checkbox___qK2-4[data-pressed] {
3123
+ --box-background-color: var(--hop-comp-mark-background-color-press);
3124
+ --box-border-color: var(--hop-comp-mark-border-color-press);
3125
+ --text-color: var(--hop-comp-label-text-color-press);
3126
+ --icon-color: var(--hop-comp-label-icon-color-press);
3127
+ }
3128
+ .Checkbox-module__hop-Checkbox___qK2-4[data-selected] {
3129
+ --box-background-color: var(--hop-comp-mark-background-color-selected);
3130
+ --box-border-color: var(--hop-comp-mark-border-color-selected);
3218
3131
  --check-display: var(--hop-Checkbox-check-display-selected);
3219
- --text-color: var(--hop-Checkbox-text-color-selected);
3220
- --icon-color: var(--hop-Checkbox-icon-color-selected);
3221
- }
3222
- .Checkbox-module__hop-Checkbox___YnGiS[data-invalid] {
3223
- --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
3224
- --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
3225
- --check-color: var(--hop-Checkbox-check-color-invalid);
3226
- --text-color: var(--hop-Checkbox-text-color-invalid);
3227
- --icon-color: var(--hop-Checkbox-icon-color-invalid);
3228
- }
3229
- .Checkbox-module__hop-Checkbox___YnGiS[data-invalid]:where([data-focus-visible]) {
3230
- --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3231
- --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3232
- }
3233
- .Checkbox-module__hop-Checkbox___YnGiS[data-invalid]:where([data-hovered]) {
3234
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3235
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3236
- --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3237
- --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3238
- }
3239
- .Checkbox-module__hop-Checkbox___YnGiS[data-invalid]:where([data-pressed]) {
3240
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3241
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3242
- --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3243
- --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3244
- }
3245
- .Checkbox-module__hop-Checkbox___YnGiS:where([data-invalid])[data-selected] {
3246
- --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3247
- --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3248
- }
3249
- .Checkbox-module__hop-Checkbox___YnGiS[data-disabled] {
3250
- --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3251
- --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3252
- --check-color: var(--hop-Checkbox-check-color-disabled);
3132
+ --text-color: var(--hop-comp-label-text-color-selected);
3133
+ --icon-color: var(--hop-comp-label-icon-color-selected);
3134
+ }
3135
+ .Checkbox-module__hop-Checkbox___qK2-4[data-invalid] {
3136
+ --box-background-color: var(--hop-comp-mark-background-color);
3137
+ --box-border-color: var(--hop-comp-mark-border-color-error);
3138
+ --check-color: var(--hop-comp-mark-indicator-color-error);
3139
+ --text-color: var(--hop-comp-label-text-color-error);
3140
+ --icon-color: var(--hop-comp-label-icon-color-error);
3141
+ }
3142
+ .Checkbox-module__hop-Checkbox___qK2-4[data-invalid]:where([data-focus-visible]) {
3143
+ --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3144
+ --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3145
+ }
3146
+ .Checkbox-module__hop-Checkbox___qK2-4[data-invalid]:where([data-hovered]) {
3147
+ --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3148
+ --box-border-color: var(--hop-comp-mark-border-color-error);
3149
+ --text-color: var(--hop-comp-label-text-color-error-hover);
3150
+ --icon-color: var(--hop-comp-label-icon-color-error-hover);
3151
+ }
3152
+ .Checkbox-module__hop-Checkbox___qK2-4[data-invalid]:where([data-pressed]) {
3153
+ --box-background-color: var(--hop-comp-mark-background-color-error-press);
3154
+ --box-border-color: var(--hop-comp-mark-border-color-error-press);
3155
+ --text-color: var(--hop-comp-label-text-color-error-press);
3156
+ --icon-color: var(--hop-comp-label-icon-color-error-press);
3157
+ }
3158
+ .Checkbox-module__hop-Checkbox___qK2-4:where([data-invalid])[data-selected] {
3159
+ --box-background-color: var(--hop-comp-mark-background-color-error);
3160
+ --box-border-color: var(--hop-comp-mark-border-color-error);
3161
+ }
3162
+ .Checkbox-module__hop-Checkbox___qK2-4[data-disabled] {
3163
+ --box-background-color: var(--hop-comp-mark-background-color-disabled);
3164
+ --box-border-color: var(--hop-comp-mark-border-color-disabled);
3165
+ --check-color: var(--hop-comp-mark-indicator-color-disabled);
3253
3166
  --cursor: not-allowed;
3254
- --text-color: var(--hop-Checkbox-text-color-disabled);
3255
- --icon-color: var(--hop-Checkbox-icon-color-disabled);
3167
+ --text-color: var(--hop-comp-label-text-color-disabled);
3168
+ --icon-color: var(--hop-comp-label-icon-color-disabled);
3256
3169
  }
3257
- .Checkbox-module__hop-Checkbox--sm___-rcxE {
3170
+ .Checkbox-module__hop-Checkbox--sm___7LjPU {
3258
3171
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3259
3172
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3260
3173
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3261
3174
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3262
3175
  }
3263
- .Checkbox-module__hop-Checkbox--md___GHVkN {
3176
+ .Checkbox-module__hop-Checkbox--md___L8DBM {
3264
3177
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3265
3178
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3266
3179
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3267
3180
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3268
3181
  }
3269
- .Checkbox-module__hop-Checkbox__icon___OnPuW,
3270
- .Checkbox-module__hop-Checkbox__icon-list___L1YMc {
3182
+ .Checkbox-module__hop-Checkbox__icon___lwB5k,
3183
+ .Checkbox-module__hop-Checkbox__icon-list___MA8tP {
3271
3184
  flex: 0 0 auto;
3272
3185
  order: 3;
3273
3186
  color: var(--icon-color);
3274
3187
  }
3275
- .Checkbox-module__hop-Checkbox__box___GzPHY {
3188
+ .Checkbox-module__hop-Checkbox__box___jp92J {
3276
3189
  display: flex;
3277
3190
  flex: 0 0 auto;
3278
3191
  align-items: center;
@@ -3287,12 +3200,13 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3287
3200
  outline: var(--box-outline, none);
3288
3201
  outline-offset: 0.125rem;
3289
3202
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3203
+ box-shadow: var(--hop-comp-checkbox-box-shadow);
3290
3204
  }
3291
- .Checkbox-module__hop-Checkbox__check___mu2o- {
3205
+ .Checkbox-module__hop-Checkbox__check___72fQi {
3292
3206
  display: var(--check-display);
3293
3207
  color: var(--check-color);
3294
3208
  }
3295
- .Checkbox-module__hop-Checkbox__text___VZ-8A {
3209
+ .Checkbox-module__hop-Checkbox__text___ImogK {
3296
3210
  flex: 0 1 auto;
3297
3211
  order: 2;
3298
3212
  min-inline-size: 0;
@@ -3300,71 +3214,28 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3300
3214
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3301
3215
  color: var(--text-color);
3302
3216
  }
3303
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___3L1yB {
3217
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___4Iktv {
3304
3218
  }
3305
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___jv5J2 {
3219
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___XyYnd {
3306
3220
  }
3307
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___7MMXc {
3221
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___-ows4 {
3308
3222
  }
3309
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___N-T9n,
3310
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___4tz-Z {
3223
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___-4uFZ,
3224
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___vjxkq {
3311
3225
  }
3312
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___r8Ln8 {
3226
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___za2CL {
3313
3227
  }
3314
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___VkSQ5 {
3228
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___06iqW {
3315
3229
  }
3316
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___X66e5 {
3230
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___ybbHl {
3317
3231
  }
3318
3232
 
3319
3233
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3320
- .Radio-module__hop-Radio___vT1nj {
3234
+ .Radio-module__hop-Radio___BIDY- {
3321
3235
  --hop-Radio-box-border-size: 0.0625rem;
3322
- --hop-Radio-box-border-color: var(--hop-neutral-border);
3323
- --hop-Radio-box-background-color: var(--hop-neutral-surface);
3324
3236
  --hop-Radio-box-outline-size: 0.125rem;
3325
- --hop-Radio-box-outline-color: var(--hop-primary-border-focus);
3326
- --hop-Radio-bullet-color: var(--hop-neutral-icon-selected);
3327
3237
  --hop-Radio-bullet-display: none;
3328
- --hop-Radio-text-color: var(--hop-neutral-text);
3329
- --hop-Radio-icon-color: var(--hop-neutral-icon);
3330
- --hop-Radio-box-border-color-hovered: var(--hop-neutral-border-hover);
3331
- --hop-Radio-box-background-color-hovered: var(--hop-neutral-surface-hover);
3332
- --hop-Radio-text-color-hovered: var(--hop-neutral-text-hover);
3333
- --hop-Radio-icon-color-hovered: var(--hop-neutral-icon-hover);
3334
- --hop-Radio-box-border-color-pressed: var(--hop-neutral-border-press);
3335
- --hop-Radio-box-background-color-pressed: var(--hop-neutral-surface-press);
3336
- --hop-Radio-text-color-pressed: var(--hop-neutral-text-press);
3337
- --hop-Radio-icon-color-pressed: var(--hop-neutral-icon-press);
3338
- --hop-Radio-box-border-color-selected: var(--hop-neutral-border-selected);
3339
- --hop-Radio-box-background-color-selected: var(--hop-neutral-surface-selected);
3340
3238
  --hop-Radio-bullet-display-selected: block;
3341
- --hop-Radio-text-color-selected: var(--hop-neutral-text);
3342
- --hop-Radio-icon-color-selected: var(--hop-neutral-icon);
3343
- --hop-Radio-box-border-color-disabled: var(--hop-neutral-border-disabled);
3344
- --hop-Radio-box-background-color-disabled: var(--hop-neutral-surface-disabled);
3345
- --hop-Radio-bullet-color-disabled: var(--hop-neutral-icon-disabled);
3346
- --hop-Radio-text-color-disabled: var(--hop-neutral-text-disabled);
3347
- --hop-Radio-icon-color-disabled: var(--hop-neutral-icon-disabled);
3348
- --hop-Radio-box-border-color-focused: var(--hop-neutral-border-hover);
3349
- --hop-Radio-box-background-color-focused: var(--hop-neutral-surface-hover);
3350
- --hop-Radio-text-color-focused: var(--hop-neutral-text);
3351
- --hop-Radio-icon-color-focused: var(--hop-neutral-icon);
3352
- --hop-Radio-box-border-color-invalid: var(--hop-danger-border-strong);
3353
- --hop-Radio-box-background-color-invalid: var(--hop-neutral-surface);
3354
- --hop-Radio-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
3355
- --hop-Radio-box-background-color-hovered-invalid: var(--hop-danger-surface);
3356
- --hop-Radio-box-border-color-pressed-invalid: var(--hop-danger-border-press);
3357
- --hop-Radio-box-background-color-pressed-invalid: var(--hop-danger-surface-weak);
3358
- --hop-Radio-box-border-color-focused-invalid: var(--hop-danger-border-strong);
3359
- --hop-Radio-box-background-color-focused-invalid: var(--hop-danger-surface);
3360
- --hop-Radio-box-border-color-selected-invalid: var(--hop-danger-border-strong);
3361
- --hop-Radio-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
3362
- --hop-Radio-bullet-color-invalid: var(--hop-danger-icon-strong);
3363
- --hop-Radio-text-color-invalid: var(--hop-danger-text-weak);
3364
- --hop-Radio-icon-color-invalid: var(--hop-danger-icon-weak);
3365
- --hop-Radio-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
3366
- --hop-Radio-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
3367
- --hop-Radio-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
3368
3239
  --hop-Radio-box-sm-inline-size: 1rem;
3369
3240
  --hop-Radio-box-sm-block-size: 1rem;
3370
3241
  --hop-Radio-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
@@ -3373,14 +3244,14 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3373
3244
  --hop-Radio-box-md-block-size: 1.5rem;
3374
3245
  --hop-Radio-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
3375
3246
  --hop-Radio-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
3376
- --box-background-color: var(--hop-Radio-box-background-color);
3377
- --box-border-color: var(--hop-Radio-box-border-color);
3378
- --box-border-radius: var(--hop-shape-circle);
3379
- --bullet-color: var(--hop-Radio-bullet-color);
3247
+ --box-background-color: var(--hop-comp-mark-background-color);
3248
+ --box-border-color: var(--hop-comp-mark-border-color);
3249
+ --box-border-radius: var(--hop-comp-radio-border-radius);
3250
+ --bullet-color: var(--hop-comp-mark-indicator-color);
3380
3251
  --bullet-display: var(--hop-Radio-bullet-display);
3381
3252
  --cursor: pointer;
3382
- --text-color: var(--hop-Radio-text-color);
3383
- --icon-color: var(--hop-Radio-icon-color);
3253
+ --text-color: var(--hop-comp-label-text-color);
3254
+ --icon-color: var(--hop-comp-label-icon-color);
3384
3255
  --transition-duration: var(--hop-easing-duration-2);
3385
3256
  cursor: var(--cursor);
3386
3257
  display: flex;
@@ -3391,86 +3262,86 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3391
3262
  inline-size: max-content;
3392
3263
  max-inline-size: 100%;
3393
3264
  }
3394
- .Radio-module__hop-Radio___vT1nj[data-focus-visible] {
3395
- --box-background-color: var(--hop-Radio-box-background-color-focused);
3396
- --box-border-color: var(--hop-Radio-box-border-color-focused);
3397
- --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3398
- --text-color: var(--hop-Radio-text-color-focused);
3399
- --icon-color: var(--hop-Radio-icon-color-focused);
3400
- }
3401
- .Radio-module__hop-Radio___vT1nj[data-hovered] {
3402
- --box-background-color: var(--hop-Radio-box-background-color-hovered);
3403
- --box-border-color: var(--hop-Radio-box-border-color-hovered);
3404
- --text-color: var(--hop-Radio-text-color-hovered);
3405
- --icon-color: var(--hop-Radio-icon-color-hovered);
3406
- }
3407
- .Radio-module__hop-Radio___vT1nj[data-pressed] {
3408
- --box-background-color: var(--hop-Radio-box-background-color-pressed);
3409
- --box-border-color: var(--hop-Radio-box-border-color-pressed);
3410
- --text-color: var(--hop-Radio-text-color-pressed);
3411
- --icon-color: var(--hop-Radio-icon-color-pressed);
3412
- }
3413
- .Radio-module__hop-Radio___vT1nj[data-selected] {
3414
- --box-background-color: var(--hop-Radio-box-background-color-selected);
3415
- --box-border-color: var(--hop-Radio-box-border-color-selected);
3265
+ .Radio-module__hop-Radio___BIDY-[data-focus-visible] {
3266
+ --box-background-color: var(--hop-comp-mark-background-color-hover);
3267
+ --box-border-color: var(--hop-comp-mark-border-color-hover);
3268
+ --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3269
+ --text-color: var(--hop-comp-label-text-color-focus);
3270
+ --icon-color: var(--hop-comp-label-icon-color-focus);
3271
+ }
3272
+ .Radio-module__hop-Radio___BIDY-[data-hovered] {
3273
+ --box-background-color: var(--hop-comp-mark-background-color-hover);
3274
+ --box-border-color: var(--hop-comp-mark-border-color-hover);
3275
+ --text-color: var(--hop-comp-label-text-color-hover);
3276
+ --icon-color: var(--hop-comp-label-icon-color-hover);
3277
+ }
3278
+ .Radio-module__hop-Radio___BIDY-[data-pressed] {
3279
+ --box-background-color: var(--hop-comp-mark-background-color-press);
3280
+ --box-border-color: var(--hop-comp-mark-border-color-press);
3281
+ --text-color: var(--hop-comp-label-text-color-press);
3282
+ --icon-color: var(--hop-comp-label-icon-color-press);
3283
+ }
3284
+ .Radio-module__hop-Radio___BIDY-[data-selected] {
3285
+ --box-background-color: var(--hop-comp-mark-background-color-selected);
3286
+ --box-border-color: var(--hop-comp-mark-border-color-selected);
3416
3287
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3417
- --text-color: var(--hop-Radio-text-color-selected);
3418
- --icon-color: var(--hop-Radio-icon-color-selected);
3419
- }
3420
- .Radio-module__hop-Radio___vT1nj[data-invalid] {
3421
- --box-background-color: var(--hop-Radio-box-background-color-invalid);
3422
- --box-border-color: var(--hop-Radio-box-border-color-invalid);
3423
- --bullet-color: var(--hop-Radio-bullet-color-invalid);
3424
- --text-color: var(--hop-Radio-text-color-invalid);
3425
- --icon-color: var(--hop-Radio-icon-color-invalid);
3426
- }
3427
- .Radio-module__hop-Radio___vT1nj:where([data-invalid])[data-focus-visible] {
3428
- --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3429
- --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3430
- }
3431
- .Radio-module__hop-Radio___vT1nj:where([data-invalid])[data-hovered] {
3432
- --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3433
- --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3434
- --text-color: var(--hop-Radio-text-color-hovered-invalid);
3435
- --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3436
- }
3437
- .Radio-module__hop-Radio___vT1nj:where([data-invalid])[data-pressed] {
3438
- --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3439
- --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3440
- --text-color: var(--hop-Radio-text-color-pressed-invalid);
3441
- --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3442
- }
3443
- .Radio-module__hop-Radio___vT1nj:where([data-invalid])[data-selected] {
3444
- --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3445
- --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3446
- }
3447
- .Radio-module__hop-Radio___vT1nj[data-disabled] {
3448
- --box-background-color: var(--hop-Radio-box-background-color-disabled);
3449
- --box-border-color: var(--hop-Radio-box-border-color-disabled);
3450
- --bullet-color: var(--hop-Radio-bullet-color-disabled);
3288
+ --text-color: var(--hop-comp-label-text-color-selected);
3289
+ --icon-color: var(--hop-comp-label-icon-color-selected);
3290
+ }
3291
+ .Radio-module__hop-Radio___BIDY-[data-invalid] {
3292
+ --box-background-color: var(--hop-comp-mark-background-color);
3293
+ --box-border-color: var(--hop-comp-mark-border-color-error);
3294
+ --bullet-color: var(--hop-comp-mark-indicator-color-error);
3295
+ --text-color: var(--hop-comp-label-text-color-error);
3296
+ --icon-color: var(--hop-comp-label-icon-color-error);
3297
+ }
3298
+ .Radio-module__hop-Radio___BIDY-:where([data-invalid])[data-focus-visible] {
3299
+ --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3300
+ --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3301
+ }
3302
+ .Radio-module__hop-Radio___BIDY-:where([data-invalid])[data-hovered] {
3303
+ --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3304
+ --box-border-color: var(--hop-comp-mark-border-color-error);
3305
+ --text-color: var(--hop-comp-label-text-color-error-hover);
3306
+ --icon-color: var(--hop-comp-label-icon-color-error-hover);
3307
+ }
3308
+ .Radio-module__hop-Radio___BIDY-:where([data-invalid])[data-pressed] {
3309
+ --box-background-color: var(--hop-comp-mark-background-color-error-press);
3310
+ --box-border-color: var(--hop-comp-mark-border-color-error-press);
3311
+ --text-color: var(--hop-comp-label-text-color-error-press);
3312
+ --icon-color: var(--hop-comp-label-icon-color-error-press);
3313
+ }
3314
+ .Radio-module__hop-Radio___BIDY-:where([data-invalid])[data-selected] {
3315
+ --box-background-color: var(--hop-comp-mark-background-color-error);
3316
+ --box-border-color: var(--hop-comp-mark-border-color-error);
3317
+ }
3318
+ .Radio-module__hop-Radio___BIDY-[data-disabled] {
3319
+ --box-background-color: var(--hop-comp-mark-background-color-disabled);
3320
+ --box-border-color: var(--hop-comp-mark-border-color-disabled);
3321
+ --bullet-color: var(--hop-comp-mark-indicator-color-disabled);
3451
3322
  --cursor: not-allowed;
3452
- --text-color: var(--hop-Radio-text-color-disabled);
3453
- --icon-color: var(--hop-Radio-icon-color-disabled);
3323
+ --text-color: var(--hop-comp-label-text-color-disabled);
3324
+ --icon-color: var(--hop-comp-label-icon-color-disabled);
3454
3325
  }
3455
- .Radio-module__hop-Radio--sm___avUHI {
3326
+ .Radio-module__hop-Radio--sm___gwhdg {
3456
3327
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3457
3328
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3458
3329
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3459
3330
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3460
3331
  }
3461
- .Radio-module__hop-Radio--md___V-rOb {
3332
+ .Radio-module__hop-Radio--md___Ohjat {
3462
3333
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3463
3334
  --box-block-size: var(--hop-Radio-box-md-block-size);
3464
3335
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3465
3336
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3466
3337
  }
3467
- .Radio-module__hop-Radio__icon___FNwRs,
3468
- .Radio-module__hop-Radio__icon-list___nXtNY {
3338
+ .Radio-module__hop-Radio__icon___55m48,
3339
+ .Radio-module__hop-Radio__icon-list___v3jAK {
3469
3340
  flex: 0 0 auto;
3470
3341
  order: 3;
3471
3342
  color: var(--icon-color);
3472
3343
  }
3473
- .Radio-module__hop-Radio__box___RHB8B {
3344
+ .Radio-module__hop-Radio__box___L3-Am {
3474
3345
  display: flex;
3475
3346
  flex: 0 0 auto;
3476
3347
  align-items: center;
@@ -3485,12 +3356,13 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3485
3356
  outline: var(--box-outline, none);
3486
3357
  outline-offset: 0.125rem;
3487
3358
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3359
+ box-shadow: var(--hop-comp-radio-box-shadow);
3488
3360
  }
3489
- .Radio-module__hop-Radio__bullet___0bbYR {
3361
+ .Radio-module__hop-Radio__bullet___htlUH {
3490
3362
  display: var(--bullet-display);
3491
3363
  color: var(--bullet-color);
3492
3364
  }
3493
- .Radio-module__hop-Radio__text___IeHhw {
3365
+ .Radio-module__hop-Radio__text___6uttw {
3494
3366
  flex: 0 1 auto;
3495
3367
  order: 2;
3496
3368
  min-inline-size: 0;
@@ -3498,71 +3370,28 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3498
3370
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3499
3371
  color: var(--text-color);
3500
3372
  }
3501
- .DecorativeRadio-module__hop-DecorativeRadio___eK74Z {
3373
+ .DecorativeRadio-module__hop-DecorativeRadio___4b7M- {
3502
3374
  }
3503
- .DecorativeRadio-module__hop-DecorativeRadio--sm___F59P2 {
3375
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___TcCOT {
3504
3376
  }
3505
- .DecorativeRadio-module__hop-DecorativeRadio--md___Y9Kcz {
3377
+ .DecorativeRadio-module__hop-DecorativeRadio--md___HT6mZ {
3506
3378
  }
3507
- .DecorativeRadio-module__hop-DecorativeRadio__icon___1FY-b,
3508
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___24APg {
3379
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___50vbL,
3380
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___TtphX {
3509
3381
  }
3510
- .DecorativeRadio-module__hop-DecorativeRadio__box___Tsbmu {
3382
+ .DecorativeRadio-module__hop-DecorativeRadio__box___B87Vm {
3511
3383
  }
3512
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___hvh2I {
3384
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___O4zcA {
3513
3385
  }
3514
- .DecorativeRadio-module__hop-DecorativeRadio__text___wCTLX {
3386
+ .DecorativeRadio-module__hop-DecorativeRadio__text___aZdCm {
3515
3387
  }
3516
3388
 
3517
3389
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3518
- .Radio-module__hop-Radio___vT1nj {
3390
+ .Radio-module__hop-Radio___BIDY- {
3519
3391
  --hop-Radio-box-border-size: 0.0625rem;
3520
- --hop-Radio-box-border-color: var(--hop-neutral-border);
3521
- --hop-Radio-box-background-color: var(--hop-neutral-surface);
3522
3392
  --hop-Radio-box-outline-size: 0.125rem;
3523
- --hop-Radio-box-outline-color: var(--hop-primary-border-focus);
3524
- --hop-Radio-bullet-color: var(--hop-neutral-icon-selected);
3525
3393
  --hop-Radio-bullet-display: none;
3526
- --hop-Radio-text-color: var(--hop-neutral-text);
3527
- --hop-Radio-icon-color: var(--hop-neutral-icon);
3528
- --hop-Radio-box-border-color-hovered: var(--hop-neutral-border-hover);
3529
- --hop-Radio-box-background-color-hovered: var(--hop-neutral-surface-hover);
3530
- --hop-Radio-text-color-hovered: var(--hop-neutral-text-hover);
3531
- --hop-Radio-icon-color-hovered: var(--hop-neutral-icon-hover);
3532
- --hop-Radio-box-border-color-pressed: var(--hop-neutral-border-press);
3533
- --hop-Radio-box-background-color-pressed: var(--hop-neutral-surface-press);
3534
- --hop-Radio-text-color-pressed: var(--hop-neutral-text-press);
3535
- --hop-Radio-icon-color-pressed: var(--hop-neutral-icon-press);
3536
- --hop-Radio-box-border-color-selected: var(--hop-neutral-border-selected);
3537
- --hop-Radio-box-background-color-selected: var(--hop-neutral-surface-selected);
3538
3394
  --hop-Radio-bullet-display-selected: block;
3539
- --hop-Radio-text-color-selected: var(--hop-neutral-text);
3540
- --hop-Radio-icon-color-selected: var(--hop-neutral-icon);
3541
- --hop-Radio-box-border-color-disabled: var(--hop-neutral-border-disabled);
3542
- --hop-Radio-box-background-color-disabled: var(--hop-neutral-surface-disabled);
3543
- --hop-Radio-bullet-color-disabled: var(--hop-neutral-icon-disabled);
3544
- --hop-Radio-text-color-disabled: var(--hop-neutral-text-disabled);
3545
- --hop-Radio-icon-color-disabled: var(--hop-neutral-icon-disabled);
3546
- --hop-Radio-box-border-color-focused: var(--hop-neutral-border-hover);
3547
- --hop-Radio-box-background-color-focused: var(--hop-neutral-surface-hover);
3548
- --hop-Radio-text-color-focused: var(--hop-neutral-text);
3549
- --hop-Radio-icon-color-focused: var(--hop-neutral-icon);
3550
- --hop-Radio-box-border-color-invalid: var(--hop-danger-border-strong);
3551
- --hop-Radio-box-background-color-invalid: var(--hop-neutral-surface);
3552
- --hop-Radio-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
3553
- --hop-Radio-box-background-color-hovered-invalid: var(--hop-danger-surface);
3554
- --hop-Radio-box-border-color-pressed-invalid: var(--hop-danger-border-press);
3555
- --hop-Radio-box-background-color-pressed-invalid: var(--hop-danger-surface-weak);
3556
- --hop-Radio-box-border-color-focused-invalid: var(--hop-danger-border-strong);
3557
- --hop-Radio-box-background-color-focused-invalid: var(--hop-danger-surface);
3558
- --hop-Radio-box-border-color-selected-invalid: var(--hop-danger-border-strong);
3559
- --hop-Radio-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
3560
- --hop-Radio-bullet-color-invalid: var(--hop-danger-icon-strong);
3561
- --hop-Radio-text-color-invalid: var(--hop-danger-text-weak);
3562
- --hop-Radio-icon-color-invalid: var(--hop-danger-icon-weak);
3563
- --hop-Radio-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
3564
- --hop-Radio-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
3565
- --hop-Radio-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
3566
3395
  --hop-Radio-box-sm-inline-size: 1rem;
3567
3396
  --hop-Radio-box-sm-block-size: 1rem;
3568
3397
  --hop-Radio-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
@@ -3571,14 +3400,14 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3571
3400
  --hop-Radio-box-md-block-size: 1.5rem;
3572
3401
  --hop-Radio-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
3573
3402
  --hop-Radio-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
3574
- --box-background-color: var(--hop-Radio-box-background-color);
3575
- --box-border-color: var(--hop-Radio-box-border-color);
3576
- --box-border-radius: var(--hop-shape-circle);
3577
- --bullet-color: var(--hop-Radio-bullet-color);
3403
+ --box-background-color: var(--hop-comp-mark-background-color);
3404
+ --box-border-color: var(--hop-comp-mark-border-color);
3405
+ --box-border-radius: var(--hop-comp-radio-border-radius);
3406
+ --bullet-color: var(--hop-comp-mark-indicator-color);
3578
3407
  --bullet-display: var(--hop-Radio-bullet-display);
3579
3408
  --cursor: pointer;
3580
- --text-color: var(--hop-Radio-text-color);
3581
- --icon-color: var(--hop-Radio-icon-color);
3409
+ --text-color: var(--hop-comp-label-text-color);
3410
+ --icon-color: var(--hop-comp-label-icon-color);
3582
3411
  --transition-duration: var(--hop-easing-duration-2);
3583
3412
  cursor: var(--cursor);
3584
3413
  display: flex;
@@ -3589,86 +3418,86 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3589
3418
  inline-size: max-content;
3590
3419
  max-inline-size: 100%;
3591
3420
  }
3592
- .Radio-module__hop-Radio___vT1nj[data-focus-visible] {
3593
- --box-background-color: var(--hop-Radio-box-background-color-focused);
3594
- --box-border-color: var(--hop-Radio-box-border-color-focused);
3595
- --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3596
- --text-color: var(--hop-Radio-text-color-focused);
3597
- --icon-color: var(--hop-Radio-icon-color-focused);
3598
- }
3599
- .Radio-module__hop-Radio___vT1nj[data-hovered] {
3600
- --box-background-color: var(--hop-Radio-box-background-color-hovered);
3601
- --box-border-color: var(--hop-Radio-box-border-color-hovered);
3602
- --text-color: var(--hop-Radio-text-color-hovered);
3603
- --icon-color: var(--hop-Radio-icon-color-hovered);
3604
- }
3605
- .Radio-module__hop-Radio___vT1nj[data-pressed] {
3606
- --box-background-color: var(--hop-Radio-box-background-color-pressed);
3607
- --box-border-color: var(--hop-Radio-box-border-color-pressed);
3608
- --text-color: var(--hop-Radio-text-color-pressed);
3609
- --icon-color: var(--hop-Radio-icon-color-pressed);
3610
- }
3611
- .Radio-module__hop-Radio___vT1nj[data-selected] {
3612
- --box-background-color: var(--hop-Radio-box-background-color-selected);
3613
- --box-border-color: var(--hop-Radio-box-border-color-selected);
3421
+ .Radio-module__hop-Radio___BIDY-[data-focus-visible] {
3422
+ --box-background-color: var(--hop-comp-mark-background-color-hover);
3423
+ --box-border-color: var(--hop-comp-mark-border-color-hover);
3424
+ --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3425
+ --text-color: var(--hop-comp-label-text-color-focus);
3426
+ --icon-color: var(--hop-comp-label-icon-color-focus);
3427
+ }
3428
+ .Radio-module__hop-Radio___BIDY-[data-hovered] {
3429
+ --box-background-color: var(--hop-comp-mark-background-color-hover);
3430
+ --box-border-color: var(--hop-comp-mark-border-color-hover);
3431
+ --text-color: var(--hop-comp-label-text-color-hover);
3432
+ --icon-color: var(--hop-comp-label-icon-color-hover);
3433
+ }
3434
+ .Radio-module__hop-Radio___BIDY-[data-pressed] {
3435
+ --box-background-color: var(--hop-comp-mark-background-color-press);
3436
+ --box-border-color: var(--hop-comp-mark-border-color-press);
3437
+ --text-color: var(--hop-comp-label-text-color-press);
3438
+ --icon-color: var(--hop-comp-label-icon-color-press);
3439
+ }
3440
+ .Radio-module__hop-Radio___BIDY-[data-selected] {
3441
+ --box-background-color: var(--hop-comp-mark-background-color-selected);
3442
+ --box-border-color: var(--hop-comp-mark-border-color-selected);
3614
3443
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3615
- --text-color: var(--hop-Radio-text-color-selected);
3616
- --icon-color: var(--hop-Radio-icon-color-selected);
3617
- }
3618
- .Radio-module__hop-Radio___vT1nj[data-invalid] {
3619
- --box-background-color: var(--hop-Radio-box-background-color-invalid);
3620
- --box-border-color: var(--hop-Radio-box-border-color-invalid);
3621
- --bullet-color: var(--hop-Radio-bullet-color-invalid);
3622
- --text-color: var(--hop-Radio-text-color-invalid);
3623
- --icon-color: var(--hop-Radio-icon-color-invalid);
3624
- }
3625
- .Radio-module__hop-Radio___vT1nj:where([data-invalid])[data-focus-visible] {
3626
- --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3627
- --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3628
- }
3629
- .Radio-module__hop-Radio___vT1nj:where([data-invalid])[data-hovered] {
3630
- --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3631
- --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3632
- --text-color: var(--hop-Radio-text-color-hovered-invalid);
3633
- --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3634
- }
3635
- .Radio-module__hop-Radio___vT1nj:where([data-invalid])[data-pressed] {
3636
- --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3637
- --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3638
- --text-color: var(--hop-Radio-text-color-pressed-invalid);
3639
- --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3640
- }
3641
- .Radio-module__hop-Radio___vT1nj:where([data-invalid])[data-selected] {
3642
- --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3643
- --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3644
- }
3645
- .Radio-module__hop-Radio___vT1nj[data-disabled] {
3646
- --box-background-color: var(--hop-Radio-box-background-color-disabled);
3647
- --box-border-color: var(--hop-Radio-box-border-color-disabled);
3648
- --bullet-color: var(--hop-Radio-bullet-color-disabled);
3444
+ --text-color: var(--hop-comp-label-text-color-selected);
3445
+ --icon-color: var(--hop-comp-label-icon-color-selected);
3446
+ }
3447
+ .Radio-module__hop-Radio___BIDY-[data-invalid] {
3448
+ --box-background-color: var(--hop-comp-mark-background-color);
3449
+ --box-border-color: var(--hop-comp-mark-border-color-error);
3450
+ --bullet-color: var(--hop-comp-mark-indicator-color-error);
3451
+ --text-color: var(--hop-comp-label-text-color-error);
3452
+ --icon-color: var(--hop-comp-label-icon-color-error);
3453
+ }
3454
+ .Radio-module__hop-Radio___BIDY-:where([data-invalid])[data-focus-visible] {
3455
+ --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3456
+ --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3457
+ }
3458
+ .Radio-module__hop-Radio___BIDY-:where([data-invalid])[data-hovered] {
3459
+ --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3460
+ --box-border-color: var(--hop-comp-mark-border-color-error);
3461
+ --text-color: var(--hop-comp-label-text-color-error-hover);
3462
+ --icon-color: var(--hop-comp-label-icon-color-error-hover);
3463
+ }
3464
+ .Radio-module__hop-Radio___BIDY-:where([data-invalid])[data-pressed] {
3465
+ --box-background-color: var(--hop-comp-mark-background-color-error-press);
3466
+ --box-border-color: var(--hop-comp-mark-border-color-error-press);
3467
+ --text-color: var(--hop-comp-label-text-color-error-press);
3468
+ --icon-color: var(--hop-comp-label-icon-color-error-press);
3469
+ }
3470
+ .Radio-module__hop-Radio___BIDY-:where([data-invalid])[data-selected] {
3471
+ --box-background-color: var(--hop-comp-mark-background-color-error);
3472
+ --box-border-color: var(--hop-comp-mark-border-color-error);
3473
+ }
3474
+ .Radio-module__hop-Radio___BIDY-[data-disabled] {
3475
+ --box-background-color: var(--hop-comp-mark-background-color-disabled);
3476
+ --box-border-color: var(--hop-comp-mark-border-color-disabled);
3477
+ --bullet-color: var(--hop-comp-mark-indicator-color-disabled);
3649
3478
  --cursor: not-allowed;
3650
- --text-color: var(--hop-Radio-text-color-disabled);
3651
- --icon-color: var(--hop-Radio-icon-color-disabled);
3479
+ --text-color: var(--hop-comp-label-text-color-disabled);
3480
+ --icon-color: var(--hop-comp-label-icon-color-disabled);
3652
3481
  }
3653
- .Radio-module__hop-Radio--sm___avUHI {
3482
+ .Radio-module__hop-Radio--sm___gwhdg {
3654
3483
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3655
3484
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3656
3485
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3657
3486
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3658
3487
  }
3659
- .Radio-module__hop-Radio--md___V-rOb {
3488
+ .Radio-module__hop-Radio--md___Ohjat {
3660
3489
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3661
3490
  --box-block-size: var(--hop-Radio-box-md-block-size);
3662
3491
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3663
3492
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3664
3493
  }
3665
- .Radio-module__hop-Radio__icon___FNwRs,
3666
- .Radio-module__hop-Radio__icon-list___nXtNY {
3494
+ .Radio-module__hop-Radio__icon___55m48,
3495
+ .Radio-module__hop-Radio__icon-list___v3jAK {
3667
3496
  flex: 0 0 auto;
3668
3497
  order: 3;
3669
3498
  color: var(--icon-color);
3670
3499
  }
3671
- .Radio-module__hop-Radio__box___RHB8B {
3500
+ .Radio-module__hop-Radio__box___L3-Am {
3672
3501
  display: flex;
3673
3502
  flex: 0 0 auto;
3674
3503
  align-items: center;
@@ -3683,12 +3512,13 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3683
3512
  outline: var(--box-outline, none);
3684
3513
  outline-offset: 0.125rem;
3685
3514
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3515
+ box-shadow: var(--hop-comp-radio-box-shadow);
3686
3516
  }
3687
- .Radio-module__hop-Radio__bullet___0bbYR {
3517
+ .Radio-module__hop-Radio__bullet___htlUH {
3688
3518
  display: var(--bullet-display);
3689
3519
  color: var(--bullet-color);
3690
3520
  }
3691
- .Radio-module__hop-Radio__text___IeHhw {
3521
+ .Radio-module__hop-Radio__text___6uttw {
3692
3522
  flex: 0 1 auto;
3693
3523
  order: 2;
3694
3524
  min-inline-size: 0;
@@ -3698,7 +3528,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3698
3528
  }
3699
3529
 
3700
3530
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3701
- .RadioField-module__hop-RadioField___LYfH0 {
3531
+ .RadioField-module__hop-RadioField___UdYD3 {
3702
3532
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3703
3533
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3704
3534
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3717,29 +3547,29 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3717
3547
  inline-size: max-content;
3718
3548
  max-inline-size: 100%;
3719
3549
  }
3720
- .RadioField-module__hop-RadioField___LYfH0[data-disabled] {
3550
+ .RadioField-module__hop-RadioField___UdYD3[data-disabled] {
3721
3551
  --description-color: var(--hop-RadioField-description-color-disabled);
3722
3552
  }
3723
- .RadioField-module__hop-RadioField--sm___d2bu4 {
3553
+ .RadioField-module__hop-RadioField--sm___hNNwh {
3724
3554
  --row-gap: var(--hop-RadioField-sm-row-gap);
3725
3555
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3726
3556
  }
3727
- .RadioField-module__hop-RadioField--md___m8NcV {
3557
+ .RadioField-module__hop-RadioField--md___Y0SKk {
3728
3558
  --row-gap: var(--hop-RadioField-md-row-gap);
3729
3559
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3730
3560
  }
3731
- .RadioField-module__hop-RadioField__description___OMm5U {
3561
+ .RadioField-module__hop-RadioField__description___LFGDu {
3732
3562
  order: 2;
3733
3563
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3734
3564
  color: var(--description-color);
3735
3565
  }
3736
- .RadioField-module__hop-RadioField___LYfH0 .RadioField-module__hop-RadioField__radio___Zal4l {
3566
+ .RadioField-module__hop-RadioField___UdYD3 .RadioField-module__hop-RadioField__radio___Qn57O {
3737
3567
  order: 1;
3738
3568
  inline-size: 100%;
3739
3569
  }
3740
3570
 
3741
3571
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3742
- .RadioGroup-module__hop-RadioGroup___o2fkD {
3572
+ .RadioGroup-module__hop-RadioGroup___qi6IL {
3743
3573
  --hop-RadioGroup-align-items: flex-start;
3744
3574
  --hop-RadioGroup-justify-content: flex-start;
3745
3575
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3779,49 +3609,49 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3779
3609
  inline-size: var(--inline-size);
3780
3610
  max-inline-size: 100%;
3781
3611
  }
3782
- .RadioGroup-module__hop-RadioGroup--bordered___jOp6s {
3612
+ .RadioGroup-module__hop-RadioGroup--bordered___WWuxA {
3783
3613
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3784
3614
  --list-border-radius: var(--hop-shape-rounded-md);
3785
3615
  }
3786
- .RadioGroup-module__hop-RadioGroup--fluid___5idvO {
3616
+ .RadioGroup-module__hop-RadioGroup--fluid___-FOan {
3787
3617
  --inline-size: 100%;
3788
3618
  }
3789
- .RadioGroup-module__hop-RadioGroup--sm___YCbof {
3619
+ .RadioGroup-module__hop-RadioGroup--sm___D0C-a {
3790
3620
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3791
3621
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3792
3622
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3793
3623
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3794
3624
  }
3795
- .RadioGroup-module__hop-RadioGroup--md___i8--E {
3625
+ .RadioGroup-module__hop-RadioGroup--md___xKUbP {
3796
3626
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3797
3627
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3798
3628
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3799
3629
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3800
3630
  }
3801
- .RadioGroup-module__hop-RadioGroup--bordered___jOp6s.RadioGroup-module__hop-RadioGroup--sm___YCbof {
3631
+ .RadioGroup-module__hop-RadioGroup--bordered___WWuxA.RadioGroup-module__hop-RadioGroup--sm___D0C-a {
3802
3632
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3803
3633
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3804
3634
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3805
3635
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3806
3636
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3807
3637
  }
3808
- .RadioGroup-module__hop-RadioGroup--bordered___jOp6s.RadioGroup-module__hop-RadioGroup--md___i8--E {
3638
+ .RadioGroup-module__hop-RadioGroup--bordered___WWuxA.RadioGroup-module__hop-RadioGroup--md___xKUbP {
3809
3639
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3810
3640
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3811
3641
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3812
3642
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3813
3643
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3814
3644
  }
3815
- .RadioGroup-module__hop-RadioGroup___o2fkD[data-orientation=horizontal] {
3645
+ .RadioGroup-module__hop-RadioGroup___qi6IL[data-orientation=horizontal] {
3816
3646
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3817
3647
  }
3818
- .RadioGroup-module__hop-RadioGroup--bordered___jOp6s[data-orientation=horizontal] {
3648
+ .RadioGroup-module__hop-RadioGroup--bordered___WWuxA[data-orientation=horizontal] {
3819
3649
  --flex-wrap: nowrap;
3820
3650
  }
3821
- .RadioGroup-module__hop-RadioGroup___o2fkD > .RadioGroup-module__hop-RadioGroup__label___jF-kN {
3651
+ .RadioGroup-module__hop-RadioGroup___qi6IL > .RadioGroup-module__hop-RadioGroup__label___46PIq {
3822
3652
  order: 1;
3823
3653
  }
3824
- .RadioGroup-module__hop-RadioGroup__list___GS-gO {
3654
+ .RadioGroup-module__hop-RadioGroup__list___urA4I {
3825
3655
  display: flex;
3826
3656
  flex-flow: var(--flex-direction) var(--flex-wrap);
3827
3657
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3832,7 +3662,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3832
3662
  border: var(--list-border, none);
3833
3663
  border-radius: var(--list-border-radius, 0);
3834
3664
  }
3835
- .RadioGroup-module__hop-RadioGroup__list___GS-gO > .RadioGroup-module__hop-RadioGroup__radio___vGE3i {
3665
+ .RadioGroup-module__hop-RadioGroup__list___urA4I > .RadioGroup-module__hop-RadioGroup__radio___Cainl {
3836
3666
  position: relative;
3837
3667
  flex: 0 1 auto;
3838
3668
  align-content: start;
@@ -3840,28 +3670,28 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3840
3670
  min-inline-size: 0;
3841
3671
  padding: var(--radio-padding, 0);
3842
3672
  }
3843
- .RadioGroup-module__hop-RadioGroup--bordered___jOp6s .RadioGroup-module__hop-RadioGroup__list___GS-gO > .RadioGroup-module__hop-RadioGroup__radio___vGE3i ~ .RadioGroup-module__hop-RadioGroup__radio___vGE3i::before {
3673
+ .RadioGroup-module__hop-RadioGroup--bordered___WWuxA .RadioGroup-module__hop-RadioGroup__list___urA4I > .RadioGroup-module__hop-RadioGroup__radio___Cainl ~ .RadioGroup-module__hop-RadioGroup__radio___Cainl::before {
3844
3674
  content: "";
3845
3675
  position: absolute;
3846
3676
  display: block;
3847
3677
  }
3848
- .RadioGroup-module__hop-RadioGroup--bordered___jOp6s[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___GS-gO > .RadioGroup-module__hop-RadioGroup__radio___vGE3i ~ .RadioGroup-module__hop-RadioGroup__radio___vGE3i::before {
3678
+ .RadioGroup-module__hop-RadioGroup--bordered___WWuxA[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___urA4I > .RadioGroup-module__hop-RadioGroup__radio___Cainl ~ .RadioGroup-module__hop-RadioGroup__radio___Cainl::before {
3849
3679
  inset-block-start: 0;
3850
3680
  inset-inline: 0;
3851
3681
  border-block-start: var(--list-border, none);
3852
3682
  }
3853
- .RadioGroup-module__hop-RadioGroup--bordered___jOp6s[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___GS-gO > .RadioGroup-module__hop-RadioGroup__radio___vGE3i ~ .RadioGroup-module__hop-RadioGroup__radio___vGE3i::before {
3683
+ .RadioGroup-module__hop-RadioGroup--bordered___WWuxA[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___urA4I > .RadioGroup-module__hop-RadioGroup__radio___Cainl ~ .RadioGroup-module__hop-RadioGroup__radio___Cainl::before {
3854
3684
  inset-block: 0;
3855
3685
  inset-inline-start: 0;
3856
3686
  border-inline-start: var(--list-border, none);
3857
3687
  }
3858
- .RadioGroup-module__hop-RadioGroup___o2fkD > .RadioGroup-module__hop-RadioGroup__error-message___wrGkP,
3859
- .RadioGroup-module__hop-RadioGroup___o2fkD > .RadioGroup-module__hop-RadioGroup__helper-message___ND0k- {
3688
+ .RadioGroup-module__hop-RadioGroup___qi6IL > .RadioGroup-module__hop-RadioGroup__error-message___6Hqli,
3689
+ .RadioGroup-module__hop-RadioGroup___qi6IL > .RadioGroup-module__hop-RadioGroup__helper-message___IcSZN {
3860
3690
  order: 3;
3861
3691
  }
3862
3692
 
3863
3693
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3864
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___DnmYn {
3694
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___6EwTj {
3865
3695
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3866
3696
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3867
3697
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3887,7 +3717,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3887
3717
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3888
3718
  background-size: 400% 100%;
3889
3719
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3890
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___nrkVW;
3720
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___lRJVy;
3891
3721
  animation-duration: var(--animation-duration);
3892
3722
  animation-timing-function: ease-in-out;
3893
3723
  animation-fill-mode: forwards;
@@ -3896,19 +3726,19 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3896
3726
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3897
3727
  }
3898
3728
  }
3899
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___JvxlI {
3729
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___BvUDS {
3900
3730
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3901
3731
  }
3902
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___PsURs {
3732
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ga1je {
3903
3733
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3904
3734
  }
3905
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___tISeT {
3735
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___nKSFZ {
3906
3736
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3907
3737
  }
3908
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___8D-Y3 {
3738
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___ggfFu {
3909
3739
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3910
3740
  }
3911
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___nrkVW {
3741
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___lRJVy {
3912
3742
  0% {
3913
3743
  background-position: 125% 50%;
3914
3744
  }
@@ -3918,7 +3748,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
3918
3748
  }
3919
3749
 
3920
3750
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3921
- .ListBoxItem-module__hop-ListBoxItem___sDqZa {
3751
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0 {
3922
3752
  --hop-ListBoxItem-background-color: transparent;
3923
3753
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3924
3754
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -4015,129 +3845,129 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4015
3845
  outline: var(--outline);
4016
3846
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
4017
3847
  }
4018
- .ListBoxItem-module__hop-ListBoxItem--xs___qNFzw {
3848
+ .ListBoxItem-module__hop-ListBoxItem--xs___mqSw7 {
4019
3849
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
4020
3850
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
4021
3851
  --min-height: var(--hop-ListBoxItem-xs-min-height);
4022
3852
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
4023
3853
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
4024
3854
  }
4025
- .ListBoxItem-module__hop-ListBoxItem--sm___oUJLM {
3855
+ .ListBoxItem-module__hop-ListBoxItem--sm___kL1Mi {
4026
3856
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
4027
3857
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
4028
3858
  --min-height: var(--hop-ListBoxItem-sm-min-height);
4029
3859
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
4030
3860
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
4031
3861
  }
4032
- .ListBoxItem-module__hop-ListBoxItem--md___QQsyF {
3862
+ .ListBoxItem-module__hop-ListBoxItem--md___FLzEK {
4033
3863
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
4034
3864
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
4035
3865
  --min-height: var(--hop-ListBoxItem-md-min-height);
4036
3866
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
4037
3867
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
4038
3868
  }
4039
- .ListBoxItem-module__hop-ListBoxItem--lg___GRXW8 {
3869
+ .ListBoxItem-module__hop-ListBoxItem--lg___87bmc {
4040
3870
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
4041
3871
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
4042
3872
  --min-height: var(--hop-ListBoxItem-lg-min-height);
4043
3873
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
4044
3874
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
4045
3875
  }
4046
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-selection-mode] {
3876
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-selection-mode] {
4047
3877
  --cursor: pointer;
4048
3878
  }
4049
- .ListBoxItem-module__hop-ListBoxItem___sDqZa:not([data-selection-mode]) {
3879
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0:not([data-selection-mode]) {
4050
3880
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4051
3881
  }
4052
- .ListBoxItem-module__hop-ListBoxItem__inner___CzIe9:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___idNLl) {
3882
+ .ListBoxItem-module__hop-ListBoxItem__inner___nxdWT:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___S5gac) {
4053
3883
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4054
3884
  }
4055
- .ListBoxItem-module__hop-ListBoxItem__inner___CzIe9[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___idNLl) {
3885
+ .ListBoxItem-module__hop-ListBoxItem__inner___nxdWT[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___S5gac) {
4056
3886
  --checkmark-transition: none;
4057
3887
  }
4058
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-selected] {
3888
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-selected] {
4059
3889
  --background-color: var(--hop-ListBoxItem-background-color-selected);
4060
3890
  --text-color: var(--hop-ListBoxItem-text-color-selected);
4061
3891
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
4062
3892
  --checkmark-opacity: 1;
4063
3893
  }
4064
- .ListBoxItem-module__hop-ListBoxItem--xs___qNFzw[data-selected] {
3894
+ .ListBoxItem-module__hop-ListBoxItem--xs___mqSw7[data-selected] {
4065
3895
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
4066
3896
  }
4067
- .ListBoxItem-module__hop-ListBoxItem--sm___oUJLM[data-selected] {
3897
+ .ListBoxItem-module__hop-ListBoxItem--sm___kL1Mi[data-selected] {
4068
3898
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
4069
3899
  }
4070
- .ListBoxItem-module__hop-ListBoxItem--md___QQsyF[data-selected] {
3900
+ .ListBoxItem-module__hop-ListBoxItem--md___FLzEK[data-selected] {
4071
3901
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
4072
3902
  }
4073
- .ListBoxItem-module__hop-ListBoxItem--lg___GRXW8[data-selected] {
3903
+ .ListBoxItem-module__hop-ListBoxItem--lg___87bmc[data-selected] {
4074
3904
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
4075
3905
  }
4076
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-focus-visible] {
3906
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-focus-visible] {
4077
3907
  --background-color: var(--hop-ListBoxItem-background-color-focused);
4078
3908
  --text-color: var(--hop-ListBoxItem-text-color-focused);
4079
3909
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
4080
3910
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
4081
3911
  }
4082
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-hovered] {
3912
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-hovered] {
4083
3913
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
4084
3914
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
4085
3915
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
4086
3916
  }
4087
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-pressed] {
3917
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-pressed] {
4088
3918
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
4089
3919
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
4090
3920
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
4091
3921
  }
4092
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-disabled] {
3922
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-disabled] {
4093
3923
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
4094
3924
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
4095
3925
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
4096
3926
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
4097
3927
  --cursor: not-allowed;
4098
3928
  }
4099
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-invalid] {
3929
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-invalid] {
4100
3930
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
4101
3931
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
4102
3932
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
4103
3933
  }
4104
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-invalid][data-selected] {
3934
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-invalid][data-selected] {
4105
3935
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
4106
3936
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
4107
3937
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
4108
3938
  }
4109
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-invalid][data-focus-visible] {
3939
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-invalid][data-focus-visible] {
4110
3940
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
4111
3941
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
4112
3942
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
4113
3943
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
4114
3944
  }
4115
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-invalid][data-hovered] {
3945
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-invalid][data-hovered] {
4116
3946
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
4117
3947
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
4118
3948
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
4119
3949
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
4120
3950
  }
4121
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-invalid][data-pressed] {
3951
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-invalid][data-pressed] {
4122
3952
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
4123
3953
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
4124
3954
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
4125
3955
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
4126
3956
  }
4127
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-invalid][data-disabled] {
3957
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-invalid][data-disabled] {
4128
3958
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
4129
3959
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
4130
3960
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
4131
3961
  }
4132
- .ListBoxItem-module__hop-ListBoxItem___sDqZa:has(.ListBoxItem-module__hop-ListBoxItem__description___N-eil) {
3962
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0:has(.ListBoxItem-module__hop-ListBoxItem__description___gEeKC) {
4133
3963
  --row-gap: var(--hop-ListBoxItem-row-gap);
4134
3964
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
4135
3965
  }
4136
- .ListBoxItem-module__hop-ListBoxItem___sDqZa[data-loading] {
3966
+ .ListBoxItem-module__hop-ListBoxItem___sXNI0[data-loading] {
4137
3967
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
4138
3968
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
4139
3969
  }
4140
- .ListBoxItem-module__hop-ListBoxItem__inner___CzIe9 {
3970
+ .ListBoxItem-module__hop-ListBoxItem__inner___nxdWT {
4141
3971
  display: grid;
4142
3972
  grid-template-areas: var(--grid-template-areas);
4143
3973
  grid-template-columns: var(--grid-template-columns);
@@ -4149,33 +3979,33 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4149
3979
  padding-inline: var(--padding-inline);
4150
3980
  transition: grid-template-columns .3s ease-in-out;
4151
3981
  }
4152
- .ListBoxItem-module__hop-ListBoxItem__checkmark___idNLl {
3982
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___S5gac {
4153
3983
  grid-area: indicator;
4154
3984
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4155
3985
  color: var(--icon-color);
4156
3986
  opacity: var(--checkmark-opacity);
4157
3987
  transition: var(--checkmark-transition);
4158
3988
  }
4159
- .ListBoxItem-module__hop-ListBoxItem__radio___3mDcz,
4160
- .ListBoxItem-module__hop-ListBoxItem__checkbox___qsHUY {
3989
+ .ListBoxItem-module__hop-ListBoxItem__radio___TZ0ws,
3990
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___m6rl0 {
4161
3991
  pointer-events: none;
4162
3992
  user-select: none;
4163
3993
  grid-area: indicator;
4164
3994
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4165
3995
  }
4166
- .ListBoxItem-module__hop-ListBoxItem__avatar___QIh-8 {
3996
+ .ListBoxItem-module__hop-ListBoxItem__avatar___HlCfu {
4167
3997
  grid-area: avatar;
4168
3998
  margin-block: var(--avatar-margin-block, 0);
4169
3999
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4170
4000
  }
4171
- .ListBoxItem-module__hop-ListBoxItem__icon-list___YVp0s,
4172
- .ListBoxItem-module__hop-ListBoxItem__icon___gN7B6 {
4001
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___EakTg,
4002
+ .ListBoxItem-module__hop-ListBoxItem__icon___YIpJg {
4173
4003
  grid-area: icon;
4174
4004
  flex: 0 0 auto;
4175
4005
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4176
4006
  color: var(--icon-color);
4177
4007
  }
4178
- .ListBoxItem-module__hop-ListBoxItem__label___UYFn6 {
4008
+ .ListBoxItem-module__hop-ListBoxItem__label___N0Le4 {
4179
4009
  overflow: hidden;
4180
4010
  grid-area: label;
4181
4011
  min-inline-size: 0;
@@ -4183,18 +4013,18 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4183
4013
  text-overflow: ellipsis;
4184
4014
  white-space: nowrap;
4185
4015
  }
4186
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___oU100,
4187
- .ListBoxItem-module__hop-ListBoxItem__end-icon___AtJfh {
4016
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___wwMnC,
4017
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___M63SF {
4188
4018
  grid-area: end-icon;
4189
4019
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4190
4020
  color: var(--icon-color);
4191
4021
  }
4192
- .ListBoxItem-module__hop-ListBoxItem__badge___tZCN- {
4022
+ .ListBoxItem-module__hop-ListBoxItem__badge___zh-3- {
4193
4023
  grid-area: badge;
4194
4024
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4195
4025
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4196
4026
  }
4197
- .ListBoxItem-module__hop-ListBoxItem__description___N-eil {
4027
+ .ListBoxItem-module__hop-ListBoxItem__description___gEeKC {
4198
4028
  overflow: hidden;
4199
4029
  display: -webkit-box;
4200
4030
  grid-area: description;
@@ -4205,7 +4035,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4205
4035
  }
4206
4036
 
4207
4037
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4208
- .ListBox-module__hop-ListBox___n-Utz {
4038
+ .ListBox-module__hop-ListBox___XcW96 {
4209
4039
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4210
4040
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4211
4041
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4252,11 +4082,11 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4252
4082
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4253
4083
  border-radius: var(--hop-ListBox-border-radius);
4254
4084
  }
4255
- .ListBox-module__hop-ListBox--fluid___nZLuj {
4085
+ .ListBox-module__hop-ListBox--fluid___F0eUV {
4256
4086
  --max-width: var(--hop-ListBox-fluid-max-width);
4257
4087
  --width: var(--hop-ListBox-fluid-width);
4258
4088
  }
4259
- .ListBox-module__hop-ListBox__section___NLoO2 {
4089
+ .ListBox-module__hop-ListBox__section___hm9bM {
4260
4090
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4261
4091
  margin-inline: var(--hop-ListBox-section-margin-inline);
4262
4092
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4264,21 +4094,21 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4264
4094
  border-block-start: var(--section-border-block-start);
4265
4095
  border-block-end: var(--section-border-block-end);
4266
4096
  }
4267
- .ListBox-module__hop-ListBox__item___2jSa2 + .ListBox-module__hop-ListBox__section___NLoO2 {
4097
+ .ListBox-module__hop-ListBox__item___oGnOa + .ListBox-module__hop-ListBox__section___hm9bM {
4268
4098
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4269
4099
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4270
4100
  }
4271
- .ListBox-module__hop-ListBox__section___NLoO2:has(+ .ListBox-module__hop-ListBox__item___2jSa2) {
4101
+ .ListBox-module__hop-ListBox__section___hm9bM:has(+ .ListBox-module__hop-ListBox__item___oGnOa) {
4272
4102
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4273
4103
  }
4274
- .ListBox-module__hop-ListBox__section___NLoO2:first-child {
4104
+ .ListBox-module__hop-ListBox__section___hm9bM:first-child {
4275
4105
  --section-padding-block-start: 0;
4276
4106
  }
4277
- .ListBox-module__hop-ListBox__section___NLoO2:last-child {
4107
+ .ListBox-module__hop-ListBox__section___hm9bM:last-child {
4278
4108
  --section-padding-block-end: 0;
4279
4109
  --section-border-block-end: 0;
4280
4110
  }
4281
- .ListBox-module__hop-ListBox__section-header___gTBgu {
4111
+ .ListBox-module__hop-ListBox__section-header___XblDH {
4282
4112
  margin: 0;
4283
4113
  padding: var(--hop-ListBox-section-header-padding);
4284
4114
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4289,30 +4119,30 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4289
4119
  text-transform: var(--hop-ListBox-section-header-text-transform);
4290
4120
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4291
4121
  }
4292
- .ListBox-module__hop-ListBox__section-header___gTBgu::before,
4293
- .ListBox-module__hop-ListBox__section-header___gTBgu::after {
4122
+ .ListBox-module__hop-ListBox__section-header___XblDH::before,
4123
+ .ListBox-module__hop-ListBox__section-header___XblDH::after {
4294
4124
  content: "";
4295
4125
  display: block;
4296
4126
  box-sizing: border-box;
4297
4127
  inline-size: 0;
4298
4128
  block-size: 0;
4299
4129
  }
4300
- .ListBox-module__hop-ListBox__section-header___gTBgu::before {
4130
+ .ListBox-module__hop-ListBox__section-header___XblDH::before {
4301
4131
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4302
4132
  }
4303
- .ListBox-module__hop-ListBox__section-header___gTBgu::after {
4133
+ .ListBox-module__hop-ListBox__section-header___XblDH::after {
4304
4134
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4305
4135
  }
4306
4136
 
4307
4137
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4308
- :where(.Popover-module__hop-Popover___vi-DI *) {
4138
+ :where(.Popover-module__hop-Popover___eptB5 *) {
4309
4139
  font-family: var(--font-family);
4310
4140
  font-size: var(--font-size);
4311
4141
  font-weight: var(--font-weight);
4312
4142
  line-height: var(--line-height);
4313
4143
  outline: none;
4314
4144
  }
4315
- .Popover-module__hop-Popover___vi-DI {
4145
+ .Popover-module__hop-Popover___eptB5 {
4316
4146
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4317
4147
  --hop-Popover-inline-width: 25rem;
4318
4148
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4325,22 +4155,22 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4325
4155
  inline-size: var(--width);
4326
4156
  max-inline-size: var(--max-width);
4327
4157
  }
4328
- .Popover-module__hop-Popover___vi-DI[data-trigger=Select] {
4158
+ .Popover-module__hop-Popover___eptB5[data-trigger=Select] {
4329
4159
  --width: var(--hop-Popover-dropdown-inline-width);
4330
4160
  }
4331
- .Popover-module__hop-Popover___vi-DI[data-trigger=ComboBox] {
4161
+ .Popover-module__hop-Popover___eptB5[data-trigger=ComboBox] {
4332
4162
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4333
4163
  }
4334
- .Popover-module__hop-Popover___vi-DI[data-auto-width] {
4164
+ .Popover-module__hop-Popover___eptB5[data-auto-width] {
4335
4165
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4336
4166
  }
4337
- .Popover-module__hop-Popover___vi-DI[data-entering] {
4338
- animation: Popover-module__fade___pMP08 0.25s;
4167
+ .Popover-module__hop-Popover___eptB5[data-entering] {
4168
+ animation: Popover-module__fade___F-nLp 0.25s;
4339
4169
  }
4340
- .Popover-module__hop-Popover___vi-DI[data-exiting] {
4341
- animation: Popover-module__fade___pMP08 0.25s reverse;
4170
+ .Popover-module__hop-Popover___eptB5[data-exiting] {
4171
+ animation: Popover-module__fade___F-nLp 0.25s reverse;
4342
4172
  }
4343
- @keyframes Popover-module__fade___pMP08 {
4173
+ @keyframes Popover-module__fade___F-nLp {
4344
4174
  from {
4345
4175
  opacity: 0;
4346
4176
  }
@@ -4348,14 +4178,14 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4348
4178
  opacity: 1;
4349
4179
  }
4350
4180
  }
4351
- .Popover-module__hop-Popover__wrapper___W563- {
4181
+ .Popover-module__hop-Popover__wrapper___WdekC {
4352
4182
  display: flex;
4353
4183
  flex: 1 1 auto;
4354
4184
  flex-direction: column;
4355
4185
  min-block-size: 0;
4356
4186
  }
4357
- .Popover-module__hop-Popover__dialog___ZDE4Y,
4358
- .Popover-module__hop-Popover__dropdown___y10Yg {
4187
+ .Popover-module__hop-Popover__dialog___w0R0Z,
4188
+ .Popover-module__hop-Popover__dropdown___-Fo7F {
4359
4189
  --hop-Popover-background: var(--hop-neutral-surface);
4360
4190
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4361
4191
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4410,17 +4240,17 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4410
4240
  outline: var(--hop-Popover-outline);
4411
4241
  overflow: var(--hop-Popover-overflow);
4412
4242
  }
4413
- .Popover-module__hop-Popover__dropdown___y10Yg {
4243
+ .Popover-module__hop-Popover__dropdown___-Fo7F {
4414
4244
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4415
4245
  --footer-place-self: stretch;
4416
4246
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4417
4247
  --padding: var(--hop-Popover-dropdown-padding);
4418
4248
  overflow: hidden;
4419
4249
  }
4420
- .Popover-module__hop-Popover__dialog___ZDE4Y {
4250
+ .Popover-module__hop-Popover__dialog___w0R0Z {
4421
4251
  --padding: var(--hop-Popover-dialog-padding);
4422
4252
  }
4423
- .Popover-module__hop-Popover__title___joFUK {
4253
+ .Popover-module__hop-Popover__title___PIYqE {
4424
4254
  grid-area: header;
4425
4255
  font-family: var(--hop-Popover-title-font-family);
4426
4256
  font-size: var(--hop-Popover-title-font-size);
@@ -4428,7 +4258,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4428
4258
  line-height: var(--hop-Popover-title-line-height);
4429
4259
  color: var(--hop-Popover-color);
4430
4260
  }
4431
- .Popover-module__hop-Popover__content___uRWrC {
4261
+ .Popover-module__hop-Popover__content___EHc9h {
4432
4262
  --font-size: var(--hop-Popover-content-font-size);
4433
4263
  --line-height: var(--hop-Popover-content-line-height);
4434
4264
  --font-family: var(--hop-Popover-content-font-family);
@@ -4439,12 +4269,12 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4439
4269
  padding: 0;
4440
4270
  color: var(--hop-Popover-content-color);
4441
4271
  }
4442
- .Popover-module__hop-Popover___vi-DI:not(:has(.Popover-module__hop-Popover__title___joFUK)) {
4443
- .Popover-module__hop-Popover__content___uRWrC {
4272
+ .Popover-module__hop-Popover___eptB5:not(:has(.Popover-module__hop-Popover__title___PIYqE)) {
4273
+ .Popover-module__hop-Popover__content___EHc9h {
4444
4274
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4445
4275
  }
4446
4276
  }
4447
- .Popover-module__hop-Popover__dropdown___y10Yg .Popover-module__hop-Popover__list-box___bGP74 {
4277
+ .Popover-module__hop-Popover__dropdown___-Fo7F .Popover-module__hop-Popover__list-box___heMj9 {
4448
4278
  grid-area: content;
4449
4279
  inline-size: auto;
4450
4280
  min-inline-size: auto;
@@ -4452,7 +4282,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4452
4282
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4453
4283
  border: none;
4454
4284
  }
4455
- .Popover-module__hop-Popover__footer___RcvuD {
4285
+ .Popover-module__hop-Popover__footer___Q6mki {
4456
4286
  --font-size: var(--hop-Popover-footer-font-size);
4457
4287
  --line-height: var(--hop-Popover-footer-line-height);
4458
4288
  grid-area: footer;
@@ -4460,22 +4290,22 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4460
4290
  margin: var(--footer-margin);
4461
4291
  color: var(--hop-Popover-color);
4462
4292
  }
4463
- .Popover-module__hop-Popover__dropdown___y10Yg .Popover-module__hop-Popover__footer___RcvuD {
4293
+ .Popover-module__hop-Popover__dropdown___-Fo7F .Popover-module__hop-Popover__footer___Q6mki {
4464
4294
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4465
4295
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4466
4296
  }
4467
- .Popover-module__hop-Popover__actions___PBlAg,
4468
- .Popover-module__hop-Popover__action___eYQPa {
4297
+ .Popover-module__hop-Popover__actions___EiXyN,
4298
+ .Popover-module__hop-Popover__action___n-0CI {
4469
4299
  grid-area: action;
4470
4300
  justify-self: end;
4471
4301
  margin-block-start: var(--hop-Popover-row-gap);
4472
4302
  }
4473
- .Popover-module__hop-Popover___vi-DI:has(.Popover-module__hop-Popover__actions___PBlAg, .Popover-module__hop-Popover__action___eYQPa) .Popover-module__hop-Popover__footer___RcvuD {
4303
+ .Popover-module__hop-Popover___eptB5:has(.Popover-module__hop-Popover__actions___EiXyN, .Popover-module__hop-Popover__action___n-0CI) .Popover-module__hop-Popover__footer___Q6mki {
4474
4304
  margin-inline-end: var(--hop-Popover-column-gap);
4475
4305
  }
4476
4306
 
4477
4307
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4478
- .PopoverBase-module__hop-PopoverBase___vqNWM {
4308
+ .PopoverBase-module__hop-PopoverBase___rGZf6 {
4479
4309
  --hop-Popover-background: var(--hop-neutral-surface);
4480
4310
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4481
4311
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
@@ -4505,17 +4335,17 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4505
4335
  box-shadow: var(--hop-Popover-box-shadow);
4506
4336
  transition: opacity var(--hop-easing-duration-2);
4507
4337
  }
4508
- .PopoverBase-module__hop-PopoverBase___vqNWM[data-entering] {
4338
+ .PopoverBase-module__hop-PopoverBase___rGZf6[data-entering] {
4509
4339
  opacity: 0;
4510
4340
  }
4511
- .PopoverBase-module__hop-PopoverBase___vqNWM[data-exiting] {
4341
+ .PopoverBase-module__hop-PopoverBase___rGZf6[data-exiting] {
4512
4342
  pointer-events: none;
4513
4343
  opacity: 0;
4514
4344
  transition-timing-function: var(--hop-easing-productive);
4515
4345
  }
4516
4346
 
4517
4347
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/Menu.module.css/#css-module-data */
4518
- .Menu-module__hop-Menu___QWBwC {
4348
+ .Menu-module__hop-Menu___uf02D {
4519
4349
  --hop-Menu-overflow-y: auto;
4520
4350
  --hop-Menu-padding-block: var(--hop-space-inset-sm);
4521
4351
  --hop-Menu-outline: none;
@@ -4531,7 +4361,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4531
4361
  padding-block: var(--hop-Menu-padding-block);
4532
4362
  outline: var(--hop-Menu-outline);
4533
4363
  }
4534
- .Menu-module__hop-Menu__header___-kfHh {
4364
+ .Menu-module__hop-Menu__header___NF-Y0 {
4535
4365
  --hop-Menu-header-margin-inline: var(--hop-space-inset-sm);
4536
4366
  --hop-Menu-header-cursor: default;
4537
4367
  --hop-Menu-header-display: flex;
@@ -4559,7 +4389,7 @@ button.CloseButton-module__hop-CloseButton___DBFAf {
4559
4389
  text-transform: var(--hop-Menu-header-text-transform);
4560
4390
  letter-spacing: var(--hop-Menu-header-letter-spacing);
4561
4391
  }
4562
- .Menu-module__hop-Menu__divider___A0npN {
4392
+ .Menu-module__hop-Menu__divider___7q3qm {
4563
4393
  --hop-Menu-divider-margin-block: var(--hop-space-stack-sm);
4564
4394
  margin-block: var( --hop-Menu-divider-margin-block);
4565
4395
  }