@hopper-ui/components 2.0.2 → 2.0.4

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 (390) hide show
  1. package/CHANGELOG.md +13 -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 +564 -466
  7. package/dist/alert/src/Alert.js +11 -10
  8. package/dist/alert/src/index.css +564 -466
  9. package/dist/alert/src/index.js +11 -10
  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 +67 -66
  15. package/dist/avatar/src/AvatarGroup.js +5 -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 +100 -99
  23. package/dist/avatar/src/index.js +10 -9
  24. package/dist/badge/src/Badge.css +54 -54
  25. package/dist/badge/src/Badge.js +3 -3
  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 +4 -4
  30. package/dist/buttons/src/Button.css +107 -107
  31. package/dist/buttons/src/Button.js +7 -6
  32. package/dist/buttons/src/ButtonGroup.css +50 -50
  33. package/dist/buttons/src/ButtonGroup.js +1 -1
  34. package/dist/buttons/src/ClearButton.css +110 -110
  35. package/dist/buttons/src/ClearButton.js +2 -2
  36. package/dist/buttons/src/CloseButton.css +108 -108
  37. package/dist/buttons/src/CloseButton.js +8 -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 -5
  42. package/dist/buttons/src/ToggleButton.css +143 -143
  43. package/dist/buttons/src/ToggleButton.js +5 -4
  44. package/dist/buttons/src/index.css +360 -360
  45. package/dist/buttons/src/index.js +13 -12
  46. package/dist/calendar/src/Calendar.css +407 -407
  47. package/dist/calendar/src/Calendar.js +14 -13
  48. package/dist/calendar/src/CalendarCell.css +50 -50
  49. package/dist/calendar/src/CalendarCell.js +1 -1
  50. package/dist/calendar/src/CalendarGrid.css +78 -78
  51. package/dist/calendar/src/CalendarGrid.js +3 -3
  52. package/dist/calendar/src/CalendarHeader.css +363 -363
  53. package/dist/calendar/src/CalendarHeader.js +9 -8
  54. package/dist/calendar/src/RangeCalendar.css +410 -410
  55. package/dist/calendar/src/RangeCalendar.js +14 -13
  56. package/dist/calendar/src/RangeCalendarCell.css +58 -58
  57. package/dist/calendar/src/RangeCalendarCell.js +1 -1
  58. package/dist/calendar/src/index.css +413 -413
  59. package/dist/calendar/src/index.js +15 -14
  60. package/dist/callout/src/Callout.css +373 -373
  61. package/dist/callout/src/Callout.js +9 -8
  62. package/dist/callout/src/CompactCallout.css +409 -409
  63. package/dist/callout/src/CompactCallout.js +9 -8
  64. package/dist/callout/src/index.css +422 -422
  65. package/dist/callout/src/index.js +10 -9
  66. package/dist/card/src/Card.css +42 -42
  67. package/dist/card/src/Card.js +1 -1
  68. package/dist/card/src/index.css +42 -42
  69. package/dist/card/src/index.js +1 -1
  70. package/dist/checkbox/src/Checkbox.css +58 -58
  71. package/dist/checkbox/src/Checkbox.js +5 -4
  72. package/dist/checkbox/src/CheckboxField.css +45 -45
  73. package/dist/checkbox/src/CheckboxField.js +3 -3
  74. package/dist/checkbox/src/CheckboxGroup.css +111 -111
  75. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  76. package/dist/checkbox/src/DecorativeCheckbox.css +66 -66
  77. package/dist/checkbox/src/DecorativeCheckbox.js +4 -3
  78. package/dist/checkbox/src/index.css +111 -111
  79. package/dist/checkbox/src/index.js +12 -11
  80. package/dist/{chunk-AYZ4NVDT.js → chunk-27WGK24R.js} +2 -2
  81. package/dist/{chunk-ZA4UZSLI.js → chunk-2KR6LNAH.js} +1 -1
  82. package/dist/{chunk-OVVYHCNQ.js → chunk-2NKOZRHC.js} +1 -1
  83. package/dist/{chunk-R55Z4DKS.js → chunk-2PMPGKKO.js} +3 -3
  84. package/dist/{chunk-KDEM7B62.js → chunk-2RCZNMZ6.js} +1 -1
  85. package/dist/{chunk-T4PR64A5.js → chunk-32AJFLHQ.js} +4 -4
  86. package/dist/{chunk-FFSI3Y4E.js → chunk-42VCV3RI.js} +12 -12
  87. package/dist/{chunk-254SRI3S.js → chunk-4IO2CE3Z.js} +2 -2
  88. package/dist/{chunk-R3JYNKK2.js → chunk-4W4KDGX2.js} +1 -1
  89. package/dist/{chunk-MLNSUGJT.js → chunk-4ZEKJONJ.js} +1 -1
  90. package/dist/{chunk-36ABLV2Q.js → chunk-5CAH5AOY.js} +2 -2
  91. package/dist/{chunk-WCRJ3RKI.js → chunk-5W6WAJRZ.js} +4 -4
  92. package/dist/{chunk-S4JDNOOI.js → chunk-74GIB6KT.js} +2 -2
  93. package/dist/{chunk-4LL4RWCP.js → chunk-7Y7752V2.js} +2 -2
  94. package/dist/{chunk-D63IIBHO.js → chunk-ABJNST5Y.js} +7 -7
  95. package/dist/{chunk-L6ZGOM32.js → chunk-ACLCZ4JM.js} +2 -2
  96. package/dist/{chunk-3G2VOBMO.js → chunk-AGIEKHSS.js} +5 -14
  97. package/dist/{chunk-UM7VRMOT.js → chunk-AO6MXEEF.js} +3 -3
  98. package/dist/{chunk-OKCCBR7A.js → chunk-AXJL6QXN.js} +2 -2
  99. package/dist/{chunk-LYH7CKBB.js → chunk-B4Q6TE56.js} +2 -2
  100. package/dist/{chunk-DM2AXDTI.js → chunk-B63L3T3Y.js} +2 -2
  101. package/dist/{chunk-VF6CEEJD.js → chunk-BWLIPXNB.js} +1 -1
  102. package/dist/{chunk-P5AKCAC3.js → chunk-C4UK4327.js} +1 -1
  103. package/dist/{chunk-JPT5NMVE.js → chunk-CMBOU6Y6.js} +3 -3
  104. package/dist/{chunk-YP7UJWS4.js → chunk-DHPFOAP6.js} +2 -2
  105. package/dist/{chunk-YIBN4LY5.js → chunk-DRD7SX24.js} +1 -1
  106. package/dist/{chunk-NKFPZO65.js → chunk-DTF2TOLS.js} +1 -1
  107. package/dist/{chunk-RW36TUB6.js → chunk-EL6E3EJK.js} +6 -6
  108. package/dist/{chunk-Z7W3K7SO.js → chunk-FD4H6VW2.js} +1 -1
  109. package/dist/{chunk-EOCGOGQW.js → chunk-GARRT7S4.js} +1 -1
  110. package/dist/{chunk-TLYFTQTH.js → chunk-GFTCVNBW.js} +3 -3
  111. package/dist/{chunk-IFIWKHJ3.js → chunk-GH5OQTF6.js} +5 -5
  112. package/dist/{chunk-VKA6TJ3X.js → chunk-GLPA2BNC.js} +1 -1
  113. package/dist/{chunk-BCZW652Y.js → chunk-GYOR5FQD.js} +3 -3
  114. package/dist/{chunk-PFI4AYHS.js → chunk-H5YTGCBL.js} +1 -1
  115. package/dist/{chunk-2HSC6TT5.js → chunk-HAONNZGD.js} +9 -9
  116. package/dist/{chunk-ZS6UCUBF.js → chunk-HO4DZCWE.js} +3 -3
  117. package/dist/{chunk-EYWDRQWF.js → chunk-I36YT3SK.js} +1 -1
  118. package/dist/{chunk-STJADE2E.js → chunk-I3YFYV66.js} +3 -2
  119. package/dist/{chunk-KO6W2LOL.js → chunk-IMW4OEDY.js} +2 -2
  120. package/dist/{chunk-S4CAA5QM.js → chunk-J4RHTBPT.js} +8 -8
  121. package/dist/{chunk-GF7EKAUU.js → chunk-J7OA7NZX.js} +1 -1
  122. package/dist/{chunk-KG6XTGFM.js → chunk-JG6NKNWU.js} +1 -1
  123. package/dist/{chunk-HLOM4NN6.js → chunk-JY24GLEK.js} +2 -2
  124. package/dist/{chunk-FC7VSK62.js → chunk-KC3MTSVY.js} +1 -1
  125. package/dist/{chunk-BPY464BJ.js → chunk-KMA7226P.js} +1 -1
  126. package/dist/{chunk-XMZEAIE3.js → chunk-KNP33OR5.js} +8 -8
  127. package/dist/{chunk-WFCPFNVD.js → chunk-KSIT5LD6.js} +4 -4
  128. package/dist/{chunk-5WNWS5DH.js → chunk-KXIN6OBX.js} +1 -1
  129. package/dist/{chunk-5TTO2Z3V.js → chunk-LBCROA2C.js} +10 -10
  130. package/dist/{chunk-DXI3GQ6Q.js → chunk-LYEPX26B.js} +8 -8
  131. package/dist/{chunk-OSLRCFAA.js → chunk-LZAPV7GO.js} +11 -11
  132. package/dist/{chunk-3IRHNP7X.js → chunk-MPAV2NNG.js} +2 -2
  133. package/dist/{chunk-AAVFAKRE.js → chunk-NC4FZSRI.js} +1 -1
  134. package/dist/{chunk-IZIHEBM6.js → chunk-NI2UYX32.js} +2 -2
  135. package/dist/{chunk-HEOUJO5W.js → chunk-NN4TTBZG.js} +1 -1
  136. package/dist/{chunk-EXJPXWMI.js → chunk-NPA7UT32.js} +1 -1
  137. package/dist/{chunk-7NE3GK4B.js → chunk-NXPWXGP5.js} +1 -1
  138. package/dist/{chunk-CMHDNSDC.js → chunk-O5FAEC4C.js} +1 -1
  139. package/dist/{chunk-GO5YWY3A.js → chunk-O6E447NY.js} +1 -1
  140. package/dist/{chunk-MEE4R22N.js → chunk-OMNPSSHM.js} +16 -8
  141. package/dist/{chunk-UKK3LLZY.js → chunk-PAONW5PU.js} +2 -2
  142. package/dist/{chunk-2K73ATBP.js → chunk-PGTKFOZP.js} +1 -1
  143. package/dist/{chunk-4CXRWUWF.js → chunk-PMNQ7M5D.js} +2 -2
  144. package/dist/{chunk-NJNAU6TR.js → chunk-QI4OLDRW.js} +3 -3
  145. package/dist/{chunk-EXUH2BTF.js → chunk-QNPL5VRZ.js} +1 -1
  146. package/dist/{chunk-PFL2CRYS.js → chunk-QSB7MQGS.js} +2 -2
  147. package/dist/{chunk-WREPQVYO.js → chunk-QSUTETKK.js} +12 -4
  148. package/dist/{chunk-NIUS3B3A.js → chunk-QWLCNMRN.js} +2 -2
  149. package/dist/{chunk-AXKGV2KA.js → chunk-R5HCTYGG.js} +3 -3
  150. package/dist/{chunk-HQHL3HCW.js → chunk-R6RE6TYG.js} +2 -2
  151. package/dist/{chunk-O3HFV4OF.js → chunk-RBACF7O4.js} +5 -5
  152. package/dist/{chunk-EQIYI5PS.js → chunk-RKZGYLDL.js} +5 -5
  153. package/dist/{chunk-2CA5GIKK.js → chunk-RTPGWP4T.js} +2 -2
  154. package/dist/{chunk-O3GFAIPB.js → chunk-S532SP7N.js} +4 -4
  155. package/dist/{chunk-SDRYQWUO.js → chunk-S7UYFZW2.js} +14 -6
  156. package/dist/{chunk-OGBNMP6P.js → chunk-TD4LNMLO.js} +2 -2
  157. package/dist/{chunk-SU6BMGCI.js → chunk-UKWALODK.js} +1 -1
  158. package/dist/{chunk-T3XN4ULU.js → chunk-V6JW2IDW.js} +2 -2
  159. package/dist/{chunk-KSWQTDS4.js → chunk-VBOYVUEY.js} +3 -3
  160. package/dist/{chunk-LBEMK343.js → chunk-VN7LMG2K.js} +5 -5
  161. package/dist/{chunk-G5N3UEU3.js → chunk-VQC3VW5D.js} +1 -1
  162. package/dist/{chunk-VQSOPO6M.js → chunk-VRAR2MAW.js} +3 -3
  163. package/dist/{chunk-NIYTUE5I.js → chunk-W7OPXJ4K.js} +1 -1
  164. package/dist/{chunk-VL2CUEVW.js → chunk-WBT2L5WY.js} +1 -1
  165. package/dist/{chunk-ONWK664L.js → chunk-WUPQNWG6.js} +1 -1
  166. package/dist/{chunk-5X2YOYD7.js → chunk-WYOFZA76.js} +3 -3
  167. package/dist/{chunk-4YGNW4R4.js → chunk-X6XQPBOC.js} +1 -1
  168. package/dist/{chunk-5N6VM2YH.js → chunk-XR2IJHN3.js} +1 -1
  169. package/dist/{chunk-WCYQ2RHI.js → chunk-YI5XAV2V.js} +9 -9
  170. package/dist/{chunk-CMR3CTCK.js → chunk-YUJ5HRQW.js} +1 -1
  171. package/dist/{chunk-AYBYIV45.js → chunk-YZLG4HTO.js} +2 -2
  172. package/dist/{chunk-OESBP67G.js → chunk-Z24JPDBO.js} +3 -3
  173. package/dist/{chunk-N6KWEQV4.js → chunk-Z2B4IQ3T.js} +2 -2
  174. package/dist/{chunk-NKZMUMSO.js → chunk-Z6S6ZRKX.js} +1 -1
  175. package/dist/{chunk-XNEMFFD6.js → chunk-ZG62FSWY.js} +1 -1
  176. package/dist/{chunk-ZT7OOL4I.js → chunk-ZTQZ6H5M.js} +2 -2
  177. package/dist/combobox/src/ComboBox.css +789 -788
  178. package/dist/combobox/src/ComboBox.js +18 -18
  179. package/dist/combobox/src/index.css +789 -788
  180. package/dist/combobox/src/index.js +18 -18
  181. package/dist/contextual-help/src/ContextualHelp.css +710 -709
  182. package/dist/contextual-help/src/ContextualHelp.js +5 -4
  183. package/dist/contextual-help/src/index.css +710 -709
  184. package/dist/contextual-help/src/index.js +5 -4
  185. package/dist/date-picker/src/DateInput.css +51 -51
  186. package/dist/date-picker/src/DateInput.js +1 -1
  187. package/dist/date-picker/src/DatePicker.css +848 -847
  188. package/dist/date-picker/src/DatePicker.js +21 -20
  189. package/dist/date-picker/src/DateRangePicker.css +851 -850
  190. package/dist/date-picker/src/DateRangePicker.js +21 -20
  191. package/dist/date-picker/src/index.css +859 -858
  192. package/dist/date-picker/src/index.js +23 -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 +4 -3
  199. package/dist/disclosure/src/index.css +74 -74
  200. package/dist/disclosure/src/index.js +8 -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 +382 -382
  224. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  225. package/dist/illustrated-message/src/index.css +382 -382
  226. package/dist/illustrated-message/src/index.js +1 -1
  227. package/dist/illustration/src/Illustration.css +48 -48
  228. package/dist/illustration/src/Illustration.js +1 -1
  229. package/dist/illustration/src/index.css +48 -48
  230. package/dist/illustration/src/index.js +1 -1
  231. package/dist/image/src/Image.css +42 -42
  232. package/dist/image/src/Image.js +1 -1
  233. package/dist/image/src/SvgImage.css +40 -40
  234. package/dist/image/src/SvgImage.js +1 -1
  235. package/dist/image/src/index.css +43 -43
  236. package/dist/image/src/index.js +2 -2
  237. package/dist/index.css +1388 -1289
  238. package/dist/index.js +98 -98
  239. package/dist/inputs/src/Input.css +43 -43
  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 +69 -69
  244. package/dist/inputs/src/NumberField.js +11 -10
  245. package/dist/inputs/src/PasswordField.css +380 -380
  246. package/dist/inputs/src/PasswordField.js +10 -10
  247. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  248. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  249. package/dist/inputs/src/SearchField.css +386 -386
  250. package/dist/inputs/src/SearchField.js +11 -11
  251. package/dist/inputs/src/TextArea.css +68 -68
  252. package/dist/inputs/src/TextArea.js +10 -10
  253. package/dist/inputs/src/TextField.css +384 -384
  254. package/dist/inputs/src/TextField.js +14 -13
  255. package/dist/inputs/src/index.css +434 -434
  256. package/dist/inputs/src/index.js +18 -18
  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 +4 -3
  261. package/dist/link/src/index.css +78 -78
  262. package/dist/link/src/index.js +4 -3
  263. package/dist/list-box/src/ListBox.css +321 -320
  264. package/dist/list-box/src/ListBox.js +8 -8
  265. package/dist/list-box/src/ListBoxItem.css +309 -308
  266. package/dist/list-box/src/ListBoxItem.js +7 -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 +321 -320
  270. package/dist/list-box/src/index.js +8 -8
  271. package/dist/menu/src/Menu.css +712 -711
  272. package/dist/menu/src/Menu.js +2 -2
  273. package/dist/menu/src/MenuItem.css +125 -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 +738 -737
  278. package/dist/menu/src/index.js +5 -5
  279. package/dist/modal/src/BaseModal.css +2 -351
  280. package/dist/modal/src/BaseModal.d.ts +7 -11
  281. package/dist/modal/src/BaseModal.js +1 -2
  282. package/dist/modal/src/CustomModal.css +105 -109
  283. package/dist/modal/src/CustomModal.d.ts +4 -3
  284. package/dist/modal/src/CustomModal.js +2 -2
  285. package/dist/modal/src/CustomModalContext.d.ts +1 -0
  286. package/dist/modal/src/Modal.css +458 -456
  287. package/dist/modal/src/Modal.d.ts +4 -3
  288. package/dist/modal/src/Modal.js +10 -9
  289. package/dist/modal/src/ModalContext.d.ts +1 -0
  290. package/dist/modal/src/index.css +576 -511
  291. package/dist/modal/src/index.js +11 -10
  292. package/dist/overlays/popover/src/Popover.css +704 -703
  293. package/dist/overlays/popover/src/Popover.js +2 -2
  294. package/dist/overlays/popover/src/PopoverBase.css +42 -42
  295. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  296. package/dist/overlays/popover/src/index.css +707 -706
  297. package/dist/overlays/popover/src/index.js +3 -3
  298. package/dist/radio/src/DecorativeRadio.css +66 -66
  299. package/dist/radio/src/DecorativeRadio.js +4 -3
  300. package/dist/radio/src/Radio.css +58 -58
  301. package/dist/radio/src/Radio.js +4 -3
  302. package/dist/radio/src/RadioField.css +45 -45
  303. package/dist/radio/src/RadioField.js +2 -2
  304. package/dist/radio/src/RadioGroup.css +111 -111
  305. package/dist/radio/src/RadioGroup.js +7 -7
  306. package/dist/radio/src/index.css +111 -111
  307. package/dist/radio/src/index.js +12 -11
  308. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  309. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  310. package/dist/segmented-control/src/SegmentedControlItem.css +54 -54
  311. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  312. package/dist/segmented-control/src/index.css +55 -55
  313. package/dist/segmented-control/src/index.js +3 -3
  314. package/dist/select/src/MultiSelect.css +803 -802
  315. package/dist/select/src/MultiSelect.js +23 -23
  316. package/dist/select/src/Select.css +803 -802
  317. package/dist/select/src/Select.js +23 -23
  318. package/dist/select/src/SelectInternal.css +803 -802
  319. package/dist/select/src/SelectInternal.js +22 -22
  320. package/dist/select/src/SelectValue.css +106 -105
  321. package/dist/select/src/SelectValue.js +2 -2
  322. package/dist/select/src/index.css +803 -802
  323. package/dist/select/src/index.js +24 -24
  324. package/dist/spinner/src/Spinner.css +49 -49
  325. package/dist/spinner/src/Spinner.js +2 -2
  326. package/dist/spinner/src/index.css +49 -49
  327. package/dist/spinner/src/index.js +2 -2
  328. package/dist/switch/src/Switch.css +55 -55
  329. package/dist/switch/src/Switch.js +4 -3
  330. package/dist/switch/src/SwitchField.css +45 -45
  331. package/dist/switch/src/SwitchField.js +2 -2
  332. package/dist/switch/src/index.css +61 -61
  333. package/dist/switch/src/index.js +5 -4
  334. package/dist/tabs/src/Tab.css +559 -558
  335. package/dist/tabs/src/Tab.js +2 -2
  336. package/dist/tabs/src/TabList.css +44 -44
  337. package/dist/tabs/src/TabList.js +1 -1
  338. package/dist/tabs/src/TabPanel.css +41 -41
  339. package/dist/tabs/src/TabPanel.js +1 -1
  340. package/dist/tabs/src/index.css +566 -565
  341. package/dist/tabs/src/index.js +4 -4
  342. package/dist/tag/src/Tag.css +534 -533
  343. package/dist/tag/src/Tag.js +8 -7
  344. package/dist/tag/src/TagGroup.css +49 -49
  345. package/dist/tag/src/TagGroup.js +7 -7
  346. package/dist/tag/src/index.css +544 -543
  347. package/dist/tag/src/index.js +13 -12
  348. package/dist/tile/src/Tile.css +66 -66
  349. package/dist/tile/src/Tile.js +1 -1
  350. package/dist/tile/src/TileGroup.css +40 -40
  351. package/dist/tile/src/TileGroup.js +1 -1
  352. package/dist/tile/src/index.css +67 -67
  353. package/dist/tile/src/index.js +2 -2
  354. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  355. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  356. package/dist/toggle-arrow/src/index.css +41 -41
  357. package/dist/toggle-arrow/src/index.js +1 -1
  358. package/dist/tooltip/src/Tooltip.css +50 -49
  359. package/dist/tooltip/src/Tooltip.js +4 -3
  360. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  361. package/dist/tooltip/src/index.css +50 -49
  362. package/dist/tooltip/src/index.js +4 -3
  363. package/dist/typography/heading/src/Heading.css +39 -39
  364. package/dist/typography/heading/src/Heading.js +1 -1
  365. package/dist/typography/heading/src/index.css +39 -39
  366. package/dist/typography/heading/src/index.js +1 -1
  367. package/dist/typography/label/src/FieldLabel.css +39 -39
  368. package/dist/typography/label/src/FieldLabel.js +3 -3
  369. package/dist/typography/label/src/Label.css +39 -39
  370. package/dist/typography/label/src/Label.js +1 -1
  371. package/dist/typography/label/src/index.css +39 -39
  372. package/dist/typography/label/src/index.js +3 -3
  373. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  374. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  375. package/dist/typography/overline-text/src/index.css +39 -39
  376. package/dist/typography/overline-text/src/index.js +1 -1
  377. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  378. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  379. package/dist/typography/paragraph/src/index.css +39 -39
  380. package/dist/typography/paragraph/src/index.js +2 -2
  381. package/dist/typography/text/src/Text.css +39 -39
  382. package/dist/typography/text/src/Text.js +1 -1
  383. package/dist/typography/text/src/index.css +39 -39
  384. package/dist/typography/text/src/index.js +1 -1
  385. package/dist/utils/src/ClearSlots.css +39 -39
  386. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  387. package/dist/utils/src/EnsureTextWrapper.js +3 -2
  388. package/dist/utils/src/index.css +39 -39
  389. package/dist/utils/src/index.js +3 -3
  390. package/package.json +3 -3
package/dist/alert/src/Alert.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___STpRE {
2
+ .Heading-module__hop-Heading___-Snu8 {
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___STpRE) {
36
+ :where(.Heading-module__hop-Heading___-Snu8) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___STpRE):not(.Heading-module__hop-Heading--unset___gZI6E) {
40
+ :where(.Heading-module__hop-Heading___-Snu8):not(.Heading-module__hop-Heading--unset___knMq6) {
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___v1-13) {
46
+ :where(.Heading-module__hop-Heading--xs___T2hkl) {
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___xR43F) {
52
+ :where(.Heading-module__hop-Heading--sm___UkYVG) {
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___JrNrx) {
58
+ :where(.Heading-module__hop-Heading--md___sRJaf) {
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___vN-n3) {
64
+ :where(.Heading-module__hop-Heading--lg___s-YPs) {
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___5gIlJ) {
70
+ :where(.Heading-module__hop-Heading--xl___GmM39) {
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___14MQg) {
76
+ :where(.Heading-module__hop-Heading--2xl___Lc-PI) {
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___EOBKr) {
82
+ :where(.Heading-module__hop-Heading--3xl___x2Gyg) {
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___3Lb87 {
90
+ .Form-module__hop-Form___rL3wb {
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___ePn7S {
97
+ .Label-module__hop-Label___bR5KM {
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___ePn7S) {
104
+ :where(.Label-module__hop-Label___bR5KM) {
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___KlZf1 {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___HhdLy {
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___j2-1h {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___8KRZY {
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___KS3pt) {
123
+ :where(.OverlineText-module__hop-OverlineText___eO6FN) {
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___JjAUQ {
147
+ .OverlineText-module__hop-OverlineText__text___qEzbH {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___JjAUQ::before,
151
- .OverlineText-module__hop-OverlineText__text___JjAUQ::after {
150
+ .OverlineText-module__hop-OverlineText__text___qEzbH::before,
151
+ .OverlineText-module__hop-OverlineText__text___qEzbH::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___JjAUQ::before {
158
+ .OverlineText-module__hop-OverlineText__text___qEzbH::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___JjAUQ::after {
161
+ .OverlineText-module__hop-OverlineText__text___qEzbH::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___-YCsg {
166
+ .Text-module__hop-Text___FGr36 {
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___-YCsg) {
196
+ :where(.Text-module__hop-Text___FGr36) {
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___W5BYd) {
202
+ :where(.Text-module__hop-Text--xs___160v2) {
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___qEpVQ) {
208
+ :where(.Text-module__hop-Text--sm___IT2I4) {
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___nAifP) {
214
+ :where(.Text-module__hop-Text--md___6Zuhi) {
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___7WsS-) {
220
+ :where(.Text-module__hop-Text--lg___INN88) {
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___YnszN) {
226
+ :where(.Text-module__hop-Text--xl___xMvKm) {
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___HEeo3) {
232
+ :where(.Text-module__hop-Text--2xl___zNsCi) {
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___VNf8N) {
238
+ :where(.Text-module__hop-Text--inherit___Oi-RS) {
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___oz-u2 {
246
+ .Paragraph-module__hop-Paragraph___5Zt-1 {
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___oz-u2:last-child {
258
+ .Paragraph-module__hop-Paragraph___5Zt-1:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___OdBIN {
261
+ .Paragraph-module__hop-Paragraph--xs___Xyy-T {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___9-jsc {
264
+ .Paragraph-module__hop-Paragraph--sm___yzMuT {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___a7aBC {
267
+ .Paragraph-module__hop-Paragraph--md___Ul8Yd {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___zEuEg {
270
+ .Paragraph-module__hop-Paragraph--lg___hcdQX {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___J0jtA {
273
+ .Paragraph-module__hop-Paragraph--xl___-H7Am {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___nAJuy {
276
+ .Paragraph-module__hop-Paragraph--2xl___z43CV {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___9fFG- {
279
+ .Paragraph-module__hop-Paragraph--inherit___6KhqN {
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___K5vzG {
284
+ .IconList-module__hop-IconList___Fef5U {
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___B9Svv {
293
+ @keyframes Spinner-module__spin___MdfkJ {
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___zJxC1 {
301
+ .Spinner-module__hop-Spinner___b0m0F {
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___B9Svv .8s infinite linear;
309
+ --hop-Spinner-fill-animation: Spinner-module__spin___MdfkJ .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___r3o5P {
320
+ .Spinner-module__hop-Spinner--sm___5fffU {
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___g4ITu {
324
+ .Spinner-module__hop-Spinner--md___s9RrN {
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___qh8-v {
328
+ .Spinner-module__hop-Spinner--lg___ydVq5 {
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___nO6hx {
332
+ .Spinner-module__hop-Spinner__track___re54s {
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___USfE2 {
341
+ .Spinner-module__hop-Spinner__fill___QRpNj {
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___USfE2 {
352
+ .Spinner-module__hop-Spinner__fill___QRpNj {
353
353
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
354
354
  }
355
355
  }
356
- .Spinner-module__hop-Spinner__label___QqmhK {
356
+ .Spinner-module__hop-Spinner__label___GkCUC {
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___jWDy6 {
362
+ .Button-module__hop-Button___nEuHI {
363
363
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
364
364
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
365
365
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -484,213 +484,213 @@
484
484
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
485
485
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
486
486
  }
487
- .Button-module__hop-Button--fluid___48XY0 {
487
+ .Button-module__hop-Button--fluid___q27fH {
488
488
  --inline-size: 100%;
489
489
  }
490
- .Button-module__hop-Button--xs___7wnht {
490
+ .Button-module__hop-Button--xs___ePz1a {
491
491
  --block-size: var(--hop-Button-xs-height);
492
492
  --padding: var(--hop-Button-xs-padding);
493
493
  }
494
- .Button-module__hop-Button--xs___7wnht[class*=--ghost] {
494
+ .Button-module__hop-Button--xs___ePz1a[class*=--ghost] {
495
495
  --padding: var(--hop-Button-ghost-xs-padding);
496
496
  }
497
- .Button-module__hop-Button--sm___LlrGN {
497
+ .Button-module__hop-Button--sm___4f7xw {
498
498
  --block-size: var(--hop-Button-sm-height);
499
499
  --padding: var(--hop-Button-sm-padding);
500
500
  }
501
- .Button-module__hop-Button--sm___LlrGN[class*=--ghost] {
501
+ .Button-module__hop-Button--sm___4f7xw[class*=--ghost] {
502
502
  --padding: var(--hop-Button-ghost-sm-padding);
503
503
  }
504
- .Button-module__hop-Button--md___ygr-w[class*=--ghost] {
504
+ .Button-module__hop-Button--md___-JvFH[class*=--ghost] {
505
505
  --padding: var(--hop-Button-ghost-md-padding);
506
506
  }
507
- .Button-module__hop-Button--icon-only___COLIt {
507
+ .Button-module__hop-Button--icon-only___XPiq- {
508
508
  --column-gap: var(--hop-Button-icon-only-column-gap);
509
509
  --padding: var(--hop-Button-icon-only-padding);
510
510
  aspect-ratio: 1;
511
511
  }
512
- .Button-module__hop-Button--primary___K3-DO {
512
+ .Button-module__hop-Button--primary___Scgow {
513
513
  --background-color: var(--hop-Button-primary-background-color);
514
514
  --color: var(--hop-Button-primary-color);
515
515
  --border: var(--hop-Button-primary-border);
516
516
  --spinner-color: var(--hop-Button-primary-spinner-color);
517
517
  }
518
- .Button-module__hop-Button--primary___K3-DO[data-hovered],
519
- .Button-module__hop-Button--primary___K3-DO[data-focus-visible] {
518
+ .Button-module__hop-Button--primary___Scgow[data-hovered],
519
+ .Button-module__hop-Button--primary___Scgow[data-focus-visible] {
520
520
  --background-color: var(--hop-Button-primary-background-color-hover);
521
521
  --color: var(--hop-Button-primary-color-hover);
522
522
  --border: var(--hop-Button-primary-border-hover);
523
523
  }
524
- .Button-module__hop-Button--primary___K3-DO[data-pressed] {
524
+ .Button-module__hop-Button--primary___Scgow[data-pressed] {
525
525
  --background-color: var(--hop-Button-primary-background-color-pressed);
526
526
  --color: var(--hop-Button-primary-color-pressed);
527
527
  --border: var(--hop-Button-primary-border-pressed);
528
528
  }
529
- .Button-module__hop-Button--secondary___uHzjo {
529
+ .Button-module__hop-Button--secondary___aE2cR {
530
530
  --background-color: var(--hop-Button-secondary-background-color);
531
531
  --color: var(--hop-Button-secondary-color);
532
532
  --border: var(--hop-Button-secondary-border);
533
533
  --spinner-color: var(--hop-Button-secondary-spinner-color);
534
534
  }
535
- .Button-module__hop-Button--secondary___uHzjo[data-hovered],
536
- .Button-module__hop-Button--secondary___uHzjo[data-focus-visible] {
535
+ .Button-module__hop-Button--secondary___aE2cR[data-hovered],
536
+ .Button-module__hop-Button--secondary___aE2cR[data-focus-visible] {
537
537
  --background-color: var(--hop-Button-secondary-background-color-hover);
538
538
  --color: var(--hop-Button-secondary-color-hover);
539
539
  --border: var(--hop-Button-secondary-border-hover);
540
540
  }
541
- .Button-module__hop-Button--secondary___uHzjo[data-pressed] {
541
+ .Button-module__hop-Button--secondary___aE2cR[data-pressed] {
542
542
  --background-color: var(--hop-Button-secondary-background-color-pressed);
543
543
  --color: var(--hop-Button-secondary-color-pressed);
544
544
  --border: var(--hop-Button-secondary-border-pressed);
545
545
  }
546
- .Button-module__hop-Button--upsell___Al-Bi {
546
+ .Button-module__hop-Button--upsell___9YjEm {
547
547
  --background-color: var(--hop-Button-upsell-background-color);
548
548
  --color: var(--hop-Button-upsell-color);
549
549
  --border: var(--hop-Button-upsell-border);
550
550
  --spinner-color: var(--hop-Button-upsell-spinner-color);
551
551
  }
552
- .Button-module__hop-Button--upsell___Al-Bi[data-hovered],
553
- .Button-module__hop-Button--upsell___Al-Bi[data-focus-visible] {
552
+ .Button-module__hop-Button--upsell___9YjEm[data-hovered],
553
+ .Button-module__hop-Button--upsell___9YjEm[data-focus-visible] {
554
554
  --background-color: var(--hop-Button-upsell-background-color-hover);
555
555
  --color: var(--hop-Button-upsell-color-hover);
556
556
  --border: var(--hop-Button-upsell-border-hover);
557
557
  }
558
- .Button-module__hop-Button--upsell___Al-Bi[data-pressed] {
558
+ .Button-module__hop-Button--upsell___9YjEm[data-pressed] {
559
559
  --background-color: var(--hop-Button-upsell-background-color-pressed);
560
560
  --color: var(--hop-Button-upsell-color-pressed);
561
561
  --border: var(--hop-Button-upsell-border-pressed);
562
562
  }
563
- .Button-module__hop-Button--danger___bsuav {
563
+ .Button-module__hop-Button--danger___cLxF7 {
564
564
  --background-color: var(--hop-Button-danger-background-color);
565
565
  --color: var(--hop-Button-danger-color);
566
566
  --border: var(--hop-Button-danger-border);
567
567
  --spinner-color: var(--hop-Button-danger-spinner-color);
568
568
  }
569
- .Button-module__hop-Button--danger___bsuav[data-hovered],
570
- .Button-module__hop-Button--danger___bsuav[data-focus-visible] {
569
+ .Button-module__hop-Button--danger___cLxF7[data-hovered],
570
+ .Button-module__hop-Button--danger___cLxF7[data-focus-visible] {
571
571
  --background-color: var(--hop-Button-danger-background-color-hover);
572
572
  --color: var(--hop-Button-danger-color-hover);
573
573
  --border: var(--hop-Button-danger-border-hover);
574
574
  }
575
- .Button-module__hop-Button--danger___bsuav[data-pressed] {
575
+ .Button-module__hop-Button--danger___cLxF7[data-pressed] {
576
576
  --background-color: var(--hop-Button-danger-background-color-pressed);
577
577
  --color: var(--hop-Button-danger-color-pressed);
578
578
  --border: var(--hop-Button-danger-border-pressed);
579
579
  }
580
- .Button-module__hop-Button--ghost-primary___sCs8A {
580
+ .Button-module__hop-Button--ghost-primary___2dZsC {
581
581
  --background-color: var(--hop-Button-ghost-primary-background-color);
582
582
  --color: var(--hop-Button-ghost-primary-color);
583
583
  --border: var(--hop-Button-ghost-primary-border);
584
584
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
585
585
  }
586
- .Button-module__hop-Button--ghost-primary___sCs8A[data-hovered],
587
- .Button-module__hop-Button--ghost-primary___sCs8A[data-focus-visible] {
586
+ .Button-module__hop-Button--ghost-primary___2dZsC[data-hovered],
587
+ .Button-module__hop-Button--ghost-primary___2dZsC[data-focus-visible] {
588
588
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
589
589
  --color: var(--hop-Button-ghost-primary-color-hover);
590
590
  --border: var(--hop-Button-ghost-primary-border-hover);
591
591
  }
592
- .Button-module__hop-Button--ghost-primary___sCs8A[data-pressed] {
592
+ .Button-module__hop-Button--ghost-primary___2dZsC[data-pressed] {
593
593
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
594
594
  --color: var(--hop-Button-ghost-primary-color-pressed);
595
595
  --border: var(--hop-Button-ghost-primary-border-pressed);
596
596
  }
597
- .Button-module__hop-Button--ghost-secondary___gcUa2 {
597
+ .Button-module__hop-Button--ghost-secondary___tn5e5 {
598
598
  --background-color: var(--hop-Button-ghost-secondary-background-color);
599
599
  --color: var(--hop-Button-ghost-secondary-color);
600
600
  --border: var(--hop-Button-ghost-secondary-border);
601
601
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
602
602
  }
603
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-hovered],
604
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-focus-visible] {
603
+ .Button-module__hop-Button--ghost-secondary___tn5e5[data-hovered],
604
+ .Button-module__hop-Button--ghost-secondary___tn5e5[data-focus-visible] {
605
605
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
606
606
  --color: var(--hop-Button-ghost-secondary-color-hover);
607
607
  --border: var(--hop-Button-ghost-secondary-border-hover);
608
608
  }
609
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-pressed] {
609
+ .Button-module__hop-Button--ghost-secondary___tn5e5[data-pressed] {
610
610
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
611
611
  --color: var(--hop-Button-ghost-secondary-color-pressed);
612
612
  --border: var(--hop-Button-ghost-secondary-border-pressed);
613
613
  }
614
- .Button-module__hop-Button--ghost-danger___6b-52 {
614
+ .Button-module__hop-Button--ghost-danger___ojcg4 {
615
615
  --background-color: var(--hop-Button-ghost-danger-background-color);
616
616
  --color: var(--hop-Button-ghost-danger-color);
617
617
  --border: var(--hop-Button-ghost-danger-border);
618
618
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
619
619
  }
620
- .Button-module__hop-Button--ghost-danger___6b-52[data-hovered],
621
- .Button-module__hop-Button--ghost-danger___6b-52[data-focus-visible] {
620
+ .Button-module__hop-Button--ghost-danger___ojcg4[data-hovered],
621
+ .Button-module__hop-Button--ghost-danger___ojcg4[data-focus-visible] {
622
622
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
623
623
  --color: var(--hop-Button-ghost-danger-color-hover);
624
624
  --border: var(--hop-Button-ghost-danger-border-hover);
625
625
  }
626
- .Button-module__hop-Button--ghost-danger___6b-52[data-pressed] {
626
+ .Button-module__hop-Button--ghost-danger___ojcg4[data-pressed] {
627
627
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
628
628
  --color: var(--hop-Button-ghost-danger-color-pressed);
629
629
  --border: var(--hop-Button-ghost-danger-border-pressed);
630
630
  }
631
- .Button-module__hop-Button___jWDy6[data-focus-visible] {
631
+ .Button-module__hop-Button___nEuHI[data-focus-visible] {
632
632
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
633
633
  }
634
- .Button-module__hop-Button___jWDy6[data-disabled],
635
- .Button-module__hop-Button--loading___6sHZ- {
634
+ .Button-module__hop-Button___nEuHI[data-disabled],
635
+ .Button-module__hop-Button--loading___AYdL0 {
636
636
  cursor: not-allowed;
637
637
  }
638
- .Button-module__hop-Button___jWDy6[data-disabled] {
638
+ .Button-module__hop-Button___nEuHI[data-disabled] {
639
639
  --background-color: var(--hop-Button-background-color-disabled);
640
640
  --color: var(--hop-Button-color-disabled);
641
641
  --border: var(--hop-Button-border-disabled);
642
642
  }
643
- .Button-module__hop-Button___jWDy6[class*=--ghost][data-disabled] {
643
+ .Button-module__hop-Button___nEuHI[class*=--ghost][data-disabled] {
644
644
  --background-color: var(--hop-Button-ghost-background-color-disabled);
645
645
  --color: var(--hop-Button-ghost-color-disabled);
646
646
  --border: var(--hop-Button-ghost-border-disabled);
647
647
  }
648
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--primary___K3-DO {
648
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--primary___Scgow {
649
649
  --background-color: var(--hop-Button-primary-background-color);
650
650
  --color: var(--hop-Button-primary-color);
651
651
  --border: var(--hop-Button-primary-border);
652
652
  }
653
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--secondary___uHzjo {
653
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--secondary___aE2cR {
654
654
  --background-color: var(--hop-Button-secondary-background-color);
655
655
  --color: var(--hop-Button-secondary-color);
656
656
  --border: var(--hop-Button-secondary-border);
657
657
  }
658
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--upsell___Al-Bi {
658
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--upsell___9YjEm {
659
659
  --background-color: var(--hop-Button-upsell-background-color);
660
660
  --color: var(--hop-Button-upsell-color);
661
661
  --border: var(--hop-Button-upsell-border);
662
662
  }
663
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--danger___bsuav {
663
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--danger___cLxF7 {
664
664
  --background-color: var(--hop-Button-danger-background-color);
665
665
  --color: var(--hop-Button-danger-color);
666
666
  --border: var(--hop-Button-danger-border);
667
667
  }
668
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-primary___sCs8A {
668
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-primary___2dZsC {
669
669
  --background-color: var(--hop-Button-ghost-primary-background-color);
670
670
  --color: var(--hop-Button-ghost-primary-color);
671
671
  --border: var(--hop-Button-ghost-primary-border);
672
672
  }
673
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-secondary___gcUa2 {
673
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-secondary___tn5e5 {
674
674
  --background-color: var(--hop-Button-ghost-secondary-background-color);
675
675
  --color: var(--hop-Button-ghost-secondary-color);
676
676
  --border: var(--hop-Button-ghost-secondary-border);
677
677
  }
678
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-danger___6b-52 {
678
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-danger___ojcg4 {
679
679
  --background-color: var(--hop-Button-ghost-danger-background-color);
680
680
  --color: var(--hop-Button-ghost-danger-color);
681
681
  --border: var(--hop-Button-ghost-danger-border);
682
682
  }
683
- .Button-module__hop-Button__Spinner___-eQz9 {
683
+ .Button-module__hop-Button__Spinner___-4Cjd {
684
684
  position: absolute;
685
685
  color: var(--spinner-color);
686
686
  }
687
- .Button-module__hop-Button__icon___QfbzU,
688
- .Button-module__hop-Button__icon-list___92YGY {
687
+ .Button-module__hop-Button__icon___242RX,
688
+ .Button-module__hop-Button__icon-list___YRbIZ {
689
689
  flex: 0 0 auto;
690
690
  justify-self: end;
691
691
  order: 1;
692
692
  }
693
- .Button-module__hop-Button__text___8l96e {
693
+ .Button-module__hop-Button__text___TAmEN {
694
694
  user-select: none;
695
695
  overflow: visible;
696
696
  flex: 0 1 auto;
@@ -699,60 +699,60 @@
699
699
  text-decoration: none;
700
700
  text-wrap: nowrap;
701
701
  }
702
- .Button-module__hop-Button__end-icon___2-jUn,
703
- .Button-module__hop-Button__end-icon-list___KRnDk {
702
+ .Button-module__hop-Button__end-icon___A15-f,
703
+ .Button-module__hop-Button__end-icon-list___VLHc3 {
704
704
  flex: 0 0 auto;
705
705
  order: 3;
706
706
  }
707
- .Button-module__hop-Button___jWDy6 .Button-module__hop-Button__icon-list___92YGY,
708
- .Button-module__hop-Button___jWDy6 .Button-module__hop-Button__end-icon-list___KRnDk {
707
+ .Button-module__hop-Button___nEuHI .Button-module__hop-Button__icon-list___YRbIZ,
708
+ .Button-module__hop-Button___nEuHI .Button-module__hop-Button__end-icon-list___VLHc3 {
709
709
  flex-wrap: nowrap;
710
710
  }
711
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button___jWDy6 > *:not(.Button-module__hop-Button__Spinner___-eQz9) {
711
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button___nEuHI > *:not(.Button-module__hop-Button__Spinner___-4Cjd) {
712
712
  opacity: 0;
713
713
  }
714
714
 
715
715
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
716
- .ButtonGroup-module__hop-ButtonGroup___HwlRc {
716
+ .ButtonGroup-module__hop-ButtonGroup___JK1nW {
717
717
  display: inline-flex;
718
718
  flex-wrap: nowrap;
719
719
  gap: var(--hop-space-inline-md);
720
720
  }
721
- .ButtonGroup-module__hop-ButtonGroup--horizontal___ppaBb {
721
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
722
722
  align-items: center;
723
723
  }
724
- .ButtonGroup-module__hop-ButtonGroup--vertical___xj77d {
724
+ .ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
725
725
  flex-direction: column;
726
726
  gap: var(--hop-space-stack-md);
727
727
  justify-content: center;
728
728
  }
729
- .ButtonGroup-module__hop-ButtonGroup--start___Nj7cx.ButtonGroup-module__hop-ButtonGroup--vertical___xj77d {
729
+ .ButtonGroup-module__hop-ButtonGroup--start___tmM-h.ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
730
730
  align-items: flex-start;
731
731
  }
732
- .ButtonGroup-module__hop-ButtonGroup--center___0xr2T.ButtonGroup-module__hop-ButtonGroup--vertical___xj77d {
732
+ .ButtonGroup-module__hop-ButtonGroup--center___eo8A9.ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
733
733
  align-items: center;
734
734
  }
735
- .ButtonGroup-module__hop-ButtonGroup--end___5x0Jp.ButtonGroup-module__hop-ButtonGroup--vertical___xj77d {
735
+ .ButtonGroup-module__hop-ButtonGroup--end___jdlar.ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
736
736
  align-items: flex-end;
737
737
  }
738
- .ButtonGroup-module__hop-ButtonGroup--start___Nj7cx.ButtonGroup-module__hop-ButtonGroup--horizontal___ppaBb {
738
+ .ButtonGroup-module__hop-ButtonGroup--start___tmM-h.ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
739
739
  justify-content: flex-start;
740
740
  }
741
- .ButtonGroup-module__hop-ButtonGroup--center___0xr2T.ButtonGroup-module__hop-ButtonGroup--horizontal___ppaBb {
741
+ .ButtonGroup-module__hop-ButtonGroup--center___eo8A9.ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
742
742
  justify-content: center;
743
743
  }
744
- .ButtonGroup-module__hop-ButtonGroup--end___5x0Jp.ButtonGroup-module__hop-ButtonGroup--horizontal___ppaBb {
744
+ .ButtonGroup-module__hop-ButtonGroup--end___jdlar.ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
745
745
  justify-content: flex-end;
746
746
  }
747
- .ButtonGroup-module__hop-ButtonGroup--wrap___OHSPu {
747
+ .ButtonGroup-module__hop-ButtonGroup--wrap___bx-ax {
748
748
  flex-wrap: wrap;
749
749
  }
750
- .ButtonGroup-module__hop-ButtonGroup--fluid___jv8xY {
750
+ .ButtonGroup-module__hop-ButtonGroup--fluid___Mhm9B {
751
751
  inline-size: 100%;
752
752
  }
753
753
 
754
754
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
755
- .EmbeddedButton-module__hop-EmbeddedButton___2OcQG {
755
+ .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2 {
756
756
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
757
757
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
758
758
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -916,7 +916,7 @@
916
916
  outline: none;
917
917
  transition: color var(--transition);
918
918
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton___2OcQG::before {
919
+ .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2::before {
920
920
  content: "";
921
921
  position: absolute;
922
922
  inset-block-start: 50%;
@@ -929,284 +929,284 @@
929
929
  border-radius: var(--effect-border-radius);
930
930
  transition: background-color var(--transition);
931
931
  }
932
- .EmbeddedButton-module__hop-EmbeddedButton___2OcQG[data-square] {
932
+ .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-square] {
933
933
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
934
934
  }
935
- .EmbeddedButton-module__hop-EmbeddedButton--md___RFp1F {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--md___xIt5r {
936
936
  --inline-size: var(--hop-EmbeddedButton-md-width);
937
937
  --block-size: var(--hop-EmbeddedButton-md-height);
938
938
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
939
939
  }
940
- .EmbeddedButton-module__hop-EmbeddedButton--lg___y4dEm {
940
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___q1xW6 {
941
941
  --inline-size: var(--hop-EmbeddedButton-lg-width);
942
942
  --block-size: var(--hop-EmbeddedButton-lg-height);
943
943
  --focus-ring-offset: 0;
944
944
  }
945
- .EmbeddedButton-module__hop-EmbeddedButton--md___RFp1F::before {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--md___xIt5r::before {
946
946
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
947
947
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
948
948
  }
949
- .EmbeddedButton-module__hop-EmbeddedButton--lg___y4dEm::before {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___q1xW6::before {
950
950
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
951
951
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
952
952
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___URFNS {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD {
954
954
  --color: var(--hop-EmbeddedButton-neutral-color);
955
955
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
956
956
  }
957
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ICioc {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv {
958
958
  --color: var(--hop-EmbeddedButton-subdued-color);
959
959
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
960
960
  }
961
- .EmbeddedButton-module__hop-EmbeddedButton--progress___wW6dt {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl {
962
962
  --color: var(--hop-EmbeddedButton-progress-color);
963
963
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
964
964
  }
965
- .EmbeddedButton-module__hop-EmbeddedButton--positive___-DIg3 {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT {
966
966
  --color: var(--hop-EmbeddedButton-positive-color);
967
967
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
968
968
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--caution___Z-zxu {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF {
970
970
  --color: var(--hop-EmbeddedButton-caution-color);
971
971
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
972
972
  }
973
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TIQ-p {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq {
974
974
  --color: var(--hop-EmbeddedButton-negative-color);
975
975
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
976
976
  }
977
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NAc-4 {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5 {
978
978
  --color: var(--hop-EmbeddedButton-option1-color);
979
979
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
980
980
  }
981
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Qt4xq {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj {
982
982
  --color: var(--hop-EmbeddedButton-option2-color);
983
983
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
984
984
  }
985
- .EmbeddedButton-module__hop-EmbeddedButton--option3___fkfln {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A {
986
986
  --color: var(--hop-EmbeddedButton-option3-color);
987
987
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
988
988
  }
989
- .EmbeddedButton-module__hop-EmbeddedButton--option4___iQKHI {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg {
990
990
  --color: var(--hop-EmbeddedButton-option4-color);
991
991
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
992
992
  }
993
- .EmbeddedButton-module__hop-EmbeddedButton--option5___gsB1P {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M {
994
994
  --color: var(--hop-EmbeddedButton-option5-color);
995
995
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
996
996
  }
997
- .EmbeddedButton-module__hop-EmbeddedButton--option6___snMJy {
997
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9 {
998
998
  --color: var(--hop-EmbeddedButton-option6-color);
999
999
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1000
1000
  }
1001
- .EmbeddedButton-module__hop-EmbeddedButton___2OcQG[data-selected] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-selected] {
1002
1002
  --color: var(--hop-EmbeddedButton-selected-color);
1003
1003
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1004
1004
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton___2OcQG[data-focus-visible] {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-focus-visible] {
1006
1006
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1007
1007
  outline-offset: var(--focus-ring-offset);
1008
1008
  }
1009
- .EmbeddedButton-module__hop-EmbeddedButton___2OcQG[data-disabled] {
1009
+ .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-disabled] {
1010
1010
  cursor: not-allowed;
1011
1011
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___URFNS[data-hovered] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-hovered] {
1013
1013
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1014
1014
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1015
1015
  }
1016
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___URFNS[data-focus-visible] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-focus-visible] {
1017
1017
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1018
1018
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1019
1019
  }
1020
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___URFNS[data-pressed] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-pressed] {
1021
1021
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1022
1022
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1023
1023
  }
1024
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___URFNS[data-disabled] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-disabled] {
1025
1025
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1026
1026
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1027
1027
  }
1028
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ICioc[data-hovered] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-hovered] {
1029
1029
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1030
1030
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1031
1031
  }
1032
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ICioc[data-focus-visible] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-focus-visible] {
1033
1033
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1034
1034
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1035
1035
  }
1036
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ICioc[data-pressed] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-pressed] {
1037
1037
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1038
1038
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1039
1039
  }
1040
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ICioc[data-disabled] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-disabled] {
1041
1041
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1042
1042
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1043
1043
  }
1044
- .EmbeddedButton-module__hop-EmbeddedButton--progress___wW6dt[data-hovered] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-hovered] {
1045
1045
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1046
1046
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1047
1047
  }
1048
- .EmbeddedButton-module__hop-EmbeddedButton--progress___wW6dt[data-focus-visible] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-focus-visible] {
1049
1049
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1050
1050
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1051
1051
  }
1052
- .EmbeddedButton-module__hop-EmbeddedButton--progress___wW6dt[data-pressed] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-pressed] {
1053
1053
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1054
1054
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1055
1055
  }
1056
- .EmbeddedButton-module__hop-EmbeddedButton--progress___wW6dt[data-disabled] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-disabled] {
1057
1057
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1058
1058
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1059
1059
  }
1060
- .EmbeddedButton-module__hop-EmbeddedButton--positive___-DIg3[data-hovered] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-hovered] {
1061
1061
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1062
1062
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1063
1063
  }
1064
- .EmbeddedButton-module__hop-EmbeddedButton--positive___-DIg3[data-focus-visible] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-focus-visible] {
1065
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1066
1066
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1067
1067
  }
1068
- .EmbeddedButton-module__hop-EmbeddedButton--positive___-DIg3[data-pressed] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-pressed] {
1069
1069
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1070
1070
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1071
1071
  }
1072
- .EmbeddedButton-module__hop-EmbeddedButton--positive___-DIg3[data-disabled] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-disabled] {
1073
1073
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1074
1074
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1075
1075
  }
1076
- .EmbeddedButton-module__hop-EmbeddedButton--caution___Z-zxu[data-hovered] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-hovered] {
1077
1077
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1078
1078
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1079
1079
  }
1080
- .EmbeddedButton-module__hop-EmbeddedButton--caution___Z-zxu[data-focus-visible] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-focus-visible] {
1081
1081
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1082
1082
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1083
1083
  }
1084
- .EmbeddedButton-module__hop-EmbeddedButton--caution___Z-zxu[data-pressed] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-pressed] {
1085
1085
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1086
1086
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1087
1087
  }
1088
- .EmbeddedButton-module__hop-EmbeddedButton--caution___Z-zxu[data-disabled] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-disabled] {
1089
1089
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1090
1090
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1091
1091
  }
1092
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TIQ-p[data-hovered] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-hovered] {
1093
1093
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1094
1094
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1095
1095
  }
1096
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TIQ-p[data-focus-visible] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-focus-visible] {
1097
1097
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1098
1098
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1099
1099
  }
1100
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TIQ-p[data-pressed] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-pressed] {
1101
1101
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1102
1102
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1103
1103
  }
1104
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TIQ-p[data-disabled] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-disabled] {
1105
1105
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1106
1106
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1107
1107
  }
1108
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NAc-4[data-hovered] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-hovered] {
1109
1109
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1110
1110
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1111
1111
  }
1112
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NAc-4[data-focus-visible] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-focus-visible] {
1113
1113
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1114
1114
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1115
1115
  }
1116
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NAc-4[data-pressed] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-pressed] {
1117
1117
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1118
1118
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1119
1119
  }
1120
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NAc-4[data-disabled] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-disabled] {
1121
1121
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1122
1122
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1123
1123
  }
1124
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Qt4xq[data-hovered] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-hovered] {
1125
1125
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1126
1126
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1127
1127
  }
1128
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Qt4xq[data-focus-visible] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-focus-visible] {
1129
1129
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1130
1130
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1131
1131
  }
1132
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Qt4xq[data-pressed] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-pressed] {
1133
1133
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1134
1134
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1135
1135
  }
1136
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Qt4xq[data-disabled] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-disabled] {
1137
1137
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1138
1138
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1139
1139
  }
1140
- .EmbeddedButton-module__hop-EmbeddedButton--option3___fkfln[data-hovered] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-hovered] {
1141
1141
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1142
1142
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1143
1143
  }
1144
- .EmbeddedButton-module__hop-EmbeddedButton--option3___fkfln[data-focus-visible] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-focus-visible] {
1145
1145
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1146
1146
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1147
1147
  }
1148
- .EmbeddedButton-module__hop-EmbeddedButton--option3___fkfln[data-pressed] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-pressed] {
1149
1149
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1150
1150
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1151
1151
  }
1152
- .EmbeddedButton-module__hop-EmbeddedButton--option3___fkfln[data-disabled] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-disabled] {
1153
1153
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1154
1154
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1155
1155
  }
1156
- .EmbeddedButton-module__hop-EmbeddedButton--option4___iQKHI[data-hovered] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-hovered] {
1157
1157
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1158
1158
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1159
1159
  }
1160
- .EmbeddedButton-module__hop-EmbeddedButton--option4___iQKHI[data-focus-visible] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-focus-visible] {
1161
1161
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1162
1162
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1163
1163
  }
1164
- .EmbeddedButton-module__hop-EmbeddedButton--option4___iQKHI[data-pressed] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-pressed] {
1165
1165
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1166
1166
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1167
1167
  }
1168
- .EmbeddedButton-module__hop-EmbeddedButton--option4___iQKHI[data-disabled] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-disabled] {
1169
1169
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1170
1170
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1171
1171
  }
1172
- .EmbeddedButton-module__hop-EmbeddedButton--option5___gsB1P[data-hovered] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-hovered] {
1173
1173
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1174
1174
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1175
1175
  }
1176
- .EmbeddedButton-module__hop-EmbeddedButton--option5___gsB1P[data-focus-visible] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-focus-visible] {
1177
1177
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1178
1178
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1179
1179
  }
1180
- .EmbeddedButton-module__hop-EmbeddedButton--option5___gsB1P[data-pressed] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-pressed] {
1181
1181
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1182
1182
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1183
1183
  }
1184
- .EmbeddedButton-module__hop-EmbeddedButton--option5___gsB1P[data-disabled] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-disabled] {
1185
1185
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1186
1186
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1187
1187
  }
1188
- .EmbeddedButton-module__hop-EmbeddedButton--option6___snMJy[data-hovered] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-hovered] {
1189
1189
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1190
1190
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1191
1191
  }
1192
- .EmbeddedButton-module__hop-EmbeddedButton--option6___snMJy[data-focus-visible] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-focus-visible] {
1193
1193
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1194
1194
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1195
1195
  }
1196
- .EmbeddedButton-module__hop-EmbeddedButton--option6___snMJy[data-pressed] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-pressed] {
1197
1197
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1198
1198
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1199
1199
  }
1200
- .EmbeddedButton-module__hop-EmbeddedButton--option6___snMJy[data-disabled] {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-disabled] {
1201
1201
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1202
1202
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1203
1203
  }
1204
- .EmbeddedButton-module__hop-EmbeddedButton__icon___Gd-ZV {
1204
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___MERm- {
1205
1205
  position: relative;
1206
1206
  }
1207
1207
 
1208
1208
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1209
- button.CloseButton-module__hop-CloseButton___SAD6L {
1209
+ button.CloseButton-module__hop-CloseButton___koyiQ {
1210
1210
  --hop-CloseButton-margin-top: 0rem;
1211
1211
  --hop-CloseButton-padding: 0rem;
1212
1212
  --hop-CloseButton-width: fit-content;
@@ -1218,7 +1218,7 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
1218
1218
  }
1219
1219
 
1220
1220
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1221
- .Button-module__hop-Button___jWDy6 {
1221
+ .Button-module__hop-Button___nEuHI {
1222
1222
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1223
1223
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1224
1224
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1343,213 +1343,213 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
1343
1343
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1344
1344
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1345
1345
  }
1346
- .Button-module__hop-Button--fluid___48XY0 {
1346
+ .Button-module__hop-Button--fluid___q27fH {
1347
1347
  --inline-size: 100%;
1348
1348
  }
1349
- .Button-module__hop-Button--xs___7wnht {
1349
+ .Button-module__hop-Button--xs___ePz1a {
1350
1350
  --block-size: var(--hop-Button-xs-height);
1351
1351
  --padding: var(--hop-Button-xs-padding);
1352
1352
  }
1353
- .Button-module__hop-Button--xs___7wnht[class*=--ghost] {
1353
+ .Button-module__hop-Button--xs___ePz1a[class*=--ghost] {
1354
1354
  --padding: var(--hop-Button-ghost-xs-padding);
1355
1355
  }
1356
- .Button-module__hop-Button--sm___LlrGN {
1356
+ .Button-module__hop-Button--sm___4f7xw {
1357
1357
  --block-size: var(--hop-Button-sm-height);
1358
1358
  --padding: var(--hop-Button-sm-padding);
1359
1359
  }
1360
- .Button-module__hop-Button--sm___LlrGN[class*=--ghost] {
1360
+ .Button-module__hop-Button--sm___4f7xw[class*=--ghost] {
1361
1361
  --padding: var(--hop-Button-ghost-sm-padding);
1362
1362
  }
1363
- .Button-module__hop-Button--md___ygr-w[class*=--ghost] {
1363
+ .Button-module__hop-Button--md___-JvFH[class*=--ghost] {
1364
1364
  --padding: var(--hop-Button-ghost-md-padding);
1365
1365
  }
1366
- .Button-module__hop-Button--icon-only___COLIt {
1366
+ .Button-module__hop-Button--icon-only___XPiq- {
1367
1367
  --column-gap: var(--hop-Button-icon-only-column-gap);
1368
1368
  --padding: var(--hop-Button-icon-only-padding);
1369
1369
  aspect-ratio: 1;
1370
1370
  }
1371
- .Button-module__hop-Button--primary___K3-DO {
1371
+ .Button-module__hop-Button--primary___Scgow {
1372
1372
  --background-color: var(--hop-Button-primary-background-color);
1373
1373
  --color: var(--hop-Button-primary-color);
1374
1374
  --border: var(--hop-Button-primary-border);
1375
1375
  --spinner-color: var(--hop-Button-primary-spinner-color);
1376
1376
  }
1377
- .Button-module__hop-Button--primary___K3-DO[data-hovered],
1378
- .Button-module__hop-Button--primary___K3-DO[data-focus-visible] {
1377
+ .Button-module__hop-Button--primary___Scgow[data-hovered],
1378
+ .Button-module__hop-Button--primary___Scgow[data-focus-visible] {
1379
1379
  --background-color: var(--hop-Button-primary-background-color-hover);
1380
1380
  --color: var(--hop-Button-primary-color-hover);
1381
1381
  --border: var(--hop-Button-primary-border-hover);
1382
1382
  }
1383
- .Button-module__hop-Button--primary___K3-DO[data-pressed] {
1383
+ .Button-module__hop-Button--primary___Scgow[data-pressed] {
1384
1384
  --background-color: var(--hop-Button-primary-background-color-pressed);
1385
1385
  --color: var(--hop-Button-primary-color-pressed);
1386
1386
  --border: var(--hop-Button-primary-border-pressed);
1387
1387
  }
1388
- .Button-module__hop-Button--secondary___uHzjo {
1388
+ .Button-module__hop-Button--secondary___aE2cR {
1389
1389
  --background-color: var(--hop-Button-secondary-background-color);
1390
1390
  --color: var(--hop-Button-secondary-color);
1391
1391
  --border: var(--hop-Button-secondary-border);
1392
1392
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1393
1393
  }
1394
- .Button-module__hop-Button--secondary___uHzjo[data-hovered],
1395
- .Button-module__hop-Button--secondary___uHzjo[data-focus-visible] {
1394
+ .Button-module__hop-Button--secondary___aE2cR[data-hovered],
1395
+ .Button-module__hop-Button--secondary___aE2cR[data-focus-visible] {
1396
1396
  --background-color: var(--hop-Button-secondary-background-color-hover);
1397
1397
  --color: var(--hop-Button-secondary-color-hover);
1398
1398
  --border: var(--hop-Button-secondary-border-hover);
1399
1399
  }
1400
- .Button-module__hop-Button--secondary___uHzjo[data-pressed] {
1400
+ .Button-module__hop-Button--secondary___aE2cR[data-pressed] {
1401
1401
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1402
1402
  --color: var(--hop-Button-secondary-color-pressed);
1403
1403
  --border: var(--hop-Button-secondary-border-pressed);
1404
1404
  }
1405
- .Button-module__hop-Button--upsell___Al-Bi {
1405
+ .Button-module__hop-Button--upsell___9YjEm {
1406
1406
  --background-color: var(--hop-Button-upsell-background-color);
1407
1407
  --color: var(--hop-Button-upsell-color);
1408
1408
  --border: var(--hop-Button-upsell-border);
1409
1409
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1410
1410
  }
1411
- .Button-module__hop-Button--upsell___Al-Bi[data-hovered],
1412
- .Button-module__hop-Button--upsell___Al-Bi[data-focus-visible] {
1411
+ .Button-module__hop-Button--upsell___9YjEm[data-hovered],
1412
+ .Button-module__hop-Button--upsell___9YjEm[data-focus-visible] {
1413
1413
  --background-color: var(--hop-Button-upsell-background-color-hover);
1414
1414
  --color: var(--hop-Button-upsell-color-hover);
1415
1415
  --border: var(--hop-Button-upsell-border-hover);
1416
1416
  }
1417
- .Button-module__hop-Button--upsell___Al-Bi[data-pressed] {
1417
+ .Button-module__hop-Button--upsell___9YjEm[data-pressed] {
1418
1418
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1419
1419
  --color: var(--hop-Button-upsell-color-pressed);
1420
1420
  --border: var(--hop-Button-upsell-border-pressed);
1421
1421
  }
1422
- .Button-module__hop-Button--danger___bsuav {
1422
+ .Button-module__hop-Button--danger___cLxF7 {
1423
1423
  --background-color: var(--hop-Button-danger-background-color);
1424
1424
  --color: var(--hop-Button-danger-color);
1425
1425
  --border: var(--hop-Button-danger-border);
1426
1426
  --spinner-color: var(--hop-Button-danger-spinner-color);
1427
1427
  }
1428
- .Button-module__hop-Button--danger___bsuav[data-hovered],
1429
- .Button-module__hop-Button--danger___bsuav[data-focus-visible] {
1428
+ .Button-module__hop-Button--danger___cLxF7[data-hovered],
1429
+ .Button-module__hop-Button--danger___cLxF7[data-focus-visible] {
1430
1430
  --background-color: var(--hop-Button-danger-background-color-hover);
1431
1431
  --color: var(--hop-Button-danger-color-hover);
1432
1432
  --border: var(--hop-Button-danger-border-hover);
1433
1433
  }
1434
- .Button-module__hop-Button--danger___bsuav[data-pressed] {
1434
+ .Button-module__hop-Button--danger___cLxF7[data-pressed] {
1435
1435
  --background-color: var(--hop-Button-danger-background-color-pressed);
1436
1436
  --color: var(--hop-Button-danger-color-pressed);
1437
1437
  --border: var(--hop-Button-danger-border-pressed);
1438
1438
  }
1439
- .Button-module__hop-Button--ghost-primary___sCs8A {
1439
+ .Button-module__hop-Button--ghost-primary___2dZsC {
1440
1440
  --background-color: var(--hop-Button-ghost-primary-background-color);
1441
1441
  --color: var(--hop-Button-ghost-primary-color);
1442
1442
  --border: var(--hop-Button-ghost-primary-border);
1443
1443
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1444
1444
  }
1445
- .Button-module__hop-Button--ghost-primary___sCs8A[data-hovered],
1446
- .Button-module__hop-Button--ghost-primary___sCs8A[data-focus-visible] {
1445
+ .Button-module__hop-Button--ghost-primary___2dZsC[data-hovered],
1446
+ .Button-module__hop-Button--ghost-primary___2dZsC[data-focus-visible] {
1447
1447
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1448
1448
  --color: var(--hop-Button-ghost-primary-color-hover);
1449
1449
  --border: var(--hop-Button-ghost-primary-border-hover);
1450
1450
  }
1451
- .Button-module__hop-Button--ghost-primary___sCs8A[data-pressed] {
1451
+ .Button-module__hop-Button--ghost-primary___2dZsC[data-pressed] {
1452
1452
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1453
1453
  --color: var(--hop-Button-ghost-primary-color-pressed);
1454
1454
  --border: var(--hop-Button-ghost-primary-border-pressed);
1455
1455
  }
1456
- .Button-module__hop-Button--ghost-secondary___gcUa2 {
1456
+ .Button-module__hop-Button--ghost-secondary___tn5e5 {
1457
1457
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1458
1458
  --color: var(--hop-Button-ghost-secondary-color);
1459
1459
  --border: var(--hop-Button-ghost-secondary-border);
1460
1460
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1461
1461
  }
1462
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-hovered],
1463
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-focus-visible] {
1462
+ .Button-module__hop-Button--ghost-secondary___tn5e5[data-hovered],
1463
+ .Button-module__hop-Button--ghost-secondary___tn5e5[data-focus-visible] {
1464
1464
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1465
1465
  --color: var(--hop-Button-ghost-secondary-color-hover);
1466
1466
  --border: var(--hop-Button-ghost-secondary-border-hover);
1467
1467
  }
1468
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-pressed] {
1468
+ .Button-module__hop-Button--ghost-secondary___tn5e5[data-pressed] {
1469
1469
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1470
1470
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1471
1471
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1472
1472
  }
1473
- .Button-module__hop-Button--ghost-danger___6b-52 {
1473
+ .Button-module__hop-Button--ghost-danger___ojcg4 {
1474
1474
  --background-color: var(--hop-Button-ghost-danger-background-color);
1475
1475
  --color: var(--hop-Button-ghost-danger-color);
1476
1476
  --border: var(--hop-Button-ghost-danger-border);
1477
1477
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1478
1478
  }
1479
- .Button-module__hop-Button--ghost-danger___6b-52[data-hovered],
1480
- .Button-module__hop-Button--ghost-danger___6b-52[data-focus-visible] {
1479
+ .Button-module__hop-Button--ghost-danger___ojcg4[data-hovered],
1480
+ .Button-module__hop-Button--ghost-danger___ojcg4[data-focus-visible] {
1481
1481
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1482
1482
  --color: var(--hop-Button-ghost-danger-color-hover);
1483
1483
  --border: var(--hop-Button-ghost-danger-border-hover);
1484
1484
  }
1485
- .Button-module__hop-Button--ghost-danger___6b-52[data-pressed] {
1485
+ .Button-module__hop-Button--ghost-danger___ojcg4[data-pressed] {
1486
1486
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1487
1487
  --color: var(--hop-Button-ghost-danger-color-pressed);
1488
1488
  --border: var(--hop-Button-ghost-danger-border-pressed);
1489
1489
  }
1490
- .Button-module__hop-Button___jWDy6[data-focus-visible] {
1490
+ .Button-module__hop-Button___nEuHI[data-focus-visible] {
1491
1491
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1492
1492
  }
1493
- .Button-module__hop-Button___jWDy6[data-disabled],
1494
- .Button-module__hop-Button--loading___6sHZ- {
1493
+ .Button-module__hop-Button___nEuHI[data-disabled],
1494
+ .Button-module__hop-Button--loading___AYdL0 {
1495
1495
  cursor: not-allowed;
1496
1496
  }
1497
- .Button-module__hop-Button___jWDy6[data-disabled] {
1497
+ .Button-module__hop-Button___nEuHI[data-disabled] {
1498
1498
  --background-color: var(--hop-Button-background-color-disabled);
1499
1499
  --color: var(--hop-Button-color-disabled);
1500
1500
  --border: var(--hop-Button-border-disabled);
1501
1501
  }
1502
- .Button-module__hop-Button___jWDy6[class*=--ghost][data-disabled] {
1502
+ .Button-module__hop-Button___nEuHI[class*=--ghost][data-disabled] {
1503
1503
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1504
1504
  --color: var(--hop-Button-ghost-color-disabled);
1505
1505
  --border: var(--hop-Button-ghost-border-disabled);
1506
1506
  }
1507
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--primary___K3-DO {
1507
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--primary___Scgow {
1508
1508
  --background-color: var(--hop-Button-primary-background-color);
1509
1509
  --color: var(--hop-Button-primary-color);
1510
1510
  --border: var(--hop-Button-primary-border);
1511
1511
  }
1512
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--secondary___uHzjo {
1512
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--secondary___aE2cR {
1513
1513
  --background-color: var(--hop-Button-secondary-background-color);
1514
1514
  --color: var(--hop-Button-secondary-color);
1515
1515
  --border: var(--hop-Button-secondary-border);
1516
1516
  }
1517
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--upsell___Al-Bi {
1517
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--upsell___9YjEm {
1518
1518
  --background-color: var(--hop-Button-upsell-background-color);
1519
1519
  --color: var(--hop-Button-upsell-color);
1520
1520
  --border: var(--hop-Button-upsell-border);
1521
1521
  }
1522
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--danger___bsuav {
1522
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--danger___cLxF7 {
1523
1523
  --background-color: var(--hop-Button-danger-background-color);
1524
1524
  --color: var(--hop-Button-danger-color);
1525
1525
  --border: var(--hop-Button-danger-border);
1526
1526
  }
1527
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-primary___sCs8A {
1527
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-primary___2dZsC {
1528
1528
  --background-color: var(--hop-Button-ghost-primary-background-color);
1529
1529
  --color: var(--hop-Button-ghost-primary-color);
1530
1530
  --border: var(--hop-Button-ghost-primary-border);
1531
1531
  }
1532
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-secondary___gcUa2 {
1532
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-secondary___tn5e5 {
1533
1533
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1534
1534
  --color: var(--hop-Button-ghost-secondary-color);
1535
1535
  --border: var(--hop-Button-ghost-secondary-border);
1536
1536
  }
1537
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-danger___6b-52 {
1537
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-danger___ojcg4 {
1538
1538
  --background-color: var(--hop-Button-ghost-danger-background-color);
1539
1539
  --color: var(--hop-Button-ghost-danger-color);
1540
1540
  --border: var(--hop-Button-ghost-danger-border);
1541
1541
  }
1542
- .Button-module__hop-Button__Spinner___-eQz9 {
1542
+ .Button-module__hop-Button__Spinner___-4Cjd {
1543
1543
  position: absolute;
1544
1544
  color: var(--spinner-color);
1545
1545
  }
1546
- .Button-module__hop-Button__icon___QfbzU,
1547
- .Button-module__hop-Button__icon-list___92YGY {
1546
+ .Button-module__hop-Button__icon___242RX,
1547
+ .Button-module__hop-Button__icon-list___YRbIZ {
1548
1548
  flex: 0 0 auto;
1549
1549
  justify-self: end;
1550
1550
  order: 1;
1551
1551
  }
1552
- .Button-module__hop-Button__text___8l96e {
1552
+ .Button-module__hop-Button__text___TAmEN {
1553
1553
  user-select: none;
1554
1554
  overflow: visible;
1555
1555
  flex: 0 1 auto;
@@ -1558,59 +1558,59 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
1558
1558
  text-decoration: none;
1559
1559
  text-wrap: nowrap;
1560
1560
  }
1561
- .Button-module__hop-Button__end-icon___2-jUn,
1562
- .Button-module__hop-Button__end-icon-list___KRnDk {
1561
+ .Button-module__hop-Button__end-icon___A15-f,
1562
+ .Button-module__hop-Button__end-icon-list___VLHc3 {
1563
1563
  flex: 0 0 auto;
1564
1564
  order: 3;
1565
1565
  }
1566
- .Button-module__hop-Button___jWDy6 .Button-module__hop-Button__icon-list___92YGY,
1567
- .Button-module__hop-Button___jWDy6 .Button-module__hop-Button__end-icon-list___KRnDk {
1566
+ .Button-module__hop-Button___nEuHI .Button-module__hop-Button__icon-list___YRbIZ,
1567
+ .Button-module__hop-Button___nEuHI .Button-module__hop-Button__end-icon-list___VLHc3 {
1568
1568
  flex-wrap: nowrap;
1569
1569
  }
1570
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button___jWDy6 > *:not(.Button-module__hop-Button__Spinner___-eQz9) {
1570
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button___nEuHI > *:not(.Button-module__hop-Button__Spinner___-4Cjd) {
1571
1571
  opacity: 0;
1572
1572
  }
1573
- .LinkButton-module__hop-LinkButton___5uBP7 {
1573
+ .LinkButton-module__hop-LinkButton___ezWLR {
1574
1574
  }
1575
- .LinkButton-module__hop-LinkButton--fluid___JntvR {
1575
+ .LinkButton-module__hop-LinkButton--fluid___qzYmE {
1576
1576
  }
1577
- .LinkButton-module__hop-LinkButton--xs___OBe0H {
1577
+ .LinkButton-module__hop-LinkButton--xs___jhRql {
1578
1578
  }
1579
- .LinkButton-module__hop-LinkButton--sm___6I7nR {
1579
+ .LinkButton-module__hop-LinkButton--sm___fP4nz {
1580
1580
  }
1581
- .LinkButton-module__hop-LinkButton--icon-only___D4x9- {
1581
+ .LinkButton-module__hop-LinkButton--icon-only___xtZU9 {
1582
1582
  }
1583
- .LinkButton-module__hop-LinkButton--primary___hIrqY {
1583
+ .LinkButton-module__hop-LinkButton--primary___xqSQr {
1584
1584
  }
1585
- .LinkButton-module__hop-LinkButton--secondary___ietEk {
1585
+ .LinkButton-module__hop-LinkButton--secondary___yauZ7 {
1586
1586
  }
1587
- .LinkButton-module__hop-LinkButton--upsell___EuPGq {
1587
+ .LinkButton-module__hop-LinkButton--upsell___ADh4Z {
1588
1588
  }
1589
- .LinkButton-module__hop-LinkButton--danger___gByIg {
1589
+ .LinkButton-module__hop-LinkButton--danger___Zq-vl {
1590
1590
  }
1591
- .LinkButton-module__hop-LinkButton--ghost-primary___YkkSC {
1591
+ .LinkButton-module__hop-LinkButton--ghost-primary___lR2RC {
1592
1592
  }
1593
- .LinkButton-module__hop-LinkButton--ghost-secondary___s4Cql {
1593
+ .LinkButton-module__hop-LinkButton--ghost-secondary___a981Y {
1594
1594
  }
1595
- .LinkButton-module__hop-LinkButton--ghost-danger___VyVZK {
1595
+ .LinkButton-module__hop-LinkButton--ghost-danger___EgXL1 {
1596
1596
  }
1597
- .LinkButton-module__hop-LinkButton__Spinner___gdRdk {
1597
+ .LinkButton-module__hop-LinkButton__Spinner___wxYsj {
1598
1598
  }
1599
- .LinkButton-module__hop-LinkButton__icon___3B0NN,
1600
- .LinkButton-module__hop-LinkButton__icon-list___KxW5F {
1599
+ .LinkButton-module__hop-LinkButton__icon___OYO7R,
1600
+ .LinkButton-module__hop-LinkButton__icon-list___5cR3O {
1601
1601
  }
1602
- .LinkButton-module__hop-LinkButton__text___s6r4L {
1602
+ .LinkButton-module__hop-LinkButton__text___l2Xg5 {
1603
1603
  }
1604
- .LinkButton-module__hop-LinkButton__end-icon___tI4ct,
1605
- .LinkButton-module__hop-LinkButton__end-icon-list___5g-Kp {
1604
+ .LinkButton-module__hop-LinkButton__end-icon___NCKAP,
1605
+ .LinkButton-module__hop-LinkButton__end-icon-list___KAesd {
1606
1606
  }
1607
- .LinkButton-module__hop-LinkButton___5uBP7 .LinkButton-module__hop-LinkButton__icon-list___KxW5F,
1608
- .LinkButton-module__hop-LinkButton___5uBP7 .LinkButton-module__hop-LinkButton__end-icon-list___5g-Kp {
1607
+ .LinkButton-module__hop-LinkButton___ezWLR .LinkButton-module__hop-LinkButton__icon-list___5cR3O,
1608
+ .LinkButton-module__hop-LinkButton___ezWLR .LinkButton-module__hop-LinkButton__end-icon-list___KAesd {
1609
1609
  flex-wrap: nowrap;
1610
1610
  }
1611
1611
 
1612
1612
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1613
- .Button-module__hop-Button___jWDy6 {
1613
+ .Button-module__hop-Button___nEuHI {
1614
1614
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1615
1615
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1616
1616
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1735,213 +1735,213 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
1735
1735
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1736
1736
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1737
1737
  }
1738
- .Button-module__hop-Button--fluid___48XY0 {
1738
+ .Button-module__hop-Button--fluid___q27fH {
1739
1739
  --inline-size: 100%;
1740
1740
  }
1741
- .Button-module__hop-Button--xs___7wnht {
1741
+ .Button-module__hop-Button--xs___ePz1a {
1742
1742
  --block-size: var(--hop-Button-xs-height);
1743
1743
  --padding: var(--hop-Button-xs-padding);
1744
1744
  }
1745
- .Button-module__hop-Button--xs___7wnht[class*=--ghost] {
1745
+ .Button-module__hop-Button--xs___ePz1a[class*=--ghost] {
1746
1746
  --padding: var(--hop-Button-ghost-xs-padding);
1747
1747
  }
1748
- .Button-module__hop-Button--sm___LlrGN {
1748
+ .Button-module__hop-Button--sm___4f7xw {
1749
1749
  --block-size: var(--hop-Button-sm-height);
1750
1750
  --padding: var(--hop-Button-sm-padding);
1751
1751
  }
1752
- .Button-module__hop-Button--sm___LlrGN[class*=--ghost] {
1752
+ .Button-module__hop-Button--sm___4f7xw[class*=--ghost] {
1753
1753
  --padding: var(--hop-Button-ghost-sm-padding);
1754
1754
  }
1755
- .Button-module__hop-Button--md___ygr-w[class*=--ghost] {
1755
+ .Button-module__hop-Button--md___-JvFH[class*=--ghost] {
1756
1756
  --padding: var(--hop-Button-ghost-md-padding);
1757
1757
  }
1758
- .Button-module__hop-Button--icon-only___COLIt {
1758
+ .Button-module__hop-Button--icon-only___XPiq- {
1759
1759
  --column-gap: var(--hop-Button-icon-only-column-gap);
1760
1760
  --padding: var(--hop-Button-icon-only-padding);
1761
1761
  aspect-ratio: 1;
1762
1762
  }
1763
- .Button-module__hop-Button--primary___K3-DO {
1763
+ .Button-module__hop-Button--primary___Scgow {
1764
1764
  --background-color: var(--hop-Button-primary-background-color);
1765
1765
  --color: var(--hop-Button-primary-color);
1766
1766
  --border: var(--hop-Button-primary-border);
1767
1767
  --spinner-color: var(--hop-Button-primary-spinner-color);
1768
1768
  }
1769
- .Button-module__hop-Button--primary___K3-DO[data-hovered],
1770
- .Button-module__hop-Button--primary___K3-DO[data-focus-visible] {
1769
+ .Button-module__hop-Button--primary___Scgow[data-hovered],
1770
+ .Button-module__hop-Button--primary___Scgow[data-focus-visible] {
1771
1771
  --background-color: var(--hop-Button-primary-background-color-hover);
1772
1772
  --color: var(--hop-Button-primary-color-hover);
1773
1773
  --border: var(--hop-Button-primary-border-hover);
1774
1774
  }
1775
- .Button-module__hop-Button--primary___K3-DO[data-pressed] {
1775
+ .Button-module__hop-Button--primary___Scgow[data-pressed] {
1776
1776
  --background-color: var(--hop-Button-primary-background-color-pressed);
1777
1777
  --color: var(--hop-Button-primary-color-pressed);
1778
1778
  --border: var(--hop-Button-primary-border-pressed);
1779
1779
  }
1780
- .Button-module__hop-Button--secondary___uHzjo {
1780
+ .Button-module__hop-Button--secondary___aE2cR {
1781
1781
  --background-color: var(--hop-Button-secondary-background-color);
1782
1782
  --color: var(--hop-Button-secondary-color);
1783
1783
  --border: var(--hop-Button-secondary-border);
1784
1784
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1785
1785
  }
1786
- .Button-module__hop-Button--secondary___uHzjo[data-hovered],
1787
- .Button-module__hop-Button--secondary___uHzjo[data-focus-visible] {
1786
+ .Button-module__hop-Button--secondary___aE2cR[data-hovered],
1787
+ .Button-module__hop-Button--secondary___aE2cR[data-focus-visible] {
1788
1788
  --background-color: var(--hop-Button-secondary-background-color-hover);
1789
1789
  --color: var(--hop-Button-secondary-color-hover);
1790
1790
  --border: var(--hop-Button-secondary-border-hover);
1791
1791
  }
1792
- .Button-module__hop-Button--secondary___uHzjo[data-pressed] {
1792
+ .Button-module__hop-Button--secondary___aE2cR[data-pressed] {
1793
1793
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1794
1794
  --color: var(--hop-Button-secondary-color-pressed);
1795
1795
  --border: var(--hop-Button-secondary-border-pressed);
1796
1796
  }
1797
- .Button-module__hop-Button--upsell___Al-Bi {
1797
+ .Button-module__hop-Button--upsell___9YjEm {
1798
1798
  --background-color: var(--hop-Button-upsell-background-color);
1799
1799
  --color: var(--hop-Button-upsell-color);
1800
1800
  --border: var(--hop-Button-upsell-border);
1801
1801
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1802
1802
  }
1803
- .Button-module__hop-Button--upsell___Al-Bi[data-hovered],
1804
- .Button-module__hop-Button--upsell___Al-Bi[data-focus-visible] {
1803
+ .Button-module__hop-Button--upsell___9YjEm[data-hovered],
1804
+ .Button-module__hop-Button--upsell___9YjEm[data-focus-visible] {
1805
1805
  --background-color: var(--hop-Button-upsell-background-color-hover);
1806
1806
  --color: var(--hop-Button-upsell-color-hover);
1807
1807
  --border: var(--hop-Button-upsell-border-hover);
1808
1808
  }
1809
- .Button-module__hop-Button--upsell___Al-Bi[data-pressed] {
1809
+ .Button-module__hop-Button--upsell___9YjEm[data-pressed] {
1810
1810
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1811
1811
  --color: var(--hop-Button-upsell-color-pressed);
1812
1812
  --border: var(--hop-Button-upsell-border-pressed);
1813
1813
  }
1814
- .Button-module__hop-Button--danger___bsuav {
1814
+ .Button-module__hop-Button--danger___cLxF7 {
1815
1815
  --background-color: var(--hop-Button-danger-background-color);
1816
1816
  --color: var(--hop-Button-danger-color);
1817
1817
  --border: var(--hop-Button-danger-border);
1818
1818
  --spinner-color: var(--hop-Button-danger-spinner-color);
1819
1819
  }
1820
- .Button-module__hop-Button--danger___bsuav[data-hovered],
1821
- .Button-module__hop-Button--danger___bsuav[data-focus-visible] {
1820
+ .Button-module__hop-Button--danger___cLxF7[data-hovered],
1821
+ .Button-module__hop-Button--danger___cLxF7[data-focus-visible] {
1822
1822
  --background-color: var(--hop-Button-danger-background-color-hover);
1823
1823
  --color: var(--hop-Button-danger-color-hover);
1824
1824
  --border: var(--hop-Button-danger-border-hover);
1825
1825
  }
1826
- .Button-module__hop-Button--danger___bsuav[data-pressed] {
1826
+ .Button-module__hop-Button--danger___cLxF7[data-pressed] {
1827
1827
  --background-color: var(--hop-Button-danger-background-color-pressed);
1828
1828
  --color: var(--hop-Button-danger-color-pressed);
1829
1829
  --border: var(--hop-Button-danger-border-pressed);
1830
1830
  }
1831
- .Button-module__hop-Button--ghost-primary___sCs8A {
1831
+ .Button-module__hop-Button--ghost-primary___2dZsC {
1832
1832
  --background-color: var(--hop-Button-ghost-primary-background-color);
1833
1833
  --color: var(--hop-Button-ghost-primary-color);
1834
1834
  --border: var(--hop-Button-ghost-primary-border);
1835
1835
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1836
1836
  }
1837
- .Button-module__hop-Button--ghost-primary___sCs8A[data-hovered],
1838
- .Button-module__hop-Button--ghost-primary___sCs8A[data-focus-visible] {
1837
+ .Button-module__hop-Button--ghost-primary___2dZsC[data-hovered],
1838
+ .Button-module__hop-Button--ghost-primary___2dZsC[data-focus-visible] {
1839
1839
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1840
1840
  --color: var(--hop-Button-ghost-primary-color-hover);
1841
1841
  --border: var(--hop-Button-ghost-primary-border-hover);
1842
1842
  }
1843
- .Button-module__hop-Button--ghost-primary___sCs8A[data-pressed] {
1843
+ .Button-module__hop-Button--ghost-primary___2dZsC[data-pressed] {
1844
1844
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1845
1845
  --color: var(--hop-Button-ghost-primary-color-pressed);
1846
1846
  --border: var(--hop-Button-ghost-primary-border-pressed);
1847
1847
  }
1848
- .Button-module__hop-Button--ghost-secondary___gcUa2 {
1848
+ .Button-module__hop-Button--ghost-secondary___tn5e5 {
1849
1849
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1850
1850
  --color: var(--hop-Button-ghost-secondary-color);
1851
1851
  --border: var(--hop-Button-ghost-secondary-border);
1852
1852
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1853
1853
  }
1854
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-hovered],
1855
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-focus-visible] {
1854
+ .Button-module__hop-Button--ghost-secondary___tn5e5[data-hovered],
1855
+ .Button-module__hop-Button--ghost-secondary___tn5e5[data-focus-visible] {
1856
1856
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1857
1857
  --color: var(--hop-Button-ghost-secondary-color-hover);
1858
1858
  --border: var(--hop-Button-ghost-secondary-border-hover);
1859
1859
  }
1860
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-pressed] {
1860
+ .Button-module__hop-Button--ghost-secondary___tn5e5[data-pressed] {
1861
1861
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1862
1862
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1863
1863
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1864
1864
  }
1865
- .Button-module__hop-Button--ghost-danger___6b-52 {
1865
+ .Button-module__hop-Button--ghost-danger___ojcg4 {
1866
1866
  --background-color: var(--hop-Button-ghost-danger-background-color);
1867
1867
  --color: var(--hop-Button-ghost-danger-color);
1868
1868
  --border: var(--hop-Button-ghost-danger-border);
1869
1869
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1870
1870
  }
1871
- .Button-module__hop-Button--ghost-danger___6b-52[data-hovered],
1872
- .Button-module__hop-Button--ghost-danger___6b-52[data-focus-visible] {
1871
+ .Button-module__hop-Button--ghost-danger___ojcg4[data-hovered],
1872
+ .Button-module__hop-Button--ghost-danger___ojcg4[data-focus-visible] {
1873
1873
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1874
1874
  --color: var(--hop-Button-ghost-danger-color-hover);
1875
1875
  --border: var(--hop-Button-ghost-danger-border-hover);
1876
1876
  }
1877
- .Button-module__hop-Button--ghost-danger___6b-52[data-pressed] {
1877
+ .Button-module__hop-Button--ghost-danger___ojcg4[data-pressed] {
1878
1878
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1879
1879
  --color: var(--hop-Button-ghost-danger-color-pressed);
1880
1880
  --border: var(--hop-Button-ghost-danger-border-pressed);
1881
1881
  }
1882
- .Button-module__hop-Button___jWDy6[data-focus-visible] {
1882
+ .Button-module__hop-Button___nEuHI[data-focus-visible] {
1883
1883
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1884
1884
  }
1885
- .Button-module__hop-Button___jWDy6[data-disabled],
1886
- .Button-module__hop-Button--loading___6sHZ- {
1885
+ .Button-module__hop-Button___nEuHI[data-disabled],
1886
+ .Button-module__hop-Button--loading___AYdL0 {
1887
1887
  cursor: not-allowed;
1888
1888
  }
1889
- .Button-module__hop-Button___jWDy6[data-disabled] {
1889
+ .Button-module__hop-Button___nEuHI[data-disabled] {
1890
1890
  --background-color: var(--hop-Button-background-color-disabled);
1891
1891
  --color: var(--hop-Button-color-disabled);
1892
1892
  --border: var(--hop-Button-border-disabled);
1893
1893
  }
1894
- .Button-module__hop-Button___jWDy6[class*=--ghost][data-disabled] {
1894
+ .Button-module__hop-Button___nEuHI[class*=--ghost][data-disabled] {
1895
1895
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1896
1896
  --color: var(--hop-Button-ghost-color-disabled);
1897
1897
  --border: var(--hop-Button-ghost-border-disabled);
1898
1898
  }
1899
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--primary___K3-DO {
1899
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--primary___Scgow {
1900
1900
  --background-color: var(--hop-Button-primary-background-color);
1901
1901
  --color: var(--hop-Button-primary-color);
1902
1902
  --border: var(--hop-Button-primary-border);
1903
1903
  }
1904
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--secondary___uHzjo {
1904
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--secondary___aE2cR {
1905
1905
  --background-color: var(--hop-Button-secondary-background-color);
1906
1906
  --color: var(--hop-Button-secondary-color);
1907
1907
  --border: var(--hop-Button-secondary-border);
1908
1908
  }
1909
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--upsell___Al-Bi {
1909
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--upsell___9YjEm {
1910
1910
  --background-color: var(--hop-Button-upsell-background-color);
1911
1911
  --color: var(--hop-Button-upsell-color);
1912
1912
  --border: var(--hop-Button-upsell-border);
1913
1913
  }
1914
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--danger___bsuav {
1914
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--danger___cLxF7 {
1915
1915
  --background-color: var(--hop-Button-danger-background-color);
1916
1916
  --color: var(--hop-Button-danger-color);
1917
1917
  --border: var(--hop-Button-danger-border);
1918
1918
  }
1919
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-primary___sCs8A {
1919
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-primary___2dZsC {
1920
1920
  --background-color: var(--hop-Button-ghost-primary-background-color);
1921
1921
  --color: var(--hop-Button-ghost-primary-color);
1922
1922
  --border: var(--hop-Button-ghost-primary-border);
1923
1923
  }
1924
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-secondary___gcUa2 {
1924
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-secondary___tn5e5 {
1925
1925
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1926
1926
  --color: var(--hop-Button-ghost-secondary-color);
1927
1927
  --border: var(--hop-Button-ghost-secondary-border);
1928
1928
  }
1929
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-danger___6b-52 {
1929
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-danger___ojcg4 {
1930
1930
  --background-color: var(--hop-Button-ghost-danger-background-color);
1931
1931
  --color: var(--hop-Button-ghost-danger-color);
1932
1932
  --border: var(--hop-Button-ghost-danger-border);
1933
1933
  }
1934
- .Button-module__hop-Button__Spinner___-eQz9 {
1934
+ .Button-module__hop-Button__Spinner___-4Cjd {
1935
1935
  position: absolute;
1936
1936
  color: var(--spinner-color);
1937
1937
  }
1938
- .Button-module__hop-Button__icon___QfbzU,
1939
- .Button-module__hop-Button__icon-list___92YGY {
1938
+ .Button-module__hop-Button__icon___242RX,
1939
+ .Button-module__hop-Button__icon-list___YRbIZ {
1940
1940
  flex: 0 0 auto;
1941
1941
  justify-self: end;
1942
1942
  order: 1;
1943
1943
  }
1944
- .Button-module__hop-Button__text___8l96e {
1944
+ .Button-module__hop-Button__text___TAmEN {
1945
1945
  user-select: none;
1946
1946
  overflow: visible;
1947
1947
  flex: 0 1 auto;
@@ -1950,19 +1950,19 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
1950
1950
  text-decoration: none;
1951
1951
  text-wrap: nowrap;
1952
1952
  }
1953
- .Button-module__hop-Button__end-icon___2-jUn,
1954
- .Button-module__hop-Button__end-icon-list___KRnDk {
1953
+ .Button-module__hop-Button__end-icon___A15-f,
1954
+ .Button-module__hop-Button__end-icon-list___VLHc3 {
1955
1955
  flex: 0 0 auto;
1956
1956
  order: 3;
1957
1957
  }
1958
- .Button-module__hop-Button___jWDy6 .Button-module__hop-Button__icon-list___92YGY,
1959
- .Button-module__hop-Button___jWDy6 .Button-module__hop-Button__end-icon-list___KRnDk {
1958
+ .Button-module__hop-Button___nEuHI .Button-module__hop-Button__icon-list___YRbIZ,
1959
+ .Button-module__hop-Button___nEuHI .Button-module__hop-Button__end-icon-list___VLHc3 {
1960
1960
  flex-wrap: nowrap;
1961
1961
  }
1962
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button___jWDy6 > *:not(.Button-module__hop-Button__Spinner___-eQz9) {
1962
+ .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button___nEuHI > *:not(.Button-module__hop-Button__Spinner___-4Cjd) {
1963
1963
  opacity: 0;
1964
1964
  }
1965
- .ToggleButton-module__hop-ToggleButton___2j7Hp {
1965
+ .ToggleButton-module__hop-ToggleButton___uRWN6 {
1966
1966
  --hop-ToggleButton-border-size: var(--hop-space-10);
1967
1967
  --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
1968
1968
  --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
@@ -2007,119 +2007,119 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
2007
2007
  --hop-ToggleButton-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
2008
2008
  --hop-ToggleButton-ghost-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-selected);
2009
2009
  }
2010
- .ToggleButton-module__hop-ToggleButton--fluid___QgCH- {
2010
+ .ToggleButton-module__hop-ToggleButton--fluid___RfJ8Z {
2011
2011
  }
2012
- .ToggleButton-module__hop-ToggleButton--xs___HvLN7 {
2012
+ .ToggleButton-module__hop-ToggleButton--xs___g-Ym6 {
2013
2013
  }
2014
- .ToggleButton-module__hop-ToggleButton--sm___SPN4F {
2014
+ .ToggleButton-module__hop-ToggleButton--sm___sms68 {
2015
2015
  }
2016
- .ToggleButton-module__hop-ToggleButton--md___g6Elw {
2016
+ .ToggleButton-module__hop-ToggleButton--md___61fPz {
2017
2017
  }
2018
- .ToggleButton-module__hop-ToggleButton--icon-only___oUDx2 {
2018
+ .ToggleButton-module__hop-ToggleButton--icon-only___BkplF {
2019
2019
  }
2020
- .ToggleButton-module__hop-ToggleButton--primary___qq6-Z {
2020
+ .ToggleButton-module__hop-ToggleButton--primary___z90m6 {
2021
2021
  }
2022
- .ToggleButton-module__hop-ToggleButton--primary___qq6-Z[data-selected] {
2022
+ .ToggleButton-module__hop-ToggleButton--primary___z90m6[data-selected] {
2023
2023
  --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2024
2024
  --color: var(--hop-ToggleButton-primary-color-selected);
2025
2025
  --border: var(--hop-ToggleButton-primary-border-selected);
2026
2026
  }
2027
- .ToggleButton-module__hop-ToggleButton--secondary___esXlx {
2027
+ .ToggleButton-module__hop-ToggleButton--secondary___bM62i {
2028
2028
  }
2029
- .ToggleButton-module__hop-ToggleButton--secondary___esXlx[data-selected] {
2029
+ .ToggleButton-module__hop-ToggleButton--secondary___bM62i[data-selected] {
2030
2030
  --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2031
2031
  --color: var(--hop-ToggleButton-secondary-color-selected);
2032
2032
  --border: var(--hop-ToggleButton-secondary-border-selected);
2033
2033
  }
2034
- .ToggleButton-module__hop-ToggleButton--upsell___udGs5 {
2034
+ .ToggleButton-module__hop-ToggleButton--upsell___kFffc {
2035
2035
  }
2036
- .ToggleButton-module__hop-ToggleButton--upsell___udGs5[data-selected] {
2036
+ .ToggleButton-module__hop-ToggleButton--upsell___kFffc[data-selected] {
2037
2037
  --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2038
2038
  --color: var(--hop-ToggleButton-upsell-color-selected);
2039
2039
  --border: var(--hop-ToggleButton-upsell-border-selected);
2040
2040
  }
2041
- .ToggleButton-module__hop-ToggleButton--danger___QV067 {
2041
+ .ToggleButton-module__hop-ToggleButton--danger___Wk7MF {
2042
2042
  }
2043
- .ToggleButton-module__hop-ToggleButton--danger___QV067[data-selected] {
2043
+ .ToggleButton-module__hop-ToggleButton--danger___Wk7MF[data-selected] {
2044
2044
  --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2045
2045
  --color: var(--hop-ToggleButton-danger-color-selected);
2046
2046
  --border: var(--hop-ToggleButton-danger-border-selected);
2047
2047
  }
2048
- .ToggleButton-module__hop-ToggleButton--ghost-primary___UfnbT {
2048
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___Zz8EP {
2049
2049
  }
2050
- .ToggleButton-module__hop-ToggleButton--ghost-primary___UfnbT[data-selected] {
2050
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___Zz8EP[data-selected] {
2051
2051
  --background-color: var(--hop-ToggleButton-ghost-primary-background-color-selected);
2052
2052
  --color: var(--hop-ToggleButton-ghost-primary-color-selected);
2053
2053
  --border: var(--hop-ToggleButton-ghost-primary-border-selected);
2054
2054
  }
2055
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___hpdcz {
2055
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___IaoO5 {
2056
2056
  }
2057
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___hpdcz[data-selected] {
2057
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___IaoO5[data-selected] {
2058
2058
  --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2059
2059
  --color: var(--hop-ToggleButton-ghost-secondary-color-selected);
2060
2060
  --border: var(--hop-ToggleButton-ghost-secondary-border-selected);
2061
2061
  }
2062
- .ToggleButton-module__hop-ToggleButton--ghost-danger___PwEO- {
2062
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Cu-Jy {
2063
2063
  }
2064
- .ToggleButton-module__hop-ToggleButton--ghost-danger___PwEO-[data-selected] {
2064
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___Cu-Jy[data-selected] {
2065
2065
  --background-color: var(--hop-ToggleButton-ghost-danger-background-color-selected);
2066
2066
  --color: var(--hop-ToggleButton-ghost-danger-color-selected);
2067
2067
  --border: var(--hop-ToggleButton-ghost-danger-border-selected);
2068
2068
  }
2069
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--primary___qq6-Z {
2069
+ .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--primary___z90m6 {
2070
2070
  --background-color: var(--hop-ToggleButton-primary-background-color);
2071
2071
  --color: var(--hop-ToggleButton-primary-color);
2072
2072
  --border: var(--hop-ToggleButton-primary-border);
2073
2073
  }
2074
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--secondary___esXlx {
2074
+ .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--secondary___bM62i {
2075
2075
  --background-color: var(--hop-ToggleButton-secondary-background-color);
2076
2076
  --color: var(--hop-ToggleButton-secondary-color);
2077
2077
  --border: var(--hop-ToggleButton-secondary-border);
2078
2078
  }
2079
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--upsell___udGs5 {
2079
+ .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--upsell___kFffc {
2080
2080
  --background-color: var(--hop-ToggleButton-upsell-background-color);
2081
2081
  --color: var(--hop-ToggleButton-upsell-color);
2082
2082
  --border: var(--hop-ToggleButton-upsell-border);
2083
2083
  }
2084
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--danger___QV067 {
2084
+ .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--danger___Wk7MF {
2085
2085
  --background-color: var(--hop-ToggleButton-danger-background-color);
2086
2086
  --color: var(--hop-ToggleButton-danger-color);
2087
2087
  --border: var(--hop-ToggleButton-danger-border);
2088
2088
  }
2089
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--ghost-primary___UfnbT {
2089
+ .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--ghost-primary___Zz8EP {
2090
2090
  --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2091
2091
  --color: var(--hop-ToggleButton-ghost-primary-color);
2092
2092
  --border: var(--hop-ToggleButton-ghost-primary-border);
2093
2093
  }
2094
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--ghost-secondary___hpdcz {
2094
+ .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--ghost-secondary___IaoO5 {
2095
2095
  --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2096
2096
  --color: var(--hop-ToggleButton-ghost-secondary-color);
2097
2097
  --border: var(--hop-ToggleButton-ghost-secondary-border);
2098
2098
  }
2099
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--ghost-danger___PwEO- {
2099
+ .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--ghost-danger___Cu-Jy {
2100
2100
  --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2101
2101
  --color: var(--hop-ToggleButton-ghost-danger-color);
2102
2102
  --border: var(--hop-ToggleButton-ghost-danger-border);
2103
2103
  }
2104
- .ToggleButton-module__hop-ToggleButton__Spinner___BN4yb {
2104
+ .ToggleButton-module__hop-ToggleButton__Spinner___Zrm6P {
2105
2105
  }
2106
- .ToggleButton-module__hop-ToggleButton__icon___JyfET,
2107
- .ToggleButton-module__hop-ToggleButton__icon-list___nnp-Q {
2106
+ .ToggleButton-module__hop-ToggleButton__icon___KK-RV,
2107
+ .ToggleButton-module__hop-ToggleButton__icon-list___fZ-I0 {
2108
2108
  }
2109
- .ToggleButton-module__hop-ToggleButton__text___2-YuS {
2109
+ .ToggleButton-module__hop-ToggleButton__text___6FNe1 {
2110
2110
  }
2111
- .ToggleButton-module__hop-ToggleButton__end-icon___-eNjh,
2112
- .ToggleButton-module__hop-ToggleButton__end-icon-list___eVVFE {
2111
+ .ToggleButton-module__hop-ToggleButton__end-icon___Z5a0G,
2112
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___AE9uR {
2113
2113
  }
2114
- .ToggleButton-module__hop-ToggleButton__icon-list___nnp-Q,
2115
- .ToggleButton-module__hop-ToggleButton__end-icon-list___eVVFE {
2114
+ .ToggleButton-module__hop-ToggleButton__icon-list___fZ-I0,
2115
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___AE9uR {
2116
2116
  }
2117
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton___2j7Hp > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___BN4yb) {
2117
+ .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton___uRWN6 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___Zrm6P) {
2118
2118
  opacity: 0;
2119
2119
  }
2120
2120
 
2121
2121
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/BaseModal.module.css/#css-module-data */
2122
- .BaseModal-module__hop-BaseModal___Yrh3- {
2122
+ .BaseModal-module__hop-BaseModal___Ql1rj {
2123
2123
  --hop-BaseModal-isolation: isolate;
2124
2124
  --hop-BaseModal-position: fixed;
2125
2125
  --hop-BaseModal-inset: 0;
@@ -2139,7 +2139,6 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
2139
2139
  --hop-BaseModal-line-height: var(--hop-body-md-line-height);
2140
2140
  --hop-BaseModal-font-smoothing: antialiased;
2141
2141
  --hop-BaseModal-color: var(--hop-neutral-text);
2142
- --hop-basemodal-exiting-opacity: 0;
2143
2142
  isolation: var(--hop-BaseModal-isolation);
2144
2143
  position: var(--hop-BaseModal-position);
2145
2144
  z-index: var(--hop-BaseModal-z-index);
@@ -2159,93 +2158,27 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
2159
2158
  line-height: var(--hop-BaseModal-line-height);
2160
2159
  color: var(--hop-BaseModal-color);
2161
2160
  background-color: var(--hop-BaseModal-background-color);
2162
- transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2163
2161
  }
2164
- .BaseModal-module__hop-BaseModal__modal___2K2WL {
2162
+ .BaseModal-module__hop-BaseModal__modal___CFSoD {
2165
2163
  --hop-BaseModal__modal-display: flex;
2166
2164
  --hop-BaseModal__modal-flex-direction: column;
2167
2165
  --hop-BaseModal__modal-max-inline-size: 90dvw;
2168
2166
  --hop-BaseModal__modal-max-block-size: 90dvh;
2169
2167
  --hop-BaseModal__modal-background: var(--hop-neutral-surface);
2170
2168
  --hop-BaseModal__modal-border-radius: var(--hop-shape-rounded-md);
2171
- --hop-BaseModal__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);
2172
- --hop-BaseModal__modal-entering-opacity: 0;
2173
- --hop-BaseModal__modal-entering-transform: translateY(1.25rem);
2174
- --hop-BaseModal__modal-exiting-opacity: 0;
2175
- --hop-BaseModal__modal-exiting-transition: opacity var(--hop-easing-duration-1) ease-in-out 0, transform var(--hop-easing-duration-1) ease-in-out 0;
2176
- --hop-BaseModal__modal-sm-width: 28.75rem;
2177
- --hop-BaseModal__modal-md-width: 36.5rem;
2178
- --hop-BaseModal__modal-lg-width: 41.5rem;
2179
- --hop-BaseModal__modal-xl-width: 50rem;
2180
- --hop-BaseModal__modal-fullscreen-max-width: none;
2181
- --hop-BaseModal__modal-fullscreen-max-height: none;
2182
- --hop-BaseModal__modal-fullscreen-width: calc(100dvw - 2.5rem);
2183
- --hop-BaseModal__modal-fullscreen-height: calc(100dvh - 2.5rem);
2184
- --hop-BaseModal__modal-fullscreentakeover-width: 100dvw;
2185
- --hop-BaseModal__modal-fullscreentakeover-height: 100dvh;
2186
- --hop-BaseModal__modal-fullscreentakeover-border-radius: 0;
2187
2169
  --border-radius: var(--hop-BaseModal__modal-border-radius);
2188
2170
  --max-inline-size: var(--hop-BaseModal__modal-max-inline-size);
2189
2171
  --max-block-size: var(--hop-BaseModal__modal-max-block-size);
2190
- --image-size: 0rem;
2191
2172
  display: var(--hop-BaseModal__modal-display);
2192
2173
  flex-direction: var(--hop-BaseModal__modal-flex-direction);
2193
- inline-size: var(--width);
2194
2174
  max-inline-size: var(--max-inline-size);
2195
- block-size: var(--height);
2196
2175
  max-block-size: var(--max-block-size);
2197
2176
  background: var(--hop-BaseModal__modal-background);
2198
2177
  border-radius: var(--border-radius);
2199
- transition: var(--hop-BaseModal__modal-transition);
2200
- }
2201
- @media screen and (min-width: 48rem) {
2202
- .BaseModal-module__hop-BaseModal--image___C-Vg6 .BaseModal-module__hop-BaseModal__modal___2K2WL {
2203
- --image-size: 16rem;
2204
- }
2205
- }
2206
- .BaseModal-module__hop-BaseModal___Yrh3-[data-entering] {
2207
- opacity: var(--hop-BaseModal-entering-opacity);
2208
- }
2209
- .BaseModal-module__hop-BaseModal___Yrh3-[data-entering] .BaseModal-module__hop-BaseModal__modal___2K2WL {
2210
- transform: var(--hop-BaseModal__modal-entering-transform);
2211
- opacity: var(--hop-BaseModal__modal-entering-opacity);
2212
- }
2213
- .BaseModal-module__hop-BaseModal___Yrh3-[data-exiting] {
2214
- opacity: var(--hop-BaseModal-exiting-opacity);
2215
- }
2216
- .BaseModal-module__hop-BaseModal___Yrh3-[data-exiting] .BaseModal-module__hop-BaseModal__modal___2K2WL {
2217
- opacity: var(--hop-BaseModal__modal-exiting-opacity);
2218
- transition: var(--hop-BaseModal__modal-exiting-transition);
2219
- }
2220
- .BaseModal-module__hop-BaseModal--sm___kJPW- .BaseModal-module__hop-BaseModal__modal___2K2WL {
2221
- --width: calc(var(--image-size) + var(--hop-BaseModal__modal-sm-width));
2222
- }
2223
- .BaseModal-module__hop-BaseModal--md___QMtXb .BaseModal-module__hop-BaseModal__modal___2K2WL {
2224
- --width: calc(var(--image-size) + var(--hop-BaseModal__modal-md-width));
2225
- }
2226
- .BaseModal-module__hop-BaseModal--lg___MGNfN .BaseModal-module__hop-BaseModal__modal___2K2WL {
2227
- --width: calc(var(--image-size) + var(--hop-BaseModal__modal-lg-width));
2228
- }
2229
- .BaseModal-module__hop-BaseModal--xl___Ie-gP .BaseModal-module__hop-BaseModal__modal___2K2WL {
2230
- --width: calc(var(--image-size) + var(--hop-BaseModal__modal-xl-width));
2231
- }
2232
- .BaseModal-module__hop-BaseModal--fullscreen___YsqC1 .BaseModal-module__hop-BaseModal__modal___2K2WL {
2233
- --width: var(--hop-BaseModal__modal-fullscreen-width);
2234
- --height: var(--hop-BaseModal__modal-fullscreen-height);
2235
- }
2236
- .BaseModal-module__hop-BaseModal--fullscreentakeover___ixBUR .BaseModal-module__hop-BaseModal__modal___2K2WL {
2237
- --width: var(--hop-BaseModal__modal-fullscreentakeover-width);
2238
- --height: var(--hop-BaseModal__modal-fullscreentakeover-height);
2239
- --border-radius: var(--hop-BaseModal__modal-fullscreentakeover-border-radius);
2240
- }
2241
- .BaseModal-module__hop-BaseModal--fullscreen___YsqC1 .BaseModal-module__hop-BaseModal__modal___2K2WL,
2242
- .BaseModal-module__hop-BaseModal--fullscreentakeover___ixBUR .BaseModal-module__hop-BaseModal__modal___2K2WL {
2243
- --max-inline-size: var(--hop-BaseModal__modal-fullscreen-max-width);
2244
- --max-block-size: var(--hop-BaseModal__modal-fullscreen-max-height);
2245
2178
  }
2246
2179
 
2247
2180
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/CustomModal.module.css/#css-module-data */
2248
- .CustomModal-module__hop-CustomModal___4b1OU {
2181
+ .CustomModal-module__hop-CustomModal___QSgJ8 {
2249
2182
  --hop-CustomModal-overflow: auto;
2250
2183
  --hop-CustomModal-box-sizing: border-box;
2251
2184
  --hop-CustomModal-outline: none;
@@ -2257,23 +2190,86 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
2257
2190
  border-radius: inherit;
2258
2191
  outline: var(--hop-CustomModal-outline);
2259
2192
  }
2193
+ .CustomModal-module__hop-CustomModal__base-modal___uYiCs {
2194
+ --hop-CustomModal__base-modal-sm-width: 28.75rem;
2195
+ --hop-CustomModal__base-modal-md-width: 36.5rem;
2196
+ --hop-CustomModal__base-modal-lg-width: 41.5rem;
2197
+ --hop-CustomModal__base-modal-xl-width: 50rem;
2198
+ --hop-CustomModal__base-modal-fullscreen-max-width: none;
2199
+ --hop-CustomModal__base-modal-fullscreen-max-height: none;
2200
+ --hop-CustomModal__base-modal-fullscreen-width: calc(100dvw - 2.5rem);
2201
+ --hop-CustomModal__base-modal-fullscreen-height: calc(100dvh - 2.5rem);
2202
+ --hop-CustomModal__base-modal-fullscreentakeover-width: 100dvw;
2203
+ --hop-CustomModal__base-modal-fullscreentakeover-height: 100dvh;
2204
+ --hop-CustomModal__base-modal-fullscreentakeover-border-radius: 0;
2205
+ --hop-CustomModal__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);
2206
+ --hop-CustomModal__base-modal-entering-opacity: 0;
2207
+ --hop-CustomModal__base-modal-entering-transform: translateY(1.25rem);
2208
+ --hop-CustomModal__base-modal-exiting-opacity: 0;
2209
+ --hop-CustomModal__base-modal-exiting-transition: opacity var(--hop-easing-duration-1) ease-in-out 0, transform var(--hop-easing-duration-1) ease-in-out 0;
2210
+ inline-size: var(--width);
2211
+ block-size: var(--height);
2212
+ transition: var(--hop-CustomModal__base-modal-transition);
2213
+ }
2214
+ .CustomModal-module__hop-CustomModal__base-modal--sm___-QV6q {
2215
+ --width: var(--hop-CustomModal__base-modal-sm-width);
2216
+ }
2217
+ .CustomModal-module__hop-CustomModal__base-modal--md___smKY2 {
2218
+ --width: var(--hop-CustomModal__base-modal-md-width);
2219
+ }
2220
+ .CustomModal-module__hop-CustomModal__base-modal--lg___mm-FB {
2221
+ --width: var(--hop-CustomModal__base-modal-lg-width);
2222
+ }
2223
+ .CustomModal-module__hop-CustomModal__base-modal--xl___ZT4Zp {
2224
+ --width: var(--hop-CustomModal__base-modal-xl-width);
2225
+ }
2226
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreen___Gd-kD {
2227
+ --width: var(--hop-CustomModal__base-modal-fullscreen-width);
2228
+ --height: var(--hop-CustomModal__base-modal-fullscreen-height);
2229
+ }
2230
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___mpKDN {
2231
+ --width: var(--hop-CustomModal__base-modal-fullscreentakeover-width);
2232
+ --height: var(--hop-CustomModal__base-modal-fullscreentakeover-height);
2233
+ --border-radius: var(--hop-CustomModal__base-modal-fullscreentakeover-border-radius);
2234
+ }
2235
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreen___Gd-kD,
2236
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___mpKDN {
2237
+ --max-inline-size: var(--hop-CustomModal__base-modal-fullscreen-max-width);
2238
+ --max-block-size: var(--hop-CustomModal__base-modal-fullscreen-max-height);
2239
+ }
2240
+ .CustomModal-module__hop-CustomModal__overlay___RDRq9[data-entering] .CustomModal-module__hop-CustomModal__base-modal___uYiCs {
2241
+ transform: var(--hop-CustomModal__base-modal-entering-transform);
2242
+ opacity: var(--hop-CustomModal__base-modal-entering-opacity);
2243
+ }
2244
+ .CustomModal-module__hop-CustomModal__overlay___RDRq9[data-exiting] .CustomModal-module__hop-CustomModal__base-modal___uYiCs {
2245
+ opacity: var(--hop-CustomModal__base-modal-exiting-opacity);
2246
+ transition: var(--hop-CustomModal__base-modal-exiting-transition);
2247
+ }
2248
+ .CustomModal-module__hop-CustomModal__overlay___RDRq9[data-entering]:has(.CustomModal-module__hop-CustomModal__base-modal___uYiCs) {
2249
+ opacity: 0;
2250
+ transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2251
+ }
2252
+ .CustomModal-module__hop-CustomModal__overlay___RDRq9[data-exiting]:has(.CustomModal-module__hop-CustomModal__base-modal___uYiCs) {
2253
+ opacity: 0;
2254
+ transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2255
+ }
2260
2256
 
2261
2257
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/Image.module.css/#css-module-data */
2262
- .Image-module__hop-Image___aOplM {
2258
+ .Image-module__hop-Image___R-wdb {
2263
2259
  display: block;
2264
2260
  max-inline-size: 100%;
2265
2261
  block-size: auto;
2266
2262
  vertical-align: middle;
2267
2263
  }
2268
- .Image-module__hop-Image--rounded___QzwXT {
2264
+ .Image-module__hop-Image--rounded___z18De {
2269
2265
  border-radius: var(--hop-shape-rounded-md);
2270
2266
  }
2271
- .Image-module__hop-Image--circular___Fs2o3 {
2267
+ .Image-module__hop-Image--circular___f40p- {
2272
2268
  border-radius: var(--hop-shape-circle);
2273
2269
  }
2274
2270
 
2275
2271
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/SvgImage.module.css/#css-module-data */
2276
- .SvgImage-module__hop-SvgImage___kztTt {
2272
+ .SvgImage-module__hop-SvgImage___Zmadx {
2277
2273
  display: block;
2278
2274
  max-inline-size: 100%;
2279
2275
  block-size: auto;
@@ -2281,7 +2277,7 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
2281
2277
  }
2282
2278
 
2283
2279
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/Modal.module.css/#css-module-data */
2284
- .Modal-module__hop-Modal___FQq5- {
2280
+ .Modal-module__hop-Modal___4NsVx {
2285
2281
  --hop-Modal-position: relative;
2286
2282
  --hop-Modal-overflow: auto;
2287
2283
  --hop-Modal-display: grid;
@@ -2306,33 +2302,33 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
2306
2302
  border-radius: inherit;
2307
2303
  outline: var(--hop-Modal-outline);
2308
2304
  }
2309
- .Modal-module__hop-Modal__top-container___f2pQl {
2305
+ .Modal-module__hop-Modal__top-container___vXlmB {
2310
2306
  display: grid;
2311
2307
  grid-area: top;
2312
2308
  grid-template: "heading header" auto / 1fr auto;
2313
2309
  }
2314
- .Modal-module__hop-Modal__bottom-container___XKj6O {
2310
+ .Modal-module__hop-Modal__bottom-container___5L3iI {
2315
2311
  display: grid;
2316
2312
  grid-area: bottom;
2317
2313
  grid-template: "footer buttons" auto / 1fr auto;
2318
2314
  }
2319
- .Modal-module__hop-Modal___FQq5-:not(.Modal-module__hop-Modal--has-image___QHY50) {
2315
+ .Modal-module__hop-Modal___4NsVx:not(.Modal-module__hop-Modal--has-image___ellC5) {
2320
2316
  --grid-template: "top top" auto "content content" 1fr "bottom bottom" auto / auto auto;
2321
2317
  }
2322
2318
  @media screen and (min-width: 49rem) {
2323
- .Modal-module__hop-Modal___FQq5-:not(.Modal-module__hop-Modal--has-image___QHY50, .Modal-module__hop-Modal--fullscreen___swlSC, .Modal-module__hop-Modal--fullscreenTakeover___wTU58) {
2319
+ .Modal-module__hop-Modal___4NsVx:not(.Modal-module__hop-Modal--has-image___ellC5, .Modal-module__hop-Modal--fullscreen___XcQd-, .Modal-module__hop-Modal--fullscreenTakeover___W5Qk4) {
2324
2320
  --grid-template: "top top" auto "content content" auto "bottom bottom" auto / auto auto;
2325
2321
  }
2326
- .Modal-module__hop-Modal___FQq5-.Modal-module__hop-Modal--has-image___QHY50:not(.Modal-module__hop-Modal--fullscreen___swlSC, .Modal-module__hop-Modal--fullscreenTakeover___wTU58) {
2322
+ .Modal-module__hop-Modal___4NsVx.Modal-module__hop-Modal--has-image___ellC5:not(.Modal-module__hop-Modal--fullscreen___XcQd-, .Modal-module__hop-Modal--fullscreenTakeover___W5Qk4) {
2327
2323
  --grid-template: var(--hop-Modal-large-grid-template);
2328
2324
  }
2329
2325
  }
2330
- .Modal-module__hop-Modal__close___lXVjO {
2326
+ .Modal-module__hop-Modal__close___wd9l4 {
2331
2327
  position: absolute;
2332
2328
  inset-block-start: var(--hop-Modal-margin);
2333
2329
  inset-inline-end: var(--hop-Modal-margin);
2334
2330
  }
2335
- .Modal-module__hop-Modal___FQq5- > .Modal-module__hop-Modal__image___9zTPA {
2331
+ .Modal-module__hop-Modal___4NsVx > .Modal-module__hop-Modal__image___WzLbl {
2336
2332
  --hop-Modal-image-inline-size: 100%;
2337
2333
  --hop-Modal-image-block-size: 100%;
2338
2334
  --hop-Modal-image-object-fit: cover;
@@ -2341,18 +2337,18 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
2341
2337
  block-size: var(--hop-Modal-image-block-size);
2342
2338
  object-fit: var(--hop-Modal-image-object-fit);
2343
2339
  }
2344
- .Modal-module__hop-Modal__heading___Rep30 {
2340
+ .Modal-module__hop-Modal__heading___6-sFG {
2345
2341
  grid-area: heading;
2346
2342
  margin-block-start: var(--hop-Modal-margin);
2347
2343
  margin-inline: var(--hop-Modal-margin);
2348
2344
  }
2349
- .Modal-module__hop-Modal__header___mmRV2 {
2345
+ .Modal-module__hop-Modal__header___1fkXy {
2350
2346
  grid-area: header;
2351
2347
  place-self: center end;
2352
2348
  margin-block-start: var(--hop-Modal-margin);
2353
2349
  margin-inline-start: var(--hop-Modal-margin);
2354
2350
  }
2355
- .Modal-module__hop-Modal__content___bZwSw {
2351
+ .Modal-module__hop-Modal__content___hFnCq {
2356
2352
  overflow-y: auto;
2357
2353
  grid-area: content;
2358
2354
  margin: var(--hop-Modal-margin);
@@ -2362,52 +2358,121 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
2362
2358
  line-height: var(--hop-Modal-content-line-height);
2363
2359
  }
2364
2360
  @media (max-height: 24rem) {
2365
- .Modal-module__hop-Modal__content___bZwSw {
2361
+ .Modal-module__hop-Modal__content___hFnCq {
2366
2362
  overflow-y: visible;
2367
2363
  }
2368
2364
  }
2369
- .Modal-module__hop-Modal__footer___910ZS {
2365
+ .Modal-module__hop-Modal__footer___kazfD {
2370
2366
  grid-area: footer;
2371
2367
  align-self: center;
2372
2368
  margin-block-end: var(--hop-Modal-margin);
2373
2369
  margin-inline: var(--hop-Modal-margin);
2374
2370
  }
2375
- .Modal-module__hop-Modal__button___VyQTB {
2371
+ .Modal-module__hop-Modal__button___2q-gR {
2376
2372
  grid-area: buttons;
2377
2373
  place-self: center end;
2378
2374
  margin-block-end: var(--hop-Modal-margin);
2379
2375
  margin-inline: var(--hop-Modal-margin);
2380
2376
  }
2381
- .Modal-module__hop-Modal__button-group___agwGy {
2377
+ .Modal-module__hop-Modal__button-group___GhyV8 {
2382
2378
  grid-area: buttons;
2383
2379
  flex-wrap: nowrap;
2384
2380
  place-self: center end;
2385
2381
  margin-block-end: var(--hop-Modal-margin);
2386
2382
  margin-inline: var(--hop-Modal-margin);
2387
2383
  }
2388
- .Modal-module__hop-Modal___FQq5-:has(.Modal-module__hop-Modal__close___lXVjO) > .Modal-module__hop-Modal__top-container___f2pQl {
2384
+ .Modal-module__hop-Modal___4NsVx:has(.Modal-module__hop-Modal__close___wd9l4) > .Modal-module__hop-Modal__top-container___vXlmB {
2389
2385
  margin-inline-end: calc(var(--hop-Modal-margin) + var(--hop-space-inline-md) + 1.5rem);
2390
2386
  }
2391
- .Modal-module__hop-Modal___FQq5-.Modal-module__hop-Modal--has-image___QHY50:has(.Modal-module__hop-Modal__close___lXVjO).Modal-module__hop-Modal--fullscreen___swlSC > .Modal-module__hop-Modal__top-container___f2pQl,
2392
- .Modal-module__hop-Modal___FQq5-.Modal-module__hop-Modal--has-image___QHY50:has(.Modal-module__hop-Modal__close___lXVjO).Modal-module__hop-Modal--fullscreenTakeover___wTU58 > .Modal-module__hop-Modal__top-container___f2pQl {
2387
+ .Modal-module__hop-Modal___4NsVx.Modal-module__hop-Modal--has-image___ellC5:has(.Modal-module__hop-Modal__close___wd9l4).Modal-module__hop-Modal--fullscreen___XcQd- > .Modal-module__hop-Modal__top-container___vXlmB,
2388
+ .Modal-module__hop-Modal___4NsVx.Modal-module__hop-Modal--has-image___ellC5:has(.Modal-module__hop-Modal__close___wd9l4).Modal-module__hop-Modal--fullscreenTakeover___W5Qk4 > .Modal-module__hop-Modal__top-container___vXlmB {
2393
2389
  margin-inline-end: var(--hop-Modal-margin);
2394
2390
  }
2395
2391
  @media screen and (max-width: 48rem) {
2396
- .Modal-module__hop-Modal___FQq5-:has(.Modal-module__hop-Modal__close___lXVjO).Modal-module__hop-Modal--has-image___QHY50 > .Modal-module__hop-Modal__header___mmRV2,
2397
- .Modal-module__hop-Modal___FQq5-:has(.Modal-module__hop-Modal__close___lXVjO).Modal-module__hop-Modal--has-image___QHY50 > .Modal-module__hop-Modal__heading___Rep30 {
2392
+ .Modal-module__hop-Modal___4NsVx:has(.Modal-module__hop-Modal__close___wd9l4).Modal-module__hop-Modal--has-image___ellC5 > .Modal-module__hop-Modal__header___1fkXy,
2393
+ .Modal-module__hop-Modal___4NsVx:has(.Modal-module__hop-Modal__close___wd9l4).Modal-module__hop-Modal--has-image___ellC5 > .Modal-module__hop-Modal__heading___6-sFG {
2398
2394
  margin-inline-end: var(--hop-Modal-margin);
2399
2395
  }
2400
2396
  }
2401
- .Modal-module__hop-Modal__top-container___f2pQl:has(> .Modal-module__hop-Modal__header___mmRV2) > .Modal-module__hop-Modal__heading___Rep30 {
2397
+ .Modal-module__hop-Modal__top-container___vXlmB:has(> .Modal-module__hop-Modal__header___1fkXy) > .Modal-module__hop-Modal__heading___6-sFG {
2402
2398
  margin-inline-end: 0;
2403
2399
  }
2404
- .Modal-module__hop-Modal__bottom-container___XKj6O:has(> .Modal-module__hop-Modal__button___VyQTB) > .Modal-module__hop-Modal__footer___910ZS,
2405
- .Modal-module__hop-Modal__bottom-container___XKj6O:has(> .Modal-module__hop-Modal__button-group___agwGy) > .Modal-module__hop-Modal__footer___910ZS {
2400
+ .Modal-module__hop-Modal__bottom-container___5L3iI:has(> .Modal-module__hop-Modal__button___2q-gR) > .Modal-module__hop-Modal__footer___kazfD,
2401
+ .Modal-module__hop-Modal__bottom-container___5L3iI:has(> .Modal-module__hop-Modal__button-group___GhyV8) > .Modal-module__hop-Modal__footer___kazfD {
2406
2402
  margin-inline-end: 0;
2407
2403
  }
2404
+ .Modal-module__hop-Modal__base-modal___ZET-r {
2405
+ --hop-Modal__base-modal-sm-width: 28.75rem;
2406
+ --hop-Modal__base-modal-md-width: 36.5rem;
2407
+ --hop-Modal__base-modal-lg-width: 41.5rem;
2408
+ --hop-Modal__base-modal-xl-width: 50rem;
2409
+ --hop-Modal__base-modal-fullscreen-max-width: none;
2410
+ --hop-Modal__base-modal-fullscreen-max-height: none;
2411
+ --hop-Modal__base-modal-fullscreen-width: calc(100dvw - 2.5rem);
2412
+ --hop-Modal__base-modal-fullscreen-height: calc(100dvh - 2.5rem);
2413
+ --hop-Modal__base-modal-fullscreentakeover-width: 100dvw;
2414
+ --hop-Modal__base-modal-fullscreentakeover-height: 100dvh;
2415
+ --hop-Modal__base-modal-fullscreentakeover-border-radius: 0;
2416
+ --image-size: 0rem;
2417
+ --hop-Modal__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);
2418
+ --hop-Modal__base-modal-entering-opacity: 0;
2419
+ --hop-Modal__base-modal-entering-transform: translateY(1.25rem);
2420
+ --hop-Modal__base-modal-exiting-opacity: 0;
2421
+ --hop-Modal__base-modal-exiting-transition: opacity var(--hop-easing-duration-1) ease-in-out 0, transform var(--hop-easing-duration-1) ease-in-out 0;
2422
+ inline-size: var(--width);
2423
+ block-size: var(--height);
2424
+ transition: var(--hop-Modal__base-modal-transition);
2425
+ }
2426
+ @media screen and (min-width: 48rem) {
2427
+ .Modal-module__hop-Modal__base-modal--has-image___yCs-S {
2428
+ --image-size: 16rem;
2429
+ }
2430
+ }
2431
+ .Modal-module__hop-Modal__base-modal--sm___W6Rq3 {
2432
+ --width: calc(var(--image-size) + var(--hop-Modal__base-modal-sm-width));
2433
+ }
2434
+ .Modal-module__hop-Modal__base-modal--md___JszwA {
2435
+ --width: calc(var(--image-size) + var(--hop-Modal__base-modal-md-width));
2436
+ }
2437
+ .Modal-module__hop-Modal__base-modal--lg___S6GGb {
2438
+ --width: calc(var(--image-size) + var(--hop-Modal__base-modal-lg-width));
2439
+ }
2440
+ .Modal-module__hop-Modal__base-modal--xl___vrUTG {
2441
+ --width: calc(var(--image-size) + var(--hop-Modal__base-modal-xl-width));
2442
+ }
2443
+ .Modal-module__hop-Modal__base-modal--fullscreen___-Kgtk {
2444
+ --width: var(--hop-Modal__base-modal-fullscreen-width);
2445
+ --height: var(--hop-Modal__base-modal-fullscreen-height);
2446
+ }
2447
+ .Modal-module__hop-Modal__base-modal--fullscreenTakeover___r5-zd {
2448
+ --width: var(--hop-Modal__base-modal-fullscreentakeover-width);
2449
+ --height: var(--hop-Modal__base-modal-fullscreentakeover-height);
2450
+ --border-radius: var(--hop-Modal__base-modal-fullscreentakeover-border-radius);
2451
+ }
2452
+ .Modal-module__hop-Modal__base-modal--fullscreen___-Kgtk,
2453
+ .Modal-module__hop-Modal__base-modal--fullscreenTakeover___r5-zd {
2454
+ --max-inline-size: var(--hop-Modal__base-modal-fullscreen-max-width);
2455
+ --max-block-size: var(--hop-Modal__base-modal-fullscreen-max-height);
2456
+ }
2457
+ .Modal-module__hop-Modal__overlay___nlfk4[data-entering] .Modal-module__hop-Modal__base-modal___ZET-r {
2458
+ transform: var(--hop-Modal__base-modal-entering-transform);
2459
+ opacity: var(--hop-Modal__base-modal-entering-opacity);
2460
+ }
2461
+ .Modal-module__hop-Modal__overlay___nlfk4[data-exiting] .Modal-module__hop-Modal__base-modal___ZET-r {
2462
+ opacity: var(--hop-Modal__base-modal-exiting-opacity);
2463
+ transition: var(--hop-Modal__base-modal-exiting-transition);
2464
+ }
2465
+ .Modal-module__hop-Modal__overlay___nlfk4[data-entering]:has(.Modal-module__hop-Modal__base-modal___ZET-r) {
2466
+ opacity: 0;
2467
+ transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2468
+ }
2469
+ .Modal-module__hop-Modal__overlay___nlfk4[data-exiting]:has(.Modal-module__hop-Modal__base-modal___ZET-r) {
2470
+ opacity: 0;
2471
+ transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2472
+ }
2408
2473
 
2409
2474
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/alert/src/Alert.module.css/#css-module-data */
2410
- .Alert-module__hop-Alert___7mYTk {
2475
+ .Alert-module__hop-Alert___Q4jZl {
2411
2476
  --hop-Alert-max-inline-size: 90dvw;
2412
2477
  --hop-Alert-max-block-size: 90dvh;
2413
2478
  --hop-Alert-background: var(--hop-neutral-surface);
@@ -2431,40 +2496,73 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
2431
2496
  border-radius: var(--border-radius);
2432
2497
  outline: var(--hop-Alert-outline);
2433
2498
  }
2434
- .Alert-module__hop-Alert__button-group___xFrHp {
2499
+ .Alert-module__hop-Alert__button-group___7PC1q {
2435
2500
  --hop-Alert_button-group-margin-top: var(--hop-space-stack-xl);
2436
2501
  grid-area: buttons;
2437
2502
  inline-size: 100%;
2438
2503
  margin-block-start: var(--hop-Alert_button-group-margin-top);
2439
2504
  }
2440
- .Alert-module__hop-Alert__button-group___xFrHp > button {
2505
+ .Alert-module__hop-Alert__button-group___7PC1q > button {
2441
2506
  flex-grow: 1;
2442
2507
  max-inline-size: 50%;
2443
2508
  }
2444
2509
  @media screen and (max-width: 30.75rem) {
2445
- .Alert-module__hop-Alert___7mYTk {
2510
+ .Alert-module__hop-Alert___Q4jZl {
2446
2511
  --width: var(--hop-Alert-mobile-width);
2447
2512
  --padding: var(--hop-Alert-mobile-padding);
2448
2513
  --hop-Alert-grid-template: "close" auto "heading" auto "content" auto "buttons" auto / 1fr;
2449
2514
  }
2450
- .Alert-module__hop-Alert__button-group___xFrHp {
2515
+ .Alert-module__hop-Alert__button-group___7PC1q {
2451
2516
  inline-size: 100%;
2452
2517
  }
2453
- .Alert-module__hop-Alert__button-group___xFrHp > button {
2518
+ .Alert-module__hop-Alert__button-group___7PC1q > button {
2454
2519
  inline-size: 100%;
2455
2520
  max-inline-size: unset;
2456
2521
  }
2457
2522
  }
2458
- .Alert-module__hop-Alert__heading___cp8F9 {
2523
+ .Alert-module__hop-Alert__heading___OwdO- {
2459
2524
  grid-area: heading;
2460
2525
  }
2461
- .Alert-module__hop-Alert__close___f2ED0 {
2526
+ .Alert-module__hop-Alert__close___Raj9I {
2462
2527
  --hop-Alert-close-justify-self: end;
2463
2528
  grid-area: close;
2464
2529
  justify-self: var(--hop-Alert-close-justify-self);
2465
2530
  }
2466
- .Alert-module__hop-Alert__content___-S-v5 {
2531
+ .Alert-module__hop-Alert__content___7J1n- {
2467
2532
  --hop-Alert__content-margin-top: var(--hop-space-stack-md);
2468
2533
  grid-area: content;
2469
2534
  margin-block-start: var(--hop-Alert__content-margin-top);
2470
2535
  }
2536
+ .Alert-module__hop-Alert__base-modal___LvejI {
2537
+ --hop-Alert__base-modal-sm-width: 28.75rem;
2538
+ --hop-Alert__base-modal-md-width: 36.5rem;
2539
+ --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);
2540
+ --hop-Alert__base-modal-entering-opacity: 0;
2541
+ --hop-Alert__base-modal-entering-transform: translateY(1.25rem);
2542
+ --hop-Alert__base-modal-exiting-opacity: 0;
2543
+ --hop-Alert__base-modal-exiting-transition: opacity var(--hop-easing-duration-1) ease-in-out 0, transform var(--hop-easing-duration-1) ease-in-out 0;
2544
+ inline-size: var(--width);
2545
+ transition: var(--hop-Alert__base-modal-transition);
2546
+ }
2547
+ .Alert-module__hop-Alert__base-modal--sm___iOiex {
2548
+ --width: var(--hop-Alert__base-modal-sm-width);
2549
+ }
2550
+ .Alert-module__hop-Alert__base-modal--md___0Fbz1 {
2551
+ --width: var(--hop-Alert__base-modal-md-width);
2552
+ }
2553
+ .Alert-module__hop-Alert__overlay___t2wLO[data-entering] .Alert-module__hop-Alert__base-modal___LvejI {
2554
+ transform: var(--hop-Alert__base-modal-entering-transform);
2555
+ opacity: var(--hop-Alert__base-modal-entering-opacity);
2556
+ }
2557
+ .Alert-module__hop-Alert__overlay___t2wLO[data-exiting] .Alert-module__hop-Alert__base-modal___LvejI {
2558
+ opacity: var(--hop-Alert__base-modal-exiting-opacity);
2559
+ transition: var(--hop-Alert__base-modal-exiting-transition);
2560
+ }
2561
+ .Alert-module__hop-Alert__overlay___t2wLO[data-entering]:has(.Alert-module__hop-Alert__base-modal___LvejI) {
2562
+ opacity: 0;
2563
+ transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2564
+ }
2565
+ .Alert-module__hop-Alert__overlay___t2wLO[data-exiting]:has(.Alert-module__hop-Alert__base-modal___LvejI) {
2566
+ opacity: 0;
2567
+ transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2568
+ }