@hopper-ui/components 2.0.1 → 2.0.3

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 +12 -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 +10 -10
  8. package/dist/alert/src/index.css +564 -466
  9. package/dist/alert/src/index.js +10 -10
  10. package/dist/avatar/src/AnonymousAvatar.css +51 -51
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +72 -72
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +66 -66
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +51 -51
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +51 -51
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +51 -51
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +99 -99
  23. package/dist/avatar/src/index.js +9 -9
  24. package/dist/badge/src/Badge.css +54 -54
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +49 -49
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +64 -64
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +107 -107
  31. package/dist/buttons/src/Button.js +6 -6
  32. package/dist/buttons/src/ButtonGroup.css +50 -50
  33. package/dist/buttons/src/ButtonGroup.js +1 -1
  34. package/dist/buttons/src/ClearButton.css +110 -110
  35. package/dist/buttons/src/ClearButton.js +2 -2
  36. package/dist/buttons/src/CloseButton.css +108 -108
  37. package/dist/buttons/src/CloseButton.js +7 -7
  38. package/dist/buttons/src/EmbeddedButton.css +110 -110
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +117 -117
  41. package/dist/buttons/src/LinkButton.js +5 -5
  42. package/dist/buttons/src/ToggleButton.css +143 -143
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +360 -360
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/calendar/src/Calendar.css +407 -407
  47. package/dist/calendar/src/Calendar.js +13 -13
  48. package/dist/calendar/src/CalendarCell.css +50 -50
  49. package/dist/calendar/src/CalendarCell.js +1 -1
  50. package/dist/calendar/src/CalendarGrid.css +78 -78
  51. package/dist/calendar/src/CalendarGrid.js +3 -3
  52. package/dist/calendar/src/CalendarHeader.css +363 -363
  53. package/dist/calendar/src/CalendarHeader.js +8 -8
  54. package/dist/calendar/src/RangeCalendar.css +410 -410
  55. package/dist/calendar/src/RangeCalendar.js +13 -13
  56. package/dist/calendar/src/RangeCalendarCell.css +58 -58
  57. package/dist/calendar/src/RangeCalendarCell.js +1 -1
  58. package/dist/calendar/src/index.css +413 -413
  59. package/dist/calendar/src/index.js +14 -14
  60. package/dist/callout/src/Callout.css +373 -373
  61. package/dist/callout/src/Callout.js +8 -8
  62. package/dist/callout/src/CompactCallout.css +409 -409
  63. package/dist/callout/src/CompactCallout.js +8 -8
  64. package/dist/callout/src/index.css +422 -422
  65. package/dist/callout/src/index.js +9 -9
  66. package/dist/card/src/Card.css +42 -42
  67. package/dist/card/src/Card.js +1 -1
  68. package/dist/card/src/index.css +42 -42
  69. package/dist/card/src/index.js +1 -1
  70. package/dist/checkbox/src/Checkbox.css +58 -58
  71. package/dist/checkbox/src/Checkbox.js +4 -4
  72. package/dist/checkbox/src/CheckboxField.css +45 -45
  73. package/dist/checkbox/src/CheckboxField.js +3 -3
  74. package/dist/checkbox/src/CheckboxGroup.css +111 -111
  75. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  76. package/dist/checkbox/src/DecorativeCheckbox.css +66 -66
  77. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  78. package/dist/checkbox/src/index.css +111 -111
  79. package/dist/checkbox/src/index.js +11 -11
  80. package/dist/{chunk-P7HZ5ZHQ.js → chunk-22ALMCUA.js} +1 -1
  81. package/dist/{chunk-SAXETKWW.js → chunk-2ERV2V3Z.js} +1 -1
  82. package/dist/{chunk-WO4Y6PK2.js → chunk-2L7SPJV4.js} +4 -3
  83. package/dist/{chunk-5KIM7A4J.js → chunk-2MEEZCDS.js} +2 -2
  84. package/dist/{chunk-JHM42OGC.js → chunk-2O55UPDB.js} +1 -1
  85. package/dist/{chunk-KSFCCYMS.js → chunk-2OCWT332.js} +3 -3
  86. package/dist/{chunk-7TUKJKTN.js → chunk-2TDDWK6P.js} +2 -2
  87. package/dist/{chunk-AUWMIBGS.js → chunk-3UFX4VYY.js} +3 -3
  88. package/dist/{chunk-NSS5OE5B.js → chunk-44OTFMCA.js} +2 -2
  89. package/dist/{chunk-5UDGFT2M.js → chunk-4IEBU5LN.js} +2 -2
  90. package/dist/{chunk-MCOWJCHI.js → chunk-4SMASBU3.js} +2 -2
  91. package/dist/{chunk-Y5R3RXE3.js → chunk-4YNDP3ES.js} +1 -1
  92. package/dist/{chunk-H54W5Y5F.js → chunk-55LCJRMB.js} +3 -3
  93. package/dist/{chunk-LRYYCNJE.js → chunk-55TBE4CV.js} +12 -4
  94. package/dist/{chunk-672LIC4O.js → chunk-5NCCDQHF.js} +1 -1
  95. package/dist/{chunk-3C6HHE66.js → chunk-5TPAEAR2.js} +1 -1
  96. package/dist/{chunk-ERTQYNVM.js → chunk-6EDMAVZI.js} +2 -2
  97. package/dist/{chunk-PWFHOVPT.js → chunk-6MRTKGBF.js} +2 -2
  98. package/dist/{chunk-TEC4COF5.js → chunk-7J6ZRLWS.js} +1 -1
  99. package/dist/{chunk-KLXF6UC7.js → chunk-7OOFR74G.js} +2 -2
  100. package/dist/{chunk-FXKL2B66.js → chunk-7VRWTPGD.js} +9 -9
  101. package/dist/{chunk-KQWMI4PS.js → chunk-AAV356YJ.js} +1 -1
  102. package/dist/{chunk-FURB3SNS.js → chunk-ACJGK45Y.js} +2 -2
  103. package/dist/{chunk-S653G4KM.js → chunk-ADIGWBB6.js} +1 -1
  104. package/dist/{chunk-ACNNACXP.js → chunk-AQ5HVZRT.js} +1 -1
  105. package/dist/{chunk-RAPVXYJB.js → chunk-ASYCA7H7.js} +1 -1
  106. package/dist/{chunk-7FO4MLMM.js → chunk-BTSNMW3W.js} +2 -2
  107. package/dist/{chunk-4V6RWSBH.js → chunk-CWDS3YJS.js} +1 -1
  108. package/dist/{chunk-AF2HUTCE.js → chunk-E5NU6JVS.js} +1 -1
  109. package/dist/{chunk-OPFPI6VF.js → chunk-E63NRSHG.js} +2 -2
  110. package/dist/{chunk-A6O2FFS7.js → chunk-E7VXCOHW.js} +1 -1
  111. package/dist/{chunk-UUUXG5R7.js → chunk-EIIZT6WX.js} +7 -7
  112. package/dist/{chunk-PIPK4CVX.js → chunk-EVYHTGVY.js} +1 -1
  113. package/dist/{chunk-VVJPBDVL.js → chunk-GHWWXTS4.js} +2 -2
  114. package/dist/{chunk-MTFSYJ7T.js → chunk-GREXLROQ.js} +1 -1
  115. package/dist/{chunk-VSTZZNOV.js → chunk-GYJDTVBK.js} +12 -12
  116. package/dist/{chunk-465MTOAK.js → chunk-H2PIRO5C.js} +1 -1
  117. package/dist/{chunk-YX2BQBWL.js → chunk-HCRUWNNG.js} +1 -1
  118. package/dist/{chunk-JM4JRJ2E.js → chunk-HQGYX2VH.js} +5 -5
  119. package/dist/{chunk-SYJ7PULA.js → chunk-HYUR3VBZ.js} +1 -1
  120. package/dist/{chunk-VEGDQTX6.js → chunk-J3GMFL52.js} +1 -1
  121. package/dist/{chunk-KAEISSVV.js → chunk-JBAWHVEQ.js} +4 -4
  122. package/dist/{chunk-UWM4KPSF.js → chunk-JJ3BLNSY.js} +5 -5
  123. package/dist/{chunk-Y7Z6B3RK.js → chunk-JUWJADGU.js} +3 -3
  124. package/dist/{chunk-CYPAGW2U.js → chunk-KCLITXJH.js} +2 -2
  125. package/dist/{chunk-PQPRAKUS.js → chunk-KDI2NDQQ.js} +2 -2
  126. package/dist/{chunk-RJ6GE4W3.js → chunk-L2DT7YOM.js} +3 -3
  127. package/dist/{chunk-MRYSBJQB.js → chunk-LHRSKMJT.js} +2 -2
  128. package/dist/{chunk-VAAGU7CL.js → chunk-LJ6Y6FWQ.js} +5 -5
  129. package/dist/{chunk-ITGXY7GW.js → chunk-M377W72J.js} +1 -1
  130. package/dist/{chunk-GDLPPNI6.js → chunk-MFIV3XMF.js} +9 -9
  131. package/dist/{chunk-3H3E3WCX.js → chunk-MYCDY6BI.js} +2 -2
  132. package/dist/{chunk-ILQ4GZEZ.js → chunk-MZ63F2ZV.js} +6 -6
  133. package/dist/{chunk-DVTB5TTA.js → chunk-O56P6CSY.js} +1 -1
  134. package/dist/{chunk-RWQE36S4.js → chunk-O74RWOWF.js} +1 -1
  135. package/dist/{chunk-QQT5FKFM.js → chunk-OGEW5MA5.js} +3 -3
  136. package/dist/{chunk-CDTWFMIW.js → chunk-OISIZPNU.js} +2 -2
  137. package/dist/{chunk-TOKPMYK4.js → chunk-OJ5L64OU.js} +3 -3
  138. package/dist/{chunk-UGA5LOZX.js → chunk-P4WNNRNS.js} +2 -2
  139. package/dist/{chunk-YK427S23.js → chunk-P53DU2NI.js} +1 -1
  140. package/dist/{chunk-HDOVWPPA.js → chunk-PHGNRANE.js} +1 -1
  141. package/dist/{chunk-3IYKOMUQ.js → chunk-PS5YAHJC.js} +3 -3
  142. package/dist/{chunk-N4O5V5WL.js → chunk-QIXEBYJE.js} +1 -1
  143. package/dist/{chunk-TPFVLAUA.js → chunk-QONUODHG.js} +2 -2
  144. package/dist/{chunk-UF5T7APB.js → chunk-QQG5JKBN.js} +1 -1
  145. package/dist/{chunk-BETPQPVX.js → chunk-QWUXGQH3.js} +1 -1
  146. package/dist/{chunk-DXZRYPUC.js → chunk-RKCCHEM7.js} +1 -1
  147. package/dist/{chunk-C4IRTBGV.js → chunk-RPXC2AMA.js} +2 -2
  148. package/dist/{chunk-AJK6GT5W.js → chunk-RRFQCNPV.js} +1 -1
  149. package/dist/{chunk-LXUKMD5R.js → chunk-RRIFLIKH.js} +1 -1
  150. package/dist/{chunk-TJKT725T.js → chunk-SBAGSD4X.js} +1 -1
  151. package/dist/{chunk-OONVJUDV.js → chunk-SFVY5T3R.js} +4 -4
  152. package/dist/{chunk-MFZHLN2M.js → chunk-SQF6ZNJY.js} +2 -2
  153. package/dist/{chunk-2ZY2XBO6.js → chunk-TRZ5IO73.js} +16 -8
  154. package/dist/{chunk-XSU2UMIE.js → chunk-U5M42S56.js} +14 -6
  155. package/dist/{chunk-JHQNV3NA.js → chunk-UCOI4AF4.js} +2 -2
  156. package/dist/{chunk-OMLH2TIW.js → chunk-UFNXNRMF.js} +8 -8
  157. package/dist/{chunk-HEQ74JYB.js → chunk-UKLI2OZZ.js} +5 -14
  158. package/dist/{chunk-LDUZL26B.js → chunk-ULC56GTT.js} +8 -8
  159. package/dist/{chunk-FIGUOCAX.js → chunk-ULJNKNI4.js} +4 -4
  160. package/dist/{chunk-TKP2NQPI.js → chunk-UQ5ONLBB.js} +3 -3
  161. package/dist/{chunk-7PASM4UB.js → chunk-UT2VHQTH.js} +1 -1
  162. package/dist/{chunk-37ZQ2LZB.js → chunk-V3NJSCJQ.js} +1 -1
  163. package/dist/{chunk-ZEHNFOJ2.js → chunk-VOHYZAUM.js} +1 -1
  164. package/dist/{chunk-JWPFVBLT.js → chunk-WAFQVBJF.js} +10 -10
  165. package/dist/{chunk-VJATJMHH.js → chunk-WJ7UQ746.js} +5 -5
  166. package/dist/{chunk-A4NAEWVA.js → chunk-WSDIY3GL.js} +3 -3
  167. package/dist/{chunk-7VNILRDN.js → chunk-XLJYMOPN.js} +2 -2
  168. package/dist/{chunk-O6WICAYD.js → chunk-XO6T5PBI.js} +11 -11
  169. package/dist/{chunk-LUSJJ5SO.js → chunk-XWNZSREH.js} +8 -8
  170. package/dist/{chunk-XPO7SC7I.js → chunk-XY7YG762.js} +1 -1
  171. package/dist/{chunk-BJ6VSK6H.js → chunk-YGQ2MT7Q.js} +1 -1
  172. package/dist/{chunk-4TRFNBA7.js → chunk-YTQEFV3U.js} +1 -1
  173. package/dist/{chunk-3CCVUOSD.js → chunk-ZDGPWWEP.js} +1 -1
  174. package/dist/{chunk-R3ONK5T5.js → chunk-ZEL3KDX5.js} +2 -2
  175. package/dist/{chunk-ZIZ64NED.js → chunk-ZNGYFNNQ.js} +3 -3
  176. package/dist/{chunk-W6DMHQKV.js → chunk-ZQ2ZFPJ7.js} +2 -2
  177. package/dist/combobox/src/ComboBox.css +788 -788
  178. package/dist/combobox/src/ComboBox.js +18 -18
  179. package/dist/combobox/src/index.css +788 -788
  180. package/dist/combobox/src/index.js +18 -18
  181. package/dist/contextual-help/src/ContextualHelp.css +709 -709
  182. package/dist/contextual-help/src/ContextualHelp.js +5 -5
  183. package/dist/contextual-help/src/index.css +709 -709
  184. package/dist/contextual-help/src/index.js +5 -5
  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 +847 -847
  188. package/dist/date-picker/src/DatePicker.js +22 -22
  189. package/dist/date-picker/src/DateRangePicker.css +850 -850
  190. package/dist/date-picker/src/DateRangePicker.js +21 -21
  191. package/dist/date-picker/src/index.css +858 -858
  192. package/dist/date-picker/src/index.js +24 -24
  193. package/dist/disclosure/src/Disclosure.css +49 -49
  194. package/dist/disclosure/src/Disclosure.js +1 -1
  195. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  196. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  197. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  198. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  199. package/dist/disclosure/src/index.css +74 -74
  200. package/dist/disclosure/src/index.js +7 -7
  201. package/dist/divider/src/Divider.css +41 -41
  202. package/dist/divider/src/Divider.js +1 -1
  203. package/dist/divider/src/index.css +41 -41
  204. package/dist/divider/src/index.js +1 -1
  205. package/dist/error-message/src/ErrorMessage.css +41 -41
  206. package/dist/error-message/src/ErrorMessage.js +2 -2
  207. package/dist/error-message/src/index.css +41 -41
  208. package/dist/error-message/src/index.js +2 -2
  209. package/dist/form/src/Form.css +39 -39
  210. package/dist/form/src/Form.js +1 -1
  211. package/dist/form/src/index.css +39 -39
  212. package/dist/form/src/index.js +1 -1
  213. package/dist/header/src/Header.css +39 -39
  214. package/dist/header/src/index.css +39 -39
  215. package/dist/helper-message/src/HelperMessage.css +41 -41
  216. package/dist/helper-message/src/HelperMessage.js +2 -2
  217. package/dist/helper-message/src/index.css +41 -41
  218. package/dist/helper-message/src/index.js +2 -2
  219. package/dist/icon-list/src/IconList.css +40 -40
  220. package/dist/icon-list/src/IconList.js +1 -1
  221. package/dist/icon-list/src/index.css +40 -40
  222. package/dist/icon-list/src/index.js +1 -1
  223. package/dist/illustrated-message/src/IllustratedMessage.css +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 +1387 -1289
  238. package/dist/index.js +104 -104
  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 +10 -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 +9 -9
  253. package/dist/inputs/src/TextField.css +384 -384
  254. package/dist/inputs/src/TextField.js +13 -13
  255. package/dist/inputs/src/index.css +434 -434
  256. package/dist/inputs/src/index.js +17 -17
  257. package/dist/layout/src/Content.css +39 -39
  258. package/dist/layout/src/Footer.css +39 -39
  259. package/dist/link/src/Link.css +78 -78
  260. package/dist/link/src/Link.js +3 -3
  261. package/dist/link/src/index.css +78 -78
  262. package/dist/link/src/index.js +3 -3
  263. package/dist/list-box/src/ListBox.css +320 -320
  264. package/dist/list-box/src/ListBox.js +7 -7
  265. package/dist/list-box/src/ListBoxItem.css +308 -308
  266. package/dist/list-box/src/ListBoxItem.js +6 -6
  267. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  268. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  269. package/dist/list-box/src/index.css +320 -320
  270. package/dist/list-box/src/index.js +7 -7
  271. package/dist/menu/src/Menu.css +711 -711
  272. package/dist/menu/src/Menu.js +2 -2
  273. package/dist/menu/src/MenuItem.css +124 -124
  274. package/dist/menu/src/MenuItem.js +2 -2
  275. package/dist/menu/src/MenuSection.css +41 -41
  276. package/dist/menu/src/MenuSection.js +1 -1
  277. package/dist/menu/src/index.css +737 -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 +9 -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 +10 -10
  292. package/dist/overlays/popover/src/Popover.css +703 -703
  293. package/dist/overlays/popover/src/Popover.js +1 -1
  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 +706 -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 +3 -3
  300. package/dist/radio/src/Radio.css +58 -58
  301. package/dist/radio/src/Radio.js +3 -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 +11 -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 +802 -802
  315. package/dist/select/src/MultiSelect.js +23 -23
  316. package/dist/select/src/Select.css +802 -802
  317. package/dist/select/src/Select.js +23 -23
  318. package/dist/select/src/SelectInternal.css +802 -802
  319. package/dist/select/src/SelectInternal.js +22 -22
  320. package/dist/select/src/SelectValue.css +105 -105
  321. package/dist/select/src/SelectValue.js +2 -2
  322. package/dist/select/src/index.css +802 -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 +3 -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 +4 -4
  334. package/dist/tabs/src/Tab.css +558 -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 +565 -565
  341. package/dist/tabs/src/index.js +4 -4
  342. package/dist/tag/src/Tag.css +533 -533
  343. package/dist/tag/src/Tag.js +7 -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 +543 -543
  347. package/dist/tag/src/index.js +12 -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 +49 -49
  359. package/dist/tooltip/src/Tooltip.js +3 -3
  360. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  361. package/dist/tooltip/src/index.css +49 -49
  362. package/dist/tooltip/src/index.js +3 -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 +2 -2
  388. package/dist/utils/src/index.css +39 -39
  389. package/dist/utils/src/index.js +2 -2
  390. package/package.json +1 -1
package/dist/alert/src/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___1jOxO {
2
+ .Heading-module__hop-Heading___-yhBb {
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___1jOxO) {
36
+ :where(.Heading-module__hop-Heading___-yhBb) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___1jOxO):not(.Heading-module__hop-Heading--unset___fLM6y) {
40
+ :where(.Heading-module__hop-Heading___-yhBb):not(.Heading-module__hop-Heading--unset___YdqoN) {
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___XRiQs) {
46
+ :where(.Heading-module__hop-Heading--xs___5vUx-) {
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___9RhCf) {
52
+ :where(.Heading-module__hop-Heading--sm___K-B6T) {
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___a5x7T) {
58
+ :where(.Heading-module__hop-Heading--md___ay8SV) {
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___0Sk-K) {
64
+ :where(.Heading-module__hop-Heading--lg___R94c5) {
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___zQYZq) {
70
+ :where(.Heading-module__hop-Heading--xl___N0tb2) {
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___8DYKR) {
76
+ :where(.Heading-module__hop-Heading--2xl___DBEKh) {
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___euY5J) {
82
+ :where(.Heading-module__hop-Heading--3xl___HL8l2) {
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___yO7BX {
90
+ .Form-module__hop-Form___IMITx {
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___WmEbY {
97
+ .Label-module__hop-Label___mzkmU {
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___WmEbY) {
104
+ :where(.Label-module__hop-Label___mzkmU) {
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___44Mhk {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___jGho6 {
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___yPppB {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___4mCUp {
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___czXn5) {
123
+ :where(.OverlineText-module__hop-OverlineText___RoLbl) {
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___6SCDo {
147
+ .OverlineText-module__hop-OverlineText__text___xzWHd {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___6SCDo::before,
151
- .OverlineText-module__hop-OverlineText__text___6SCDo::after {
150
+ .OverlineText-module__hop-OverlineText__text___xzWHd::before,
151
+ .OverlineText-module__hop-OverlineText__text___xzWHd::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___6SCDo::before {
158
+ .OverlineText-module__hop-OverlineText__text___xzWHd::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___6SCDo::after {
161
+ .OverlineText-module__hop-OverlineText__text___xzWHd::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___7zxCH {
166
+ .Text-module__hop-Text___9NUdn {
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___7zxCH) {
196
+ :where(.Text-module__hop-Text___9NUdn) {
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___YVA00) {
202
+ :where(.Text-module__hop-Text--xs___cSqHF) {
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___lPJHw) {
208
+ :where(.Text-module__hop-Text--sm___MJ-hg) {
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___KPU0Q) {
214
+ :where(.Text-module__hop-Text--md___OC1ut) {
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___33yBI) {
220
+ :where(.Text-module__hop-Text--lg___dO6jm) {
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___XGuIu) {
226
+ :where(.Text-module__hop-Text--xl___NpLvz) {
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___epiiU) {
232
+ :where(.Text-module__hop-Text--2xl___GKAqt) {
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___D9txn) {
238
+ :where(.Text-module__hop-Text--inherit___ZHs8j) {
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___3mTAo {
246
+ .Paragraph-module__hop-Paragraph___yr81x {
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___3mTAo:last-child {
258
+ .Paragraph-module__hop-Paragraph___yr81x:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___mXXpJ {
261
+ .Paragraph-module__hop-Paragraph--xs___mVM-r {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___DLSbs {
264
+ .Paragraph-module__hop-Paragraph--sm___6Nimy {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___xGr53 {
267
+ .Paragraph-module__hop-Paragraph--md___UHiHE {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___qcVX- {
270
+ .Paragraph-module__hop-Paragraph--lg___L9U9K {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___jWKff {
273
+ .Paragraph-module__hop-Paragraph--xl___16IGx {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___tuLbi {
276
+ .Paragraph-module__hop-Paragraph--2xl___SL5rk {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___fa9Cj {
279
+ .Paragraph-module__hop-Paragraph--inherit___NpVcU {
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___FP7OP {
284
+ .IconList-module__hop-IconList___g3bdH {
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___o7RwT {
293
+ @keyframes Spinner-module__spin___4U51X {
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___lG5Lp {
301
+ .Spinner-module__hop-Spinner___HBE6z {
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___o7RwT .8s infinite linear;
309
+ --hop-Spinner-fill-animation: Spinner-module__spin___4U51X .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___aV-vG {
320
+ .Spinner-module__hop-Spinner--sm___YbnCW {
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___PXdYk {
324
+ .Spinner-module__hop-Spinner--md___-ay3h {
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___9EPXJ {
328
+ .Spinner-module__hop-Spinner--lg___3ITXL {
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___I1ncK {
332
+ .Spinner-module__hop-Spinner__track___R78uA {
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___CH9mx {
341
+ .Spinner-module__hop-Spinner__fill___8wP2v {
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___CH9mx {
352
+ .Spinner-module__hop-Spinner__fill___8wP2v {
353
353
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
354
354
  }
355
355
  }
356
- .Spinner-module__hop-Spinner__label___XAnj4 {
356
+ .Spinner-module__hop-Spinner__label___hJluX {
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___d85jf {
362
+ .Button-module__hop-Button___1BCiu {
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___pQ-50 {
487
+ .Button-module__hop-Button--fluid___vIbxm {
488
488
  --inline-size: 100%;
489
489
  }
490
- .Button-module__hop-Button--xs___DkUXz {
490
+ .Button-module__hop-Button--xs___Dwk-6 {
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___DkUXz[class*=--ghost] {
494
+ .Button-module__hop-Button--xs___Dwk-6[class*=--ghost] {
495
495
  --padding: var(--hop-Button-ghost-xs-padding);
496
496
  }
497
- .Button-module__hop-Button--sm___RACtX {
497
+ .Button-module__hop-Button--sm___NJ5VV {
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___RACtX[class*=--ghost] {
501
+ .Button-module__hop-Button--sm___NJ5VV[class*=--ghost] {
502
502
  --padding: var(--hop-Button-ghost-sm-padding);
503
503
  }
504
- .Button-module__hop-Button--md___OHLi2[class*=--ghost] {
504
+ .Button-module__hop-Button--md___CZ0cM[class*=--ghost] {
505
505
  --padding: var(--hop-Button-ghost-md-padding);
506
506
  }
507
- .Button-module__hop-Button--icon-only___vilKS {
507
+ .Button-module__hop-Button--icon-only___r8e-5 {
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___AOijH {
512
+ .Button-module__hop-Button--primary___MTnkP {
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___AOijH[data-hovered],
519
- .Button-module__hop-Button--primary___AOijH[data-focus-visible] {
518
+ .Button-module__hop-Button--primary___MTnkP[data-hovered],
519
+ .Button-module__hop-Button--primary___MTnkP[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___AOijH[data-pressed] {
524
+ .Button-module__hop-Button--primary___MTnkP[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___fv4em {
529
+ .Button-module__hop-Button--secondary___jsS7S {
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___fv4em[data-hovered],
536
- .Button-module__hop-Button--secondary___fv4em[data-focus-visible] {
535
+ .Button-module__hop-Button--secondary___jsS7S[data-hovered],
536
+ .Button-module__hop-Button--secondary___jsS7S[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___fv4em[data-pressed] {
541
+ .Button-module__hop-Button--secondary___jsS7S[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___ZDgR2 {
546
+ .Button-module__hop-Button--upsell___0j2i8 {
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___ZDgR2[data-hovered],
553
- .Button-module__hop-Button--upsell___ZDgR2[data-focus-visible] {
552
+ .Button-module__hop-Button--upsell___0j2i8[data-hovered],
553
+ .Button-module__hop-Button--upsell___0j2i8[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___ZDgR2[data-pressed] {
558
+ .Button-module__hop-Button--upsell___0j2i8[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___x8-uw {
563
+ .Button-module__hop-Button--danger___x4uGy {
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___x8-uw[data-hovered],
570
- .Button-module__hop-Button--danger___x8-uw[data-focus-visible] {
569
+ .Button-module__hop-Button--danger___x4uGy[data-hovered],
570
+ .Button-module__hop-Button--danger___x4uGy[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___x8-uw[data-pressed] {
575
+ .Button-module__hop-Button--danger___x4uGy[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___zE5YY {
580
+ .Button-module__hop-Button--ghost-primary___jqRGS {
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___zE5YY[data-hovered],
587
- .Button-module__hop-Button--ghost-primary___zE5YY[data-focus-visible] {
586
+ .Button-module__hop-Button--ghost-primary___jqRGS[data-hovered],
587
+ .Button-module__hop-Button--ghost-primary___jqRGS[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___zE5YY[data-pressed] {
592
+ .Button-module__hop-Button--ghost-primary___jqRGS[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___2WPjs {
597
+ .Button-module__hop-Button--ghost-secondary___a2k24 {
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___2WPjs[data-hovered],
604
- .Button-module__hop-Button--ghost-secondary___2WPjs[data-focus-visible] {
603
+ .Button-module__hop-Button--ghost-secondary___a2k24[data-hovered],
604
+ .Button-module__hop-Button--ghost-secondary___a2k24[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___2WPjs[data-pressed] {
609
+ .Button-module__hop-Button--ghost-secondary___a2k24[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___tO2Ug {
614
+ .Button-module__hop-Button--ghost-danger___qT5Rc {
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___tO2Ug[data-hovered],
621
- .Button-module__hop-Button--ghost-danger___tO2Ug[data-focus-visible] {
620
+ .Button-module__hop-Button--ghost-danger___qT5Rc[data-hovered],
621
+ .Button-module__hop-Button--ghost-danger___qT5Rc[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___tO2Ug[data-pressed] {
626
+ .Button-module__hop-Button--ghost-danger___qT5Rc[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___d85jf[data-focus-visible] {
631
+ .Button-module__hop-Button___1BCiu[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___d85jf[data-disabled],
635
- .Button-module__hop-Button--loading___e8eco {
634
+ .Button-module__hop-Button___1BCiu[data-disabled],
635
+ .Button-module__hop-Button--loading___Cytnb {
636
636
  cursor: not-allowed;
637
637
  }
638
- .Button-module__hop-Button___d85jf[data-disabled] {
638
+ .Button-module__hop-Button___1BCiu[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___d85jf[class*=--ghost][data-disabled] {
643
+ .Button-module__hop-Button___1BCiu[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___e8eco.Button-module__hop-Button--primary___AOijH {
648
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--primary___MTnkP {
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___e8eco.Button-module__hop-Button--secondary___fv4em {
653
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--secondary___jsS7S {
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___e8eco.Button-module__hop-Button--upsell___ZDgR2 {
658
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--upsell___0j2i8 {
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___e8eco.Button-module__hop-Button--danger___x8-uw {
663
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--danger___x4uGy {
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___e8eco.Button-module__hop-Button--ghost-primary___zE5YY {
668
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-primary___jqRGS {
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___e8eco.Button-module__hop-Button--ghost-secondary___2WPjs {
673
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-secondary___a2k24 {
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___e8eco.Button-module__hop-Button--ghost-danger___tO2Ug {
678
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-danger___qT5Rc {
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___qTOED {
683
+ .Button-module__hop-Button__Spinner___jH7f7 {
684
684
  position: absolute;
685
685
  color: var(--spinner-color);
686
686
  }
687
- .Button-module__hop-Button__icon___-XqcD,
688
- .Button-module__hop-Button__icon-list___8FO6E {
687
+ .Button-module__hop-Button__icon___ZFw-K,
688
+ .Button-module__hop-Button__icon-list___gUwRs {
689
689
  flex: 0 0 auto;
690
690
  justify-self: end;
691
691
  order: 1;
692
692
  }
693
- .Button-module__hop-Button__text___mr1tK {
693
+ .Button-module__hop-Button__text___lBPoJ {
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___3kVOm,
703
- .Button-module__hop-Button__end-icon-list___U0yxC {
702
+ .Button-module__hop-Button__end-icon___Z-hok,
703
+ .Button-module__hop-Button__end-icon-list___HcgdX {
704
704
  flex: 0 0 auto;
705
705
  order: 3;
706
706
  }
707
- .Button-module__hop-Button___d85jf .Button-module__hop-Button__icon-list___8FO6E,
708
- .Button-module__hop-Button___d85jf .Button-module__hop-Button__end-icon-list___U0yxC {
707
+ .Button-module__hop-Button___1BCiu .Button-module__hop-Button__icon-list___gUwRs,
708
+ .Button-module__hop-Button___1BCiu .Button-module__hop-Button__end-icon-list___HcgdX {
709
709
  flex-wrap: nowrap;
710
710
  }
711
- .Button-module__hop-Button--loading___e8eco.Button-module__hop-Button___d85jf > *:not(.Button-module__hop-Button__Spinner___qTOED) {
711
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button___1BCiu > *:not(.Button-module__hop-Button__Spinner___jH7f7) {
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___9M8il {
716
+ .ButtonGroup-module__hop-ButtonGroup___-FzjR {
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___Bj74P {
721
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___sF31k {
722
722
  align-items: center;
723
723
  }
724
- .ButtonGroup-module__hop-ButtonGroup--vertical___lrnmV {
724
+ .ButtonGroup-module__hop-ButtonGroup--vertical___8s4wh {
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___-QZUt.ButtonGroup-module__hop-ButtonGroup--vertical___lrnmV {
729
+ .ButtonGroup-module__hop-ButtonGroup--start___3PeUw.ButtonGroup-module__hop-ButtonGroup--vertical___8s4wh {
730
730
  align-items: flex-start;
731
731
  }
732
- .ButtonGroup-module__hop-ButtonGroup--center___hxOgu.ButtonGroup-module__hop-ButtonGroup--vertical___lrnmV {
732
+ .ButtonGroup-module__hop-ButtonGroup--center___Hr-t8.ButtonGroup-module__hop-ButtonGroup--vertical___8s4wh {
733
733
  align-items: center;
734
734
  }
735
- .ButtonGroup-module__hop-ButtonGroup--end___PgVj-.ButtonGroup-module__hop-ButtonGroup--vertical___lrnmV {
735
+ .ButtonGroup-module__hop-ButtonGroup--end___Js0WK.ButtonGroup-module__hop-ButtonGroup--vertical___8s4wh {
736
736
  align-items: flex-end;
737
737
  }
738
- .ButtonGroup-module__hop-ButtonGroup--start___-QZUt.ButtonGroup-module__hop-ButtonGroup--horizontal___Bj74P {
738
+ .ButtonGroup-module__hop-ButtonGroup--start___3PeUw.ButtonGroup-module__hop-ButtonGroup--horizontal___sF31k {
739
739
  justify-content: flex-start;
740
740
  }
741
- .ButtonGroup-module__hop-ButtonGroup--center___hxOgu.ButtonGroup-module__hop-ButtonGroup--horizontal___Bj74P {
741
+ .ButtonGroup-module__hop-ButtonGroup--center___Hr-t8.ButtonGroup-module__hop-ButtonGroup--horizontal___sF31k {
742
742
  justify-content: center;
743
743
  }
744
- .ButtonGroup-module__hop-ButtonGroup--end___PgVj-.ButtonGroup-module__hop-ButtonGroup--horizontal___Bj74P {
744
+ .ButtonGroup-module__hop-ButtonGroup--end___Js0WK.ButtonGroup-module__hop-ButtonGroup--horizontal___sF31k {
745
745
  justify-content: flex-end;
746
746
  }
747
- .ButtonGroup-module__hop-ButtonGroup--wrap___YIq71 {
747
+ .ButtonGroup-module__hop-ButtonGroup--wrap___3OI71 {
748
748
  flex-wrap: wrap;
749
749
  }
750
- .ButtonGroup-module__hop-ButtonGroup--fluid___H6j2y {
750
+ .ButtonGroup-module__hop-ButtonGroup--fluid___SNrHw {
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___H9JmY {
755
+ .EmbeddedButton-module__hop-EmbeddedButton___eqY7U {
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___H9JmY::before {
919
+ .EmbeddedButton-module__hop-EmbeddedButton___eqY7U::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___H9JmY[data-square] {
932
+ .EmbeddedButton-module__hop-EmbeddedButton___eqY7U[data-square] {
933
933
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
934
934
  }
935
- .EmbeddedButton-module__hop-EmbeddedButton--md___aN-Dt {
935
+ .EmbeddedButton-module__hop-EmbeddedButton--md___PoMLT {
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___z3Chu {
940
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___Hoqt4 {
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___aN-Dt::before {
945
+ .EmbeddedButton-module__hop-EmbeddedButton--md___PoMLT::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___z3Chu::before {
949
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___Hoqt4::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___dwxVJ {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3CGni {
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___2WQaN {
957
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___L0L76 {
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___jsVl7 {
961
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___GVO6d {
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___FE-D1 {
965
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___vu--6 {
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___I5yrJ {
969
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___FlGHR {
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___4B5mS {
973
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___D8HTq {
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___CmTkA {
977
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___2WXUC {
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___pjAdw {
981
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___EK0cQ {
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___SJqt- {
985
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___q-tUu {
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___G-0i3 {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___kx8Uv {
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___v83W6 {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Mkg92 {
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___pggQG {
997
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UaKjy {
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___H9JmY[data-selected] {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton___eqY7U[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___H9JmY[data-focus-visible] {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton___eqY7U[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___H9JmY[data-disabled] {
1009
+ .EmbeddedButton-module__hop-EmbeddedButton___eqY7U[data-disabled] {
1010
1010
  cursor: not-allowed;
1011
1011
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___dwxVJ[data-hovered] {
1012
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3CGni[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___dwxVJ[data-focus-visible] {
1016
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3CGni[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___dwxVJ[data-pressed] {
1020
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3CGni[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___dwxVJ[data-disabled] {
1024
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3CGni[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___2WQaN[data-hovered] {
1028
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___L0L76[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___2WQaN[data-focus-visible] {
1032
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___L0L76[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___2WQaN[data-pressed] {
1036
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___L0L76[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___2WQaN[data-disabled] {
1040
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___L0L76[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___jsVl7[data-hovered] {
1044
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___GVO6d[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___jsVl7[data-focus-visible] {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___GVO6d[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___jsVl7[data-pressed] {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___GVO6d[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___jsVl7[data-disabled] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___GVO6d[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___FE-D1[data-hovered] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___vu--6[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___FE-D1[data-focus-visible] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___vu--6[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___FE-D1[data-pressed] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___vu--6[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___FE-D1[data-disabled] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___vu--6[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___I5yrJ[data-hovered] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___FlGHR[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___I5yrJ[data-focus-visible] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___FlGHR[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___I5yrJ[data-pressed] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___FlGHR[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___I5yrJ[data-disabled] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___FlGHR[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___4B5mS[data-hovered] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___D8HTq[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___4B5mS[data-focus-visible] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___D8HTq[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___4B5mS[data-pressed] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___D8HTq[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___4B5mS[data-disabled] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___D8HTq[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___CmTkA[data-hovered] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___2WXUC[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___CmTkA[data-focus-visible] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___2WXUC[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___CmTkA[data-pressed] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___2WXUC[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___CmTkA[data-disabled] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___2WXUC[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___pjAdw[data-hovered] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___EK0cQ[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___pjAdw[data-focus-visible] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___EK0cQ[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___pjAdw[data-pressed] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___EK0cQ[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___pjAdw[data-disabled] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___EK0cQ[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___SJqt-[data-hovered] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___q-tUu[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___SJqt-[data-focus-visible] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___q-tUu[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___SJqt-[data-pressed] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___q-tUu[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___SJqt-[data-disabled] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___q-tUu[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___G-0i3[data-hovered] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___kx8Uv[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___G-0i3[data-focus-visible] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___kx8Uv[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___G-0i3[data-pressed] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___kx8Uv[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___G-0i3[data-disabled] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___kx8Uv[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___v83W6[data-hovered] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Mkg92[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___v83W6[data-focus-visible] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Mkg92[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___v83W6[data-pressed] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Mkg92[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___v83W6[data-disabled] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Mkg92[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___pggQG[data-hovered] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UaKjy[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___pggQG[data-focus-visible] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UaKjy[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___pggQG[data-pressed] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UaKjy[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___pggQG[data-disabled] {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UaKjy[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___h972D {
1204
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___XEev4 {
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___nbl94 {
1209
+ button.CloseButton-module__hop-CloseButton___WiUFW {
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___nbl94 {
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___d85jf {
1221
+ .Button-module__hop-Button___1BCiu {
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___nbl94 {
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___pQ-50 {
1346
+ .Button-module__hop-Button--fluid___vIbxm {
1347
1347
  --inline-size: 100%;
1348
1348
  }
1349
- .Button-module__hop-Button--xs___DkUXz {
1349
+ .Button-module__hop-Button--xs___Dwk-6 {
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___DkUXz[class*=--ghost] {
1353
+ .Button-module__hop-Button--xs___Dwk-6[class*=--ghost] {
1354
1354
  --padding: var(--hop-Button-ghost-xs-padding);
1355
1355
  }
1356
- .Button-module__hop-Button--sm___RACtX {
1356
+ .Button-module__hop-Button--sm___NJ5VV {
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___RACtX[class*=--ghost] {
1360
+ .Button-module__hop-Button--sm___NJ5VV[class*=--ghost] {
1361
1361
  --padding: var(--hop-Button-ghost-sm-padding);
1362
1362
  }
1363
- .Button-module__hop-Button--md___OHLi2[class*=--ghost] {
1363
+ .Button-module__hop-Button--md___CZ0cM[class*=--ghost] {
1364
1364
  --padding: var(--hop-Button-ghost-md-padding);
1365
1365
  }
1366
- .Button-module__hop-Button--icon-only___vilKS {
1366
+ .Button-module__hop-Button--icon-only___r8e-5 {
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___AOijH {
1371
+ .Button-module__hop-Button--primary___MTnkP {
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___AOijH[data-hovered],
1378
- .Button-module__hop-Button--primary___AOijH[data-focus-visible] {
1377
+ .Button-module__hop-Button--primary___MTnkP[data-hovered],
1378
+ .Button-module__hop-Button--primary___MTnkP[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___AOijH[data-pressed] {
1383
+ .Button-module__hop-Button--primary___MTnkP[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___fv4em {
1388
+ .Button-module__hop-Button--secondary___jsS7S {
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___fv4em[data-hovered],
1395
- .Button-module__hop-Button--secondary___fv4em[data-focus-visible] {
1394
+ .Button-module__hop-Button--secondary___jsS7S[data-hovered],
1395
+ .Button-module__hop-Button--secondary___jsS7S[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___fv4em[data-pressed] {
1400
+ .Button-module__hop-Button--secondary___jsS7S[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___ZDgR2 {
1405
+ .Button-module__hop-Button--upsell___0j2i8 {
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___ZDgR2[data-hovered],
1412
- .Button-module__hop-Button--upsell___ZDgR2[data-focus-visible] {
1411
+ .Button-module__hop-Button--upsell___0j2i8[data-hovered],
1412
+ .Button-module__hop-Button--upsell___0j2i8[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___ZDgR2[data-pressed] {
1417
+ .Button-module__hop-Button--upsell___0j2i8[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___x8-uw {
1422
+ .Button-module__hop-Button--danger___x4uGy {
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___x8-uw[data-hovered],
1429
- .Button-module__hop-Button--danger___x8-uw[data-focus-visible] {
1428
+ .Button-module__hop-Button--danger___x4uGy[data-hovered],
1429
+ .Button-module__hop-Button--danger___x4uGy[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___x8-uw[data-pressed] {
1434
+ .Button-module__hop-Button--danger___x4uGy[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___zE5YY {
1439
+ .Button-module__hop-Button--ghost-primary___jqRGS {
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___zE5YY[data-hovered],
1446
- .Button-module__hop-Button--ghost-primary___zE5YY[data-focus-visible] {
1445
+ .Button-module__hop-Button--ghost-primary___jqRGS[data-hovered],
1446
+ .Button-module__hop-Button--ghost-primary___jqRGS[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___zE5YY[data-pressed] {
1451
+ .Button-module__hop-Button--ghost-primary___jqRGS[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___2WPjs {
1456
+ .Button-module__hop-Button--ghost-secondary___a2k24 {
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___2WPjs[data-hovered],
1463
- .Button-module__hop-Button--ghost-secondary___2WPjs[data-focus-visible] {
1462
+ .Button-module__hop-Button--ghost-secondary___a2k24[data-hovered],
1463
+ .Button-module__hop-Button--ghost-secondary___a2k24[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___2WPjs[data-pressed] {
1468
+ .Button-module__hop-Button--ghost-secondary___a2k24[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___tO2Ug {
1473
+ .Button-module__hop-Button--ghost-danger___qT5Rc {
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___tO2Ug[data-hovered],
1480
- .Button-module__hop-Button--ghost-danger___tO2Ug[data-focus-visible] {
1479
+ .Button-module__hop-Button--ghost-danger___qT5Rc[data-hovered],
1480
+ .Button-module__hop-Button--ghost-danger___qT5Rc[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___tO2Ug[data-pressed] {
1485
+ .Button-module__hop-Button--ghost-danger___qT5Rc[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___d85jf[data-focus-visible] {
1490
+ .Button-module__hop-Button___1BCiu[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___d85jf[data-disabled],
1494
- .Button-module__hop-Button--loading___e8eco {
1493
+ .Button-module__hop-Button___1BCiu[data-disabled],
1494
+ .Button-module__hop-Button--loading___Cytnb {
1495
1495
  cursor: not-allowed;
1496
1496
  }
1497
- .Button-module__hop-Button___d85jf[data-disabled] {
1497
+ .Button-module__hop-Button___1BCiu[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___d85jf[class*=--ghost][data-disabled] {
1502
+ .Button-module__hop-Button___1BCiu[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___e8eco.Button-module__hop-Button--primary___AOijH {
1507
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--primary___MTnkP {
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___e8eco.Button-module__hop-Button--secondary___fv4em {
1512
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--secondary___jsS7S {
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___e8eco.Button-module__hop-Button--upsell___ZDgR2 {
1517
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--upsell___0j2i8 {
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___e8eco.Button-module__hop-Button--danger___x8-uw {
1522
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--danger___x4uGy {
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___e8eco.Button-module__hop-Button--ghost-primary___zE5YY {
1527
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-primary___jqRGS {
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___e8eco.Button-module__hop-Button--ghost-secondary___2WPjs {
1532
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-secondary___a2k24 {
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___e8eco.Button-module__hop-Button--ghost-danger___tO2Ug {
1537
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-danger___qT5Rc {
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___qTOED {
1542
+ .Button-module__hop-Button__Spinner___jH7f7 {
1543
1543
  position: absolute;
1544
1544
  color: var(--spinner-color);
1545
1545
  }
1546
- .Button-module__hop-Button__icon___-XqcD,
1547
- .Button-module__hop-Button__icon-list___8FO6E {
1546
+ .Button-module__hop-Button__icon___ZFw-K,
1547
+ .Button-module__hop-Button__icon-list___gUwRs {
1548
1548
  flex: 0 0 auto;
1549
1549
  justify-self: end;
1550
1550
  order: 1;
1551
1551
  }
1552
- .Button-module__hop-Button__text___mr1tK {
1552
+ .Button-module__hop-Button__text___lBPoJ {
1553
1553
  user-select: none;
1554
1554
  overflow: visible;
1555
1555
  flex: 0 1 auto;
@@ -1558,59 +1558,59 @@ button.CloseButton-module__hop-CloseButton___nbl94 {
1558
1558
  text-decoration: none;
1559
1559
  text-wrap: nowrap;
1560
1560
  }
1561
- .Button-module__hop-Button__end-icon___3kVOm,
1562
- .Button-module__hop-Button__end-icon-list___U0yxC {
1561
+ .Button-module__hop-Button__end-icon___Z-hok,
1562
+ .Button-module__hop-Button__end-icon-list___HcgdX {
1563
1563
  flex: 0 0 auto;
1564
1564
  order: 3;
1565
1565
  }
1566
- .Button-module__hop-Button___d85jf .Button-module__hop-Button__icon-list___8FO6E,
1567
- .Button-module__hop-Button___d85jf .Button-module__hop-Button__end-icon-list___U0yxC {
1566
+ .Button-module__hop-Button___1BCiu .Button-module__hop-Button__icon-list___gUwRs,
1567
+ .Button-module__hop-Button___1BCiu .Button-module__hop-Button__end-icon-list___HcgdX {
1568
1568
  flex-wrap: nowrap;
1569
1569
  }
1570
- .Button-module__hop-Button--loading___e8eco.Button-module__hop-Button___d85jf > *:not(.Button-module__hop-Button__Spinner___qTOED) {
1570
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button___1BCiu > *:not(.Button-module__hop-Button__Spinner___jH7f7) {
1571
1571
  opacity: 0;
1572
1572
  }
1573
- .LinkButton-module__hop-LinkButton___X3cbb {
1573
+ .LinkButton-module__hop-LinkButton___6nwEd {
1574
1574
  }
1575
- .LinkButton-module__hop-LinkButton--fluid___TTNRJ {
1575
+ .LinkButton-module__hop-LinkButton--fluid___e3fUT {
1576
1576
  }
1577
- .LinkButton-module__hop-LinkButton--xs___zkj8k {
1577
+ .LinkButton-module__hop-LinkButton--xs___YKmsg {
1578
1578
  }
1579
- .LinkButton-module__hop-LinkButton--sm___-0AdB {
1579
+ .LinkButton-module__hop-LinkButton--sm___ORLEQ {
1580
1580
  }
1581
- .LinkButton-module__hop-LinkButton--icon-only___bzEWL {
1581
+ .LinkButton-module__hop-LinkButton--icon-only___V-WEn {
1582
1582
  }
1583
- .LinkButton-module__hop-LinkButton--primary___ROgo3 {
1583
+ .LinkButton-module__hop-LinkButton--primary___-4WFJ {
1584
1584
  }
1585
- .LinkButton-module__hop-LinkButton--secondary___KCxVh {
1585
+ .LinkButton-module__hop-LinkButton--secondary___xBe51 {
1586
1586
  }
1587
- .LinkButton-module__hop-LinkButton--upsell___6awUz {
1587
+ .LinkButton-module__hop-LinkButton--upsell___V7yuC {
1588
1588
  }
1589
- .LinkButton-module__hop-LinkButton--danger___JfZ-G {
1589
+ .LinkButton-module__hop-LinkButton--danger___u-w57 {
1590
1590
  }
1591
- .LinkButton-module__hop-LinkButton--ghost-primary___zGufs {
1591
+ .LinkButton-module__hop-LinkButton--ghost-primary___EIlC7 {
1592
1592
  }
1593
- .LinkButton-module__hop-LinkButton--ghost-secondary___5J4HC {
1593
+ .LinkButton-module__hop-LinkButton--ghost-secondary___fImnv {
1594
1594
  }
1595
- .LinkButton-module__hop-LinkButton--ghost-danger___I0CCo {
1595
+ .LinkButton-module__hop-LinkButton--ghost-danger___OIOzI {
1596
1596
  }
1597
- .LinkButton-module__hop-LinkButton__Spinner___rCd9y {
1597
+ .LinkButton-module__hop-LinkButton__Spinner___a-Ptm {
1598
1598
  }
1599
- .LinkButton-module__hop-LinkButton__icon___sj1X2,
1600
- .LinkButton-module__hop-LinkButton__icon-list___uf9xG {
1599
+ .LinkButton-module__hop-LinkButton__icon___X-I1Y,
1600
+ .LinkButton-module__hop-LinkButton__icon-list___11nZQ {
1601
1601
  }
1602
- .LinkButton-module__hop-LinkButton__text___IBzCB {
1602
+ .LinkButton-module__hop-LinkButton__text___hnApD {
1603
1603
  }
1604
- .LinkButton-module__hop-LinkButton__end-icon___Raxee,
1605
- .LinkButton-module__hop-LinkButton__end-icon-list___tUf9w {
1604
+ .LinkButton-module__hop-LinkButton__end-icon___cxizo,
1605
+ .LinkButton-module__hop-LinkButton__end-icon-list___M-VRq {
1606
1606
  }
1607
- .LinkButton-module__hop-LinkButton___X3cbb .LinkButton-module__hop-LinkButton__icon-list___uf9xG,
1608
- .LinkButton-module__hop-LinkButton___X3cbb .LinkButton-module__hop-LinkButton__end-icon-list___tUf9w {
1607
+ .LinkButton-module__hop-LinkButton___6nwEd .LinkButton-module__hop-LinkButton__icon-list___11nZQ,
1608
+ .LinkButton-module__hop-LinkButton___6nwEd .LinkButton-module__hop-LinkButton__end-icon-list___M-VRq {
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___d85jf {
1613
+ .Button-module__hop-Button___1BCiu {
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___nbl94 {
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___pQ-50 {
1738
+ .Button-module__hop-Button--fluid___vIbxm {
1739
1739
  --inline-size: 100%;
1740
1740
  }
1741
- .Button-module__hop-Button--xs___DkUXz {
1741
+ .Button-module__hop-Button--xs___Dwk-6 {
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___DkUXz[class*=--ghost] {
1745
+ .Button-module__hop-Button--xs___Dwk-6[class*=--ghost] {
1746
1746
  --padding: var(--hop-Button-ghost-xs-padding);
1747
1747
  }
1748
- .Button-module__hop-Button--sm___RACtX {
1748
+ .Button-module__hop-Button--sm___NJ5VV {
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___RACtX[class*=--ghost] {
1752
+ .Button-module__hop-Button--sm___NJ5VV[class*=--ghost] {
1753
1753
  --padding: var(--hop-Button-ghost-sm-padding);
1754
1754
  }
1755
- .Button-module__hop-Button--md___OHLi2[class*=--ghost] {
1755
+ .Button-module__hop-Button--md___CZ0cM[class*=--ghost] {
1756
1756
  --padding: var(--hop-Button-ghost-md-padding);
1757
1757
  }
1758
- .Button-module__hop-Button--icon-only___vilKS {
1758
+ .Button-module__hop-Button--icon-only___r8e-5 {
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___AOijH {
1763
+ .Button-module__hop-Button--primary___MTnkP {
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___AOijH[data-hovered],
1770
- .Button-module__hop-Button--primary___AOijH[data-focus-visible] {
1769
+ .Button-module__hop-Button--primary___MTnkP[data-hovered],
1770
+ .Button-module__hop-Button--primary___MTnkP[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___AOijH[data-pressed] {
1775
+ .Button-module__hop-Button--primary___MTnkP[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___fv4em {
1780
+ .Button-module__hop-Button--secondary___jsS7S {
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___fv4em[data-hovered],
1787
- .Button-module__hop-Button--secondary___fv4em[data-focus-visible] {
1786
+ .Button-module__hop-Button--secondary___jsS7S[data-hovered],
1787
+ .Button-module__hop-Button--secondary___jsS7S[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___fv4em[data-pressed] {
1792
+ .Button-module__hop-Button--secondary___jsS7S[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___ZDgR2 {
1797
+ .Button-module__hop-Button--upsell___0j2i8 {
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___ZDgR2[data-hovered],
1804
- .Button-module__hop-Button--upsell___ZDgR2[data-focus-visible] {
1803
+ .Button-module__hop-Button--upsell___0j2i8[data-hovered],
1804
+ .Button-module__hop-Button--upsell___0j2i8[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___ZDgR2[data-pressed] {
1809
+ .Button-module__hop-Button--upsell___0j2i8[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___x8-uw {
1814
+ .Button-module__hop-Button--danger___x4uGy {
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___x8-uw[data-hovered],
1821
- .Button-module__hop-Button--danger___x8-uw[data-focus-visible] {
1820
+ .Button-module__hop-Button--danger___x4uGy[data-hovered],
1821
+ .Button-module__hop-Button--danger___x4uGy[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___x8-uw[data-pressed] {
1826
+ .Button-module__hop-Button--danger___x4uGy[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___zE5YY {
1831
+ .Button-module__hop-Button--ghost-primary___jqRGS {
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___zE5YY[data-hovered],
1838
- .Button-module__hop-Button--ghost-primary___zE5YY[data-focus-visible] {
1837
+ .Button-module__hop-Button--ghost-primary___jqRGS[data-hovered],
1838
+ .Button-module__hop-Button--ghost-primary___jqRGS[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___zE5YY[data-pressed] {
1843
+ .Button-module__hop-Button--ghost-primary___jqRGS[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___2WPjs {
1848
+ .Button-module__hop-Button--ghost-secondary___a2k24 {
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___2WPjs[data-hovered],
1855
- .Button-module__hop-Button--ghost-secondary___2WPjs[data-focus-visible] {
1854
+ .Button-module__hop-Button--ghost-secondary___a2k24[data-hovered],
1855
+ .Button-module__hop-Button--ghost-secondary___a2k24[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___2WPjs[data-pressed] {
1860
+ .Button-module__hop-Button--ghost-secondary___a2k24[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___tO2Ug {
1865
+ .Button-module__hop-Button--ghost-danger___qT5Rc {
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___tO2Ug[data-hovered],
1872
- .Button-module__hop-Button--ghost-danger___tO2Ug[data-focus-visible] {
1871
+ .Button-module__hop-Button--ghost-danger___qT5Rc[data-hovered],
1872
+ .Button-module__hop-Button--ghost-danger___qT5Rc[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___tO2Ug[data-pressed] {
1877
+ .Button-module__hop-Button--ghost-danger___qT5Rc[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___d85jf[data-focus-visible] {
1882
+ .Button-module__hop-Button___1BCiu[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___d85jf[data-disabled],
1886
- .Button-module__hop-Button--loading___e8eco {
1885
+ .Button-module__hop-Button___1BCiu[data-disabled],
1886
+ .Button-module__hop-Button--loading___Cytnb {
1887
1887
  cursor: not-allowed;
1888
1888
  }
1889
- .Button-module__hop-Button___d85jf[data-disabled] {
1889
+ .Button-module__hop-Button___1BCiu[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___d85jf[class*=--ghost][data-disabled] {
1894
+ .Button-module__hop-Button___1BCiu[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___e8eco.Button-module__hop-Button--primary___AOijH {
1899
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--primary___MTnkP {
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___e8eco.Button-module__hop-Button--secondary___fv4em {
1904
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--secondary___jsS7S {
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___e8eco.Button-module__hop-Button--upsell___ZDgR2 {
1909
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--upsell___0j2i8 {
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___e8eco.Button-module__hop-Button--danger___x8-uw {
1914
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--danger___x4uGy {
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___e8eco.Button-module__hop-Button--ghost-primary___zE5YY {
1919
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-primary___jqRGS {
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___e8eco.Button-module__hop-Button--ghost-secondary___2WPjs {
1924
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-secondary___a2k24 {
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___e8eco.Button-module__hop-Button--ghost-danger___tO2Ug {
1929
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-danger___qT5Rc {
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___qTOED {
1934
+ .Button-module__hop-Button__Spinner___jH7f7 {
1935
1935
  position: absolute;
1936
1936
  color: var(--spinner-color);
1937
1937
  }
1938
- .Button-module__hop-Button__icon___-XqcD,
1939
- .Button-module__hop-Button__icon-list___8FO6E {
1938
+ .Button-module__hop-Button__icon___ZFw-K,
1939
+ .Button-module__hop-Button__icon-list___gUwRs {
1940
1940
  flex: 0 0 auto;
1941
1941
  justify-self: end;
1942
1942
  order: 1;
1943
1943
  }
1944
- .Button-module__hop-Button__text___mr1tK {
1944
+ .Button-module__hop-Button__text___lBPoJ {
1945
1945
  user-select: none;
1946
1946
  overflow: visible;
1947
1947
  flex: 0 1 auto;
@@ -1950,19 +1950,19 @@ button.CloseButton-module__hop-CloseButton___nbl94 {
1950
1950
  text-decoration: none;
1951
1951
  text-wrap: nowrap;
1952
1952
  }
1953
- .Button-module__hop-Button__end-icon___3kVOm,
1954
- .Button-module__hop-Button__end-icon-list___U0yxC {
1953
+ .Button-module__hop-Button__end-icon___Z-hok,
1954
+ .Button-module__hop-Button__end-icon-list___HcgdX {
1955
1955
  flex: 0 0 auto;
1956
1956
  order: 3;
1957
1957
  }
1958
- .Button-module__hop-Button___d85jf .Button-module__hop-Button__icon-list___8FO6E,
1959
- .Button-module__hop-Button___d85jf .Button-module__hop-Button__end-icon-list___U0yxC {
1958
+ .Button-module__hop-Button___1BCiu .Button-module__hop-Button__icon-list___gUwRs,
1959
+ .Button-module__hop-Button___1BCiu .Button-module__hop-Button__end-icon-list___HcgdX {
1960
1960
  flex-wrap: nowrap;
1961
1961
  }
1962
- .Button-module__hop-Button--loading___e8eco.Button-module__hop-Button___d85jf > *:not(.Button-module__hop-Button__Spinner___qTOED) {
1962
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button___1BCiu > *:not(.Button-module__hop-Button__Spinner___jH7f7) {
1963
1963
  opacity: 0;
1964
1964
  }
1965
- .ToggleButton-module__hop-ToggleButton___L7Ava {
1965
+ .ToggleButton-module__hop-ToggleButton___DJqG2 {
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___nbl94 {
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___9rtE9 {
2010
+ .ToggleButton-module__hop-ToggleButton--fluid___qiAF4 {
2011
2011
  }
2012
- .ToggleButton-module__hop-ToggleButton--xs___41xAt {
2012
+ .ToggleButton-module__hop-ToggleButton--xs___xqyXu {
2013
2013
  }
2014
- .ToggleButton-module__hop-ToggleButton--sm___28Z9V {
2014
+ .ToggleButton-module__hop-ToggleButton--sm___IbnG1 {
2015
2015
  }
2016
- .ToggleButton-module__hop-ToggleButton--md___ShM-- {
2016
+ .ToggleButton-module__hop-ToggleButton--md___CR4Pm {
2017
2017
  }
2018
- .ToggleButton-module__hop-ToggleButton--icon-only___j3ia6 {
2018
+ .ToggleButton-module__hop-ToggleButton--icon-only___j-t5D {
2019
2019
  }
2020
- .ToggleButton-module__hop-ToggleButton--primary___vF-AG {
2020
+ .ToggleButton-module__hop-ToggleButton--primary___9fTEu {
2021
2021
  }
2022
- .ToggleButton-module__hop-ToggleButton--primary___vF-AG[data-selected] {
2022
+ .ToggleButton-module__hop-ToggleButton--primary___9fTEu[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___t-Gvf {
2027
+ .ToggleButton-module__hop-ToggleButton--secondary___UZDpv {
2028
2028
  }
2029
- .ToggleButton-module__hop-ToggleButton--secondary___t-Gvf[data-selected] {
2029
+ .ToggleButton-module__hop-ToggleButton--secondary___UZDpv[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___SllkR {
2034
+ .ToggleButton-module__hop-ToggleButton--upsell___2k3kQ {
2035
2035
  }
2036
- .ToggleButton-module__hop-ToggleButton--upsell___SllkR[data-selected] {
2036
+ .ToggleButton-module__hop-ToggleButton--upsell___2k3kQ[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___CvgNE {
2041
+ .ToggleButton-module__hop-ToggleButton--danger___lTo6d {
2042
2042
  }
2043
- .ToggleButton-module__hop-ToggleButton--danger___CvgNE[data-selected] {
2043
+ .ToggleButton-module__hop-ToggleButton--danger___lTo6d[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___PZ5UJ {
2048
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___NIUa- {
2049
2049
  }
2050
- .ToggleButton-module__hop-ToggleButton--ghost-primary___PZ5UJ[data-selected] {
2050
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___NIUa-[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___SIHiE {
2055
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___BIjmu {
2056
2056
  }
2057
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___SIHiE[data-selected] {
2057
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___BIjmu[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___oq1bi {
2062
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___cIkmn {
2063
2063
  }
2064
- .ToggleButton-module__hop-ToggleButton--ghost-danger___oq1bi[data-selected] {
2064
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___cIkmn[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___k4PnL.ToggleButton-module__hop-ToggleButton--primary___vF-AG {
2069
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--primary___9fTEu {
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___k4PnL.ToggleButton-module__hop-ToggleButton--secondary___t-Gvf {
2074
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--secondary___UZDpv {
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___k4PnL.ToggleButton-module__hop-ToggleButton--upsell___SllkR {
2079
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--upsell___2k3kQ {
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___k4PnL.ToggleButton-module__hop-ToggleButton--danger___CvgNE {
2084
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--danger___lTo6d {
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___k4PnL.ToggleButton-module__hop-ToggleButton--ghost-primary___PZ5UJ {
2089
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--ghost-primary___NIUa- {
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___k4PnL.ToggleButton-module__hop-ToggleButton--ghost-secondary___SIHiE {
2094
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--ghost-secondary___BIjmu {
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___k4PnL.ToggleButton-module__hop-ToggleButton--ghost-danger___oq1bi {
2099
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--ghost-danger___cIkmn {
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___EraTf {
2104
+ .ToggleButton-module__hop-ToggleButton__Spinner___Sj7QR {
2105
2105
  }
2106
- .ToggleButton-module__hop-ToggleButton__icon___OgC6r,
2107
- .ToggleButton-module__hop-ToggleButton__icon-list___k0va2 {
2106
+ .ToggleButton-module__hop-ToggleButton__icon___XLRk2,
2107
+ .ToggleButton-module__hop-ToggleButton__icon-list___guKnX {
2108
2108
  }
2109
- .ToggleButton-module__hop-ToggleButton__text___W9Oaf {
2109
+ .ToggleButton-module__hop-ToggleButton__text___r9WuU {
2110
2110
  }
2111
- .ToggleButton-module__hop-ToggleButton__end-icon___aZgL2,
2112
- .ToggleButton-module__hop-ToggleButton__end-icon-list___ELJ6N {
2111
+ .ToggleButton-module__hop-ToggleButton__end-icon___K7Kq5,
2112
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___to-0t {
2113
2113
  }
2114
- .ToggleButton-module__hop-ToggleButton__icon-list___k0va2,
2115
- .ToggleButton-module__hop-ToggleButton__end-icon-list___ELJ6N {
2114
+ .ToggleButton-module__hop-ToggleButton__icon-list___guKnX,
2115
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___to-0t {
2116
2116
  }
2117
- .ToggleButton-module__hop-ToggleButton--loading___k4PnL.ToggleButton-module__hop-ToggleButton___L7Ava > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___EraTf) {
2117
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton___DJqG2 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___Sj7QR) {
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___7t5CS {
2122
+ .BaseModal-module__hop-BaseModal___2dfaf {
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___nbl94 {
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___nbl94 {
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___qIIoi {
2162
+ .BaseModal-module__hop-BaseModal__modal___nmCQv {
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___vGiiG .BaseModal-module__hop-BaseModal__modal___qIIoi {
2203
- --image-size: 16rem;
2204
- }
2205
- }
2206
- .BaseModal-module__hop-BaseModal___7t5CS[data-entering] {
2207
- opacity: var(--hop-BaseModal-entering-opacity);
2208
- }
2209
- .BaseModal-module__hop-BaseModal___7t5CS[data-entering] .BaseModal-module__hop-BaseModal__modal___qIIoi {
2210
- transform: var(--hop-BaseModal__modal-entering-transform);
2211
- opacity: var(--hop-BaseModal__modal-entering-opacity);
2212
- }
2213
- .BaseModal-module__hop-BaseModal___7t5CS[data-exiting] {
2214
- opacity: var(--hop-BaseModal-exiting-opacity);
2215
- }
2216
- .BaseModal-module__hop-BaseModal___7t5CS[data-exiting] .BaseModal-module__hop-BaseModal__modal___qIIoi {
2217
- opacity: var(--hop-BaseModal__modal-exiting-opacity);
2218
- transition: var(--hop-BaseModal__modal-exiting-transition);
2219
- }
2220
- .BaseModal-module__hop-BaseModal--sm___1JnrY .BaseModal-module__hop-BaseModal__modal___qIIoi {
2221
- --width: calc(var(--image-size) + var(--hop-BaseModal__modal-sm-width));
2222
- }
2223
- .BaseModal-module__hop-BaseModal--md___9WZko .BaseModal-module__hop-BaseModal__modal___qIIoi {
2224
- --width: calc(var(--image-size) + var(--hop-BaseModal__modal-md-width));
2225
- }
2226
- .BaseModal-module__hop-BaseModal--lg___pXMJ5 .BaseModal-module__hop-BaseModal__modal___qIIoi {
2227
- --width: calc(var(--image-size) + var(--hop-BaseModal__modal-lg-width));
2228
- }
2229
- .BaseModal-module__hop-BaseModal--xl___3wirs .BaseModal-module__hop-BaseModal__modal___qIIoi {
2230
- --width: calc(var(--image-size) + var(--hop-BaseModal__modal-xl-width));
2231
- }
2232
- .BaseModal-module__hop-BaseModal--fullscreen___yzL4h .BaseModal-module__hop-BaseModal__modal___qIIoi {
2233
- --width: var(--hop-BaseModal__modal-fullscreen-width);
2234
- --height: var(--hop-BaseModal__modal-fullscreen-height);
2235
- }
2236
- .BaseModal-module__hop-BaseModal--fullscreentakeover___2CvCK .BaseModal-module__hop-BaseModal__modal___qIIoi {
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___yzL4h .BaseModal-module__hop-BaseModal__modal___qIIoi,
2242
- .BaseModal-module__hop-BaseModal--fullscreentakeover___2CvCK .BaseModal-module__hop-BaseModal__modal___qIIoi {
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___KCA0a {
2181
+ .CustomModal-module__hop-CustomModal___DXfaj {
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___nbl94 {
2257
2190
  border-radius: inherit;
2258
2191
  outline: var(--hop-CustomModal-outline);
2259
2192
  }
2193
+ .CustomModal-module__hop-CustomModal__base-modal___KlcTP {
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___MjUYY {
2215
+ --width: var(--hop-CustomModal__base-modal-sm-width);
2216
+ }
2217
+ .CustomModal-module__hop-CustomModal__base-modal--md___yTNRt {
2218
+ --width: var(--hop-CustomModal__base-modal-md-width);
2219
+ }
2220
+ .CustomModal-module__hop-CustomModal__base-modal--lg___ebPPt {
2221
+ --width: var(--hop-CustomModal__base-modal-lg-width);
2222
+ }
2223
+ .CustomModal-module__hop-CustomModal__base-modal--xl___yxsDH {
2224
+ --width: var(--hop-CustomModal__base-modal-xl-width);
2225
+ }
2226
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreen___rMaXn {
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___8EW33 {
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___rMaXn,
2236
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___8EW33 {
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___zJck2[data-entering] .CustomModal-module__hop-CustomModal__base-modal___KlcTP {
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___zJck2[data-exiting] .CustomModal-module__hop-CustomModal__base-modal___KlcTP {
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___zJck2[data-entering]:has(.CustomModal-module__hop-CustomModal__base-modal___KlcTP) {
2249
+ opacity: 0;
2250
+ transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2251
+ }
2252
+ .CustomModal-module__hop-CustomModal__overlay___zJck2[data-exiting]:has(.CustomModal-module__hop-CustomModal__base-modal___KlcTP) {
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___B-VCb {
2258
+ .Image-module__hop-Image___MRJKs {
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___WkZxw {
2264
+ .Image-module__hop-Image--rounded___q1lS0 {
2269
2265
  border-radius: var(--hop-shape-rounded-md);
2270
2266
  }
2271
- .Image-module__hop-Image--circular___8ei3N {
2267
+ .Image-module__hop-Image--circular___xtn61 {
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___hMpCf {
2272
+ .SvgImage-module__hop-SvgImage___aPlMy {
2277
2273
  display: block;
2278
2274
  max-inline-size: 100%;
2279
2275
  block-size: auto;
@@ -2281,7 +2277,7 @@ button.CloseButton-module__hop-CloseButton___nbl94 {
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___IWWnS {
2280
+ .Modal-module__hop-Modal___NqdUo {
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___nbl94 {
2306
2302
  border-radius: inherit;
2307
2303
  outline: var(--hop-Modal-outline);
2308
2304
  }
2309
- .Modal-module__hop-Modal__top-container___fuT-m {
2305
+ .Modal-module__hop-Modal__top-container___a4PJu {
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___bnmC3 {
2310
+ .Modal-module__hop-Modal__bottom-container___gsOcv {
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___IWWnS:not(.Modal-module__hop-Modal--has-image___GpYkL) {
2315
+ .Modal-module__hop-Modal___NqdUo:not(.Modal-module__hop-Modal--has-image___JLsZK) {
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___IWWnS:not(.Modal-module__hop-Modal--has-image___GpYkL, .Modal-module__hop-Modal--fullscreen___gef-q, .Modal-module__hop-Modal--fullscreenTakeover___m0DDP) {
2319
+ .Modal-module__hop-Modal___NqdUo:not(.Modal-module__hop-Modal--has-image___JLsZK, .Modal-module__hop-Modal--fullscreen___lxVEh, .Modal-module__hop-Modal--fullscreenTakeover___HWc-B) {
2324
2320
  --grid-template: "top top" auto "content content" auto "bottom bottom" auto / auto auto;
2325
2321
  }
2326
- .Modal-module__hop-Modal___IWWnS.Modal-module__hop-Modal--has-image___GpYkL:not(.Modal-module__hop-Modal--fullscreen___gef-q, .Modal-module__hop-Modal--fullscreenTakeover___m0DDP) {
2322
+ .Modal-module__hop-Modal___NqdUo.Modal-module__hop-Modal--has-image___JLsZK:not(.Modal-module__hop-Modal--fullscreen___lxVEh, .Modal-module__hop-Modal--fullscreenTakeover___HWc-B) {
2327
2323
  --grid-template: var(--hop-Modal-large-grid-template);
2328
2324
  }
2329
2325
  }
2330
- .Modal-module__hop-Modal__close___hKDNO {
2326
+ .Modal-module__hop-Modal__close___K8ime {
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___IWWnS > .Modal-module__hop-Modal__image___C-RN- {
2331
+ .Modal-module__hop-Modal___NqdUo > .Modal-module__hop-Modal__image___s-JQ5 {
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___nbl94 {
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___b0tPL {
2340
+ .Modal-module__hop-Modal__heading___VYF4j {
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___eoZuA {
2345
+ .Modal-module__hop-Modal__header___LReIw {
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___SJl0L {
2351
+ .Modal-module__hop-Modal__content___Xkd1G {
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___nbl94 {
2362
2358
  line-height: var(--hop-Modal-content-line-height);
2363
2359
  }
2364
2360
  @media (max-height: 24rem) {
2365
- .Modal-module__hop-Modal__content___SJl0L {
2361
+ .Modal-module__hop-Modal__content___Xkd1G {
2366
2362
  overflow-y: visible;
2367
2363
  }
2368
2364
  }
2369
- .Modal-module__hop-Modal__footer___xxP49 {
2365
+ .Modal-module__hop-Modal__footer___9JJqP {
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___XGzj5 {
2371
+ .Modal-module__hop-Modal__button___9rYgZ {
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___g0DGy {
2377
+ .Modal-module__hop-Modal__button-group___ZjxFO {
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___IWWnS:has(.Modal-module__hop-Modal__close___hKDNO) > .Modal-module__hop-Modal__top-container___fuT-m {
2384
+ .Modal-module__hop-Modal___NqdUo:has(.Modal-module__hop-Modal__close___K8ime) > .Modal-module__hop-Modal__top-container___a4PJu {
2389
2385
  margin-inline-end: calc(var(--hop-Modal-margin) + var(--hop-space-inline-md) + 1.5rem);
2390
2386
  }
2391
- .Modal-module__hop-Modal___IWWnS.Modal-module__hop-Modal--has-image___GpYkL:has(.Modal-module__hop-Modal__close___hKDNO).Modal-module__hop-Modal--fullscreen___gef-q > .Modal-module__hop-Modal__top-container___fuT-m,
2392
- .Modal-module__hop-Modal___IWWnS.Modal-module__hop-Modal--has-image___GpYkL:has(.Modal-module__hop-Modal__close___hKDNO).Modal-module__hop-Modal--fullscreenTakeover___m0DDP > .Modal-module__hop-Modal__top-container___fuT-m {
2387
+ .Modal-module__hop-Modal___NqdUo.Modal-module__hop-Modal--has-image___JLsZK:has(.Modal-module__hop-Modal__close___K8ime).Modal-module__hop-Modal--fullscreen___lxVEh > .Modal-module__hop-Modal__top-container___a4PJu,
2388
+ .Modal-module__hop-Modal___NqdUo.Modal-module__hop-Modal--has-image___JLsZK:has(.Modal-module__hop-Modal__close___K8ime).Modal-module__hop-Modal--fullscreenTakeover___HWc-B > .Modal-module__hop-Modal__top-container___a4PJu {
2393
2389
  margin-inline-end: var(--hop-Modal-margin);
2394
2390
  }
2395
2391
  @media screen and (max-width: 48rem) {
2396
- .Modal-module__hop-Modal___IWWnS:has(.Modal-module__hop-Modal__close___hKDNO).Modal-module__hop-Modal--has-image___GpYkL > .Modal-module__hop-Modal__header___eoZuA,
2397
- .Modal-module__hop-Modal___IWWnS:has(.Modal-module__hop-Modal__close___hKDNO).Modal-module__hop-Modal--has-image___GpYkL > .Modal-module__hop-Modal__heading___b0tPL {
2392
+ .Modal-module__hop-Modal___NqdUo:has(.Modal-module__hop-Modal__close___K8ime).Modal-module__hop-Modal--has-image___JLsZK > .Modal-module__hop-Modal__header___LReIw,
2393
+ .Modal-module__hop-Modal___NqdUo:has(.Modal-module__hop-Modal__close___K8ime).Modal-module__hop-Modal--has-image___JLsZK > .Modal-module__hop-Modal__heading___VYF4j {
2398
2394
  margin-inline-end: var(--hop-Modal-margin);
2399
2395
  }
2400
2396
  }
2401
- .Modal-module__hop-Modal__top-container___fuT-m:has(> .Modal-module__hop-Modal__header___eoZuA) > .Modal-module__hop-Modal__heading___b0tPL {
2397
+ .Modal-module__hop-Modal__top-container___a4PJu:has(> .Modal-module__hop-Modal__header___LReIw) > .Modal-module__hop-Modal__heading___VYF4j {
2402
2398
  margin-inline-end: 0;
2403
2399
  }
2404
- .Modal-module__hop-Modal__bottom-container___bnmC3:has(> .Modal-module__hop-Modal__button___XGzj5) > .Modal-module__hop-Modal__footer___xxP49,
2405
- .Modal-module__hop-Modal__bottom-container___bnmC3:has(> .Modal-module__hop-Modal__button-group___g0DGy) > .Modal-module__hop-Modal__footer___xxP49 {
2400
+ .Modal-module__hop-Modal__bottom-container___gsOcv:has(> .Modal-module__hop-Modal__button___9rYgZ) > .Modal-module__hop-Modal__footer___9JJqP,
2401
+ .Modal-module__hop-Modal__bottom-container___gsOcv:has(> .Modal-module__hop-Modal__button-group___ZjxFO) > .Modal-module__hop-Modal__footer___9JJqP {
2406
2402
  margin-inline-end: 0;
2407
2403
  }
2404
+ .Modal-module__hop-Modal__base-modal___eIojo {
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___tRaJo {
2428
+ --image-size: 16rem;
2429
+ }
2430
+ }
2431
+ .Modal-module__hop-Modal__base-modal--sm___JfNAy {
2432
+ --width: calc(var(--image-size) + var(--hop-Modal__base-modal-sm-width));
2433
+ }
2434
+ .Modal-module__hop-Modal__base-modal--md___8xoFY {
2435
+ --width: calc(var(--image-size) + var(--hop-Modal__base-modal-md-width));
2436
+ }
2437
+ .Modal-module__hop-Modal__base-modal--lg___Zx7xN {
2438
+ --width: calc(var(--image-size) + var(--hop-Modal__base-modal-lg-width));
2439
+ }
2440
+ .Modal-module__hop-Modal__base-modal--xl___UC1xz {
2441
+ --width: calc(var(--image-size) + var(--hop-Modal__base-modal-xl-width));
2442
+ }
2443
+ .Modal-module__hop-Modal__base-modal--fullscreen___ht-xZ {
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___ok9-E {
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___ht-xZ,
2453
+ .Modal-module__hop-Modal__base-modal--fullscreenTakeover___ok9-E {
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___vj69-[data-entering] .Modal-module__hop-Modal__base-modal___eIojo {
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___vj69-[data-exiting] .Modal-module__hop-Modal__base-modal___eIojo {
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___vj69-[data-entering]:has(.Modal-module__hop-Modal__base-modal___eIojo) {
2466
+ opacity: 0;
2467
+ transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2468
+ }
2469
+ .Modal-module__hop-Modal__overlay___vj69-[data-exiting]:has(.Modal-module__hop-Modal__base-modal___eIojo) {
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___vBetr {
2475
+ .Alert-module__hop-Alert___ZqPsl {
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___nbl94 {
2431
2496
  border-radius: var(--border-radius);
2432
2497
  outline: var(--hop-Alert-outline);
2433
2498
  }
2434
- .Alert-module__hop-Alert__button-group___1aU-B {
2499
+ .Alert-module__hop-Alert__button-group___WGQ3V {
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___1aU-B > button {
2505
+ .Alert-module__hop-Alert__button-group___WGQ3V > 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___vBetr {
2510
+ .Alert-module__hop-Alert___ZqPsl {
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___1aU-B {
2515
+ .Alert-module__hop-Alert__button-group___WGQ3V {
2451
2516
  inline-size: 100%;
2452
2517
  }
2453
- .Alert-module__hop-Alert__button-group___1aU-B > button {
2518
+ .Alert-module__hop-Alert__button-group___WGQ3V > button {
2454
2519
  inline-size: 100%;
2455
2520
  max-inline-size: unset;
2456
2521
  }
2457
2522
  }
2458
- .Alert-module__hop-Alert__heading___vhXUo {
2523
+ .Alert-module__hop-Alert__heading___Viyvg {
2459
2524
  grid-area: heading;
2460
2525
  }
2461
- .Alert-module__hop-Alert__close___vMVGP {
2526
+ .Alert-module__hop-Alert__close___4rso3 {
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___nOKFj {
2531
+ .Alert-module__hop-Alert__content___Agdy0 {
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___DujMw {
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___QPvFs {
2548
+ --width: var(--hop-Alert__base-modal-sm-width);
2549
+ }
2550
+ .Alert-module__hop-Alert__base-modal--md___zMIPC {
2551
+ --width: var(--hop-Alert__base-modal-md-width);
2552
+ }
2553
+ .Alert-module__hop-Alert__overlay___z2fSM[data-entering] .Alert-module__hop-Alert__base-modal___DujMw {
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___z2fSM[data-exiting] .Alert-module__hop-Alert__base-modal___DujMw {
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___z2fSM[data-entering]:has(.Alert-module__hop-Alert__base-modal___DujMw) {
2562
+ opacity: 0;
2563
+ transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2564
+ }
2565
+ .Alert-module__hop-Alert__overlay___z2fSM[data-exiting]:has(.Alert-module__hop-Alert__base-modal___DujMw) {
2566
+ opacity: 0;
2567
+ transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2568
+ }