@hopper-ui/components 2.1.1 → 2.2.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 +10 -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 +429 -429
  7. package/dist/alert/src/Alert.js +13 -13
  8. package/dist/alert/src/index.css +429 -429
  9. package/dist/alert/src/index.js +13 -13
  10. package/dist/avatar/src/AnonymousAvatar.css +51 -51
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +72 -72
  13. package/dist/avatar/src/Avatar.js +4 -4
  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 +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +51 -51
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  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 +9 -9
  24. package/dist/badge/src/Badge.css +54 -54
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +49 -49
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +64 -64
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +107 -107
  31. package/dist/buttons/src/Button.js +6 -6
  32. package/dist/buttons/src/ButtonGroup.css +50 -50
  33. package/dist/buttons/src/ButtonGroup.js +2 -2
  34. package/dist/buttons/src/ClearButton.css +110 -110
  35. package/dist/buttons/src/ClearButton.js +3 -3
  36. package/dist/buttons/src/CloseButton.css +108 -108
  37. package/dist/buttons/src/CloseButton.js +7 -7
  38. package/dist/buttons/src/EmbeddedButton.css +110 -110
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +117 -117
  41. package/dist/buttons/src/LinkButton.js +6 -6
  42. package/dist/buttons/src/ToggleButton.css +137 -137
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +354 -354
  45. package/dist/buttons/src/index.js +15 -15
  46. package/dist/calendar/src/Calendar.css +401 -401
  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 +357 -357
  53. package/dist/calendar/src/CalendarHeader.js +8 -8
  54. package/dist/calendar/src/RangeCalendar.css +404 -404
  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 +407 -407
  59. package/dist/calendar/src/index.js +14 -14
  60. package/dist/callout/src/Callout.css +367 -367
  61. package/dist/callout/src/Callout.js +10 -10
  62. package/dist/callout/src/CompactCallout.css +403 -403
  63. package/dist/callout/src/CompactCallout.js +9 -9
  64. package/dist/callout/src/index.css +416 -416
  65. package/dist/callout/src/index.js +11 -11
  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 +4 -4
  74. package/dist/checkbox/src/CheckboxGroup.css +111 -111
  75. package/dist/checkbox/src/CheckboxGroup.js +8 -8
  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 +12 -12
  80. package/dist/{chunk-VT2DX3NJ.js → chunk-2EMX54CM.js} +7 -7
  81. package/dist/{chunk-Q5EGGJES.js → chunk-2ISIFDDO.js} +2 -2
  82. package/dist/{chunk-RFK54Q2W.js → chunk-2KNIZED7.js} +3 -3
  83. package/dist/{chunk-LGZYBROZ.js → chunk-3VINUVU5.js} +1 -1
  84. package/dist/{chunk-5MOUXFCB.js → chunk-4LUFHHUQ.js} +3 -3
  85. package/dist/{chunk-RNOVZJSN.js → chunk-4WV6H5H7.js} +1 -1
  86. package/dist/{chunk-QAWADEHH.js → chunk-5FNHT5GP.js} +4 -4
  87. package/dist/{chunk-YQMLJUYL.js → chunk-5SJASB3C.js} +1 -1
  88. package/dist/{chunk-TAY7OJZB.js → chunk-5TCGHDMH.js} +2 -2
  89. package/dist/{chunk-7SA2N5R3.js → chunk-6C6I4COG.js} +2 -2
  90. package/dist/{chunk-ETDXV6CJ.js → chunk-6YBF5DXJ.js} +1 -1
  91. package/dist/{chunk-O2OYRV7I.js → chunk-7CHQSUYR.js} +2 -2
  92. package/dist/{chunk-NZ22CKLJ.js → chunk-7HL7ELRI.js} +1 -1
  93. package/dist/{chunk-B6TEA44W.js → chunk-7Q72HFJX.js} +2 -2
  94. package/dist/{chunk-7CYCEML7.js → chunk-7RVIGAP7.js} +9 -9
  95. package/dist/{chunk-UKTLNM3Y.js → chunk-ATTQZADT.js} +6 -6
  96. package/dist/{chunk-T5KWIAYE.js → chunk-BDILNZH4.js} +1 -1
  97. package/dist/{chunk-OTBANT3W.js → chunk-BIABXT7Q.js} +1 -1
  98. package/dist/{chunk-3CBDPWBW.js → chunk-CMLLCOLK.js} +6 -6
  99. package/dist/{chunk-QAJY2HZD.js → chunk-CYT3W6SN.js} +2 -2
  100. package/dist/{chunk-SOZTRDTA.js → chunk-DIMBZYU6.js} +1 -1
  101. package/dist/{chunk-7LVOPBBK.js → chunk-E5U26NV4.js} +3 -3
  102. package/dist/{chunk-E3ZHBRCN.js → chunk-EMYJSPHO.js} +10 -10
  103. package/dist/{chunk-UY5UJDLE.js → chunk-FHSTBQXJ.js} +2 -2
  104. package/dist/{chunk-PYW5BVWS.js → chunk-FI3FKUSG.js} +4 -4
  105. package/dist/{chunk-HIST6KKM.js → chunk-FJJSN7DA.js} +1 -1
  106. package/dist/{chunk-MG3LKE33.js → chunk-FZK7JM25.js} +12 -12
  107. package/dist/{chunk-TLBLIKT5.js → chunk-GE63T3GD.js} +1 -1
  108. package/dist/{chunk-4FLUFXZN.js → chunk-GK5D63QC.js} +3 -3
  109. package/dist/{chunk-KN2EZZ7U.js → chunk-H7D4XOV6.js} +2 -2
  110. package/dist/{chunk-5PCJZWZG.js → chunk-HGI2YFHJ.js} +1 -1
  111. package/dist/{chunk-E74DPTCB.js → chunk-HJL4ZIFI.js} +1 -1
  112. package/dist/{chunk-SK4VF74P.js → chunk-HY6VLWIR.js} +5 -5
  113. package/dist/{chunk-QZR2N36M.js → chunk-IIM4RRL5.js} +1 -1
  114. package/dist/{chunk-O6GD6JO6.js → chunk-IL6A3CYL.js} +2 -2
  115. package/dist/{chunk-XF36ETEA.js → chunk-IVK2WG4A.js} +1 -1
  116. package/dist/{chunk-ZVGYARU5.js → chunk-IY4QLVC5.js} +3 -3
  117. package/dist/{chunk-BLPTH4EW.js → chunk-IZLSNLDO.js} +4 -4
  118. package/dist/{chunk-JHN3CDHW.js → chunk-J4C6WPJY.js} +2 -2
  119. package/dist/{chunk-C6BJJUFM.js → chunk-JBKCY33Q.js} +1 -1
  120. package/dist/{chunk-EFSSRL3T.js → chunk-JXJZW2KM.js} +3 -3
  121. package/dist/{chunk-PV3KSFBD.js → chunk-K3PI5WUN.js} +1 -1
  122. package/dist/{chunk-QMOO5KJG.js → chunk-KALDZJPR.js} +5 -5
  123. package/dist/{chunk-T4CU5RBI.js → chunk-KCSRZXWC.js} +1 -1
  124. package/dist/{chunk-TJIZQUW7.js → chunk-LJAFSSBX.js} +1 -1
  125. package/dist/{chunk-RCBRTWGC.js → chunk-LWXNIQ35.js} +2 -2
  126. package/dist/{chunk-IKRQKG7O.js → chunk-M2CB6GKO.js} +1 -1
  127. package/dist/{chunk-5ZWV37V5.js → chunk-M2G65GZJ.js} +1 -1
  128. package/dist/{chunk-S4XSTFGH.js → chunk-MGGKCP7U.js} +3 -3
  129. package/dist/{chunk-JOE2CZBQ.js → chunk-MHFJ2BUD.js} +1 -1
  130. package/dist/{chunk-I2RIQ556.js → chunk-MMZWOFA3.js} +3 -3
  131. package/dist/{chunk-U3WPV5HC.js → chunk-MVQPALX4.js} +2 -2
  132. package/dist/{chunk-UCSFRJKA.js → chunk-N6ALEY57.js} +11 -11
  133. package/dist/{chunk-TWJXDPK5.js → chunk-NOUGVCW6.js} +1 -1
  134. package/dist/{chunk-7ZFT3ZIH.js → chunk-NUA4LHE6.js} +2 -2
  135. package/dist/{chunk-X52TJ6KV.js → chunk-OQNHP4TU.js} +2 -2
  136. package/dist/{chunk-QJHZG6LZ.js → chunk-OR7FPKZR.js} +3 -3
  137. package/dist/{chunk-SYW6F7AA.js → chunk-OUPQSETK.js} +8 -8
  138. package/dist/{chunk-C2DLA5KF.js → chunk-P234XAR6.js} +1 -1
  139. package/dist/{chunk-KVQKG4TO.js → chunk-P2H7G2AU.js} +2 -2
  140. package/dist/{chunk-JONR3MZR.js → chunk-P6GOINWT.js} +3 -3
  141. package/dist/{chunk-NDCSMXEX.js → chunk-PF35VVMA.js} +1 -1
  142. package/dist/{chunk-7UITEQWI.js → chunk-PQBSMUY4.js} +2 -2
  143. package/dist/{chunk-QVCUMQQH.js → chunk-QI7MTQ7G.js} +3 -3
  144. package/dist/{chunk-7NC4723U.js → chunk-QK4COIFY.js} +1 -1
  145. package/dist/{chunk-EUWLXII4.js → chunk-QLBSU4T5.js} +2 -2
  146. package/dist/{chunk-FMCAVOTV.js → chunk-RF3LWBTN.js} +2 -2
  147. package/dist/{chunk-N23W332L.js → chunk-RKZIJ4DY.js} +1 -1
  148. package/dist/{chunk-BFGMM3V2.js → chunk-SJCCL3VT.js} +1 -1
  149. package/dist/{chunk-3U37LHNL.js → chunk-SLVS3I4V.js} +1 -1
  150. package/dist/{chunk-S6MCZXOK.js → chunk-SRKVHU6G.js} +1 -1
  151. package/dist/{chunk-EMRFQXVS.js → chunk-SRNMAHK5.js} +1 -1
  152. package/dist/{chunk-LC2F6DIH.js → chunk-T5I3BPZ5.js} +8 -8
  153. package/dist/{chunk-TKR32GD3.js → chunk-TDCPA6YH.js} +1 -1
  154. package/dist/{chunk-PTNPKKKJ.js → chunk-TH744CVW.js} +5 -5
  155. package/dist/{chunk-FU3JBZ6K.js → chunk-TQKZTDPX.js} +4 -4
  156. package/dist/{chunk-GOODDLJR.js → chunk-TYHRXEIQ.js} +2 -2
  157. package/dist/{chunk-TXGIV5MS.js → chunk-TYQ3KWCY.js} +1 -1
  158. package/dist/{chunk-U3IOJG5Q.js → chunk-U5VMFLQI.js} +1 -1
  159. package/dist/{chunk-IHH2HCDV.js → chunk-UPNXQIFH.js} +2 -2
  160. package/dist/{chunk-QIDOSE3G.js → chunk-UZIB67VK.js} +2 -2
  161. package/dist/{chunk-VP7O6DJD.js → chunk-VCHX2URT.js} +2 -2
  162. package/dist/{chunk-SLZXIXC2.js → chunk-VN7AZOGK.js} +2 -2
  163. package/dist/{chunk-V5CXKDIM.js → chunk-VYKVW6OJ.js} +4 -4
  164. package/dist/{chunk-722LMMTE.js → chunk-WBOZIVEI.js} +3 -3
  165. package/dist/{chunk-YHIBL24F.js → chunk-WVVYD6PH.js} +2 -2
  166. package/dist/{chunk-FBW3WMS3.js → chunk-X6HJGHMK.js} +5 -5
  167. package/dist/{chunk-35OESDQ4.js → chunk-XAF5ZPJU.js} +2 -2
  168. package/dist/{chunk-6FWLG5NI.js → chunk-XCIE4HFU.js} +1 -1
  169. package/dist/{chunk-BSX6FWHM.js → chunk-XSLWZIDH.js} +2 -2
  170. package/dist/{chunk-DHJXMWNT.js → chunk-XWNR2T6O.js} +1 -1
  171. package/dist/{chunk-HPMI5APS.js → chunk-XWO7W5BS.js} +2 -2
  172. package/dist/{chunk-BBGOHUVE.js → chunk-Y6EJ6YP7.js} +8 -8
  173. package/dist/{chunk-XURXWNSE.js → chunk-Z5ANWGSP.js} +1 -1
  174. package/dist/{chunk-U5XH6SFA.js → chunk-ZI4VUESP.js} +4 -4
  175. package/dist/{chunk-N2HC4QFR.js → chunk-ZNBRET45.js} +1 -1
  176. package/dist/{chunk-GCUS5BOK.js → chunk-ZWKUAPE5.js} +9 -9
  177. package/dist/combobox/src/ComboBox.css +784 -784
  178. package/dist/combobox/src/ComboBox.js +20 -20
  179. package/dist/combobox/src/index.css +784 -784
  180. package/dist/combobox/src/index.js +20 -20
  181. package/dist/contextual-help/src/ContextualHelp.css +703 -703
  182. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  183. package/dist/contextual-help/src/index.css +703 -703
  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 +844 -844
  188. package/dist/date-picker/src/DatePicker.js +20 -20
  189. package/dist/date-picker/src/DateRangePicker.css +847 -847
  190. package/dist/date-picker/src/DateRangePicker.js +20 -20
  191. package/dist/date-picker/src/index.css +855 -855
  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 +376 -376
  224. package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
  225. package/dist/illustrated-message/src/index.css +376 -376
  226. package/dist/illustrated-message/src/index.js +2 -2
  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 +1258 -1258
  238. package/dist/index.js +109 -109
  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 +375 -375
  246. package/dist/inputs/src/PasswordField.js +11 -11
  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 +381 -381
  250. package/dist/inputs/src/SearchField.js +13 -13
  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 +379 -379
  254. package/dist/inputs/src/TextField.js +15 -15
  255. package/dist/inputs/src/index.css +430 -430
  256. package/dist/inputs/src/index.js +19 -19
  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 +7 -7
  265. package/dist/list-box/src/ListBoxItem.css +308 -308
  266. package/dist/list-box/src/ListBoxItem.js +6 -6
  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 +7 -7
  271. package/dist/menu/src/Menu.css +705 -705
  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 +731 -731
  278. package/dist/menu/src/index.js +5 -5
  279. package/dist/modal/src/BaseModal.css +4 -4
  280. package/dist/modal/src/BaseModal.js +1 -1
  281. package/dist/modal/src/CustomModal.css +57 -57
  282. package/dist/modal/src/CustomModal.js +2 -2
  283. package/dist/modal/src/Modal.css +399 -399
  284. package/dist/modal/src/Modal.js +11 -11
  285. package/dist/modal/src/index.css +413 -413
  286. package/dist/modal/src/index.js +12 -12
  287. package/dist/overlays/popover/src/Popover.css +697 -697
  288. package/dist/overlays/popover/src/Popover.js +3 -3
  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 +700 -700
  292. package/dist/overlays/popover/src/index.js +4 -4
  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 +798 -798
  310. package/dist/select/src/MultiSelect.js +27 -27
  311. package/dist/select/src/Select.css +798 -798
  312. package/dist/select/src/Select.js +27 -27
  313. package/dist/select/src/SelectInternal.css +798 -798
  314. package/dist/select/src/SelectInternal.js +26 -26
  315. package/dist/select/src/SelectValue.css +105 -105
  316. package/dist/select/src/SelectValue.js +2 -2
  317. package/dist/select/src/index.css +798 -798
  318. package/dist/select/src/index.js +28 -28
  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 +552 -552
  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 +559 -559
  336. package/dist/tabs/src/index.js +4 -4
  337. package/dist/tag/src/Tag.css +527 -527
  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 +537 -537
  342. package/dist/tag/src/index.js +14 -14
  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 +2 -2
  385. package/package.json +2 -2
package/dist/alert/src/index.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___YEMPe {
2
+ .Heading-module__hop-Heading___c-HD- {
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___YEMPe) {
36
+ :where(.Heading-module__hop-Heading___c-HD-) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___YEMPe):not(.Heading-module__hop-Heading--unset___fS7jS) {
40
+ :where(.Heading-module__hop-Heading___c-HD-):not(.Heading-module__hop-Heading--unset___yzeBC) {
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___vxM8r) {
46
+ :where(.Heading-module__hop-Heading--xs___gyl7W) {
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___p72kK) {
52
+ :where(.Heading-module__hop-Heading--sm___4G1-B) {
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___5Mut4) {
58
+ :where(.Heading-module__hop-Heading--md___GnfNw) {
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___gGDz6) {
64
+ :where(.Heading-module__hop-Heading--lg___KcC96) {
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___-vDz5) {
70
+ :where(.Heading-module__hop-Heading--xl___OyrcK) {
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___QTAbA) {
76
+ :where(.Heading-module__hop-Heading--2xl___RlNCs) {
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___g-f39) {
82
+ :where(.Heading-module__hop-Heading--3xl___9d52R) {
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___4OZm6 {
90
+ .Form-module__hop-Form___D5k-R {
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___gjE4y {
97
+ .Label-module__hop-Label___Dj9l5 {
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___gjE4y) {
104
+ :where(.Label-module__hop-Label___Dj9l5) {
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___YvUSb {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___DkaLV {
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___OBw-s {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___FFk-d {
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___IR2QD) {
123
+ :where(.OverlineText-module__hop-OverlineText___aqSP-) {
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___xs0Al {
147
+ .OverlineText-module__hop-OverlineText__text___B-G4D {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___xs0Al::before,
151
- .OverlineText-module__hop-OverlineText__text___xs0Al::after {
150
+ .OverlineText-module__hop-OverlineText__text___B-G4D::before,
151
+ .OverlineText-module__hop-OverlineText__text___B-G4D::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___xs0Al::before {
158
+ .OverlineText-module__hop-OverlineText__text___B-G4D::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___xs0Al::after {
161
+ .OverlineText-module__hop-OverlineText__text___B-G4D::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___5TyVj {
166
+ .Text-module__hop-Text___1jf0W {
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___5TyVj) {
196
+ :where(.Text-module__hop-Text___1jf0W) {
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___6BSJd) {
202
+ :where(.Text-module__hop-Text--xs___GYBE5) {
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___ERcbt) {
208
+ :where(.Text-module__hop-Text--sm___jcxH7) {
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___EKo4Y) {
214
+ :where(.Text-module__hop-Text--md___iO6cQ) {
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___gQQmq) {
220
+ :where(.Text-module__hop-Text--lg___VLz28) {
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___ZnFez) {
226
+ :where(.Text-module__hop-Text--xl___-8QJZ) {
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___NTsh4) {
232
+ :where(.Text-module__hop-Text--2xl___asLUy) {
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___igs6N) {
238
+ :where(.Text-module__hop-Text--inherit___ydrRL) {
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___W8Yf5 {
246
+ .Paragraph-module__hop-Paragraph___JLbR- {
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___W8Yf5:last-child {
258
+ .Paragraph-module__hop-Paragraph___JLbR-:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___cph4Y {
261
+ .Paragraph-module__hop-Paragraph--xs___OohBU {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___-E5Kq {
264
+ .Paragraph-module__hop-Paragraph--sm___-JY0O {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___czjwL {
267
+ .Paragraph-module__hop-Paragraph--md___ZwpGk {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___DutBn {
270
+ .Paragraph-module__hop-Paragraph--lg___HL4Kf {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___phfjM {
273
+ .Paragraph-module__hop-Paragraph--xl___u8j6s {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___a8IIW {
276
+ .Paragraph-module__hop-Paragraph--2xl___-JVB- {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___Dq-Td {
279
+ .Paragraph-module__hop-Paragraph--inherit___MWxzc {
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___queqz {
284
+ .IconList-module__hop-IconList___fw-wC {
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___zbt9t {
293
+ @keyframes Spinner-module__spin___Vwh1C {
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___FSBPj {
301
+ .Spinner-module__hop-Spinner___1No5M {
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___zbt9t .8s infinite linear;
309
+ --hop-Spinner-fill-animation: Spinner-module__spin___Vwh1C .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___cqfL5 {
320
+ .Spinner-module__hop-Spinner--sm___MKdDv {
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___EUvcY {
324
+ .Spinner-module__hop-Spinner--md___vz5PZ {
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___y-5t8 {
328
+ .Spinner-module__hop-Spinner--lg___6x0Di {
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___WDHKV {
332
+ .Spinner-module__hop-Spinner__track___n1YVq {
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___L4-C4 {
341
+ .Spinner-module__hop-Spinner__fill___4lbGG {
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___L4-C4 {
352
+ .Spinner-module__hop-Spinner__fill___4lbGG {
353
353
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
354
354
  }
355
355
  }
356
- .Spinner-module__hop-Spinner__label___PRZh6 {
356
+ .Spinner-module__hop-Spinner__label___n10xz {
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___fanAk {
362
+ .Button-module__hop-Button___oewID {
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;
@@ -420,32 +420,32 @@
420
420
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
421
421
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
422
422
  }
423
- .Button-module__hop-Button--fluid___v75qi {
423
+ .Button-module__hop-Button--fluid___w2TV- {
424
424
  --inline-size: 100%;
425
425
  }
426
- .Button-module__hop-Button--xs___uNXVT {
426
+ .Button-module__hop-Button--xs___iG4yw {
427
427
  --block-size: var(--hop-Button-xs-height);
428
428
  --padding: var(--hop-Button-xs-padding);
429
429
  }
430
- .Button-module__hop-Button--xs___uNXVT[class*=--ghost] {
430
+ .Button-module__hop-Button--xs___iG4yw[class*=--ghost] {
431
431
  --padding: var(--hop-Button-ghost-xs-padding);
432
432
  }
433
- .Button-module__hop-Button--sm___6EGIq {
433
+ .Button-module__hop-Button--sm___v8BcX {
434
434
  --block-size: var(--hop-Button-sm-height);
435
435
  --padding: var(--hop-Button-sm-padding);
436
436
  }
437
- .Button-module__hop-Button--sm___6EGIq[class*=--ghost] {
437
+ .Button-module__hop-Button--sm___v8BcX[class*=--ghost] {
438
438
  --padding: var(--hop-Button-ghost-sm-padding);
439
439
  }
440
- .Button-module__hop-Button--md___W-HQJ[class*=--ghost] {
440
+ .Button-module__hop-Button--md___-3RAG[class*=--ghost] {
441
441
  --padding: var(--hop-Button-ghost-md-padding);
442
442
  }
443
- .Button-module__hop-Button--icon-only___oe-hw {
443
+ .Button-module__hop-Button--icon-only___w9HeW {
444
444
  --column-gap: var(--hop-Button-icon-only-column-gap);
445
445
  --padding: var(--hop-Button-icon-only-padding);
446
446
  aspect-ratio: 1;
447
447
  }
448
- .Button-module__hop-Button--primary___epFxE {
448
+ .Button-module__hop-Button--primary___8S05a {
449
449
  --background: var(--hop-comp-button-primary-background);
450
450
  --color: var(--hop-comp-button-primary-text-color);
451
451
  --icon-color: var(--hop-comp-button-primary-icon-color);
@@ -456,20 +456,20 @@
456
456
  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
457
457
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
458
458
  }
459
- .Button-module__hop-Button--primary___epFxE[data-hovered],
460
- .Button-module__hop-Button--primary___epFxE[data-focus-visible] {
459
+ .Button-module__hop-Button--primary___8S05a[data-hovered],
460
+ .Button-module__hop-Button--primary___8S05a[data-focus-visible] {
461
461
  --background: var(--hop-comp-button-primary-background-hover);
462
462
  --color: var(--hop-comp-button-primary-text-color-hover);
463
463
  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
464
464
  --border: var(--hop-Button-primary-border);
465
465
  }
466
- .Button-module__hop-Button--primary___epFxE[data-pressed] {
466
+ .Button-module__hop-Button--primary___8S05a[data-pressed] {
467
467
  --background: var(--hop-comp-button-primary-background-pressed);
468
468
  --color: var(--hop-comp-button-primary-text-color-pressed);
469
469
  --icon-color: var(--hop-comp-button-primary-icon-color-press);
470
470
  --border: var(--hop-Button-primary-border);
471
471
  }
472
- .Button-module__hop-Button--secondary___RxTbR {
472
+ .Button-module__hop-Button--secondary___a2RrL {
473
473
  --background: var(--hop-comp-button-secondary-background);
474
474
  --color: var(--hop-comp-button-secondary-text-color);
475
475
  --icon-color: var(--hop-comp-button-secondary-icon-color);
@@ -480,20 +480,20 @@
480
480
  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
481
481
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
482
482
  }
483
- .Button-module__hop-Button--secondary___RxTbR[data-hovered],
484
- .Button-module__hop-Button--secondary___RxTbR[data-focus-visible] {
483
+ .Button-module__hop-Button--secondary___a2RrL[data-hovered],
484
+ .Button-module__hop-Button--secondary___a2RrL[data-focus-visible] {
485
485
  --background: var(--hop-comp-button-secondary-background-hover);
486
486
  --color: var(--hop-comp-button-secondary-text-color-hover);
487
487
  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
488
488
  --border: var(--hop-Button-secondary-border);
489
489
  }
490
- .Button-module__hop-Button--secondary___RxTbR[data-pressed] {
490
+ .Button-module__hop-Button--secondary___a2RrL[data-pressed] {
491
491
  --background: var(--hop-comp-button-secondary-background-pressed);
492
492
  --color: var(--hop-comp-button-secondary-text-color-pressed);
493
493
  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
494
494
  --border: var(--hop-Button-secondary-border);
495
495
  }
496
- .Button-module__hop-Button--upsell___eVHAf {
496
+ .Button-module__hop-Button--upsell___wk6qT {
497
497
  --background: var(--hop-comp-button-upsell-background);
498
498
  --color: var(--hop-comp-button-upsell-text-color);
499
499
  --icon-color: var(--hop-comp-button-upsell-icon-color);
@@ -504,20 +504,20 @@
504
504
  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
505
505
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
506
506
  }
507
- .Button-module__hop-Button--upsell___eVHAf[data-hovered],
508
- .Button-module__hop-Button--upsell___eVHAf[data-focus-visible] {
507
+ .Button-module__hop-Button--upsell___wk6qT[data-hovered],
508
+ .Button-module__hop-Button--upsell___wk6qT[data-focus-visible] {
509
509
  --background: var(--hop-comp-button-upsell-background-hover);
510
510
  --color: var(--hop-comp-button-upsell-text-color-hover);
511
511
  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
512
512
  --border: var(--hop-Button-upsell-border);
513
513
  }
514
- .Button-module__hop-Button--upsell___eVHAf[data-pressed] {
514
+ .Button-module__hop-Button--upsell___wk6qT[data-pressed] {
515
515
  --background: var(--hop-comp-button-upsell-background-pressed);
516
516
  --color: var(--hop-comp-button-upsell-text-color-pressed);
517
517
  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
518
518
  --border: var(--hop-Button-upsell-border);
519
519
  }
520
- .Button-module__hop-Button--danger___ovyNs {
520
+ .Button-module__hop-Button--danger___YdvpQ {
521
521
  --background: var(--hop-comp-button-danger-background);
522
522
  --color: var(--hop-comp-button-danger-text-color);
523
523
  --icon-color: var(--hop-comp-button-danger-icon-color);
@@ -528,20 +528,20 @@
528
528
  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
529
529
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
530
530
  }
531
- .Button-module__hop-Button--danger___ovyNs[data-hovered],
532
- .Button-module__hop-Button--danger___ovyNs[data-focus-visible] {
531
+ .Button-module__hop-Button--danger___YdvpQ[data-hovered],
532
+ .Button-module__hop-Button--danger___YdvpQ[data-focus-visible] {
533
533
  --background: var(--hop-comp-button-danger-background-hover);
534
534
  --color: var(--hop-comp-button-danger-text-color-hover);
535
535
  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
536
536
  --border: var(--hop-Button-danger-border);
537
537
  }
538
- .Button-module__hop-Button--danger___ovyNs[data-pressed] {
538
+ .Button-module__hop-Button--danger___YdvpQ[data-pressed] {
539
539
  --background: var(--hop-comp-button-danger-background-pressed);
540
540
  --color: var(--hop-comp-button-danger-text-color-pressed);
541
541
  --icon-color: var(--hop-comp-button-danger-icon-color-press);
542
542
  --border: var(--hop-Button-danger-border);
543
543
  }
544
- .Button-module__hop-Button--ghost-primary___swzHP {
544
+ .Button-module__hop-Button--ghost-primary___FLW4u {
545
545
  --background: var(--hop-comp-button-ghost-primary-background);
546
546
  --color: var(--hop-comp-button-ghost-primary-text-color);
547
547
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
@@ -552,20 +552,20 @@
552
552
  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
553
553
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
554
554
  }
555
- .Button-module__hop-Button--ghost-primary___swzHP[data-hovered],
556
- .Button-module__hop-Button--ghost-primary___swzHP[data-focus-visible] {
555
+ .Button-module__hop-Button--ghost-primary___FLW4u[data-hovered],
556
+ .Button-module__hop-Button--ghost-primary___FLW4u[data-focus-visible] {
557
557
  --background: var(--hop-comp-button-ghost-primary-background-hover);
558
558
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
559
559
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
560
560
  --border: var(--hop-Button-ghost-primary-border);
561
561
  }
562
- .Button-module__hop-Button--ghost-primary___swzHP[data-pressed] {
562
+ .Button-module__hop-Button--ghost-primary___FLW4u[data-pressed] {
563
563
  --background: var(--hop-comp-button-ghost-primary-background-pressed);
564
564
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
565
565
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
566
566
  --border: var(--hop-Button-ghost-primary-border);
567
567
  }
568
- .Button-module__hop-Button--ghost-secondary___9lB92 {
568
+ .Button-module__hop-Button--ghost-secondary___1G-bi {
569
569
  --background: var(--hop-comp-button-ghost-secondary-background);
570
570
  --color: var(--hop-comp-button-ghost-secondary-text-color);
571
571
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
@@ -576,20 +576,20 @@
576
576
  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
577
577
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
578
578
  }
579
- .Button-module__hop-Button--ghost-secondary___9lB92[data-hovered],
580
- .Button-module__hop-Button--ghost-secondary___9lB92[data-focus-visible] {
579
+ .Button-module__hop-Button--ghost-secondary___1G-bi[data-hovered],
580
+ .Button-module__hop-Button--ghost-secondary___1G-bi[data-focus-visible] {
581
581
  --background: var(--hop-comp-button-ghost-secondary-background-hover);
582
582
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
583
583
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
584
584
  --border: var(--hop-Button-ghost-secondary-border);
585
585
  }
586
- .Button-module__hop-Button--ghost-secondary___9lB92[data-pressed] {
586
+ .Button-module__hop-Button--ghost-secondary___1G-bi[data-pressed] {
587
587
  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
588
588
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
589
589
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
590
590
  --border: var(--hop-Button-ghost-secondary-border);
591
591
  }
592
- .Button-module__hop-Button--ghost-danger___HrFIC {
592
+ .Button-module__hop-Button--ghost-danger___Dyi0F {
593
593
  --background: var(--hop-comp-button-ghost-danger-background);
594
594
  --color: var(--hop-comp-button-ghost-danger-text-color);
595
595
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
@@ -600,75 +600,75 @@
600
600
  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
601
601
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
602
602
  }
603
- .Button-module__hop-Button--ghost-danger___HrFIC[data-hovered],
604
- .Button-module__hop-Button--ghost-danger___HrFIC[data-focus-visible] {
603
+ .Button-module__hop-Button--ghost-danger___Dyi0F[data-hovered],
604
+ .Button-module__hop-Button--ghost-danger___Dyi0F[data-focus-visible] {
605
605
  --background: var(--hop-comp-button-ghost-danger-background-hover);
606
606
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
607
607
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
608
608
  --border: var(--hop-Button-ghost-danger-border);
609
609
  }
610
- .Button-module__hop-Button--ghost-danger___HrFIC[data-pressed] {
610
+ .Button-module__hop-Button--ghost-danger___Dyi0F[data-pressed] {
611
611
  --background: var(--hop-comp-button-ghost-danger-background-pressed);
612
612
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
613
613
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
614
614
  --border: var(--hop-Button-ghost-danger-border);
615
615
  }
616
- .Button-module__hop-Button___fanAk[data-focus-visible] {
616
+ .Button-module__hop-Button___oewID[data-focus-visible] {
617
617
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
618
618
  }
619
- .Button-module__hop-Button___fanAk[data-disabled],
620
- .Button-module__hop-Button--loading___w4OoR {
619
+ .Button-module__hop-Button___oewID[data-disabled],
620
+ .Button-module__hop-Button--loading___BuI5o {
621
621
  cursor: not-allowed;
622
622
  }
623
- .Button-module__hop-Button___fanAk[data-disabled] {
623
+ .Button-module__hop-Button___oewID[data-disabled] {
624
624
  --color: var(--hop-comp-button-text-color-disabled);
625
625
  --icon-color: var(--hop-comp-button-icon-color-disabled);
626
626
  }
627
- .Button-module__hop-Button--primary___epFxE[data-disabled] {
627
+ .Button-module__hop-Button--primary___8S05a[data-disabled] {
628
628
  --background: var(--hop-comp-button-primary-background-disabled);
629
629
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
630
630
  }
631
- .Button-module__hop-Button--secondary___RxTbR[data-disabled] {
631
+ .Button-module__hop-Button--secondary___a2RrL[data-disabled] {
632
632
  --background: var(--hop-comp-button-secondary-background-disabled);
633
633
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
634
634
  }
635
- .Button-module__hop-Button--upsell___eVHAf[data-disabled] {
635
+ .Button-module__hop-Button--upsell___wk6qT[data-disabled] {
636
636
  --background: var(--hop-comp-button-upsell-background-disabled);
637
637
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
638
638
  }
639
- .Button-module__hop-Button--danger___ovyNs[data-disabled] {
639
+ .Button-module__hop-Button--danger___YdvpQ[data-disabled] {
640
640
  --background: var(--hop-comp-button-danger-background-disabled);
641
641
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
642
642
  }
643
- .Button-module__hop-Button--ghost-primary___swzHP[data-disabled] {
643
+ .Button-module__hop-Button--ghost-primary___FLW4u[data-disabled] {
644
644
  --background: var(--hop-comp-button-ghost-primary-background-disabled);
645
645
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
646
646
  }
647
- .Button-module__hop-Button--ghost-secondary___9lB92[data-disabled] {
647
+ .Button-module__hop-Button--ghost-secondary___1G-bi[data-disabled] {
648
648
  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
649
649
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
650
650
  }
651
- .Button-module__hop-Button--ghost-danger___HrFIC[data-disabled] {
651
+ .Button-module__hop-Button--ghost-danger___Dyi0F[data-disabled] {
652
652
  --background: var(--hop-comp-button-ghost-danger-background-disabled);
653
653
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
654
654
  }
655
- .Button-module__hop-Button--loading___w4OoR {
655
+ .Button-module__hop-Button--loading___BuI5o {
656
656
  background: var(--background-loading);
657
657
  color: var(--color-loading);
658
658
  border-color: var(--border-color-loading);
659
659
  box-shadow: var(--box-shadow-loading);
660
660
  }
661
- .Button-module__hop-Button__Spinner___N675E {
661
+ .Button-module__hop-Button__Spinner___RCFdL {
662
662
  position: absolute;
663
663
  }
664
- .Button-module__hop-Button__icon___uKG4c,
665
- .Button-module__hop-Button__icon-list___vSy3B {
664
+ .Button-module__hop-Button__icon___aAtjU,
665
+ .Button-module__hop-Button__icon-list___Ynubl {
666
666
  flex: 0 0 auto;
667
667
  justify-self: end;
668
668
  order: 1;
669
669
  color: var(--icon-color);
670
670
  }
671
- .Button-module__hop-Button__text___L2wfO {
671
+ .Button-module__hop-Button__text___2wIQW {
672
672
  user-select: none;
673
673
  overflow: visible;
674
674
  flex: 0 1 auto;
@@ -677,61 +677,61 @@
677
677
  text-decoration: none;
678
678
  text-wrap: nowrap;
679
679
  }
680
- .Button-module__hop-Button__end-icon___QPj02,
681
- .Button-module__hop-Button__end-icon-list___q6ivn {
680
+ .Button-module__hop-Button__end-icon___6dbHk,
681
+ .Button-module__hop-Button__end-icon-list___e-wRR {
682
682
  flex: 0 0 auto;
683
683
  order: 3;
684
684
  color: var(--icon-color);
685
685
  }
686
- .Button-module__hop-Button___fanAk .Button-module__hop-Button__icon-list___vSy3B,
687
- .Button-module__hop-Button___fanAk .Button-module__hop-Button__end-icon-list___q6ivn {
686
+ .Button-module__hop-Button___oewID .Button-module__hop-Button__icon-list___Ynubl,
687
+ .Button-module__hop-Button___oewID .Button-module__hop-Button__end-icon-list___e-wRR {
688
688
  flex-wrap: nowrap;
689
689
  }
690
- .Button-module__hop-Button--loading___w4OoR.Button-module__hop-Button___fanAk > *:not(.Button-module__hop-Button__Spinner___N675E) {
690
+ .Button-module__hop-Button--loading___BuI5o.Button-module__hop-Button___oewID > *:not(.Button-module__hop-Button__Spinner___RCFdL) {
691
691
  opacity: 0;
692
692
  }
693
693
 
694
694
  /* 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___spkyh {
695
+ .ButtonGroup-module__hop-ButtonGroup___8cmaQ {
696
696
  display: inline-flex;
697
697
  flex-wrap: nowrap;
698
698
  gap: var(--hop-space-inline-md);
699
699
  }
700
- .ButtonGroup-module__hop-ButtonGroup--horizontal___WQ1ge {
700
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___4NGha {
701
701
  align-items: center;
702
702
  }
703
- .ButtonGroup-module__hop-ButtonGroup--vertical___fsUHm {
703
+ .ButtonGroup-module__hop-ButtonGroup--vertical___wxkX3 {
704
704
  flex-direction: column;
705
705
  gap: var(--hop-space-stack-md);
706
706
  justify-content: center;
707
707
  }
708
- .ButtonGroup-module__hop-ButtonGroup--start___BZXxV.ButtonGroup-module__hop-ButtonGroup--vertical___fsUHm {
708
+ .ButtonGroup-module__hop-ButtonGroup--start___MeutU.ButtonGroup-module__hop-ButtonGroup--vertical___wxkX3 {
709
709
  align-items: flex-start;
710
710
  }
711
- .ButtonGroup-module__hop-ButtonGroup--center___hZH0f.ButtonGroup-module__hop-ButtonGroup--vertical___fsUHm {
711
+ .ButtonGroup-module__hop-ButtonGroup--center___GEQXm.ButtonGroup-module__hop-ButtonGroup--vertical___wxkX3 {
712
712
  align-items: center;
713
713
  }
714
- .ButtonGroup-module__hop-ButtonGroup--end___mJTdB.ButtonGroup-module__hop-ButtonGroup--vertical___fsUHm {
714
+ .ButtonGroup-module__hop-ButtonGroup--end___HVro9.ButtonGroup-module__hop-ButtonGroup--vertical___wxkX3 {
715
715
  align-items: flex-end;
716
716
  }
717
- .ButtonGroup-module__hop-ButtonGroup--start___BZXxV.ButtonGroup-module__hop-ButtonGroup--horizontal___WQ1ge {
717
+ .ButtonGroup-module__hop-ButtonGroup--start___MeutU.ButtonGroup-module__hop-ButtonGroup--horizontal___4NGha {
718
718
  justify-content: flex-start;
719
719
  }
720
- .ButtonGroup-module__hop-ButtonGroup--center___hZH0f.ButtonGroup-module__hop-ButtonGroup--horizontal___WQ1ge {
720
+ .ButtonGroup-module__hop-ButtonGroup--center___GEQXm.ButtonGroup-module__hop-ButtonGroup--horizontal___4NGha {
721
721
  justify-content: center;
722
722
  }
723
- .ButtonGroup-module__hop-ButtonGroup--end___mJTdB.ButtonGroup-module__hop-ButtonGroup--horizontal___WQ1ge {
723
+ .ButtonGroup-module__hop-ButtonGroup--end___HVro9.ButtonGroup-module__hop-ButtonGroup--horizontal___4NGha {
724
724
  justify-content: flex-end;
725
725
  }
726
- .ButtonGroup-module__hop-ButtonGroup--wrap___rdGdI {
726
+ .ButtonGroup-module__hop-ButtonGroup--wrap___tWRrI {
727
727
  flex-wrap: wrap;
728
728
  }
729
- .ButtonGroup-module__hop-ButtonGroup--fluid___MfEaZ {
729
+ .ButtonGroup-module__hop-ButtonGroup--fluid___5gBqi {
730
730
  inline-size: 100%;
731
731
  }
732
732
 
733
733
  /* 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___HxTtd {
734
+ .EmbeddedButton-module__hop-EmbeddedButton___HdF1a {
735
735
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
736
736
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
737
737
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -895,7 +895,7 @@
895
895
  outline: none;
896
896
  transition: color var(--transition);
897
897
  }
898
- .EmbeddedButton-module__hop-EmbeddedButton___HxTtd::before {
898
+ .EmbeddedButton-module__hop-EmbeddedButton___HdF1a::before {
899
899
  content: "";
900
900
  position: absolute;
901
901
  inset-block-start: 50%;
@@ -908,284 +908,284 @@
908
908
  border-radius: var(--effect-border-radius);
909
909
  transition: background-color var(--transition);
910
910
  }
911
- .EmbeddedButton-module__hop-EmbeddedButton___HxTtd[data-square] {
911
+ .EmbeddedButton-module__hop-EmbeddedButton___HdF1a[data-square] {
912
912
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
913
913
  }
914
- .EmbeddedButton-module__hop-EmbeddedButton--md___eWj0K {
914
+ .EmbeddedButton-module__hop-EmbeddedButton--md___agE9u {
915
915
  --inline-size: var(--hop-EmbeddedButton-md-width);
916
916
  --block-size: var(--hop-EmbeddedButton-md-height);
917
917
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
918
918
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton--lg___jDYez {
919
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___eChO3 {
920
920
  --inline-size: var(--hop-EmbeddedButton-lg-width);
921
921
  --block-size: var(--hop-EmbeddedButton-lg-height);
922
922
  --focus-ring-offset: 0;
923
923
  }
924
- .EmbeddedButton-module__hop-EmbeddedButton--md___eWj0K::before {
924
+ .EmbeddedButton-module__hop-EmbeddedButton--md___agE9u::before {
925
925
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
926
926
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
927
927
  }
928
- .EmbeddedButton-module__hop-EmbeddedButton--lg___jDYez::before {
928
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___eChO3::before {
929
929
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
930
930
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
931
931
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___abBFX {
932
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Uv2yN {
933
933
  --color: var(--hop-EmbeddedButton-neutral-color);
934
934
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
935
935
  }
936
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___jVxkZ {
936
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___P-Olz {
937
937
  --color: var(--hop-EmbeddedButton-subdued-color);
938
938
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
939
939
  }
940
- .EmbeddedButton-module__hop-EmbeddedButton--progress___AnNxZ {
940
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___gpGn9 {
941
941
  --color: var(--hop-EmbeddedButton-progress-color);
942
942
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
943
943
  }
944
- .EmbeddedButton-module__hop-EmbeddedButton--positive___iIPpS {
944
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___9f3eZ {
945
945
  --color: var(--hop-EmbeddedButton-positive-color);
946
946
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
947
947
  }
948
- .EmbeddedButton-module__hop-EmbeddedButton--caution___iU3-Q {
948
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Gyo2r {
949
949
  --color: var(--hop-EmbeddedButton-caution-color);
950
950
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
951
951
  }
952
- .EmbeddedButton-module__hop-EmbeddedButton--negative___EFWLt {
952
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___eLLBh {
953
953
  --color: var(--hop-EmbeddedButton-negative-color);
954
954
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
955
955
  }
956
- .EmbeddedButton-module__hop-EmbeddedButton--option1___M4O8H {
956
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___26Ctk {
957
957
  --color: var(--hop-EmbeddedButton-option1-color);
958
958
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
959
959
  }
960
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DoBVm {
960
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___XCcQX {
961
961
  --color: var(--hop-EmbeddedButton-option2-color);
962
962
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
963
963
  }
964
- .EmbeddedButton-module__hop-EmbeddedButton--option3___mNnUK {
964
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ePLE- {
965
965
  --color: var(--hop-EmbeddedButton-option3-color);
966
966
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
967
967
  }
968
- .EmbeddedButton-module__hop-EmbeddedButton--option4___I2CJg {
968
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___ZyQcz {
969
969
  --color: var(--hop-EmbeddedButton-option4-color);
970
970
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
971
971
  }
972
- .EmbeddedButton-module__hop-EmbeddedButton--option5___MwFK3 {
972
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___QZa9S {
973
973
  --color: var(--hop-EmbeddedButton-option5-color);
974
974
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
975
975
  }
976
- .EmbeddedButton-module__hop-EmbeddedButton--option6___vCYi4 {
976
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___DFDJL {
977
977
  --color: var(--hop-EmbeddedButton-option6-color);
978
978
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
979
979
  }
980
- .EmbeddedButton-module__hop-EmbeddedButton___HxTtd[data-selected] {
980
+ .EmbeddedButton-module__hop-EmbeddedButton___HdF1a[data-selected] {
981
981
  --color: var(--hop-EmbeddedButton-selected-color);
982
982
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
983
983
  }
984
- .EmbeddedButton-module__hop-EmbeddedButton___HxTtd[data-focus-visible] {
984
+ .EmbeddedButton-module__hop-EmbeddedButton___HdF1a[data-focus-visible] {
985
985
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
986
986
  outline-offset: var(--focus-ring-offset);
987
987
  }
988
- .EmbeddedButton-module__hop-EmbeddedButton___HxTtd[data-disabled] {
988
+ .EmbeddedButton-module__hop-EmbeddedButton___HdF1a[data-disabled] {
989
989
  cursor: not-allowed;
990
990
  }
991
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___abBFX[data-hovered] {
991
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Uv2yN[data-hovered] {
992
992
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
993
993
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
994
994
  }
995
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___abBFX[data-focus-visible] {
995
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Uv2yN[data-focus-visible] {
996
996
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
997
997
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
998
998
  }
999
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___abBFX[data-pressed] {
999
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Uv2yN[data-pressed] {
1000
1000
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1001
1001
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1002
1002
  }
1003
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___abBFX[data-disabled] {
1003
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Uv2yN[data-disabled] {
1004
1004
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1005
1005
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1006
1006
  }
1007
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___jVxkZ[data-hovered] {
1007
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___P-Olz[data-hovered] {
1008
1008
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1009
1009
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1010
1010
  }
1011
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___jVxkZ[data-focus-visible] {
1011
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___P-Olz[data-focus-visible] {
1012
1012
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1013
1013
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1014
1014
  }
1015
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___jVxkZ[data-pressed] {
1015
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___P-Olz[data-pressed] {
1016
1016
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1017
1017
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1018
1018
  }
1019
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___jVxkZ[data-disabled] {
1019
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___P-Olz[data-disabled] {
1020
1020
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1021
1021
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1022
1022
  }
1023
- .EmbeddedButton-module__hop-EmbeddedButton--progress___AnNxZ[data-hovered] {
1023
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___gpGn9[data-hovered] {
1024
1024
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1025
1025
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1026
1026
  }
1027
- .EmbeddedButton-module__hop-EmbeddedButton--progress___AnNxZ[data-focus-visible] {
1027
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___gpGn9[data-focus-visible] {
1028
1028
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1029
1029
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1030
1030
  }
1031
- .EmbeddedButton-module__hop-EmbeddedButton--progress___AnNxZ[data-pressed] {
1031
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___gpGn9[data-pressed] {
1032
1032
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1033
1033
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1034
1034
  }
1035
- .EmbeddedButton-module__hop-EmbeddedButton--progress___AnNxZ[data-disabled] {
1035
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___gpGn9[data-disabled] {
1036
1036
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1037
1037
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1038
1038
  }
1039
- .EmbeddedButton-module__hop-EmbeddedButton--positive___iIPpS[data-hovered] {
1039
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___9f3eZ[data-hovered] {
1040
1040
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1041
1041
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1042
1042
  }
1043
- .EmbeddedButton-module__hop-EmbeddedButton--positive___iIPpS[data-focus-visible] {
1043
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___9f3eZ[data-focus-visible] {
1044
1044
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1045
1045
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1046
1046
  }
1047
- .EmbeddedButton-module__hop-EmbeddedButton--positive___iIPpS[data-pressed] {
1047
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___9f3eZ[data-pressed] {
1048
1048
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1049
1049
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1050
1050
  }
1051
- .EmbeddedButton-module__hop-EmbeddedButton--positive___iIPpS[data-disabled] {
1051
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___9f3eZ[data-disabled] {
1052
1052
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1053
1053
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1054
1054
  }
1055
- .EmbeddedButton-module__hop-EmbeddedButton--caution___iU3-Q[data-hovered] {
1055
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Gyo2r[data-hovered] {
1056
1056
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1057
1057
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1058
1058
  }
1059
- .EmbeddedButton-module__hop-EmbeddedButton--caution___iU3-Q[data-focus-visible] {
1059
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Gyo2r[data-focus-visible] {
1060
1060
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1061
1061
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1062
1062
  }
1063
- .EmbeddedButton-module__hop-EmbeddedButton--caution___iU3-Q[data-pressed] {
1063
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Gyo2r[data-pressed] {
1064
1064
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1065
1065
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1066
1066
  }
1067
- .EmbeddedButton-module__hop-EmbeddedButton--caution___iU3-Q[data-disabled] {
1067
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___Gyo2r[data-disabled] {
1068
1068
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1069
1069
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1070
1070
  }
1071
- .EmbeddedButton-module__hop-EmbeddedButton--negative___EFWLt[data-hovered] {
1071
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___eLLBh[data-hovered] {
1072
1072
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1073
1073
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1074
1074
  }
1075
- .EmbeddedButton-module__hop-EmbeddedButton--negative___EFWLt[data-focus-visible] {
1075
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___eLLBh[data-focus-visible] {
1076
1076
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1077
1077
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1078
1078
  }
1079
- .EmbeddedButton-module__hop-EmbeddedButton--negative___EFWLt[data-pressed] {
1079
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___eLLBh[data-pressed] {
1080
1080
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1081
1081
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1082
1082
  }
1083
- .EmbeddedButton-module__hop-EmbeddedButton--negative___EFWLt[data-disabled] {
1083
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___eLLBh[data-disabled] {
1084
1084
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1085
1085
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1086
1086
  }
1087
- .EmbeddedButton-module__hop-EmbeddedButton--option1___M4O8H[data-hovered] {
1087
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___26Ctk[data-hovered] {
1088
1088
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1089
1089
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1090
1090
  }
1091
- .EmbeddedButton-module__hop-EmbeddedButton--option1___M4O8H[data-focus-visible] {
1091
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___26Ctk[data-focus-visible] {
1092
1092
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1093
1093
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1094
1094
  }
1095
- .EmbeddedButton-module__hop-EmbeddedButton--option1___M4O8H[data-pressed] {
1095
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___26Ctk[data-pressed] {
1096
1096
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1097
1097
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1098
1098
  }
1099
- .EmbeddedButton-module__hop-EmbeddedButton--option1___M4O8H[data-disabled] {
1099
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___26Ctk[data-disabled] {
1100
1100
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1101
1101
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1102
1102
  }
1103
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DoBVm[data-hovered] {
1103
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___XCcQX[data-hovered] {
1104
1104
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1105
1105
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1106
1106
  }
1107
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DoBVm[data-focus-visible] {
1107
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___XCcQX[data-focus-visible] {
1108
1108
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1109
1109
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1110
1110
  }
1111
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DoBVm[data-pressed] {
1111
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___XCcQX[data-pressed] {
1112
1112
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1113
1113
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1114
1114
  }
1115
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DoBVm[data-disabled] {
1115
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___XCcQX[data-disabled] {
1116
1116
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1117
1117
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1118
1118
  }
1119
- .EmbeddedButton-module__hop-EmbeddedButton--option3___mNnUK[data-hovered] {
1119
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ePLE-[data-hovered] {
1120
1120
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1121
1121
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1122
1122
  }
1123
- .EmbeddedButton-module__hop-EmbeddedButton--option3___mNnUK[data-focus-visible] {
1123
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ePLE-[data-focus-visible] {
1124
1124
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1125
1125
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1126
1126
  }
1127
- .EmbeddedButton-module__hop-EmbeddedButton--option3___mNnUK[data-pressed] {
1127
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ePLE-[data-pressed] {
1128
1128
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1129
1129
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1130
1130
  }
1131
- .EmbeddedButton-module__hop-EmbeddedButton--option3___mNnUK[data-disabled] {
1131
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ePLE-[data-disabled] {
1132
1132
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1133
1133
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1134
1134
  }
1135
- .EmbeddedButton-module__hop-EmbeddedButton--option4___I2CJg[data-hovered] {
1135
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___ZyQcz[data-hovered] {
1136
1136
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1137
1137
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1138
1138
  }
1139
- .EmbeddedButton-module__hop-EmbeddedButton--option4___I2CJg[data-focus-visible] {
1139
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___ZyQcz[data-focus-visible] {
1140
1140
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1141
1141
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1142
1142
  }
1143
- .EmbeddedButton-module__hop-EmbeddedButton--option4___I2CJg[data-pressed] {
1143
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___ZyQcz[data-pressed] {
1144
1144
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1145
1145
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1146
1146
  }
1147
- .EmbeddedButton-module__hop-EmbeddedButton--option4___I2CJg[data-disabled] {
1147
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___ZyQcz[data-disabled] {
1148
1148
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1149
1149
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1150
1150
  }
1151
- .EmbeddedButton-module__hop-EmbeddedButton--option5___MwFK3[data-hovered] {
1151
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___QZa9S[data-hovered] {
1152
1152
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1153
1153
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1154
1154
  }
1155
- .EmbeddedButton-module__hop-EmbeddedButton--option5___MwFK3[data-focus-visible] {
1155
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___QZa9S[data-focus-visible] {
1156
1156
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1157
1157
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1158
1158
  }
1159
- .EmbeddedButton-module__hop-EmbeddedButton--option5___MwFK3[data-pressed] {
1159
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___QZa9S[data-pressed] {
1160
1160
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1161
1161
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1162
1162
  }
1163
- .EmbeddedButton-module__hop-EmbeddedButton--option5___MwFK3[data-disabled] {
1163
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___QZa9S[data-disabled] {
1164
1164
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1165
1165
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1166
1166
  }
1167
- .EmbeddedButton-module__hop-EmbeddedButton--option6___vCYi4[data-hovered] {
1167
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___DFDJL[data-hovered] {
1168
1168
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1169
1169
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1170
1170
  }
1171
- .EmbeddedButton-module__hop-EmbeddedButton--option6___vCYi4[data-focus-visible] {
1171
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___DFDJL[data-focus-visible] {
1172
1172
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1173
1173
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1174
1174
  }
1175
- .EmbeddedButton-module__hop-EmbeddedButton--option6___vCYi4[data-pressed] {
1175
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___DFDJL[data-pressed] {
1176
1176
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1177
1177
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1178
1178
  }
1179
- .EmbeddedButton-module__hop-EmbeddedButton--option6___vCYi4[data-disabled] {
1179
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___DFDJL[data-disabled] {
1180
1180
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1181
1181
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1182
1182
  }
1183
- .EmbeddedButton-module__hop-EmbeddedButton__icon___iKFqx {
1183
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___C3mxL {
1184
1184
  position: relative;
1185
1185
  }
1186
1186
 
1187
1187
  /* 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___NUT6N {
1188
+ button.CloseButton-module__hop-CloseButton___IxBDA {
1189
1189
  --hop-CloseButton-margin-top: 0rem;
1190
1190
  --hop-CloseButton-padding: 0rem;
1191
1191
  --hop-CloseButton-width: fit-content;
@@ -1199,7 +1199,7 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1199
1199
  }
1200
1200
 
1201
1201
  /* 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___fanAk {
1202
+ .Button-module__hop-Button___oewID {
1203
1203
  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1204
1204
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1205
1205
  --hop-Button-icon-only-column-gap: 0;
@@ -1260,32 +1260,32 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1260
1260
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1261
1261
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1262
1262
  }
1263
- .Button-module__hop-Button--fluid___v75qi {
1263
+ .Button-module__hop-Button--fluid___w2TV- {
1264
1264
  --inline-size: 100%;
1265
1265
  }
1266
- .Button-module__hop-Button--xs___uNXVT {
1266
+ .Button-module__hop-Button--xs___iG4yw {
1267
1267
  --block-size: var(--hop-Button-xs-height);
1268
1268
  --padding: var(--hop-Button-xs-padding);
1269
1269
  }
1270
- .Button-module__hop-Button--xs___uNXVT[class*=--ghost] {
1270
+ .Button-module__hop-Button--xs___iG4yw[class*=--ghost] {
1271
1271
  --padding: var(--hop-Button-ghost-xs-padding);
1272
1272
  }
1273
- .Button-module__hop-Button--sm___6EGIq {
1273
+ .Button-module__hop-Button--sm___v8BcX {
1274
1274
  --block-size: var(--hop-Button-sm-height);
1275
1275
  --padding: var(--hop-Button-sm-padding);
1276
1276
  }
1277
- .Button-module__hop-Button--sm___6EGIq[class*=--ghost] {
1277
+ .Button-module__hop-Button--sm___v8BcX[class*=--ghost] {
1278
1278
  --padding: var(--hop-Button-ghost-sm-padding);
1279
1279
  }
1280
- .Button-module__hop-Button--md___W-HQJ[class*=--ghost] {
1280
+ .Button-module__hop-Button--md___-3RAG[class*=--ghost] {
1281
1281
  --padding: var(--hop-Button-ghost-md-padding);
1282
1282
  }
1283
- .Button-module__hop-Button--icon-only___oe-hw {
1283
+ .Button-module__hop-Button--icon-only___w9HeW {
1284
1284
  --column-gap: var(--hop-Button-icon-only-column-gap);
1285
1285
  --padding: var(--hop-Button-icon-only-padding);
1286
1286
  aspect-ratio: 1;
1287
1287
  }
1288
- .Button-module__hop-Button--primary___epFxE {
1288
+ .Button-module__hop-Button--primary___8S05a {
1289
1289
  --background: var(--hop-comp-button-primary-background);
1290
1290
  --color: var(--hop-comp-button-primary-text-color);
1291
1291
  --icon-color: var(--hop-comp-button-primary-icon-color);
@@ -1296,20 +1296,20 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1296
1296
  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1297
1297
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1298
1298
  }
1299
- .Button-module__hop-Button--primary___epFxE[data-hovered],
1300
- .Button-module__hop-Button--primary___epFxE[data-focus-visible] {
1299
+ .Button-module__hop-Button--primary___8S05a[data-hovered],
1300
+ .Button-module__hop-Button--primary___8S05a[data-focus-visible] {
1301
1301
  --background: var(--hop-comp-button-primary-background-hover);
1302
1302
  --color: var(--hop-comp-button-primary-text-color-hover);
1303
1303
  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1304
1304
  --border: var(--hop-Button-primary-border);
1305
1305
  }
1306
- .Button-module__hop-Button--primary___epFxE[data-pressed] {
1306
+ .Button-module__hop-Button--primary___8S05a[data-pressed] {
1307
1307
  --background: var(--hop-comp-button-primary-background-pressed);
1308
1308
  --color: var(--hop-comp-button-primary-text-color-pressed);
1309
1309
  --icon-color: var(--hop-comp-button-primary-icon-color-press);
1310
1310
  --border: var(--hop-Button-primary-border);
1311
1311
  }
1312
- .Button-module__hop-Button--secondary___RxTbR {
1312
+ .Button-module__hop-Button--secondary___a2RrL {
1313
1313
  --background: var(--hop-comp-button-secondary-background);
1314
1314
  --color: var(--hop-comp-button-secondary-text-color);
1315
1315
  --icon-color: var(--hop-comp-button-secondary-icon-color);
@@ -1320,20 +1320,20 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1320
1320
  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1321
1321
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1322
1322
  }
1323
- .Button-module__hop-Button--secondary___RxTbR[data-hovered],
1324
- .Button-module__hop-Button--secondary___RxTbR[data-focus-visible] {
1323
+ .Button-module__hop-Button--secondary___a2RrL[data-hovered],
1324
+ .Button-module__hop-Button--secondary___a2RrL[data-focus-visible] {
1325
1325
  --background: var(--hop-comp-button-secondary-background-hover);
1326
1326
  --color: var(--hop-comp-button-secondary-text-color-hover);
1327
1327
  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1328
1328
  --border: var(--hop-Button-secondary-border);
1329
1329
  }
1330
- .Button-module__hop-Button--secondary___RxTbR[data-pressed] {
1330
+ .Button-module__hop-Button--secondary___a2RrL[data-pressed] {
1331
1331
  --background: var(--hop-comp-button-secondary-background-pressed);
1332
1332
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1333
1333
  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1334
1334
  --border: var(--hop-Button-secondary-border);
1335
1335
  }
1336
- .Button-module__hop-Button--upsell___eVHAf {
1336
+ .Button-module__hop-Button--upsell___wk6qT {
1337
1337
  --background: var(--hop-comp-button-upsell-background);
1338
1338
  --color: var(--hop-comp-button-upsell-text-color);
1339
1339
  --icon-color: var(--hop-comp-button-upsell-icon-color);
@@ -1344,20 +1344,20 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1344
1344
  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1345
1345
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1346
1346
  }
1347
- .Button-module__hop-Button--upsell___eVHAf[data-hovered],
1348
- .Button-module__hop-Button--upsell___eVHAf[data-focus-visible] {
1347
+ .Button-module__hop-Button--upsell___wk6qT[data-hovered],
1348
+ .Button-module__hop-Button--upsell___wk6qT[data-focus-visible] {
1349
1349
  --background: var(--hop-comp-button-upsell-background-hover);
1350
1350
  --color: var(--hop-comp-button-upsell-text-color-hover);
1351
1351
  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1352
1352
  --border: var(--hop-Button-upsell-border);
1353
1353
  }
1354
- .Button-module__hop-Button--upsell___eVHAf[data-pressed] {
1354
+ .Button-module__hop-Button--upsell___wk6qT[data-pressed] {
1355
1355
  --background: var(--hop-comp-button-upsell-background-pressed);
1356
1356
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1357
1357
  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1358
1358
  --border: var(--hop-Button-upsell-border);
1359
1359
  }
1360
- .Button-module__hop-Button--danger___ovyNs {
1360
+ .Button-module__hop-Button--danger___YdvpQ {
1361
1361
  --background: var(--hop-comp-button-danger-background);
1362
1362
  --color: var(--hop-comp-button-danger-text-color);
1363
1363
  --icon-color: var(--hop-comp-button-danger-icon-color);
@@ -1368,20 +1368,20 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1368
1368
  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1369
1369
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1370
1370
  }
1371
- .Button-module__hop-Button--danger___ovyNs[data-hovered],
1372
- .Button-module__hop-Button--danger___ovyNs[data-focus-visible] {
1371
+ .Button-module__hop-Button--danger___YdvpQ[data-hovered],
1372
+ .Button-module__hop-Button--danger___YdvpQ[data-focus-visible] {
1373
1373
  --background: var(--hop-comp-button-danger-background-hover);
1374
1374
  --color: var(--hop-comp-button-danger-text-color-hover);
1375
1375
  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1376
1376
  --border: var(--hop-Button-danger-border);
1377
1377
  }
1378
- .Button-module__hop-Button--danger___ovyNs[data-pressed] {
1378
+ .Button-module__hop-Button--danger___YdvpQ[data-pressed] {
1379
1379
  --background: var(--hop-comp-button-danger-background-pressed);
1380
1380
  --color: var(--hop-comp-button-danger-text-color-pressed);
1381
1381
  --icon-color: var(--hop-comp-button-danger-icon-color-press);
1382
1382
  --border: var(--hop-Button-danger-border);
1383
1383
  }
1384
- .Button-module__hop-Button--ghost-primary___swzHP {
1384
+ .Button-module__hop-Button--ghost-primary___FLW4u {
1385
1385
  --background: var(--hop-comp-button-ghost-primary-background);
1386
1386
  --color: var(--hop-comp-button-ghost-primary-text-color);
1387
1387
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
@@ -1392,20 +1392,20 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1392
1392
  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1393
1393
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1394
1394
  }
1395
- .Button-module__hop-Button--ghost-primary___swzHP[data-hovered],
1396
- .Button-module__hop-Button--ghost-primary___swzHP[data-focus-visible] {
1395
+ .Button-module__hop-Button--ghost-primary___FLW4u[data-hovered],
1396
+ .Button-module__hop-Button--ghost-primary___FLW4u[data-focus-visible] {
1397
1397
  --background: var(--hop-comp-button-ghost-primary-background-hover);
1398
1398
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1399
1399
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1400
1400
  --border: var(--hop-Button-ghost-primary-border);
1401
1401
  }
1402
- .Button-module__hop-Button--ghost-primary___swzHP[data-pressed] {
1402
+ .Button-module__hop-Button--ghost-primary___FLW4u[data-pressed] {
1403
1403
  --background: var(--hop-comp-button-ghost-primary-background-pressed);
1404
1404
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1405
1405
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1406
1406
  --border: var(--hop-Button-ghost-primary-border);
1407
1407
  }
1408
- .Button-module__hop-Button--ghost-secondary___9lB92 {
1408
+ .Button-module__hop-Button--ghost-secondary___1G-bi {
1409
1409
  --background: var(--hop-comp-button-ghost-secondary-background);
1410
1410
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1411
1411
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
@@ -1416,20 +1416,20 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1416
1416
  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1417
1417
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1418
1418
  }
1419
- .Button-module__hop-Button--ghost-secondary___9lB92[data-hovered],
1420
- .Button-module__hop-Button--ghost-secondary___9lB92[data-focus-visible] {
1419
+ .Button-module__hop-Button--ghost-secondary___1G-bi[data-hovered],
1420
+ .Button-module__hop-Button--ghost-secondary___1G-bi[data-focus-visible] {
1421
1421
  --background: var(--hop-comp-button-ghost-secondary-background-hover);
1422
1422
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1423
1423
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1424
1424
  --border: var(--hop-Button-ghost-secondary-border);
1425
1425
  }
1426
- .Button-module__hop-Button--ghost-secondary___9lB92[data-pressed] {
1426
+ .Button-module__hop-Button--ghost-secondary___1G-bi[data-pressed] {
1427
1427
  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1428
1428
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1429
1429
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1430
1430
  --border: var(--hop-Button-ghost-secondary-border);
1431
1431
  }
1432
- .Button-module__hop-Button--ghost-danger___HrFIC {
1432
+ .Button-module__hop-Button--ghost-danger___Dyi0F {
1433
1433
  --background: var(--hop-comp-button-ghost-danger-background);
1434
1434
  --color: var(--hop-comp-button-ghost-danger-text-color);
1435
1435
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
@@ -1440,75 +1440,75 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1440
1440
  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1441
1441
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1442
1442
  }
1443
- .Button-module__hop-Button--ghost-danger___HrFIC[data-hovered],
1444
- .Button-module__hop-Button--ghost-danger___HrFIC[data-focus-visible] {
1443
+ .Button-module__hop-Button--ghost-danger___Dyi0F[data-hovered],
1444
+ .Button-module__hop-Button--ghost-danger___Dyi0F[data-focus-visible] {
1445
1445
  --background: var(--hop-comp-button-ghost-danger-background-hover);
1446
1446
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1447
1447
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1448
1448
  --border: var(--hop-Button-ghost-danger-border);
1449
1449
  }
1450
- .Button-module__hop-Button--ghost-danger___HrFIC[data-pressed] {
1450
+ .Button-module__hop-Button--ghost-danger___Dyi0F[data-pressed] {
1451
1451
  --background: var(--hop-comp-button-ghost-danger-background-pressed);
1452
1452
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1453
1453
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1454
1454
  --border: var(--hop-Button-ghost-danger-border);
1455
1455
  }
1456
- .Button-module__hop-Button___fanAk[data-focus-visible] {
1456
+ .Button-module__hop-Button___oewID[data-focus-visible] {
1457
1457
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1458
1458
  }
1459
- .Button-module__hop-Button___fanAk[data-disabled],
1460
- .Button-module__hop-Button--loading___w4OoR {
1459
+ .Button-module__hop-Button___oewID[data-disabled],
1460
+ .Button-module__hop-Button--loading___BuI5o {
1461
1461
  cursor: not-allowed;
1462
1462
  }
1463
- .Button-module__hop-Button___fanAk[data-disabled] {
1463
+ .Button-module__hop-Button___oewID[data-disabled] {
1464
1464
  --color: var(--hop-comp-button-text-color-disabled);
1465
1465
  --icon-color: var(--hop-comp-button-icon-color-disabled);
1466
1466
  }
1467
- .Button-module__hop-Button--primary___epFxE[data-disabled] {
1467
+ .Button-module__hop-Button--primary___8S05a[data-disabled] {
1468
1468
  --background: var(--hop-comp-button-primary-background-disabled);
1469
1469
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1470
1470
  }
1471
- .Button-module__hop-Button--secondary___RxTbR[data-disabled] {
1471
+ .Button-module__hop-Button--secondary___a2RrL[data-disabled] {
1472
1472
  --background: var(--hop-comp-button-secondary-background-disabled);
1473
1473
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1474
1474
  }
1475
- .Button-module__hop-Button--upsell___eVHAf[data-disabled] {
1475
+ .Button-module__hop-Button--upsell___wk6qT[data-disabled] {
1476
1476
  --background: var(--hop-comp-button-upsell-background-disabled);
1477
1477
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1478
1478
  }
1479
- .Button-module__hop-Button--danger___ovyNs[data-disabled] {
1479
+ .Button-module__hop-Button--danger___YdvpQ[data-disabled] {
1480
1480
  --background: var(--hop-comp-button-danger-background-disabled);
1481
1481
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1482
1482
  }
1483
- .Button-module__hop-Button--ghost-primary___swzHP[data-disabled] {
1483
+ .Button-module__hop-Button--ghost-primary___FLW4u[data-disabled] {
1484
1484
  --background: var(--hop-comp-button-ghost-primary-background-disabled);
1485
1485
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1486
1486
  }
1487
- .Button-module__hop-Button--ghost-secondary___9lB92[data-disabled] {
1487
+ .Button-module__hop-Button--ghost-secondary___1G-bi[data-disabled] {
1488
1488
  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1489
1489
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1490
1490
  }
1491
- .Button-module__hop-Button--ghost-danger___HrFIC[data-disabled] {
1491
+ .Button-module__hop-Button--ghost-danger___Dyi0F[data-disabled] {
1492
1492
  --background: var(--hop-comp-button-ghost-danger-background-disabled);
1493
1493
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1494
1494
  }
1495
- .Button-module__hop-Button--loading___w4OoR {
1495
+ .Button-module__hop-Button--loading___BuI5o {
1496
1496
  background: var(--background-loading);
1497
1497
  color: var(--color-loading);
1498
1498
  border-color: var(--border-color-loading);
1499
1499
  box-shadow: var(--box-shadow-loading);
1500
1500
  }
1501
- .Button-module__hop-Button__Spinner___N675E {
1501
+ .Button-module__hop-Button__Spinner___RCFdL {
1502
1502
  position: absolute;
1503
1503
  }
1504
- .Button-module__hop-Button__icon___uKG4c,
1505
- .Button-module__hop-Button__icon-list___vSy3B {
1504
+ .Button-module__hop-Button__icon___aAtjU,
1505
+ .Button-module__hop-Button__icon-list___Ynubl {
1506
1506
  flex: 0 0 auto;
1507
1507
  justify-self: end;
1508
1508
  order: 1;
1509
1509
  color: var(--icon-color);
1510
1510
  }
1511
- .Button-module__hop-Button__text___L2wfO {
1511
+ .Button-module__hop-Button__text___2wIQW {
1512
1512
  user-select: none;
1513
1513
  overflow: visible;
1514
1514
  flex: 0 1 auto;
@@ -1517,60 +1517,60 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1517
1517
  text-decoration: none;
1518
1518
  text-wrap: nowrap;
1519
1519
  }
1520
- .Button-module__hop-Button__end-icon___QPj02,
1521
- .Button-module__hop-Button__end-icon-list___q6ivn {
1520
+ .Button-module__hop-Button__end-icon___6dbHk,
1521
+ .Button-module__hop-Button__end-icon-list___e-wRR {
1522
1522
  flex: 0 0 auto;
1523
1523
  order: 3;
1524
1524
  color: var(--icon-color);
1525
1525
  }
1526
- .Button-module__hop-Button___fanAk .Button-module__hop-Button__icon-list___vSy3B,
1527
- .Button-module__hop-Button___fanAk .Button-module__hop-Button__end-icon-list___q6ivn {
1526
+ .Button-module__hop-Button___oewID .Button-module__hop-Button__icon-list___Ynubl,
1527
+ .Button-module__hop-Button___oewID .Button-module__hop-Button__end-icon-list___e-wRR {
1528
1528
  flex-wrap: nowrap;
1529
1529
  }
1530
- .Button-module__hop-Button--loading___w4OoR.Button-module__hop-Button___fanAk > *:not(.Button-module__hop-Button__Spinner___N675E) {
1530
+ .Button-module__hop-Button--loading___BuI5o.Button-module__hop-Button___oewID > *:not(.Button-module__hop-Button__Spinner___RCFdL) {
1531
1531
  opacity: 0;
1532
1532
  }
1533
- .LinkButton-module__hop-LinkButton___hEZ4z {
1533
+ .LinkButton-module__hop-LinkButton___63OQq {
1534
1534
  }
1535
- .LinkButton-module__hop-LinkButton--fluid___y1uRl {
1535
+ .LinkButton-module__hop-LinkButton--fluid___SHNvn {
1536
1536
  }
1537
- .LinkButton-module__hop-LinkButton--xs___xBIkC {
1537
+ .LinkButton-module__hop-LinkButton--xs___45tIb {
1538
1538
  }
1539
- .LinkButton-module__hop-LinkButton--sm___1DX2w {
1539
+ .LinkButton-module__hop-LinkButton--sm___WT8ne {
1540
1540
  }
1541
- .LinkButton-module__hop-LinkButton--icon-only___cFTXj {
1541
+ .LinkButton-module__hop-LinkButton--icon-only___uYZW2 {
1542
1542
  }
1543
- .LinkButton-module__hop-LinkButton--primary___s7IwW {
1543
+ .LinkButton-module__hop-LinkButton--primary___be8sp {
1544
1544
  }
1545
- .LinkButton-module__hop-LinkButton--secondary___6Swv7 {
1545
+ .LinkButton-module__hop-LinkButton--secondary___j-WJE {
1546
1546
  }
1547
- .LinkButton-module__hop-LinkButton--upsell___70yk4 {
1547
+ .LinkButton-module__hop-LinkButton--upsell___8USH0 {
1548
1548
  }
1549
- .LinkButton-module__hop-LinkButton--danger___iEqG- {
1549
+ .LinkButton-module__hop-LinkButton--danger___jGYAN {
1550
1550
  }
1551
- .LinkButton-module__hop-LinkButton--ghost-primary___8oq0u {
1551
+ .LinkButton-module__hop-LinkButton--ghost-primary___QC36v {
1552
1552
  }
1553
- .LinkButton-module__hop-LinkButton--ghost-secondary___BH4Zl {
1553
+ .LinkButton-module__hop-LinkButton--ghost-secondary___uONGH {
1554
1554
  }
1555
- .LinkButton-module__hop-LinkButton--ghost-danger___EbNd5 {
1555
+ .LinkButton-module__hop-LinkButton--ghost-danger___tyU-- {
1556
1556
  }
1557
- .LinkButton-module__hop-LinkButton__Spinner___lbcnN {
1557
+ .LinkButton-module__hop-LinkButton__Spinner___g9QNQ {
1558
1558
  }
1559
- .LinkButton-module__hop-LinkButton__icon___wVDLd,
1560
- .LinkButton-module__hop-LinkButton__icon-list___tv--t {
1559
+ .LinkButton-module__hop-LinkButton__icon___jLwyQ,
1560
+ .LinkButton-module__hop-LinkButton__icon-list___4JCye {
1561
1561
  }
1562
- .LinkButton-module__hop-LinkButton__text___tlgMa {
1562
+ .LinkButton-module__hop-LinkButton__text___XXC6s {
1563
1563
  }
1564
- .LinkButton-module__hop-LinkButton__end-icon___poB9C,
1565
- .LinkButton-module__hop-LinkButton__end-icon-list___wS0Wz {
1564
+ .LinkButton-module__hop-LinkButton__end-icon___MEn5U,
1565
+ .LinkButton-module__hop-LinkButton__end-icon-list___Dm5Ls {
1566
1566
  }
1567
- .LinkButton-module__hop-LinkButton___hEZ4z .LinkButton-module__hop-LinkButton__icon-list___tv--t,
1568
- .LinkButton-module__hop-LinkButton___hEZ4z .LinkButton-module__hop-LinkButton__end-icon-list___wS0Wz {
1567
+ .LinkButton-module__hop-LinkButton___63OQq .LinkButton-module__hop-LinkButton__icon-list___4JCye,
1568
+ .LinkButton-module__hop-LinkButton___63OQq .LinkButton-module__hop-LinkButton__end-icon-list___Dm5Ls {
1569
1569
  flex-wrap: nowrap;
1570
1570
  }
1571
1571
 
1572
1572
  /* 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___fanAk {
1573
+ .Button-module__hop-Button___oewID {
1574
1574
  --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1575
1575
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1576
1576
  --hop-Button-icon-only-column-gap: 0;
@@ -1631,32 +1631,32 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1631
1631
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1632
1632
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1633
1633
  }
1634
- .Button-module__hop-Button--fluid___v75qi {
1634
+ .Button-module__hop-Button--fluid___w2TV- {
1635
1635
  --inline-size: 100%;
1636
1636
  }
1637
- .Button-module__hop-Button--xs___uNXVT {
1637
+ .Button-module__hop-Button--xs___iG4yw {
1638
1638
  --block-size: var(--hop-Button-xs-height);
1639
1639
  --padding: var(--hop-Button-xs-padding);
1640
1640
  }
1641
- .Button-module__hop-Button--xs___uNXVT[class*=--ghost] {
1641
+ .Button-module__hop-Button--xs___iG4yw[class*=--ghost] {
1642
1642
  --padding: var(--hop-Button-ghost-xs-padding);
1643
1643
  }
1644
- .Button-module__hop-Button--sm___6EGIq {
1644
+ .Button-module__hop-Button--sm___v8BcX {
1645
1645
  --block-size: var(--hop-Button-sm-height);
1646
1646
  --padding: var(--hop-Button-sm-padding);
1647
1647
  }
1648
- .Button-module__hop-Button--sm___6EGIq[class*=--ghost] {
1648
+ .Button-module__hop-Button--sm___v8BcX[class*=--ghost] {
1649
1649
  --padding: var(--hop-Button-ghost-sm-padding);
1650
1650
  }
1651
- .Button-module__hop-Button--md___W-HQJ[class*=--ghost] {
1651
+ .Button-module__hop-Button--md___-3RAG[class*=--ghost] {
1652
1652
  --padding: var(--hop-Button-ghost-md-padding);
1653
1653
  }
1654
- .Button-module__hop-Button--icon-only___oe-hw {
1654
+ .Button-module__hop-Button--icon-only___w9HeW {
1655
1655
  --column-gap: var(--hop-Button-icon-only-column-gap);
1656
1656
  --padding: var(--hop-Button-icon-only-padding);
1657
1657
  aspect-ratio: 1;
1658
1658
  }
1659
- .Button-module__hop-Button--primary___epFxE {
1659
+ .Button-module__hop-Button--primary___8S05a {
1660
1660
  --background: var(--hop-comp-button-primary-background);
1661
1661
  --color: var(--hop-comp-button-primary-text-color);
1662
1662
  --icon-color: var(--hop-comp-button-primary-icon-color);
@@ -1667,20 +1667,20 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1667
1667
  --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1668
1668
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1669
1669
  }
1670
- .Button-module__hop-Button--primary___epFxE[data-hovered],
1671
- .Button-module__hop-Button--primary___epFxE[data-focus-visible] {
1670
+ .Button-module__hop-Button--primary___8S05a[data-hovered],
1671
+ .Button-module__hop-Button--primary___8S05a[data-focus-visible] {
1672
1672
  --background: var(--hop-comp-button-primary-background-hover);
1673
1673
  --color: var(--hop-comp-button-primary-text-color-hover);
1674
1674
  --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1675
1675
  --border: var(--hop-Button-primary-border);
1676
1676
  }
1677
- .Button-module__hop-Button--primary___epFxE[data-pressed] {
1677
+ .Button-module__hop-Button--primary___8S05a[data-pressed] {
1678
1678
  --background: var(--hop-comp-button-primary-background-pressed);
1679
1679
  --color: var(--hop-comp-button-primary-text-color-pressed);
1680
1680
  --icon-color: var(--hop-comp-button-primary-icon-color-press);
1681
1681
  --border: var(--hop-Button-primary-border);
1682
1682
  }
1683
- .Button-module__hop-Button--secondary___RxTbR {
1683
+ .Button-module__hop-Button--secondary___a2RrL {
1684
1684
  --background: var(--hop-comp-button-secondary-background);
1685
1685
  --color: var(--hop-comp-button-secondary-text-color);
1686
1686
  --icon-color: var(--hop-comp-button-secondary-icon-color);
@@ -1691,20 +1691,20 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1691
1691
  --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1692
1692
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1693
1693
  }
1694
- .Button-module__hop-Button--secondary___RxTbR[data-hovered],
1695
- .Button-module__hop-Button--secondary___RxTbR[data-focus-visible] {
1694
+ .Button-module__hop-Button--secondary___a2RrL[data-hovered],
1695
+ .Button-module__hop-Button--secondary___a2RrL[data-focus-visible] {
1696
1696
  --background: var(--hop-comp-button-secondary-background-hover);
1697
1697
  --color: var(--hop-comp-button-secondary-text-color-hover);
1698
1698
  --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1699
1699
  --border: var(--hop-Button-secondary-border);
1700
1700
  }
1701
- .Button-module__hop-Button--secondary___RxTbR[data-pressed] {
1701
+ .Button-module__hop-Button--secondary___a2RrL[data-pressed] {
1702
1702
  --background: var(--hop-comp-button-secondary-background-pressed);
1703
1703
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1704
1704
  --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1705
1705
  --border: var(--hop-Button-secondary-border);
1706
1706
  }
1707
- .Button-module__hop-Button--upsell___eVHAf {
1707
+ .Button-module__hop-Button--upsell___wk6qT {
1708
1708
  --background: var(--hop-comp-button-upsell-background);
1709
1709
  --color: var(--hop-comp-button-upsell-text-color);
1710
1710
  --icon-color: var(--hop-comp-button-upsell-icon-color);
@@ -1715,20 +1715,20 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1715
1715
  --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1716
1716
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1717
1717
  }
1718
- .Button-module__hop-Button--upsell___eVHAf[data-hovered],
1719
- .Button-module__hop-Button--upsell___eVHAf[data-focus-visible] {
1718
+ .Button-module__hop-Button--upsell___wk6qT[data-hovered],
1719
+ .Button-module__hop-Button--upsell___wk6qT[data-focus-visible] {
1720
1720
  --background: var(--hop-comp-button-upsell-background-hover);
1721
1721
  --color: var(--hop-comp-button-upsell-text-color-hover);
1722
1722
  --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1723
1723
  --border: var(--hop-Button-upsell-border);
1724
1724
  }
1725
- .Button-module__hop-Button--upsell___eVHAf[data-pressed] {
1725
+ .Button-module__hop-Button--upsell___wk6qT[data-pressed] {
1726
1726
  --background: var(--hop-comp-button-upsell-background-pressed);
1727
1727
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1728
1728
  --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1729
1729
  --border: var(--hop-Button-upsell-border);
1730
1730
  }
1731
- .Button-module__hop-Button--danger___ovyNs {
1731
+ .Button-module__hop-Button--danger___YdvpQ {
1732
1732
  --background: var(--hop-comp-button-danger-background);
1733
1733
  --color: var(--hop-comp-button-danger-text-color);
1734
1734
  --icon-color: var(--hop-comp-button-danger-icon-color);
@@ -1739,20 +1739,20 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1739
1739
  --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1740
1740
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1741
1741
  }
1742
- .Button-module__hop-Button--danger___ovyNs[data-hovered],
1743
- .Button-module__hop-Button--danger___ovyNs[data-focus-visible] {
1742
+ .Button-module__hop-Button--danger___YdvpQ[data-hovered],
1743
+ .Button-module__hop-Button--danger___YdvpQ[data-focus-visible] {
1744
1744
  --background: var(--hop-comp-button-danger-background-hover);
1745
1745
  --color: var(--hop-comp-button-danger-text-color-hover);
1746
1746
  --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1747
1747
  --border: var(--hop-Button-danger-border);
1748
1748
  }
1749
- .Button-module__hop-Button--danger___ovyNs[data-pressed] {
1749
+ .Button-module__hop-Button--danger___YdvpQ[data-pressed] {
1750
1750
  --background: var(--hop-comp-button-danger-background-pressed);
1751
1751
  --color: var(--hop-comp-button-danger-text-color-pressed);
1752
1752
  --icon-color: var(--hop-comp-button-danger-icon-color-press);
1753
1753
  --border: var(--hop-Button-danger-border);
1754
1754
  }
1755
- .Button-module__hop-Button--ghost-primary___swzHP {
1755
+ .Button-module__hop-Button--ghost-primary___FLW4u {
1756
1756
  --background: var(--hop-comp-button-ghost-primary-background);
1757
1757
  --color: var(--hop-comp-button-ghost-primary-text-color);
1758
1758
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
@@ -1763,20 +1763,20 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1763
1763
  --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1764
1764
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1765
1765
  }
1766
- .Button-module__hop-Button--ghost-primary___swzHP[data-hovered],
1767
- .Button-module__hop-Button--ghost-primary___swzHP[data-focus-visible] {
1766
+ .Button-module__hop-Button--ghost-primary___FLW4u[data-hovered],
1767
+ .Button-module__hop-Button--ghost-primary___FLW4u[data-focus-visible] {
1768
1768
  --background: var(--hop-comp-button-ghost-primary-background-hover);
1769
1769
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1770
1770
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1771
1771
  --border: var(--hop-Button-ghost-primary-border);
1772
1772
  }
1773
- .Button-module__hop-Button--ghost-primary___swzHP[data-pressed] {
1773
+ .Button-module__hop-Button--ghost-primary___FLW4u[data-pressed] {
1774
1774
  --background: var(--hop-comp-button-ghost-primary-background-pressed);
1775
1775
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1776
1776
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1777
1777
  --border: var(--hop-Button-ghost-primary-border);
1778
1778
  }
1779
- .Button-module__hop-Button--ghost-secondary___9lB92 {
1779
+ .Button-module__hop-Button--ghost-secondary___1G-bi {
1780
1780
  --background: var(--hop-comp-button-ghost-secondary-background);
1781
1781
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1782
1782
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
@@ -1787,20 +1787,20 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1787
1787
  --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1788
1788
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1789
1789
  }
1790
- .Button-module__hop-Button--ghost-secondary___9lB92[data-hovered],
1791
- .Button-module__hop-Button--ghost-secondary___9lB92[data-focus-visible] {
1790
+ .Button-module__hop-Button--ghost-secondary___1G-bi[data-hovered],
1791
+ .Button-module__hop-Button--ghost-secondary___1G-bi[data-focus-visible] {
1792
1792
  --background: var(--hop-comp-button-ghost-secondary-background-hover);
1793
1793
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1794
1794
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1795
1795
  --border: var(--hop-Button-ghost-secondary-border);
1796
1796
  }
1797
- .Button-module__hop-Button--ghost-secondary___9lB92[data-pressed] {
1797
+ .Button-module__hop-Button--ghost-secondary___1G-bi[data-pressed] {
1798
1798
  --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1799
1799
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1800
1800
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1801
1801
  --border: var(--hop-Button-ghost-secondary-border);
1802
1802
  }
1803
- .Button-module__hop-Button--ghost-danger___HrFIC {
1803
+ .Button-module__hop-Button--ghost-danger___Dyi0F {
1804
1804
  --background: var(--hop-comp-button-ghost-danger-background);
1805
1805
  --color: var(--hop-comp-button-ghost-danger-text-color);
1806
1806
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
@@ -1811,75 +1811,75 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1811
1811
  --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1812
1812
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1813
1813
  }
1814
- .Button-module__hop-Button--ghost-danger___HrFIC[data-hovered],
1815
- .Button-module__hop-Button--ghost-danger___HrFIC[data-focus-visible] {
1814
+ .Button-module__hop-Button--ghost-danger___Dyi0F[data-hovered],
1815
+ .Button-module__hop-Button--ghost-danger___Dyi0F[data-focus-visible] {
1816
1816
  --background: var(--hop-comp-button-ghost-danger-background-hover);
1817
1817
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1818
1818
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1819
1819
  --border: var(--hop-Button-ghost-danger-border);
1820
1820
  }
1821
- .Button-module__hop-Button--ghost-danger___HrFIC[data-pressed] {
1821
+ .Button-module__hop-Button--ghost-danger___Dyi0F[data-pressed] {
1822
1822
  --background: var(--hop-comp-button-ghost-danger-background-pressed);
1823
1823
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1824
1824
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1825
1825
  --border: var(--hop-Button-ghost-danger-border);
1826
1826
  }
1827
- .Button-module__hop-Button___fanAk[data-focus-visible] {
1827
+ .Button-module__hop-Button___oewID[data-focus-visible] {
1828
1828
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1829
1829
  }
1830
- .Button-module__hop-Button___fanAk[data-disabled],
1831
- .Button-module__hop-Button--loading___w4OoR {
1830
+ .Button-module__hop-Button___oewID[data-disabled],
1831
+ .Button-module__hop-Button--loading___BuI5o {
1832
1832
  cursor: not-allowed;
1833
1833
  }
1834
- .Button-module__hop-Button___fanAk[data-disabled] {
1834
+ .Button-module__hop-Button___oewID[data-disabled] {
1835
1835
  --color: var(--hop-comp-button-text-color-disabled);
1836
1836
  --icon-color: var(--hop-comp-button-icon-color-disabled);
1837
1837
  }
1838
- .Button-module__hop-Button--primary___epFxE[data-disabled] {
1838
+ .Button-module__hop-Button--primary___8S05a[data-disabled] {
1839
1839
  --background: var(--hop-comp-button-primary-background-disabled);
1840
1840
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1841
1841
  }
1842
- .Button-module__hop-Button--secondary___RxTbR[data-disabled] {
1842
+ .Button-module__hop-Button--secondary___a2RrL[data-disabled] {
1843
1843
  --background: var(--hop-comp-button-secondary-background-disabled);
1844
1844
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1845
1845
  }
1846
- .Button-module__hop-Button--upsell___eVHAf[data-disabled] {
1846
+ .Button-module__hop-Button--upsell___wk6qT[data-disabled] {
1847
1847
  --background: var(--hop-comp-button-upsell-background-disabled);
1848
1848
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1849
1849
  }
1850
- .Button-module__hop-Button--danger___ovyNs[data-disabled] {
1850
+ .Button-module__hop-Button--danger___YdvpQ[data-disabled] {
1851
1851
  --background: var(--hop-comp-button-danger-background-disabled);
1852
1852
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1853
1853
  }
1854
- .Button-module__hop-Button--ghost-primary___swzHP[data-disabled] {
1854
+ .Button-module__hop-Button--ghost-primary___FLW4u[data-disabled] {
1855
1855
  --background: var(--hop-comp-button-ghost-primary-background-disabled);
1856
1856
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1857
1857
  }
1858
- .Button-module__hop-Button--ghost-secondary___9lB92[data-disabled] {
1858
+ .Button-module__hop-Button--ghost-secondary___1G-bi[data-disabled] {
1859
1859
  --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1860
1860
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1861
1861
  }
1862
- .Button-module__hop-Button--ghost-danger___HrFIC[data-disabled] {
1862
+ .Button-module__hop-Button--ghost-danger___Dyi0F[data-disabled] {
1863
1863
  --background: var(--hop-comp-button-ghost-danger-background-disabled);
1864
1864
  --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1865
1865
  }
1866
- .Button-module__hop-Button--loading___w4OoR {
1866
+ .Button-module__hop-Button--loading___BuI5o {
1867
1867
  background: var(--background-loading);
1868
1868
  color: var(--color-loading);
1869
1869
  border-color: var(--border-color-loading);
1870
1870
  box-shadow: var(--box-shadow-loading);
1871
1871
  }
1872
- .Button-module__hop-Button__Spinner___N675E {
1872
+ .Button-module__hop-Button__Spinner___RCFdL {
1873
1873
  position: absolute;
1874
1874
  }
1875
- .Button-module__hop-Button__icon___uKG4c,
1876
- .Button-module__hop-Button__icon-list___vSy3B {
1875
+ .Button-module__hop-Button__icon___aAtjU,
1876
+ .Button-module__hop-Button__icon-list___Ynubl {
1877
1877
  flex: 0 0 auto;
1878
1878
  justify-self: end;
1879
1879
  order: 1;
1880
1880
  color: var(--icon-color);
1881
1881
  }
1882
- .Button-module__hop-Button__text___L2wfO {
1882
+ .Button-module__hop-Button__text___2wIQW {
1883
1883
  user-select: none;
1884
1884
  overflow: visible;
1885
1885
  flex: 0 1 auto;
@@ -1888,109 +1888,109 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
1888
1888
  text-decoration: none;
1889
1889
  text-wrap: nowrap;
1890
1890
  }
1891
- .Button-module__hop-Button__end-icon___QPj02,
1892
- .Button-module__hop-Button__end-icon-list___q6ivn {
1891
+ .Button-module__hop-Button__end-icon___6dbHk,
1892
+ .Button-module__hop-Button__end-icon-list___e-wRR {
1893
1893
  flex: 0 0 auto;
1894
1894
  order: 3;
1895
1895
  color: var(--icon-color);
1896
1896
  }
1897
- .Button-module__hop-Button___fanAk .Button-module__hop-Button__icon-list___vSy3B,
1898
- .Button-module__hop-Button___fanAk .Button-module__hop-Button__end-icon-list___q6ivn {
1897
+ .Button-module__hop-Button___oewID .Button-module__hop-Button__icon-list___Ynubl,
1898
+ .Button-module__hop-Button___oewID .Button-module__hop-Button__end-icon-list___e-wRR {
1899
1899
  flex-wrap: nowrap;
1900
1900
  }
1901
- .Button-module__hop-Button--loading___w4OoR.Button-module__hop-Button___fanAk > *:not(.Button-module__hop-Button__Spinner___N675E) {
1901
+ .Button-module__hop-Button--loading___BuI5o.Button-module__hop-Button___oewID > *:not(.Button-module__hop-Button__Spinner___RCFdL) {
1902
1902
  opacity: 0;
1903
1903
  }
1904
- .ToggleButton-module__hop-ToggleButton___uOTSW {
1904
+ .ToggleButton-module__hop-ToggleButton___p779s {
1905
1905
  --hop-ToggleButton-border-size: var(--hop-space-10);
1906
1906
  }
1907
- .ToggleButton-module__hop-ToggleButton--fluid___JiTs4 {
1907
+ .ToggleButton-module__hop-ToggleButton--fluid___CnHJE {
1908
1908
  }
1909
- .ToggleButton-module__hop-ToggleButton--xs___CGG3g {
1909
+ .ToggleButton-module__hop-ToggleButton--xs___V3CAr {
1910
1910
  }
1911
- .ToggleButton-module__hop-ToggleButton--sm___7S9y- {
1911
+ .ToggleButton-module__hop-ToggleButton--sm___WMk2Z {
1912
1912
  }
1913
- .ToggleButton-module__hop-ToggleButton--md___m-g6X {
1913
+ .ToggleButton-module__hop-ToggleButton--md___YACtQ {
1914
1914
  }
1915
- .ToggleButton-module__hop-ToggleButton--icon-only___zqvfw {
1915
+ .ToggleButton-module__hop-ToggleButton--icon-only___3IztF {
1916
1916
  }
1917
- .ToggleButton-module__hop-ToggleButton--primary___-jxlO {
1917
+ .ToggleButton-module__hop-ToggleButton--primary___92dI2 {
1918
1918
  }
1919
- .ToggleButton-module__hop-ToggleButton--primary___-jxlO[data-selected] {
1919
+ .ToggleButton-module__hop-ToggleButton--primary___92dI2[data-selected] {
1920
1920
  --background: var(--hop-comp-button-primary-background-selected);
1921
1921
  --color: var(--hop-comp-button-primary-text-color-selected);
1922
1922
  --icon-color: var(--hop-comp-button-primary-icon-color-selected);
1923
1923
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
1924
1924
  }
1925
- .ToggleButton-module__hop-ToggleButton--secondary___nuVCl {
1925
+ .ToggleButton-module__hop-ToggleButton--secondary___0cJvh {
1926
1926
  }
1927
- .ToggleButton-module__hop-ToggleButton--secondary___nuVCl[data-selected] {
1927
+ .ToggleButton-module__hop-ToggleButton--secondary___0cJvh[data-selected] {
1928
1928
  --background: var(--hop-comp-button-secondary-background-selected);
1929
1929
  --color: var(--hop-comp-button-secondary-text-color-selected);
1930
1930
  --icon-color: var(--hop-comp-button-secondary-icon-color-selected);
1931
1931
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
1932
1932
  }
1933
- .ToggleButton-module__hop-ToggleButton--upsell___e8-gG {
1933
+ .ToggleButton-module__hop-ToggleButton--upsell___JJnGn {
1934
1934
  }
1935
- .ToggleButton-module__hop-ToggleButton--upsell___e8-gG[data-selected] {
1935
+ .ToggleButton-module__hop-ToggleButton--upsell___JJnGn[data-selected] {
1936
1936
  --background: var(--hop-comp-button-upsell-background-selected);
1937
1937
  --color: var(--hop-comp-button-upsell-text-color-selected);
1938
1938
  --icon-color: var(--hop-comp-button-upsell-icon-color-selected);
1939
1939
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
1940
1940
  }
1941
- .ToggleButton-module__hop-ToggleButton--danger___e4x4Z {
1941
+ .ToggleButton-module__hop-ToggleButton--danger___k6yTE {
1942
1942
  }
1943
- .ToggleButton-module__hop-ToggleButton--danger___e4x4Z[data-selected] {
1943
+ .ToggleButton-module__hop-ToggleButton--danger___k6yTE[data-selected] {
1944
1944
  --background: var(--hop-comp-button-danger-background-selected);
1945
1945
  --color: var(--hop-comp-button-danger-text-color-selected);
1946
1946
  --icon-color: var(--hop-comp-button-danger-icon-color-selected);
1947
1947
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
1948
1948
  }
1949
- .ToggleButton-module__hop-ToggleButton--ghost-primary___7H3uv {
1949
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___OhOSO {
1950
1950
  }
1951
- .ToggleButton-module__hop-ToggleButton--ghost-primary___7H3uv[data-selected] {
1951
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___OhOSO[data-selected] {
1952
1952
  --background: var(--hop-comp-button-ghost-primary-background-selected);
1953
1953
  --color: var(--hop-comp-button-ghost-primary-text-color-selected);
1954
1954
  --icon-color: var(--hop-comp-button-ghost-primary-icon-color-selected);
1955
1955
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
1956
1956
  }
1957
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___r8AAm {
1957
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___vwyff {
1958
1958
  }
1959
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___r8AAm[data-selected] {
1959
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___vwyff[data-selected] {
1960
1960
  --background: var(--hop-comp-button-ghost-secondary-background-selected);
1961
1961
  --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
1962
1962
  --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-selected);
1963
1963
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
1964
1964
  }
1965
- .ToggleButton-module__hop-ToggleButton--ghost-danger___aLkO3 {
1965
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___qwAbW {
1966
1966
  }
1967
- .ToggleButton-module__hop-ToggleButton--ghost-danger___aLkO3[data-selected] {
1967
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___qwAbW[data-selected] {
1968
1968
  --background: var(--hop-comp-button-ghost-danger-background-selected);
1969
1969
  --color: var(--hop-comp-button-ghost-danger-text-color-selected);
1970
1970
  --icon-color: var(--hop-comp-button-ghost-danger-icon-color-selected);
1971
1971
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
1972
1972
  }
1973
- .ToggleButton-module__hop-ToggleButton--loading___-9C6N {
1973
+ .ToggleButton-module__hop-ToggleButton--loading___-q-zl {
1974
1974
  }
1975
- .ToggleButton-module__hop-ToggleButton__Spinner___X7GRU {
1975
+ .ToggleButton-module__hop-ToggleButton__Spinner___K6Ew5 {
1976
1976
  }
1977
- .ToggleButton-module__hop-ToggleButton__icon___sx7L4,
1978
- .ToggleButton-module__hop-ToggleButton__icon-list___8qV5V {
1977
+ .ToggleButton-module__hop-ToggleButton__icon___pyeV0,
1978
+ .ToggleButton-module__hop-ToggleButton__icon-list___hO-rs {
1979
1979
  }
1980
- .ToggleButton-module__hop-ToggleButton__text___BKD5F {
1980
+ .ToggleButton-module__hop-ToggleButton__text___rp3Zd {
1981
1981
  }
1982
- .ToggleButton-module__hop-ToggleButton__end-icon___2T6xH,
1983
- .ToggleButton-module__hop-ToggleButton__end-icon-list___wYYZK {
1982
+ .ToggleButton-module__hop-ToggleButton__end-icon___b2tDH,
1983
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___nDQQY {
1984
1984
  }
1985
- .ToggleButton-module__hop-ToggleButton__icon-list___8qV5V,
1986
- .ToggleButton-module__hop-ToggleButton__end-icon-list___wYYZK {
1985
+ .ToggleButton-module__hop-ToggleButton__icon-list___hO-rs,
1986
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___nDQQY {
1987
1987
  }
1988
- .ToggleButton-module__hop-ToggleButton--loading___-9C6N.ToggleButton-module__hop-ToggleButton___uOTSW > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___X7GRU) {
1988
+ .ToggleButton-module__hop-ToggleButton--loading___-q-zl.ToggleButton-module__hop-ToggleButton___p779s > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___K6Ew5) {
1989
1989
  opacity: 0;
1990
1990
  }
1991
1991
 
1992
1992
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/BaseModal.module.css/#css-module-data */
1993
- .BaseModal-module__hop-BaseModal___kUfEo {
1993
+ .BaseModal-module__hop-BaseModal___ySgaZ {
1994
1994
  --hop-BaseModal-isolation: isolate;
1995
1995
  --hop-BaseModal-position: fixed;
1996
1996
  --hop-BaseModal-inset: 0;
@@ -2028,9 +2028,9 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
2028
2028
  -webkit-font-smoothing: var(--hop-BaseModal-font-smoothing);
2029
2029
  line-height: var(--hop-BaseModal-line-height);
2030
2030
  color: var(--hop-BaseModal-color);
2031
- background-color: var(--hop-BaseModal-background-color);
2031
+ background-color: transparent;
2032
2032
  }
2033
- .BaseModal-module__hop-BaseModal__modal___PDgQW {
2033
+ .BaseModal-module__hop-BaseModal__modal___qVzoe {
2034
2034
  --hop-BaseModal__modal-display: flex;
2035
2035
  --hop-BaseModal__modal-flex-direction: column;
2036
2036
  --hop-BaseModal__modal-max-inline-size: 90dvw;
@@ -2047,11 +2047,11 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
2047
2047
  background: var(--hop-comp-modal-background);
2048
2048
  border: var(--border);
2049
2049
  border-radius: var(--border-radius);
2050
- box-shadow: var(--hop-comp-modal-box-shadow);
2050
+ box-shadow: 0 0 0 100vmax var(--hop-BaseModal-background-color), var(--hop-comp-modal-box-shadow, 0 0 0 0 transparent);
2051
2051
  }
2052
2052
 
2053
2053
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/CustomModal.module.css/#css-module-data */
2054
- .CustomModal-module__hop-CustomModal___nlAvd {
2054
+ .CustomModal-module__hop-CustomModal___N2qpE {
2055
2055
  --hop-CustomModal-overflow: auto;
2056
2056
  --hop-CustomModal-box-sizing: border-box;
2057
2057
  --hop-CustomModal-outline: none;
@@ -2063,7 +2063,7 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
2063
2063
  border-radius: inherit;
2064
2064
  outline: var(--hop-CustomModal-outline);
2065
2065
  }
2066
- .CustomModal-module__hop-CustomModal__base-modal___v25O6 {
2066
+ .CustomModal-module__hop-CustomModal__base-modal___a8Brh {
2067
2067
  --hop-CustomModal__base-modal-sm-width: 28.75rem;
2068
2068
  --hop-CustomModal__base-modal-md-width: 36.5rem;
2069
2069
  --hop-CustomModal__base-modal-lg-width: 41.5rem;
@@ -2085,66 +2085,66 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
2085
2085
  block-size: var(--height);
2086
2086
  transition: var(--hop-CustomModal__base-modal-transition);
2087
2087
  }
2088
- .CustomModal-module__hop-CustomModal__base-modal--sm___8vXPo {
2088
+ .CustomModal-module__hop-CustomModal__base-modal--sm___-umv4 {
2089
2089
  --width: var(--hop-CustomModal__base-modal-sm-width);
2090
2090
  }
2091
- .CustomModal-module__hop-CustomModal__base-modal--md___Qj1Re {
2091
+ .CustomModal-module__hop-CustomModal__base-modal--md___iOljK {
2092
2092
  --width: var(--hop-CustomModal__base-modal-md-width);
2093
2093
  }
2094
- .CustomModal-module__hop-CustomModal__base-modal--lg___s4p-n {
2094
+ .CustomModal-module__hop-CustomModal__base-modal--lg___11KEp {
2095
2095
  --width: var(--hop-CustomModal__base-modal-lg-width);
2096
2096
  }
2097
- .CustomModal-module__hop-CustomModal__base-modal--xl___xMBUP {
2097
+ .CustomModal-module__hop-CustomModal__base-modal--xl___jir80 {
2098
2098
  --width: var(--hop-CustomModal__base-modal-xl-width);
2099
2099
  }
2100
- .CustomModal-module__hop-CustomModal__base-modal--fullscreen___7yUUK {
2100
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreen___-lxYr {
2101
2101
  --width: var(--hop-CustomModal__base-modal-fullscreen-width);
2102
2102
  --height: var(--hop-CustomModal__base-modal-fullscreen-height);
2103
2103
  }
2104
- .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___42Gcn {
2104
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___CIvRF {
2105
2105
  --width: var(--hop-CustomModal__base-modal-fullscreentakeover-width);
2106
2106
  --height: var(--hop-CustomModal__base-modal-fullscreentakeover-height);
2107
2107
  --border-radius: var(--hop-CustomModal__base-modal-fullscreentakeover-border-radius);
2108
2108
  --border: var(--hop-CustomModal__base-modal-fullscreentakeover-border);
2109
2109
  }
2110
- .CustomModal-module__hop-CustomModal__base-modal--fullscreen___7yUUK,
2111
- .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___42Gcn {
2110
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreen___-lxYr,
2111
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___CIvRF {
2112
2112
  --max-inline-size: var(--hop-CustomModal__base-modal-fullscreen-max-width);
2113
2113
  --max-block-size: var(--hop-CustomModal__base-modal-fullscreen-max-height);
2114
2114
  }
2115
- .CustomModal-module__hop-CustomModal__overlay___x6B3p[data-entering] .CustomModal-module__hop-CustomModal__base-modal___v25O6 {
2115
+ .CustomModal-module__hop-CustomModal__overlay___9Q73n[data-entering] .CustomModal-module__hop-CustomModal__base-modal___a8Brh {
2116
2116
  transform: var(--hop-CustomModal__base-modal-entering-transform);
2117
2117
  opacity: var(--hop-CustomModal__base-modal-entering-opacity);
2118
2118
  }
2119
- .CustomModal-module__hop-CustomModal__overlay___x6B3p[data-exiting] .CustomModal-module__hop-CustomModal__base-modal___v25O6 {
2119
+ .CustomModal-module__hop-CustomModal__overlay___9Q73n[data-exiting] .CustomModal-module__hop-CustomModal__base-modal___a8Brh {
2120
2120
  opacity: var(--hop-CustomModal__base-modal-exiting-opacity);
2121
2121
  transition: var(--hop-CustomModal__base-modal-exiting-transition);
2122
2122
  }
2123
- .CustomModal-module__hop-CustomModal__overlay___x6B3p[data-entering]:has(.CustomModal-module__hop-CustomModal__base-modal___v25O6) {
2123
+ .CustomModal-module__hop-CustomModal__overlay___9Q73n[data-entering]:has(.CustomModal-module__hop-CustomModal__base-modal___a8Brh) {
2124
2124
  opacity: 0;
2125
2125
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2126
2126
  }
2127
- .CustomModal-module__hop-CustomModal__overlay___x6B3p[data-exiting]:has(.CustomModal-module__hop-CustomModal__base-modal___v25O6) {
2127
+ .CustomModal-module__hop-CustomModal__overlay___9Q73n[data-exiting]:has(.CustomModal-module__hop-CustomModal__base-modal___a8Brh) {
2128
2128
  opacity: 0;
2129
2129
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2130
2130
  }
2131
2131
 
2132
2132
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/Image.module.css/#css-module-data */
2133
- .Image-module__hop-Image___-x5-- {
2133
+ .Image-module__hop-Image___QDewm {
2134
2134
  display: block;
2135
2135
  max-inline-size: 100%;
2136
2136
  block-size: auto;
2137
2137
  vertical-align: middle;
2138
2138
  }
2139
- .Image-module__hop-Image--rounded___eMGEd {
2139
+ .Image-module__hop-Image--rounded___EKf5Q {
2140
2140
  border-radius: var(--hop-shape-rounded-md);
2141
2141
  }
2142
- .Image-module__hop-Image--circular___juNpq {
2142
+ .Image-module__hop-Image--circular___xO0l4 {
2143
2143
  border-radius: var(--hop-shape-circle);
2144
2144
  }
2145
2145
 
2146
2146
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/SvgImage.module.css/#css-module-data */
2147
- .SvgImage-module__hop-SvgImage___CM3RV {
2147
+ .SvgImage-module__hop-SvgImage___RS4Ax {
2148
2148
  display: block;
2149
2149
  max-inline-size: 100%;
2150
2150
  block-size: auto;
@@ -2152,7 +2152,7 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
2152
2152
  }
2153
2153
 
2154
2154
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/Modal.module.css/#css-module-data */
2155
- .Modal-module__hop-Modal___lK1aV {
2155
+ .Modal-module__hop-Modal___q6eSE {
2156
2156
  --hop-Modal-position: relative;
2157
2157
  --hop-Modal-overflow: auto;
2158
2158
  --hop-Modal-display: grid;
@@ -2177,33 +2177,33 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
2177
2177
  border-radius: inherit;
2178
2178
  outline: var(--hop-Modal-outline);
2179
2179
  }
2180
- .Modal-module__hop-Modal__top-container___igJ7m {
2180
+ .Modal-module__hop-Modal__top-container___OKc0L {
2181
2181
  display: grid;
2182
2182
  grid-area: top;
2183
2183
  grid-template: "heading header" auto / 1fr auto;
2184
2184
  }
2185
- .Modal-module__hop-Modal__bottom-container___Qc--1 {
2185
+ .Modal-module__hop-Modal__bottom-container___isbqY {
2186
2186
  display: grid;
2187
2187
  grid-area: bottom;
2188
2188
  grid-template: "footer buttons" auto / 1fr auto;
2189
2189
  }
2190
- .Modal-module__hop-Modal___lK1aV:not(.Modal-module__hop-Modal--has-image___-Vvk2) {
2190
+ .Modal-module__hop-Modal___q6eSE:not(.Modal-module__hop-Modal--has-image___K4zDs) {
2191
2191
  --grid-template: "top top" auto "content content" 1fr "bottom bottom" auto / auto auto;
2192
2192
  }
2193
2193
  @media screen and (min-width: 49rem) {
2194
- .Modal-module__hop-Modal___lK1aV:not(.Modal-module__hop-Modal--has-image___-Vvk2, .Modal-module__hop-Modal--fullscreen___SkBXc, .Modal-module__hop-Modal--fullscreenTakeover___0qyuW) {
2194
+ .Modal-module__hop-Modal___q6eSE:not(.Modal-module__hop-Modal--has-image___K4zDs, .Modal-module__hop-Modal--fullscreen___cOP3A, .Modal-module__hop-Modal--fullscreenTakeover___IuzkW) {
2195
2195
  --grid-template: "top top" auto "content content" auto "bottom bottom" auto / auto auto;
2196
2196
  }
2197
- .Modal-module__hop-Modal___lK1aV.Modal-module__hop-Modal--has-image___-Vvk2:not(.Modal-module__hop-Modal--fullscreen___SkBXc, .Modal-module__hop-Modal--fullscreenTakeover___0qyuW) {
2197
+ .Modal-module__hop-Modal___q6eSE.Modal-module__hop-Modal--has-image___K4zDs:not(.Modal-module__hop-Modal--fullscreen___cOP3A, .Modal-module__hop-Modal--fullscreenTakeover___IuzkW) {
2198
2198
  --grid-template: var(--hop-Modal-large-grid-template);
2199
2199
  }
2200
2200
  }
2201
- .Modal-module__hop-Modal__close___AUYfu {
2201
+ .Modal-module__hop-Modal__close___9--Fi {
2202
2202
  position: absolute;
2203
2203
  inset-block-start: var(--hop-Modal-margin);
2204
2204
  inset-inline-end: var(--hop-Modal-margin);
2205
2205
  }
2206
- .Modal-module__hop-Modal___lK1aV > .Modal-module__hop-Modal__image___tkU0T {
2206
+ .Modal-module__hop-Modal___q6eSE > .Modal-module__hop-Modal__image___XZ3IX {
2207
2207
  --hop-Modal-image-inline-size: 100%;
2208
2208
  --hop-Modal-image-block-size: 100%;
2209
2209
  --hop-Modal-image-object-fit: cover;
@@ -2212,18 +2212,18 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
2212
2212
  block-size: var(--hop-Modal-image-block-size);
2213
2213
  object-fit: var(--hop-Modal-image-object-fit);
2214
2214
  }
2215
- .Modal-module__hop-Modal__heading___rtTpq {
2215
+ .Modal-module__hop-Modal__heading___EzRrP {
2216
2216
  grid-area: heading;
2217
2217
  margin-block-start: var(--hop-Modal-margin);
2218
2218
  margin-inline: var(--hop-Modal-margin);
2219
2219
  }
2220
- .Modal-module__hop-Modal__header___xAjeW {
2220
+ .Modal-module__hop-Modal__header___L7UP1 {
2221
2221
  grid-area: header;
2222
2222
  place-self: center end;
2223
2223
  margin-block-start: var(--hop-Modal-margin);
2224
2224
  margin-inline-start: var(--hop-Modal-margin);
2225
2225
  }
2226
- .Modal-module__hop-Modal__content___uhP0I {
2226
+ .Modal-module__hop-Modal__content___CSYkf {
2227
2227
  overflow-y: auto;
2228
2228
  grid-area: content;
2229
2229
  margin: var(--hop-Modal-margin);
@@ -2233,50 +2233,50 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
2233
2233
  line-height: var(--hop-Modal-content-line-height);
2234
2234
  }
2235
2235
  @media (max-height: 24rem) {
2236
- .Modal-module__hop-Modal__content___uhP0I {
2236
+ .Modal-module__hop-Modal__content___CSYkf {
2237
2237
  overflow-y: visible;
2238
2238
  }
2239
2239
  }
2240
- .Modal-module__hop-Modal__footer___5CGGl {
2240
+ .Modal-module__hop-Modal__footer___LukMD {
2241
2241
  grid-area: footer;
2242
2242
  align-self: center;
2243
2243
  margin-block-end: var(--hop-Modal-margin);
2244
2244
  margin-inline: var(--hop-Modal-margin);
2245
2245
  }
2246
- .Modal-module__hop-Modal__button___09nZ9 {
2246
+ .Modal-module__hop-Modal__button___YWzdA {
2247
2247
  grid-area: buttons;
2248
2248
  place-self: center end;
2249
2249
  margin-block-end: var(--hop-Modal-margin);
2250
2250
  margin-inline: var(--hop-Modal-margin);
2251
2251
  }
2252
- .Modal-module__hop-Modal__button-group___yaki6 {
2252
+ .Modal-module__hop-Modal__button-group___SUsBE {
2253
2253
  grid-area: buttons;
2254
2254
  flex-wrap: nowrap;
2255
2255
  place-self: center end;
2256
2256
  margin-block-end: var(--hop-Modal-margin);
2257
2257
  margin-inline: var(--hop-Modal-margin);
2258
2258
  }
2259
- .Modal-module__hop-Modal___lK1aV:has(.Modal-module__hop-Modal__close___AUYfu) > .Modal-module__hop-Modal__top-container___igJ7m {
2259
+ .Modal-module__hop-Modal___q6eSE:has(.Modal-module__hop-Modal__close___9--Fi) > .Modal-module__hop-Modal__top-container___OKc0L {
2260
2260
  margin-inline-end: calc(var(--hop-Modal-margin) + var(--hop-space-inline-md) + 1.5rem);
2261
2261
  }
2262
- .Modal-module__hop-Modal___lK1aV.Modal-module__hop-Modal--has-image___-Vvk2:has(.Modal-module__hop-Modal__close___AUYfu).Modal-module__hop-Modal--fullscreen___SkBXc > .Modal-module__hop-Modal__top-container___igJ7m,
2263
- .Modal-module__hop-Modal___lK1aV.Modal-module__hop-Modal--has-image___-Vvk2:has(.Modal-module__hop-Modal__close___AUYfu).Modal-module__hop-Modal--fullscreenTakeover___0qyuW > .Modal-module__hop-Modal__top-container___igJ7m {
2262
+ .Modal-module__hop-Modal___q6eSE.Modal-module__hop-Modal--has-image___K4zDs:has(.Modal-module__hop-Modal__close___9--Fi).Modal-module__hop-Modal--fullscreen___cOP3A > .Modal-module__hop-Modal__top-container___OKc0L,
2263
+ .Modal-module__hop-Modal___q6eSE.Modal-module__hop-Modal--has-image___K4zDs:has(.Modal-module__hop-Modal__close___9--Fi).Modal-module__hop-Modal--fullscreenTakeover___IuzkW > .Modal-module__hop-Modal__top-container___OKc0L {
2264
2264
  margin-inline-end: var(--hop-Modal-margin);
2265
2265
  }
2266
2266
  @media screen and (max-width: 48rem) {
2267
- .Modal-module__hop-Modal___lK1aV:has(.Modal-module__hop-Modal__close___AUYfu).Modal-module__hop-Modal--has-image___-Vvk2 > .Modal-module__hop-Modal__header___xAjeW,
2268
- .Modal-module__hop-Modal___lK1aV:has(.Modal-module__hop-Modal__close___AUYfu).Modal-module__hop-Modal--has-image___-Vvk2 > .Modal-module__hop-Modal__heading___rtTpq {
2267
+ .Modal-module__hop-Modal___q6eSE:has(.Modal-module__hop-Modal__close___9--Fi).Modal-module__hop-Modal--has-image___K4zDs > .Modal-module__hop-Modal__header___L7UP1,
2268
+ .Modal-module__hop-Modal___q6eSE:has(.Modal-module__hop-Modal__close___9--Fi).Modal-module__hop-Modal--has-image___K4zDs > .Modal-module__hop-Modal__heading___EzRrP {
2269
2269
  margin-inline-end: var(--hop-Modal-margin);
2270
2270
  }
2271
2271
  }
2272
- .Modal-module__hop-Modal__top-container___igJ7m:has(> .Modal-module__hop-Modal__header___xAjeW) > .Modal-module__hop-Modal__heading___rtTpq {
2272
+ .Modal-module__hop-Modal__top-container___OKc0L:has(> .Modal-module__hop-Modal__header___L7UP1) > .Modal-module__hop-Modal__heading___EzRrP {
2273
2273
  margin-inline-end: 0;
2274
2274
  }
2275
- .Modal-module__hop-Modal__bottom-container___Qc--1:has(> .Modal-module__hop-Modal__button___09nZ9) > .Modal-module__hop-Modal__footer___5CGGl,
2276
- .Modal-module__hop-Modal__bottom-container___Qc--1:has(> .Modal-module__hop-Modal__button-group___yaki6) > .Modal-module__hop-Modal__footer___5CGGl {
2275
+ .Modal-module__hop-Modal__bottom-container___isbqY:has(> .Modal-module__hop-Modal__button___YWzdA) > .Modal-module__hop-Modal__footer___LukMD,
2276
+ .Modal-module__hop-Modal__bottom-container___isbqY:has(> .Modal-module__hop-Modal__button-group___SUsBE) > .Modal-module__hop-Modal__footer___LukMD {
2277
2277
  margin-inline-end: 0;
2278
2278
  }
2279
- .Modal-module__hop-Modal__base-modal___21GP2 {
2279
+ .Modal-module__hop-Modal__base-modal___-LGzU {
2280
2280
  --hop-Modal__base-modal-sm-width: 28.75rem;
2281
2281
  --hop-Modal__base-modal-md-width: 36.5rem;
2282
2282
  --hop-Modal__base-modal-lg-width: 41.5rem;
@@ -2299,55 +2299,55 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
2299
2299
  transition: var(--hop-Modal__base-modal-transition);
2300
2300
  }
2301
2301
  @media screen and (min-width: 48rem) {
2302
- .Modal-module__hop-Modal__base-modal--has-image___pH4YV {
2302
+ .Modal-module__hop-Modal__base-modal--has-image___4kAUK {
2303
2303
  --image-size: 16rem;
2304
2304
  }
2305
2305
  }
2306
- .Modal-module__hop-Modal__base-modal--sm___pF339 {
2306
+ .Modal-module__hop-Modal__base-modal--sm___MBi04 {
2307
2307
  --width: calc(var(--image-size) + var(--hop-Modal__base-modal-sm-width));
2308
2308
  }
2309
- .Modal-module__hop-Modal__base-modal--md___AmWQN {
2309
+ .Modal-module__hop-Modal__base-modal--md___gjL7R {
2310
2310
  --width: calc(var(--image-size) + var(--hop-Modal__base-modal-md-width));
2311
2311
  }
2312
- .Modal-module__hop-Modal__base-modal--lg___PnLy- {
2312
+ .Modal-module__hop-Modal__base-modal--lg___84cOG {
2313
2313
  --width: calc(var(--image-size) + var(--hop-Modal__base-modal-lg-width));
2314
2314
  }
2315
- .Modal-module__hop-Modal__base-modal--xl___9qSXF {
2315
+ .Modal-module__hop-Modal__base-modal--xl___XLHX0 {
2316
2316
  --width: calc(var(--image-size) + var(--hop-Modal__base-modal-xl-width));
2317
2317
  }
2318
- .Modal-module__hop-Modal__base-modal--fullscreen___mGqXT {
2318
+ .Modal-module__hop-Modal__base-modal--fullscreen___sCtii {
2319
2319
  --width: var(--hop-Modal__base-modal-fullscreen-width);
2320
2320
  --height: var(--hop-Modal__base-modal-fullscreen-height);
2321
2321
  }
2322
- .Modal-module__hop-Modal__base-modal--fullscreenTakeover___L2g-j {
2322
+ .Modal-module__hop-Modal__base-modal--fullscreenTakeover___c7MWh {
2323
2323
  --width: var(--hop-Modal__base-modal-fullscreentakeover-width);
2324
2324
  --height: var(--hop-Modal__base-modal-fullscreentakeover-height);
2325
2325
  --border-radius: var(--hop-Modal__base-modal-fullscreentakeover-border-radius);
2326
2326
  }
2327
- .Modal-module__hop-Modal__base-modal--fullscreen___mGqXT,
2328
- .Modal-module__hop-Modal__base-modal--fullscreenTakeover___L2g-j {
2327
+ .Modal-module__hop-Modal__base-modal--fullscreen___sCtii,
2328
+ .Modal-module__hop-Modal__base-modal--fullscreenTakeover___c7MWh {
2329
2329
  --max-inline-size: var(--hop-Modal__base-modal-fullscreen-max-width);
2330
2330
  --max-block-size: var(--hop-Modal__base-modal-fullscreen-max-height);
2331
2331
  }
2332
- .Modal-module__hop-Modal__overlay___f2Io6[data-entering] .Modal-module__hop-Modal__base-modal___21GP2 {
2332
+ .Modal-module__hop-Modal__overlay___VIDhK[data-entering] .Modal-module__hop-Modal__base-modal___-LGzU {
2333
2333
  transform: var(--hop-Modal__base-modal-entering-transform);
2334
2334
  opacity: var(--hop-Modal__base-modal-entering-opacity);
2335
2335
  }
2336
- .Modal-module__hop-Modal__overlay___f2Io6[data-exiting] .Modal-module__hop-Modal__base-modal___21GP2 {
2336
+ .Modal-module__hop-Modal__overlay___VIDhK[data-exiting] .Modal-module__hop-Modal__base-modal___-LGzU {
2337
2337
  opacity: var(--hop-Modal__base-modal-exiting-opacity);
2338
2338
  transition: var(--hop-Modal__base-modal-exiting-transition);
2339
2339
  }
2340
- .Modal-module__hop-Modal__overlay___f2Io6[data-entering]:has(.Modal-module__hop-Modal__base-modal___21GP2) {
2340
+ .Modal-module__hop-Modal__overlay___VIDhK[data-entering]:has(.Modal-module__hop-Modal__base-modal___-LGzU) {
2341
2341
  opacity: 0;
2342
2342
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2343
2343
  }
2344
- .Modal-module__hop-Modal__overlay___f2Io6[data-exiting]:has(.Modal-module__hop-Modal__base-modal___21GP2) {
2344
+ .Modal-module__hop-Modal__overlay___VIDhK[data-exiting]:has(.Modal-module__hop-Modal__base-modal___-LGzU) {
2345
2345
  opacity: 0;
2346
2346
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2347
2347
  }
2348
2348
 
2349
2349
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/alert/src/Alert.module.css/#css-module-data */
2350
- .Alert-module__hop-Alert___Q6F-y {
2350
+ .Alert-module__hop-Alert___9W7Rv {
2351
2351
  --hop-Alert-max-inline-size: 90dvw;
2352
2352
  --hop-Alert-max-block-size: 90dvh;
2353
2353
  --hop-Alert-border-radius: var(--hop-shape-rounded-md);
@@ -2369,44 +2369,44 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
2369
2369
  border-radius: var(--border-radius);
2370
2370
  outline: var(--hop-Alert-outline);
2371
2371
  }
2372
- .Alert-module__hop-Alert__button-group___c46VK {
2372
+ .Alert-module__hop-Alert__button-group___yw0C6 {
2373
2373
  --hop-Alert_button-group-margin-top: var(--hop-space-stack-xl);
2374
2374
  grid-area: buttons;
2375
2375
  inline-size: 100%;
2376
2376
  margin-block-start: var(--hop-Alert_button-group-margin-top);
2377
2377
  }
2378
- .Alert-module__hop-Alert__button-group___c46VK > button {
2378
+ .Alert-module__hop-Alert__button-group___yw0C6 > button {
2379
2379
  flex-grow: 1;
2380
2380
  max-inline-size: 50%;
2381
2381
  }
2382
2382
  @media screen and (max-width: 30.75rem) {
2383
- .Alert-module__hop-Alert___Q6F-y {
2383
+ .Alert-module__hop-Alert___9W7Rv {
2384
2384
  --width: var(--hop-Alert-mobile-width);
2385
2385
  --padding: var(--hop-Alert-mobile-padding);
2386
2386
  --hop-Alert-grid-template: "close" auto "heading" auto "content" auto "buttons" auto / 1fr;
2387
2387
  }
2388
- .Alert-module__hop-Alert__button-group___c46VK {
2388
+ .Alert-module__hop-Alert__button-group___yw0C6 {
2389
2389
  inline-size: 100%;
2390
2390
  }
2391
- .Alert-module__hop-Alert__button-group___c46VK > button {
2391
+ .Alert-module__hop-Alert__button-group___yw0C6 > button {
2392
2392
  inline-size: 100%;
2393
2393
  max-inline-size: unset;
2394
2394
  }
2395
2395
  }
2396
- .Alert-module__hop-Alert__heading___zndEw {
2396
+ .Alert-module__hop-Alert__heading___pJbe0 {
2397
2397
  grid-area: heading;
2398
2398
  }
2399
- .Alert-module__hop-Alert__close___sxTDa {
2399
+ .Alert-module__hop-Alert__close___8O-L1 {
2400
2400
  --hop-Alert-close-justify-self: end;
2401
2401
  grid-area: close;
2402
2402
  justify-self: var(--hop-Alert-close-justify-self);
2403
2403
  }
2404
- .Alert-module__hop-Alert__content___57XB3 {
2404
+ .Alert-module__hop-Alert__content___EjeVT {
2405
2405
  --hop-Alert__content-margin-top: var(--hop-space-stack-md);
2406
2406
  grid-area: content;
2407
2407
  margin-block-start: var(--hop-Alert__content-margin-top);
2408
2408
  }
2409
- .Alert-module__hop-Alert__base-modal___XbD8P {
2409
+ .Alert-module__hop-Alert__base-modal___GyjcK {
2410
2410
  --hop-Alert__base-modal-sm-width: 28.75rem;
2411
2411
  --hop-Alert__base-modal-md-width: 36.5rem;
2412
2412
  --hop-Alert__base-modal-transition: opacity var(--hop-easing-duration-3) ease-in-out var(--hop-easing-duration-2), transform var(--hop-easing-duration-3) ease-in-out var(--hop-easing-duration-2);
@@ -2417,25 +2417,25 @@ button.CloseButton-module__hop-CloseButton___NUT6N {
2417
2417
  inline-size: var(--width);
2418
2418
  transition: var(--hop-Alert__base-modal-transition);
2419
2419
  }
2420
- .Alert-module__hop-Alert__base-modal--sm___mLvUI {
2420
+ .Alert-module__hop-Alert__base-modal--sm___8l-Na {
2421
2421
  --width: var(--hop-Alert__base-modal-sm-width);
2422
2422
  }
2423
- .Alert-module__hop-Alert__base-modal--md___pwFUx {
2423
+ .Alert-module__hop-Alert__base-modal--md___Z1Rh7 {
2424
2424
  --width: var(--hop-Alert__base-modal-md-width);
2425
2425
  }
2426
- .Alert-module__hop-Alert__overlay___tAP48[data-entering] .Alert-module__hop-Alert__base-modal___XbD8P {
2426
+ .Alert-module__hop-Alert__overlay___pA4Fe[data-entering] .Alert-module__hop-Alert__base-modal___GyjcK {
2427
2427
  transform: var(--hop-Alert__base-modal-entering-transform);
2428
2428
  opacity: var(--hop-Alert__base-modal-entering-opacity);
2429
2429
  }
2430
- .Alert-module__hop-Alert__overlay___tAP48[data-exiting] .Alert-module__hop-Alert__base-modal___XbD8P {
2430
+ .Alert-module__hop-Alert__overlay___pA4Fe[data-exiting] .Alert-module__hop-Alert__base-modal___GyjcK {
2431
2431
  opacity: var(--hop-Alert__base-modal-exiting-opacity);
2432
2432
  transition: var(--hop-Alert__base-modal-exiting-transition);
2433
2433
  }
2434
- .Alert-module__hop-Alert__overlay___tAP48[data-entering]:has(.Alert-module__hop-Alert__base-modal___XbD8P) {
2434
+ .Alert-module__hop-Alert__overlay___pA4Fe[data-entering]:has(.Alert-module__hop-Alert__base-modal___GyjcK) {
2435
2435
  opacity: 0;
2436
2436
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2437
2437
  }
2438
- .Alert-module__hop-Alert__overlay___tAP48[data-exiting]:has(.Alert-module__hop-Alert__base-modal___XbD8P) {
2438
+ .Alert-module__hop-Alert__overlay___pA4Fe[data-exiting]:has(.Alert-module__hop-Alert__base-modal___GyjcK) {
2439
2439
  opacity: 0;
2440
2440
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2441
2441
  }