@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/inputs/src/SearchField.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/icon-list/src/IconList.module.css/#css-module-data */
284
- .IconList-module__hop-IconList___h8U-V {
284
+ .IconList-module__hop-IconList___PD447 {
285
285
  --hop-IconList-gap: var(--hop-space-inline-xs);
286
286
  display: flex;
287
287
  flex-wrap: wrap;
@@ -290,7 +290,7 @@
290
290
  }
291
291
 
292
292
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
293
- @keyframes Spinner-module__spin___YJVvG {
293
+ @keyframes Spinner-module__spin___E4UfC {
294
294
  0% {
295
295
  transform: rotate(0deg);
296
296
  }
@@ -298,7 +298,7 @@
298
298
  transform: rotate(360deg);
299
299
  }
300
300
  }
301
- .Spinner-module__hop-Spinner___3cMW5 {
301
+ .Spinner-module__hop-Spinner___Hx8I- {
302
302
  --hop-Spinner-border-radius: var(--hop-shape-circle);
303
303
  --hop-Spinner-sm-wheel-size: 1rem;
304
304
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -306,7 +306,7 @@
306
306
  --hop-Spinner-track-width: 0.125rem;
307
307
  --hop-Spinner-track-opacity: 0.2;
308
308
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
309
- --hop-Spinner-fill-animation: Spinner-module__spin___YJVvG .8s infinite linear;
309
+ --hop-Spinner-fill-animation: Spinner-module__spin___E4UfC .8s infinite linear;
310
310
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
311
311
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
312
312
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -317,19 +317,19 @@
317
317
  align-items: center;
318
318
  box-sizing: border-box;
319
319
  }
320
- .Spinner-module__hop-Spinner--sm___IYxqw {
320
+ .Spinner-module__hop-Spinner--sm___-Ydfq {
321
321
  --width: var(--hop-Spinner-sm-wheel-size);
322
322
  --height: var(--hop-Spinner-sm-wheel-size);
323
323
  }
324
- .Spinner-module__hop-Spinner--md___b15dw {
324
+ .Spinner-module__hop-Spinner--md___e1MMW {
325
325
  --width: var(--hop-Spinner-md-wheel-size);
326
326
  --height: var(--hop-Spinner-md-wheel-size);
327
327
  }
328
- .Spinner-module__hop-Spinner--lg___jQveE {
328
+ .Spinner-module__hop-Spinner--lg___vOL0g {
329
329
  --width: var(--hop-Spinner-lg-wheel-size);
330
330
  --height: var(--hop-Spinner-lg-wheel-size);
331
331
  }
332
- .Spinner-module__hop-Spinner__track___PLcSY {
332
+ .Spinner-module__hop-Spinner__track___EndcZ {
333
333
  grid-area: spinner;
334
334
  box-sizing: border-box;
335
335
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -338,7 +338,7 @@
338
338
  border: var(--hop-Spinner-track-border);
339
339
  border-radius: var(--hop-Spinner-border-radius);
340
340
  }
341
- .Spinner-module__hop-Spinner__fill___56a16 {
341
+ .Spinner-module__hop-Spinner__fill___zyDIt {
342
342
  grid-area: spinner;
343
343
  box-sizing: border-box;
344
344
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -349,17 +349,17 @@
349
349
  animation: var(--hop-Spinner-fill-animation);
350
350
  }
351
351
  @media (prefers-reduced-motion: reduce) {
352
- .Spinner-module__hop-Spinner__fill___56a16 {
352
+ .Spinner-module__hop-Spinner__fill___zyDIt {
353
353
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
354
354
  }
355
355
  }
356
- .Spinner-module__hop-Spinner__label___k6NFF {
356
+ .Spinner-module__hop-Spinner__label___AoL-g {
357
357
  grid-area: label;
358
358
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
359
359
  }
360
360
 
361
361
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
362
- .Button-module__hop-Button___1Mv6s {
362
+ .Button-module__hop-Button___Clogn {
363
363
  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
364
364
  --hop-Button-column-gap: var(--hop-space-inline-xs);
365
365
  --hop-Button-icon-only-column-gap: 0;
@@ -372,6 +372,12 @@
372
372
  --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
373
373
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
374
374
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
375
+ --hop-Button-text-font: var(--hop-comp-button-text-font);
376
+ --hop-Button-text-font-weight: var(--hop-comp-button-text-font-weight);
377
+ --hop-Button-text-transform: var(--hop-comp-button-text-transform);
378
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-md);
379
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-md);
380
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-md);
375
381
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
376
382
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
377
383
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
@@ -420,32 +426,38 @@
420
426
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
421
427
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
422
428
  }
423
- .Button-module__hop-Button--fluid___dnacH {
429
+ .Button-module__hop-Button--fluid___nMbmt {
424
430
  --inline-size: 100%;
425
431
  }
426
- .Button-module__hop-Button--xs___e0T0Q {
432
+ .Button-module__hop-Button--xs___nM3zL {
427
433
  --block-size: var(--hop-Button-xs-height);
428
434
  --padding: var(--hop-Button-xs-padding);
435
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-xs);
436
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-xs);
437
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-xs);
429
438
  }
430
- .Button-module__hop-Button--xs___e0T0Q[class*=--ghost] {
439
+ .Button-module__hop-Button--xs___nM3zL[class*=--ghost] {
431
440
  --padding: var(--hop-Button-ghost-xs-padding);
432
441
  }
433
- .Button-module__hop-Button--sm___BI9GF {
442
+ .Button-module__hop-Button--sm___40x6C {
434
443
  --block-size: var(--hop-Button-sm-height);
435
444
  --padding: var(--hop-Button-sm-padding);
445
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-sm);
446
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-sm);
447
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-sm);
436
448
  }
437
- .Button-module__hop-Button--sm___BI9GF[class*=--ghost] {
449
+ .Button-module__hop-Button--sm___40x6C[class*=--ghost] {
438
450
  --padding: var(--hop-Button-ghost-sm-padding);
439
451
  }
440
- .Button-module__hop-Button--md___qTgnt[class*=--ghost] {
452
+ .Button-module__hop-Button--md___PpY8X[class*=--ghost] {
441
453
  --padding: var(--hop-Button-ghost-md-padding);
442
454
  }
443
- .Button-module__hop-Button--icon-only___6NOMf {
455
+ .Button-module__hop-Button--icon-only___B-e6- {
444
456
  --column-gap: var(--hop-Button-icon-only-column-gap);
445
457
  --padding: var(--hop-Button-icon-only-padding);
446
458
  aspect-ratio: 1;
447
459
  }
448
- .Button-module__hop-Button--primary___5xiSr {
460
+ .Button-module__hop-Button--primary___bARHv {
449
461
  --background: var(--hop-comp-button-primary-background);
450
462
  --color: var(--hop-comp-button-primary-text-color);
451
463
  --icon-color: var(--hop-comp-button-primary-icon-color);
@@ -456,20 +468,20 @@
456
468
  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
457
469
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
458
470
  }
459
- .Button-module__hop-Button--primary___5xiSr[data-hovered],
460
- .Button-module__hop-Button--primary___5xiSr[data-focus-visible] {
471
+ .Button-module__hop-Button--primary___bARHv[data-hovered],
472
+ .Button-module__hop-Button--primary___bARHv[data-focus-visible] {
461
473
  --background: var(--hop-comp-button-primary-background-hover);
462
474
  --color: var(--hop-comp-button-primary-text-color-hover);
463
475
  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
464
476
  --border: var(--hop-Button-primary-border);
465
477
  }
466
- .Button-module__hop-Button--primary___5xiSr[data-pressed] {
478
+ .Button-module__hop-Button--primary___bARHv[data-pressed] {
467
479
  --background: var(--hop-comp-button-primary-background-pressed);
468
480
  --color: var(--hop-comp-button-primary-text-color-pressed);
469
481
  --icon-color: var(--hop-comp-button-primary-icon-color-press);
470
482
  --border: var(--hop-Button-primary-border);
471
483
  }
472
- .Button-module__hop-Button--secondary___-UtRf {
484
+ .Button-module__hop-Button--secondary___LU9Zd {
473
485
  --background: var(--hop-comp-button-secondary-background);
474
486
  --color: var(--hop-comp-button-secondary-text-color);
475
487
  --icon-color: var(--hop-comp-button-secondary-icon-color);
@@ -480,20 +492,20 @@
480
492
  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
481
493
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
482
494
  }
483
- .Button-module__hop-Button--secondary___-UtRf[data-hovered],
484
- .Button-module__hop-Button--secondary___-UtRf[data-focus-visible] {
495
+ .Button-module__hop-Button--secondary___LU9Zd[data-hovered],
496
+ .Button-module__hop-Button--secondary___LU9Zd[data-focus-visible] {
485
497
  --background: var(--hop-comp-button-secondary-background-hover);
486
498
  --color: var(--hop-comp-button-secondary-text-color-hover);
487
499
  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
488
500
  --border: var(--hop-Button-secondary-border);
489
501
  }
490
- .Button-module__hop-Button--secondary___-UtRf[data-pressed] {
502
+ .Button-module__hop-Button--secondary___LU9Zd[data-pressed] {
491
503
  --background: var(--hop-comp-button-secondary-background-pressed);
492
504
  --color: var(--hop-comp-button-secondary-text-color-pressed);
493
505
  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
494
506
  --border: var(--hop-Button-secondary-border);
495
507
  }
496
- .Button-module__hop-Button--upsell___agh4J {
508
+ .Button-module__hop-Button--upsell___5ZUnz {
497
509
  --background: var(--hop-comp-button-upsell-background);
498
510
  --color: var(--hop-comp-button-upsell-text-color);
499
511
  --icon-color: var(--hop-comp-button-upsell-icon-color);
@@ -504,20 +516,20 @@
504
516
  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
505
517
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
506
518
  }
507
- .Button-module__hop-Button--upsell___agh4J[data-hovered],
508
- .Button-module__hop-Button--upsell___agh4J[data-focus-visible] {
519
+ .Button-module__hop-Button--upsell___5ZUnz[data-hovered],
520
+ .Button-module__hop-Button--upsell___5ZUnz[data-focus-visible] {
509
521
  --background: var(--hop-comp-button-upsell-background-hover);
510
522
  --color: var(--hop-comp-button-upsell-text-color-hover);
511
523
  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
512
524
  --border: var(--hop-Button-upsell-border);
513
525
  }
514
- .Button-module__hop-Button--upsell___agh4J[data-pressed] {
526
+ .Button-module__hop-Button--upsell___5ZUnz[data-pressed] {
515
527
  --background: var(--hop-comp-button-upsell-background-pressed);
516
528
  --color: var(--hop-comp-button-upsell-text-color-pressed);
517
529
  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
518
530
  --border: var(--hop-Button-upsell-border);
519
531
  }
520
- .Button-module__hop-Button--danger___HgS-B {
532
+ .Button-module__hop-Button--danger___fK9E9 {
521
533
  --background: var(--hop-comp-button-danger-background);
522
534
  --color: var(--hop-comp-button-danger-text-color);
523
535
  --icon-color: var(--hop-comp-button-danger-icon-color);
@@ -528,20 +540,20 @@
528
540
  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
529
541
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
530
542
  }
531
- .Button-module__hop-Button--danger___HgS-B[data-hovered],
532
- .Button-module__hop-Button--danger___HgS-B[data-focus-visible] {
543
+ .Button-module__hop-Button--danger___fK9E9[data-hovered],
544
+ .Button-module__hop-Button--danger___fK9E9[data-focus-visible] {
533
545
  --background: var(--hop-comp-button-danger-background-hover);
534
546
  --color: var(--hop-comp-button-danger-text-color-hover);
535
547
  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
536
548
  --border: var(--hop-Button-danger-border);
537
549
  }
538
- .Button-module__hop-Button--danger___HgS-B[data-pressed] {
550
+ .Button-module__hop-Button--danger___fK9E9[data-pressed] {
539
551
  --background: var(--hop-comp-button-danger-background-pressed);
540
552
  --color: var(--hop-comp-button-danger-text-color-pressed);
541
553
  --icon-color: var(--hop-comp-button-danger-icon-color-press);
542
554
  --border: var(--hop-Button-danger-border);
543
555
  }
544
- .Button-module__hop-Button--ghost-primary___JE5H4 {
556
+ .Button-module__hop-Button--ghost-primary___vgc1p {
545
557
  --background: var(--hop-comp-button-ghost-primary-background);
546
558
  --color: var(--hop-comp-button-ghost-primary-text-color);
547
559
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
@@ -552,20 +564,20 @@
552
564
  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
553
565
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
554
566
  }
555
- .Button-module__hop-Button--ghost-primary___JE5H4[data-hovered],
556
- .Button-module__hop-Button--ghost-primary___JE5H4[data-focus-visible] {
567
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-hovered],
568
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-focus-visible] {
557
569
  --background: var(--hop-comp-button-ghost-primary-background-hover);
558
570
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
559
571
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
560
572
  --border: var(--hop-Button-ghost-primary-border);
561
573
  }
562
- .Button-module__hop-Button--ghost-primary___JE5H4[data-pressed] {
574
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-pressed] {
563
575
  --background: var(--hop-comp-button-ghost-primary-background-pressed);
564
576
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
565
577
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
566
578
  --border: var(--hop-Button-ghost-primary-border);
567
579
  }
568
- .Button-module__hop-Button--ghost-secondary___SdjJj {
580
+ .Button-module__hop-Button--ghost-secondary___BMTmr {
569
581
  --background: var(--hop-comp-button-ghost-secondary-background);
570
582
  --color: var(--hop-comp-button-ghost-secondary-text-color);
571
583
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
@@ -576,20 +588,20 @@
576
588
  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
577
589
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
578
590
  }
579
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-hovered],
580
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-focus-visible] {
591
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-hovered],
592
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-focus-visible] {
581
593
  --background: var(--hop-comp-button-ghost-secondary-background-hover);
582
594
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
583
595
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
584
596
  --border: var(--hop-Button-ghost-secondary-border);
585
597
  }
586
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-pressed] {
598
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-pressed] {
587
599
  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
588
600
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
589
601
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
590
602
  --border: var(--hop-Button-ghost-secondary-border);
591
603
  }
592
- .Button-module__hop-Button--ghost-danger___140nt {
604
+ .Button-module__hop-Button--ghost-danger___PM-4Q {
593
605
  --background: var(--hop-comp-button-ghost-danger-background);
594
606
  --color: var(--hop-comp-button-ghost-danger-text-color);
595
607
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
@@ -600,138 +612,143 @@
600
612
  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
601
613
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
602
614
  }
603
- .Button-module__hop-Button--ghost-danger___140nt[data-hovered],
604
- .Button-module__hop-Button--ghost-danger___140nt[data-focus-visible] {
615
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-hovered],
616
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-focus-visible] {
605
617
  --background: var(--hop-comp-button-ghost-danger-background-hover);
606
618
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
607
619
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
608
620
  --border: var(--hop-Button-ghost-danger-border);
609
621
  }
610
- .Button-module__hop-Button--ghost-danger___140nt[data-pressed] {
622
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-pressed] {
611
623
  --background: var(--hop-comp-button-ghost-danger-background-pressed);
612
624
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
613
625
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
614
626
  --border: var(--hop-Button-ghost-danger-border);
615
627
  }
616
- .Button-module__hop-Button___1Mv6s[data-focus-visible] {
628
+ .Button-module__hop-Button___Clogn[data-focus-visible] {
617
629
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
618
630
  }
619
- .Button-module__hop-Button___1Mv6s[data-disabled],
620
- .Button-module__hop-Button--loading___dNX9q {
631
+ .Button-module__hop-Button___Clogn[data-disabled],
632
+ .Button-module__hop-Button--loading___xX48D {
621
633
  cursor: not-allowed;
622
634
  }
623
- .Button-module__hop-Button___1Mv6s[data-disabled] {
635
+ .Button-module__hop-Button___Clogn[data-disabled] {
624
636
  --color: var(--hop-comp-button-text-color-disabled);
625
637
  --icon-color: var(--hop-comp-button-icon-color-disabled);
626
638
  }
627
- .Button-module__hop-Button--primary___5xiSr[data-disabled] {
639
+ .Button-module__hop-Button--primary___bARHv[data-disabled] {
628
640
  --background: var(--hop-comp-button-primary-background-disabled);
629
641
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
630
642
  }
631
- .Button-module__hop-Button--secondary___-UtRf[data-disabled] {
643
+ .Button-module__hop-Button--secondary___LU9Zd[data-disabled] {
632
644
  --background: var(--hop-comp-button-secondary-background-disabled);
633
645
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
634
646
  }
635
- .Button-module__hop-Button--upsell___agh4J[data-disabled] {
647
+ .Button-module__hop-Button--upsell___5ZUnz[data-disabled] {
636
648
  --background: var(--hop-comp-button-upsell-background-disabled);
637
649
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
638
650
  }
639
- .Button-module__hop-Button--danger___HgS-B[data-disabled] {
651
+ .Button-module__hop-Button--danger___fK9E9[data-disabled] {
640
652
  --background: var(--hop-comp-button-danger-background-disabled);
641
653
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
642
654
  }
643
- .Button-module__hop-Button--ghost-primary___JE5H4[data-disabled] {
655
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-disabled] {
644
656
  --background: var(--hop-comp-button-ghost-primary-background-disabled);
645
657
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
646
658
  }
647
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-disabled] {
659
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-disabled] {
648
660
  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
649
661
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
650
662
  }
651
- .Button-module__hop-Button--ghost-danger___140nt[data-disabled] {
663
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-disabled] {
652
664
  --background: var(--hop-comp-button-ghost-danger-background-disabled);
653
665
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
654
666
  }
655
- .Button-module__hop-Button--loading___dNX9q {
667
+ .Button-module__hop-Button--loading___xX48D {
656
668
  background: var(--background-loading);
657
669
  color: var(--color-loading);
658
670
  border-color: var(--border-color-loading);
659
671
  box-shadow: var(--box-shadow-loading);
660
672
  }
661
- .Button-module__hop-Button__Spinner___044v1 {
673
+ .Button-module__hop-Button__Spinner___vImpw {
662
674
  position: absolute;
663
675
  }
664
- .Button-module__hop-Button__icon___6nvVm,
665
- .Button-module__hop-Button__icon-list___ND5K4 {
676
+ .Button-module__hop-Button__icon___JhRs1,
677
+ .Button-module__hop-Button__icon-list___HQj6P {
666
678
  flex: 0 0 auto;
667
679
  justify-self: end;
668
680
  order: 1;
669
681
  color: var(--icon-color);
670
682
  }
671
- .Button-module__hop-Button__text___ETlgz {
683
+ .Button-module__hop-Button__text___GoBv0 {
672
684
  user-select: none;
673
685
  overflow: visible;
674
686
  flex: 0 1 auto;
675
687
  order: 2;
676
- font-weight: var(--hop-font-weight-505);
688
+ font-family: var(--hop-Button-text-font);
689
+ font-size: var(--hop-Button-text-font-size);
690
+ font-weight: var(--hop-Button-text-font-weight);
691
+ line-height: var(--hop-Button-text-line-height);
692
+ letter-spacing: var(--hop-Button-text-letter-spacing);
677
693
  text-decoration: none;
694
+ text-transform: var(--hop-Button-text-transform);
678
695
  text-wrap: nowrap;
679
696
  }
680
- .Button-module__hop-Button__end-icon___au2Lr,
681
- .Button-module__hop-Button__end-icon-list___pPZwI {
697
+ .Button-module__hop-Button__end-icon___E3P85,
698
+ .Button-module__hop-Button__end-icon-list___nVVmU {
682
699
  flex: 0 0 auto;
683
700
  order: 3;
684
701
  color: var(--icon-color);
685
702
  }
686
- .Button-module__hop-Button___1Mv6s .Button-module__hop-Button__icon-list___ND5K4,
687
- .Button-module__hop-Button___1Mv6s .Button-module__hop-Button__end-icon-list___pPZwI {
703
+ .Button-module__hop-Button___Clogn .Button-module__hop-Button__icon-list___HQj6P,
704
+ .Button-module__hop-Button___Clogn .Button-module__hop-Button__end-icon-list___nVVmU {
688
705
  flex-wrap: nowrap;
689
706
  }
690
- .Button-module__hop-Button--loading___dNX9q.Button-module__hop-Button___1Mv6s > *:not(.Button-module__hop-Button__Spinner___044v1) {
707
+ .Button-module__hop-Button--loading___xX48D.Button-module__hop-Button___Clogn > *:not(.Button-module__hop-Button__Spinner___vImpw) {
691
708
  opacity: 0;
692
709
  }
693
710
 
694
711
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
695
- .ButtonGroup-module__hop-ButtonGroup___NHZQu {
712
+ .ButtonGroup-module__hop-ButtonGroup___awGRI {
696
713
  display: inline-flex;
697
714
  flex-wrap: nowrap;
698
715
  gap: var(--hop-space-inline-md);
699
716
  }
700
- .ButtonGroup-module__hop-ButtonGroup--horizontal___-EV5E {
717
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___B3puN {
701
718
  align-items: center;
702
719
  }
703
- .ButtonGroup-module__hop-ButtonGroup--vertical___ESy4u {
720
+ .ButtonGroup-module__hop-ButtonGroup--vertical___y1qH9 {
704
721
  flex-direction: column;
705
722
  gap: var(--hop-space-stack-md);
706
723
  justify-content: center;
707
724
  }
708
- .ButtonGroup-module__hop-ButtonGroup--start___CXjKP.ButtonGroup-module__hop-ButtonGroup--vertical___ESy4u {
725
+ .ButtonGroup-module__hop-ButtonGroup--start___rKOGI.ButtonGroup-module__hop-ButtonGroup--vertical___y1qH9 {
709
726
  align-items: flex-start;
710
727
  }
711
- .ButtonGroup-module__hop-ButtonGroup--center___fxo-3.ButtonGroup-module__hop-ButtonGroup--vertical___ESy4u {
728
+ .ButtonGroup-module__hop-ButtonGroup--center___U076P.ButtonGroup-module__hop-ButtonGroup--vertical___y1qH9 {
712
729
  align-items: center;
713
730
  }
714
- .ButtonGroup-module__hop-ButtonGroup--end___tmVD6.ButtonGroup-module__hop-ButtonGroup--vertical___ESy4u {
731
+ .ButtonGroup-module__hop-ButtonGroup--end___ZVuR7.ButtonGroup-module__hop-ButtonGroup--vertical___y1qH9 {
715
732
  align-items: flex-end;
716
733
  }
717
- .ButtonGroup-module__hop-ButtonGroup--start___CXjKP.ButtonGroup-module__hop-ButtonGroup--horizontal___-EV5E {
734
+ .ButtonGroup-module__hop-ButtonGroup--start___rKOGI.ButtonGroup-module__hop-ButtonGroup--horizontal___B3puN {
718
735
  justify-content: flex-start;
719
736
  }
720
- .ButtonGroup-module__hop-ButtonGroup--center___fxo-3.ButtonGroup-module__hop-ButtonGroup--horizontal___-EV5E {
737
+ .ButtonGroup-module__hop-ButtonGroup--center___U076P.ButtonGroup-module__hop-ButtonGroup--horizontal___B3puN {
721
738
  justify-content: center;
722
739
  }
723
- .ButtonGroup-module__hop-ButtonGroup--end___tmVD6.ButtonGroup-module__hop-ButtonGroup--horizontal___-EV5E {
740
+ .ButtonGroup-module__hop-ButtonGroup--end___ZVuR7.ButtonGroup-module__hop-ButtonGroup--horizontal___B3puN {
724
741
  justify-content: flex-end;
725
742
  }
726
- .ButtonGroup-module__hop-ButtonGroup--wrap___11Yy7 {
743
+ .ButtonGroup-module__hop-ButtonGroup--wrap___RZw6M {
727
744
  flex-wrap: wrap;
728
745
  }
729
- .ButtonGroup-module__hop-ButtonGroup--fluid___YDjII {
746
+ .ButtonGroup-module__hop-ButtonGroup--fluid___rvD-3 {
730
747
  inline-size: 100%;
731
748
  }
732
749
 
733
750
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
734
- .EmbeddedButton-module__hop-EmbeddedButton___hrRM5 {
751
+ .EmbeddedButton-module__hop-EmbeddedButton___OaK8F {
735
752
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
736
753
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
737
754
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -895,7 +912,7 @@
895
912
  outline: none;
896
913
  transition: color var(--transition);
897
914
  }
898
- .EmbeddedButton-module__hop-EmbeddedButton___hrRM5::before {
915
+ .EmbeddedButton-module__hop-EmbeddedButton___OaK8F::before {
899
916
  content: "";
900
917
  position: absolute;
901
918
  inset-block-start: 50%;
@@ -908,284 +925,284 @@
908
925
  border-radius: var(--effect-border-radius);
909
926
  transition: background-color var(--transition);
910
927
  }
911
- .EmbeddedButton-module__hop-EmbeddedButton___hrRM5[data-square] {
928
+ .EmbeddedButton-module__hop-EmbeddedButton___OaK8F[data-square] {
912
929
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
913
930
  }
914
- .EmbeddedButton-module__hop-EmbeddedButton--md___8CkP- {
931
+ .EmbeddedButton-module__hop-EmbeddedButton--md___OT7fp {
915
932
  --inline-size: var(--hop-EmbeddedButton-md-width);
916
933
  --block-size: var(--hop-EmbeddedButton-md-height);
917
934
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
918
935
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton--lg___RbHsl {
936
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___l5PjI {
920
937
  --inline-size: var(--hop-EmbeddedButton-lg-width);
921
938
  --block-size: var(--hop-EmbeddedButton-lg-height);
922
939
  --focus-ring-offset: 0;
923
940
  }
924
- .EmbeddedButton-module__hop-EmbeddedButton--md___8CkP-::before {
941
+ .EmbeddedButton-module__hop-EmbeddedButton--md___OT7fp::before {
925
942
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
926
943
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
927
944
  }
928
- .EmbeddedButton-module__hop-EmbeddedButton--lg___RbHsl::before {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___l5PjI::before {
929
946
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
930
947
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
931
948
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-6L1n {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___0tNeq {
933
950
  --color: var(--hop-EmbeddedButton-neutral-color);
934
951
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
935
952
  }
936
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___5RgQS {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___IGgq4 {
937
954
  --color: var(--hop-EmbeddedButton-subdued-color);
938
955
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
939
956
  }
940
- .EmbeddedButton-module__hop-EmbeddedButton--progress___uJPhK {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___1FqLC {
941
958
  --color: var(--hop-EmbeddedButton-progress-color);
942
959
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
943
960
  }
944
- .EmbeddedButton-module__hop-EmbeddedButton--positive___86JJS {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___-3kuE {
945
962
  --color: var(--hop-EmbeddedButton-positive-color);
946
963
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
947
964
  }
948
- .EmbeddedButton-module__hop-EmbeddedButton--caution___8Bgjh {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qNADN {
949
966
  --color: var(--hop-EmbeddedButton-caution-color);
950
967
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
951
968
  }
952
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4zsWl {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XdWQN {
953
970
  --color: var(--hop-EmbeddedButton-negative-color);
954
971
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
955
972
  }
956
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ra8tY {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___W0u8K {
957
974
  --color: var(--hop-EmbeddedButton-option1-color);
958
975
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
959
976
  }
960
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ZhU2y {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___y1zBI {
961
978
  --color: var(--hop-EmbeddedButton-option2-color);
962
979
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
963
980
  }
964
- .EmbeddedButton-module__hop-EmbeddedButton--option3___E27SK {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___kRZoO {
965
982
  --color: var(--hop-EmbeddedButton-option3-color);
966
983
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
967
984
  }
968
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rDe8i {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___CFOtM {
969
986
  --color: var(--hop-EmbeddedButton-option4-color);
970
987
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
971
988
  }
972
- .EmbeddedButton-module__hop-EmbeddedButton--option5___onIH- {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___pgZtg {
973
990
  --color: var(--hop-EmbeddedButton-option5-color);
974
991
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
975
992
  }
976
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-E9aB {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___naAbL {
977
994
  --color: var(--hop-EmbeddedButton-option6-color);
978
995
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
979
996
  }
980
- .EmbeddedButton-module__hop-EmbeddedButton___hrRM5[data-selected] {
997
+ .EmbeddedButton-module__hop-EmbeddedButton___OaK8F[data-selected] {
981
998
  --color: var(--hop-EmbeddedButton-selected-color);
982
999
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
983
1000
  }
984
- .EmbeddedButton-module__hop-EmbeddedButton___hrRM5[data-focus-visible] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___OaK8F[data-focus-visible] {
985
1002
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
986
1003
  outline-offset: var(--focus-ring-offset);
987
1004
  }
988
- .EmbeddedButton-module__hop-EmbeddedButton___hrRM5[data-disabled] {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton___OaK8F[data-disabled] {
989
1006
  cursor: not-allowed;
990
1007
  }
991
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-6L1n[data-hovered] {
1008
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___0tNeq[data-hovered] {
992
1009
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
993
1010
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
994
1011
  }
995
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-6L1n[data-focus-visible] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___0tNeq[data-focus-visible] {
996
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
997
1014
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
998
1015
  }
999
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-6L1n[data-pressed] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___0tNeq[data-pressed] {
1000
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1001
1018
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1002
1019
  }
1003
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___-6L1n[data-disabled] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___0tNeq[data-disabled] {
1004
1021
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1005
1022
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1006
1023
  }
1007
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___5RgQS[data-hovered] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___IGgq4[data-hovered] {
1008
1025
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1009
1026
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1010
1027
  }
1011
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___5RgQS[data-focus-visible] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___IGgq4[data-focus-visible] {
1012
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1013
1030
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1014
1031
  }
1015
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___5RgQS[data-pressed] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___IGgq4[data-pressed] {
1016
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1017
1034
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1018
1035
  }
1019
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___5RgQS[data-disabled] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___IGgq4[data-disabled] {
1020
1037
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1021
1038
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1022
1039
  }
1023
- .EmbeddedButton-module__hop-EmbeddedButton--progress___uJPhK[data-hovered] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___1FqLC[data-hovered] {
1024
1041
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1025
1042
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1026
1043
  }
1027
- .EmbeddedButton-module__hop-EmbeddedButton--progress___uJPhK[data-focus-visible] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___1FqLC[data-focus-visible] {
1028
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1029
1046
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1030
1047
  }
1031
- .EmbeddedButton-module__hop-EmbeddedButton--progress___uJPhK[data-pressed] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___1FqLC[data-pressed] {
1032
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1033
1050
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1034
1051
  }
1035
- .EmbeddedButton-module__hop-EmbeddedButton--progress___uJPhK[data-disabled] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___1FqLC[data-disabled] {
1036
1053
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1037
1054
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1038
1055
  }
1039
- .EmbeddedButton-module__hop-EmbeddedButton--positive___86JJS[data-hovered] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___-3kuE[data-hovered] {
1040
1057
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1041
1058
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1042
1059
  }
1043
- .EmbeddedButton-module__hop-EmbeddedButton--positive___86JJS[data-focus-visible] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___-3kuE[data-focus-visible] {
1044
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1045
1062
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1046
1063
  }
1047
- .EmbeddedButton-module__hop-EmbeddedButton--positive___86JJS[data-pressed] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___-3kuE[data-pressed] {
1048
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1049
1066
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1050
1067
  }
1051
- .EmbeddedButton-module__hop-EmbeddedButton--positive___86JJS[data-disabled] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___-3kuE[data-disabled] {
1052
1069
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1053
1070
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1054
1071
  }
1055
- .EmbeddedButton-module__hop-EmbeddedButton--caution___8Bgjh[data-hovered] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qNADN[data-hovered] {
1056
1073
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1057
1074
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1058
1075
  }
1059
- .EmbeddedButton-module__hop-EmbeddedButton--caution___8Bgjh[data-focus-visible] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qNADN[data-focus-visible] {
1060
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1061
1078
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1062
1079
  }
1063
- .EmbeddedButton-module__hop-EmbeddedButton--caution___8Bgjh[data-pressed] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qNADN[data-pressed] {
1064
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1065
1082
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1066
1083
  }
1067
- .EmbeddedButton-module__hop-EmbeddedButton--caution___8Bgjh[data-disabled] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qNADN[data-disabled] {
1068
1085
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1069
1086
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1070
1087
  }
1071
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4zsWl[data-hovered] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XdWQN[data-hovered] {
1072
1089
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1073
1090
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1074
1091
  }
1075
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4zsWl[data-focus-visible] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XdWQN[data-focus-visible] {
1076
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1077
1094
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1078
1095
  }
1079
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4zsWl[data-pressed] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XdWQN[data-pressed] {
1080
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1081
1098
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1082
1099
  }
1083
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4zsWl[data-disabled] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___XdWQN[data-disabled] {
1084
1101
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1085
1102
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1086
1103
  }
1087
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ra8tY[data-hovered] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___W0u8K[data-hovered] {
1088
1105
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1089
1106
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1090
1107
  }
1091
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ra8tY[data-focus-visible] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___W0u8K[data-focus-visible] {
1092
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1093
1110
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1094
1111
  }
1095
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ra8tY[data-pressed] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___W0u8K[data-pressed] {
1096
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1097
1114
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1098
1115
  }
1099
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ra8tY[data-disabled] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___W0u8K[data-disabled] {
1100
1117
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1101
1118
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1102
1119
  }
1103
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ZhU2y[data-hovered] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___y1zBI[data-hovered] {
1104
1121
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1105
1122
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1106
1123
  }
1107
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ZhU2y[data-focus-visible] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___y1zBI[data-focus-visible] {
1108
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1109
1126
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1110
1127
  }
1111
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ZhU2y[data-pressed] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___y1zBI[data-pressed] {
1112
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1113
1130
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1114
1131
  }
1115
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ZhU2y[data-disabled] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___y1zBI[data-disabled] {
1116
1133
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1117
1134
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1118
1135
  }
1119
- .EmbeddedButton-module__hop-EmbeddedButton--option3___E27SK[data-hovered] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___kRZoO[data-hovered] {
1120
1137
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1121
1138
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1122
1139
  }
1123
- .EmbeddedButton-module__hop-EmbeddedButton--option3___E27SK[data-focus-visible] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___kRZoO[data-focus-visible] {
1124
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1125
1142
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1126
1143
  }
1127
- .EmbeddedButton-module__hop-EmbeddedButton--option3___E27SK[data-pressed] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___kRZoO[data-pressed] {
1128
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1129
1146
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1130
1147
  }
1131
- .EmbeddedButton-module__hop-EmbeddedButton--option3___E27SK[data-disabled] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___kRZoO[data-disabled] {
1132
1149
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1133
1150
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1134
1151
  }
1135
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rDe8i[data-hovered] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___CFOtM[data-hovered] {
1136
1153
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1137
1154
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1138
1155
  }
1139
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rDe8i[data-focus-visible] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___CFOtM[data-focus-visible] {
1140
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1141
1158
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1142
1159
  }
1143
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rDe8i[data-pressed] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___CFOtM[data-pressed] {
1144
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1145
1162
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1146
1163
  }
1147
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rDe8i[data-disabled] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___CFOtM[data-disabled] {
1148
1165
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1149
1166
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1150
1167
  }
1151
- .EmbeddedButton-module__hop-EmbeddedButton--option5___onIH-[data-hovered] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___pgZtg[data-hovered] {
1152
1169
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1153
1170
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1154
1171
  }
1155
- .EmbeddedButton-module__hop-EmbeddedButton--option5___onIH-[data-focus-visible] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___pgZtg[data-focus-visible] {
1156
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1157
1174
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1158
1175
  }
1159
- .EmbeddedButton-module__hop-EmbeddedButton--option5___onIH-[data-pressed] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___pgZtg[data-pressed] {
1160
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1161
1178
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1162
1179
  }
1163
- .EmbeddedButton-module__hop-EmbeddedButton--option5___onIH-[data-disabled] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___pgZtg[data-disabled] {
1164
1181
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1165
1182
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1166
1183
  }
1167
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-E9aB[data-hovered] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___naAbL[data-hovered] {
1168
1185
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1169
1186
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1170
1187
  }
1171
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-E9aB[data-focus-visible] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___naAbL[data-focus-visible] {
1172
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1173
1190
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1174
1191
  }
1175
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-E9aB[data-pressed] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___naAbL[data-pressed] {
1176
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1177
1194
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1178
1195
  }
1179
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-E9aB[data-disabled] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___naAbL[data-disabled] {
1180
1197
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1181
1198
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1182
1199
  }
1183
- .EmbeddedButton-module__hop-EmbeddedButton__icon___YLHsG {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___-1QGV {
1184
1201
  position: relative;
1185
1202
  }
1186
1203
 
1187
1204
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1188
- button.CloseButton-module__hop-CloseButton___Exm3g {
1205
+ button.CloseButton-module__hop-CloseButton___20vvR {
1189
1206
  --hop-CloseButton-margin-top: 0rem;
1190
1207
  --hop-CloseButton-padding: 0rem;
1191
1208
  --hop-CloseButton-width: fit-content;
@@ -1199,7 +1216,7 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1199
1216
  }
1200
1217
 
1201
1218
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1202
- .Button-module__hop-Button___1Mv6s {
1219
+ .Button-module__hop-Button___Clogn {
1203
1220
  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1204
1221
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1205
1222
  --hop-Button-icon-only-column-gap: 0;
@@ -1212,6 +1229,12 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1212
1229
  --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1213
1230
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1214
1231
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1232
+ --hop-Button-text-font: var(--hop-comp-button-text-font);
1233
+ --hop-Button-text-font-weight: var(--hop-comp-button-text-font-weight);
1234
+ --hop-Button-text-transform: var(--hop-comp-button-text-transform);
1235
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-md);
1236
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-md);
1237
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-md);
1215
1238
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1216
1239
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1217
1240
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
@@ -1260,32 +1283,38 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1260
1283
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1261
1284
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1262
1285
  }
1263
- .Button-module__hop-Button--fluid___dnacH {
1286
+ .Button-module__hop-Button--fluid___nMbmt {
1264
1287
  --inline-size: 100%;
1265
1288
  }
1266
- .Button-module__hop-Button--xs___e0T0Q {
1289
+ .Button-module__hop-Button--xs___nM3zL {
1267
1290
  --block-size: var(--hop-Button-xs-height);
1268
1291
  --padding: var(--hop-Button-xs-padding);
1292
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-xs);
1293
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-xs);
1294
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-xs);
1269
1295
  }
1270
- .Button-module__hop-Button--xs___e0T0Q[class*=--ghost] {
1296
+ .Button-module__hop-Button--xs___nM3zL[class*=--ghost] {
1271
1297
  --padding: var(--hop-Button-ghost-xs-padding);
1272
1298
  }
1273
- .Button-module__hop-Button--sm___BI9GF {
1299
+ .Button-module__hop-Button--sm___40x6C {
1274
1300
  --block-size: var(--hop-Button-sm-height);
1275
1301
  --padding: var(--hop-Button-sm-padding);
1302
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-sm);
1303
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-sm);
1304
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-sm);
1276
1305
  }
1277
- .Button-module__hop-Button--sm___BI9GF[class*=--ghost] {
1306
+ .Button-module__hop-Button--sm___40x6C[class*=--ghost] {
1278
1307
  --padding: var(--hop-Button-ghost-sm-padding);
1279
1308
  }
1280
- .Button-module__hop-Button--md___qTgnt[class*=--ghost] {
1309
+ .Button-module__hop-Button--md___PpY8X[class*=--ghost] {
1281
1310
  --padding: var(--hop-Button-ghost-md-padding);
1282
1311
  }
1283
- .Button-module__hop-Button--icon-only___6NOMf {
1312
+ .Button-module__hop-Button--icon-only___B-e6- {
1284
1313
  --column-gap: var(--hop-Button-icon-only-column-gap);
1285
1314
  --padding: var(--hop-Button-icon-only-padding);
1286
1315
  aspect-ratio: 1;
1287
1316
  }
1288
- .Button-module__hop-Button--primary___5xiSr {
1317
+ .Button-module__hop-Button--primary___bARHv {
1289
1318
  --background: var(--hop-comp-button-primary-background);
1290
1319
  --color: var(--hop-comp-button-primary-text-color);
1291
1320
  --icon-color: var(--hop-comp-button-primary-icon-color);
@@ -1296,20 +1325,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1296
1325
  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1297
1326
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1298
1327
  }
1299
- .Button-module__hop-Button--primary___5xiSr[data-hovered],
1300
- .Button-module__hop-Button--primary___5xiSr[data-focus-visible] {
1328
+ .Button-module__hop-Button--primary___bARHv[data-hovered],
1329
+ .Button-module__hop-Button--primary___bARHv[data-focus-visible] {
1301
1330
  --background: var(--hop-comp-button-primary-background-hover);
1302
1331
  --color: var(--hop-comp-button-primary-text-color-hover);
1303
1332
  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1304
1333
  --border: var(--hop-Button-primary-border);
1305
1334
  }
1306
- .Button-module__hop-Button--primary___5xiSr[data-pressed] {
1335
+ .Button-module__hop-Button--primary___bARHv[data-pressed] {
1307
1336
  --background: var(--hop-comp-button-primary-background-pressed);
1308
1337
  --color: var(--hop-comp-button-primary-text-color-pressed);
1309
1338
  --icon-color: var(--hop-comp-button-primary-icon-color-press);
1310
1339
  --border: var(--hop-Button-primary-border);
1311
1340
  }
1312
- .Button-module__hop-Button--secondary___-UtRf {
1341
+ .Button-module__hop-Button--secondary___LU9Zd {
1313
1342
  --background: var(--hop-comp-button-secondary-background);
1314
1343
  --color: var(--hop-comp-button-secondary-text-color);
1315
1344
  --icon-color: var(--hop-comp-button-secondary-icon-color);
@@ -1320,20 +1349,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1320
1349
  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1321
1350
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1322
1351
  }
1323
- .Button-module__hop-Button--secondary___-UtRf[data-hovered],
1324
- .Button-module__hop-Button--secondary___-UtRf[data-focus-visible] {
1352
+ .Button-module__hop-Button--secondary___LU9Zd[data-hovered],
1353
+ .Button-module__hop-Button--secondary___LU9Zd[data-focus-visible] {
1325
1354
  --background: var(--hop-comp-button-secondary-background-hover);
1326
1355
  --color: var(--hop-comp-button-secondary-text-color-hover);
1327
1356
  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1328
1357
  --border: var(--hop-Button-secondary-border);
1329
1358
  }
1330
- .Button-module__hop-Button--secondary___-UtRf[data-pressed] {
1359
+ .Button-module__hop-Button--secondary___LU9Zd[data-pressed] {
1331
1360
  --background: var(--hop-comp-button-secondary-background-pressed);
1332
1361
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1333
1362
  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1334
1363
  --border: var(--hop-Button-secondary-border);
1335
1364
  }
1336
- .Button-module__hop-Button--upsell___agh4J {
1365
+ .Button-module__hop-Button--upsell___5ZUnz {
1337
1366
  --background: var(--hop-comp-button-upsell-background);
1338
1367
  --color: var(--hop-comp-button-upsell-text-color);
1339
1368
  --icon-color: var(--hop-comp-button-upsell-icon-color);
@@ -1344,20 +1373,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1344
1373
  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1345
1374
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1346
1375
  }
1347
- .Button-module__hop-Button--upsell___agh4J[data-hovered],
1348
- .Button-module__hop-Button--upsell___agh4J[data-focus-visible] {
1376
+ .Button-module__hop-Button--upsell___5ZUnz[data-hovered],
1377
+ .Button-module__hop-Button--upsell___5ZUnz[data-focus-visible] {
1349
1378
  --background: var(--hop-comp-button-upsell-background-hover);
1350
1379
  --color: var(--hop-comp-button-upsell-text-color-hover);
1351
1380
  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1352
1381
  --border: var(--hop-Button-upsell-border);
1353
1382
  }
1354
- .Button-module__hop-Button--upsell___agh4J[data-pressed] {
1383
+ .Button-module__hop-Button--upsell___5ZUnz[data-pressed] {
1355
1384
  --background: var(--hop-comp-button-upsell-background-pressed);
1356
1385
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1357
1386
  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1358
1387
  --border: var(--hop-Button-upsell-border);
1359
1388
  }
1360
- .Button-module__hop-Button--danger___HgS-B {
1389
+ .Button-module__hop-Button--danger___fK9E9 {
1361
1390
  --background: var(--hop-comp-button-danger-background);
1362
1391
  --color: var(--hop-comp-button-danger-text-color);
1363
1392
  --icon-color: var(--hop-comp-button-danger-icon-color);
@@ -1368,20 +1397,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1368
1397
  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1369
1398
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1370
1399
  }
1371
- .Button-module__hop-Button--danger___HgS-B[data-hovered],
1372
- .Button-module__hop-Button--danger___HgS-B[data-focus-visible] {
1400
+ .Button-module__hop-Button--danger___fK9E9[data-hovered],
1401
+ .Button-module__hop-Button--danger___fK9E9[data-focus-visible] {
1373
1402
  --background: var(--hop-comp-button-danger-background-hover);
1374
1403
  --color: var(--hop-comp-button-danger-text-color-hover);
1375
1404
  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1376
1405
  --border: var(--hop-Button-danger-border);
1377
1406
  }
1378
- .Button-module__hop-Button--danger___HgS-B[data-pressed] {
1407
+ .Button-module__hop-Button--danger___fK9E9[data-pressed] {
1379
1408
  --background: var(--hop-comp-button-danger-background-pressed);
1380
1409
  --color: var(--hop-comp-button-danger-text-color-pressed);
1381
1410
  --icon-color: var(--hop-comp-button-danger-icon-color-press);
1382
1411
  --border: var(--hop-Button-danger-border);
1383
1412
  }
1384
- .Button-module__hop-Button--ghost-primary___JE5H4 {
1413
+ .Button-module__hop-Button--ghost-primary___vgc1p {
1385
1414
  --background: var(--hop-comp-button-ghost-primary-background);
1386
1415
  --color: var(--hop-comp-button-ghost-primary-text-color);
1387
1416
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
@@ -1392,20 +1421,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1392
1421
  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1393
1422
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1394
1423
  }
1395
- .Button-module__hop-Button--ghost-primary___JE5H4[data-hovered],
1396
- .Button-module__hop-Button--ghost-primary___JE5H4[data-focus-visible] {
1424
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-hovered],
1425
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-focus-visible] {
1397
1426
  --background: var(--hop-comp-button-ghost-primary-background-hover);
1398
1427
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1399
1428
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1400
1429
  --border: var(--hop-Button-ghost-primary-border);
1401
1430
  }
1402
- .Button-module__hop-Button--ghost-primary___JE5H4[data-pressed] {
1431
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-pressed] {
1403
1432
  --background: var(--hop-comp-button-ghost-primary-background-pressed);
1404
1433
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1405
1434
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1406
1435
  --border: var(--hop-Button-ghost-primary-border);
1407
1436
  }
1408
- .Button-module__hop-Button--ghost-secondary___SdjJj {
1437
+ .Button-module__hop-Button--ghost-secondary___BMTmr {
1409
1438
  --background: var(--hop-comp-button-ghost-secondary-background);
1410
1439
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1411
1440
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
@@ -1416,20 +1445,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1416
1445
  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1417
1446
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1418
1447
  }
1419
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-hovered],
1420
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-focus-visible] {
1448
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-hovered],
1449
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-focus-visible] {
1421
1450
  --background: var(--hop-comp-button-ghost-secondary-background-hover);
1422
1451
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1423
1452
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1424
1453
  --border: var(--hop-Button-ghost-secondary-border);
1425
1454
  }
1426
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-pressed] {
1455
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-pressed] {
1427
1456
  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1428
1457
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1429
1458
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1430
1459
  --border: var(--hop-Button-ghost-secondary-border);
1431
1460
  }
1432
- .Button-module__hop-Button--ghost-danger___140nt {
1461
+ .Button-module__hop-Button--ghost-danger___PM-4Q {
1433
1462
  --background: var(--hop-comp-button-ghost-danger-background);
1434
1463
  --color: var(--hop-comp-button-ghost-danger-text-color);
1435
1464
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
@@ -1440,137 +1469,142 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1440
1469
  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1441
1470
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1442
1471
  }
1443
- .Button-module__hop-Button--ghost-danger___140nt[data-hovered],
1444
- .Button-module__hop-Button--ghost-danger___140nt[data-focus-visible] {
1472
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-hovered],
1473
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-focus-visible] {
1445
1474
  --background: var(--hop-comp-button-ghost-danger-background-hover);
1446
1475
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1447
1476
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1448
1477
  --border: var(--hop-Button-ghost-danger-border);
1449
1478
  }
1450
- .Button-module__hop-Button--ghost-danger___140nt[data-pressed] {
1479
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-pressed] {
1451
1480
  --background: var(--hop-comp-button-ghost-danger-background-pressed);
1452
1481
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1453
1482
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1454
1483
  --border: var(--hop-Button-ghost-danger-border);
1455
1484
  }
1456
- .Button-module__hop-Button___1Mv6s[data-focus-visible] {
1485
+ .Button-module__hop-Button___Clogn[data-focus-visible] {
1457
1486
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1458
1487
  }
1459
- .Button-module__hop-Button___1Mv6s[data-disabled],
1460
- .Button-module__hop-Button--loading___dNX9q {
1488
+ .Button-module__hop-Button___Clogn[data-disabled],
1489
+ .Button-module__hop-Button--loading___xX48D {
1461
1490
  cursor: not-allowed;
1462
1491
  }
1463
- .Button-module__hop-Button___1Mv6s[data-disabled] {
1492
+ .Button-module__hop-Button___Clogn[data-disabled] {
1464
1493
  --color: var(--hop-comp-button-text-color-disabled);
1465
1494
  --icon-color: var(--hop-comp-button-icon-color-disabled);
1466
1495
  }
1467
- .Button-module__hop-Button--primary___5xiSr[data-disabled] {
1496
+ .Button-module__hop-Button--primary___bARHv[data-disabled] {
1468
1497
  --background: var(--hop-comp-button-primary-background-disabled);
1469
1498
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1470
1499
  }
1471
- .Button-module__hop-Button--secondary___-UtRf[data-disabled] {
1500
+ .Button-module__hop-Button--secondary___LU9Zd[data-disabled] {
1472
1501
  --background: var(--hop-comp-button-secondary-background-disabled);
1473
1502
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1474
1503
  }
1475
- .Button-module__hop-Button--upsell___agh4J[data-disabled] {
1504
+ .Button-module__hop-Button--upsell___5ZUnz[data-disabled] {
1476
1505
  --background: var(--hop-comp-button-upsell-background-disabled);
1477
1506
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1478
1507
  }
1479
- .Button-module__hop-Button--danger___HgS-B[data-disabled] {
1508
+ .Button-module__hop-Button--danger___fK9E9[data-disabled] {
1480
1509
  --background: var(--hop-comp-button-danger-background-disabled);
1481
1510
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1482
1511
  }
1483
- .Button-module__hop-Button--ghost-primary___JE5H4[data-disabled] {
1512
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-disabled] {
1484
1513
  --background: var(--hop-comp-button-ghost-primary-background-disabled);
1485
1514
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1486
1515
  }
1487
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-disabled] {
1516
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-disabled] {
1488
1517
  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1489
1518
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1490
1519
  }
1491
- .Button-module__hop-Button--ghost-danger___140nt[data-disabled] {
1520
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-disabled] {
1492
1521
  --background: var(--hop-comp-button-ghost-danger-background-disabled);
1493
1522
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1494
1523
  }
1495
- .Button-module__hop-Button--loading___dNX9q {
1524
+ .Button-module__hop-Button--loading___xX48D {
1496
1525
  background: var(--background-loading);
1497
1526
  color: var(--color-loading);
1498
1527
  border-color: var(--border-color-loading);
1499
1528
  box-shadow: var(--box-shadow-loading);
1500
1529
  }
1501
- .Button-module__hop-Button__Spinner___044v1 {
1530
+ .Button-module__hop-Button__Spinner___vImpw {
1502
1531
  position: absolute;
1503
1532
  }
1504
- .Button-module__hop-Button__icon___6nvVm,
1505
- .Button-module__hop-Button__icon-list___ND5K4 {
1533
+ .Button-module__hop-Button__icon___JhRs1,
1534
+ .Button-module__hop-Button__icon-list___HQj6P {
1506
1535
  flex: 0 0 auto;
1507
1536
  justify-self: end;
1508
1537
  order: 1;
1509
1538
  color: var(--icon-color);
1510
1539
  }
1511
- .Button-module__hop-Button__text___ETlgz {
1540
+ .Button-module__hop-Button__text___GoBv0 {
1512
1541
  user-select: none;
1513
1542
  overflow: visible;
1514
1543
  flex: 0 1 auto;
1515
1544
  order: 2;
1516
- font-weight: var(--hop-font-weight-505);
1545
+ font-family: var(--hop-Button-text-font);
1546
+ font-size: var(--hop-Button-text-font-size);
1547
+ font-weight: var(--hop-Button-text-font-weight);
1548
+ line-height: var(--hop-Button-text-line-height);
1549
+ letter-spacing: var(--hop-Button-text-letter-spacing);
1517
1550
  text-decoration: none;
1551
+ text-transform: var(--hop-Button-text-transform);
1518
1552
  text-wrap: nowrap;
1519
1553
  }
1520
- .Button-module__hop-Button__end-icon___au2Lr,
1521
- .Button-module__hop-Button__end-icon-list___pPZwI {
1554
+ .Button-module__hop-Button__end-icon___E3P85,
1555
+ .Button-module__hop-Button__end-icon-list___nVVmU {
1522
1556
  flex: 0 0 auto;
1523
1557
  order: 3;
1524
1558
  color: var(--icon-color);
1525
1559
  }
1526
- .Button-module__hop-Button___1Mv6s .Button-module__hop-Button__icon-list___ND5K4,
1527
- .Button-module__hop-Button___1Mv6s .Button-module__hop-Button__end-icon-list___pPZwI {
1560
+ .Button-module__hop-Button___Clogn .Button-module__hop-Button__icon-list___HQj6P,
1561
+ .Button-module__hop-Button___Clogn .Button-module__hop-Button__end-icon-list___nVVmU {
1528
1562
  flex-wrap: nowrap;
1529
1563
  }
1530
- .Button-module__hop-Button--loading___dNX9q.Button-module__hop-Button___1Mv6s > *:not(.Button-module__hop-Button__Spinner___044v1) {
1564
+ .Button-module__hop-Button--loading___xX48D.Button-module__hop-Button___Clogn > *:not(.Button-module__hop-Button__Spinner___vImpw) {
1531
1565
  opacity: 0;
1532
1566
  }
1533
- .LinkButton-module__hop-LinkButton___HfD-r {
1567
+ .LinkButton-module__hop-LinkButton___yr8Ni {
1534
1568
  }
1535
- .LinkButton-module__hop-LinkButton--fluid___R2-Mq {
1569
+ .LinkButton-module__hop-LinkButton--fluid___-GQDh {
1536
1570
  }
1537
- .LinkButton-module__hop-LinkButton--xs___0XfTw {
1571
+ .LinkButton-module__hop-LinkButton--xs___jlrCo {
1538
1572
  }
1539
- .LinkButton-module__hop-LinkButton--sm___683Tv {
1573
+ .LinkButton-module__hop-LinkButton--sm___GnXEV {
1540
1574
  }
1541
- .LinkButton-module__hop-LinkButton--icon-only___9MwtR {
1575
+ .LinkButton-module__hop-LinkButton--icon-only___kZAa5 {
1542
1576
  }
1543
- .LinkButton-module__hop-LinkButton--primary___J1rmb {
1577
+ .LinkButton-module__hop-LinkButton--primary___BZ-5Z {
1544
1578
  }
1545
- .LinkButton-module__hop-LinkButton--secondary___KyEkI {
1579
+ .LinkButton-module__hop-LinkButton--secondary___y4GtS {
1546
1580
  }
1547
- .LinkButton-module__hop-LinkButton--upsell___F2VKm {
1581
+ .LinkButton-module__hop-LinkButton--upsell___bFeV3 {
1548
1582
  }
1549
- .LinkButton-module__hop-LinkButton--danger___Q5299 {
1583
+ .LinkButton-module__hop-LinkButton--danger___RDERP {
1550
1584
  }
1551
- .LinkButton-module__hop-LinkButton--ghost-primary___gBbbq {
1585
+ .LinkButton-module__hop-LinkButton--ghost-primary___mxYoF {
1552
1586
  }
1553
- .LinkButton-module__hop-LinkButton--ghost-secondary___b4Dud {
1587
+ .LinkButton-module__hop-LinkButton--ghost-secondary___towj3 {
1554
1588
  }
1555
- .LinkButton-module__hop-LinkButton--ghost-danger___63K0C {
1589
+ .LinkButton-module__hop-LinkButton--ghost-danger___iH8oF {
1556
1590
  }
1557
- .LinkButton-module__hop-LinkButton__Spinner___9Ayt9 {
1591
+ .LinkButton-module__hop-LinkButton__Spinner___A1ShF {
1558
1592
  }
1559
- .LinkButton-module__hop-LinkButton__icon___5qADn,
1560
- .LinkButton-module__hop-LinkButton__icon-list___IxAUF {
1593
+ .LinkButton-module__hop-LinkButton__icon___tm-yF,
1594
+ .LinkButton-module__hop-LinkButton__icon-list___Pt3rW {
1561
1595
  }
1562
- .LinkButton-module__hop-LinkButton__text___rZ0-f {
1596
+ .LinkButton-module__hop-LinkButton__text___jIFB9 {
1563
1597
  }
1564
- .LinkButton-module__hop-LinkButton__end-icon___kwuZy,
1565
- .LinkButton-module__hop-LinkButton__end-icon-list___KlBZW {
1598
+ .LinkButton-module__hop-LinkButton__end-icon___tnKTk,
1599
+ .LinkButton-module__hop-LinkButton__end-icon-list___kg93I {
1566
1600
  }
1567
- .LinkButton-module__hop-LinkButton___HfD-r .LinkButton-module__hop-LinkButton__icon-list___IxAUF,
1568
- .LinkButton-module__hop-LinkButton___HfD-r .LinkButton-module__hop-LinkButton__end-icon-list___KlBZW {
1601
+ .LinkButton-module__hop-LinkButton___yr8Ni .LinkButton-module__hop-LinkButton__icon-list___Pt3rW,
1602
+ .LinkButton-module__hop-LinkButton___yr8Ni .LinkButton-module__hop-LinkButton__end-icon-list___kg93I {
1569
1603
  flex-wrap: nowrap;
1570
1604
  }
1571
1605
 
1572
1606
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1573
- .Button-module__hop-Button___1Mv6s {
1607
+ .Button-module__hop-Button___Clogn {
1574
1608
  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1575
1609
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1576
1610
  --hop-Button-icon-only-column-gap: 0;
@@ -1583,6 +1617,12 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1583
1617
  --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1584
1618
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1585
1619
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1620
+ --hop-Button-text-font: var(--hop-comp-button-text-font);
1621
+ --hop-Button-text-font-weight: var(--hop-comp-button-text-font-weight);
1622
+ --hop-Button-text-transform: var(--hop-comp-button-text-transform);
1623
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-md);
1624
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-md);
1625
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-md);
1586
1626
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1587
1627
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1588
1628
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
@@ -1631,32 +1671,38 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1631
1671
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1632
1672
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1633
1673
  }
1634
- .Button-module__hop-Button--fluid___dnacH {
1674
+ .Button-module__hop-Button--fluid___nMbmt {
1635
1675
  --inline-size: 100%;
1636
1676
  }
1637
- .Button-module__hop-Button--xs___e0T0Q {
1677
+ .Button-module__hop-Button--xs___nM3zL {
1638
1678
  --block-size: var(--hop-Button-xs-height);
1639
1679
  --padding: var(--hop-Button-xs-padding);
1680
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-xs);
1681
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-xs);
1682
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-xs);
1640
1683
  }
1641
- .Button-module__hop-Button--xs___e0T0Q[class*=--ghost] {
1684
+ .Button-module__hop-Button--xs___nM3zL[class*=--ghost] {
1642
1685
  --padding: var(--hop-Button-ghost-xs-padding);
1643
1686
  }
1644
- .Button-module__hop-Button--sm___BI9GF {
1687
+ .Button-module__hop-Button--sm___40x6C {
1645
1688
  --block-size: var(--hop-Button-sm-height);
1646
1689
  --padding: var(--hop-Button-sm-padding);
1690
+ --hop-Button-text-font-size: var(--hop-comp-button-text-font-size-sm);
1691
+ --hop-Button-text-line-height: var(--hop-comp-button-text-font-lineheight-sm);
1692
+ --hop-Button-text-letter-spacing: var(--hop-comp-button-text-font-letterspacing-sm);
1647
1693
  }
1648
- .Button-module__hop-Button--sm___BI9GF[class*=--ghost] {
1694
+ .Button-module__hop-Button--sm___40x6C[class*=--ghost] {
1649
1695
  --padding: var(--hop-Button-ghost-sm-padding);
1650
1696
  }
1651
- .Button-module__hop-Button--md___qTgnt[class*=--ghost] {
1697
+ .Button-module__hop-Button--md___PpY8X[class*=--ghost] {
1652
1698
  --padding: var(--hop-Button-ghost-md-padding);
1653
1699
  }
1654
- .Button-module__hop-Button--icon-only___6NOMf {
1700
+ .Button-module__hop-Button--icon-only___B-e6- {
1655
1701
  --column-gap: var(--hop-Button-icon-only-column-gap);
1656
1702
  --padding: var(--hop-Button-icon-only-padding);
1657
1703
  aspect-ratio: 1;
1658
1704
  }
1659
- .Button-module__hop-Button--primary___5xiSr {
1705
+ .Button-module__hop-Button--primary___bARHv {
1660
1706
  --background: var(--hop-comp-button-primary-background);
1661
1707
  --color: var(--hop-comp-button-primary-text-color);
1662
1708
  --icon-color: var(--hop-comp-button-primary-icon-color);
@@ -1667,20 +1713,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1667
1713
  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1668
1714
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1669
1715
  }
1670
- .Button-module__hop-Button--primary___5xiSr[data-hovered],
1671
- .Button-module__hop-Button--primary___5xiSr[data-focus-visible] {
1716
+ .Button-module__hop-Button--primary___bARHv[data-hovered],
1717
+ .Button-module__hop-Button--primary___bARHv[data-focus-visible] {
1672
1718
  --background: var(--hop-comp-button-primary-background-hover);
1673
1719
  --color: var(--hop-comp-button-primary-text-color-hover);
1674
1720
  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1675
1721
  --border: var(--hop-Button-primary-border);
1676
1722
  }
1677
- .Button-module__hop-Button--primary___5xiSr[data-pressed] {
1723
+ .Button-module__hop-Button--primary___bARHv[data-pressed] {
1678
1724
  --background: var(--hop-comp-button-primary-background-pressed);
1679
1725
  --color: var(--hop-comp-button-primary-text-color-pressed);
1680
1726
  --icon-color: var(--hop-comp-button-primary-icon-color-press);
1681
1727
  --border: var(--hop-Button-primary-border);
1682
1728
  }
1683
- .Button-module__hop-Button--secondary___-UtRf {
1729
+ .Button-module__hop-Button--secondary___LU9Zd {
1684
1730
  --background: var(--hop-comp-button-secondary-background);
1685
1731
  --color: var(--hop-comp-button-secondary-text-color);
1686
1732
  --icon-color: var(--hop-comp-button-secondary-icon-color);
@@ -1691,20 +1737,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1691
1737
  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1692
1738
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1693
1739
  }
1694
- .Button-module__hop-Button--secondary___-UtRf[data-hovered],
1695
- .Button-module__hop-Button--secondary___-UtRf[data-focus-visible] {
1740
+ .Button-module__hop-Button--secondary___LU9Zd[data-hovered],
1741
+ .Button-module__hop-Button--secondary___LU9Zd[data-focus-visible] {
1696
1742
  --background: var(--hop-comp-button-secondary-background-hover);
1697
1743
  --color: var(--hop-comp-button-secondary-text-color-hover);
1698
1744
  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1699
1745
  --border: var(--hop-Button-secondary-border);
1700
1746
  }
1701
- .Button-module__hop-Button--secondary___-UtRf[data-pressed] {
1747
+ .Button-module__hop-Button--secondary___LU9Zd[data-pressed] {
1702
1748
  --background: var(--hop-comp-button-secondary-background-pressed);
1703
1749
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1704
1750
  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1705
1751
  --border: var(--hop-Button-secondary-border);
1706
1752
  }
1707
- .Button-module__hop-Button--upsell___agh4J {
1753
+ .Button-module__hop-Button--upsell___5ZUnz {
1708
1754
  --background: var(--hop-comp-button-upsell-background);
1709
1755
  --color: var(--hop-comp-button-upsell-text-color);
1710
1756
  --icon-color: var(--hop-comp-button-upsell-icon-color);
@@ -1715,20 +1761,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1715
1761
  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1716
1762
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1717
1763
  }
1718
- .Button-module__hop-Button--upsell___agh4J[data-hovered],
1719
- .Button-module__hop-Button--upsell___agh4J[data-focus-visible] {
1764
+ .Button-module__hop-Button--upsell___5ZUnz[data-hovered],
1765
+ .Button-module__hop-Button--upsell___5ZUnz[data-focus-visible] {
1720
1766
  --background: var(--hop-comp-button-upsell-background-hover);
1721
1767
  --color: var(--hop-comp-button-upsell-text-color-hover);
1722
1768
  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1723
1769
  --border: var(--hop-Button-upsell-border);
1724
1770
  }
1725
- .Button-module__hop-Button--upsell___agh4J[data-pressed] {
1771
+ .Button-module__hop-Button--upsell___5ZUnz[data-pressed] {
1726
1772
  --background: var(--hop-comp-button-upsell-background-pressed);
1727
1773
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1728
1774
  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1729
1775
  --border: var(--hop-Button-upsell-border);
1730
1776
  }
1731
- .Button-module__hop-Button--danger___HgS-B {
1777
+ .Button-module__hop-Button--danger___fK9E9 {
1732
1778
  --background: var(--hop-comp-button-danger-background);
1733
1779
  --color: var(--hop-comp-button-danger-text-color);
1734
1780
  --icon-color: var(--hop-comp-button-danger-icon-color);
@@ -1739,20 +1785,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1739
1785
  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1740
1786
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1741
1787
  }
1742
- .Button-module__hop-Button--danger___HgS-B[data-hovered],
1743
- .Button-module__hop-Button--danger___HgS-B[data-focus-visible] {
1788
+ .Button-module__hop-Button--danger___fK9E9[data-hovered],
1789
+ .Button-module__hop-Button--danger___fK9E9[data-focus-visible] {
1744
1790
  --background: var(--hop-comp-button-danger-background-hover);
1745
1791
  --color: var(--hop-comp-button-danger-text-color-hover);
1746
1792
  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1747
1793
  --border: var(--hop-Button-danger-border);
1748
1794
  }
1749
- .Button-module__hop-Button--danger___HgS-B[data-pressed] {
1795
+ .Button-module__hop-Button--danger___fK9E9[data-pressed] {
1750
1796
  --background: var(--hop-comp-button-danger-background-pressed);
1751
1797
  --color: var(--hop-comp-button-danger-text-color-pressed);
1752
1798
  --icon-color: var(--hop-comp-button-danger-icon-color-press);
1753
1799
  --border: var(--hop-Button-danger-border);
1754
1800
  }
1755
- .Button-module__hop-Button--ghost-primary___JE5H4 {
1801
+ .Button-module__hop-Button--ghost-primary___vgc1p {
1756
1802
  --background: var(--hop-comp-button-ghost-primary-background);
1757
1803
  --color: var(--hop-comp-button-ghost-primary-text-color);
1758
1804
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
@@ -1763,20 +1809,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1763
1809
  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1764
1810
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1765
1811
  }
1766
- .Button-module__hop-Button--ghost-primary___JE5H4[data-hovered],
1767
- .Button-module__hop-Button--ghost-primary___JE5H4[data-focus-visible] {
1812
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-hovered],
1813
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-focus-visible] {
1768
1814
  --background: var(--hop-comp-button-ghost-primary-background-hover);
1769
1815
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1770
1816
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1771
1817
  --border: var(--hop-Button-ghost-primary-border);
1772
1818
  }
1773
- .Button-module__hop-Button--ghost-primary___JE5H4[data-pressed] {
1819
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-pressed] {
1774
1820
  --background: var(--hop-comp-button-ghost-primary-background-pressed);
1775
1821
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1776
1822
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1777
1823
  --border: var(--hop-Button-ghost-primary-border);
1778
1824
  }
1779
- .Button-module__hop-Button--ghost-secondary___SdjJj {
1825
+ .Button-module__hop-Button--ghost-secondary___BMTmr {
1780
1826
  --background: var(--hop-comp-button-ghost-secondary-background);
1781
1827
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1782
1828
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
@@ -1787,20 +1833,20 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1787
1833
  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1788
1834
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1789
1835
  }
1790
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-hovered],
1791
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-focus-visible] {
1836
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-hovered],
1837
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-focus-visible] {
1792
1838
  --background: var(--hop-comp-button-ghost-secondary-background-hover);
1793
1839
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1794
1840
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1795
1841
  --border: var(--hop-Button-ghost-secondary-border);
1796
1842
  }
1797
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-pressed] {
1843
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-pressed] {
1798
1844
  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1799
1845
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1800
1846
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1801
1847
  --border: var(--hop-Button-ghost-secondary-border);
1802
1848
  }
1803
- .Button-module__hop-Button--ghost-danger___140nt {
1849
+ .Button-module__hop-Button--ghost-danger___PM-4Q {
1804
1850
  --background: var(--hop-comp-button-ghost-danger-background);
1805
1851
  --color: var(--hop-comp-button-ghost-danger-text-color);
1806
1852
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
@@ -1811,186 +1857,191 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
1811
1857
  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1812
1858
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1813
1859
  }
1814
- .Button-module__hop-Button--ghost-danger___140nt[data-hovered],
1815
- .Button-module__hop-Button--ghost-danger___140nt[data-focus-visible] {
1860
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-hovered],
1861
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-focus-visible] {
1816
1862
  --background: var(--hop-comp-button-ghost-danger-background-hover);
1817
1863
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1818
1864
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1819
1865
  --border: var(--hop-Button-ghost-danger-border);
1820
1866
  }
1821
- .Button-module__hop-Button--ghost-danger___140nt[data-pressed] {
1867
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-pressed] {
1822
1868
  --background: var(--hop-comp-button-ghost-danger-background-pressed);
1823
1869
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1824
1870
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1825
1871
  --border: var(--hop-Button-ghost-danger-border);
1826
1872
  }
1827
- .Button-module__hop-Button___1Mv6s[data-focus-visible] {
1873
+ .Button-module__hop-Button___Clogn[data-focus-visible] {
1828
1874
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1829
1875
  }
1830
- .Button-module__hop-Button___1Mv6s[data-disabled],
1831
- .Button-module__hop-Button--loading___dNX9q {
1876
+ .Button-module__hop-Button___Clogn[data-disabled],
1877
+ .Button-module__hop-Button--loading___xX48D {
1832
1878
  cursor: not-allowed;
1833
1879
  }
1834
- .Button-module__hop-Button___1Mv6s[data-disabled] {
1880
+ .Button-module__hop-Button___Clogn[data-disabled] {
1835
1881
  --color: var(--hop-comp-button-text-color-disabled);
1836
1882
  --icon-color: var(--hop-comp-button-icon-color-disabled);
1837
1883
  }
1838
- .Button-module__hop-Button--primary___5xiSr[data-disabled] {
1884
+ .Button-module__hop-Button--primary___bARHv[data-disabled] {
1839
1885
  --background: var(--hop-comp-button-primary-background-disabled);
1840
1886
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1841
1887
  }
1842
- .Button-module__hop-Button--secondary___-UtRf[data-disabled] {
1888
+ .Button-module__hop-Button--secondary___LU9Zd[data-disabled] {
1843
1889
  --background: var(--hop-comp-button-secondary-background-disabled);
1844
1890
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1845
1891
  }
1846
- .Button-module__hop-Button--upsell___agh4J[data-disabled] {
1892
+ .Button-module__hop-Button--upsell___5ZUnz[data-disabled] {
1847
1893
  --background: var(--hop-comp-button-upsell-background-disabled);
1848
1894
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1849
1895
  }
1850
- .Button-module__hop-Button--danger___HgS-B[data-disabled] {
1896
+ .Button-module__hop-Button--danger___fK9E9[data-disabled] {
1851
1897
  --background: var(--hop-comp-button-danger-background-disabled);
1852
1898
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1853
1899
  }
1854
- .Button-module__hop-Button--ghost-primary___JE5H4[data-disabled] {
1900
+ .Button-module__hop-Button--ghost-primary___vgc1p[data-disabled] {
1855
1901
  --background: var(--hop-comp-button-ghost-primary-background-disabled);
1856
1902
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1857
1903
  }
1858
- .Button-module__hop-Button--ghost-secondary___SdjJj[data-disabled] {
1904
+ .Button-module__hop-Button--ghost-secondary___BMTmr[data-disabled] {
1859
1905
  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1860
1906
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1861
1907
  }
1862
- .Button-module__hop-Button--ghost-danger___140nt[data-disabled] {
1908
+ .Button-module__hop-Button--ghost-danger___PM-4Q[data-disabled] {
1863
1909
  --background: var(--hop-comp-button-ghost-danger-background-disabled);
1864
1910
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1865
1911
  }
1866
- .Button-module__hop-Button--loading___dNX9q {
1912
+ .Button-module__hop-Button--loading___xX48D {
1867
1913
  background: var(--background-loading);
1868
1914
  color: var(--color-loading);
1869
1915
  border-color: var(--border-color-loading);
1870
1916
  box-shadow: var(--box-shadow-loading);
1871
1917
  }
1872
- .Button-module__hop-Button__Spinner___044v1 {
1918
+ .Button-module__hop-Button__Spinner___vImpw {
1873
1919
  position: absolute;
1874
1920
  }
1875
- .Button-module__hop-Button__icon___6nvVm,
1876
- .Button-module__hop-Button__icon-list___ND5K4 {
1921
+ .Button-module__hop-Button__icon___JhRs1,
1922
+ .Button-module__hop-Button__icon-list___HQj6P {
1877
1923
  flex: 0 0 auto;
1878
1924
  justify-self: end;
1879
1925
  order: 1;
1880
1926
  color: var(--icon-color);
1881
1927
  }
1882
- .Button-module__hop-Button__text___ETlgz {
1928
+ .Button-module__hop-Button__text___GoBv0 {
1883
1929
  user-select: none;
1884
1930
  overflow: visible;
1885
1931
  flex: 0 1 auto;
1886
1932
  order: 2;
1887
- font-weight: var(--hop-font-weight-505);
1933
+ font-family: var(--hop-Button-text-font);
1934
+ font-size: var(--hop-Button-text-font-size);
1935
+ font-weight: var(--hop-Button-text-font-weight);
1936
+ line-height: var(--hop-Button-text-line-height);
1937
+ letter-spacing: var(--hop-Button-text-letter-spacing);
1888
1938
  text-decoration: none;
1939
+ text-transform: var(--hop-Button-text-transform);
1889
1940
  text-wrap: nowrap;
1890
1941
  }
1891
- .Button-module__hop-Button__end-icon___au2Lr,
1892
- .Button-module__hop-Button__end-icon-list___pPZwI {
1942
+ .Button-module__hop-Button__end-icon___E3P85,
1943
+ .Button-module__hop-Button__end-icon-list___nVVmU {
1893
1944
  flex: 0 0 auto;
1894
1945
  order: 3;
1895
1946
  color: var(--icon-color);
1896
1947
  }
1897
- .Button-module__hop-Button___1Mv6s .Button-module__hop-Button__icon-list___ND5K4,
1898
- .Button-module__hop-Button___1Mv6s .Button-module__hop-Button__end-icon-list___pPZwI {
1948
+ .Button-module__hop-Button___Clogn .Button-module__hop-Button__icon-list___HQj6P,
1949
+ .Button-module__hop-Button___Clogn .Button-module__hop-Button__end-icon-list___nVVmU {
1899
1950
  flex-wrap: nowrap;
1900
1951
  }
1901
- .Button-module__hop-Button--loading___dNX9q.Button-module__hop-Button___1Mv6s > *:not(.Button-module__hop-Button__Spinner___044v1) {
1952
+ .Button-module__hop-Button--loading___xX48D.Button-module__hop-Button___Clogn > *:not(.Button-module__hop-Button__Spinner___vImpw) {
1902
1953
  opacity: 0;
1903
1954
  }
1904
- .ToggleButton-module__hop-ToggleButton___7wnt9 {
1955
+ .ToggleButton-module__hop-ToggleButton___0-psN {
1905
1956
  --hop-ToggleButton-border-size: var(--hop-space-10);
1906
1957
  }
1907
- .ToggleButton-module__hop-ToggleButton--fluid___JyfzC {
1958
+ .ToggleButton-module__hop-ToggleButton--fluid___LQgWq {
1908
1959
  }
1909
- .ToggleButton-module__hop-ToggleButton--xs___OfaP6 {
1960
+ .ToggleButton-module__hop-ToggleButton--xs___P17Kx {
1910
1961
  }
1911
- .ToggleButton-module__hop-ToggleButton--sm___EF917 {
1962
+ .ToggleButton-module__hop-ToggleButton--sm___FyITs {
1912
1963
  }
1913
- .ToggleButton-module__hop-ToggleButton--md___FXFFk {
1964
+ .ToggleButton-module__hop-ToggleButton--md___Nn5hg {
1914
1965
  }
1915
- .ToggleButton-module__hop-ToggleButton--icon-only___uq-E8 {
1966
+ .ToggleButton-module__hop-ToggleButton--icon-only___yXRn9 {
1916
1967
  }
1917
- .ToggleButton-module__hop-ToggleButton--primary___tg2ZV {
1968
+ .ToggleButton-module__hop-ToggleButton--primary___XgRFC {
1918
1969
  }
1919
- .ToggleButton-module__hop-ToggleButton--primary___tg2ZV[data-selected] {
1970
+ .ToggleButton-module__hop-ToggleButton--primary___XgRFC[data-selected] {
1920
1971
  --background: var(--hop-comp-button-primary-background-selected);
1921
1972
  --color: var(--hop-comp-button-primary-text-color-selected);
1922
1973
  --icon-color: var(--hop-comp-button-primary-icon-color-selected);
1923
1974
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
1924
1975
  }
1925
- .ToggleButton-module__hop-ToggleButton--secondary___HUx7- {
1976
+ .ToggleButton-module__hop-ToggleButton--secondary___rwCmG {
1926
1977
  }
1927
- .ToggleButton-module__hop-ToggleButton--secondary___HUx7-[data-selected] {
1978
+ .ToggleButton-module__hop-ToggleButton--secondary___rwCmG[data-selected] {
1928
1979
  --background: var(--hop-comp-button-secondary-background-selected);
1929
1980
  --color: var(--hop-comp-button-secondary-text-color-selected);
1930
1981
  --icon-color: var(--hop-comp-button-secondary-icon-color-selected);
1931
1982
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
1932
1983
  }
1933
- .ToggleButton-module__hop-ToggleButton--upsell___fbFL5 {
1984
+ .ToggleButton-module__hop-ToggleButton--upsell___DNN7S {
1934
1985
  }
1935
- .ToggleButton-module__hop-ToggleButton--upsell___fbFL5[data-selected] {
1986
+ .ToggleButton-module__hop-ToggleButton--upsell___DNN7S[data-selected] {
1936
1987
  --background: var(--hop-comp-button-upsell-background-selected);
1937
1988
  --color: var(--hop-comp-button-upsell-text-color-selected);
1938
1989
  --icon-color: var(--hop-comp-button-upsell-icon-color-selected);
1939
1990
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
1940
1991
  }
1941
- .ToggleButton-module__hop-ToggleButton--danger___857KD {
1992
+ .ToggleButton-module__hop-ToggleButton--danger___kF0GU {
1942
1993
  }
1943
- .ToggleButton-module__hop-ToggleButton--danger___857KD[data-selected] {
1994
+ .ToggleButton-module__hop-ToggleButton--danger___kF0GU[data-selected] {
1944
1995
  --background: var(--hop-comp-button-danger-background-selected);
1945
1996
  --color: var(--hop-comp-button-danger-text-color-selected);
1946
1997
  --icon-color: var(--hop-comp-button-danger-icon-color-selected);
1947
1998
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
1948
1999
  }
1949
- .ToggleButton-module__hop-ToggleButton--ghost-primary___WubZd {
2000
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___DE1iq {
1950
2001
  }
1951
- .ToggleButton-module__hop-ToggleButton--ghost-primary___WubZd[data-selected] {
2002
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___DE1iq[data-selected] {
1952
2003
  --background: var(--hop-comp-button-ghost-primary-background-selected);
1953
2004
  --color: var(--hop-comp-button-ghost-primary-text-color-selected);
1954
2005
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-selected);
1955
2006
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
1956
2007
  }
1957
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___m5txL {
2008
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___6Wm4q {
1958
2009
  }
1959
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___m5txL[data-selected] {
2010
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___6Wm4q[data-selected] {
1960
2011
  --background: var(--hop-comp-button-ghost-secondary-background-selected);
1961
2012
  --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
1962
2013
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-selected);
1963
2014
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
1964
2015
  }
1965
- .ToggleButton-module__hop-ToggleButton--ghost-danger___RNZ-- {
2016
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___5DqUD {
1966
2017
  }
1967
- .ToggleButton-module__hop-ToggleButton--ghost-danger___RNZ--[data-selected] {
2018
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___5DqUD[data-selected] {
1968
2019
  --background: var(--hop-comp-button-ghost-danger-background-selected);
1969
2020
  --color: var(--hop-comp-button-ghost-danger-text-color-selected);
1970
2021
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-selected);
1971
2022
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
1972
2023
  }
1973
- .ToggleButton-module__hop-ToggleButton--loading___cxbZw {
2024
+ .ToggleButton-module__hop-ToggleButton--loading___CGII8 {
1974
2025
  }
1975
- .ToggleButton-module__hop-ToggleButton__Spinner___U6QFt {
2026
+ .ToggleButton-module__hop-ToggleButton__Spinner___VuDoW {
1976
2027
  }
1977
- .ToggleButton-module__hop-ToggleButton__icon___5JYud,
1978
- .ToggleButton-module__hop-ToggleButton__icon-list___bXge- {
2028
+ .ToggleButton-module__hop-ToggleButton__icon___4jSpi,
2029
+ .ToggleButton-module__hop-ToggleButton__icon-list___7XBAg {
1979
2030
  }
1980
- .ToggleButton-module__hop-ToggleButton__text___ZYGSa {
2031
+ .ToggleButton-module__hop-ToggleButton__text___m2flA {
1981
2032
  }
1982
- .ToggleButton-module__hop-ToggleButton__end-icon___CvLv7,
1983
- .ToggleButton-module__hop-ToggleButton__end-icon-list___xA--e {
2033
+ .ToggleButton-module__hop-ToggleButton__end-icon___QqEsG,
2034
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___oOb2G {
1984
2035
  }
1985
- .ToggleButton-module__hop-ToggleButton__icon-list___bXge-,
1986
- .ToggleButton-module__hop-ToggleButton__end-icon-list___xA--e {
2036
+ .ToggleButton-module__hop-ToggleButton__icon-list___7XBAg,
2037
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___oOb2G {
1987
2038
  }
1988
- .ToggleButton-module__hop-ToggleButton--loading___cxbZw.ToggleButton-module__hop-ToggleButton___7wnt9 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___U6QFt) {
2039
+ .ToggleButton-module__hop-ToggleButton--loading___CGII8.ToggleButton-module__hop-ToggleButton___0-psN > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___VuDoW) {
1989
2040
  opacity: 0;
1990
2041
  }
1991
2042
 
1992
2043
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
1993
- .ErrorMessage-module__hop-ErrorMessage___3tN3A {
2044
+ .ErrorMessage-module__hop-ErrorMessage___fYHrf {
1994
2045
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1995
2046
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1996
2047
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2007,13 +2058,13 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2007
2058
  line-height: var(--hop-ErrorMessage-line-height);
2008
2059
  color: var(--hop-ErrorMessage-color);
2009
2060
  }
2010
- .ErrorMessage-module__hop-ErrorMessage__icon___12xeU {
2061
+ .ErrorMessage-module__hop-ErrorMessage__icon___GmxAV {
2011
2062
  flex: 0 0 auto;
2012
2063
  align-self: flex-start;
2013
2064
  }
2014
2065
 
2015
2066
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2016
- .HelperMessage-module__hop-HelperMessage___xJ-zq {
2067
+ .HelperMessage-module__hop-HelperMessage___TCLzC {
2017
2068
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2018
2069
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2019
2070
  display: flex;
@@ -2022,13 +2073,13 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2022
2073
  box-sizing: border-box;
2023
2074
  color: var(--hop-HelperMessage-color);
2024
2075
  }
2025
- .HelperMessage-module__hop-HelperMessage__icon___DyZbW {
2076
+ .HelperMessage-module__hop-HelperMessage__icon___NB9WN {
2026
2077
  flex: 0 0 auto;
2027
2078
  align-self: flex-start;
2028
2079
  }
2029
2080
 
2030
2081
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/Input.module.css/#css-module-data */
2031
- .Input-module__hop-Input___kJY4y {
2082
+ .Input-module__hop-Input___j-FEA {
2032
2083
  --hop-Input-placeholder-font-family: inherit;
2033
2084
  --hop-Input-placeholder-font-size: inherit;
2034
2085
  --hop-Input-placeholder-font-weight: inherit;
@@ -2070,30 +2121,30 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2070
2121
  border: 0;
2071
2122
  outline-style: none;
2072
2123
  }
2073
- .Input-module__hop-Input--sm___cdwe1 {
2124
+ .Input-module__hop-Input--sm___LGmc- {
2074
2125
  --font-family: var(--hop-Input-sm-font-family);
2075
2126
  --font-size: var(--hop-Input-sm-font-size);
2076
2127
  --font-weight: var(--hop-Input-sm-font-weight);
2077
2128
  --line-height: var(--hop-Input-sm-line-height);
2078
2129
  --block-size: var(--hop-Input-sm-block-size);
2079
2130
  }
2080
- .Input-module__hop-Input___kJY4y::placeholder {
2131
+ .Input-module__hop-Input___j-FEA::placeholder {
2081
2132
  font-family: var(--hop-Input-placeholder-font-family);
2082
2133
  font-size: var(--hop-Input-placeholder-font-size);
2083
2134
  font-weight: var(--hop-Input-placeholder-font-weight);
2084
2135
  line-height: var(--hop-Input-placeholder-line-height);
2085
2136
  color: var(--hop-comp-field-placeholder-color);
2086
2137
  }
2087
- .Input-module__hop-Input___kJY4y[data-disabled]::placeholder {
2138
+ .Input-module__hop-Input___j-FEA[data-disabled]::placeholder {
2088
2139
  color: var(--hop-comp-field-text-color-disabled);
2089
2140
  }
2090
- .Input-module__hop-Input___kJY4y[data-disabled] {
2141
+ .Input-module__hop-Input___j-FEA[data-disabled] {
2091
2142
  --color: var(--hop-comp-field-text-color-disabled);
2092
2143
  --background-color: var(--hop-comp-field-background-color-disabled);
2093
2144
  }
2094
2145
 
2095
2146
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2096
- .InputGroup-module__hop-InputGroup___sd1SG {
2147
+ .InputGroup-module__hop-InputGroup___EvpH8 {
2097
2148
  --hop-InputGroup-border-width: 0.0625rem;
2098
2149
  --hop-InputGroup-gap: var(--hop-space-inline-sm);
2099
2150
  --hop-InputGroup-inline-size: fit-content;
@@ -2115,27 +2166,27 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2115
2166
  border: var(--border);
2116
2167
  border-radius: var(--hop-comp-field-border-radius);
2117
2168
  }
2118
- .InputGroup-module__hop-InputGroup--fluid___hjZTY {
2169
+ .InputGroup-module__hop-InputGroup--fluid___sb-78 {
2119
2170
  --inline-size: 100%;
2120
2171
  }
2121
- .InputGroup-module__hop-InputGroup___sd1SG[data-hovered] {
2172
+ .InputGroup-module__hop-InputGroup___EvpH8[data-hovered] {
2122
2173
  --background: var(--hop-comp-field-background-color-hover);
2123
2174
  --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-hover);
2124
2175
  }
2125
- .InputGroup-module__hop-InputGroup___sd1SG[data-focus-within] {
2176
+ .InputGroup-module__hop-InputGroup___EvpH8[data-focus-within] {
2126
2177
  --background: var(--hop-comp-field-background-color);
2127
2178
  --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-focus);
2128
2179
  }
2129
- .InputGroup-module__hop-InputGroup___sd1SG[data-invalid] {
2180
+ .InputGroup-module__hop-InputGroup___EvpH8[data-invalid] {
2130
2181
  --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-error);
2131
2182
  }
2132
- .InputGroup-module__hop-InputGroup___sd1SG[data-disabled] {
2183
+ .InputGroup-module__hop-InputGroup___EvpH8[data-disabled] {
2133
2184
  --background: var(--hop-comp-field-background-color-disabled);
2134
2185
  --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-disabled);
2135
2186
  }
2136
2187
 
2137
2188
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2138
- .SearchField-module__hop-SearchField___jCjvU {
2189
+ .SearchField-module__hop-SearchField___-2kAp {
2139
2190
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2140
2191
  --hop-SearchField-inline-size: 20rem;
2141
2192
  --hop-SearchField-padding: var(--hop-space-inset-md);
@@ -2149,33 +2200,33 @@ button.CloseButton-module__hop-CloseButton___Exm3g {
2149
2200
  inline-size: var(--inline-size);
2150
2201
  max-inline-size: 100%;
2151
2202
  }
2152
- .SearchField-module__hop-SearchField--fluid___3pILP {
2203
+ .SearchField-module__hop-SearchField--fluid___uiaxP {
2153
2204
  --inline-size: 100%;
2154
2205
  }
2155
- .SearchField-module__hop-SearchField__Label___uytzS {
2206
+ .SearchField-module__hop-SearchField__Label___a3-Sa {
2156
2207
  order: 0;
2157
2208
  }
2158
- .SearchField-module__hop-SearchField__prefix___InT0E {
2209
+ .SearchField-module__hop-SearchField__prefix___zjrlx {
2159
2210
  color: var(--hop-comp-field-prefill-color);
2160
2211
  }
2161
- .SearchField-module__hop-SearchField__InputGroup___TRgQx {
2212
+ .SearchField-module__hop-SearchField__InputGroup___aQvkV {
2162
2213
  order: 1;
2163
2214
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2164
2215
  }
2165
- .SearchField-module__hop-SearchField--clearable___Xp-yh {
2216
+ .SearchField-module__hop-SearchField--clearable___r5Tat {
2166
2217
  --input-group-padding-inline-end: 0;
2167
2218
  }
2168
- .SearchField-module__hop-SearchField__ErrorMessage___kcmdD,
2169
- .SearchField-module__hop-SearchField__HelperMessage___JLa2p {
2219
+ .SearchField-module__hop-SearchField__ErrorMessage___iU5b9,
2220
+ .SearchField-module__hop-SearchField__HelperMessage___6oKUM {
2170
2221
  order: 3;
2171
2222
  }
2172
- .SearchField-module__hop-SearchField___jCjvU input::-webkit-search-cancel-button,
2173
- .SearchField-module__hop-SearchField___jCjvU input::-webkit-search-decoration {
2223
+ .SearchField-module__hop-SearchField___-2kAp input::-webkit-search-cancel-button,
2224
+ .SearchField-module__hop-SearchField___-2kAp input::-webkit-search-decoration {
2174
2225
  appearance: none;
2175
2226
  }
2176
- .SearchField-module__hop-SearchField___jCjvU[data-empty] {
2227
+ .SearchField-module__hop-SearchField___-2kAp[data-empty] {
2177
2228
  --clear-button-display: none;
2178
2229
  }
2179
- .SearchField-module__hop-SearchField__ClearButton___L3U3o {
2230
+ .SearchField-module__hop-SearchField__ClearButton___-IC1- {
2180
2231
  display: var(--clear-button-display);
2181
2232
  }