@hopper-ui/components 2.3.1 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (385) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/accordion/src/Accordion.css +79 -79
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +79 -79
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +481 -430
  7. package/dist/alert/src/Alert.js +10 -10
  8. package/dist/alert/src/index.css +481 -430
  9. package/dist/alert/src/index.js +10 -10
  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 +125 -108
  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 +126 -109
  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 +135 -118
  41. package/dist/buttons/src/LinkButton.js +5 -5
  42. package/dist/buttons/src/ToggleButton.css +155 -138
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +408 -357
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/calendar/src/Calendar.css +455 -404
  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 +411 -360
  53. package/dist/calendar/src/CalendarHeader.js +8 -8
  54. package/dist/calendar/src/RangeCalendar.css +458 -407
  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 +461 -410
  59. package/dist/calendar/src/index.js +14 -14
  60. package/dist/callout/src/Callout.css +421 -370
  61. package/dist/callout/src/Callout.js +8 -8
  62. package/dist/callout/src/CompactCallout.css +457 -406
  63. package/dist/callout/src/CompactCallout.js +8 -8
  64. package/dist/callout/src/index.css +470 -419
  65. package/dist/callout/src/index.js +9 -9
  66. package/dist/card/src/Card.css +44 -44
  67. package/dist/card/src/Card.js +1 -1
  68. package/dist/card/src/index.css +44 -44
  69. package/dist/card/src/index.js +1 -1
  70. package/dist/checkbox/src/Checkbox.css +58 -58
  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 +111 -111
  75. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  76. package/dist/checkbox/src/DecorativeCheckbox.css +66 -66
  77. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  78. package/dist/checkbox/src/index.css +111 -111
  79. package/dist/checkbox/src/index.js +11 -11
  80. package/dist/{chunk-S5EEBRVC.js → chunk-27ZY4OAA.js} +3 -3
  81. package/dist/{chunk-6WDMGD3J.js → chunk-2FYZIV2Q.js} +3 -3
  82. package/dist/{chunk-6DGWCLZQ.js → chunk-2GCHHZF7.js} +1 -1
  83. package/dist/{chunk-6NL2D6T6.js → chunk-2MO5Q43O.js} +2 -2
  84. package/dist/{chunk-2NP6TUBZ.js → chunk-2TFA2LG5.js} +1 -1
  85. package/dist/{chunk-5Y3RNQ6P.js → chunk-4GOEF2M3.js} +11 -11
  86. package/dist/{chunk-RCLPOXEM.js → chunk-4M4UDJDW.js} +1 -1
  87. package/dist/{chunk-DB5CKANO.js → chunk-4X446CPY.js} +2 -2
  88. package/dist/{chunk-3Y7WOE3V.js → chunk-5BRVHA72.js} +1 -1
  89. package/dist/{chunk-CQ6I4P5Y.js → chunk-5ESA4OH7.js} +5 -5
  90. package/dist/{chunk-7USLYY5Q.js → chunk-5M2MHOID.js} +8 -8
  91. package/dist/{chunk-QUUKCVGJ.js → chunk-5UOMAAN5.js} +2 -2
  92. package/dist/{chunk-6744ORR4.js → chunk-622KZC7R.js} +1 -1
  93. package/dist/{chunk-VEX2MWQH.js → chunk-62SCVBP3.js} +10 -10
  94. package/dist/{chunk-W7WVAZVE.js → chunk-6CB6K3MQ.js} +1 -1
  95. package/dist/{chunk-UZTTH34N.js → chunk-6CPMXARA.js} +1 -1
  96. package/dist/{chunk-6425VUH5.js → chunk-6FSURXQM.js} +5 -5
  97. package/dist/{chunk-UBGDPR45.js → chunk-6GPRZCD5.js} +1 -1
  98. package/dist/{chunk-X2QFFQV5.js → chunk-6GZX2JUX.js} +2 -2
  99. package/dist/{chunk-4ZE6OVKJ.js → chunk-6KFIBLXT.js} +5 -5
  100. package/dist/{chunk-AMDT3SBX.js → chunk-6UA6F6OL.js} +4 -4
  101. package/dist/{chunk-5IUZGMEZ.js → chunk-7BSWORFE.js} +3 -3
  102. package/dist/{chunk-GSUVGZ2O.js → chunk-7DTACVVN.js} +2 -2
  103. package/dist/{chunk-4IPFGJTA.js → chunk-BPQDAPX6.js} +5 -5
  104. package/dist/{chunk-XIW3GJVV.js → chunk-BX6SZOC7.js} +1 -1
  105. package/dist/{chunk-QJAZLXSJ.js → chunk-CCP4HVER.js} +2 -2
  106. package/dist/{chunk-NWGY6RSI.js → chunk-CGTISPQS.js} +1 -1
  107. package/dist/{chunk-VW2SUYXG.js → chunk-CJOPDFGL.js} +1 -1
  108. package/dist/{chunk-L2UANSBD.js → chunk-CRWH7UTE.js} +1 -1
  109. package/dist/{chunk-WRFZJ2FB.js → chunk-DGVZB7XU.js} +3 -3
  110. package/dist/{chunk-YX2XQJHL.js → chunk-DRPYTEHH.js} +2 -2
  111. package/dist/{chunk-KSFD76FO.js → chunk-DYM5FUDG.js} +8 -8
  112. package/dist/{chunk-PLASRYR2.js → chunk-EKD25OQF.js} +2 -2
  113. package/dist/{chunk-VMQZPBUT.js → chunk-ENPDL3OP.js} +2 -2
  114. package/dist/{chunk-4ZP2UT37.js → chunk-EPTFDJHX.js} +1 -1
  115. package/dist/{chunk-FZQELSU4.js → chunk-EU2MRLXM.js} +3 -3
  116. package/dist/{chunk-LGFUPNY5.js → chunk-EX7AJ6AW.js} +2 -2
  117. package/dist/{chunk-ZQQFWYWT.js → chunk-EYHUPUSY.js} +1 -1
  118. package/dist/{chunk-I2BQDRFV.js → chunk-F64H26HG.js} +7 -7
  119. package/dist/{chunk-QKIDMWJS.js → chunk-FI7BWCJQ.js} +5 -5
  120. package/dist/{chunk-7G4L7AY3.js → chunk-GK24VLRF.js} +1 -1
  121. package/dist/{chunk-YYM4XS6O.js → chunk-GXJIALJZ.js} +2 -2
  122. package/dist/{chunk-WPUCFJ5V.js → chunk-GZB235BG.js} +3 -3
  123. package/dist/{chunk-RTGXDVB7.js → chunk-H4CD4TCM.js} +2 -2
  124. package/dist/{chunk-QEKNHKGN.js → chunk-HDYT2W66.js} +1 -1
  125. package/dist/{chunk-IWYDILSP.js → chunk-HWC2VAGQ.js} +2 -2
  126. package/dist/{chunk-Z7TTNZ5U.js → chunk-HYXW7ZGE.js} +1 -1
  127. package/dist/{chunk-GS3RAGYX.js → chunk-I43Z4NH5.js} +1 -1
  128. package/dist/{chunk-BIGG34TC.js → chunk-I7XKP7EP.js} +1 -1
  129. package/dist/{chunk-HVV6ABJV.js → chunk-INP6FAP2.js} +1 -1
  130. package/dist/{chunk-UGQV52N3.js → chunk-KKZXH6DY.js} +2 -2
  131. package/dist/{chunk-L66CN4TD.js → chunk-KYDGKF66.js} +3 -3
  132. package/dist/{chunk-HJAL6FD2.js → chunk-L5GBDJY6.js} +2 -2
  133. package/dist/{chunk-XD4HRUJX.js → chunk-LLMNDN33.js} +1 -1
  134. package/dist/{chunk-26GOAZED.js → chunk-LNFTGFSL.js} +1 -1
  135. package/dist/{chunk-NOC5IIFD.js → chunk-LTT25A7B.js} +2 -2
  136. package/dist/{chunk-LPFJDB3U.js → chunk-LXPOSPXR.js} +3 -3
  137. package/dist/{chunk-AYLCT5AL.js → chunk-MGU4W44M.js} +2 -2
  138. package/dist/{chunk-N6PMSW4B.js → chunk-MJSM4I56.js} +1 -1
  139. package/dist/{chunk-N6EHD7JP.js → chunk-MLP2W6WY.js} +2 -2
  140. package/dist/{chunk-3QD4M4PA.js → chunk-MNIT5ROW.js} +1 -1
  141. package/dist/{chunk-HNZRO34B.js → chunk-NNQSKYZY.js} +1 -1
  142. package/dist/{chunk-K3RX7YGB.js → chunk-NVJKFQF5.js} +1 -1
  143. package/dist/{chunk-L3YFRLR7.js → chunk-OAOON6G5.js} +1 -1
  144. package/dist/{chunk-WBD3NKKO.js → chunk-OAYWMUCM.js} +3 -3
  145. package/dist/{chunk-E4KXN3J7.js → chunk-OBUBHHCE.js} +12 -12
  146. package/dist/{chunk-DGEZL2K2.js → chunk-ONLYLVZC.js} +4 -4
  147. package/dist/{chunk-YIYL3K5T.js → chunk-P3GO6MTA.js} +9 -9
  148. package/dist/{chunk-QD76EFLG.js → chunk-P5XMRYCM.js} +1 -1
  149. package/dist/{chunk-D2RN52QQ.js → chunk-PWMPKPRA.js} +1 -1
  150. package/dist/{chunk-HDXZ3QDG.js → chunk-PXY3JAEE.js} +1 -1
  151. package/dist/{chunk-CQ34GZQS.js → chunk-QHMIOYJH.js} +1 -1
  152. package/dist/{chunk-775XZDQV.js → chunk-R4C2ZTRC.js} +4 -4
  153. package/dist/{chunk-EO4M5Z27.js → chunk-R5YLDYDC.js} +3 -3
  154. package/dist/{chunk-F4VBYFMF.js → chunk-R7XY6NDB.js} +3 -3
  155. package/dist/{chunk-BDR6DLR7.js → chunk-RS2USPHH.js} +2 -2
  156. package/dist/{chunk-OZXWRXFI.js → chunk-SM74CBLZ.js} +1 -1
  157. package/dist/{chunk-FGMMJXOT.js → chunk-SQE2XRTD.js} +2 -2
  158. package/dist/{chunk-W7SS2O6Y.js → chunk-SVMYTNF4.js} +3 -3
  159. package/dist/{chunk-T7JQTHRL.js → chunk-TMLDMXHJ.js} +9 -9
  160. package/dist/{chunk-22LDP63W.js → chunk-TX6CGO6A.js} +2 -2
  161. package/dist/{chunk-7DWJCHTT.js → chunk-TYSJWSAL.js} +3 -3
  162. package/dist/{chunk-WDYEDGDK.js → chunk-VDLFQWYD.js} +1 -1
  163. package/dist/{chunk-MZLQ6BKL.js → chunk-VH2H3CRN.js} +1 -1
  164. package/dist/{chunk-O5L4JH66.js → chunk-VOSHVJRV.js} +2 -2
  165. package/dist/{chunk-DJUL24UG.js → chunk-VZJDU55I.js} +1 -1
  166. package/dist/{chunk-VWPFXOMH.js → chunk-VZOFHVGR.js} +7 -7
  167. package/dist/{chunk-2S57JQU4.js → chunk-WPNHUXQ3.js} +1 -1
  168. package/dist/{chunk-R6FHW24T.js → chunk-XLIHBJEI.js} +4 -4
  169. package/dist/{chunk-UFJRMEYZ.js → chunk-Y73IRDBK.js} +1 -1
  170. package/dist/{chunk-WXTJ4RCY.js → chunk-YW3VZHY5.js} +2 -2
  171. package/dist/{chunk-BZLWUE7X.js → chunk-Z72UU6VL.js} +2 -2
  172. package/dist/{chunk-H37TCY2O.js → chunk-ZITBXJJQ.js} +2 -2
  173. package/dist/{chunk-DW736JM5.js → chunk-ZIYQXLQP.js} +2 -2
  174. package/dist/{chunk-OK65BORZ.js → chunk-ZLSESS3L.js} +2 -2
  175. package/dist/{chunk-PHJKVHKC.js → chunk-ZMLFDUK5.js} +2 -2
  176. package/dist/{chunk-USJXRFZC.js → chunk-ZMUCANP5.js} +8 -8
  177. package/dist/combobox/src/ComboBox.css +838 -787
  178. package/dist/combobox/src/ComboBox.js +18 -18
  179. package/dist/combobox/src/index.css +838 -787
  180. package/dist/combobox/src/index.js +18 -18
  181. package/dist/contextual-help/src/ContextualHelp.css +757 -706
  182. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  183. package/dist/contextual-help/src/index.css +757 -706
  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 +898 -847
  188. package/dist/date-picker/src/DatePicker.js +20 -20
  189. package/dist/date-picker/src/DateRangePicker.css +901 -850
  190. package/dist/date-picker/src/DateRangePicker.js +20 -20
  191. package/dist/date-picker/src/index.css +909 -858
  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 +1 -1
  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 +3 -3
  199. package/dist/disclosure/src/index.css +74 -74
  200. package/dist/disclosure/src/index.js +7 -7
  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 +430 -379
  224. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  225. package/dist/illustrated-message/src/index.css +430 -379
  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 +1382 -1280
  238. package/dist/index.js +103 -103
  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 +429 -378
  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 +435 -384
  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 +433 -382
  254. package/dist/inputs/src/TextField.js +13 -13
  255. package/dist/inputs/src/index.css +484 -433
  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 +320 -320
  264. package/dist/list-box/src/ListBox.js +8 -8
  265. package/dist/list-box/src/ListBoxItem.css +308 -308
  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 +320 -320
  270. package/dist/list-box/src/index.js +8 -8
  271. package/dist/menu/src/Menu.css +759 -708
  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 +785 -734
  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 +1 -1
  281. package/dist/modal/src/CustomModal.css +55 -55
  282. package/dist/modal/src/CustomModal.js +2 -2
  283. package/dist/modal/src/Modal.css +451 -400
  284. package/dist/modal/src/Modal.js +9 -9
  285. package/dist/modal/src/index.css +465 -414
  286. package/dist/modal/src/index.js +10 -10
  287. package/dist/overlays/popover/src/Popover.css +751 -700
  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 +754 -703
  292. package/dist/overlays/popover/src/index.js +2 -2
  293. package/dist/radio/src/DecorativeRadio.css +66 -66
  294. package/dist/radio/src/DecorativeRadio.js +3 -3
  295. package/dist/radio/src/Radio.css +58 -58
  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 +111 -111
  300. package/dist/radio/src/RadioGroup.js +7 -7
  301. package/dist/radio/src/index.css +111 -111
  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 +852 -801
  310. package/dist/select/src/MultiSelect.js +23 -23
  311. package/dist/select/src/Select.css +852 -801
  312. package/dist/select/src/Select.js +23 -23
  313. package/dist/select/src/SelectInternal.css +852 -801
  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 +852 -801
  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 +678 -576
  330. package/dist/tabs/src/Tab.js +2 -2
  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 +685 -583
  336. package/dist/tabs/src/index.js +4 -4
  337. package/dist/tag/src/Tag.css +653 -551
  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 +663 -561
  342. package/dist/tag/src/index.js +13 -13
  343. package/dist/tile/src/Tile.css +67 -67
  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 +68 -68
  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 +3 -3
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___SNSro {
2
+ .Heading-module__hop-Heading___cWkzP {
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___SNSro) {
36
+ :where(.Heading-module__hop-Heading___cWkzP) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___SNSro):not(.Heading-module__hop-Heading--unset___TGG24) {
40
+ :where(.Heading-module__hop-Heading___cWkzP):not(.Heading-module__hop-Heading--unset___0Qsw2) {
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___-uZoe) {
46
+ :where(.Heading-module__hop-Heading--xs___8sqWU) {
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___HR3x2) {
52
+ :where(.Heading-module__hop-Heading--sm___r2rGB) {
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___JlEV9) {
58
+ :where(.Heading-module__hop-Heading--md___mzwYI) {
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___mcWp-) {
64
+ :where(.Heading-module__hop-Heading--lg___Q87IH) {
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___huuPi) {
70
+ :where(.Heading-module__hop-Heading--xl___ccgm3) {
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___Xq3La) {
76
+ :where(.Heading-module__hop-Heading--2xl___hJK8R) {
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___DQlTb) {
82
+ :where(.Heading-module__hop-Heading--3xl___Fd4-J) {
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___VMP-m {
90
+ .Form-module__hop-Form___LzuUX {
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___IpoDY {
97
+ .Label-module__hop-Label___N-KRm {
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___IpoDY) {
104
+ :where(.Label-module__hop-Label___N-KRm) {
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___9GHke {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___YrEWy {
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___moB0S {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___no-W- {
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___W4u9i) {
123
+ :where(.OverlineText-module__hop-OverlineText___U4LCF) {
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___mFXxw {
147
+ .OverlineText-module__hop-OverlineText__text___yJFaW {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___mFXxw::before,
151
- .OverlineText-module__hop-OverlineText__text___mFXxw::after {
150
+ .OverlineText-module__hop-OverlineText__text___yJFaW::before,
151
+ .OverlineText-module__hop-OverlineText__text___yJFaW::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___mFXxw::before {
158
+ .OverlineText-module__hop-OverlineText__text___yJFaW::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___mFXxw::after {
161
+ .OverlineText-module__hop-OverlineText__text___yJFaW::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___YABLz {
166
+ .Text-module__hop-Text___92sH3 {
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___YABLz) {
196
+ :where(.Text-module__hop-Text___92sH3) {
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___po4E4) {
202
+ :where(.Text-module__hop-Text--xs___T90pl) {
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___SpqlZ) {
208
+ :where(.Text-module__hop-Text--sm___hqYcz) {
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___e9VhJ) {
214
+ :where(.Text-module__hop-Text--md___TG53V) {
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___tz1Ik) {
220
+ :where(.Text-module__hop-Text--lg___E5zrD) {
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___4s-Wu) {
226
+ :where(.Text-module__hop-Text--xl___qcCiv) {
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___ZB-17) {
232
+ :where(.Text-module__hop-Text--2xl___Yxfee) {
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___O9s-1) {
238
+ :where(.Text-module__hop-Text--inherit___pQZe0) {
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___HpCAu {
246
+ .Paragraph-module__hop-Paragraph___tF6bt {
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___HpCAu:last-child {
258
+ .Paragraph-module__hop-Paragraph___tF6bt:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___YTiU3 {
261
+ .Paragraph-module__hop-Paragraph--xs___1ajsc {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___5WeL- {
264
+ .Paragraph-module__hop-Paragraph--sm___tbQh4 {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___Xelws {
267
+ .Paragraph-module__hop-Paragraph--md___jtn7o {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___v-evI {
270
+ .Paragraph-module__hop-Paragraph--lg___O3NnG {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___-I688 {
273
+ .Paragraph-module__hop-Paragraph--xl___5xee6 {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___jJH9P {
276
+ .Paragraph-module__hop-Paragraph--2xl___kry0c {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___6h2cS {
279
+ .Paragraph-module__hop-Paragraph--inherit___F9ZS4 {
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___S9cdA) {
284
+ :where(.Divider-module__hop-Divider___9GOqs) {
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___guGiK {
309
+ .Divider-module__hop-Divider--vertical___XdeKI {
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___h8U-V {
318
+ .IconList-module__hop-IconList___PD447 {
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___YJVvG {
327
+ @keyframes Spinner-module__spin___E4UfC {
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___3cMW5 {
335
+ .Spinner-module__hop-Spinner___Hx8I- {
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___YJVvG .8s infinite linear;
343
+ --hop-Spinner-fill-animation: Spinner-module__spin___E4UfC .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___IYxqw {
354
+ .Spinner-module__hop-Spinner--sm___-Ydfq {
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___b15dw {
358
+ .Spinner-module__hop-Spinner--md___e1MMW {
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___jQveE {
362
+ .Spinner-module__hop-Spinner--lg___vOL0g {
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___PLcSY {
366
+ .Spinner-module__hop-Spinner__track___EndcZ {
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___56a16 {
375
+ .Spinner-module__hop-Spinner__fill___zyDIt {
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___56a16 {
386
+ .Spinner-module__hop-Spinner__fill___zyDIt {
387
387
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
388
388
  }
389
389
  }
390
- .Spinner-module__hop-Spinner__label___k6NFF {
390
+ .Spinner-module__hop-Spinner__label___AoL-g {
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___1Mv6s {
396
+ .Button-module__hop-Button___Clogn {
397
397
  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
398
398
  --hop-Button-column-gap: var(--hop-space-inline-xs);
399
399
  --hop-Button-icon-only-column-gap: 0;
@@ -406,6 +406,12 @@
406
406
  --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
407
407
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
408
408
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
409
+ --hop-Button-text-font: var(--hop-comp-button-text-font);
410
+ --hop-Button-text-font-weight: var(--hop-comp-button-text-font-weight);
411
+ --hop-Button-text-transform: var(--hop-comp-button-text-transform);
412
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-md);
413
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-md);
414
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-md);
409
415
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
410
416
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
411
417
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
@@ -454,32 +460,38 @@
454
460
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
455
461
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
456
462
  }
457
- .Button-module__hop-Button--fluid___dnacH {
463
+ .Button-module__hop-Button--fluid___nMbmt {
458
464
  --inline-size: 100%;
459
465
  }
460
- .Button-module__hop-Button--xs___e0T0Q {
466
+ .Button-module__hop-Button--xs___nM3zL {
461
467
  --block-size: var(--hop-Button-xs-height);
462
468
  --padding: var(--hop-Button-xs-padding);
469
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-xs);
470
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-xs);
471
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-xs);
463
472
  }
464
- .Button-module__hop-Button--xs___e0T0Q[class*=--ghost] {
473
+ .Button-module__hop-Button--xs___nM3zL[class*=--ghost] {
465
474
  --padding: var(--hop-Button-ghost-xs-padding);
466
475
  }
467
- .Button-module__hop-Button--sm___BI9GF {
476
+ .Button-module__hop-Button--sm___40x6C {
468
477
  --block-size: var(--hop-Button-sm-height);
469
478
  --padding: var(--hop-Button-sm-padding);
479
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-sm);
480
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-sm);
481
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-sm);
470
482
  }
471
- .Button-module__hop-Button--sm___BI9GF[class*=--ghost] {
483
+ .Button-module__hop-Button--sm___40x6C[class*=--ghost] {
472
484
  --padding: var(--hop-Button-ghost-sm-padding);
473
485
  }
474
- .Button-module__hop-Button--md___qTgnt[class*=--ghost] {
486
+ .Button-module__hop-Button--md___PpY8X[class*=--ghost] {
475
487
  --padding: var(--hop-Button-ghost-md-padding);
476
488
  }
477
- .Button-module__hop-Button--icon-only___6NOMf {
489
+ .Button-module__hop-Button--icon-only___B-e6- {
478
490
  --column-gap: var(--hop-Button-icon-only-column-gap);
479
491
  --padding: var(--hop-Button-icon-only-padding);
480
492
  aspect-ratio: 1;
481
493
  }
482
- .Button-module__hop-Button--primary___5xiSr {
494
+ .Button-module__hop-Button--primary___bARHv {
483
495
  --background: var(--hop-comp-button-primary-background);
484
496
  --color: var(--hop-comp-button-primary-text-color);
485
497
  --icon-color: var(--hop-comp-button-primary-icon-color);
@@ -490,20 +502,20 @@
490
502
  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
491
503
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
492
504
  }
493
- .Button-module__hop-Button--primary___5xiSr[data-hovered],
494
- .Button-module__hop-Button--primary___5xiSr[data-focus-visible] {
505
+ .Button-module__hop-Button--primary___bARHv[data-hovered],
506
+ .Button-module__hop-Button--primary___bARHv[data-focus-visible] {
495
507
  --background: var(--hop-comp-button-primary-background-hover);
496
508
  --color: var(--hop-comp-button-primary-text-color-hover);
497
509
  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
498
510
  --border: var(--hop-Button-primary-border);
499
511
  }
500
- .Button-module__hop-Button--primary___5xiSr[data-pressed] {
512
+ .Button-module__hop-Button--primary___bARHv[data-pressed] {
501
513
  --background: var(--hop-comp-button-primary-background-pressed);
502
514
  --color: var(--hop-comp-button-primary-text-color-pressed);
503
515
  --icon-color: var(--hop-comp-button-primary-icon-color-press);
504
516
  --border: var(--hop-Button-primary-border);
505
517
  }
506
- .Button-module__hop-Button--secondary___-UtRf {
518
+ .Button-module__hop-Button--secondary___LU9Zd {
507
519
  --background: var(--hop-comp-button-secondary-background);
508
520
  --color: var(--hop-comp-button-secondary-text-color);
509
521
  --icon-color: var(--hop-comp-button-secondary-icon-color);
@@ -514,20 +526,20 @@
514
526
  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
515
527
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
516
528
  }
517
- .Button-module__hop-Button--secondary___-UtRf[data-hovered],
518
- .Button-module__hop-Button--secondary___-UtRf[data-focus-visible] {
529
+ .Button-module__hop-Button--secondary___LU9Zd[data-hovered],
530
+ .Button-module__hop-Button--secondary___LU9Zd[data-focus-visible] {
519
531
  --background: var(--hop-comp-button-secondary-background-hover);
520
532
  --color: var(--hop-comp-button-secondary-text-color-hover);
521
533
  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
522
534
  --border: var(--hop-Button-secondary-border);
523
535
  }
524
- .Button-module__hop-Button--secondary___-UtRf[data-pressed] {
536
+ .Button-module__hop-Button--secondary___LU9Zd[data-pressed] {
525
537
  --background: var(--hop-comp-button-secondary-background-pressed);
526
538
  --color: var(--hop-comp-button-secondary-text-color-pressed);
527
539
  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
528
540
  --border: var(--hop-Button-secondary-border);
529
541
  }
530
- .Button-module__hop-Button--upsell___agh4J {
542
+ .Button-module__hop-Button--upsell___5ZUnz {
531
543
  --background: var(--hop-comp-button-upsell-background);
532
544
  --color: var(--hop-comp-button-upsell-text-color);
533
545
  --icon-color: var(--hop-comp-button-upsell-icon-color);
@@ -538,20 +550,20 @@
538
550
  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
539
551
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
540
552
  }
541
- .Button-module__hop-Button--upsell___agh4J[data-hovered],
542
- .Button-module__hop-Button--upsell___agh4J[data-focus-visible] {
553
+ .Button-module__hop-Button--upsell___5ZUnz[data-hovered],
554
+ .Button-module__hop-Button--upsell___5ZUnz[data-focus-visible] {
543
555
  --background: var(--hop-comp-button-upsell-background-hover);
544
556
  --color: var(--hop-comp-button-upsell-text-color-hover);
545
557
  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
546
558
  --border: var(--hop-Button-upsell-border);
547
559
  }
548
- .Button-module__hop-Button--upsell___agh4J[data-pressed] {
560
+ .Button-module__hop-Button--upsell___5ZUnz[data-pressed] {
549
561
  --background: var(--hop-comp-button-upsell-background-pressed);
550
562
  --color: var(--hop-comp-button-upsell-text-color-pressed);
551
563
  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
552
564
  --border: var(--hop-Button-upsell-border);
553
565
  }
554
- .Button-module__hop-Button--danger___HgS-B {
566
+ .Button-module__hop-Button--danger___fK9E9 {
555
567
  --background: var(--hop-comp-button-danger-background);
556
568
  --color: var(--hop-comp-button-danger-text-color);
557
569
  --icon-color: var(--hop-comp-button-danger-icon-color);
@@ -562,20 +574,20 @@
562
574
  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
563
575
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
564
576
  }
565
- .Button-module__hop-Button--danger___HgS-B[data-hovered],
566
- .Button-module__hop-Button--danger___HgS-B[data-focus-visible] {
577
+ .Button-module__hop-Button--danger___fK9E9[data-hovered],
578
+ .Button-module__hop-Button--danger___fK9E9[data-focus-visible] {
567
579
  --background: var(--hop-comp-button-danger-background-hover);
568
580
  --color: var(--hop-comp-button-danger-text-color-hover);
569
581
  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
570
582
  --border: var(--hop-Button-danger-border);
571
583
  }
572
- .Button-module__hop-Button--danger___HgS-B[data-pressed] {
584
+ .Button-module__hop-Button--danger___fK9E9[data-pressed] {
573
585
  --background: var(--hop-comp-button-danger-background-pressed);
574
586
  --color: var(--hop-comp-button-danger-text-color-pressed);
575
587
  --icon-color: var(--hop-comp-button-danger-icon-color-press);
576
588
  --border: var(--hop-Button-danger-border);
577
589
  }
578
- .Button-module__hop-Button--ghost-primary___JE5H4 {
590
+ .Button-module__hop-Button--ghost-primary___vgc1p {
579
591
  --background: var(--hop-comp-button-ghost-primary-background);
580
592
  --color: var(--hop-comp-button-ghost-primary-text-color);
581
593
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
@@ -586,20 +598,20 @@
586
598
  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
587
599
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
588
600
  }
589
- .Button-module__hop-Button--ghost-primary___JE5H4[data-hovered],
590
- .Button-module__hop-Button--ghost-primary___JE5H4[data-focus-visible] {
601
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-hovered],
602
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-focus-visible] {
591
603
  --background: var(--hop-comp-button-ghost-primary-background-hover);
592
604
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
593
605
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
594
606
  --border: var(--hop-Button-ghost-primary-border);
595
607
  }
596
- .Button-module__hop-Button--ghost-primary___JE5H4[data-pressed] {
608
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-pressed] {
597
609
  --background: var(--hop-comp-button-ghost-primary-background-pressed);
598
610
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
599
611
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
600
612
  --border: var(--hop-Button-ghost-primary-border);
601
613
  }
602
- .Button-module__hop-Button--ghost-secondary___SdjJj {
614
+ .Button-module__hop-Button--ghost-secondary___BMTmr {
603
615
  --background: var(--hop-comp-button-ghost-secondary-background);
604
616
  --color: var(--hop-comp-button-ghost-secondary-text-color);
605
617
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
@@ -610,20 +622,20 @@
610
622
  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
611
623
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
612
624
  }
613
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-hovered],
614
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-focus-visible] {
625
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-hovered],
626
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-focus-visible] {
615
627
  --background: var(--hop-comp-button-ghost-secondary-background-hover);
616
628
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
617
629
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
618
630
  --border: var(--hop-Button-ghost-secondary-border);
619
631
  }
620
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-pressed] {
632
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-pressed] {
621
633
  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
622
634
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
623
635
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
624
636
  --border: var(--hop-Button-ghost-secondary-border);
625
637
  }
626
- .Button-module__hop-Button--ghost-danger___140nt {
638
+ .Button-module__hop-Button--ghost-danger___PM-4Q {
627
639
  --background: var(--hop-comp-button-ghost-danger-background);
628
640
  --color: var(--hop-comp-button-ghost-danger-text-color);
629
641
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
@@ -634,138 +646,143 @@
634
646
  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
635
647
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
636
648
  }
637
- .Button-module__hop-Button--ghost-danger___140nt[data-hovered],
638
- .Button-module__hop-Button--ghost-danger___140nt[data-focus-visible] {
649
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-hovered],
650
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-focus-visible] {
639
651
  --background: var(--hop-comp-button-ghost-danger-background-hover);
640
652
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
641
653
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
642
654
  --border: var(--hop-Button-ghost-danger-border);
643
655
  }
644
- .Button-module__hop-Button--ghost-danger___140nt[data-pressed] {
656
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-pressed] {
645
657
  --background: var(--hop-comp-button-ghost-danger-background-pressed);
646
658
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
647
659
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
648
660
  --border: var(--hop-Button-ghost-danger-border);
649
661
  }
650
- .Button-module__hop-Button___1Mv6s[data-focus-visible] {
662
+ .Button-module__hop-Button___Clogn[data-focus-visible] {
651
663
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
652
664
  }
653
- .Button-module__hop-Button___1Mv6s[data-disabled],
654
- .Button-module__hop-Button--loading___dNX9q {
665
+ .Button-module__hop-Button___Clogn[data-disabled],
666
+ .Button-module__hop-Button--loading___xX48D {
655
667
  cursor: not-allowed;
656
668
  }
657
- .Button-module__hop-Button___1Mv6s[data-disabled] {
669
+ .Button-module__hop-Button___Clogn[data-disabled] {
658
670
  --color: var(--hop-comp-button-text-color-disabled);
659
671
  --icon-color: var(--hop-comp-button-icon-color-disabled);
660
672
  }
661
- .Button-module__hop-Button--primary___5xiSr[data-disabled] {
673
+ .Button-module__hop-Button--primary___bARHv[data-disabled] {
662
674
  --background: var(--hop-comp-button-primary-background-disabled);
663
675
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
664
676
  }
665
- .Button-module__hop-Button--secondary___-UtRf[data-disabled] {
677
+ .Button-module__hop-Button--secondary___LU9Zd[data-disabled] {
666
678
  --background: var(--hop-comp-button-secondary-background-disabled);
667
679
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
668
680
  }
669
- .Button-module__hop-Button--upsell___agh4J[data-disabled] {
681
+ .Button-module__hop-Button--upsell___5ZUnz[data-disabled] {
670
682
  --background: var(--hop-comp-button-upsell-background-disabled);
671
683
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
672
684
  }
673
- .Button-module__hop-Button--danger___HgS-B[data-disabled] {
685
+ .Button-module__hop-Button--danger___fK9E9[data-disabled] {
674
686
  --background: var(--hop-comp-button-danger-background-disabled);
675
687
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
676
688
  }
677
- .Button-module__hop-Button--ghost-primary___JE5H4[data-disabled] {
689
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-disabled] {
678
690
  --background: var(--hop-comp-button-ghost-primary-background-disabled);
679
691
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
680
692
  }
681
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-disabled] {
693
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-disabled] {
682
694
  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
683
695
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
684
696
  }
685
- .Button-module__hop-Button--ghost-danger___140nt[data-disabled] {
697
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-disabled] {
686
698
  --background: var(--hop-comp-button-ghost-danger-background-disabled);
687
699
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
688
700
  }
689
- .Button-module__hop-Button--loading___dNX9q {
701
+ .Button-module__hop-Button--loading___xX48D {
690
702
  background: var(--background-loading);
691
703
  color: var(--color-loading);
692
704
  border-color: var(--border-color-loading);
693
705
  box-shadow: var(--box-shadow-loading);
694
706
  }
695
- .Button-module__hop-Button__Spinner___044v1 {
707
+ .Button-module__hop-Button__Spinner___vImpw {
696
708
  position: absolute;
697
709
  }
698
- .Button-module__hop-Button__icon___6nvVm,
699
- .Button-module__hop-Button__icon-list___ND5K4 {
710
+ .Button-module__hop-Button__icon___JhRs1,
711
+ .Button-module__hop-Button__icon-list___HQj6P {
700
712
  flex: 0 0 auto;
701
713
  justify-self: end;
702
714
  order: 1;
703
715
  color: var(--icon-color);
704
716
  }
705
- .Button-module__hop-Button__text___ETlgz {
717
+ .Button-module__hop-Button__text___GoBv0 {
706
718
  user-select: none;
707
719
  overflow: visible;
708
720
  flex: 0 1 auto;
709
721
  order: 2;
710
- font-weight: var(--hop-font-weight-505);
722
+ font-family: var(--hop-Button-text-font);
723
+ font-size: var(--hop-Button-text-font-size);
724
+ font-weight: var(--hop-Button-text-font-weight);
725
+ line-height: var(--hop-Button-text-line-height);
726
+ letter-spacing: var(--hop-Button-text-letter-spacing);
711
727
  text-decoration: none;
728
+ text-transform: var(--hop-Button-text-transform);
712
729
  text-wrap: nowrap;
713
730
  }
714
- .Button-module__hop-Button__end-icon___au2Lr,
715
- .Button-module__hop-Button__end-icon-list___pPZwI {
731
+ .Button-module__hop-Button__end-icon___E3P85,
732
+ .Button-module__hop-Button__end-icon-list___nVVmU {
716
733
  flex: 0 0 auto;
717
734
  order: 3;
718
735
  color: var(--icon-color);
719
736
  }
720
- .Button-module__hop-Button___1Mv6s .Button-module__hop-Button__icon-list___ND5K4,
721
- .Button-module__hop-Button___1Mv6s .Button-module__hop-Button__end-icon-list___pPZwI {
737
+ .Button-module__hop-Button___Clogn .Button-module__hop-Button__icon-list___HQj6P,
738
+ .Button-module__hop-Button___Clogn .Button-module__hop-Button__end-icon-list___nVVmU {
722
739
  flex-wrap: nowrap;
723
740
  }
724
- .Button-module__hop-Button--loading___dNX9q.Button-module__hop-Button___1Mv6s > *:not(.Button-module__hop-Button__Spinner___044v1) {
741
+ .Button-module__hop-Button--loading___xX48D.Button-module__hop-Button___Clogn > *:not(.Button-module__hop-Button__Spinner___vImpw) {
725
742
  opacity: 0;
726
743
  }
727
744
 
728
745
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
729
- .ButtonGroup-module__hop-ButtonGroup___NHZQu {
746
+ .ButtonGroup-module__hop-ButtonGroup___awGRI {
730
747
  display: inline-flex;
731
748
  flex-wrap: nowrap;
732
749
  gap: var(--hop-space-inline-md);
733
750
  }
734
- .ButtonGroup-module__hop-ButtonGroup--horizontal___-EV5E {
751
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___B3puN {
735
752
  align-items: center;
736
753
  }
737
- .ButtonGroup-module__hop-ButtonGroup--vertical___ESy4u {
754
+ .ButtonGroup-module__hop-ButtonGroup--vertical___y1qH9 {
738
755
  flex-direction: column;
739
756
  gap: var(--hop-space-stack-md);
740
757
  justify-content: center;
741
758
  }
742
- .ButtonGroup-module__hop-ButtonGroup--start___CXjKP.ButtonGroup-module__hop-ButtonGroup--vertical___ESy4u {
759
+ .ButtonGroup-module__hop-ButtonGroup--start___rKOGI.ButtonGroup-module__hop-ButtonGroup--vertical___y1qH9 {
743
760
  align-items: flex-start;
744
761
  }
745
- .ButtonGroup-module__hop-ButtonGroup--center___fxo-3.ButtonGroup-module__hop-ButtonGroup--vertical___ESy4u {
762
+ .ButtonGroup-module__hop-ButtonGroup--center___U076P.ButtonGroup-module__hop-ButtonGroup--vertical___y1qH9 {
746
763
  align-items: center;
747
764
  }
748
- .ButtonGroup-module__hop-ButtonGroup--end___tmVD6.ButtonGroup-module__hop-ButtonGroup--vertical___ESy4u {
765
+ .ButtonGroup-module__hop-ButtonGroup--end___ZVuR7.ButtonGroup-module__hop-ButtonGroup--vertical___y1qH9 {
749
766
  align-items: flex-end;
750
767
  }
751
- .ButtonGroup-module__hop-ButtonGroup--start___CXjKP.ButtonGroup-module__hop-ButtonGroup--horizontal___-EV5E {
768
+ .ButtonGroup-module__hop-ButtonGroup--start___rKOGI.ButtonGroup-module__hop-ButtonGroup--horizontal___B3puN {
752
769
  justify-content: flex-start;
753
770
  }
754
- .ButtonGroup-module__hop-ButtonGroup--center___fxo-3.ButtonGroup-module__hop-ButtonGroup--horizontal___-EV5E {
771
+ .ButtonGroup-module__hop-ButtonGroup--center___U076P.ButtonGroup-module__hop-ButtonGroup--horizontal___B3puN {
755
772
  justify-content: center;
756
773
  }
757
- .ButtonGroup-module__hop-ButtonGroup--end___tmVD6.ButtonGroup-module__hop-ButtonGroup--horizontal___-EV5E {
774
+ .ButtonGroup-module__hop-ButtonGroup--end___ZVuR7.ButtonGroup-module__hop-ButtonGroup--horizontal___B3puN {
758
775
  justify-content: flex-end;
759
776
  }
760
- .ButtonGroup-module__hop-ButtonGroup--wrap___11Yy7 {
777
+ .ButtonGroup-module__hop-ButtonGroup--wrap___RZw6M {
761
778
  flex-wrap: wrap;
762
779
  }
763
- .ButtonGroup-module__hop-ButtonGroup--fluid___YDjII {
780
+ .ButtonGroup-module__hop-ButtonGroup--fluid___rvD-3 {
764
781
  inline-size: 100%;
765
782
  }
766
783
 
767
784
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
768
- .EmbeddedButton-module__hop-EmbeddedButton___hrRM5 {
785
+ .EmbeddedButton-module__hop-EmbeddedButton___OaK8F {
769
786
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
770
787
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
771
788
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -929,7 +946,7 @@
929
946
  outline: none;
930
947
  transition: color var(--transition);
931
948
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton___hrRM5::before {
949
+ .EmbeddedButton-module__hop-EmbeddedButton___OaK8F::before {
933
950
  content: "";
934
951
  position: absolute;
935
952
  inset-block-start: 50%;
@@ -942,284 +959,284 @@
942
959
  border-radius: var(--effect-border-radius);
943
960
  transition: background-color var(--transition);
944
961
  }
945
- .EmbeddedButton-module__hop-EmbeddedButton___hrRM5[data-square] {
962
+ .EmbeddedButton-module__hop-EmbeddedButton___OaK8F[data-square] {
946
963
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
947
964
  }
948
- .EmbeddedButton-module__hop-EmbeddedButton--md___8CkP- {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--md___OT7fp {
949
966
  --inline-size: var(--hop-EmbeddedButton-md-width);
950
967
  --block-size: var(--hop-EmbeddedButton-md-height);
951
968
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
952
969
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton--lg___RbHsl {
970
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___l5PjI {
954
971
  --inline-size: var(--hop-EmbeddedButton-lg-width);
955
972
  --block-size: var(--hop-EmbeddedButton-lg-height);
956
973
  --focus-ring-offset: 0;
957
974
  }
958
- .EmbeddedButton-module__hop-EmbeddedButton--md___8CkP-::before {
975
+ .EmbeddedButton-module__hop-EmbeddedButton--md___OT7fp::before {
959
976
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
960
977
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
961
978
  }
962
- .EmbeddedButton-module__hop-EmbeddedButton--lg___RbHsl::before {
979
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___l5PjI::before {
963
980
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
964
981
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
965
982
  }
966
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-6L1n {
983
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___0tNeq {
967
984
  --color: var(--hop-EmbeddedButton-neutral-color);
968
985
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
969
986
  }
970
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___5RgQS {
987
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___IGgq4 {
971
988
  --color: var(--hop-EmbeddedButton-subdued-color);
972
989
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
973
990
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--progress___uJPhK {
991
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___1FqLC {
975
992
  --color: var(--hop-EmbeddedButton-progress-color);
976
993
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
977
994
  }
978
- .EmbeddedButton-module__hop-EmbeddedButton--positive___86JJS {
995
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___-3kuE {
979
996
  --color: var(--hop-EmbeddedButton-positive-color);
980
997
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
981
998
  }
982
- .EmbeddedButton-module__hop-EmbeddedButton--caution___8Bgjh {
999
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qNADN {
983
1000
  --color: var(--hop-EmbeddedButton-caution-color);
984
1001
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
985
1002
  }
986
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4zsWl {
1003
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XdWQN {
987
1004
  --color: var(--hop-EmbeddedButton-negative-color);
988
1005
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
989
1006
  }
990
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ra8tY {
1007
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___W0u8K {
991
1008
  --color: var(--hop-EmbeddedButton-option1-color);
992
1009
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
993
1010
  }
994
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ZhU2y {
1011
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___y1zBI {
995
1012
  --color: var(--hop-EmbeddedButton-option2-color);
996
1013
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
997
1014
  }
998
- .EmbeddedButton-module__hop-EmbeddedButton--option3___E27SK {
1015
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___kRZoO {
999
1016
  --color: var(--hop-EmbeddedButton-option3-color);
1000
1017
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1001
1018
  }
1002
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rDe8i {
1019
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___CFOtM {
1003
1020
  --color: var(--hop-EmbeddedButton-option4-color);
1004
1021
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1005
1022
  }
1006
- .EmbeddedButton-module__hop-EmbeddedButton--option5___onIH- {
1023
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___pgZtg {
1007
1024
  --color: var(--hop-EmbeddedButton-option5-color);
1008
1025
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1009
1026
  }
1010
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-E9aB {
1027
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___naAbL {
1011
1028
  --color: var(--hop-EmbeddedButton-option6-color);
1012
1029
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1013
1030
  }
1014
- .EmbeddedButton-module__hop-EmbeddedButton___hrRM5[data-selected] {
1031
+ .EmbeddedButton-module__hop-EmbeddedButton___OaK8F[data-selected] {
1015
1032
  --color: var(--hop-EmbeddedButton-selected-color);
1016
1033
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1017
1034
  }
1018
- .EmbeddedButton-module__hop-EmbeddedButton___hrRM5[data-focus-visible] {
1035
+ .EmbeddedButton-module__hop-EmbeddedButton___OaK8F[data-focus-visible] {
1019
1036
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1020
1037
  outline-offset: var(--focus-ring-offset);
1021
1038
  }
1022
- .EmbeddedButton-module__hop-EmbeddedButton___hrRM5[data-disabled] {
1039
+ .EmbeddedButton-module__hop-EmbeddedButton___OaK8F[data-disabled] {
1023
1040
  cursor: not-allowed;
1024
1041
  }
1025
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-6L1n[data-hovered] {
1042
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___0tNeq[data-hovered] {
1026
1043
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1027
1044
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1028
1045
  }
1029
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-6L1n[data-focus-visible] {
1046
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___0tNeq[data-focus-visible] {
1030
1047
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1031
1048
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1032
1049
  }
1033
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-6L1n[data-pressed] {
1050
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___0tNeq[data-pressed] {
1034
1051
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1035
1052
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1036
1053
  }
1037
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-6L1n[data-disabled] {
1054
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___0tNeq[data-disabled] {
1038
1055
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1039
1056
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1040
1057
  }
1041
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___5RgQS[data-hovered] {
1058
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___IGgq4[data-hovered] {
1042
1059
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1043
1060
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1044
1061
  }
1045
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___5RgQS[data-focus-visible] {
1062
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___IGgq4[data-focus-visible] {
1046
1063
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1047
1064
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1048
1065
  }
1049
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___5RgQS[data-pressed] {
1066
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___IGgq4[data-pressed] {
1050
1067
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1051
1068
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1052
1069
  }
1053
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___5RgQS[data-disabled] {
1070
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___IGgq4[data-disabled] {
1054
1071
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1055
1072
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1056
1073
  }
1057
- .EmbeddedButton-module__hop-EmbeddedButton--progress___uJPhK[data-hovered] {
1074
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___1FqLC[data-hovered] {
1058
1075
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1059
1076
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1060
1077
  }
1061
- .EmbeddedButton-module__hop-EmbeddedButton--progress___uJPhK[data-focus-visible] {
1078
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___1FqLC[data-focus-visible] {
1062
1079
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1063
1080
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1064
1081
  }
1065
- .EmbeddedButton-module__hop-EmbeddedButton--progress___uJPhK[data-pressed] {
1082
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___1FqLC[data-pressed] {
1066
1083
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1067
1084
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1068
1085
  }
1069
- .EmbeddedButton-module__hop-EmbeddedButton--progress___uJPhK[data-disabled] {
1086
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___1FqLC[data-disabled] {
1070
1087
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1071
1088
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1072
1089
  }
1073
- .EmbeddedButton-module__hop-EmbeddedButton--positive___86JJS[data-hovered] {
1090
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___-3kuE[data-hovered] {
1074
1091
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1075
1092
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1076
1093
  }
1077
- .EmbeddedButton-module__hop-EmbeddedButton--positive___86JJS[data-focus-visible] {
1094
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___-3kuE[data-focus-visible] {
1078
1095
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1079
1096
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1080
1097
  }
1081
- .EmbeddedButton-module__hop-EmbeddedButton--positive___86JJS[data-pressed] {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___-3kuE[data-pressed] {
1082
1099
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1083
1100
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1084
1101
  }
1085
- .EmbeddedButton-module__hop-EmbeddedButton--positive___86JJS[data-disabled] {
1102
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___-3kuE[data-disabled] {
1086
1103
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1087
1104
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1088
1105
  }
1089
- .EmbeddedButton-module__hop-EmbeddedButton--caution___8Bgjh[data-hovered] {
1106
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qNADN[data-hovered] {
1090
1107
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1091
1108
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1092
1109
  }
1093
- .EmbeddedButton-module__hop-EmbeddedButton--caution___8Bgjh[data-focus-visible] {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qNADN[data-focus-visible] {
1094
1111
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1095
1112
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1096
1113
  }
1097
- .EmbeddedButton-module__hop-EmbeddedButton--caution___8Bgjh[data-pressed] {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qNADN[data-pressed] {
1098
1115
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1099
1116
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1100
1117
  }
1101
- .EmbeddedButton-module__hop-EmbeddedButton--caution___8Bgjh[data-disabled] {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qNADN[data-disabled] {
1102
1119
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1103
1120
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1104
1121
  }
1105
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4zsWl[data-hovered] {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XdWQN[data-hovered] {
1106
1123
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1107
1124
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1108
1125
  }
1109
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4zsWl[data-focus-visible] {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XdWQN[data-focus-visible] {
1110
1127
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1111
1128
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1112
1129
  }
1113
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4zsWl[data-pressed] {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XdWQN[data-pressed] {
1114
1131
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1115
1132
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1116
1133
  }
1117
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4zsWl[data-disabled] {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XdWQN[data-disabled] {
1118
1135
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1119
1136
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1120
1137
  }
1121
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ra8tY[data-hovered] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___W0u8K[data-hovered] {
1122
1139
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1123
1140
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1124
1141
  }
1125
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ra8tY[data-focus-visible] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___W0u8K[data-focus-visible] {
1126
1143
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1127
1144
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1128
1145
  }
1129
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ra8tY[data-pressed] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___W0u8K[data-pressed] {
1130
1147
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1131
1148
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1132
1149
  }
1133
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ra8tY[data-disabled] {
1150
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___W0u8K[data-disabled] {
1134
1151
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1135
1152
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1136
1153
  }
1137
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ZhU2y[data-hovered] {
1154
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___y1zBI[data-hovered] {
1138
1155
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1139
1156
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1140
1157
  }
1141
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ZhU2y[data-focus-visible] {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___y1zBI[data-focus-visible] {
1142
1159
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1143
1160
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1144
1161
  }
1145
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ZhU2y[data-pressed] {
1162
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___y1zBI[data-pressed] {
1146
1163
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1147
1164
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1148
1165
  }
1149
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ZhU2y[data-disabled] {
1166
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___y1zBI[data-disabled] {
1150
1167
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1151
1168
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1152
1169
  }
1153
- .EmbeddedButton-module__hop-EmbeddedButton--option3___E27SK[data-hovered] {
1170
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___kRZoO[data-hovered] {
1154
1171
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1155
1172
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1156
1173
  }
1157
- .EmbeddedButton-module__hop-EmbeddedButton--option3___E27SK[data-focus-visible] {
1174
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___kRZoO[data-focus-visible] {
1158
1175
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1159
1176
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1160
1177
  }
1161
- .EmbeddedButton-module__hop-EmbeddedButton--option3___E27SK[data-pressed] {
1178
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___kRZoO[data-pressed] {
1162
1179
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1163
1180
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1164
1181
  }
1165
- .EmbeddedButton-module__hop-EmbeddedButton--option3___E27SK[data-disabled] {
1182
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___kRZoO[data-disabled] {
1166
1183
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1167
1184
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1168
1185
  }
1169
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rDe8i[data-hovered] {
1186
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___CFOtM[data-hovered] {
1170
1187
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1171
1188
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1172
1189
  }
1173
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rDe8i[data-focus-visible] {
1190
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___CFOtM[data-focus-visible] {
1174
1191
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1175
1192
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1176
1193
  }
1177
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rDe8i[data-pressed] {
1194
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___CFOtM[data-pressed] {
1178
1195
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1179
1196
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1180
1197
  }
1181
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rDe8i[data-disabled] {
1198
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___CFOtM[data-disabled] {
1182
1199
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1183
1200
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1184
1201
  }
1185
- .EmbeddedButton-module__hop-EmbeddedButton--option5___onIH-[data-hovered] {
1202
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___pgZtg[data-hovered] {
1186
1203
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1187
1204
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1188
1205
  }
1189
- .EmbeddedButton-module__hop-EmbeddedButton--option5___onIH-[data-focus-visible] {
1206
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___pgZtg[data-focus-visible] {
1190
1207
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1191
1208
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1192
1209
  }
1193
- .EmbeddedButton-module__hop-EmbeddedButton--option5___onIH-[data-pressed] {
1210
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___pgZtg[data-pressed] {
1194
1211
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1195
1212
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1196
1213
  }
1197
- .EmbeddedButton-module__hop-EmbeddedButton--option5___onIH-[data-disabled] {
1214
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___pgZtg[data-disabled] {
1198
1215
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1199
1216
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1200
1217
  }
1201
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-E9aB[data-hovered] {
1218
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___naAbL[data-hovered] {
1202
1219
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1203
1220
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1204
1221
  }
1205
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-E9aB[data-focus-visible] {
1222
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___naAbL[data-focus-visible] {
1206
1223
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1207
1224
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1208
1225
  }
1209
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-E9aB[data-pressed] {
1226
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___naAbL[data-pressed] {
1210
1227
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1211
1228
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1212
1229
  }
1213
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-E9aB[data-disabled] {
1230
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___naAbL[data-disabled] {
1214
1231
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1215
1232
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1216
1233
  }
1217
- .EmbeddedButton-module__hop-EmbeddedButton__icon___YLHsG {
1234
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___-1QGV {
1218
1235
  position: relative;
1219
1236
  }
1220
1237
 
1221
1238
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1222
- button.CloseButton-module__hop-CloseButton___Exm3g {
1239
+ button.CloseButton-module__hop-CloseButton___20vvR {
1223
1240
  --hop-CloseButton-margin-top: 0rem;
1224
1241
  --hop-CloseButton-padding: 0rem;
1225
1242
  --hop-CloseButton-width: fit-content;
@@ -1233,7 +1250,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1233
1250
  }
1234
1251
 
1235
1252
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1236
- .Button-module__hop-Button___1Mv6s {
1253
+ .Button-module__hop-Button___Clogn {
1237
1254
  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1238
1255
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1239
1256
  --hop-Button-icon-only-column-gap: 0;
@@ -1246,6 +1263,12 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1246
1263
  --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1247
1264
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1248
1265
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1266
+ --hop-Button-text-font: var(--hop-comp-button-text-font);
1267
+ --hop-Button-text-font-weight: var(--hop-comp-button-text-font-weight);
1268
+ --hop-Button-text-transform: var(--hop-comp-button-text-transform);
1269
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-md);
1270
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-md);
1271
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-md);
1249
1272
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1250
1273
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1251
1274
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
@@ -1294,32 +1317,38 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1294
1317
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1295
1318
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1296
1319
  }
1297
- .Button-module__hop-Button--fluid___dnacH {
1320
+ .Button-module__hop-Button--fluid___nMbmt {
1298
1321
  --inline-size: 100%;
1299
1322
  }
1300
- .Button-module__hop-Button--xs___e0T0Q {
1323
+ .Button-module__hop-Button--xs___nM3zL {
1301
1324
  --block-size: var(--hop-Button-xs-height);
1302
1325
  --padding: var(--hop-Button-xs-padding);
1326
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-xs);
1327
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-xs);
1328
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-xs);
1303
1329
  }
1304
- .Button-module__hop-Button--xs___e0T0Q[class*=--ghost] {
1330
+ .Button-module__hop-Button--xs___nM3zL[class*=--ghost] {
1305
1331
  --padding: var(--hop-Button-ghost-xs-padding);
1306
1332
  }
1307
- .Button-module__hop-Button--sm___BI9GF {
1333
+ .Button-module__hop-Button--sm___40x6C {
1308
1334
  --block-size: var(--hop-Button-sm-height);
1309
1335
  --padding: var(--hop-Button-sm-padding);
1336
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-sm);
1337
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-sm);
1338
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-sm);
1310
1339
  }
1311
- .Button-module__hop-Button--sm___BI9GF[class*=--ghost] {
1340
+ .Button-module__hop-Button--sm___40x6C[class*=--ghost] {
1312
1341
  --padding: var(--hop-Button-ghost-sm-padding);
1313
1342
  }
1314
- .Button-module__hop-Button--md___qTgnt[class*=--ghost] {
1343
+ .Button-module__hop-Button--md___PpY8X[class*=--ghost] {
1315
1344
  --padding: var(--hop-Button-ghost-md-padding);
1316
1345
  }
1317
- .Button-module__hop-Button--icon-only___6NOMf {
1346
+ .Button-module__hop-Button--icon-only___B-e6- {
1318
1347
  --column-gap: var(--hop-Button-icon-only-column-gap);
1319
1348
  --padding: var(--hop-Button-icon-only-padding);
1320
1349
  aspect-ratio: 1;
1321
1350
  }
1322
- .Button-module__hop-Button--primary___5xiSr {
1351
+ .Button-module__hop-Button--primary___bARHv {
1323
1352
  --background: var(--hop-comp-button-primary-background);
1324
1353
  --color: var(--hop-comp-button-primary-text-color);
1325
1354
  --icon-color: var(--hop-comp-button-primary-icon-color);
@@ -1330,20 +1359,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1330
1359
  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1331
1360
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1332
1361
  }
1333
- .Button-module__hop-Button--primary___5xiSr[data-hovered],
1334
- .Button-module__hop-Button--primary___5xiSr[data-focus-visible] {
1362
+ .Button-module__hop-Button--primary___bARHv[data-hovered],
1363
+ .Button-module__hop-Button--primary___bARHv[data-focus-visible] {
1335
1364
  --background: var(--hop-comp-button-primary-background-hover);
1336
1365
  --color: var(--hop-comp-button-primary-text-color-hover);
1337
1366
  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1338
1367
  --border: var(--hop-Button-primary-border);
1339
1368
  }
1340
- .Button-module__hop-Button--primary___5xiSr[data-pressed] {
1369
+ .Button-module__hop-Button--primary___bARHv[data-pressed] {
1341
1370
  --background: var(--hop-comp-button-primary-background-pressed);
1342
1371
  --color: var(--hop-comp-button-primary-text-color-pressed);
1343
1372
  --icon-color: var(--hop-comp-button-primary-icon-color-press);
1344
1373
  --border: var(--hop-Button-primary-border);
1345
1374
  }
1346
- .Button-module__hop-Button--secondary___-UtRf {
1375
+ .Button-module__hop-Button--secondary___LU9Zd {
1347
1376
  --background: var(--hop-comp-button-secondary-background);
1348
1377
  --color: var(--hop-comp-button-secondary-text-color);
1349
1378
  --icon-color: var(--hop-comp-button-secondary-icon-color);
@@ -1354,20 +1383,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1354
1383
  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1355
1384
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1356
1385
  }
1357
- .Button-module__hop-Button--secondary___-UtRf[data-hovered],
1358
- .Button-module__hop-Button--secondary___-UtRf[data-focus-visible] {
1386
+ .Button-module__hop-Button--secondary___LU9Zd[data-hovered],
1387
+ .Button-module__hop-Button--secondary___LU9Zd[data-focus-visible] {
1359
1388
  --background: var(--hop-comp-button-secondary-background-hover);
1360
1389
  --color: var(--hop-comp-button-secondary-text-color-hover);
1361
1390
  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1362
1391
  --border: var(--hop-Button-secondary-border);
1363
1392
  }
1364
- .Button-module__hop-Button--secondary___-UtRf[data-pressed] {
1393
+ .Button-module__hop-Button--secondary___LU9Zd[data-pressed] {
1365
1394
  --background: var(--hop-comp-button-secondary-background-pressed);
1366
1395
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1367
1396
  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1368
1397
  --border: var(--hop-Button-secondary-border);
1369
1398
  }
1370
- .Button-module__hop-Button--upsell___agh4J {
1399
+ .Button-module__hop-Button--upsell___5ZUnz {
1371
1400
  --background: var(--hop-comp-button-upsell-background);
1372
1401
  --color: var(--hop-comp-button-upsell-text-color);
1373
1402
  --icon-color: var(--hop-comp-button-upsell-icon-color);
@@ -1378,20 +1407,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1378
1407
  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1379
1408
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1380
1409
  }
1381
- .Button-module__hop-Button--upsell___agh4J[data-hovered],
1382
- .Button-module__hop-Button--upsell___agh4J[data-focus-visible] {
1410
+ .Button-module__hop-Button--upsell___5ZUnz[data-hovered],
1411
+ .Button-module__hop-Button--upsell___5ZUnz[data-focus-visible] {
1383
1412
  --background: var(--hop-comp-button-upsell-background-hover);
1384
1413
  --color: var(--hop-comp-button-upsell-text-color-hover);
1385
1414
  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1386
1415
  --border: var(--hop-Button-upsell-border);
1387
1416
  }
1388
- .Button-module__hop-Button--upsell___agh4J[data-pressed] {
1417
+ .Button-module__hop-Button--upsell___5ZUnz[data-pressed] {
1389
1418
  --background: var(--hop-comp-button-upsell-background-pressed);
1390
1419
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1391
1420
  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1392
1421
  --border: var(--hop-Button-upsell-border);
1393
1422
  }
1394
- .Button-module__hop-Button--danger___HgS-B {
1423
+ .Button-module__hop-Button--danger___fK9E9 {
1395
1424
  --background: var(--hop-comp-button-danger-background);
1396
1425
  --color: var(--hop-comp-button-danger-text-color);
1397
1426
  --icon-color: var(--hop-comp-button-danger-icon-color);
@@ -1402,20 +1431,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1402
1431
  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1403
1432
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1404
1433
  }
1405
- .Button-module__hop-Button--danger___HgS-B[data-hovered],
1406
- .Button-module__hop-Button--danger___HgS-B[data-focus-visible] {
1434
+ .Button-module__hop-Button--danger___fK9E9[data-hovered],
1435
+ .Button-module__hop-Button--danger___fK9E9[data-focus-visible] {
1407
1436
  --background: var(--hop-comp-button-danger-background-hover);
1408
1437
  --color: var(--hop-comp-button-danger-text-color-hover);
1409
1438
  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1410
1439
  --border: var(--hop-Button-danger-border);
1411
1440
  }
1412
- .Button-module__hop-Button--danger___HgS-B[data-pressed] {
1441
+ .Button-module__hop-Button--danger___fK9E9[data-pressed] {
1413
1442
  --background: var(--hop-comp-button-danger-background-pressed);
1414
1443
  --color: var(--hop-comp-button-danger-text-color-pressed);
1415
1444
  --icon-color: var(--hop-comp-button-danger-icon-color-press);
1416
1445
  --border: var(--hop-Button-danger-border);
1417
1446
  }
1418
- .Button-module__hop-Button--ghost-primary___JE5H4 {
1447
+ .Button-module__hop-Button--ghost-primary___vgc1p {
1419
1448
  --background: var(--hop-comp-button-ghost-primary-background);
1420
1449
  --color: var(--hop-comp-button-ghost-primary-text-color);
1421
1450
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
@@ -1426,20 +1455,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1426
1455
  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1427
1456
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1428
1457
  }
1429
- .Button-module__hop-Button--ghost-primary___JE5H4[data-hovered],
1430
- .Button-module__hop-Button--ghost-primary___JE5H4[data-focus-visible] {
1458
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-hovered],
1459
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-focus-visible] {
1431
1460
  --background: var(--hop-comp-button-ghost-primary-background-hover);
1432
1461
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1433
1462
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1434
1463
  --border: var(--hop-Button-ghost-primary-border);
1435
1464
  }
1436
- .Button-module__hop-Button--ghost-primary___JE5H4[data-pressed] {
1465
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-pressed] {
1437
1466
  --background: var(--hop-comp-button-ghost-primary-background-pressed);
1438
1467
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1439
1468
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1440
1469
  --border: var(--hop-Button-ghost-primary-border);
1441
1470
  }
1442
- .Button-module__hop-Button--ghost-secondary___SdjJj {
1471
+ .Button-module__hop-Button--ghost-secondary___BMTmr {
1443
1472
  --background: var(--hop-comp-button-ghost-secondary-background);
1444
1473
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1445
1474
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
@@ -1450,20 +1479,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1450
1479
  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1451
1480
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1452
1481
  }
1453
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-hovered],
1454
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-focus-visible] {
1482
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-hovered],
1483
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-focus-visible] {
1455
1484
  --background: var(--hop-comp-button-ghost-secondary-background-hover);
1456
1485
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1457
1486
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1458
1487
  --border: var(--hop-Button-ghost-secondary-border);
1459
1488
  }
1460
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-pressed] {
1489
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-pressed] {
1461
1490
  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1462
1491
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1463
1492
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1464
1493
  --border: var(--hop-Button-ghost-secondary-border);
1465
1494
  }
1466
- .Button-module__hop-Button--ghost-danger___140nt {
1495
+ .Button-module__hop-Button--ghost-danger___PM-4Q {
1467
1496
  --background: var(--hop-comp-button-ghost-danger-background);
1468
1497
  --color: var(--hop-comp-button-ghost-danger-text-color);
1469
1498
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
@@ -1474,137 +1503,142 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1474
1503
  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1475
1504
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1476
1505
  }
1477
- .Button-module__hop-Button--ghost-danger___140nt[data-hovered],
1478
- .Button-module__hop-Button--ghost-danger___140nt[data-focus-visible] {
1506
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-hovered],
1507
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-focus-visible] {
1479
1508
  --background: var(--hop-comp-button-ghost-danger-background-hover);
1480
1509
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1481
1510
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1482
1511
  --border: var(--hop-Button-ghost-danger-border);
1483
1512
  }
1484
- .Button-module__hop-Button--ghost-danger___140nt[data-pressed] {
1513
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-pressed] {
1485
1514
  --background: var(--hop-comp-button-ghost-danger-background-pressed);
1486
1515
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1487
1516
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1488
1517
  --border: var(--hop-Button-ghost-danger-border);
1489
1518
  }
1490
- .Button-module__hop-Button___1Mv6s[data-focus-visible] {
1519
+ .Button-module__hop-Button___Clogn[data-focus-visible] {
1491
1520
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1492
1521
  }
1493
- .Button-module__hop-Button___1Mv6s[data-disabled],
1494
- .Button-module__hop-Button--loading___dNX9q {
1522
+ .Button-module__hop-Button___Clogn[data-disabled],
1523
+ .Button-module__hop-Button--loading___xX48D {
1495
1524
  cursor: not-allowed;
1496
1525
  }
1497
- .Button-module__hop-Button___1Mv6s[data-disabled] {
1526
+ .Button-module__hop-Button___Clogn[data-disabled] {
1498
1527
  --color: var(--hop-comp-button-text-color-disabled);
1499
1528
  --icon-color: var(--hop-comp-button-icon-color-disabled);
1500
1529
  }
1501
- .Button-module__hop-Button--primary___5xiSr[data-disabled] {
1530
+ .Button-module__hop-Button--primary___bARHv[data-disabled] {
1502
1531
  --background: var(--hop-comp-button-primary-background-disabled);
1503
1532
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1504
1533
  }
1505
- .Button-module__hop-Button--secondary___-UtRf[data-disabled] {
1534
+ .Button-module__hop-Button--secondary___LU9Zd[data-disabled] {
1506
1535
  --background: var(--hop-comp-button-secondary-background-disabled);
1507
1536
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1508
1537
  }
1509
- .Button-module__hop-Button--upsell___agh4J[data-disabled] {
1538
+ .Button-module__hop-Button--upsell___5ZUnz[data-disabled] {
1510
1539
  --background: var(--hop-comp-button-upsell-background-disabled);
1511
1540
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1512
1541
  }
1513
- .Button-module__hop-Button--danger___HgS-B[data-disabled] {
1542
+ .Button-module__hop-Button--danger___fK9E9[data-disabled] {
1514
1543
  --background: var(--hop-comp-button-danger-background-disabled);
1515
1544
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1516
1545
  }
1517
- .Button-module__hop-Button--ghost-primary___JE5H4[data-disabled] {
1546
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-disabled] {
1518
1547
  --background: var(--hop-comp-button-ghost-primary-background-disabled);
1519
1548
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1520
1549
  }
1521
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-disabled] {
1550
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-disabled] {
1522
1551
  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1523
1552
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1524
1553
  }
1525
- .Button-module__hop-Button--ghost-danger___140nt[data-disabled] {
1554
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-disabled] {
1526
1555
  --background: var(--hop-comp-button-ghost-danger-background-disabled);
1527
1556
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1528
1557
  }
1529
- .Button-module__hop-Button--loading___dNX9q {
1558
+ .Button-module__hop-Button--loading___xX48D {
1530
1559
  background: var(--background-loading);
1531
1560
  color: var(--color-loading);
1532
1561
  border-color: var(--border-color-loading);
1533
1562
  box-shadow: var(--box-shadow-loading);
1534
1563
  }
1535
- .Button-module__hop-Button__Spinner___044v1 {
1564
+ .Button-module__hop-Button__Spinner___vImpw {
1536
1565
  position: absolute;
1537
1566
  }
1538
- .Button-module__hop-Button__icon___6nvVm,
1539
- .Button-module__hop-Button__icon-list___ND5K4 {
1567
+ .Button-module__hop-Button__icon___JhRs1,
1568
+ .Button-module__hop-Button__icon-list___HQj6P {
1540
1569
  flex: 0 0 auto;
1541
1570
  justify-self: end;
1542
1571
  order: 1;
1543
1572
  color: var(--icon-color);
1544
1573
  }
1545
- .Button-module__hop-Button__text___ETlgz {
1574
+ .Button-module__hop-Button__text___GoBv0 {
1546
1575
  user-select: none;
1547
1576
  overflow: visible;
1548
1577
  flex: 0 1 auto;
1549
1578
  order: 2;
1550
- font-weight: var(--hop-font-weight-505);
1579
+ font-family: var(--hop-Button-text-font);
1580
+ font-size: var(--hop-Button-text-font-size);
1581
+ font-weight: var(--hop-Button-text-font-weight);
1582
+ line-height: var(--hop-Button-text-line-height);
1583
+ letter-spacing: var(--hop-Button-text-letter-spacing);
1551
1584
  text-decoration: none;
1585
+ text-transform: var(--hop-Button-text-transform);
1552
1586
  text-wrap: nowrap;
1553
1587
  }
1554
- .Button-module__hop-Button__end-icon___au2Lr,
1555
- .Button-module__hop-Button__end-icon-list___pPZwI {
1588
+ .Button-module__hop-Button__end-icon___E3P85,
1589
+ .Button-module__hop-Button__end-icon-list___nVVmU {
1556
1590
  flex: 0 0 auto;
1557
1591
  order: 3;
1558
1592
  color: var(--icon-color);
1559
1593
  }
1560
- .Button-module__hop-Button___1Mv6s .Button-module__hop-Button__icon-list___ND5K4,
1561
- .Button-module__hop-Button___1Mv6s .Button-module__hop-Button__end-icon-list___pPZwI {
1594
+ .Button-module__hop-Button___Clogn .Button-module__hop-Button__icon-list___HQj6P,
1595
+ .Button-module__hop-Button___Clogn .Button-module__hop-Button__end-icon-list___nVVmU {
1562
1596
  flex-wrap: nowrap;
1563
1597
  }
1564
- .Button-module__hop-Button--loading___dNX9q.Button-module__hop-Button___1Mv6s > *:not(.Button-module__hop-Button__Spinner___044v1) {
1598
+ .Button-module__hop-Button--loading___xX48D.Button-module__hop-Button___Clogn > *:not(.Button-module__hop-Button__Spinner___vImpw) {
1565
1599
  opacity: 0;
1566
1600
  }
1567
- .LinkButton-module__hop-LinkButton___HfD-r {
1601
+ .LinkButton-module__hop-LinkButton___yr8Ni {
1568
1602
  }
1569
- .LinkButton-module__hop-LinkButton--fluid___R2-Mq {
1603
+ .LinkButton-module__hop-LinkButton--fluid___-GQDh {
1570
1604
  }
1571
- .LinkButton-module__hop-LinkButton--xs___0XfTw {
1605
+ .LinkButton-module__hop-LinkButton--xs___jlrCo {
1572
1606
  }
1573
- .LinkButton-module__hop-LinkButton--sm___683Tv {
1607
+ .LinkButton-module__hop-LinkButton--sm___GnXEV {
1574
1608
  }
1575
- .LinkButton-module__hop-LinkButton--icon-only___9MwtR {
1609
+ .LinkButton-module__hop-LinkButton--icon-only___kZAa5 {
1576
1610
  }
1577
- .LinkButton-module__hop-LinkButton--primary___J1rmb {
1611
+ .LinkButton-module__hop-LinkButton--primary___BZ-5Z {
1578
1612
  }
1579
- .LinkButton-module__hop-LinkButton--secondary___KyEkI {
1613
+ .LinkButton-module__hop-LinkButton--secondary___y4GtS {
1580
1614
  }
1581
- .LinkButton-module__hop-LinkButton--upsell___F2VKm {
1615
+ .LinkButton-module__hop-LinkButton--upsell___bFeV3 {
1582
1616
  }
1583
- .LinkButton-module__hop-LinkButton--danger___Q5299 {
1617
+ .LinkButton-module__hop-LinkButton--danger___RDERP {
1584
1618
  }
1585
- .LinkButton-module__hop-LinkButton--ghost-primary___gBbbq {
1619
+ .LinkButton-module__hop-LinkButton--ghost-primary___mxYoF {
1586
1620
  }
1587
- .LinkButton-module__hop-LinkButton--ghost-secondary___b4Dud {
1621
+ .LinkButton-module__hop-LinkButton--ghost-secondary___towj3 {
1588
1622
  }
1589
- .LinkButton-module__hop-LinkButton--ghost-danger___63K0C {
1623
+ .LinkButton-module__hop-LinkButton--ghost-danger___iH8oF {
1590
1624
  }
1591
- .LinkButton-module__hop-LinkButton__Spinner___9Ayt9 {
1625
+ .LinkButton-module__hop-LinkButton__Spinner___A1ShF {
1592
1626
  }
1593
- .LinkButton-module__hop-LinkButton__icon___5qADn,
1594
- .LinkButton-module__hop-LinkButton__icon-list___IxAUF {
1627
+ .LinkButton-module__hop-LinkButton__icon___tm-yF,
1628
+ .LinkButton-module__hop-LinkButton__icon-list___Pt3rW {
1595
1629
  }
1596
- .LinkButton-module__hop-LinkButton__text___rZ0-f {
1630
+ .LinkButton-module__hop-LinkButton__text___jIFB9 {
1597
1631
  }
1598
- .LinkButton-module__hop-LinkButton__end-icon___kwuZy,
1599
- .LinkButton-module__hop-LinkButton__end-icon-list___KlBZW {
1632
+ .LinkButton-module__hop-LinkButton__end-icon___tnKTk,
1633
+ .LinkButton-module__hop-LinkButton__end-icon-list___kg93I {
1600
1634
  }
1601
- .LinkButton-module__hop-LinkButton___HfD-r .LinkButton-module__hop-LinkButton__icon-list___IxAUF,
1602
- .LinkButton-module__hop-LinkButton___HfD-r .LinkButton-module__hop-LinkButton__end-icon-list___KlBZW {
1635
+ .LinkButton-module__hop-LinkButton___yr8Ni .LinkButton-module__hop-LinkButton__icon-list___Pt3rW,
1636
+ .LinkButton-module__hop-LinkButton___yr8Ni .LinkButton-module__hop-LinkButton__end-icon-list___kg93I {
1603
1637
  flex-wrap: nowrap;
1604
1638
  }
1605
1639
 
1606
1640
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1607
- .Button-module__hop-Button___1Mv6s {
1641
+ .Button-module__hop-Button___Clogn {
1608
1642
  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1609
1643
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1610
1644
  --hop-Button-icon-only-column-gap: 0;
@@ -1617,6 +1651,12 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1617
1651
  --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1618
1652
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1619
1653
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1654
+ --hop-Button-text-font: var(--hop-comp-button-text-font);
1655
+ --hop-Button-text-font-weight: var(--hop-comp-button-text-font-weight);
1656
+ --hop-Button-text-transform: var(--hop-comp-button-text-transform);
1657
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-md);
1658
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-md);
1659
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-md);
1620
1660
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1621
1661
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1622
1662
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
@@ -1665,32 +1705,38 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1665
1705
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1666
1706
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1667
1707
  }
1668
- .Button-module__hop-Button--fluid___dnacH {
1708
+ .Button-module__hop-Button--fluid___nMbmt {
1669
1709
  --inline-size: 100%;
1670
1710
  }
1671
- .Button-module__hop-Button--xs___e0T0Q {
1711
+ .Button-module__hop-Button--xs___nM3zL {
1672
1712
  --block-size: var(--hop-Button-xs-height);
1673
1713
  --padding: var(--hop-Button-xs-padding);
1714
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-xs);
1715
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-xs);
1716
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-xs);
1674
1717
  }
1675
- .Button-module__hop-Button--xs___e0T0Q[class*=--ghost] {
1718
+ .Button-module__hop-Button--xs___nM3zL[class*=--ghost] {
1676
1719
  --padding: var(--hop-Button-ghost-xs-padding);
1677
1720
  }
1678
- .Button-module__hop-Button--sm___BI9GF {
1721
+ .Button-module__hop-Button--sm___40x6C {
1679
1722
  --block-size: var(--hop-Button-sm-height);
1680
1723
  --padding: var(--hop-Button-sm-padding);
1724
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-sm);
1725
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-sm);
1726
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-sm);
1681
1727
  }
1682
- .Button-module__hop-Button--sm___BI9GF[class*=--ghost] {
1728
+ .Button-module__hop-Button--sm___40x6C[class*=--ghost] {
1683
1729
  --padding: var(--hop-Button-ghost-sm-padding);
1684
1730
  }
1685
- .Button-module__hop-Button--md___qTgnt[class*=--ghost] {
1731
+ .Button-module__hop-Button--md___PpY8X[class*=--ghost] {
1686
1732
  --padding: var(--hop-Button-ghost-md-padding);
1687
1733
  }
1688
- .Button-module__hop-Button--icon-only___6NOMf {
1734
+ .Button-module__hop-Button--icon-only___B-e6- {
1689
1735
  --column-gap: var(--hop-Button-icon-only-column-gap);
1690
1736
  --padding: var(--hop-Button-icon-only-padding);
1691
1737
  aspect-ratio: 1;
1692
1738
  }
1693
- .Button-module__hop-Button--primary___5xiSr {
1739
+ .Button-module__hop-Button--primary___bARHv {
1694
1740
  --background: var(--hop-comp-button-primary-background);
1695
1741
  --color: var(--hop-comp-button-primary-text-color);
1696
1742
  --icon-color: var(--hop-comp-button-primary-icon-color);
@@ -1701,20 +1747,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1701
1747
  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1702
1748
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1703
1749
  }
1704
- .Button-module__hop-Button--primary___5xiSr[data-hovered],
1705
- .Button-module__hop-Button--primary___5xiSr[data-focus-visible] {
1750
+ .Button-module__hop-Button--primary___bARHv[data-hovered],
1751
+ .Button-module__hop-Button--primary___bARHv[data-focus-visible] {
1706
1752
  --background: var(--hop-comp-button-primary-background-hover);
1707
1753
  --color: var(--hop-comp-button-primary-text-color-hover);
1708
1754
  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1709
1755
  --border: var(--hop-Button-primary-border);
1710
1756
  }
1711
- .Button-module__hop-Button--primary___5xiSr[data-pressed] {
1757
+ .Button-module__hop-Button--primary___bARHv[data-pressed] {
1712
1758
  --background: var(--hop-comp-button-primary-background-pressed);
1713
1759
  --color: var(--hop-comp-button-primary-text-color-pressed);
1714
1760
  --icon-color: var(--hop-comp-button-primary-icon-color-press);
1715
1761
  --border: var(--hop-Button-primary-border);
1716
1762
  }
1717
- .Button-module__hop-Button--secondary___-UtRf {
1763
+ .Button-module__hop-Button--secondary___LU9Zd {
1718
1764
  --background: var(--hop-comp-button-secondary-background);
1719
1765
  --color: var(--hop-comp-button-secondary-text-color);
1720
1766
  --icon-color: var(--hop-comp-button-secondary-icon-color);
@@ -1725,20 +1771,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1725
1771
  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1726
1772
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1727
1773
  }
1728
- .Button-module__hop-Button--secondary___-UtRf[data-hovered],
1729
- .Button-module__hop-Button--secondary___-UtRf[data-focus-visible] {
1774
+ .Button-module__hop-Button--secondary___LU9Zd[data-hovered],
1775
+ .Button-module__hop-Button--secondary___LU9Zd[data-focus-visible] {
1730
1776
  --background: var(--hop-comp-button-secondary-background-hover);
1731
1777
  --color: var(--hop-comp-button-secondary-text-color-hover);
1732
1778
  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1733
1779
  --border: var(--hop-Button-secondary-border);
1734
1780
  }
1735
- .Button-module__hop-Button--secondary___-UtRf[data-pressed] {
1781
+ .Button-module__hop-Button--secondary___LU9Zd[data-pressed] {
1736
1782
  --background: var(--hop-comp-button-secondary-background-pressed);
1737
1783
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1738
1784
  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1739
1785
  --border: var(--hop-Button-secondary-border);
1740
1786
  }
1741
- .Button-module__hop-Button--upsell___agh4J {
1787
+ .Button-module__hop-Button--upsell___5ZUnz {
1742
1788
  --background: var(--hop-comp-button-upsell-background);
1743
1789
  --color: var(--hop-comp-button-upsell-text-color);
1744
1790
  --icon-color: var(--hop-comp-button-upsell-icon-color);
@@ -1749,20 +1795,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1749
1795
  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1750
1796
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1751
1797
  }
1752
- .Button-module__hop-Button--upsell___agh4J[data-hovered],
1753
- .Button-module__hop-Button--upsell___agh4J[data-focus-visible] {
1798
+ .Button-module__hop-Button--upsell___5ZUnz[data-hovered],
1799
+ .Button-module__hop-Button--upsell___5ZUnz[data-focus-visible] {
1754
1800
  --background: var(--hop-comp-button-upsell-background-hover);
1755
1801
  --color: var(--hop-comp-button-upsell-text-color-hover);
1756
1802
  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1757
1803
  --border: var(--hop-Button-upsell-border);
1758
1804
  }
1759
- .Button-module__hop-Button--upsell___agh4J[data-pressed] {
1805
+ .Button-module__hop-Button--upsell___5ZUnz[data-pressed] {
1760
1806
  --background: var(--hop-comp-button-upsell-background-pressed);
1761
1807
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1762
1808
  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1763
1809
  --border: var(--hop-Button-upsell-border);
1764
1810
  }
1765
- .Button-module__hop-Button--danger___HgS-B {
1811
+ .Button-module__hop-Button--danger___fK9E9 {
1766
1812
  --background: var(--hop-comp-button-danger-background);
1767
1813
  --color: var(--hop-comp-button-danger-text-color);
1768
1814
  --icon-color: var(--hop-comp-button-danger-icon-color);
@@ -1773,20 +1819,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1773
1819
  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1774
1820
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1775
1821
  }
1776
- .Button-module__hop-Button--danger___HgS-B[data-hovered],
1777
- .Button-module__hop-Button--danger___HgS-B[data-focus-visible] {
1822
+ .Button-module__hop-Button--danger___fK9E9[data-hovered],
1823
+ .Button-module__hop-Button--danger___fK9E9[data-focus-visible] {
1778
1824
  --background: var(--hop-comp-button-danger-background-hover);
1779
1825
  --color: var(--hop-comp-button-danger-text-color-hover);
1780
1826
  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1781
1827
  --border: var(--hop-Button-danger-border);
1782
1828
  }
1783
- .Button-module__hop-Button--danger___HgS-B[data-pressed] {
1829
+ .Button-module__hop-Button--danger___fK9E9[data-pressed] {
1784
1830
  --background: var(--hop-comp-button-danger-background-pressed);
1785
1831
  --color: var(--hop-comp-button-danger-text-color-pressed);
1786
1832
  --icon-color: var(--hop-comp-button-danger-icon-color-press);
1787
1833
  --border: var(--hop-Button-danger-border);
1788
1834
  }
1789
- .Button-module__hop-Button--ghost-primary___JE5H4 {
1835
+ .Button-module__hop-Button--ghost-primary___vgc1p {
1790
1836
  --background: var(--hop-comp-button-ghost-primary-background);
1791
1837
  --color: var(--hop-comp-button-ghost-primary-text-color);
1792
1838
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
@@ -1797,20 +1843,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1797
1843
  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1798
1844
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1799
1845
  }
1800
- .Button-module__hop-Button--ghost-primary___JE5H4[data-hovered],
1801
- .Button-module__hop-Button--ghost-primary___JE5H4[data-focus-visible] {
1846
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-hovered],
1847
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-focus-visible] {
1802
1848
  --background: var(--hop-comp-button-ghost-primary-background-hover);
1803
1849
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1804
1850
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1805
1851
  --border: var(--hop-Button-ghost-primary-border);
1806
1852
  }
1807
- .Button-module__hop-Button--ghost-primary___JE5H4[data-pressed] {
1853
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-pressed] {
1808
1854
  --background: var(--hop-comp-button-ghost-primary-background-pressed);
1809
1855
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1810
1856
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1811
1857
  --border: var(--hop-Button-ghost-primary-border);
1812
1858
  }
1813
- .Button-module__hop-Button--ghost-secondary___SdjJj {
1859
+ .Button-module__hop-Button--ghost-secondary___BMTmr {
1814
1860
  --background: var(--hop-comp-button-ghost-secondary-background);
1815
1861
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1816
1862
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
@@ -1821,20 +1867,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1821
1867
  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1822
1868
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1823
1869
  }
1824
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-hovered],
1825
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-focus-visible] {
1870
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-hovered],
1871
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-focus-visible] {
1826
1872
  --background: var(--hop-comp-button-ghost-secondary-background-hover);
1827
1873
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1828
1874
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1829
1875
  --border: var(--hop-Button-ghost-secondary-border);
1830
1876
  }
1831
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-pressed] {
1877
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-pressed] {
1832
1878
  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1833
1879
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1834
1880
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1835
1881
  --border: var(--hop-Button-ghost-secondary-border);
1836
1882
  }
1837
- .Button-module__hop-Button--ghost-danger___140nt {
1883
+ .Button-module__hop-Button--ghost-danger___PM-4Q {
1838
1884
  --background: var(--hop-comp-button-ghost-danger-background);
1839
1885
  --color: var(--hop-comp-button-ghost-danger-text-color);
1840
1886
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
@@ -1845,186 +1891,191 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1845
1891
  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1846
1892
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1847
1893
  }
1848
- .Button-module__hop-Button--ghost-danger___140nt[data-hovered],
1849
- .Button-module__hop-Button--ghost-danger___140nt[data-focus-visible] {
1894
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-hovered],
1895
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-focus-visible] {
1850
1896
  --background: var(--hop-comp-button-ghost-danger-background-hover);
1851
1897
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1852
1898
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1853
1899
  --border: var(--hop-Button-ghost-danger-border);
1854
1900
  }
1855
- .Button-module__hop-Button--ghost-danger___140nt[data-pressed] {
1901
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-pressed] {
1856
1902
  --background: var(--hop-comp-button-ghost-danger-background-pressed);
1857
1903
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1858
1904
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1859
1905
  --border: var(--hop-Button-ghost-danger-border);
1860
1906
  }
1861
- .Button-module__hop-Button___1Mv6s[data-focus-visible] {
1907
+ .Button-module__hop-Button___Clogn[data-focus-visible] {
1862
1908
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1863
1909
  }
1864
- .Button-module__hop-Button___1Mv6s[data-disabled],
1865
- .Button-module__hop-Button--loading___dNX9q {
1910
+ .Button-module__hop-Button___Clogn[data-disabled],
1911
+ .Button-module__hop-Button--loading___xX48D {
1866
1912
  cursor: not-allowed;
1867
1913
  }
1868
- .Button-module__hop-Button___1Mv6s[data-disabled] {
1914
+ .Button-module__hop-Button___Clogn[data-disabled] {
1869
1915
  --color: var(--hop-comp-button-text-color-disabled);
1870
1916
  --icon-color: var(--hop-comp-button-icon-color-disabled);
1871
1917
  }
1872
- .Button-module__hop-Button--primary___5xiSr[data-disabled] {
1918
+ .Button-module__hop-Button--primary___bARHv[data-disabled] {
1873
1919
  --background: var(--hop-comp-button-primary-background-disabled);
1874
1920
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1875
1921
  }
1876
- .Button-module__hop-Button--secondary___-UtRf[data-disabled] {
1922
+ .Button-module__hop-Button--secondary___LU9Zd[data-disabled] {
1877
1923
  --background: var(--hop-comp-button-secondary-background-disabled);
1878
1924
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1879
1925
  }
1880
- .Button-module__hop-Button--upsell___agh4J[data-disabled] {
1926
+ .Button-module__hop-Button--upsell___5ZUnz[data-disabled] {
1881
1927
  --background: var(--hop-comp-button-upsell-background-disabled);
1882
1928
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1883
1929
  }
1884
- .Button-module__hop-Button--danger___HgS-B[data-disabled] {
1930
+ .Button-module__hop-Button--danger___fK9E9[data-disabled] {
1885
1931
  --background: var(--hop-comp-button-danger-background-disabled);
1886
1932
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1887
1933
  }
1888
- .Button-module__hop-Button--ghost-primary___JE5H4[data-disabled] {
1934
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-disabled] {
1889
1935
  --background: var(--hop-comp-button-ghost-primary-background-disabled);
1890
1936
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1891
1937
  }
1892
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-disabled] {
1938
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-disabled] {
1893
1939
  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1894
1940
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1895
1941
  }
1896
- .Button-module__hop-Button--ghost-danger___140nt[data-disabled] {
1942
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-disabled] {
1897
1943
  --background: var(--hop-comp-button-ghost-danger-background-disabled);
1898
1944
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1899
1945
  }
1900
- .Button-module__hop-Button--loading___dNX9q {
1946
+ .Button-module__hop-Button--loading___xX48D {
1901
1947
  background: var(--background-loading);
1902
1948
  color: var(--color-loading);
1903
1949
  border-color: var(--border-color-loading);
1904
1950
  box-shadow: var(--box-shadow-loading);
1905
1951
  }
1906
- .Button-module__hop-Button__Spinner___044v1 {
1952
+ .Button-module__hop-Button__Spinner___vImpw {
1907
1953
  position: absolute;
1908
1954
  }
1909
- .Button-module__hop-Button__icon___6nvVm,
1910
- .Button-module__hop-Button__icon-list___ND5K4 {
1955
+ .Button-module__hop-Button__icon___JhRs1,
1956
+ .Button-module__hop-Button__icon-list___HQj6P {
1911
1957
  flex: 0 0 auto;
1912
1958
  justify-self: end;
1913
1959
  order: 1;
1914
1960
  color: var(--icon-color);
1915
1961
  }
1916
- .Button-module__hop-Button__text___ETlgz {
1962
+ .Button-module__hop-Button__text___GoBv0 {
1917
1963
  user-select: none;
1918
1964
  overflow: visible;
1919
1965
  flex: 0 1 auto;
1920
1966
  order: 2;
1921
- font-weight: var(--hop-font-weight-505);
1967
+ font-family: var(--hop-Button-text-font);
1968
+ font-size: var(--hop-Button-text-font-size);
1969
+ font-weight: var(--hop-Button-text-font-weight);
1970
+ line-height: var(--hop-Button-text-line-height);
1971
+ letter-spacing: var(--hop-Button-text-letter-spacing);
1922
1972
  text-decoration: none;
1973
+ text-transform: var(--hop-Button-text-transform);
1923
1974
  text-wrap: nowrap;
1924
1975
  }
1925
- .Button-module__hop-Button__end-icon___au2Lr,
1926
- .Button-module__hop-Button__end-icon-list___pPZwI {
1976
+ .Button-module__hop-Button__end-icon___E3P85,
1977
+ .Button-module__hop-Button__end-icon-list___nVVmU {
1927
1978
  flex: 0 0 auto;
1928
1979
  order: 3;
1929
1980
  color: var(--icon-color);
1930
1981
  }
1931
- .Button-module__hop-Button___1Mv6s .Button-module__hop-Button__icon-list___ND5K4,
1932
- .Button-module__hop-Button___1Mv6s .Button-module__hop-Button__end-icon-list___pPZwI {
1982
+ .Button-module__hop-Button___Clogn .Button-module__hop-Button__icon-list___HQj6P,
1983
+ .Button-module__hop-Button___Clogn .Button-module__hop-Button__end-icon-list___nVVmU {
1933
1984
  flex-wrap: nowrap;
1934
1985
  }
1935
- .Button-module__hop-Button--loading___dNX9q.Button-module__hop-Button___1Mv6s > *:not(.Button-module__hop-Button__Spinner___044v1) {
1986
+ .Button-module__hop-Button--loading___xX48D.Button-module__hop-Button___Clogn > *:not(.Button-module__hop-Button__Spinner___vImpw) {
1936
1987
  opacity: 0;
1937
1988
  }
1938
- .ToggleButton-module__hop-ToggleButton___7wnt9 {
1989
+ .ToggleButton-module__hop-ToggleButton___0-psN {
1939
1990
  --hop-ToggleButton-border-size: var(--hop-space-10);
1940
1991
  }
1941
- .ToggleButton-module__hop-ToggleButton--fluid___JyfzC {
1992
+ .ToggleButton-module__hop-ToggleButton--fluid___LQgWq {
1942
1993
  }
1943
- .ToggleButton-module__hop-ToggleButton--xs___OfaP6 {
1994
+ .ToggleButton-module__hop-ToggleButton--xs___P17Kx {
1944
1995
  }
1945
- .ToggleButton-module__hop-ToggleButton--sm___EF917 {
1996
+ .ToggleButton-module__hop-ToggleButton--sm___FyITs {
1946
1997
  }
1947
- .ToggleButton-module__hop-ToggleButton--md___FXFFk {
1998
+ .ToggleButton-module__hop-ToggleButton--md___Nn5hg {
1948
1999
  }
1949
- .ToggleButton-module__hop-ToggleButton--icon-only___uq-E8 {
2000
+ .ToggleButton-module__hop-ToggleButton--icon-only___yXRn9 {
1950
2001
  }
1951
- .ToggleButton-module__hop-ToggleButton--primary___tg2ZV {
2002
+ .ToggleButton-module__hop-ToggleButton--primary___XgRFC {
1952
2003
  }
1953
- .ToggleButton-module__hop-ToggleButton--primary___tg2ZV[data-selected] {
2004
+ .ToggleButton-module__hop-ToggleButton--primary___XgRFC[data-selected] {
1954
2005
  --background: var(--hop-comp-button-primary-background-selected);
1955
2006
  --color: var(--hop-comp-button-primary-text-color-selected);
1956
2007
  --icon-color: var(--hop-comp-button-primary-icon-color-selected);
1957
2008
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
1958
2009
  }
1959
- .ToggleButton-module__hop-ToggleButton--secondary___HUx7- {
2010
+ .ToggleButton-module__hop-ToggleButton--secondary___rwCmG {
1960
2011
  }
1961
- .ToggleButton-module__hop-ToggleButton--secondary___HUx7-[data-selected] {
2012
+ .ToggleButton-module__hop-ToggleButton--secondary___rwCmG[data-selected] {
1962
2013
  --background: var(--hop-comp-button-secondary-background-selected);
1963
2014
  --color: var(--hop-comp-button-secondary-text-color-selected);
1964
2015
  --icon-color: var(--hop-comp-button-secondary-icon-color-selected);
1965
2016
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
1966
2017
  }
1967
- .ToggleButton-module__hop-ToggleButton--upsell___fbFL5 {
2018
+ .ToggleButton-module__hop-ToggleButton--upsell___DNN7S {
1968
2019
  }
1969
- .ToggleButton-module__hop-ToggleButton--upsell___fbFL5[data-selected] {
2020
+ .ToggleButton-module__hop-ToggleButton--upsell___DNN7S[data-selected] {
1970
2021
  --background: var(--hop-comp-button-upsell-background-selected);
1971
2022
  --color: var(--hop-comp-button-upsell-text-color-selected);
1972
2023
  --icon-color: var(--hop-comp-button-upsell-icon-color-selected);
1973
2024
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
1974
2025
  }
1975
- .ToggleButton-module__hop-ToggleButton--danger___857KD {
2026
+ .ToggleButton-module__hop-ToggleButton--danger___kF0GU {
1976
2027
  }
1977
- .ToggleButton-module__hop-ToggleButton--danger___857KD[data-selected] {
2028
+ .ToggleButton-module__hop-ToggleButton--danger___kF0GU[data-selected] {
1978
2029
  --background: var(--hop-comp-button-danger-background-selected);
1979
2030
  --color: var(--hop-comp-button-danger-text-color-selected);
1980
2031
  --icon-color: var(--hop-comp-button-danger-icon-color-selected);
1981
2032
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
1982
2033
  }
1983
- .ToggleButton-module__hop-ToggleButton--ghost-primary___WubZd {
2034
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___DE1iq {
1984
2035
  }
1985
- .ToggleButton-module__hop-ToggleButton--ghost-primary___WubZd[data-selected] {
2036
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___DE1iq[data-selected] {
1986
2037
  --background: var(--hop-comp-button-ghost-primary-background-selected);
1987
2038
  --color: var(--hop-comp-button-ghost-primary-text-color-selected);
1988
2039
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-selected);
1989
2040
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
1990
2041
  }
1991
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___m5txL {
2042
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___6Wm4q {
1992
2043
  }
1993
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___m5txL[data-selected] {
2044
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___6Wm4q[data-selected] {
1994
2045
  --background: var(--hop-comp-button-ghost-secondary-background-selected);
1995
2046
  --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
1996
2047
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-selected);
1997
2048
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
1998
2049
  }
1999
- .ToggleButton-module__hop-ToggleButton--ghost-danger___RNZ-- {
2050
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___5DqUD {
2000
2051
  }
2001
- .ToggleButton-module__hop-ToggleButton--ghost-danger___RNZ--[data-selected] {
2052
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___5DqUD[data-selected] {
2002
2053
  --background: var(--hop-comp-button-ghost-danger-background-selected);
2003
2054
  --color: var(--hop-comp-button-ghost-danger-text-color-selected);
2004
2055
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-selected);
2005
2056
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
2006
2057
  }
2007
- .ToggleButton-module__hop-ToggleButton--loading___cxbZw {
2058
+ .ToggleButton-module__hop-ToggleButton--loading___CGII8 {
2008
2059
  }
2009
- .ToggleButton-module__hop-ToggleButton__Spinner___U6QFt {
2060
+ .ToggleButton-module__hop-ToggleButton__Spinner___VuDoW {
2010
2061
  }
2011
- .ToggleButton-module__hop-ToggleButton__icon___5JYud,
2012
- .ToggleButton-module__hop-ToggleButton__icon-list___bXge- {
2062
+ .ToggleButton-module__hop-ToggleButton__icon___4jSpi,
2063
+ .ToggleButton-module__hop-ToggleButton__icon-list___7XBAg {
2013
2064
  }
2014
- .ToggleButton-module__hop-ToggleButton__text___ZYGSa {
2065
+ .ToggleButton-module__hop-ToggleButton__text___m2flA {
2015
2066
  }
2016
- .ToggleButton-module__hop-ToggleButton__end-icon___CvLv7,
2017
- .ToggleButton-module__hop-ToggleButton__end-icon-list___xA--e {
2067
+ .ToggleButton-module__hop-ToggleButton__end-icon___QqEsG,
2068
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___oOb2G {
2018
2069
  }
2019
- .ToggleButton-module__hop-ToggleButton__icon-list___bXge-,
2020
- .ToggleButton-module__hop-ToggleButton__end-icon-list___xA--e {
2070
+ .ToggleButton-module__hop-ToggleButton__icon-list___7XBAg,
2071
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___oOb2G {
2021
2072
  }
2022
- .ToggleButton-module__hop-ToggleButton--loading___cxbZw.ToggleButton-module__hop-ToggleButton___7wnt9 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___U6QFt) {
2073
+ .ToggleButton-module__hop-ToggleButton--loading___CGII8.ToggleButton-module__hop-ToggleButton___0-psN > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___VuDoW) {
2023
2074
  opacity: 0;
2024
2075
  }
2025
2076
 
2026
2077
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
2027
- .Link-module__hop-Link___kC82N {
2078
+ .Link-module__hop-Link___7lYSL {
2028
2079
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2029
2080
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2030
2081
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2084,130 +2135,130 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2084
2135
  outline: none;
2085
2136
  outline-offset: 0.125rem;
2086
2137
  }
2087
- :where(.Link-module__hop-Link___kC82N) {
2138
+ :where(.Link-module__hop-Link___7lYSL) {
2088
2139
  font-family: var(--font-family);
2089
2140
  font-size: var(--font-size);
2090
2141
  font-weight: var(--font-weight);
2091
2142
  line-height: var(--line-height);
2092
2143
  }
2093
- :where(.Link-module__hop-Link--xs___GsUOn) {
2144
+ :where(.Link-module__hop-Link--xs___kDm30) {
2094
2145
  --font-size: var(--hop-Link-xs-font-size);
2095
2146
  --font-family: var(--hop-Link-xs-font-family);
2096
2147
  --font-weight: var(--hop-Link-xs-font-weight);
2097
2148
  --line-height: var(--hop-Link-xs-line-height);
2098
2149
  }
2099
- :where(.Link-module__hop-Link--sm___Z9w7z) {
2150
+ :where(.Link-module__hop-Link--sm___2-xK1) {
2100
2151
  --font-size: var(--hop-Link-sm-font-size);
2101
2152
  --font-family: var(--hop-Link-sm-font-family);
2102
2153
  --font-weight: var(--hop-Link-sm-font-weight);
2103
2154
  --line-height: var(--hop-Link-sm-line-height);
2104
2155
  }
2105
- :where(.Link-module__hop-Link--md___opUI8) {
2156
+ :where(.Link-module__hop-Link--md___7lVzF) {
2106
2157
  --font-size: var(--hop-Link-md-font-size);
2107
2158
  --font-family: var(--hop-Link-md-font-family);
2108
2159
  --font-weight: var(--hop-Link-md-font-weight);
2109
2160
  --line-height: var(--hop-Link-md-line-height);
2110
2161
  }
2111
- :where(.Link-module__hop-Link--lg___g-9bv) {
2162
+ :where(.Link-module__hop-Link--lg___eZP3g) {
2112
2163
  --font-size: var(--hop-Link-lg-font-size);
2113
2164
  --font-family: var(--hop-Link-lg-font-family);
2114
2165
  --font-weight: var(--hop-Link-lg-font-weight);
2115
2166
  --line-height: var(--hop-Link-lg-line-height);
2116
2167
  }
2117
- :where(.Link-module__hop-Link--xl___HCZ1G) {
2168
+ :where(.Link-module__hop-Link--xl___teV-o) {
2118
2169
  --font-size: var(--hop-Link-xl-font-size);
2119
2170
  --font-family: var(--hop-Link-xl-font-family);
2120
2171
  --font-weight: var(--hop-Link-xl-font-weight);
2121
2172
  --line-height: var(--hop-Link-xl-line-height);
2122
2173
  }
2123
- :where(.Link-module__hop-Link--2xl___kFvUI) {
2174
+ :where(.Link-module__hop-Link--2xl___NWzvP) {
2124
2175
  --font-size: var(--hop-Link-2xl-font-size);
2125
2176
  --font-family: var(--hop-Link-2xl-font-family);
2126
2177
  --font-weight: var(--hop-Link-2xl-font-weight);
2127
2178
  --line-height: var(--hop-Link-2xl-line-height);
2128
2179
  }
2129
- :where(.Link-module__hop-Link--inherit___xGQh3) {
2180
+ :where(.Link-module__hop-Link--inherit___aEiDc) {
2130
2181
  --font-size: var(--hop-Link-inherit-size-font-size);
2131
2182
  --font-family: var(--hop-Link-inherit-size-font-family);
2132
2183
  --font-weight: var(--hop-Link-inherit-size-font-weight);
2133
2184
  --line-height: var(--hop-Link-inherit-size-line-height);
2134
2185
  }
2135
- .Link-module__hop-Link___kC82N[data-focus-visible] {
2186
+ .Link-module__hop-Link___7lYSL[data-focus-visible] {
2136
2187
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2137
2188
  }
2138
- .Link-module__hop-Link___kC82N[data-disabled] {
2189
+ .Link-module__hop-Link___7lYSL[data-disabled] {
2139
2190
  cursor: default;
2140
2191
  }
2141
- .Link-module__hop-Link--standalone___MgOMt .Link-module__hop-Link__text___kCGOA {
2192
+ .Link-module__hop-Link--standalone___RZg9j .Link-module__hop-Link__text___0tVHH {
2142
2193
  padding: var(--hop-Link-padding-standalone);
2143
2194
  }
2144
- .Link-module__hop-Link--standalone___MgOMt.Link-module__hop-Link--xs___GsUOn .Link-module__hop-Link__text___kCGOA {
2195
+ .Link-module__hop-Link--standalone___RZg9j.Link-module__hop-Link--xs___kDm30 .Link-module__hop-Link__text___0tVHH {
2145
2196
  padding: var(--hop-Link-padding-standalone-xs);
2146
2197
  }
2147
- .Link-module__hop-Link--standalone___MgOMt.Link-module__hop-Link--sm___Z9w7z .Link-module__hop-Link__text___kCGOA {
2198
+ .Link-module__hop-Link--standalone___RZg9j.Link-module__hop-Link--sm___2-xK1 .Link-module__hop-Link__text___0tVHH {
2148
2199
  padding: var(--hop-Link-padding-standalone-sm);
2149
2200
  }
2150
- .Link-module__hop-Link--standalone___MgOMt.Link-module__hop-Link--md___opUI8 .Link-module__hop-Link__text___kCGOA {
2201
+ .Link-module__hop-Link--standalone___RZg9j.Link-module__hop-Link--md___7lVzF .Link-module__hop-Link__text___0tVHH {
2151
2202
  padding: var(--hop-Link-padding-standalone-md);
2152
2203
  }
2153
- .Link-module__hop-Link--standalone___MgOMt.Link-module__hop-Link--lg___g-9bv .Link-module__hop-Link__text___kCGOA {
2204
+ .Link-module__hop-Link--standalone___RZg9j.Link-module__hop-Link--lg___eZP3g .Link-module__hop-Link__text___0tVHH {
2154
2205
  padding: var(--hop-Link-padding-standalone-lg);
2155
2206
  }
2156
- .Link-module__hop-Link--standalone___MgOMt.Link-module__hop-Link--xl___HCZ1G .Link-module__hop-Link__text___kCGOA {
2207
+ .Link-module__hop-Link--standalone___RZg9j.Link-module__hop-Link--xl___teV-o .Link-module__hop-Link__text___0tVHH {
2157
2208
  padding: var(--hop-Link-padding-standalone-xl);
2158
2209
  }
2159
- .Link-module__hop-Link--standalone___MgOMt.Link-module__hop-Link--2xl___kFvUI .Link-module__hop-Link__text___kCGOA {
2210
+ .Link-module__hop-Link--standalone___RZg9j.Link-module__hop-Link--2xl___NWzvP .Link-module__hop-Link__text___0tVHH {
2160
2211
  padding: var(--hop-Link-padding-standalone-2xl);
2161
2212
  }
2162
- .Link-module__hop-Link--quiet___RRutH[data-focus-visible],
2163
- .Link-module__hop-Link--quiet___RRutH[data-hovered],
2164
- .Link-module__hop-Link--standalone___MgOMt[data-focus-visible],
2165
- .Link-module__hop-Link--standalone___MgOMt[data-hovered] {
2213
+ .Link-module__hop-Link--quiet___7Dtj9[data-focus-visible],
2214
+ .Link-module__hop-Link--quiet___7Dtj9[data-hovered],
2215
+ .Link-module__hop-Link--standalone___RZg9j[data-focus-visible],
2216
+ .Link-module__hop-Link--standalone___RZg9j[data-hovered] {
2166
2217
  text-decoration: underline;
2167
2218
  }
2168
- .Link-module__hop-Link___kC82N:not(.Link-module__hop-Link--quiet___RRutH, .Link-module__hop-Link--standalone___MgOMt) {
2219
+ .Link-module__hop-Link___7lYSL:not(.Link-module__hop-Link--quiet___7Dtj9, .Link-module__hop-Link--standalone___RZg9j) {
2169
2220
  text-decoration: underline;
2170
2221
  }
2171
- .Link-module__hop-Link--primary___tf-ZB {
2222
+ .Link-module__hop-Link--primary___PMDdr {
2172
2223
  color: var(--hop-Link-primary-text-color);
2173
2224
  }
2174
- .Link-module__hop-Link--primary___tf-ZB[data-disabled] {
2225
+ .Link-module__hop-Link--primary___PMDdr[data-disabled] {
2175
2226
  color: var(--hop-Link-primary-text-disabled-color);
2176
2227
  }
2177
- .Link-module__hop-Link--primary___tf-ZB:not([data-disabled])[data-focus-visible],
2178
- .Link-module__hop-Link--primary___tf-ZB:not([data-disabled])[data-hovered] {
2228
+ .Link-module__hop-Link--primary___PMDdr:not([data-disabled])[data-focus-visible],
2229
+ .Link-module__hop-Link--primary___PMDdr:not([data-disabled])[data-hovered] {
2179
2230
  color: var(--hop-Link-primary-text-hover-color);
2180
2231
  }
2181
- .Link-module__hop-Link--primary___tf-ZB:not([data-disabled])[data-pressed] {
2232
+ .Link-module__hop-Link--primary___PMDdr:not([data-disabled])[data-pressed] {
2182
2233
  color: var(--hop-Link-primary-text-pressed-color);
2183
2234
  }
2184
- .Link-module__hop-Link--secondary___-FYPU {
2235
+ .Link-module__hop-Link--secondary___WLm1Z {
2185
2236
  color: var(--hop-Link-neutral-text-color);
2186
2237
  }
2187
- .Link-module__hop-Link--secondary___-FYPU[data-disabled] {
2238
+ .Link-module__hop-Link--secondary___WLm1Z[data-disabled] {
2188
2239
  color: var(--hop-Link-neutral-text-disabled-color);
2189
2240
  }
2190
- .Link-module__hop-Link--secondary___-FYPU:not([data-disabled])[data-focus-visible],
2191
- .Link-module__hop-Link--secondary___-FYPU:not([data-disabled])[data-hovered] {
2241
+ .Link-module__hop-Link--secondary___WLm1Z:not([data-disabled])[data-focus-visible],
2242
+ .Link-module__hop-Link--secondary___WLm1Z:not([data-disabled])[data-hovered] {
2192
2243
  color: var(--hop-Link-neutral-text-hover-color);
2193
2244
  }
2194
- .Link-module__hop-Link--secondary___-FYPU:not([data-disabled])[data-pressed] {
2245
+ .Link-module__hop-Link--secondary___WLm1Z:not([data-disabled])[data-pressed] {
2195
2246
  color: var(--hop-Link-neutral-text-pressed-color);
2196
2247
  }
2197
- .Link-module__hop-Link__icon___ZQHV8,
2198
- .Link-module__hop-Link__icon-list___LEiXd {
2248
+ .Link-module__hop-Link__icon___ti8fu,
2249
+ .Link-module__hop-Link__icon-list___JxHPx {
2199
2250
  order: 2;
2200
2251
  }
2201
- .Link-module__hop-Link__text___kCGOA {
2252
+ .Link-module__hop-Link__text___0tVHH {
2202
2253
  order: 1;
2203
2254
  }
2204
- .Link-module__hop-Link__start-icon___ZSvXG,
2205
- .Link-module__hop-Link__start-icon-list___IGgNu {
2255
+ .Link-module__hop-Link__start-icon___JcWkI,
2256
+ .Link-module__hop-Link__start-icon-list___9jujh {
2206
2257
  order: 0;
2207
2258
  }
2208
2259
 
2209
2260
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2210
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___ZzcHc {
2261
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___kY2CI {
2211
2262
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2212
2263
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2213
2264
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2239,52 +2290,52 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2239
2290
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2240
2291
  outline: none;
2241
2292
  }
2242
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___G16f5 {
2293
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___OjZOP {
2243
2294
  --size: var(--hop-RichIconAvatarImage-xs-size);
2244
2295
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2245
2296
  }
2246
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___h2anv {
2297
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___1Ir6a {
2247
2298
  --size: var(--hop-RichIconAvatarImage-sm-size);
2248
2299
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2249
2300
  }
2250
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___O9pAj {
2301
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___A2x7L {
2251
2302
  --size: var(--hop-RichIconAvatarImage-md-size);
2252
2303
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2253
2304
  }
2254
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___rsWd- {
2305
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___e7WAd {
2255
2306
  --size: var(--hop-RichIconAvatarImage-lg-size);
2256
2307
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2257
2308
  }
2258
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___DFk7- {
2309
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___-Esvr {
2259
2310
  --size: var(--hop-RichIconAvatarImage-xl-size);
2260
2311
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2261
2312
  }
2262
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___AUZ45 {
2313
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___5PI5b {
2263
2314
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2264
2315
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2265
2316
  }
2266
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___xGzGc {
2317
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___ZHWuP {
2267
2318
  cursor: pointer;
2268
2319
  }
2269
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___i341T {
2320
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___I85Fe {
2270
2321
  outline: 0.125rem solid var(--hop-primary-border-focus);
2271
2322
  }
2272
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___ZzcHc[data-disabled] {
2323
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___kY2CI[data-disabled] {
2273
2324
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2274
2325
  }
2275
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___vDcUO {
2326
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___jhBS- {
2276
2327
  position: relative;
2277
2328
  display: block;
2278
2329
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2279
2330
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2280
2331
  }
2281
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___ZzcHc[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___vDcUO {
2332
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___kY2CI[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___jhBS- {
2282
2333
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2283
2334
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2284
2335
  }
2285
2336
 
2286
2337
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2287
- .Avatar-module__hop-Avatar___ojFRo {
2338
+ .Avatar-module__hop-Avatar___G-Qqn {
2288
2339
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2289
2340
  --hop-Avatar-mix-blend-mode: normal;
2290
2341
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2330,73 +2381,73 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2330
2381
  border-radius: var(--hop-Avatar-border-radius);
2331
2382
  outline: none;
2332
2383
  }
2333
- .Avatar-module__hop-Avatar--xs___yYboO {
2384
+ .Avatar-module__hop-Avatar--xs___ACopx {
2334
2385
  --size: var(--hop-Avatar-xs-size);
2335
2386
  }
2336
- .Avatar-module__hop-Avatar--sm___CCJ15 {
2387
+ .Avatar-module__hop-Avatar--sm___83Avc {
2337
2388
  --size: var(--hop-Avatar-sm-size);
2338
2389
  }
2339
- .Avatar-module__hop-Avatar--md___mDMsJ {
2390
+ .Avatar-module__hop-Avatar--md___txZvE {
2340
2391
  --size: var(--hop-Avatar-md-size);
2341
2392
  }
2342
- .Avatar-module__hop-Avatar--lg___nOtKH {
2393
+ .Avatar-module__hop-Avatar--lg___8bLq7 {
2343
2394
  --size: var(--hop-Avatar-lg-size);
2344
2395
  }
2345
- .Avatar-module__hop-Avatar--xl___1OqE9 {
2396
+ .Avatar-module__hop-Avatar--xl___8tgp9 {
2346
2397
  --size: var(--hop-Avatar-xl-size);
2347
2398
  }
2348
- .Avatar-module__hop-Avatar--2xl___GOwDr {
2399
+ .Avatar-module__hop-Avatar--2xl___IpwHI {
2349
2400
  --size: var(--hop-Avatar-2xl-size);
2350
2401
  }
2351
- .Avatar-module__hop-Avatar--clickable___-pNBg {
2402
+ .Avatar-module__hop-Avatar--clickable___CevBO {
2352
2403
  cursor: pointer;
2353
2404
  }
2354
- .Avatar-module__hop-Avatar--focus-visible___8uqm1 {
2405
+ .Avatar-module__hop-Avatar--focus-visible___mkGPi {
2355
2406
  outline: 0.125rem solid var(--hop-primary-border-focus);
2356
2407
  }
2357
- .Avatar-module__hop-Avatar--decorative-option1___jLhq6 {
2408
+ .Avatar-module__hop-Avatar--decorative-option1___z5oGa {
2358
2409
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2359
2410
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2360
2411
  }
2361
- .Avatar-module__hop-Avatar--decorative-option2___efACA {
2412
+ .Avatar-module__hop-Avatar--decorative-option2___3nxm3 {
2362
2413
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2363
2414
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2364
2415
  }
2365
- .Avatar-module__hop-Avatar--decorative-option3___v9vzv {
2416
+ .Avatar-module__hop-Avatar--decorative-option3___xnFv3 {
2366
2417
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2367
2418
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2368
2419
  }
2369
- .Avatar-module__hop-Avatar--decorative-option4___JDvMx {
2420
+ .Avatar-module__hop-Avatar--decorative-option4___iTtS8 {
2370
2421
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2371
2422
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2372
2423
  }
2373
- .Avatar-module__hop-Avatar--decorative-option5___y73nv {
2424
+ .Avatar-module__hop-Avatar--decorative-option5___EgaTz {
2374
2425
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2375
2426
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2376
2427
  }
2377
- .Avatar-module__hop-Avatar--decorative-option6___12vjl {
2428
+ .Avatar-module__hop-Avatar--decorative-option6___Su442 {
2378
2429
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2379
2430
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2380
2431
  }
2381
- .Avatar-module__hop-Avatar--decorative-option7___oHyo4 {
2432
+ .Avatar-module__hop-Avatar--decorative-option7___IG-CW {
2382
2433
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2383
2434
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2384
2435
  }
2385
- .Avatar-module__hop-Avatar--decorative-option8___QIudO {
2436
+ .Avatar-module__hop-Avatar--decorative-option8___d23xP {
2386
2437
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2387
2438
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2388
2439
  }
2389
- .Avatar-module__hop-Avatar--decorative-option9___4YISV {
2440
+ .Avatar-module__hop-Avatar--decorative-option9___PIPuu {
2390
2441
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2391
2442
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2392
2443
  }
2393
- .Avatar-module__hop-Avatar___ojFRo[data-disabled] {
2444
+ .Avatar-module__hop-Avatar___G-Qqn[data-disabled] {
2394
2445
  --background-color: var(--hop-Avatar-background-color-disabled);
2395
2446
  --text-color: var(--hop-Avatar-text-color-disabled);
2396
2447
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2397
2448
  isolation: isolate;
2398
2449
  }
2399
- .Avatar-module__hop-Avatar__image___Qg6ox {
2450
+ .Avatar-module__hop-Avatar__image___1acLu {
2400
2451
  position: relative;
2401
2452
  display: block;
2402
2453
  box-sizing: border-box;
@@ -2405,12 +2456,12 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2405
2456
  object-fit: cover;
2406
2457
  mix-blend-mode: var(--mix-blend-mode);
2407
2458
  }
2408
- .Avatar-module__hop-Avatar__initials___-4ugc {
2459
+ .Avatar-module__hop-Avatar__initials___1fhwb {
2409
2460
  white-space: nowrap;
2410
2461
  }
2411
2462
 
2412
2463
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2413
- .Tooltip-module__hop-Tooltip___-wgN7 {
2464
+ .Tooltip-module__hop-Tooltip___QFLrS {
2414
2465
  --hop-Tooltip-max-inline-size: 20rem;
2415
2466
  --hop-Tooltip-slide-amount: 0.25rem;
2416
2467
  --hop-Tooltip-font-family: var(--hop-body-xs-font-family);
@@ -2434,29 +2485,29 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2434
2485
  box-shadow: var(--hop-comp-tooltip-box-shadow);
2435
2486
  overflow-wrap: anywhere;
2436
2487
  }
2437
- .Tooltip-module__hop-Tooltip--top___pbWk8 {
2488
+ .Tooltip-module__hop-Tooltip--top___dy9ic {
2438
2489
  --origin-x: 0;
2439
2490
  --origin-y: var(--hop-Tooltip-slide-amount);
2440
2491
  }
2441
- .Tooltip-module__hop-Tooltip--right___7HMw9 {
2492
+ .Tooltip-module__hop-Tooltip--right___KP8MP {
2442
2493
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2443
2494
  --origin-y: 0;
2444
2495
  }
2445
- .Tooltip-module__hop-Tooltip--bottom___TWWJ6 {
2496
+ .Tooltip-module__hop-Tooltip--bottom___HW4EX {
2446
2497
  --origin-x: 0;
2447
2498
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2448
2499
  }
2449
- .Tooltip-module__hop-Tooltip--left___UY1Ca {
2500
+ .Tooltip-module__hop-Tooltip--left___eiVHB {
2450
2501
  --origin-x: var(--hop-Tooltip-slide-amount);
2451
2502
  --origin-y: 0;
2452
2503
  }
2453
- .Tooltip-module__hop-Tooltip___-wgN7[data-entering] {
2454
- animation: Tooltip-module__slide___TbS0z 0.2s ease-out;
2504
+ .Tooltip-module__hop-Tooltip___QFLrS[data-entering] {
2505
+ animation: Tooltip-module__slide___L5-Vt 0.2s ease-out;
2455
2506
  }
2456
- .Tooltip-module__hop-Tooltip___-wgN7[data-exiting] {
2457
- animation: Tooltip-module__slide___TbS0z 0.2s ease-in reverse;
2507
+ .Tooltip-module__hop-Tooltip___QFLrS[data-exiting] {
2508
+ animation: Tooltip-module__slide___L5-Vt 0.2s ease-in reverse;
2458
2509
  }
2459
- @keyframes Tooltip-module__slide___TbS0z {
2510
+ @keyframes Tooltip-module__slide___L5-Vt {
2460
2511
  from {
2461
2512
  transform: translate(var(--origin-x), var(--origin-y));
2462
2513
  opacity: 0;
@@ -2468,44 +2519,44 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2468
2519
  }
2469
2520
 
2470
2521
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2471
- .AvatarGroup-module__hop-AvatarGroup___Bz0cq {
2522
+ .AvatarGroup-module__hop-AvatarGroup___7yaFD {
2472
2523
  --hop-AvatarGroup-display: flex;
2473
2524
  --hop-AvatarGroup-align-items: center;
2474
2525
  display: var(--hop-AvatarGroup-display);
2475
2526
  align-items: var(--hop-AvatarGroup-align-items);
2476
2527
  }
2477
- .AvatarGroup-module__hop-AvatarGroup--wrap___ad-OI {
2528
+ .AvatarGroup-module__hop-AvatarGroup--wrap___BtHfu {
2478
2529
  flex-wrap: wrap;
2479
2530
  }
2480
- .AvatarGroup-module__hop-AvatarGroup--xs___P5Hzi {
2531
+ .AvatarGroup-module__hop-AvatarGroup--xs___UuhuU {
2481
2532
  --gap: -0.125rem;
2482
2533
  }
2483
- .AvatarGroup-module__hop-AvatarGroup--sm___g71gK {
2534
+ .AvatarGroup-module__hop-AvatarGroup--sm___7yOf- {
2484
2535
  --gap: -0.25rem;
2485
2536
  }
2486
- .AvatarGroup-module__hop-AvatarGroup--md___PjjUB {
2537
+ .AvatarGroup-module__hop-AvatarGroup--md___xE-TG {
2487
2538
  --gap: -0.5rem;
2488
2539
  }
2489
- .AvatarGroup-module__hop-AvatarGroup--lg___DdyCm {
2540
+ .AvatarGroup-module__hop-AvatarGroup--lg___PZUod {
2490
2541
  --gap: -1rem;
2491
2542
  }
2492
- .AvatarGroup-module__hop-AvatarGroup--xl___RYpDo {
2543
+ .AvatarGroup-module__hop-AvatarGroup--xl___5tgee {
2493
2544
  --gap: -1rem;
2494
2545
  }
2495
- .AvatarGroup-module__hop-AvatarGroup--2xl___pXbPo {
2546
+ .AvatarGroup-module__hop-AvatarGroup--2xl___OfyOf {
2496
2547
  --gap: -2rem;
2497
2548
  }
2498
- .AvatarGroup-module__hop-AvatarGroup__avatar___8DKgl {
2549
+ .AvatarGroup-module__hop-AvatarGroup__avatar___bA6BO {
2499
2550
  margin-inline-start: var(--gap);
2500
2551
  transition: margin var(--hop-easing-duration-2);
2501
2552
  }
2502
- .AvatarGroup-module__hop-AvatarGroup__avatar___8DKgl:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___8DKgl {
2553
+ .AvatarGroup-module__hop-AvatarGroup__avatar___bA6BO:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___bA6BO {
2503
2554
  margin-inline-start: 0;
2504
2555
  }
2505
- .AvatarGroup-module__hop-AvatarGroup__avatar___8DKgl:first-child {
2556
+ .AvatarGroup-module__hop-AvatarGroup__avatar___bA6BO:first-child {
2506
2557
  margin-inline-start: 0;
2507
2558
  }
2508
- .AvatarGroup-module__hop-AvatarGroup__label___H3jG- {
2559
+ .AvatarGroup-module__hop-AvatarGroup__label___HcJnN {
2509
2560
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2510
2561
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2511
2562
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2517,7 +2568,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2517
2568
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2518
2569
  line-height: var(--hop-AvatarGroup-label-line-height);
2519
2570
  }
2520
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___3VNqs {
2571
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___tfBSl {
2521
2572
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2522
2573
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2523
2574
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2535,21 +2586,21 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2535
2586
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2536
2587
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2537
2588
  }
2538
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___3VNqs:not(:last-child) {
2589
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___tfBSl:not(:last-child) {
2539
2590
  margin-block-end: 0.25rem;
2540
2591
  }
2541
- .AvatarGroup-module__hop-AvatarGroup--start___tb-6k {
2592
+ .AvatarGroup-module__hop-AvatarGroup--start___5e0pY {
2542
2593
  justify-content: flex-start;
2543
2594
  }
2544
- .AvatarGroup-module__hop-AvatarGroup--end___u4sgp {
2595
+ .AvatarGroup-module__hop-AvatarGroup--end___2cL03 {
2545
2596
  justify-content: flex-end;
2546
2597
  }
2547
- .AvatarGroup-module__hop-AvatarGroup--center___edxMQ {
2598
+ .AvatarGroup-module__hop-AvatarGroup--center___2uWA5 {
2548
2599
  justify-content: center;
2549
2600
  }
2550
2601
 
2551
2602
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2552
- .Badge-module__hop-Badge___LvMti {
2603
+ .Badge-module__hop-Badge___8esE4 {
2553
2604
  display: inline-flex;
2554
2605
  align-items: center;
2555
2606
  justify-content: center;
@@ -2559,67 +2610,67 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2559
2610
  padding-inline: var(--hop-space-inset-sm);
2560
2611
  border-radius: var(--hop-shape-pill);
2561
2612
  }
2562
- .Badge-module__hop-Badge--primary___4-srx {
2613
+ .Badge-module__hop-Badge--primary___6pBkf {
2563
2614
  background: var(--hop-comp-badge-primary-background);
2564
2615
  color: var(--hop-comp-badge-primary-text-color);
2565
2616
  }
2566
- .Badge-module__hop-Badge--primary___4-srx[data-hovered] {
2617
+ .Badge-module__hop-Badge--primary___6pBkf[data-hovered] {
2567
2618
  background: var(--hop-comp-badge-primary-background-hover);
2568
2619
  color: var(--hop-comp-badge-primary-text-color-hover);
2569
2620
  }
2570
- .Badge-module__hop-Badge--primary___4-srx[data-pressed] {
2621
+ .Badge-module__hop-Badge--primary___6pBkf[data-pressed] {
2571
2622
  background: var(--hop-comp-badge-primary-background-press);
2572
2623
  color: var(--hop-comp-badge-primary-text-color-press);
2573
2624
  }
2574
- .Badge-module__hop-Badge--primary___4-srx[data-selected] {
2625
+ .Badge-module__hop-Badge--primary___6pBkf[data-selected] {
2575
2626
  background: var(--hop-comp-badge-primary-background-selected);
2576
2627
  color: var(--hop-comp-badge-primary-text-color-selected);
2577
2628
  }
2578
- .Badge-module__hop-Badge--secondary___ZUZ7y {
2629
+ .Badge-module__hop-Badge--secondary___2KHOZ {
2579
2630
  background: var(--hop-comp-badge-secondary-background);
2580
2631
  color: var(--hop-comp-badge-secondary-text-color);
2581
2632
  }
2582
- .Badge-module__hop-Badge--secondary___ZUZ7y[data-hovered] {
2633
+ .Badge-module__hop-Badge--secondary___2KHOZ[data-hovered] {
2583
2634
  background: var(--hop-comp-badge-secondary-background-hover);
2584
2635
  color: var(--hop-comp-badge-secondary-text-color-hover);
2585
2636
  }
2586
- .Badge-module__hop-Badge--secondary___ZUZ7y[data-pressed] {
2637
+ .Badge-module__hop-Badge--secondary___2KHOZ[data-pressed] {
2587
2638
  background: var(--hop-comp-badge-secondary-background-press);
2588
2639
  color: var(--hop-comp-badge-secondary-text-color-press);
2589
2640
  }
2590
- .Badge-module__hop-Badge--secondary___ZUZ7y[data-selected] {
2641
+ .Badge-module__hop-Badge--secondary___2KHOZ[data-selected] {
2591
2642
  background: var(--hop-comp-badge-secondary-background-selected);
2592
2643
  color: var(--hop-comp-badge-secondary-text-color-selected);
2593
2644
  }
2594
- .Badge-module__hop-Badge--subdued___zmSMS {
2645
+ .Badge-module__hop-Badge--subdued___EzhvH {
2595
2646
  background: var(--hop-comp-badge-subdued-background);
2596
2647
  color: var(--hop-comp-badge-subdued-text-color);
2597
2648
  }
2598
- .Badge-module__hop-Badge--subdued___zmSMS[data-hovered] {
2649
+ .Badge-module__hop-Badge--subdued___EzhvH[data-hovered] {
2599
2650
  background: var(--hop-comp-badge-subdued-background-hover);
2600
2651
  color: var(--hop-comp-badge-subdued-text-color-hover);
2601
2652
  }
2602
- .Badge-module__hop-Badge--subdued___zmSMS[data-pressed] {
2653
+ .Badge-module__hop-Badge--subdued___EzhvH[data-pressed] {
2603
2654
  background: var(--hop-comp-badge-subdued-background-press);
2604
2655
  color: var(--hop-comp-badge-subdued-text-color-press);
2605
2656
  }
2606
- .Badge-module__hop-Badge--subdued___zmSMS[data-selected] {
2657
+ .Badge-module__hop-Badge--subdued___EzhvH[data-selected] {
2607
2658
  background: var(--hop-comp-badge-subdued-background-selected);
2608
2659
  color: var(--hop-comp-badge-subdued-text-color-selected);
2609
2660
  }
2610
- .Badge-module__hop-Badge___LvMti[data-indeterminate] {
2661
+ .Badge-module__hop-Badge___8esE4[data-indeterminate] {
2611
2662
  border-radius: var(--hop-shape-circle);
2612
2663
  block-size: 1rem;
2613
2664
  inline-size: 1rem;
2614
2665
  padding-inline: 0;
2615
2666
  }
2616
- .Badge-module__hop-Badge___LvMti[data-disabled] {
2667
+ .Badge-module__hop-Badge___8esE4[data-disabled] {
2617
2668
  background: var(--hop-comp-badge-disabled-background);
2618
2669
  color: var(--hop-comp-badge-disabled-text-color);
2619
2670
  }
2620
2671
 
2621
2672
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2622
- .FloatingBadge-module__hop-FloatingBadge___c9u-w {
2673
+ .FloatingBadge-module__hop-FloatingBadge___a6-74 {
2623
2674
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2624
2675
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2625
2676
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2660,7 +2711,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2660
2711
  box-sizing: border-box;
2661
2712
  inline-size: max-content;
2662
2713
  }
2663
- .FloatingBadge-module__hop-FloatingBadge___c9u-w[data-placement="top right"] {
2714
+ .FloatingBadge-module__hop-FloatingBadge___a6-74[data-placement="top right"] {
2664
2715
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2665
2716
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2666
2717
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2668,11 +2719,11 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2668
2719
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2669
2720
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2670
2721
  }
2671
- .FloatingBadge-module__hop-FloatingBadge___c9u-w[data-placement="top right"][data-overlap=circular] {
2722
+ .FloatingBadge-module__hop-FloatingBadge___a6-74[data-placement="top right"][data-overlap=circular] {
2672
2723
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2673
2724
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2674
2725
  }
2675
- .FloatingBadge-module__hop-FloatingBadge___c9u-w[data-placement="top left"] {
2726
+ .FloatingBadge-module__hop-FloatingBadge___a6-74[data-placement="top left"] {
2676
2727
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2677
2728
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2678
2729
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2680,11 +2731,11 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2680
2731
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2681
2732
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2682
2733
  }
2683
- .FloatingBadge-module__hop-FloatingBadge___c9u-w[data-placement="top left"][data-overlap=circular] {
2734
+ .FloatingBadge-module__hop-FloatingBadge___a6-74[data-placement="top left"][data-overlap=circular] {
2684
2735
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2685
2736
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2686
2737
  }
2687
- .FloatingBadge-module__hop-FloatingBadge___c9u-w[data-placement="bottom right"] {
2738
+ .FloatingBadge-module__hop-FloatingBadge___a6-74[data-placement="bottom right"] {
2688
2739
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2689
2740
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2690
2741
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2692,11 +2743,11 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2692
2743
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2693
2744
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2694
2745
  }
2695
- .FloatingBadge-module__hop-FloatingBadge___c9u-w[data-placement="bottom right"][data-overlap=circular] {
2746
+ .FloatingBadge-module__hop-FloatingBadge___a6-74[data-placement="bottom right"][data-overlap=circular] {
2696
2747
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2697
2748
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2698
2749
  }
2699
- .FloatingBadge-module__hop-FloatingBadge___c9u-w[data-placement="bottom left"] {
2750
+ .FloatingBadge-module__hop-FloatingBadge___a6-74[data-placement="bottom left"] {
2700
2751
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2701
2752
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2702
2753
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2704,11 +2755,11 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2704
2755
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2705
2756
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2706
2757
  }
2707
- .FloatingBadge-module__hop-FloatingBadge___c9u-w[data-placement="bottom left"][data-overlap=circular] {
2758
+ .FloatingBadge-module__hop-FloatingBadge___a6-74[data-placement="bottom left"][data-overlap=circular] {
2708
2759
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2709
2760
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2710
2761
  }
2711
- .FloatingBadge-module__hop-FloatingBadge__badge___mh6Ru {
2762
+ .FloatingBadge-module__hop-FloatingBadge__badge___1qeJr {
2712
2763
  position: absolute;
2713
2764
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2714
2765
  transform-origin: var(--badge-transform-origin);
@@ -2716,7 +2767,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2716
2767
  }
2717
2768
 
2718
2769
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2719
- .Checkbox-module__hop-Checkbox___OUtu4 {
2770
+ .Checkbox-module__hop-Checkbox___1y77a {
2720
2771
  --hop-Checkbox-box-border-size: 0.0625rem;
2721
2772
  --hop-Checkbox-box-outline-size: 0.125rem;
2722
2773
  --hop-Checkbox-check-display: none;
@@ -2747,60 +2798,60 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2747
2798
  inline-size: max-content;
2748
2799
  max-inline-size: 100%;
2749
2800
  }
2750
- .Checkbox-module__hop-Checkbox___OUtu4[data-focus-visible] {
2801
+ .Checkbox-module__hop-Checkbox___1y77a[data-focus-visible] {
2751
2802
  --box-background-color: var(--hop-comp-mark-background-color-hover);
2752
2803
  --box-border-color: var(--hop-comp-mark-border-color-hover);
2753
2804
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
2754
2805
  --text-color: var(--hop-comp-mark-text-color-focus);
2755
2806
  --icon-color: var(--hop-comp-mark-icon-color-focus);
2756
2807
  }
2757
- .Checkbox-module__hop-Checkbox___OUtu4[data-hovered] {
2808
+ .Checkbox-module__hop-Checkbox___1y77a[data-hovered] {
2758
2809
  --box-background-color: var(--hop-comp-mark-background-color-hover);
2759
2810
  --box-border-color: var(--hop-comp-mark-border-color-hover);
2760
2811
  --text-color: var(--hop-comp-mark-text-color-hover);
2761
2812
  --icon-color: var(--hop-comp-mark-icon-color-hover);
2762
2813
  }
2763
- .Checkbox-module__hop-Checkbox___OUtu4[data-pressed] {
2814
+ .Checkbox-module__hop-Checkbox___1y77a[data-pressed] {
2764
2815
  --box-background-color: var(--hop-comp-mark-background-color-press);
2765
2816
  --box-border-color: var(--hop-comp-mark-border-color-press);
2766
2817
  --text-color: var(--hop-comp-mark-text-color-press);
2767
2818
  --icon-color: var(--hop-comp-mark-icon-color-press);
2768
2819
  }
2769
- .Checkbox-module__hop-Checkbox___OUtu4[data-selected] {
2820
+ .Checkbox-module__hop-Checkbox___1y77a[data-selected] {
2770
2821
  --box-background-color: var(--hop-comp-mark-background-color-selected);
2771
2822
  --box-border-color: var(--hop-comp-mark-border-color-selected);
2772
2823
  --check-display: var(--hop-Checkbox-check-display-selected);
2773
2824
  --text-color: var(--hop-comp-mark-text-color-selected);
2774
2825
  --icon-color: var(--hop-comp-mark-icon-color-selected);
2775
2826
  }
2776
- .Checkbox-module__hop-Checkbox___OUtu4[data-invalid] {
2827
+ .Checkbox-module__hop-Checkbox___1y77a[data-invalid] {
2777
2828
  --box-background-color: var(--hop-comp-mark-background-color);
2778
2829
  --box-border-color: var(--hop-comp-mark-border-color-error);
2779
2830
  --check-color: var(--hop-comp-mark-indicator-color-error);
2780
2831
  --text-color: var(--hop-comp-mark-text-color-error);
2781
2832
  --icon-color: var(--hop-comp-mark-icon-color-error);
2782
2833
  }
2783
- .Checkbox-module__hop-Checkbox___OUtu4[data-invalid]:where([data-focus-visible]) {
2834
+ .Checkbox-module__hop-Checkbox___1y77a[data-invalid]:where([data-focus-visible]) {
2784
2835
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
2785
2836
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
2786
2837
  }
2787
- .Checkbox-module__hop-Checkbox___OUtu4[data-invalid]:where([data-hovered]) {
2838
+ .Checkbox-module__hop-Checkbox___1y77a[data-invalid]:where([data-hovered]) {
2788
2839
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
2789
2840
  --box-border-color: var(--hop-comp-mark-border-color-error);
2790
2841
  --text-color: var(--hop-comp-mark-text-color-error-hover);
2791
2842
  --icon-color: var(--hop-comp-mark-icon-color-error-hover);
2792
2843
  }
2793
- .Checkbox-module__hop-Checkbox___OUtu4[data-invalid]:where([data-pressed]) {
2844
+ .Checkbox-module__hop-Checkbox___1y77a[data-invalid]:where([data-pressed]) {
2794
2845
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
2795
2846
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
2796
2847
  --text-color: var(--hop-comp-mark-text-color-error-press);
2797
2848
  --icon-color: var(--hop-comp-mark-icon-color-error-press);
2798
2849
  }
2799
- .Checkbox-module__hop-Checkbox___OUtu4:where([data-invalid])[data-selected] {
2850
+ .Checkbox-module__hop-Checkbox___1y77a:where([data-invalid])[data-selected] {
2800
2851
  --box-background-color: var(--hop-comp-mark-background-color-error);
2801
2852
  --box-border-color: var(--hop-comp-mark-border-color-error);
2802
2853
  }
2803
- .Checkbox-module__hop-Checkbox___OUtu4[data-disabled] {
2854
+ .Checkbox-module__hop-Checkbox___1y77a[data-disabled] {
2804
2855
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
2805
2856
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
2806
2857
  --check-color: var(--hop-comp-mark-indicator-color-disabled);
@@ -2808,25 +2859,25 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2808
2859
  --text-color: var(--hop-comp-mark-text-color-disabled);
2809
2860
  --icon-color: var(--hop-comp-mark-icon-color-disabled);
2810
2861
  }
2811
- .Checkbox-module__hop-Checkbox--sm___zzF9x {
2862
+ .Checkbox-module__hop-Checkbox--sm___dhdTj {
2812
2863
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2813
2864
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2814
2865
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2815
2866
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2816
2867
  }
2817
- .Checkbox-module__hop-Checkbox--md___S5Zk- {
2868
+ .Checkbox-module__hop-Checkbox--md___XFI1u {
2818
2869
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2819
2870
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2820
2871
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2821
2872
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2822
2873
  }
2823
- .Checkbox-module__hop-Checkbox__icon___JXHBa,
2824
- .Checkbox-module__hop-Checkbox__icon-list___8E-4V {
2874
+ .Checkbox-module__hop-Checkbox__icon___ha32Y,
2875
+ .Checkbox-module__hop-Checkbox__icon-list___D5rn1 {
2825
2876
  flex: 0 0 auto;
2826
2877
  order: 3;
2827
2878
  color: var(--icon-color);
2828
2879
  }
2829
- .Checkbox-module__hop-Checkbox__box___si7n7 {
2880
+ .Checkbox-module__hop-Checkbox__box___jWuZz {
2830
2881
  display: flex;
2831
2882
  flex: 0 0 auto;
2832
2883
  align-items: center;
@@ -2843,11 +2894,11 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2843
2894
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2844
2895
  box-shadow: var(--hop-comp-checkbox-box-shadow);
2845
2896
  }
2846
- .Checkbox-module__hop-Checkbox__check___hkgCp {
2897
+ .Checkbox-module__hop-Checkbox__check___C-Opu {
2847
2898
  display: var(--check-display);
2848
2899
  color: var(--check-color);
2849
2900
  }
2850
- .Checkbox-module__hop-Checkbox__text___mfiQn {
2901
+ .Checkbox-module__hop-Checkbox__text___fIKAm {
2851
2902
  flex: 0 1 auto;
2852
2903
  order: 2;
2853
2904
  min-inline-size: 0;
@@ -2857,7 +2908,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2857
2908
  }
2858
2909
 
2859
2910
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2860
- .CheckboxField-module__hop-CheckboxField___XwEZ9 {
2911
+ .CheckboxField-module__hop-CheckboxField___Zly1u {
2861
2912
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2862
2913
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2863
2914
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2876,29 +2927,29 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2876
2927
  inline-size: max-content;
2877
2928
  max-inline-size: 100%;
2878
2929
  }
2879
- .CheckboxField-module__hop-CheckboxField___XwEZ9[data-disabled] {
2930
+ .CheckboxField-module__hop-CheckboxField___Zly1u[data-disabled] {
2880
2931
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2881
2932
  }
2882
- .CheckboxField-module__hop-CheckboxField--sm___FT5YE {
2933
+ .CheckboxField-module__hop-CheckboxField--sm___vTXUh {
2883
2934
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2884
2935
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2885
2936
  }
2886
- .CheckboxField-module__hop-CheckboxField--md___wsW8m {
2937
+ .CheckboxField-module__hop-CheckboxField--md___cJp-i {
2887
2938
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2888
2939
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2889
2940
  }
2890
- .CheckboxField-module__hop-CheckboxField__description___Jgznb {
2941
+ .CheckboxField-module__hop-CheckboxField__description___vq7ZQ {
2891
2942
  order: 2;
2892
2943
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2893
2944
  color: var(--description-color);
2894
2945
  }
2895
- .CheckboxField-module__hop-CheckboxField___XwEZ9 .CheckboxField-module__hop-CheckboxField__checkbox___vrQ-e {
2946
+ .CheckboxField-module__hop-CheckboxField___Zly1u .CheckboxField-module__hop-CheckboxField__checkbox___b2FWv {
2896
2947
  order: 1;
2897
2948
  inline-size: 100%;
2898
2949
  }
2899
2950
 
2900
2951
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2901
- .ErrorMessage-module__hop-ErrorMessage___3tN3A {
2952
+ .ErrorMessage-module__hop-ErrorMessage___fYHrf {
2902
2953
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2903
2954
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2904
2955
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2915,13 +2966,13 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2915
2966
  line-height: var(--hop-ErrorMessage-line-height);
2916
2967
  color: var(--hop-ErrorMessage-color);
2917
2968
  }
2918
- .ErrorMessage-module__hop-ErrorMessage__icon___12xeU {
2969
+ .ErrorMessage-module__hop-ErrorMessage__icon___GmxAV {
2919
2970
  flex: 0 0 auto;
2920
2971
  align-self: flex-start;
2921
2972
  }
2922
2973
 
2923
2974
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2924
- .HelperMessage-module__hop-HelperMessage___xJ-zq {
2975
+ .HelperMessage-module__hop-HelperMessage___TCLzC {
2925
2976
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2926
2977
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2927
2978
  display: flex;
@@ -2930,13 +2981,13 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2930
2981
  box-sizing: border-box;
2931
2982
  color: var(--hop-HelperMessage-color);
2932
2983
  }
2933
- .HelperMessage-module__hop-HelperMessage__icon___DyZbW {
2984
+ .HelperMessage-module__hop-HelperMessage__icon___NB9WN {
2934
2985
  flex: 0 0 auto;
2935
2986
  align-self: flex-start;
2936
2987
  }
2937
2988
 
2938
2989
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2939
- .CheckboxGroup-module__hop-CheckboxGroup___l-Upm {
2990
+ .CheckboxGroup-module__hop-CheckboxGroup___NWT0Y {
2940
2991
  --hop-CheckboxGroup-align-items: flex-start;
2941
2992
  --hop-CheckboxGroup-justify-content: flex-start;
2942
2993
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2976,49 +3027,49 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2976
3027
  inline-size: var(--inline-size);
2977
3028
  max-inline-size: 100%;
2978
3029
  }
2979
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yKwvo {
3030
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___q7zCm {
2980
3031
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
2981
3032
  --list-border-radius: var(--hop-shape-rounded-md);
2982
3033
  }
2983
- .CheckboxGroup-module__hop-CheckboxGroup--fluid___1waaI {
3034
+ .CheckboxGroup-module__hop-CheckboxGroup--fluid___eLVVz {
2984
3035
  --inline-size: 100%;
2985
3036
  }
2986
- .CheckboxGroup-module__hop-CheckboxGroup--sm___PcMmZ {
3037
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___nl2Cv {
2987
3038
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
2988
3039
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
2989
3040
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
2990
3041
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
2991
3042
  }
2992
- .CheckboxGroup-module__hop-CheckboxGroup--md___LiG6c {
3043
+ .CheckboxGroup-module__hop-CheckboxGroup--md___T6JZN {
2993
3044
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
2994
3045
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
2995
3046
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
2996
3047
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
2997
3048
  }
2998
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yKwvo.CheckboxGroup-module__hop-CheckboxGroup--sm___PcMmZ {
3049
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___q7zCm.CheckboxGroup-module__hop-CheckboxGroup--sm___nl2Cv {
2999
3050
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
3000
3051
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
3001
3052
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
3002
3053
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
3003
3054
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
3004
3055
  }
3005
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yKwvo.CheckboxGroup-module__hop-CheckboxGroup--md___LiG6c {
3056
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___q7zCm.CheckboxGroup-module__hop-CheckboxGroup--md___T6JZN {
3006
3057
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
3007
3058
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
3008
3059
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
3009
3060
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
3010
3061
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
3011
3062
  }
3012
- .CheckboxGroup-module__hop-CheckboxGroup___l-Upm[data-orientation=horizontal] {
3063
+ .CheckboxGroup-module__hop-CheckboxGroup___NWT0Y[data-orientation=horizontal] {
3013
3064
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
3014
3065
  }
3015
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yKwvo[data-orientation=horizontal] {
3066
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___q7zCm[data-orientation=horizontal] {
3016
3067
  --flex-wrap: nowrap;
3017
3068
  }
3018
- .CheckboxGroup-module__hop-CheckboxGroup___l-Upm > .CheckboxGroup-module__hop-CheckboxGroup__label___aDv4b {
3069
+ .CheckboxGroup-module__hop-CheckboxGroup___NWT0Y > .CheckboxGroup-module__hop-CheckboxGroup__label___vN4IH {
3019
3070
  order: 1;
3020
3071
  }
3021
- .CheckboxGroup-module__hop-CheckboxGroup__list___Opad9 {
3072
+ .CheckboxGroup-module__hop-CheckboxGroup__list___qkS1I {
3022
3073
  display: flex;
3023
3074
  flex-flow: var(--flex-direction) var(--flex-wrap);
3024
3075
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3029,7 +3080,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3029
3080
  border: var(--list-border, none);
3030
3081
  border-radius: var(--list-border-radius, 0);
3031
3082
  }
3032
- .CheckboxGroup-module__hop-CheckboxGroup__list___Opad9 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fCthN {
3083
+ .CheckboxGroup-module__hop-CheckboxGroup__list___qkS1I > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___V-n4H {
3033
3084
  position: relative;
3034
3085
  flex: 0 1 auto;
3035
3086
  align-content: start;
@@ -3037,28 +3088,28 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3037
3088
  min-inline-size: 0;
3038
3089
  padding: var(--checkbox-padding, 0);
3039
3090
  }
3040
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yKwvo .CheckboxGroup-module__hop-CheckboxGroup__list___Opad9 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fCthN ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fCthN::before {
3091
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___q7zCm .CheckboxGroup-module__hop-CheckboxGroup__list___qkS1I > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___V-n4H ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___V-n4H::before {
3041
3092
  content: "";
3042
3093
  position: absolute;
3043
3094
  display: block;
3044
3095
  }
3045
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yKwvo[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Opad9 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fCthN ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fCthN::before {
3096
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___q7zCm[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___qkS1I > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___V-n4H ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___V-n4H::before {
3046
3097
  inset-block-start: 0;
3047
3098
  inset-inline: 0;
3048
3099
  border-block-start: var(--list-border, none);
3049
3100
  }
3050
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yKwvo[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Opad9 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fCthN ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fCthN::before {
3101
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___q7zCm[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___qkS1I > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___V-n4H ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___V-n4H::before {
3051
3102
  inset-block: 0;
3052
3103
  inset-inline-start: 0;
3053
3104
  border-inline-start: var(--list-border, none);
3054
3105
  }
3055
- .CheckboxGroup-module__hop-CheckboxGroup___l-Upm > .CheckboxGroup-module__hop-CheckboxGroup__error-message___YxVe9,
3056
- .CheckboxGroup-module__hop-CheckboxGroup___l-Upm > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___jbBJM {
3106
+ .CheckboxGroup-module__hop-CheckboxGroup___NWT0Y > .CheckboxGroup-module__hop-CheckboxGroup__error-message___zHfYu,
3107
+ .CheckboxGroup-module__hop-CheckboxGroup___NWT0Y > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___PmFG- {
3057
3108
  order: 3;
3058
3109
  }
3059
3110
 
3060
3111
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
3061
- .Checkbox-module__hop-Checkbox___OUtu4 {
3112
+ .Checkbox-module__hop-Checkbox___1y77a {
3062
3113
  --hop-Checkbox-box-border-size: 0.0625rem;
3063
3114
  --hop-Checkbox-box-outline-size: 0.125rem;
3064
3115
  --hop-Checkbox-check-display: none;
@@ -3089,60 +3140,60 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3089
3140
  inline-size: max-content;
3090
3141
  max-inline-size: 100%;
3091
3142
  }
3092
- .Checkbox-module__hop-Checkbox___OUtu4[data-focus-visible] {
3143
+ .Checkbox-module__hop-Checkbox___1y77a[data-focus-visible] {
3093
3144
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3094
3145
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3095
3146
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3096
3147
  --text-color: var(--hop-comp-mark-text-color-focus);
3097
3148
  --icon-color: var(--hop-comp-mark-icon-color-focus);
3098
3149
  }
3099
- .Checkbox-module__hop-Checkbox___OUtu4[data-hovered] {
3150
+ .Checkbox-module__hop-Checkbox___1y77a[data-hovered] {
3100
3151
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3101
3152
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3102
3153
  --text-color: var(--hop-comp-mark-text-color-hover);
3103
3154
  --icon-color: var(--hop-comp-mark-icon-color-hover);
3104
3155
  }
3105
- .Checkbox-module__hop-Checkbox___OUtu4[data-pressed] {
3156
+ .Checkbox-module__hop-Checkbox___1y77a[data-pressed] {
3106
3157
  --box-background-color: var(--hop-comp-mark-background-color-press);
3107
3158
  --box-border-color: var(--hop-comp-mark-border-color-press);
3108
3159
  --text-color: var(--hop-comp-mark-text-color-press);
3109
3160
  --icon-color: var(--hop-comp-mark-icon-color-press);
3110
3161
  }
3111
- .Checkbox-module__hop-Checkbox___OUtu4[data-selected] {
3162
+ .Checkbox-module__hop-Checkbox___1y77a[data-selected] {
3112
3163
  --box-background-color: var(--hop-comp-mark-background-color-selected);
3113
3164
  --box-border-color: var(--hop-comp-mark-border-color-selected);
3114
3165
  --check-display: var(--hop-Checkbox-check-display-selected);
3115
3166
  --text-color: var(--hop-comp-mark-text-color-selected);
3116
3167
  --icon-color: var(--hop-comp-mark-icon-color-selected);
3117
3168
  }
3118
- .Checkbox-module__hop-Checkbox___OUtu4[data-invalid] {
3169
+ .Checkbox-module__hop-Checkbox___1y77a[data-invalid] {
3119
3170
  --box-background-color: var(--hop-comp-mark-background-color);
3120
3171
  --box-border-color: var(--hop-comp-mark-border-color-error);
3121
3172
  --check-color: var(--hop-comp-mark-indicator-color-error);
3122
3173
  --text-color: var(--hop-comp-mark-text-color-error);
3123
3174
  --icon-color: var(--hop-comp-mark-icon-color-error);
3124
3175
  }
3125
- .Checkbox-module__hop-Checkbox___OUtu4[data-invalid]:where([data-focus-visible]) {
3176
+ .Checkbox-module__hop-Checkbox___1y77a[data-invalid]:where([data-focus-visible]) {
3126
3177
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3127
3178
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3128
3179
  }
3129
- .Checkbox-module__hop-Checkbox___OUtu4[data-invalid]:where([data-hovered]) {
3180
+ .Checkbox-module__hop-Checkbox___1y77a[data-invalid]:where([data-hovered]) {
3130
3181
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3131
3182
  --box-border-color: var(--hop-comp-mark-border-color-error);
3132
3183
  --text-color: var(--hop-comp-mark-text-color-error-hover);
3133
3184
  --icon-color: var(--hop-comp-mark-icon-color-error-hover);
3134
3185
  }
3135
- .Checkbox-module__hop-Checkbox___OUtu4[data-invalid]:where([data-pressed]) {
3186
+ .Checkbox-module__hop-Checkbox___1y77a[data-invalid]:where([data-pressed]) {
3136
3187
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
3137
3188
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
3138
3189
  --text-color: var(--hop-comp-mark-text-color-error-press);
3139
3190
  --icon-color: var(--hop-comp-mark-icon-color-error-press);
3140
3191
  }
3141
- .Checkbox-module__hop-Checkbox___OUtu4:where([data-invalid])[data-selected] {
3192
+ .Checkbox-module__hop-Checkbox___1y77a:where([data-invalid])[data-selected] {
3142
3193
  --box-background-color: var(--hop-comp-mark-background-color-error);
3143
3194
  --box-border-color: var(--hop-comp-mark-border-color-error);
3144
3195
  }
3145
- .Checkbox-module__hop-Checkbox___OUtu4[data-disabled] {
3196
+ .Checkbox-module__hop-Checkbox___1y77a[data-disabled] {
3146
3197
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
3147
3198
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
3148
3199
  --check-color: var(--hop-comp-mark-indicator-color-disabled);
@@ -3150,25 +3201,25 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3150
3201
  --text-color: var(--hop-comp-mark-text-color-disabled);
3151
3202
  --icon-color: var(--hop-comp-mark-icon-color-disabled);
3152
3203
  }
3153
- .Checkbox-module__hop-Checkbox--sm___zzF9x {
3204
+ .Checkbox-module__hop-Checkbox--sm___dhdTj {
3154
3205
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3155
3206
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3156
3207
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3157
3208
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3158
3209
  }
3159
- .Checkbox-module__hop-Checkbox--md___S5Zk- {
3210
+ .Checkbox-module__hop-Checkbox--md___XFI1u {
3160
3211
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3161
3212
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3162
3213
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3163
3214
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3164
3215
  }
3165
- .Checkbox-module__hop-Checkbox__icon___JXHBa,
3166
- .Checkbox-module__hop-Checkbox__icon-list___8E-4V {
3216
+ .Checkbox-module__hop-Checkbox__icon___ha32Y,
3217
+ .Checkbox-module__hop-Checkbox__icon-list___D5rn1 {
3167
3218
  flex: 0 0 auto;
3168
3219
  order: 3;
3169
3220
  color: var(--icon-color);
3170
3221
  }
3171
- .Checkbox-module__hop-Checkbox__box___si7n7 {
3222
+ .Checkbox-module__hop-Checkbox__box___jWuZz {
3172
3223
  display: flex;
3173
3224
  flex: 0 0 auto;
3174
3225
  align-items: center;
@@ -3185,11 +3236,11 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3185
3236
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3186
3237
  box-shadow: var(--hop-comp-checkbox-box-shadow);
3187
3238
  }
3188
- .Checkbox-module__hop-Checkbox__check___hkgCp {
3239
+ .Checkbox-module__hop-Checkbox__check___C-Opu {
3189
3240
  display: var(--check-display);
3190
3241
  color: var(--check-color);
3191
3242
  }
3192
- .Checkbox-module__hop-Checkbox__text___mfiQn {
3243
+ .Checkbox-module__hop-Checkbox__text___fIKAm {
3193
3244
  flex: 0 1 auto;
3194
3245
  order: 2;
3195
3246
  min-inline-size: 0;
@@ -3197,24 +3248,24 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3197
3248
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3198
3249
  color: var(--text-color);
3199
3250
  }
3200
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___dEmkA {
3251
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___wyxIu {
3201
3252
  }
3202
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___GgK8A {
3253
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___nnCNg {
3203
3254
  }
3204
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___9wguy {
3255
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___e5VRA {
3205
3256
  }
3206
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___-F0Jh,
3207
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___Fs9yN {
3257
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___HvWlb,
3258
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___a2iKc {
3208
3259
  }
3209
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___QWKUB {
3260
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___b-8si {
3210
3261
  }
3211
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___D5fN- {
3262
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___RSW4h {
3212
3263
  }
3213
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___V96T3 {
3264
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___CHuEf {
3214
3265
  }
3215
3266
 
3216
3267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3217
- .Radio-module__hop-Radio___ZinzZ {
3268
+ .Radio-module__hop-Radio___kwTUG {
3218
3269
  --hop-Radio-box-border-size: 0.0625rem;
3219
3270
  --hop-Radio-box-outline-size: 0.125rem;
3220
3271
  --hop-Radio-bullet-display: none;
@@ -3245,60 +3296,60 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3245
3296
  inline-size: max-content;
3246
3297
  max-inline-size: 100%;
3247
3298
  }
3248
- .Radio-module__hop-Radio___ZinzZ[data-focus-visible] {
3299
+ .Radio-module__hop-Radio___kwTUG[data-focus-visible] {
3249
3300
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3250
3301
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3251
3302
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3252
3303
  --text-color: var(--hop-comp-mark-text-color-focus);
3253
3304
  --icon-color: var(--hop-comp-mark-icon-color-focus);
3254
3305
  }
3255
- .Radio-module__hop-Radio___ZinzZ[data-hovered] {
3306
+ .Radio-module__hop-Radio___kwTUG[data-hovered] {
3256
3307
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3257
3308
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3258
3309
  --text-color: var(--hop-comp-mark-text-color-hover);
3259
3310
  --icon-color: var(--hop-comp-mark-icon-color-hover);
3260
3311
  }
3261
- .Radio-module__hop-Radio___ZinzZ[data-pressed] {
3312
+ .Radio-module__hop-Radio___kwTUG[data-pressed] {
3262
3313
  --box-background-color: var(--hop-comp-mark-background-color-press);
3263
3314
  --box-border-color: var(--hop-comp-mark-border-color-press);
3264
3315
  --text-color: var(--hop-comp-mark-text-color-press);
3265
3316
  --icon-color: var(--hop-comp-mark-icon-color-press);
3266
3317
  }
3267
- .Radio-module__hop-Radio___ZinzZ[data-selected] {
3318
+ .Radio-module__hop-Radio___kwTUG[data-selected] {
3268
3319
  --box-background-color: var(--hop-comp-mark-background-color-selected);
3269
3320
  --box-border-color: var(--hop-comp-mark-border-color-selected);
3270
3321
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3271
3322
  --text-color: var(--hop-comp-mark-text-color-selected);
3272
3323
  --icon-color: var(--hop-comp-mark-icon-color-selected);
3273
3324
  }
3274
- .Radio-module__hop-Radio___ZinzZ[data-invalid] {
3325
+ .Radio-module__hop-Radio___kwTUG[data-invalid] {
3275
3326
  --box-background-color: var(--hop-comp-mark-background-color);
3276
3327
  --box-border-color: var(--hop-comp-mark-border-color-error);
3277
3328
  --bullet-color: var(--hop-comp-mark-indicator-color-error);
3278
3329
  --text-color: var(--hop-comp-mark-text-color-error);
3279
3330
  --icon-color: var(--hop-comp-mark-icon-color-error);
3280
3331
  }
3281
- .Radio-module__hop-Radio___ZinzZ:where([data-invalid])[data-focus-visible] {
3332
+ .Radio-module__hop-Radio___kwTUG:where([data-invalid])[data-focus-visible] {
3282
3333
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3283
3334
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3284
3335
  }
3285
- .Radio-module__hop-Radio___ZinzZ:where([data-invalid])[data-hovered] {
3336
+ .Radio-module__hop-Radio___kwTUG:where([data-invalid])[data-hovered] {
3286
3337
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3287
3338
  --box-border-color: var(--hop-comp-mark-border-color-error);
3288
3339
  --text-color: var(--hop-comp-mark-text-color-error-hover);
3289
3340
  --icon-color: var(--hop-comp-mark-icon-color-error-hover);
3290
3341
  }
3291
- .Radio-module__hop-Radio___ZinzZ:where([data-invalid])[data-pressed] {
3342
+ .Radio-module__hop-Radio___kwTUG:where([data-invalid])[data-pressed] {
3292
3343
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
3293
3344
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
3294
3345
  --text-color: var(--hop-comp-mark-text-color-error-press);
3295
3346
  --icon-color: var(--hop-comp-mark-icon-color-error-press);
3296
3347
  }
3297
- .Radio-module__hop-Radio___ZinzZ:where([data-invalid])[data-selected] {
3348
+ .Radio-module__hop-Radio___kwTUG:where([data-invalid])[data-selected] {
3298
3349
  --box-background-color: var(--hop-comp-mark-background-color-error);
3299
3350
  --box-border-color: var(--hop-comp-mark-border-color-error);
3300
3351
  }
3301
- .Radio-module__hop-Radio___ZinzZ[data-disabled] {
3352
+ .Radio-module__hop-Radio___kwTUG[data-disabled] {
3302
3353
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
3303
3354
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
3304
3355
  --bullet-color: var(--hop-comp-mark-indicator-color-disabled);
@@ -3306,25 +3357,25 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3306
3357
  --text-color: var(--hop-comp-mark-text-color-disabled);
3307
3358
  --icon-color: var(--hop-comp-mark-icon-color-disabled);
3308
3359
  }
3309
- .Radio-module__hop-Radio--sm___ZdN3h {
3360
+ .Radio-module__hop-Radio--sm___1TktW {
3310
3361
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3311
3362
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3312
3363
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3313
3364
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3314
3365
  }
3315
- .Radio-module__hop-Radio--md___l-xj4 {
3366
+ .Radio-module__hop-Radio--md___7C9PO {
3316
3367
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3317
3368
  --box-block-size: var(--hop-Radio-box-md-block-size);
3318
3369
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3319
3370
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3320
3371
  }
3321
- .Radio-module__hop-Radio__icon___4D86-,
3322
- .Radio-module__hop-Radio__icon-list___ejhXj {
3372
+ .Radio-module__hop-Radio__icon___tqCjx,
3373
+ .Radio-module__hop-Radio__icon-list___Mr5H6 {
3323
3374
  flex: 0 0 auto;
3324
3375
  order: 3;
3325
3376
  color: var(--icon-color);
3326
3377
  }
3327
- .Radio-module__hop-Radio__box___CZrWI {
3378
+ .Radio-module__hop-Radio__box___znSNJ {
3328
3379
  display: flex;
3329
3380
  flex: 0 0 auto;
3330
3381
  align-items: center;
@@ -3341,11 +3392,11 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3341
3392
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3342
3393
  box-shadow: var(--hop-comp-radio-box-shadow);
3343
3394
  }
3344
- .Radio-module__hop-Radio__bullet___rzuGH {
3395
+ .Radio-module__hop-Radio__bullet___4b5OY {
3345
3396
  display: var(--bullet-display);
3346
3397
  color: var(--bullet-color);
3347
3398
  }
3348
- .Radio-module__hop-Radio__text___ostsZ {
3399
+ .Radio-module__hop-Radio__text___Ucz7B {
3349
3400
  flex: 0 1 auto;
3350
3401
  order: 2;
3351
3402
  min-inline-size: 0;
@@ -3353,24 +3404,24 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3353
3404
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3354
3405
  color: var(--text-color);
3355
3406
  }
3356
- .DecorativeRadio-module__hop-DecorativeRadio___GJPd7 {
3407
+ .DecorativeRadio-module__hop-DecorativeRadio___b0zTf {
3357
3408
  }
3358
- .DecorativeRadio-module__hop-DecorativeRadio--sm___XP7hG {
3409
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___1TU2Q {
3359
3410
  }
3360
- .DecorativeRadio-module__hop-DecorativeRadio--md___7CwWM {
3411
+ .DecorativeRadio-module__hop-DecorativeRadio--md___KuWPI {
3361
3412
  }
3362
- .DecorativeRadio-module__hop-DecorativeRadio__icon___YLRUF,
3363
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___4a13X {
3413
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___fbwWv,
3414
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___cAQnY {
3364
3415
  }
3365
- .DecorativeRadio-module__hop-DecorativeRadio__box___s5x5b {
3416
+ .DecorativeRadio-module__hop-DecorativeRadio__box___62epl {
3366
3417
  }
3367
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___-ZPLi {
3418
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___3i6eS {
3368
3419
  }
3369
- .DecorativeRadio-module__hop-DecorativeRadio__text___KMXEr {
3420
+ .DecorativeRadio-module__hop-DecorativeRadio__text___tNKoR {
3370
3421
  }
3371
3422
 
3372
3423
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3373
- .Radio-module__hop-Radio___ZinzZ {
3424
+ .Radio-module__hop-Radio___kwTUG {
3374
3425
  --hop-Radio-box-border-size: 0.0625rem;
3375
3426
  --hop-Radio-box-outline-size: 0.125rem;
3376
3427
  --hop-Radio-bullet-display: none;
@@ -3401,60 +3452,60 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3401
3452
  inline-size: max-content;
3402
3453
  max-inline-size: 100%;
3403
3454
  }
3404
- .Radio-module__hop-Radio___ZinzZ[data-focus-visible] {
3455
+ .Radio-module__hop-Radio___kwTUG[data-focus-visible] {
3405
3456
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3406
3457
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3407
3458
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3408
3459
  --text-color: var(--hop-comp-mark-text-color-focus);
3409
3460
  --icon-color: var(--hop-comp-mark-icon-color-focus);
3410
3461
  }
3411
- .Radio-module__hop-Radio___ZinzZ[data-hovered] {
3462
+ .Radio-module__hop-Radio___kwTUG[data-hovered] {
3412
3463
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3413
3464
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3414
3465
  --text-color: var(--hop-comp-mark-text-color-hover);
3415
3466
  --icon-color: var(--hop-comp-mark-icon-color-hover);
3416
3467
  }
3417
- .Radio-module__hop-Radio___ZinzZ[data-pressed] {
3468
+ .Radio-module__hop-Radio___kwTUG[data-pressed] {
3418
3469
  --box-background-color: var(--hop-comp-mark-background-color-press);
3419
3470
  --box-border-color: var(--hop-comp-mark-border-color-press);
3420
3471
  --text-color: var(--hop-comp-mark-text-color-press);
3421
3472
  --icon-color: var(--hop-comp-mark-icon-color-press);
3422
3473
  }
3423
- .Radio-module__hop-Radio___ZinzZ[data-selected] {
3474
+ .Radio-module__hop-Radio___kwTUG[data-selected] {
3424
3475
  --box-background-color: var(--hop-comp-mark-background-color-selected);
3425
3476
  --box-border-color: var(--hop-comp-mark-border-color-selected);
3426
3477
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3427
3478
  --text-color: var(--hop-comp-mark-text-color-selected);
3428
3479
  --icon-color: var(--hop-comp-mark-icon-color-selected);
3429
3480
  }
3430
- .Radio-module__hop-Radio___ZinzZ[data-invalid] {
3481
+ .Radio-module__hop-Radio___kwTUG[data-invalid] {
3431
3482
  --box-background-color: var(--hop-comp-mark-background-color);
3432
3483
  --box-border-color: var(--hop-comp-mark-border-color-error);
3433
3484
  --bullet-color: var(--hop-comp-mark-indicator-color-error);
3434
3485
  --text-color: var(--hop-comp-mark-text-color-error);
3435
3486
  --icon-color: var(--hop-comp-mark-icon-color-error);
3436
3487
  }
3437
- .Radio-module__hop-Radio___ZinzZ:where([data-invalid])[data-focus-visible] {
3488
+ .Radio-module__hop-Radio___kwTUG:where([data-invalid])[data-focus-visible] {
3438
3489
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3439
3490
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3440
3491
  }
3441
- .Radio-module__hop-Radio___ZinzZ:where([data-invalid])[data-hovered] {
3492
+ .Radio-module__hop-Radio___kwTUG:where([data-invalid])[data-hovered] {
3442
3493
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3443
3494
  --box-border-color: var(--hop-comp-mark-border-color-error);
3444
3495
  --text-color: var(--hop-comp-mark-text-color-error-hover);
3445
3496
  --icon-color: var(--hop-comp-mark-icon-color-error-hover);
3446
3497
  }
3447
- .Radio-module__hop-Radio___ZinzZ:where([data-invalid])[data-pressed] {
3498
+ .Radio-module__hop-Radio___kwTUG:where([data-invalid])[data-pressed] {
3448
3499
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
3449
3500
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
3450
3501
  --text-color: var(--hop-comp-mark-text-color-error-press);
3451
3502
  --icon-color: var(--hop-comp-mark-icon-color-error-press);
3452
3503
  }
3453
- .Radio-module__hop-Radio___ZinzZ:where([data-invalid])[data-selected] {
3504
+ .Radio-module__hop-Radio___kwTUG:where([data-invalid])[data-selected] {
3454
3505
  --box-background-color: var(--hop-comp-mark-background-color-error);
3455
3506
  --box-border-color: var(--hop-comp-mark-border-color-error);
3456
3507
  }
3457
- .Radio-module__hop-Radio___ZinzZ[data-disabled] {
3508
+ .Radio-module__hop-Radio___kwTUG[data-disabled] {
3458
3509
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
3459
3510
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
3460
3511
  --bullet-color: var(--hop-comp-mark-indicator-color-disabled);
@@ -3462,25 +3513,25 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3462
3513
  --text-color: var(--hop-comp-mark-text-color-disabled);
3463
3514
  --icon-color: var(--hop-comp-mark-icon-color-disabled);
3464
3515
  }
3465
- .Radio-module__hop-Radio--sm___ZdN3h {
3516
+ .Radio-module__hop-Radio--sm___1TktW {
3466
3517
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3467
3518
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3468
3519
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3469
3520
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3470
3521
  }
3471
- .Radio-module__hop-Radio--md___l-xj4 {
3522
+ .Radio-module__hop-Radio--md___7C9PO {
3472
3523
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3473
3524
  --box-block-size: var(--hop-Radio-box-md-block-size);
3474
3525
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3475
3526
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3476
3527
  }
3477
- .Radio-module__hop-Radio__icon___4D86-,
3478
- .Radio-module__hop-Radio__icon-list___ejhXj {
3528
+ .Radio-module__hop-Radio__icon___tqCjx,
3529
+ .Radio-module__hop-Radio__icon-list___Mr5H6 {
3479
3530
  flex: 0 0 auto;
3480
3531
  order: 3;
3481
3532
  color: var(--icon-color);
3482
3533
  }
3483
- .Radio-module__hop-Radio__box___CZrWI {
3534
+ .Radio-module__hop-Radio__box___znSNJ {
3484
3535
  display: flex;
3485
3536
  flex: 0 0 auto;
3486
3537
  align-items: center;
@@ -3497,11 +3548,11 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3497
3548
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3498
3549
  box-shadow: var(--hop-comp-radio-box-shadow);
3499
3550
  }
3500
- .Radio-module__hop-Radio__bullet___rzuGH {
3551
+ .Radio-module__hop-Radio__bullet___4b5OY {
3501
3552
  display: var(--bullet-display);
3502
3553
  color: var(--bullet-color);
3503
3554
  }
3504
- .Radio-module__hop-Radio__text___ostsZ {
3555
+ .Radio-module__hop-Radio__text___Ucz7B {
3505
3556
  flex: 0 1 auto;
3506
3557
  order: 2;
3507
3558
  min-inline-size: 0;
@@ -3511,7 +3562,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3511
3562
  }
3512
3563
 
3513
3564
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3514
- .RadioField-module__hop-RadioField___qXn7H {
3565
+ .RadioField-module__hop-RadioField___pqbB4 {
3515
3566
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3516
3567
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3517
3568
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3530,29 +3581,29 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3530
3581
  inline-size: max-content;
3531
3582
  max-inline-size: 100%;
3532
3583
  }
3533
- .RadioField-module__hop-RadioField___qXn7H[data-disabled] {
3584
+ .RadioField-module__hop-RadioField___pqbB4[data-disabled] {
3534
3585
  --description-color: var(--hop-RadioField-description-color-disabled);
3535
3586
  }
3536
- .RadioField-module__hop-RadioField--sm___M70-f {
3587
+ .RadioField-module__hop-RadioField--sm___1t-V1 {
3537
3588
  --row-gap: var(--hop-RadioField-sm-row-gap);
3538
3589
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3539
3590
  }
3540
- .RadioField-module__hop-RadioField--md___FuLfz {
3591
+ .RadioField-module__hop-RadioField--md___Mc4S- {
3541
3592
  --row-gap: var(--hop-RadioField-md-row-gap);
3542
3593
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3543
3594
  }
3544
- .RadioField-module__hop-RadioField__description___-mmn4 {
3595
+ .RadioField-module__hop-RadioField__description___GVP13 {
3545
3596
  order: 2;
3546
3597
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3547
3598
  color: var(--description-color);
3548
3599
  }
3549
- .RadioField-module__hop-RadioField___qXn7H .RadioField-module__hop-RadioField__radio___FuXJC {
3600
+ .RadioField-module__hop-RadioField___pqbB4 .RadioField-module__hop-RadioField__radio___r-cRY {
3550
3601
  order: 1;
3551
3602
  inline-size: 100%;
3552
3603
  }
3553
3604
 
3554
3605
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3555
- .RadioGroup-module__hop-RadioGroup___jC3uv {
3606
+ .RadioGroup-module__hop-RadioGroup___zTLUP {
3556
3607
  --hop-RadioGroup-align-items: flex-start;
3557
3608
  --hop-RadioGroup-justify-content: flex-start;
3558
3609
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3592,49 +3643,49 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3592
3643
  inline-size: var(--inline-size);
3593
3644
  max-inline-size: 100%;
3594
3645
  }
3595
- .RadioGroup-module__hop-RadioGroup--bordered___-5RxX {
3646
+ .RadioGroup-module__hop-RadioGroup--bordered___4ZVte {
3596
3647
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3597
3648
  --list-border-radius: var(--hop-shape-rounded-md);
3598
3649
  }
3599
- .RadioGroup-module__hop-RadioGroup--fluid___TYXlR {
3650
+ .RadioGroup-module__hop-RadioGroup--fluid___sZSrp {
3600
3651
  --inline-size: 100%;
3601
3652
  }
3602
- .RadioGroup-module__hop-RadioGroup--sm___E0GqZ {
3653
+ .RadioGroup-module__hop-RadioGroup--sm___TBATl {
3603
3654
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3604
3655
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3605
3656
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3606
3657
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3607
3658
  }
3608
- .RadioGroup-module__hop-RadioGroup--md___P55tu {
3659
+ .RadioGroup-module__hop-RadioGroup--md___bNFfP {
3609
3660
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3610
3661
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3611
3662
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3612
3663
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3613
3664
  }
3614
- .RadioGroup-module__hop-RadioGroup--bordered___-5RxX.RadioGroup-module__hop-RadioGroup--sm___E0GqZ {
3665
+ .RadioGroup-module__hop-RadioGroup--bordered___4ZVte.RadioGroup-module__hop-RadioGroup--sm___TBATl {
3615
3666
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3616
3667
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3617
3668
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3618
3669
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3619
3670
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3620
3671
  }
3621
- .RadioGroup-module__hop-RadioGroup--bordered___-5RxX.RadioGroup-module__hop-RadioGroup--md___P55tu {
3672
+ .RadioGroup-module__hop-RadioGroup--bordered___4ZVte.RadioGroup-module__hop-RadioGroup--md___bNFfP {
3622
3673
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3623
3674
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3624
3675
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3625
3676
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3626
3677
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3627
3678
  }
3628
- .RadioGroup-module__hop-RadioGroup___jC3uv[data-orientation=horizontal] {
3679
+ .RadioGroup-module__hop-RadioGroup___zTLUP[data-orientation=horizontal] {
3629
3680
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3630
3681
  }
3631
- .RadioGroup-module__hop-RadioGroup--bordered___-5RxX[data-orientation=horizontal] {
3682
+ .RadioGroup-module__hop-RadioGroup--bordered___4ZVte[data-orientation=horizontal] {
3632
3683
  --flex-wrap: nowrap;
3633
3684
  }
3634
- .RadioGroup-module__hop-RadioGroup___jC3uv > .RadioGroup-module__hop-RadioGroup__label___kZGMR {
3685
+ .RadioGroup-module__hop-RadioGroup___zTLUP > .RadioGroup-module__hop-RadioGroup__label___DhJCG {
3635
3686
  order: 1;
3636
3687
  }
3637
- .RadioGroup-module__hop-RadioGroup__list___cZxBd {
3688
+ .RadioGroup-module__hop-RadioGroup__list___hckG7 {
3638
3689
  display: flex;
3639
3690
  flex-flow: var(--flex-direction) var(--flex-wrap);
3640
3691
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3645,7 +3696,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3645
3696
  border: var(--list-border, none);
3646
3697
  border-radius: var(--list-border-radius, 0);
3647
3698
  }
3648
- .RadioGroup-module__hop-RadioGroup__list___cZxBd > .RadioGroup-module__hop-RadioGroup__radio___oW9mO {
3699
+ .RadioGroup-module__hop-RadioGroup__list___hckG7 > .RadioGroup-module__hop-RadioGroup__radio___Nvw1F {
3649
3700
  position: relative;
3650
3701
  flex: 0 1 auto;
3651
3702
  align-content: start;
@@ -3653,28 +3704,28 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3653
3704
  min-inline-size: 0;
3654
3705
  padding: var(--radio-padding, 0);
3655
3706
  }
3656
- .RadioGroup-module__hop-RadioGroup--bordered___-5RxX .RadioGroup-module__hop-RadioGroup__list___cZxBd > .RadioGroup-module__hop-RadioGroup__radio___oW9mO ~ .RadioGroup-module__hop-RadioGroup__radio___oW9mO::before {
3707
+ .RadioGroup-module__hop-RadioGroup--bordered___4ZVte .RadioGroup-module__hop-RadioGroup__list___hckG7 > .RadioGroup-module__hop-RadioGroup__radio___Nvw1F ~ .RadioGroup-module__hop-RadioGroup__radio___Nvw1F::before {
3657
3708
  content: "";
3658
3709
  position: absolute;
3659
3710
  display: block;
3660
3711
  }
3661
- .RadioGroup-module__hop-RadioGroup--bordered___-5RxX[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___cZxBd > .RadioGroup-module__hop-RadioGroup__radio___oW9mO ~ .RadioGroup-module__hop-RadioGroup__radio___oW9mO::before {
3712
+ .RadioGroup-module__hop-RadioGroup--bordered___4ZVte[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___hckG7 > .RadioGroup-module__hop-RadioGroup__radio___Nvw1F ~ .RadioGroup-module__hop-RadioGroup__radio___Nvw1F::before {
3662
3713
  inset-block-start: 0;
3663
3714
  inset-inline: 0;
3664
3715
  border-block-start: var(--list-border, none);
3665
3716
  }
3666
- .RadioGroup-module__hop-RadioGroup--bordered___-5RxX[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___cZxBd > .RadioGroup-module__hop-RadioGroup__radio___oW9mO ~ .RadioGroup-module__hop-RadioGroup__radio___oW9mO::before {
3717
+ .RadioGroup-module__hop-RadioGroup--bordered___4ZVte[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___hckG7 > .RadioGroup-module__hop-RadioGroup__radio___Nvw1F ~ .RadioGroup-module__hop-RadioGroup__radio___Nvw1F::before {
3667
3718
  inset-block: 0;
3668
3719
  inset-inline-start: 0;
3669
3720
  border-inline-start: var(--list-border, none);
3670
3721
  }
3671
- .RadioGroup-module__hop-RadioGroup___jC3uv > .RadioGroup-module__hop-RadioGroup__error-message___YrJ24,
3672
- .RadioGroup-module__hop-RadioGroup___jC3uv > .RadioGroup-module__hop-RadioGroup__helper-message___MohJp {
3722
+ .RadioGroup-module__hop-RadioGroup___zTLUP > .RadioGroup-module__hop-RadioGroup__error-message___EgmeL,
3723
+ .RadioGroup-module__hop-RadioGroup___zTLUP > .RadioGroup-module__hop-RadioGroup__helper-message___QM-eD {
3673
3724
  order: 3;
3674
3725
  }
3675
3726
 
3676
3727
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3677
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___790z3 {
3728
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___UGcHO {
3678
3729
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3679
3730
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3680
3731
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3700,7 +3751,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3700
3751
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3701
3752
  background-size: 400% 100%;
3702
3753
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3703
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___0V1oc;
3754
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___tqIwL;
3704
3755
  animation-duration: var(--animation-duration);
3705
3756
  animation-timing-function: ease-in-out;
3706
3757
  animation-fill-mode: forwards;
@@ -3709,19 +3760,19 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3709
3760
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3710
3761
  }
3711
3762
  }
3712
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___t1VYt {
3763
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-U1eY {
3713
3764
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3714
3765
  }
3715
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___-rT-Y {
3766
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___emNsg {
3716
3767
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3717
3768
  }
3718
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Xd8wc {
3769
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___1EUyT {
3719
3770
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3720
3771
  }
3721
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___coT7X {
3772
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___LN-0c {
3722
3773
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3723
3774
  }
3724
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___0V1oc {
3775
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___tqIwL {
3725
3776
  0% {
3726
3777
  background-position: 125% 50%;
3727
3778
  }
@@ -3731,7 +3782,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3731
3782
  }
3732
3783
 
3733
3784
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3734
- .ListBoxItem-module__hop-ListBoxItem___CqkWx {
3785
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa {
3735
3786
  --hop-ListBoxItem-background-color: transparent;
3736
3787
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3737
3788
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3829,85 +3880,85 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3829
3880
  outline: var(--outline);
3830
3881
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3831
3882
  }
3832
- .ListBoxItem-module__hop-ListBoxItem--xs___HajT0 {
3883
+ .ListBoxItem-module__hop-ListBoxItem--xs___skMKy {
3833
3884
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3834
3885
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3835
3886
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3836
3887
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3837
3888
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3838
3889
  }
3839
- .ListBoxItem-module__hop-ListBoxItem--sm___jsJDC {
3890
+ .ListBoxItem-module__hop-ListBoxItem--sm___iR2Qi {
3840
3891
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3841
3892
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3842
3893
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3843
3894
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3844
3895
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3845
3896
  }
3846
- .ListBoxItem-module__hop-ListBoxItem--md___SwEqg {
3897
+ .ListBoxItem-module__hop-ListBoxItem--md___-yVas {
3847
3898
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3848
3899
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3849
3900
  --min-height: var(--hop-ListBoxItem-md-min-height);
3850
3901
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3851
3902
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3852
3903
  }
3853
- .ListBoxItem-module__hop-ListBoxItem--lg___0Eqqu {
3904
+ .ListBoxItem-module__hop-ListBoxItem--lg___BHEWu {
3854
3905
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3855
3906
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3856
3907
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3857
3908
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3858
3909
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3859
3910
  }
3860
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-selection-mode] {
3911
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-selection-mode] {
3861
3912
  --cursor: pointer;
3862
3913
  }
3863
- .ListBoxItem-module__hop-ListBoxItem___CqkWx:not([data-selection-mode]) {
3914
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa:not([data-selection-mode]) {
3864
3915
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3865
3916
  }
3866
- .ListBoxItem-module__hop-ListBoxItem__inner___RHibP:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___FtFHw) {
3917
+ .ListBoxItem-module__hop-ListBoxItem__inner___eLLjL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___HN-0J) {
3867
3918
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3868
3919
  }
3869
- .ListBoxItem-module__hop-ListBoxItem__inner___RHibP[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___FtFHw) {
3920
+ .ListBoxItem-module__hop-ListBoxItem__inner___eLLjL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___HN-0J) {
3870
3921
  --checkmark-transition: none;
3871
3922
  }
3872
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-selected] {
3923
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-selected] {
3873
3924
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3874
3925
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3875
3926
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3876
3927
  --checkmark-color: var(--hop-comp-select-checkmark-color);
3877
3928
  --checkmark-opacity: 1;
3878
3929
  }
3879
- .ListBoxItem-module__hop-ListBoxItem--xs___HajT0[data-selected] {
3930
+ .ListBoxItem-module__hop-ListBoxItem--xs___skMKy[data-selected] {
3880
3931
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3881
3932
  }
3882
- .ListBoxItem-module__hop-ListBoxItem--sm___jsJDC[data-selected] {
3933
+ .ListBoxItem-module__hop-ListBoxItem--sm___iR2Qi[data-selected] {
3883
3934
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3884
3935
  }
3885
- .ListBoxItem-module__hop-ListBoxItem--md___SwEqg[data-selected] {
3936
+ .ListBoxItem-module__hop-ListBoxItem--md___-yVas[data-selected] {
3886
3937
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3887
3938
  }
3888
- .ListBoxItem-module__hop-ListBoxItem--lg___0Eqqu[data-selected] {
3939
+ .ListBoxItem-module__hop-ListBoxItem--lg___BHEWu[data-selected] {
3889
3940
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3890
3941
  }
3891
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-focus-visible] {
3942
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-focus-visible] {
3892
3943
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3893
3944
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3894
3945
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3895
3946
  --checkmark-color: var(--hop-comp-select-checkmark-color-focused);
3896
3947
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3897
3948
  }
3898
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-hovered] {
3949
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-hovered] {
3899
3950
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3900
3951
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3901
3952
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3902
3953
  --checkmark-color: var(--hop-comp-select-checkmark-color-hovered);
3903
3954
  }
3904
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-pressed] {
3955
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-pressed] {
3905
3956
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3906
3957
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3907
3958
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3908
3959
  --checkmark-color: var(--hop-comp-select-checkmark-color-pressed);
3909
3960
  }
3910
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-disabled] {
3961
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-disabled] {
3911
3962
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3912
3963
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3913
3964
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
@@ -3915,49 +3966,49 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3915
3966
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3916
3967
  --cursor: not-allowed;
3917
3968
  }
3918
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-invalid] {
3969
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-invalid] {
3919
3970
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3920
3971
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3921
3972
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3922
3973
  }
3923
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-invalid][data-selected] {
3974
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-invalid][data-selected] {
3924
3975
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3925
3976
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3926
3977
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3927
3978
  --checkmark-color: var(--icon-color);
3928
3979
  }
3929
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-invalid][data-focus-visible] {
3980
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-invalid][data-focus-visible] {
3930
3981
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3931
3982
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3932
3983
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3933
3984
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3934
3985
  }
3935
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-invalid][data-hovered] {
3986
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-invalid][data-hovered] {
3936
3987
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3937
3988
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3938
3989
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3939
3990
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3940
3991
  }
3941
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-invalid][data-pressed] {
3992
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-invalid][data-pressed] {
3942
3993
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3943
3994
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3944
3995
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3945
3996
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3946
3997
  }
3947
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-invalid][data-disabled] {
3998
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-invalid][data-disabled] {
3948
3999
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3949
4000
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3950
4001
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3951
4002
  }
3952
- .ListBoxItem-module__hop-ListBoxItem___CqkWx:has(.ListBoxItem-module__hop-ListBoxItem__description___XSD8W) {
4003
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa:has(.ListBoxItem-module__hop-ListBoxItem__description___XtK3r) {
3953
4004
  --row-gap: var(--hop-ListBoxItem-row-gap);
3954
4005
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3955
4006
  }
3956
- .ListBoxItem-module__hop-ListBoxItem___CqkWx[data-loading] {
4007
+ .ListBoxItem-module__hop-ListBoxItem___n5Bwa[data-loading] {
3957
4008
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3958
4009
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3959
4010
  }
3960
- .ListBoxItem-module__hop-ListBoxItem__inner___RHibP {
4011
+ .ListBoxItem-module__hop-ListBoxItem__inner___eLLjL {
3961
4012
  display: grid;
3962
4013
  grid-template-areas: var(--grid-template-areas);
3963
4014
  grid-template-columns: var(--grid-template-columns);
@@ -3969,33 +4020,33 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
3969
4020
  padding-inline: var(--padding-inline);
3970
4021
  transition: grid-template-columns .3s ease-in-out;
3971
4022
  }
3972
- .ListBoxItem-module__hop-ListBoxItem__checkmark___FtFHw {
4023
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___HN-0J {
3973
4024
  grid-area: indicator;
3974
4025
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3975
4026
  color: var(--checkmark-color);
3976
4027
  opacity: var(--checkmark-opacity);
3977
4028
  transition: var(--checkmark-transition);
3978
4029
  }
3979
- .ListBoxItem-module__hop-ListBoxItem__radio___db5U7,
3980
- .ListBoxItem-module__hop-ListBoxItem__checkbox___wz7wW {
4030
+ .ListBoxItem-module__hop-ListBoxItem__radio___f8ql1,
4031
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___J7xpu {
3981
4032
  pointer-events: none;
3982
4033
  user-select: none;
3983
4034
  grid-area: indicator;
3984
4035
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3985
4036
  }
3986
- .ListBoxItem-module__hop-ListBoxItem__avatar___J9OLV {
4037
+ .ListBoxItem-module__hop-ListBoxItem__avatar___ULYVq {
3987
4038
  grid-area: avatar;
3988
4039
  margin-block: var(--avatar-margin-block, 0);
3989
4040
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3990
4041
  }
3991
- .ListBoxItem-module__hop-ListBoxItem__icon-list___dEhBl,
3992
- .ListBoxItem-module__hop-ListBoxItem__icon___iNYQe {
4042
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___R7lNy,
4043
+ .ListBoxItem-module__hop-ListBoxItem__icon___YzCj8 {
3993
4044
  grid-area: icon;
3994
4045
  flex: 0 0 auto;
3995
4046
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3996
4047
  color: var(--icon-color);
3997
4048
  }
3998
- .ListBoxItem-module__hop-ListBoxItem__label___aukdh {
4049
+ .ListBoxItem-module__hop-ListBoxItem__label___qDsvD {
3999
4050
  overflow: hidden;
4000
4051
  grid-area: label;
4001
4052
  min-inline-size: 0;
@@ -4003,18 +4054,18 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4003
4054
  text-overflow: ellipsis;
4004
4055
  white-space: nowrap;
4005
4056
  }
4006
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___KPpfn,
4007
- .ListBoxItem-module__hop-ListBoxItem__end-icon___5RQN1 {
4057
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___MrKbP,
4058
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___ePJF9 {
4008
4059
  grid-area: end-icon;
4009
4060
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4010
4061
  color: var(--icon-color);
4011
4062
  }
4012
- .ListBoxItem-module__hop-ListBoxItem__badge___3E7ec {
4063
+ .ListBoxItem-module__hop-ListBoxItem__badge___jvh6j {
4013
4064
  grid-area: badge;
4014
4065
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4015
4066
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4016
4067
  }
4017
- .ListBoxItem-module__hop-ListBoxItem__description___XSD8W {
4068
+ .ListBoxItem-module__hop-ListBoxItem__description___XtK3r {
4018
4069
  overflow: hidden;
4019
4070
  display: -webkit-box;
4020
4071
  grid-area: description;
@@ -4025,7 +4076,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4025
4076
  }
4026
4077
 
4027
4078
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4028
- .ListBox-module__hop-ListBox___TJeOM {
4079
+ .ListBox-module__hop-ListBox___RSQOp {
4029
4080
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4030
4081
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4031
4082
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4072,11 +4123,11 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4072
4123
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4073
4124
  border-radius: var(--hop-ListBox-border-radius);
4074
4125
  }
4075
- .ListBox-module__hop-ListBox--fluid___ZcLqJ {
4126
+ .ListBox-module__hop-ListBox--fluid___G2Z1M {
4076
4127
  --max-width: var(--hop-ListBox-fluid-max-width);
4077
4128
  --width: var(--hop-ListBox-fluid-width);
4078
4129
  }
4079
- .ListBox-module__hop-ListBox__section___G7L7O {
4130
+ .ListBox-module__hop-ListBox__section___4-c9j {
4080
4131
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4081
4132
  margin-inline: var(--hop-ListBox-section-margin-inline);
4082
4133
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4084,21 +4135,21 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4084
4135
  border-block-start: var(--section-border-block-start);
4085
4136
  border-block-end: var(--section-border-block-end);
4086
4137
  }
4087
- .ListBox-module__hop-ListBox__item___ktK0j + .ListBox-module__hop-ListBox__section___G7L7O {
4138
+ .ListBox-module__hop-ListBox__item___6MH6b + .ListBox-module__hop-ListBox__section___4-c9j {
4088
4139
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4089
4140
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4090
4141
  }
4091
- .ListBox-module__hop-ListBox__section___G7L7O:has(+ .ListBox-module__hop-ListBox__item___ktK0j) {
4142
+ .ListBox-module__hop-ListBox__section___4-c9j:has(+ .ListBox-module__hop-ListBox__item___6MH6b) {
4092
4143
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4093
4144
  }
4094
- .ListBox-module__hop-ListBox__section___G7L7O:first-child {
4145
+ .ListBox-module__hop-ListBox__section___4-c9j:first-child {
4095
4146
  --section-padding-block-start: 0;
4096
4147
  }
4097
- .ListBox-module__hop-ListBox__section___G7L7O:last-child {
4148
+ .ListBox-module__hop-ListBox__section___4-c9j:last-child {
4098
4149
  --section-padding-block-end: 0;
4099
4150
  --section-border-block-end: 0;
4100
4151
  }
4101
- .ListBox-module__hop-ListBox__section-header___8feUl {
4152
+ .ListBox-module__hop-ListBox__section-header___mJlJk {
4102
4153
  margin: 0;
4103
4154
  padding: var(--hop-ListBox-section-header-padding);
4104
4155
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4109,30 +4160,30 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4109
4160
  text-transform: var(--hop-ListBox-section-header-text-transform);
4110
4161
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4111
4162
  }
4112
- .ListBox-module__hop-ListBox__section-header___8feUl::before,
4113
- .ListBox-module__hop-ListBox__section-header___8feUl::after {
4163
+ .ListBox-module__hop-ListBox__section-header___mJlJk::before,
4164
+ .ListBox-module__hop-ListBox__section-header___mJlJk::after {
4114
4165
  content: "";
4115
4166
  display: block;
4116
4167
  box-sizing: border-box;
4117
4168
  inline-size: 0;
4118
4169
  block-size: 0;
4119
4170
  }
4120
- .ListBox-module__hop-ListBox__section-header___8feUl::before {
4171
+ .ListBox-module__hop-ListBox__section-header___mJlJk::before {
4121
4172
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4122
4173
  }
4123
- .ListBox-module__hop-ListBox__section-header___8feUl::after {
4174
+ .ListBox-module__hop-ListBox__section-header___mJlJk::after {
4124
4175
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4125
4176
  }
4126
4177
 
4127
4178
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4128
- :where(.Popover-module__hop-Popover___eJ2X2 *) {
4179
+ :where(.Popover-module__hop-Popover___sXYdb *) {
4129
4180
  font-family: var(--font-family);
4130
4181
  font-size: var(--font-size);
4131
4182
  font-weight: var(--font-weight);
4132
4183
  line-height: var(--line-height);
4133
4184
  outline: none;
4134
4185
  }
4135
- .Popover-module__hop-Popover___eJ2X2 {
4186
+ .Popover-module__hop-Popover___sXYdb {
4136
4187
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4137
4188
  --hop-Popover-inline-width: 25rem;
4138
4189
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4145,22 +4196,22 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4145
4196
  inline-size: var(--width);
4146
4197
  max-inline-size: var(--max-width);
4147
4198
  }
4148
- .Popover-module__hop-Popover___eJ2X2[data-trigger=Select] {
4199
+ .Popover-module__hop-Popover___sXYdb[data-trigger=Select] {
4149
4200
  --width: var(--hop-Popover-dropdown-inline-width);
4150
4201
  }
4151
- .Popover-module__hop-Popover___eJ2X2[data-trigger=ComboBox] {
4202
+ .Popover-module__hop-Popover___sXYdb[data-trigger=ComboBox] {
4152
4203
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4153
4204
  }
4154
- .Popover-module__hop-Popover___eJ2X2[data-auto-width] {
4205
+ .Popover-module__hop-Popover___sXYdb[data-auto-width] {
4155
4206
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4156
4207
  }
4157
- .Popover-module__hop-Popover___eJ2X2[data-entering] {
4158
- animation: Popover-module__fade___qfOu- 0.25s;
4208
+ .Popover-module__hop-Popover___sXYdb[data-entering] {
4209
+ animation: Popover-module__fade___HKkZ4 0.25s;
4159
4210
  }
4160
- .Popover-module__hop-Popover___eJ2X2[data-exiting] {
4161
- animation: Popover-module__fade___qfOu- 0.25s reverse;
4211
+ .Popover-module__hop-Popover___sXYdb[data-exiting] {
4212
+ animation: Popover-module__fade___HKkZ4 0.25s reverse;
4162
4213
  }
4163
- @keyframes Popover-module__fade___qfOu- {
4214
+ @keyframes Popover-module__fade___HKkZ4 {
4164
4215
  from {
4165
4216
  opacity: 0;
4166
4217
  }
@@ -4168,14 +4219,14 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4168
4219
  opacity: 1;
4169
4220
  }
4170
4221
  }
4171
- .Popover-module__hop-Popover__wrapper___9aRE7 {
4222
+ .Popover-module__hop-Popover__wrapper___Kelo4 {
4172
4223
  display: flex;
4173
4224
  flex: 1 1 auto;
4174
4225
  flex-direction: column;
4175
4226
  min-block-size: 0;
4176
4227
  }
4177
- .Popover-module__hop-Popover__dialog___JgoC9,
4178
- .Popover-module__hop-Popover__dropdown___D4LHp {
4228
+ .Popover-module__hop-Popover__dialog___HniWO,
4229
+ .Popover-module__hop-Popover__dropdown___0GQ9z {
4179
4230
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4180
4231
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
4181
4232
  --hop-Popover-font-weight: var(--hop-body-sm-font-weight);
@@ -4227,17 +4278,17 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4227
4278
  outline: var(--hop-Popover-outline);
4228
4279
  overflow: var(--hop-Popover-overflow);
4229
4280
  }
4230
- .Popover-module__hop-Popover__dropdown___D4LHp {
4281
+ .Popover-module__hop-Popover__dropdown___0GQ9z {
4231
4282
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4232
4283
  --footer-place-self: stretch;
4233
4284
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4234
4285
  --padding: var(--hop-Popover-dropdown-padding);
4235
4286
  overflow: hidden;
4236
4287
  }
4237
- .Popover-module__hop-Popover__dialog___JgoC9 {
4288
+ .Popover-module__hop-Popover__dialog___HniWO {
4238
4289
  --padding: var(--hop-Popover-dialog-padding);
4239
4290
  }
4240
- .Popover-module__hop-Popover__title___97NwP {
4291
+ .Popover-module__hop-Popover__title___cVpCD {
4241
4292
  grid-area: header;
4242
4293
  font-family: var(--hop-Popover-title-font-family);
4243
4294
  font-size: var(--hop-Popover-title-font-size);
@@ -4245,7 +4296,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4245
4296
  line-height: var(--hop-Popover-title-line-height);
4246
4297
  color: var(--hop-Popover-color);
4247
4298
  }
4248
- .Popover-module__hop-Popover__content___clSGa {
4299
+ .Popover-module__hop-Popover__content___HClRd {
4249
4300
  --font-size: var(--hop-Popover-content-font-size);
4250
4301
  --line-height: var(--hop-Popover-content-line-height);
4251
4302
  --font-family: var(--hop-Popover-content-font-family);
@@ -4256,12 +4307,12 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4256
4307
  padding: 0;
4257
4308
  color: var(--hop-Popover-content-color);
4258
4309
  }
4259
- .Popover-module__hop-Popover___eJ2X2:not(:has(.Popover-module__hop-Popover__title___97NwP)) {
4260
- .Popover-module__hop-Popover__content___clSGa {
4310
+ .Popover-module__hop-Popover___sXYdb:not(:has(.Popover-module__hop-Popover__title___cVpCD)) {
4311
+ .Popover-module__hop-Popover__content___HClRd {
4261
4312
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4262
4313
  }
4263
4314
  }
4264
- .Popover-module__hop-Popover__dropdown___D4LHp .Popover-module__hop-Popover__list-box___k1paP {
4315
+ .Popover-module__hop-Popover__dropdown___0GQ9z .Popover-module__hop-Popover__list-box___KRSqG {
4265
4316
  grid-area: content;
4266
4317
  inline-size: auto;
4267
4318
  min-inline-size: auto;
@@ -4269,7 +4320,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4269
4320
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4270
4321
  border: none;
4271
4322
  }
4272
- .Popover-module__hop-Popover__footer___7aypt {
4323
+ .Popover-module__hop-Popover__footer___-aFix {
4273
4324
  --font-size: var(--hop-Popover-footer-font-size);
4274
4325
  --line-height: var(--hop-Popover-footer-line-height);
4275
4326
  grid-area: footer;
@@ -4277,22 +4328,22 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4277
4328
  margin: var(--footer-margin);
4278
4329
  color: var(--hop-Popover-color);
4279
4330
  }
4280
- .Popover-module__hop-Popover__dropdown___D4LHp .Popover-module__hop-Popover__footer___7aypt {
4331
+ .Popover-module__hop-Popover__dropdown___0GQ9z .Popover-module__hop-Popover__footer___-aFix {
4281
4332
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4282
4333
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4283
4334
  }
4284
- .Popover-module__hop-Popover__actions___c7rWg,
4285
- .Popover-module__hop-Popover__action___bnHLQ {
4335
+ .Popover-module__hop-Popover__actions___QTIWo,
4336
+ .Popover-module__hop-Popover__action___r1nKz {
4286
4337
  grid-area: action;
4287
4338
  justify-self: end;
4288
4339
  margin-block-start: var(--hop-Popover-row-gap);
4289
4340
  }
4290
- .Popover-module__hop-Popover___eJ2X2:has(.Popover-module__hop-Popover__actions___c7rWg, .Popover-module__hop-Popover__action___bnHLQ) .Popover-module__hop-Popover__footer___7aypt {
4341
+ .Popover-module__hop-Popover___sXYdb:has(.Popover-module__hop-Popover__actions___QTIWo, .Popover-module__hop-Popover__action___r1nKz) .Popover-module__hop-Popover__footer___-aFix {
4291
4342
  margin-inline-end: var(--hop-Popover-column-gap);
4292
4343
  }
4293
4344
 
4294
4345
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4295
- .PopoverBase-module__hop-PopoverBase___5mDPr {
4346
+ .PopoverBase-module__hop-PopoverBase___Jt1GY {
4296
4347
  --hop-Popover-color: var(--hop-neutral-text);
4297
4348
  --hop-Popover-font-family: var(--hop-body-md-font-family);
4298
4349
  --hop-Popover-font-size: var(--hop-body-md-font-size);
@@ -4319,17 +4370,17 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4319
4370
  box-shadow: var(--hop-comp-popover-box-shadow);
4320
4371
  transition: opacity var(--hop-easing-duration-2);
4321
4372
  }
4322
- .PopoverBase-module__hop-PopoverBase___5mDPr[data-entering] {
4373
+ .PopoverBase-module__hop-PopoverBase___Jt1GY[data-entering] {
4323
4374
  opacity: 0;
4324
4375
  }
4325
- .PopoverBase-module__hop-PopoverBase___5mDPr[data-exiting] {
4376
+ .PopoverBase-module__hop-PopoverBase___Jt1GY[data-exiting] {
4326
4377
  pointer-events: none;
4327
4378
  opacity: 0;
4328
4379
  transition-timing-function: var(--hop-easing-productive);
4329
4380
  }
4330
4381
 
4331
4382
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/Menu.module.css/#css-module-data */
4332
- .Menu-module__hop-Menu___GECIz {
4383
+ .Menu-module__hop-Menu___KOhGY {
4333
4384
  --hop-Menu-overflow-y: auto;
4334
4385
  --hop-Menu-padding-block: var(--hop-space-inset-sm);
4335
4386
  --hop-Menu-outline: none;
@@ -4345,7 +4396,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4345
4396
  padding-block: var(--hop-Menu-padding-block);
4346
4397
  outline: var(--hop-Menu-outline);
4347
4398
  }
4348
- .Menu-module__hop-Menu__header___MJQFY {
4399
+ .Menu-module__hop-Menu__header___Br9Fj {
4349
4400
  --hop-Menu-header-margin-inline: var(--hop-space-inset-sm);
4350
4401
  --hop-Menu-header-cursor: default;
4351
4402
  --hop-Menu-header-display: flex;
@@ -4373,7 +4424,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
4373
4424
  text-transform: var(--hop-Menu-header-text-transform);
4374
4425
  letter-spacing: var(--hop-Menu-header-letter-spacing);
4375
4426
  }
4376
- .Menu-module__hop-Menu__divider___cn6At {
4427
+ .Menu-module__hop-Menu__divider___fs6ce {
4377
4428
  --hop-Menu-divider-margin-block: var(--hop-space-stack-sm);
4378
4429
  margin-block: var( --hop-Menu-divider-margin-block);
4379
4430
  }