@hopper-ui/components 2.0.2 → 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 +6 -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-Z7W3K7SO.js → chunk-22ALMCUA.js} +1 -1
  81. package/dist/{chunk-STJADE2E.js → chunk-2ERV2V3Z.js} +1 -1
  82. package/dist/{chunk-NJNAU6TR.js → chunk-2L7SPJV4.js} +3 -3
  83. package/dist/{chunk-PFL2CRYS.js → chunk-2MEEZCDS.js} +2 -2
  84. package/dist/{chunk-KG6XTGFM.js → chunk-2O55UPDB.js} +1 -1
  85. package/dist/{chunk-VQSOPO6M.js → chunk-2OCWT332.js} +3 -3
  86. package/dist/{chunk-HLOM4NN6.js → chunk-2TDDWK6P.js} +2 -2
  87. package/dist/{chunk-OESBP67G.js → chunk-3UFX4VYY.js} +3 -3
  88. package/dist/{chunk-TLYFTQTH.js → chunk-44OTFMCA.js} +2 -2
  89. package/dist/{chunk-LYH7CKBB.js → chunk-4IEBU5LN.js} +2 -2
  90. package/dist/{chunk-4LL4RWCP.js → chunk-4SMASBU3.js} +2 -2
  91. package/dist/{chunk-5WNWS5DH.js → chunk-4YNDP3ES.js} +1 -1
  92. package/dist/{chunk-5X2YOYD7.js → chunk-55LCJRMB.js} +3 -3
  93. package/dist/{chunk-WREPQVYO.js → chunk-55TBE4CV.js} +12 -4
  94. package/dist/{chunk-BPY464BJ.js → chunk-5NCCDQHF.js} +1 -1
  95. package/dist/{chunk-7NE3GK4B.js → chunk-5TPAEAR2.js} +1 -1
  96. package/dist/{chunk-OGBNMP6P.js → chunk-6EDMAVZI.js} +2 -2
  97. package/dist/{chunk-254SRI3S.js → chunk-6MRTKGBF.js} +2 -2
  98. package/dist/{chunk-R3JYNKK2.js → chunk-7J6ZRLWS.js} +1 -1
  99. package/dist/{chunk-3IRHNP7X.js → chunk-7OOFR74G.js} +2 -2
  100. package/dist/{chunk-2HSC6TT5.js → chunk-7VRWTPGD.js} +9 -9
  101. package/dist/{chunk-GF7EKAUU.js → chunk-AAV356YJ.js} +1 -1
  102. package/dist/{chunk-L6ZGOM32.js → chunk-ACJGK45Y.js} +2 -2
  103. package/dist/{chunk-MLNSUGJT.js → chunk-ADIGWBB6.js} +1 -1
  104. package/dist/{chunk-VF6CEEJD.js → chunk-AQ5HVZRT.js} +1 -1
  105. package/dist/{chunk-HEOUJO5W.js → chunk-ASYCA7H7.js} +1 -1
  106. package/dist/{chunk-36ABLV2Q.js → chunk-BTSNMW3W.js} +2 -2
  107. package/dist/{chunk-AAVFAKRE.js → chunk-CWDS3YJS.js} +1 -1
  108. package/dist/{chunk-GO5YWY3A.js → chunk-E5NU6JVS.js} +1 -1
  109. package/dist/{chunk-AYBYIV45.js → chunk-E63NRSHG.js} +2 -2
  110. package/dist/{chunk-CMHDNSDC.js → chunk-E7VXCOHW.js} +1 -1
  111. package/dist/{chunk-D63IIBHO.js → chunk-EIIZT6WX.js} +7 -7
  112. package/dist/{chunk-FC7VSK62.js → chunk-EVYHTGVY.js} +1 -1
  113. package/dist/{chunk-T3XN4ULU.js → chunk-GHWWXTS4.js} +2 -2
  114. package/dist/{chunk-G5N3UEU3.js → chunk-GREXLROQ.js} +1 -1
  115. package/dist/{chunk-FFSI3Y4E.js → chunk-GYJDTVBK.js} +12 -12
  116. package/dist/{chunk-5N6VM2YH.js → chunk-H2PIRO5C.js} +1 -1
  117. package/dist/{chunk-P5AKCAC3.js → chunk-HCRUWNNG.js} +1 -1
  118. package/dist/{chunk-IFIWKHJ3.js → chunk-HQGYX2VH.js} +5 -5
  119. package/dist/{chunk-NIYTUE5I.js → chunk-HYUR3VBZ.js} +1 -1
  120. package/dist/{chunk-EXUH2BTF.js → chunk-J3GMFL52.js} +1 -1
  121. package/dist/{chunk-WFCPFNVD.js → chunk-JBAWHVEQ.js} +4 -4
  122. package/dist/{chunk-O3HFV4OF.js → chunk-JJ3BLNSY.js} +5 -5
  123. package/dist/{chunk-AXKGV2KA.js → chunk-JUWJADGU.js} +3 -3
  124. package/dist/{chunk-UKK3LLZY.js → chunk-KCLITXJH.js} +2 -2
  125. package/dist/{chunk-N6KWEQV4.js → chunk-KDI2NDQQ.js} +2 -2
  126. package/dist/{chunk-R55Z4DKS.js → chunk-L2DT7YOM.js} +3 -3
  127. package/dist/{chunk-KO6W2LOL.js → chunk-LHRSKMJT.js} +2 -2
  128. package/dist/{chunk-LBEMK343.js → chunk-LJ6Y6FWQ.js} +5 -5
  129. package/dist/{chunk-VL2CUEVW.js → chunk-M377W72J.js} +1 -1
  130. package/dist/{chunk-WCYQ2RHI.js → chunk-MFIV3XMF.js} +9 -9
  131. package/dist/{chunk-4CXRWUWF.js → chunk-MYCDY6BI.js} +2 -2
  132. package/dist/{chunk-RW36TUB6.js → chunk-MZ63F2ZV.js} +6 -6
  133. package/dist/{chunk-VKA6TJ3X.js → chunk-O56P6CSY.js} +1 -1
  134. package/dist/{chunk-KDEM7B62.js → chunk-O74RWOWF.js} +1 -1
  135. package/dist/{chunk-KSWQTDS4.js → chunk-OGEW5MA5.js} +3 -3
  136. package/dist/{chunk-YP7UJWS4.js → chunk-OISIZPNU.js} +2 -2
  137. package/dist/{chunk-ZS6UCUBF.js → chunk-OJ5L64OU.js} +3 -3
  138. package/dist/{chunk-OKCCBR7A.js → chunk-P4WNNRNS.js} +2 -2
  139. package/dist/{chunk-AYZ4NVDT.js → chunk-P53DU2NI.js} +1 -1
  140. package/dist/{chunk-PFI4AYHS.js → chunk-PHGNRANE.js} +1 -1
  141. package/dist/{chunk-JPT5NMVE.js → chunk-PS5YAHJC.js} +3 -3
  142. package/dist/{chunk-EYWDRQWF.js → chunk-QIXEBYJE.js} +1 -1
  143. package/dist/{chunk-2CA5GIKK.js → chunk-QONUODHG.js} +2 -2
  144. package/dist/{chunk-CMR3CTCK.js → chunk-QQG5JKBN.js} +1 -1
  145. package/dist/{chunk-YIBN4LY5.js → chunk-QWUXGQH3.js} +1 -1
  146. package/dist/{chunk-ZA4UZSLI.js → chunk-RKCCHEM7.js} +1 -1
  147. package/dist/{chunk-NIUS3B3A.js → chunk-RPXC2AMA.js} +2 -2
  148. package/dist/{chunk-EOCGOGQW.js → chunk-RRFQCNPV.js} +1 -1
  149. package/dist/{chunk-ONWK664L.js → chunk-RRIFLIKH.js} +1 -1
  150. package/dist/{chunk-2K73ATBP.js → chunk-SBAGSD4X.js} +1 -1
  151. package/dist/{chunk-WCRJ3RKI.js → chunk-SFVY5T3R.js} +4 -4
  152. package/dist/{chunk-HQHL3HCW.js → chunk-SQF6ZNJY.js} +2 -2
  153. package/dist/{chunk-MEE4R22N.js → chunk-TRZ5IO73.js} +16 -8
  154. package/dist/{chunk-SDRYQWUO.js → chunk-U5M42S56.js} +14 -6
  155. package/dist/{chunk-IZIHEBM6.js → chunk-UCOI4AF4.js} +2 -2
  156. package/dist/{chunk-DXI3GQ6Q.js → chunk-UFNXNRMF.js} +8 -8
  157. package/dist/{chunk-3G2VOBMO.js → chunk-UKLI2OZZ.js} +5 -14
  158. package/dist/{chunk-S4CAA5QM.js → chunk-ULC56GTT.js} +8 -8
  159. package/dist/{chunk-O3GFAIPB.js → chunk-ULJNKNI4.js} +4 -4
  160. package/dist/{chunk-BCZW652Y.js → chunk-UQ5ONLBB.js} +3 -3
  161. package/dist/{chunk-NKFPZO65.js → chunk-UT2VHQTH.js} +1 -1
  162. package/dist/{chunk-EXJPXWMI.js → chunk-V3NJSCJQ.js} +1 -1
  163. package/dist/{chunk-SU6BMGCI.js → chunk-VOHYZAUM.js} +1 -1
  164. package/dist/{chunk-5TTO2Z3V.js → chunk-WAFQVBJF.js} +10 -10
  165. package/dist/{chunk-EQIYI5PS.js → chunk-WJ7UQ746.js} +5 -5
  166. package/dist/{chunk-T4PR64A5.js → chunk-WSDIY3GL.js} +3 -3
  167. package/dist/{chunk-DM2AXDTI.js → chunk-XLJYMOPN.js} +2 -2
  168. package/dist/{chunk-OSLRCFAA.js → chunk-XO6T5PBI.js} +11 -11
  169. package/dist/{chunk-XMZEAIE3.js → chunk-XWNZSREH.js} +8 -8
  170. package/dist/{chunk-XNEMFFD6.js → chunk-XY7YG762.js} +1 -1
  171. package/dist/{chunk-NKZMUMSO.js → chunk-YGQ2MT7Q.js} +1 -1
  172. package/dist/{chunk-4YGNW4R4.js → chunk-YTQEFV3U.js} +1 -1
  173. package/dist/{chunk-OVVYHCNQ.js → chunk-ZDGPWWEP.js} +1 -1
  174. package/dist/{chunk-S4JDNOOI.js → chunk-ZEL3KDX5.js} +2 -2
  175. package/dist/{chunk-UM7VRMOT.js → chunk-ZNGYFNNQ.js} +3 -3
  176. package/dist/{chunk-ZT7OOL4I.js → chunk-ZQ2ZFPJ7.js} +2 -2
  177. package/dist/combobox/src/ComboBox.css +788 -788
  178. package/dist/combobox/src/ComboBox.js +17 -17
  179. package/dist/combobox/src/index.css +788 -788
  180. package/dist/combobox/src/index.js +17 -17
  181. package/dist/contextual-help/src/ContextualHelp.css +709 -709
  182. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  183. package/dist/contextual-help/src/index.css +709 -709
  184. package/dist/contextual-help/src/index.js +4 -4
  185. package/dist/date-picker/src/DateInput.css +51 -51
  186. package/dist/date-picker/src/DateInput.js +1 -1
  187. package/dist/date-picker/src/DatePicker.css +847 -847
  188. package/dist/date-picker/src/DatePicker.js +20 -20
  189. package/dist/date-picker/src/DateRangePicker.css +850 -850
  190. package/dist/date-picker/src/DateRangePicker.js +20 -20
  191. package/dist/date-picker/src/index.css +858 -858
  192. package/dist/date-picker/src/index.js +22 -22
  193. package/dist/disclosure/src/Disclosure.css +49 -49
  194. package/dist/disclosure/src/Disclosure.js +1 -1
  195. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  196. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  197. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  198. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  199. package/dist/disclosure/src/index.css +74 -74
  200. package/dist/disclosure/src/index.js +7 -7
  201. package/dist/divider/src/Divider.css +41 -41
  202. package/dist/divider/src/Divider.js +1 -1
  203. package/dist/divider/src/index.css +41 -41
  204. package/dist/divider/src/index.js +1 -1
  205. package/dist/error-message/src/ErrorMessage.css +41 -41
  206. package/dist/error-message/src/ErrorMessage.js +2 -2
  207. package/dist/error-message/src/index.css +41 -41
  208. package/dist/error-message/src/index.js +2 -2
  209. package/dist/form/src/Form.css +39 -39
  210. package/dist/form/src/Form.js +1 -1
  211. package/dist/form/src/index.css +39 -39
  212. package/dist/form/src/index.js +1 -1
  213. package/dist/header/src/Header.css +39 -39
  214. package/dist/header/src/index.css +39 -39
  215. package/dist/helper-message/src/HelperMessage.css +41 -41
  216. package/dist/helper-message/src/HelperMessage.js +2 -2
  217. package/dist/helper-message/src/index.css +41 -41
  218. package/dist/helper-message/src/index.js +2 -2
  219. package/dist/icon-list/src/IconList.css +40 -40
  220. package/dist/icon-list/src/IconList.js +1 -1
  221. package/dist/icon-list/src/index.css +40 -40
  222. package/dist/icon-list/src/index.js +1 -1
  223. package/dist/illustrated-message/src/IllustratedMessage.css +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 +97 -97
  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 +2 -2
  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 +22 -22
  316. package/dist/select/src/Select.css +802 -802
  317. package/dist/select/src/Select.js +22 -22
  318. package/dist/select/src/SelectInternal.css +802 -802
  319. package/dist/select/src/SelectInternal.js +21 -21
  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 +23 -23
  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 +3 -3
package/dist/modal/src/index.css CHANGED
@@ -1,5 +1,64 @@
1
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/BaseModal.module.css/#css-module-data */
2
+ .BaseModal-module__hop-BaseModal___2dfaf {
3
+ --hop-BaseModal-isolation: isolate;
4
+ --hop-BaseModal-position: fixed;
5
+ --hop-BaseModal-inset: 0;
6
+ --hop-BaseModal-inset-block-start: 0;
7
+ --hop-BaseModal-inset-inline-start: 0;
8
+ --hop-BaseModal-overflow: hidden;
9
+ --hop-BaseModal-display: flex;
10
+ --hop-BaseModal-align-items: center;
11
+ --hop-BaseModal-justify-content: center;
12
+ --hop-BaseModal-inline-size: 100%;
13
+ --hop-BaseModal-block-size: 100%;
14
+ --hop-BaseModal-background-color: #3c3c3c99;
15
+ --hop-BaseModal-z-index: 10000;
16
+ --hop-BaseModal-font-family: var(--hop-body-md-font-family);
17
+ --hop-BaseModal-font-size: var(--hop-body-md-font-size);
18
+ --hop-BaseModal-font-weight: var(--hop-body-md-font-weight);
19
+ --hop-BaseModal-line-height: var(--hop-body-md-line-height);
20
+ --hop-BaseModal-font-smoothing: antialiased;
21
+ --hop-BaseModal-color: var(--hop-neutral-text);
22
+ isolation: var(--hop-BaseModal-isolation);
23
+ position: var(--hop-BaseModal-position);
24
+ z-index: var(--hop-BaseModal-z-index);
25
+ inset: var(--hop-BaseModal-inset);
26
+ inset-block-start: var(--hop-BaseModal-inset-block-start);
27
+ inset-inline-start: var(--hop-BaseModal-inset-inline-start);
28
+ overflow: var(--hop-BaseModal-overflow);
29
+ display: var(--hop-BaseModal-display);
30
+ align-items: var(--hop-BaseModal-align-items);
31
+ justify-content: var(--hop-BaseModal-justify-content);
32
+ inline-size: var(--hop-BaseModal-inline-size);
33
+ block-size: var(--hop-BaseModal-block-size);
34
+ font-family: var(--hop-BaseModal-font-family);
35
+ font-size: var(--hop-BaseModal-font-size);
36
+ font-weight: var(--hop-BaseModal-font-weight);
37
+ -webkit-font-smoothing: var(--hop-BaseModal-font-smoothing);
38
+ line-height: var(--hop-BaseModal-line-height);
39
+ color: var(--hop-BaseModal-color);
40
+ background-color: var(--hop-BaseModal-background-color);
41
+ }
42
+ .BaseModal-module__hop-BaseModal__modal___nmCQv {
43
+ --hop-BaseModal__modal-display: flex;
44
+ --hop-BaseModal__modal-flex-direction: column;
45
+ --hop-BaseModal__modal-max-inline-size: 90dvw;
46
+ --hop-BaseModal__modal-max-block-size: 90dvh;
47
+ --hop-BaseModal__modal-background: var(--hop-neutral-surface);
48
+ --hop-BaseModal__modal-border-radius: var(--hop-shape-rounded-md);
49
+ --border-radius: var(--hop-BaseModal__modal-border-radius);
50
+ --max-inline-size: var(--hop-BaseModal__modal-max-inline-size);
51
+ --max-block-size: var(--hop-BaseModal__modal-max-block-size);
52
+ display: var(--hop-BaseModal__modal-display);
53
+ flex-direction: var(--hop-BaseModal__modal-flex-direction);
54
+ max-inline-size: var(--max-inline-size);
55
+ max-block-size: var(--max-block-size);
56
+ background: var(--hop-BaseModal__modal-background);
57
+ border-radius: var(--border-radius);
58
+ }
59
+
1
60
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___STpRE {
61
+ .Heading-module__hop-Heading___-yhBb {
3
62
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
63
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
64
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,53 +92,53 @@
33
92
  --hop-Heading-inherit-size-font-weight: inherit;
34
93
  --hop-Heading-inherit-size-line-height: inherit;
35
94
  }
36
- :where(.Heading-module__hop-Heading___STpRE) {
95
+ :where(.Heading-module__hop-Heading___-yhBb) {
37
96
  margin: 0;
38
97
  color: var(--hop-neutral-text);
39
98
  }
40
- :where(.Heading-module__hop-Heading___STpRE):not(.Heading-module__hop-Heading--unset___gZI6E) {
99
+ :where(.Heading-module__hop-Heading___-yhBb):not(.Heading-module__hop-Heading--unset___YdqoN) {
41
100
  font-family: var(--font-family);
42
101
  font-size: var(--font-size);
43
102
  font-weight: var(--font-weight);
44
103
  line-height: var(--line-height);
45
104
  }
46
- :where(.Heading-module__hop-Heading--xs___v1-13) {
105
+ :where(.Heading-module__hop-Heading--xs___5vUx-) {
47
106
  --font-size: var(--hop-Heading-xs-font-size);
48
107
  --font-family: var(--hop-Heading-xs-font-family);
49
108
  --font-weight: var(--hop-Heading-xs-font-weight);
50
109
  --line-height: var(--hop-Heading-xs-line-height);
51
110
  }
52
- :where(.Heading-module__hop-Heading--sm___xR43F) {
111
+ :where(.Heading-module__hop-Heading--sm___K-B6T) {
53
112
  --font-size: var(--hop-Heading-sm-font-size);
54
113
  --font-family: var(--hop-Heading-sm-font-family);
55
114
  --font-weight: var(--hop-Heading-sm-font-weight);
56
115
  --line-height: var(--hop-Heading-sm-line-height);
57
116
  }
58
- :where(.Heading-module__hop-Heading--md___JrNrx) {
117
+ :where(.Heading-module__hop-Heading--md___ay8SV) {
59
118
  --font-size: var(--hop-Heading-md-font-size);
60
119
  --font-family: var(--hop-Heading-md-font-family);
61
120
  --font-weight: var(--hop-Heading-md-font-weight);
62
121
  --line-height: var(--hop-Heading-md-line-height);
63
122
  }
64
- :where(.Heading-module__hop-Heading--lg___vN-n3) {
123
+ :where(.Heading-module__hop-Heading--lg___R94c5) {
65
124
  --font-size: var(--hop-Heading-lg-font-size);
66
125
  --font-family: var(--hop-Heading-lg-font-family);
67
126
  --font-weight: var(--hop-Heading-lg-font-weight);
68
127
  --line-height: var(--hop-Heading-lg-line-height);
69
128
  }
70
- :where(.Heading-module__hop-Heading--xl___5gIlJ) {
129
+ :where(.Heading-module__hop-Heading--xl___N0tb2) {
71
130
  --font-size: var(--hop-Heading-xl-font-size);
72
131
  --font-family: var(--hop-Heading-xl-font-family);
73
132
  --font-weight: var(--hop-Heading-xl-font-weight);
74
133
  --line-height: var(--hop-Heading-xl-line-height);
75
134
  }
76
- :where(.Heading-module__hop-Heading--2xl___14MQg) {
135
+ :where(.Heading-module__hop-Heading--2xl___DBEKh) {
77
136
  --font-size: var(--hop-Heading-2xl-font-size);
78
137
  --font-family: var(--hop-Heading-2xl-font-family);
79
138
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
139
  --line-height: var(--hop-Heading-2xl-line-height);
81
140
  }
82
- :where(.Heading-module__hop-Heading--3xl___EOBKr) {
141
+ :where(.Heading-module__hop-Heading--3xl___HL8l2) {
83
142
  --font-size: var(--hop-Heading-3xl-font-size);
84
143
  --font-family: var(--hop-Heading-3xl-font-family);
85
144
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +146,21 @@
87
146
  }
88
147
 
89
148
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
90
- .Form-module__hop-Form___3Lb87 {
149
+ .Form-module__hop-Form___IMITx {
91
150
  display: flex;
92
151
  flex-direction: column;
93
152
  gap: var(--hop-space-stack-lg);
94
153
  }
95
154
 
96
155
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
97
- .Label-module__hop-Label___ePn7S {
156
+ .Label-module__hop-Label___mzkmU {
98
157
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
99
158
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
100
159
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
101
160
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
102
161
  --hop-Label-color: var(--hop-neutral-text-weak);
103
162
  }
104
- :where(.Label-module__hop-Label___ePn7S) {
163
+ :where(.Label-module__hop-Label___mzkmU) {
105
164
  font-family: var(--hop-Label-font-family);
106
165
  font-size: var(--hop-Label-font-size);
107
166
  font-weight: var(--hop-Label-font-weight);
@@ -110,17 +169,17 @@
110
169
  }
111
170
 
112
171
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
113
- .FieldLabel-module__hop-FieldLabel__wrapper___KlZf1 {
172
+ .FieldLabel-module__hop-FieldLabel__wrapper___jGho6 {
114
173
  display: flex;
115
174
  gap: var(--hop-space-inset-xs);
116
175
  align-items: center;
117
176
  }
118
- .FieldLabel-module__hop-FieldLabel__indicator___j2-1h {
177
+ .FieldLabel-module__hop-FieldLabel__indicator___4mCUp {
119
178
  padding-inline-start: var(--hop-space-20);
120
179
  }
121
180
 
122
181
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
123
- :where(.OverlineText-module__hop-OverlineText___KS3pt) {
182
+ :where(.OverlineText-module__hop-OverlineText___RoLbl) {
124
183
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
125
184
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
126
185
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -144,26 +203,26 @@
144
203
  text-transform: uppercase;
145
204
  letter-spacing: var(--letter-spacing);
146
205
  }
147
- .OverlineText-module__hop-OverlineText__text___JjAUQ {
206
+ .OverlineText-module__hop-OverlineText__text___xzWHd {
148
207
  box-sizing: border-box;
149
208
  }
150
- .OverlineText-module__hop-OverlineText__text___JjAUQ::before,
151
- .OverlineText-module__hop-OverlineText__text___JjAUQ::after {
209
+ .OverlineText-module__hop-OverlineText__text___xzWHd::before,
210
+ .OverlineText-module__hop-OverlineText__text___xzWHd::after {
152
211
  content: "";
153
212
  display: block;
154
213
  box-sizing: border-box;
155
214
  inline-size: 0;
156
215
  block-size: 0;
157
216
  }
158
- .OverlineText-module__hop-OverlineText__text___JjAUQ::before {
217
+ .OverlineText-module__hop-OverlineText__text___xzWHd::before {
159
218
  margin-block-end: var(--bottom-offset);
160
219
  }
161
- .OverlineText-module__hop-OverlineText__text___JjAUQ::after {
220
+ .OverlineText-module__hop-OverlineText__text___xzWHd::after {
162
221
  margin-block-start: var(--top-offset);
163
222
  }
164
223
 
165
224
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
166
- .Text-module__hop-Text___-YCsg {
225
+ .Text-module__hop-Text___9NUdn {
167
226
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
168
227
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
169
228
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -193,49 +252,49 @@
193
252
  --hop-Text-inherit-size-font-weight: inherit;
194
253
  --hop-Text-inherit-size-line-height: inherit;
195
254
  }
196
- :where(.Text-module__hop-Text___-YCsg) {
255
+ :where(.Text-module__hop-Text___9NUdn) {
197
256
  font-family: var(--font-family);
198
257
  font-size: var(--font-size);
199
258
  font-weight: var(--font-weight);
200
259
  line-height: var(--line-height);
201
260
  }
202
- :where(.Text-module__hop-Text--xs___W5BYd) {
261
+ :where(.Text-module__hop-Text--xs___cSqHF) {
203
262
  --font-size: var(--hop-Text-xs-font-size);
204
263
  --font-family: var(--hop-Text-xs-font-family);
205
264
  --font-weight: var(--hop-Text-xs-font-weight);
206
265
  --line-height: var(--hop-Text-xs-line-height);
207
266
  }
208
- :where(.Text-module__hop-Text--sm___qEpVQ) {
267
+ :where(.Text-module__hop-Text--sm___MJ-hg) {
209
268
  --font-size: var(--hop-Text-sm-font-size);
210
269
  --font-family: var(--hop-Text-sm-font-family);
211
270
  --font-weight: var(--hop-Text-sm-font-weight);
212
271
  --line-height: var(--hop-Text-sm-line-height);
213
272
  }
214
- :where(.Text-module__hop-Text--md___nAifP) {
273
+ :where(.Text-module__hop-Text--md___OC1ut) {
215
274
  --font-size: var(--hop-Text-md-font-size);
216
275
  --font-family: var(--hop-Text-md-font-family);
217
276
  --font-weight: var(--hop-Text-md-font-weight);
218
277
  --line-height: var(--hop-Text-md-line-height);
219
278
  }
220
- :where(.Text-module__hop-Text--lg___7WsS-) {
279
+ :where(.Text-module__hop-Text--lg___dO6jm) {
221
280
  --font-size: var(--hop-Text-lg-font-size);
222
281
  --font-family: var(--hop-Text-lg-font-family);
223
282
  --font-weight: var(--hop-Text-lg-font-weight);
224
283
  --line-height: var(--hop-Text-lg-line-height);
225
284
  }
226
- :where(.Text-module__hop-Text--xl___YnszN) {
285
+ :where(.Text-module__hop-Text--xl___NpLvz) {
227
286
  --font-size: var(--hop-Text-xl-font-size);
228
287
  --font-family: var(--hop-Text-xl-font-family);
229
288
  --font-weight: var(--hop-Text-xl-font-weight);
230
289
  --line-height: var(--hop-Text-xl-line-height);
231
290
  }
232
- :where(.Text-module__hop-Text--2xl___HEeo3) {
291
+ :where(.Text-module__hop-Text--2xl___GKAqt) {
233
292
  --font-size: var(--hop-Text-2xl-font-size);
234
293
  --font-family: var(--hop-Text-2xl-font-family);
235
294
  --font-weight: var(--hop-Text-2xl-font-weight);
236
295
  --line-height: var(--hop-Text-2xl-line-height);
237
296
  }
238
- :where(.Text-module__hop-Text--inherit___VNf8N) {
297
+ :where(.Text-module__hop-Text--inherit___ZHs8j) {
239
298
  --font-size: var(--hop-Text-inherit-size-font-size);
240
299
  --font-family: var(--hop-Text-inherit-size-font-family);
241
300
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -243,7 +302,7 @@
243
302
  }
244
303
 
245
304
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
246
- .Paragraph-module__hop-Paragraph___oz-u2 {
305
+ .Paragraph-module__hop-Paragraph___yr81x {
247
306
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
248
307
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
249
308
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,173 +314,110 @@
255
314
  margin-block-end: var(--margin-block-end);
256
315
  overflow-wrap: break-word;
257
316
  }
258
- .Paragraph-module__hop-Paragraph___oz-u2:last-child {
317
+ .Paragraph-module__hop-Paragraph___yr81x:last-child {
259
318
  --margin-block-end: 0;
260
319
  }
261
- .Paragraph-module__hop-Paragraph--xs___OdBIN {
320
+ .Paragraph-module__hop-Paragraph--xs___mVM-r {
262
321
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
322
  }
264
- .Paragraph-module__hop-Paragraph--sm___9-jsc {
323
+ .Paragraph-module__hop-Paragraph--sm___6Nimy {
265
324
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
325
  }
267
- .Paragraph-module__hop-Paragraph--md___a7aBC {
326
+ .Paragraph-module__hop-Paragraph--md___UHiHE {
268
327
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
328
  }
270
- .Paragraph-module__hop-Paragraph--lg___zEuEg {
329
+ .Paragraph-module__hop-Paragraph--lg___L9U9K {
271
330
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
331
  }
273
- .Paragraph-module__hop-Paragraph--xl___J0jtA {
332
+ .Paragraph-module__hop-Paragraph--xl___16IGx {
274
333
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
334
  }
276
- .Paragraph-module__hop-Paragraph--2xl___nAJuy {
335
+ .Paragraph-module__hop-Paragraph--2xl___SL5rk {
277
336
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
337
  }
279
- .Paragraph-module__hop-Paragraph--inherit___9fFG- {
338
+ .Paragraph-module__hop-Paragraph--inherit___NpVcU {
280
339
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
281
340
  }
282
341
 
283
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/BaseModal.module.css/#css-module-data */
284
- .BaseModal-module__hop-BaseModal___Yrh3- {
285
- --hop-BaseModal-isolation: isolate;
286
- --hop-BaseModal-position: fixed;
287
- --hop-BaseModal-inset: 0;
288
- --hop-BaseModal-inset-block-start: 0;
289
- --hop-BaseModal-inset-inline-start: 0;
290
- --hop-BaseModal-overflow: hidden;
291
- --hop-BaseModal-display: flex;
292
- --hop-BaseModal-align-items: center;
293
- --hop-BaseModal-justify-content: center;
294
- --hop-BaseModal-inline-size: 100%;
295
- --hop-BaseModal-block-size: 100%;
296
- --hop-BaseModal-background-color: #3c3c3c99;
297
- --hop-BaseModal-z-index: 10000;
298
- --hop-BaseModal-font-family: var(--hop-body-md-font-family);
299
- --hop-BaseModal-font-size: var(--hop-body-md-font-size);
300
- --hop-BaseModal-font-weight: var(--hop-body-md-font-weight);
301
- --hop-BaseModal-line-height: var(--hop-body-md-line-height);
302
- --hop-BaseModal-font-smoothing: antialiased;
303
- --hop-BaseModal-color: var(--hop-neutral-text);
304
- --hop-basemodal-exiting-opacity: 0;
305
- isolation: var(--hop-BaseModal-isolation);
306
- position: var(--hop-BaseModal-position);
307
- z-index: var(--hop-BaseModal-z-index);
308
- inset: var(--hop-BaseModal-inset);
309
- inset-block-start: var(--hop-BaseModal-inset-block-start);
310
- inset-inline-start: var(--hop-BaseModal-inset-inline-start);
311
- overflow: var(--hop-BaseModal-overflow);
312
- display: var(--hop-BaseModal-display);
313
- align-items: var(--hop-BaseModal-align-items);
314
- justify-content: var(--hop-BaseModal-justify-content);
315
- inline-size: var(--hop-BaseModal-inline-size);
316
- block-size: var(--hop-BaseModal-block-size);
317
- font-family: var(--hop-BaseModal-font-family);
318
- font-size: var(--hop-BaseModal-font-size);
319
- font-weight: var(--hop-BaseModal-font-weight);
320
- -webkit-font-smoothing: var(--hop-BaseModal-font-smoothing);
321
- line-height: var(--hop-BaseModal-line-height);
322
- color: var(--hop-BaseModal-color);
323
- background-color: var(--hop-BaseModal-background-color);
324
- transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
342
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/CustomModal.module.css/#css-module-data */
343
+ .CustomModal-module__hop-CustomModal___DXfaj {
344
+ --hop-CustomModal-overflow: auto;
345
+ --hop-CustomModal-box-sizing: border-box;
346
+ --hop-CustomModal-outline: none;
347
+ --hop-CustomModal-color: var(--hop-neutral-text);
348
+ overflow: var(--hop-CustomModal-overflow);
349
+ box-sizing: var(--hop-CustomModal-box-sizing);
350
+ max-block-size: inherit;
351
+ color: var(--hop-CustomModal-color);
352
+ border-radius: inherit;
353
+ outline: var(--hop-CustomModal-outline);
325
354
  }
326
- .BaseModal-module__hop-BaseModal__modal___2K2WL {
327
- --hop-BaseModal__modal-display: flex;
328
- --hop-BaseModal__modal-flex-direction: column;
329
- --hop-BaseModal__modal-max-inline-size: 90dvw;
330
- --hop-BaseModal__modal-max-block-size: 90dvh;
331
- --hop-BaseModal__modal-background: var(--hop-neutral-surface);
332
- --hop-BaseModal__modal-border-radius: var(--hop-shape-rounded-md);
333
- --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);
334
- --hop-BaseModal__modal-entering-opacity: 0;
335
- --hop-BaseModal__modal-entering-transform: translateY(1.25rem);
336
- --hop-BaseModal__modal-exiting-opacity: 0;
337
- --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;
338
- --hop-BaseModal__modal-sm-width: 28.75rem;
339
- --hop-BaseModal__modal-md-width: 36.5rem;
340
- --hop-BaseModal__modal-lg-width: 41.5rem;
341
- --hop-BaseModal__modal-xl-width: 50rem;
342
- --hop-BaseModal__modal-fullscreen-max-width: none;
343
- --hop-BaseModal__modal-fullscreen-max-height: none;
344
- --hop-BaseModal__modal-fullscreen-width: calc(100dvw - 2.5rem);
345
- --hop-BaseModal__modal-fullscreen-height: calc(100dvh - 2.5rem);
346
- --hop-BaseModal__modal-fullscreentakeover-width: 100dvw;
347
- --hop-BaseModal__modal-fullscreentakeover-height: 100dvh;
348
- --hop-BaseModal__modal-fullscreentakeover-border-radius: 0;
349
- --border-radius: var(--hop-BaseModal__modal-border-radius);
350
- --max-inline-size: var(--hop-BaseModal__modal-max-inline-size);
351
- --max-block-size: var(--hop-BaseModal__modal-max-block-size);
352
- --image-size: 0rem;
353
- display: var(--hop-BaseModal__modal-display);
354
- flex-direction: var(--hop-BaseModal__modal-flex-direction);
355
+ .CustomModal-module__hop-CustomModal__base-modal___KlcTP {
356
+ --hop-CustomModal__base-modal-sm-width: 28.75rem;
357
+ --hop-CustomModal__base-modal-md-width: 36.5rem;
358
+ --hop-CustomModal__base-modal-lg-width: 41.5rem;
359
+ --hop-CustomModal__base-modal-xl-width: 50rem;
360
+ --hop-CustomModal__base-modal-fullscreen-max-width: none;
361
+ --hop-CustomModal__base-modal-fullscreen-max-height: none;
362
+ --hop-CustomModal__base-modal-fullscreen-width: calc(100dvw - 2.5rem);
363
+ --hop-CustomModal__base-modal-fullscreen-height: calc(100dvh - 2.5rem);
364
+ --hop-CustomModal__base-modal-fullscreentakeover-width: 100dvw;
365
+ --hop-CustomModal__base-modal-fullscreentakeover-height: 100dvh;
366
+ --hop-CustomModal__base-modal-fullscreentakeover-border-radius: 0;
367
+ --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);
368
+ --hop-CustomModal__base-modal-entering-opacity: 0;
369
+ --hop-CustomModal__base-modal-entering-transform: translateY(1.25rem);
370
+ --hop-CustomModal__base-modal-exiting-opacity: 0;
371
+ --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;
355
372
  inline-size: var(--width);
356
- max-inline-size: var(--max-inline-size);
357
373
  block-size: var(--height);
358
- max-block-size: var(--max-block-size);
359
- background: var(--hop-BaseModal__modal-background);
360
- border-radius: var(--border-radius);
361
- transition: var(--hop-BaseModal__modal-transition);
362
- }
363
- @media screen and (min-width: 48rem) {
364
- .BaseModal-module__hop-BaseModal--image___C-Vg6 .BaseModal-module__hop-BaseModal__modal___2K2WL {
365
- --image-size: 16rem;
366
- }
367
- }
368
- .BaseModal-module__hop-BaseModal___Yrh3-[data-entering] {
369
- opacity: var(--hop-BaseModal-entering-opacity);
374
+ transition: var(--hop-CustomModal__base-modal-transition);
370
375
  }
371
- .BaseModal-module__hop-BaseModal___Yrh3-[data-entering] .BaseModal-module__hop-BaseModal__modal___2K2WL {
372
- transform: var(--hop-BaseModal__modal-entering-transform);
373
- opacity: var(--hop-BaseModal__modal-entering-opacity);
376
+ .CustomModal-module__hop-CustomModal__base-modal--sm___MjUYY {
377
+ --width: var(--hop-CustomModal__base-modal-sm-width);
374
378
  }
375
- .BaseModal-module__hop-BaseModal___Yrh3-[data-exiting] {
376
- opacity: var(--hop-BaseModal-exiting-opacity);
379
+ .CustomModal-module__hop-CustomModal__base-modal--md___yTNRt {
380
+ --width: var(--hop-CustomModal__base-modal-md-width);
377
381
  }
378
- .BaseModal-module__hop-BaseModal___Yrh3-[data-exiting] .BaseModal-module__hop-BaseModal__modal___2K2WL {
379
- opacity: var(--hop-BaseModal__modal-exiting-opacity);
380
- transition: var(--hop-BaseModal__modal-exiting-transition);
382
+ .CustomModal-module__hop-CustomModal__base-modal--lg___ebPPt {
383
+ --width: var(--hop-CustomModal__base-modal-lg-width);
381
384
  }
382
- .BaseModal-module__hop-BaseModal--sm___kJPW- .BaseModal-module__hop-BaseModal__modal___2K2WL {
383
- --width: calc(var(--image-size) + var(--hop-BaseModal__modal-sm-width));
385
+ .CustomModal-module__hop-CustomModal__base-modal--xl___yxsDH {
386
+ --width: var(--hop-CustomModal__base-modal-xl-width);
384
387
  }
385
- .BaseModal-module__hop-BaseModal--md___QMtXb .BaseModal-module__hop-BaseModal__modal___2K2WL {
386
- --width: calc(var(--image-size) + var(--hop-BaseModal__modal-md-width));
388
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreen___rMaXn {
389
+ --width: var(--hop-CustomModal__base-modal-fullscreen-width);
390
+ --height: var(--hop-CustomModal__base-modal-fullscreen-height);
387
391
  }
388
- .BaseModal-module__hop-BaseModal--lg___MGNfN .BaseModal-module__hop-BaseModal__modal___2K2WL {
389
- --width: calc(var(--image-size) + var(--hop-BaseModal__modal-lg-width));
392
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___8EW33 {
393
+ --width: var(--hop-CustomModal__base-modal-fullscreentakeover-width);
394
+ --height: var(--hop-CustomModal__base-modal-fullscreentakeover-height);
395
+ --border-radius: var(--hop-CustomModal__base-modal-fullscreentakeover-border-radius);
390
396
  }
391
- .BaseModal-module__hop-BaseModal--xl___Ie-gP .BaseModal-module__hop-BaseModal__modal___2K2WL {
392
- --width: calc(var(--image-size) + var(--hop-BaseModal__modal-xl-width));
397
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreen___rMaXn,
398
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___8EW33 {
399
+ --max-inline-size: var(--hop-CustomModal__base-modal-fullscreen-max-width);
400
+ --max-block-size: var(--hop-CustomModal__base-modal-fullscreen-max-height);
393
401
  }
394
- .BaseModal-module__hop-BaseModal--fullscreen___YsqC1 .BaseModal-module__hop-BaseModal__modal___2K2WL {
395
- --width: var(--hop-BaseModal__modal-fullscreen-width);
396
- --height: var(--hop-BaseModal__modal-fullscreen-height);
402
+ .CustomModal-module__hop-CustomModal__overlay___zJck2[data-entering] .CustomModal-module__hop-CustomModal__base-modal___KlcTP {
403
+ transform: var(--hop-CustomModal__base-modal-entering-transform);
404
+ opacity: var(--hop-CustomModal__base-modal-entering-opacity);
397
405
  }
398
- .BaseModal-module__hop-BaseModal--fullscreentakeover___ixBUR .BaseModal-module__hop-BaseModal__modal___2K2WL {
399
- --width: var(--hop-BaseModal__modal-fullscreentakeover-width);
400
- --height: var(--hop-BaseModal__modal-fullscreentakeover-height);
401
- --border-radius: var(--hop-BaseModal__modal-fullscreentakeover-border-radius);
406
+ .CustomModal-module__hop-CustomModal__overlay___zJck2[data-exiting] .CustomModal-module__hop-CustomModal__base-modal___KlcTP {
407
+ opacity: var(--hop-CustomModal__base-modal-exiting-opacity);
408
+ transition: var(--hop-CustomModal__base-modal-exiting-transition);
402
409
  }
403
- .BaseModal-module__hop-BaseModal--fullscreen___YsqC1 .BaseModal-module__hop-BaseModal__modal___2K2WL,
404
- .BaseModal-module__hop-BaseModal--fullscreentakeover___ixBUR .BaseModal-module__hop-BaseModal__modal___2K2WL {
405
- --max-inline-size: var(--hop-BaseModal__modal-fullscreen-max-width);
406
- --max-block-size: var(--hop-BaseModal__modal-fullscreen-max-height);
410
+ .CustomModal-module__hop-CustomModal__overlay___zJck2[data-entering]:has(.CustomModal-module__hop-CustomModal__base-modal___KlcTP) {
411
+ opacity: 0;
412
+ transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
407
413
  }
408
-
409
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/CustomModal.module.css/#css-module-data */
410
- .CustomModal-module__hop-CustomModal___4b1OU {
411
- --hop-CustomModal-overflow: auto;
412
- --hop-CustomModal-box-sizing: border-box;
413
- --hop-CustomModal-outline: none;
414
- --hop-CustomModal-color: var(--hop-neutral-text);
415
- overflow: var(--hop-CustomModal-overflow);
416
- box-sizing: var(--hop-CustomModal-box-sizing);
417
- max-block-size: inherit;
418
- color: var(--hop-CustomModal-color);
419
- border-radius: inherit;
420
- outline: var(--hop-CustomModal-outline);
414
+ .CustomModal-module__hop-CustomModal__overlay___zJck2[data-exiting]:has(.CustomModal-module__hop-CustomModal__base-modal___KlcTP) {
415
+ opacity: 0;
416
+ transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
421
417
  }
422
418
 
423
419
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
424
- .IconList-module__hop-IconList___K5vzG {
420
+ .IconList-module__hop-IconList___g3bdH {
425
421
  --hop-IconList-gap: var(--hop-space-inline-xs);
426
422
  display: flex;
427
423
  flex-wrap: wrap;
@@ -430,7 +426,7 @@
430
426
  }
431
427
 
432
428
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
433
- @keyframes Spinner-module__spin___B9Svv {
429
+ @keyframes Spinner-module__spin___4U51X {
434
430
  0% {
435
431
  transform: rotate(0deg);
436
432
  }
@@ -438,7 +434,7 @@
438
434
  transform: rotate(360deg);
439
435
  }
440
436
  }
441
- .Spinner-module__hop-Spinner___zJxC1 {
437
+ .Spinner-module__hop-Spinner___HBE6z {
442
438
  --hop-Spinner-border-radius: var(--hop-shape-circle);
443
439
  --hop-Spinner-sm-wheel-size: 1rem;
444
440
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -446,7 +442,7 @@
446
442
  --hop-Spinner-track-width: 0.125rem;
447
443
  --hop-Spinner-track-opacity: 0.2;
448
444
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
449
- --hop-Spinner-fill-animation: Spinner-module__spin___B9Svv .8s infinite linear;
445
+ --hop-Spinner-fill-animation: Spinner-module__spin___4U51X .8s infinite linear;
450
446
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
451
447
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
452
448
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -457,19 +453,19 @@
457
453
  align-items: center;
458
454
  box-sizing: border-box;
459
455
  }
460
- .Spinner-module__hop-Spinner--sm___r3o5P {
456
+ .Spinner-module__hop-Spinner--sm___YbnCW {
461
457
  --width: var(--hop-Spinner-sm-wheel-size);
462
458
  --height: var(--hop-Spinner-sm-wheel-size);
463
459
  }
464
- .Spinner-module__hop-Spinner--md___g4ITu {
460
+ .Spinner-module__hop-Spinner--md___-ay3h {
465
461
  --width: var(--hop-Spinner-md-wheel-size);
466
462
  --height: var(--hop-Spinner-md-wheel-size);
467
463
  }
468
- .Spinner-module__hop-Spinner--lg___qh8-v {
464
+ .Spinner-module__hop-Spinner--lg___3ITXL {
469
465
  --width: var(--hop-Spinner-lg-wheel-size);
470
466
  --height: var(--hop-Spinner-lg-wheel-size);
471
467
  }
472
- .Spinner-module__hop-Spinner__track___nO6hx {
468
+ .Spinner-module__hop-Spinner__track___R78uA {
473
469
  grid-area: spinner;
474
470
  box-sizing: border-box;
475
471
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -478,7 +474,7 @@
478
474
  border: var(--hop-Spinner-track-border);
479
475
  border-radius: var(--hop-Spinner-border-radius);
480
476
  }
481
- .Spinner-module__hop-Spinner__fill___USfE2 {
477
+ .Spinner-module__hop-Spinner__fill___8wP2v {
482
478
  grid-area: spinner;
483
479
  box-sizing: border-box;
484
480
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -489,17 +485,17 @@
489
485
  animation: var(--hop-Spinner-fill-animation);
490
486
  }
491
487
  @media (prefers-reduced-motion: reduce) {
492
- .Spinner-module__hop-Spinner__fill___USfE2 {
488
+ .Spinner-module__hop-Spinner__fill___8wP2v {
493
489
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
494
490
  }
495
491
  }
496
- .Spinner-module__hop-Spinner__label___QqmhK {
492
+ .Spinner-module__hop-Spinner__label___hJluX {
497
493
  grid-area: label;
498
494
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
499
495
  }
500
496
 
501
497
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
502
- .Button-module__hop-Button___jWDy6 {
498
+ .Button-module__hop-Button___1BCiu {
503
499
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
504
500
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
505
501
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -624,213 +620,213 @@
624
620
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
625
621
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
626
622
  }
627
- .Button-module__hop-Button--fluid___48XY0 {
623
+ .Button-module__hop-Button--fluid___vIbxm {
628
624
  --inline-size: 100%;
629
625
  }
630
- .Button-module__hop-Button--xs___7wnht {
626
+ .Button-module__hop-Button--xs___Dwk-6 {
631
627
  --block-size: var(--hop-Button-xs-height);
632
628
  --padding: var(--hop-Button-xs-padding);
633
629
  }
634
- .Button-module__hop-Button--xs___7wnht[class*=--ghost] {
630
+ .Button-module__hop-Button--xs___Dwk-6[class*=--ghost] {
635
631
  --padding: var(--hop-Button-ghost-xs-padding);
636
632
  }
637
- .Button-module__hop-Button--sm___LlrGN {
633
+ .Button-module__hop-Button--sm___NJ5VV {
638
634
  --block-size: var(--hop-Button-sm-height);
639
635
  --padding: var(--hop-Button-sm-padding);
640
636
  }
641
- .Button-module__hop-Button--sm___LlrGN[class*=--ghost] {
637
+ .Button-module__hop-Button--sm___NJ5VV[class*=--ghost] {
642
638
  --padding: var(--hop-Button-ghost-sm-padding);
643
639
  }
644
- .Button-module__hop-Button--md___ygr-w[class*=--ghost] {
640
+ .Button-module__hop-Button--md___CZ0cM[class*=--ghost] {
645
641
  --padding: var(--hop-Button-ghost-md-padding);
646
642
  }
647
- .Button-module__hop-Button--icon-only___COLIt {
643
+ .Button-module__hop-Button--icon-only___r8e-5 {
648
644
  --column-gap: var(--hop-Button-icon-only-column-gap);
649
645
  --padding: var(--hop-Button-icon-only-padding);
650
646
  aspect-ratio: 1;
651
647
  }
652
- .Button-module__hop-Button--primary___K3-DO {
648
+ .Button-module__hop-Button--primary___MTnkP {
653
649
  --background-color: var(--hop-Button-primary-background-color);
654
650
  --color: var(--hop-Button-primary-color);
655
651
  --border: var(--hop-Button-primary-border);
656
652
  --spinner-color: var(--hop-Button-primary-spinner-color);
657
653
  }
658
- .Button-module__hop-Button--primary___K3-DO[data-hovered],
659
- .Button-module__hop-Button--primary___K3-DO[data-focus-visible] {
654
+ .Button-module__hop-Button--primary___MTnkP[data-hovered],
655
+ .Button-module__hop-Button--primary___MTnkP[data-focus-visible] {
660
656
  --background-color: var(--hop-Button-primary-background-color-hover);
661
657
  --color: var(--hop-Button-primary-color-hover);
662
658
  --border: var(--hop-Button-primary-border-hover);
663
659
  }
664
- .Button-module__hop-Button--primary___K3-DO[data-pressed] {
660
+ .Button-module__hop-Button--primary___MTnkP[data-pressed] {
665
661
  --background-color: var(--hop-Button-primary-background-color-pressed);
666
662
  --color: var(--hop-Button-primary-color-pressed);
667
663
  --border: var(--hop-Button-primary-border-pressed);
668
664
  }
669
- .Button-module__hop-Button--secondary___uHzjo {
665
+ .Button-module__hop-Button--secondary___jsS7S {
670
666
  --background-color: var(--hop-Button-secondary-background-color);
671
667
  --color: var(--hop-Button-secondary-color);
672
668
  --border: var(--hop-Button-secondary-border);
673
669
  --spinner-color: var(--hop-Button-secondary-spinner-color);
674
670
  }
675
- .Button-module__hop-Button--secondary___uHzjo[data-hovered],
676
- .Button-module__hop-Button--secondary___uHzjo[data-focus-visible] {
671
+ .Button-module__hop-Button--secondary___jsS7S[data-hovered],
672
+ .Button-module__hop-Button--secondary___jsS7S[data-focus-visible] {
677
673
  --background-color: var(--hop-Button-secondary-background-color-hover);
678
674
  --color: var(--hop-Button-secondary-color-hover);
679
675
  --border: var(--hop-Button-secondary-border-hover);
680
676
  }
681
- .Button-module__hop-Button--secondary___uHzjo[data-pressed] {
677
+ .Button-module__hop-Button--secondary___jsS7S[data-pressed] {
682
678
  --background-color: var(--hop-Button-secondary-background-color-pressed);
683
679
  --color: var(--hop-Button-secondary-color-pressed);
684
680
  --border: var(--hop-Button-secondary-border-pressed);
685
681
  }
686
- .Button-module__hop-Button--upsell___Al-Bi {
682
+ .Button-module__hop-Button--upsell___0j2i8 {
687
683
  --background-color: var(--hop-Button-upsell-background-color);
688
684
  --color: var(--hop-Button-upsell-color);
689
685
  --border: var(--hop-Button-upsell-border);
690
686
  --spinner-color: var(--hop-Button-upsell-spinner-color);
691
687
  }
692
- .Button-module__hop-Button--upsell___Al-Bi[data-hovered],
693
- .Button-module__hop-Button--upsell___Al-Bi[data-focus-visible] {
688
+ .Button-module__hop-Button--upsell___0j2i8[data-hovered],
689
+ .Button-module__hop-Button--upsell___0j2i8[data-focus-visible] {
694
690
  --background-color: var(--hop-Button-upsell-background-color-hover);
695
691
  --color: var(--hop-Button-upsell-color-hover);
696
692
  --border: var(--hop-Button-upsell-border-hover);
697
693
  }
698
- .Button-module__hop-Button--upsell___Al-Bi[data-pressed] {
694
+ .Button-module__hop-Button--upsell___0j2i8[data-pressed] {
699
695
  --background-color: var(--hop-Button-upsell-background-color-pressed);
700
696
  --color: var(--hop-Button-upsell-color-pressed);
701
697
  --border: var(--hop-Button-upsell-border-pressed);
702
698
  }
703
- .Button-module__hop-Button--danger___bsuav {
699
+ .Button-module__hop-Button--danger___x4uGy {
704
700
  --background-color: var(--hop-Button-danger-background-color);
705
701
  --color: var(--hop-Button-danger-color);
706
702
  --border: var(--hop-Button-danger-border);
707
703
  --spinner-color: var(--hop-Button-danger-spinner-color);
708
704
  }
709
- .Button-module__hop-Button--danger___bsuav[data-hovered],
710
- .Button-module__hop-Button--danger___bsuav[data-focus-visible] {
705
+ .Button-module__hop-Button--danger___x4uGy[data-hovered],
706
+ .Button-module__hop-Button--danger___x4uGy[data-focus-visible] {
711
707
  --background-color: var(--hop-Button-danger-background-color-hover);
712
708
  --color: var(--hop-Button-danger-color-hover);
713
709
  --border: var(--hop-Button-danger-border-hover);
714
710
  }
715
- .Button-module__hop-Button--danger___bsuav[data-pressed] {
711
+ .Button-module__hop-Button--danger___x4uGy[data-pressed] {
716
712
  --background-color: var(--hop-Button-danger-background-color-pressed);
717
713
  --color: var(--hop-Button-danger-color-pressed);
718
714
  --border: var(--hop-Button-danger-border-pressed);
719
715
  }
720
- .Button-module__hop-Button--ghost-primary___sCs8A {
716
+ .Button-module__hop-Button--ghost-primary___jqRGS {
721
717
  --background-color: var(--hop-Button-ghost-primary-background-color);
722
718
  --color: var(--hop-Button-ghost-primary-color);
723
719
  --border: var(--hop-Button-ghost-primary-border);
724
720
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
725
721
  }
726
- .Button-module__hop-Button--ghost-primary___sCs8A[data-hovered],
727
- .Button-module__hop-Button--ghost-primary___sCs8A[data-focus-visible] {
722
+ .Button-module__hop-Button--ghost-primary___jqRGS[data-hovered],
723
+ .Button-module__hop-Button--ghost-primary___jqRGS[data-focus-visible] {
728
724
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
729
725
  --color: var(--hop-Button-ghost-primary-color-hover);
730
726
  --border: var(--hop-Button-ghost-primary-border-hover);
731
727
  }
732
- .Button-module__hop-Button--ghost-primary___sCs8A[data-pressed] {
728
+ .Button-module__hop-Button--ghost-primary___jqRGS[data-pressed] {
733
729
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
734
730
  --color: var(--hop-Button-ghost-primary-color-pressed);
735
731
  --border: var(--hop-Button-ghost-primary-border-pressed);
736
732
  }
737
- .Button-module__hop-Button--ghost-secondary___gcUa2 {
733
+ .Button-module__hop-Button--ghost-secondary___a2k24 {
738
734
  --background-color: var(--hop-Button-ghost-secondary-background-color);
739
735
  --color: var(--hop-Button-ghost-secondary-color);
740
736
  --border: var(--hop-Button-ghost-secondary-border);
741
737
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
742
738
  }
743
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-hovered],
744
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-focus-visible] {
739
+ .Button-module__hop-Button--ghost-secondary___a2k24[data-hovered],
740
+ .Button-module__hop-Button--ghost-secondary___a2k24[data-focus-visible] {
745
741
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
746
742
  --color: var(--hop-Button-ghost-secondary-color-hover);
747
743
  --border: var(--hop-Button-ghost-secondary-border-hover);
748
744
  }
749
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-pressed] {
745
+ .Button-module__hop-Button--ghost-secondary___a2k24[data-pressed] {
750
746
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
751
747
  --color: var(--hop-Button-ghost-secondary-color-pressed);
752
748
  --border: var(--hop-Button-ghost-secondary-border-pressed);
753
749
  }
754
- .Button-module__hop-Button--ghost-danger___6b-52 {
750
+ .Button-module__hop-Button--ghost-danger___qT5Rc {
755
751
  --background-color: var(--hop-Button-ghost-danger-background-color);
756
752
  --color: var(--hop-Button-ghost-danger-color);
757
753
  --border: var(--hop-Button-ghost-danger-border);
758
754
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
759
755
  }
760
- .Button-module__hop-Button--ghost-danger___6b-52[data-hovered],
761
- .Button-module__hop-Button--ghost-danger___6b-52[data-focus-visible] {
756
+ .Button-module__hop-Button--ghost-danger___qT5Rc[data-hovered],
757
+ .Button-module__hop-Button--ghost-danger___qT5Rc[data-focus-visible] {
762
758
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
763
759
  --color: var(--hop-Button-ghost-danger-color-hover);
764
760
  --border: var(--hop-Button-ghost-danger-border-hover);
765
761
  }
766
- .Button-module__hop-Button--ghost-danger___6b-52[data-pressed] {
762
+ .Button-module__hop-Button--ghost-danger___qT5Rc[data-pressed] {
767
763
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
768
764
  --color: var(--hop-Button-ghost-danger-color-pressed);
769
765
  --border: var(--hop-Button-ghost-danger-border-pressed);
770
766
  }
771
- .Button-module__hop-Button___jWDy6[data-focus-visible] {
767
+ .Button-module__hop-Button___1BCiu[data-focus-visible] {
772
768
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
773
769
  }
774
- .Button-module__hop-Button___jWDy6[data-disabled],
775
- .Button-module__hop-Button--loading___6sHZ- {
770
+ .Button-module__hop-Button___1BCiu[data-disabled],
771
+ .Button-module__hop-Button--loading___Cytnb {
776
772
  cursor: not-allowed;
777
773
  }
778
- .Button-module__hop-Button___jWDy6[data-disabled] {
774
+ .Button-module__hop-Button___1BCiu[data-disabled] {
779
775
  --background-color: var(--hop-Button-background-color-disabled);
780
776
  --color: var(--hop-Button-color-disabled);
781
777
  --border: var(--hop-Button-border-disabled);
782
778
  }
783
- .Button-module__hop-Button___jWDy6[class*=--ghost][data-disabled] {
779
+ .Button-module__hop-Button___1BCiu[class*=--ghost][data-disabled] {
784
780
  --background-color: var(--hop-Button-ghost-background-color-disabled);
785
781
  --color: var(--hop-Button-ghost-color-disabled);
786
782
  --border: var(--hop-Button-ghost-border-disabled);
787
783
  }
788
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--primary___K3-DO {
784
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--primary___MTnkP {
789
785
  --background-color: var(--hop-Button-primary-background-color);
790
786
  --color: var(--hop-Button-primary-color);
791
787
  --border: var(--hop-Button-primary-border);
792
788
  }
793
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--secondary___uHzjo {
789
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--secondary___jsS7S {
794
790
  --background-color: var(--hop-Button-secondary-background-color);
795
791
  --color: var(--hop-Button-secondary-color);
796
792
  --border: var(--hop-Button-secondary-border);
797
793
  }
798
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--upsell___Al-Bi {
794
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--upsell___0j2i8 {
799
795
  --background-color: var(--hop-Button-upsell-background-color);
800
796
  --color: var(--hop-Button-upsell-color);
801
797
  --border: var(--hop-Button-upsell-border);
802
798
  }
803
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--danger___bsuav {
799
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--danger___x4uGy {
804
800
  --background-color: var(--hop-Button-danger-background-color);
805
801
  --color: var(--hop-Button-danger-color);
806
802
  --border: var(--hop-Button-danger-border);
807
803
  }
808
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-primary___sCs8A {
804
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-primary___jqRGS {
809
805
  --background-color: var(--hop-Button-ghost-primary-background-color);
810
806
  --color: var(--hop-Button-ghost-primary-color);
811
807
  --border: var(--hop-Button-ghost-primary-border);
812
808
  }
813
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-secondary___gcUa2 {
809
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-secondary___a2k24 {
814
810
  --background-color: var(--hop-Button-ghost-secondary-background-color);
815
811
  --color: var(--hop-Button-ghost-secondary-color);
816
812
  --border: var(--hop-Button-ghost-secondary-border);
817
813
  }
818
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-danger___6b-52 {
814
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-danger___qT5Rc {
819
815
  --background-color: var(--hop-Button-ghost-danger-background-color);
820
816
  --color: var(--hop-Button-ghost-danger-color);
821
817
  --border: var(--hop-Button-ghost-danger-border);
822
818
  }
823
- .Button-module__hop-Button__Spinner___-eQz9 {
819
+ .Button-module__hop-Button__Spinner___jH7f7 {
824
820
  position: absolute;
825
821
  color: var(--spinner-color);
826
822
  }
827
- .Button-module__hop-Button__icon___QfbzU,
828
- .Button-module__hop-Button__icon-list___92YGY {
823
+ .Button-module__hop-Button__icon___ZFw-K,
824
+ .Button-module__hop-Button__icon-list___gUwRs {
829
825
  flex: 0 0 auto;
830
826
  justify-self: end;
831
827
  order: 1;
832
828
  }
833
- .Button-module__hop-Button__text___8l96e {
829
+ .Button-module__hop-Button__text___lBPoJ {
834
830
  user-select: none;
835
831
  overflow: visible;
836
832
  flex: 0 1 auto;
@@ -839,60 +835,60 @@
839
835
  text-decoration: none;
840
836
  text-wrap: nowrap;
841
837
  }
842
- .Button-module__hop-Button__end-icon___2-jUn,
843
- .Button-module__hop-Button__end-icon-list___KRnDk {
838
+ .Button-module__hop-Button__end-icon___Z-hok,
839
+ .Button-module__hop-Button__end-icon-list___HcgdX {
844
840
  flex: 0 0 auto;
845
841
  order: 3;
846
842
  }
847
- .Button-module__hop-Button___jWDy6 .Button-module__hop-Button__icon-list___92YGY,
848
- .Button-module__hop-Button___jWDy6 .Button-module__hop-Button__end-icon-list___KRnDk {
843
+ .Button-module__hop-Button___1BCiu .Button-module__hop-Button__icon-list___gUwRs,
844
+ .Button-module__hop-Button___1BCiu .Button-module__hop-Button__end-icon-list___HcgdX {
849
845
  flex-wrap: nowrap;
850
846
  }
851
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button___jWDy6 > *:not(.Button-module__hop-Button__Spinner___-eQz9) {
847
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button___1BCiu > *:not(.Button-module__hop-Button__Spinner___jH7f7) {
852
848
  opacity: 0;
853
849
  }
854
850
 
855
851
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
856
- .ButtonGroup-module__hop-ButtonGroup___HwlRc {
852
+ .ButtonGroup-module__hop-ButtonGroup___-FzjR {
857
853
  display: inline-flex;
858
854
  flex-wrap: nowrap;
859
855
  gap: var(--hop-space-inline-md);
860
856
  }
861
- .ButtonGroup-module__hop-ButtonGroup--horizontal___ppaBb {
857
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___sF31k {
862
858
  align-items: center;
863
859
  }
864
- .ButtonGroup-module__hop-ButtonGroup--vertical___xj77d {
860
+ .ButtonGroup-module__hop-ButtonGroup--vertical___8s4wh {
865
861
  flex-direction: column;
866
862
  gap: var(--hop-space-stack-md);
867
863
  justify-content: center;
868
864
  }
869
- .ButtonGroup-module__hop-ButtonGroup--start___Nj7cx.ButtonGroup-module__hop-ButtonGroup--vertical___xj77d {
865
+ .ButtonGroup-module__hop-ButtonGroup--start___3PeUw.ButtonGroup-module__hop-ButtonGroup--vertical___8s4wh {
870
866
  align-items: flex-start;
871
867
  }
872
- .ButtonGroup-module__hop-ButtonGroup--center___0xr2T.ButtonGroup-module__hop-ButtonGroup--vertical___xj77d {
868
+ .ButtonGroup-module__hop-ButtonGroup--center___Hr-t8.ButtonGroup-module__hop-ButtonGroup--vertical___8s4wh {
873
869
  align-items: center;
874
870
  }
875
- .ButtonGroup-module__hop-ButtonGroup--end___5x0Jp.ButtonGroup-module__hop-ButtonGroup--vertical___xj77d {
871
+ .ButtonGroup-module__hop-ButtonGroup--end___Js0WK.ButtonGroup-module__hop-ButtonGroup--vertical___8s4wh {
876
872
  align-items: flex-end;
877
873
  }
878
- .ButtonGroup-module__hop-ButtonGroup--start___Nj7cx.ButtonGroup-module__hop-ButtonGroup--horizontal___ppaBb {
874
+ .ButtonGroup-module__hop-ButtonGroup--start___3PeUw.ButtonGroup-module__hop-ButtonGroup--horizontal___sF31k {
879
875
  justify-content: flex-start;
880
876
  }
881
- .ButtonGroup-module__hop-ButtonGroup--center___0xr2T.ButtonGroup-module__hop-ButtonGroup--horizontal___ppaBb {
877
+ .ButtonGroup-module__hop-ButtonGroup--center___Hr-t8.ButtonGroup-module__hop-ButtonGroup--horizontal___sF31k {
882
878
  justify-content: center;
883
879
  }
884
- .ButtonGroup-module__hop-ButtonGroup--end___5x0Jp.ButtonGroup-module__hop-ButtonGroup--horizontal___ppaBb {
880
+ .ButtonGroup-module__hop-ButtonGroup--end___Js0WK.ButtonGroup-module__hop-ButtonGroup--horizontal___sF31k {
885
881
  justify-content: flex-end;
886
882
  }
887
- .ButtonGroup-module__hop-ButtonGroup--wrap___OHSPu {
883
+ .ButtonGroup-module__hop-ButtonGroup--wrap___3OI71 {
888
884
  flex-wrap: wrap;
889
885
  }
890
- .ButtonGroup-module__hop-ButtonGroup--fluid___jv8xY {
886
+ .ButtonGroup-module__hop-ButtonGroup--fluid___SNrHw {
891
887
  inline-size: 100%;
892
888
  }
893
889
 
894
890
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
895
- .EmbeddedButton-module__hop-EmbeddedButton___2OcQG {
891
+ .EmbeddedButton-module__hop-EmbeddedButton___eqY7U {
896
892
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
897
893
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
898
894
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1056,7 +1052,7 @@
1056
1052
  outline: none;
1057
1053
  transition: color var(--transition);
1058
1054
  }
1059
- .EmbeddedButton-module__hop-EmbeddedButton___2OcQG::before {
1055
+ .EmbeddedButton-module__hop-EmbeddedButton___eqY7U::before {
1060
1056
  content: "";
1061
1057
  position: absolute;
1062
1058
  inset-block-start: 50%;
@@ -1069,284 +1065,284 @@
1069
1065
  border-radius: var(--effect-border-radius);
1070
1066
  transition: background-color var(--transition);
1071
1067
  }
1072
- .EmbeddedButton-module__hop-EmbeddedButton___2OcQG[data-square] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton___eqY7U[data-square] {
1073
1069
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1074
1070
  }
1075
- .EmbeddedButton-module__hop-EmbeddedButton--md___RFp1F {
1071
+ .EmbeddedButton-module__hop-EmbeddedButton--md___PoMLT {
1076
1072
  --inline-size: var(--hop-EmbeddedButton-md-width);
1077
1073
  --block-size: var(--hop-EmbeddedButton-md-height);
1078
1074
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1079
1075
  }
1080
- .EmbeddedButton-module__hop-EmbeddedButton--lg___y4dEm {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___Hoqt4 {
1081
1077
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1082
1078
  --block-size: var(--hop-EmbeddedButton-lg-height);
1083
1079
  --focus-ring-offset: 0;
1084
1080
  }
1085
- .EmbeddedButton-module__hop-EmbeddedButton--md___RFp1F::before {
1081
+ .EmbeddedButton-module__hop-EmbeddedButton--md___PoMLT::before {
1086
1082
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1087
1083
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1088
1084
  }
1089
- .EmbeddedButton-module__hop-EmbeddedButton--lg___y4dEm::before {
1085
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___Hoqt4::before {
1090
1086
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1091
1087
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1092
1088
  }
1093
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___URFNS {
1089
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3CGni {
1094
1090
  --color: var(--hop-EmbeddedButton-neutral-color);
1095
1091
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1096
1092
  }
1097
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ICioc {
1093
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___L0L76 {
1098
1094
  --color: var(--hop-EmbeddedButton-subdued-color);
1099
1095
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1100
1096
  }
1101
- .EmbeddedButton-module__hop-EmbeddedButton--progress___wW6dt {
1097
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___GVO6d {
1102
1098
  --color: var(--hop-EmbeddedButton-progress-color);
1103
1099
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1104
1100
  }
1105
- .EmbeddedButton-module__hop-EmbeddedButton--positive___-DIg3 {
1101
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___vu--6 {
1106
1102
  --color: var(--hop-EmbeddedButton-positive-color);
1107
1103
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1108
1104
  }
1109
- .EmbeddedButton-module__hop-EmbeddedButton--caution___Z-zxu {
1105
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___FlGHR {
1110
1106
  --color: var(--hop-EmbeddedButton-caution-color);
1111
1107
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1112
1108
  }
1113
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TIQ-p {
1109
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___D8HTq {
1114
1110
  --color: var(--hop-EmbeddedButton-negative-color);
1115
1111
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1116
1112
  }
1117
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NAc-4 {
1113
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___2WXUC {
1118
1114
  --color: var(--hop-EmbeddedButton-option1-color);
1119
1115
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1120
1116
  }
1121
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Qt4xq {
1117
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___EK0cQ {
1122
1118
  --color: var(--hop-EmbeddedButton-option2-color);
1123
1119
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1124
1120
  }
1125
- .EmbeddedButton-module__hop-EmbeddedButton--option3___fkfln {
1121
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___q-tUu {
1126
1122
  --color: var(--hop-EmbeddedButton-option3-color);
1127
1123
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1128
1124
  }
1129
- .EmbeddedButton-module__hop-EmbeddedButton--option4___iQKHI {
1125
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___kx8Uv {
1130
1126
  --color: var(--hop-EmbeddedButton-option4-color);
1131
1127
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1132
1128
  }
1133
- .EmbeddedButton-module__hop-EmbeddedButton--option5___gsB1P {
1129
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Mkg92 {
1134
1130
  --color: var(--hop-EmbeddedButton-option5-color);
1135
1131
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1136
1132
  }
1137
- .EmbeddedButton-module__hop-EmbeddedButton--option6___snMJy {
1133
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UaKjy {
1138
1134
  --color: var(--hop-EmbeddedButton-option6-color);
1139
1135
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1140
1136
  }
1141
- .EmbeddedButton-module__hop-EmbeddedButton___2OcQG[data-selected] {
1137
+ .EmbeddedButton-module__hop-EmbeddedButton___eqY7U[data-selected] {
1142
1138
  --color: var(--hop-EmbeddedButton-selected-color);
1143
1139
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1144
1140
  }
1145
- .EmbeddedButton-module__hop-EmbeddedButton___2OcQG[data-focus-visible] {
1141
+ .EmbeddedButton-module__hop-EmbeddedButton___eqY7U[data-focus-visible] {
1146
1142
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1147
1143
  outline-offset: var(--focus-ring-offset);
1148
1144
  }
1149
- .EmbeddedButton-module__hop-EmbeddedButton___2OcQG[data-disabled] {
1145
+ .EmbeddedButton-module__hop-EmbeddedButton___eqY7U[data-disabled] {
1150
1146
  cursor: not-allowed;
1151
1147
  }
1152
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___URFNS[data-hovered] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3CGni[data-hovered] {
1153
1149
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1154
1150
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1155
1151
  }
1156
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___URFNS[data-focus-visible] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3CGni[data-focus-visible] {
1157
1153
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1158
1154
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1159
1155
  }
1160
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___URFNS[data-pressed] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3CGni[data-pressed] {
1161
1157
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1162
1158
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1163
1159
  }
1164
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___URFNS[data-disabled] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3CGni[data-disabled] {
1165
1161
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1166
1162
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1167
1163
  }
1168
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ICioc[data-hovered] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___L0L76[data-hovered] {
1169
1165
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1170
1166
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1171
1167
  }
1172
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ICioc[data-focus-visible] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___L0L76[data-focus-visible] {
1173
1169
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1174
1170
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1175
1171
  }
1176
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ICioc[data-pressed] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___L0L76[data-pressed] {
1177
1173
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1178
1174
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1179
1175
  }
1180
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___ICioc[data-disabled] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___L0L76[data-disabled] {
1181
1177
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1182
1178
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1183
1179
  }
1184
- .EmbeddedButton-module__hop-EmbeddedButton--progress___wW6dt[data-hovered] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___GVO6d[data-hovered] {
1185
1181
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1186
1182
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1187
1183
  }
1188
- .EmbeddedButton-module__hop-EmbeddedButton--progress___wW6dt[data-focus-visible] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___GVO6d[data-focus-visible] {
1189
1185
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1190
1186
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1191
1187
  }
1192
- .EmbeddedButton-module__hop-EmbeddedButton--progress___wW6dt[data-pressed] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___GVO6d[data-pressed] {
1193
1189
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1194
1190
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1195
1191
  }
1196
- .EmbeddedButton-module__hop-EmbeddedButton--progress___wW6dt[data-disabled] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___GVO6d[data-disabled] {
1197
1193
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1198
1194
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1199
1195
  }
1200
- .EmbeddedButton-module__hop-EmbeddedButton--positive___-DIg3[data-hovered] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___vu--6[data-hovered] {
1201
1197
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1202
1198
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1203
1199
  }
1204
- .EmbeddedButton-module__hop-EmbeddedButton--positive___-DIg3[data-focus-visible] {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___vu--6[data-focus-visible] {
1205
1201
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1206
1202
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1207
1203
  }
1208
- .EmbeddedButton-module__hop-EmbeddedButton--positive___-DIg3[data-pressed] {
1204
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___vu--6[data-pressed] {
1209
1205
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1210
1206
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1211
1207
  }
1212
- .EmbeddedButton-module__hop-EmbeddedButton--positive___-DIg3[data-disabled] {
1208
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___vu--6[data-disabled] {
1213
1209
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1214
1210
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1215
1211
  }
1216
- .EmbeddedButton-module__hop-EmbeddedButton--caution___Z-zxu[data-hovered] {
1212
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___FlGHR[data-hovered] {
1217
1213
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1218
1214
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1219
1215
  }
1220
- .EmbeddedButton-module__hop-EmbeddedButton--caution___Z-zxu[data-focus-visible] {
1216
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___FlGHR[data-focus-visible] {
1221
1217
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1222
1218
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1223
1219
  }
1224
- .EmbeddedButton-module__hop-EmbeddedButton--caution___Z-zxu[data-pressed] {
1220
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___FlGHR[data-pressed] {
1225
1221
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1226
1222
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1227
1223
  }
1228
- .EmbeddedButton-module__hop-EmbeddedButton--caution___Z-zxu[data-disabled] {
1224
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___FlGHR[data-disabled] {
1229
1225
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1230
1226
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1231
1227
  }
1232
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TIQ-p[data-hovered] {
1228
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___D8HTq[data-hovered] {
1233
1229
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1234
1230
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1235
1231
  }
1236
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TIQ-p[data-focus-visible] {
1232
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___D8HTq[data-focus-visible] {
1237
1233
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1238
1234
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1239
1235
  }
1240
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TIQ-p[data-pressed] {
1236
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___D8HTq[data-pressed] {
1241
1237
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1242
1238
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1243
1239
  }
1244
- .EmbeddedButton-module__hop-EmbeddedButton--negative___TIQ-p[data-disabled] {
1240
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___D8HTq[data-disabled] {
1245
1241
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1246
1242
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1247
1243
  }
1248
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NAc-4[data-hovered] {
1244
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___2WXUC[data-hovered] {
1249
1245
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1250
1246
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1251
1247
  }
1252
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NAc-4[data-focus-visible] {
1248
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___2WXUC[data-focus-visible] {
1253
1249
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1254
1250
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1255
1251
  }
1256
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NAc-4[data-pressed] {
1252
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___2WXUC[data-pressed] {
1257
1253
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1258
1254
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1259
1255
  }
1260
- .EmbeddedButton-module__hop-EmbeddedButton--option1___NAc-4[data-disabled] {
1256
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___2WXUC[data-disabled] {
1261
1257
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1262
1258
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1263
1259
  }
1264
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Qt4xq[data-hovered] {
1260
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___EK0cQ[data-hovered] {
1265
1261
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1266
1262
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1267
1263
  }
1268
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Qt4xq[data-focus-visible] {
1264
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___EK0cQ[data-focus-visible] {
1269
1265
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1270
1266
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1271
1267
  }
1272
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Qt4xq[data-pressed] {
1268
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___EK0cQ[data-pressed] {
1273
1269
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1274
1270
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1275
1271
  }
1276
- .EmbeddedButton-module__hop-EmbeddedButton--option2___Qt4xq[data-disabled] {
1272
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___EK0cQ[data-disabled] {
1277
1273
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1278
1274
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1279
1275
  }
1280
- .EmbeddedButton-module__hop-EmbeddedButton--option3___fkfln[data-hovered] {
1276
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___q-tUu[data-hovered] {
1281
1277
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1282
1278
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1283
1279
  }
1284
- .EmbeddedButton-module__hop-EmbeddedButton--option3___fkfln[data-focus-visible] {
1280
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___q-tUu[data-focus-visible] {
1285
1281
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1286
1282
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1287
1283
  }
1288
- .EmbeddedButton-module__hop-EmbeddedButton--option3___fkfln[data-pressed] {
1284
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___q-tUu[data-pressed] {
1289
1285
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1290
1286
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1291
1287
  }
1292
- .EmbeddedButton-module__hop-EmbeddedButton--option3___fkfln[data-disabled] {
1288
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___q-tUu[data-disabled] {
1293
1289
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1294
1290
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1295
1291
  }
1296
- .EmbeddedButton-module__hop-EmbeddedButton--option4___iQKHI[data-hovered] {
1292
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___kx8Uv[data-hovered] {
1297
1293
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1298
1294
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1299
1295
  }
1300
- .EmbeddedButton-module__hop-EmbeddedButton--option4___iQKHI[data-focus-visible] {
1296
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___kx8Uv[data-focus-visible] {
1301
1297
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1302
1298
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1303
1299
  }
1304
- .EmbeddedButton-module__hop-EmbeddedButton--option4___iQKHI[data-pressed] {
1300
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___kx8Uv[data-pressed] {
1305
1301
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1306
1302
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1307
1303
  }
1308
- .EmbeddedButton-module__hop-EmbeddedButton--option4___iQKHI[data-disabled] {
1304
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___kx8Uv[data-disabled] {
1309
1305
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1310
1306
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1311
1307
  }
1312
- .EmbeddedButton-module__hop-EmbeddedButton--option5___gsB1P[data-hovered] {
1308
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Mkg92[data-hovered] {
1313
1309
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1314
1310
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1315
1311
  }
1316
- .EmbeddedButton-module__hop-EmbeddedButton--option5___gsB1P[data-focus-visible] {
1312
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Mkg92[data-focus-visible] {
1317
1313
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1318
1314
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1319
1315
  }
1320
- .EmbeddedButton-module__hop-EmbeddedButton--option5___gsB1P[data-pressed] {
1316
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Mkg92[data-pressed] {
1321
1317
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1322
1318
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1323
1319
  }
1324
- .EmbeddedButton-module__hop-EmbeddedButton--option5___gsB1P[data-disabled] {
1320
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Mkg92[data-disabled] {
1325
1321
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1326
1322
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1327
1323
  }
1328
- .EmbeddedButton-module__hop-EmbeddedButton--option6___snMJy[data-hovered] {
1324
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UaKjy[data-hovered] {
1329
1325
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1330
1326
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1331
1327
  }
1332
- .EmbeddedButton-module__hop-EmbeddedButton--option6___snMJy[data-focus-visible] {
1328
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UaKjy[data-focus-visible] {
1333
1329
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1334
1330
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1335
1331
  }
1336
- .EmbeddedButton-module__hop-EmbeddedButton--option6___snMJy[data-pressed] {
1332
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UaKjy[data-pressed] {
1337
1333
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1338
1334
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1339
1335
  }
1340
- .EmbeddedButton-module__hop-EmbeddedButton--option6___snMJy[data-disabled] {
1336
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UaKjy[data-disabled] {
1341
1337
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1342
1338
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1343
1339
  }
1344
- .EmbeddedButton-module__hop-EmbeddedButton__icon___Gd-ZV {
1340
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___XEev4 {
1345
1341
  position: relative;
1346
1342
  }
1347
1343
 
1348
1344
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1349
- button.CloseButton-module__hop-CloseButton___SAD6L {
1345
+ button.CloseButton-module__hop-CloseButton___WiUFW {
1350
1346
  --hop-CloseButton-margin-top: 0rem;
1351
1347
  --hop-CloseButton-padding: 0rem;
1352
1348
  --hop-CloseButton-width: fit-content;
@@ -1358,7 +1354,7 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
1358
1354
  }
1359
1355
 
1360
1356
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1361
- .Button-module__hop-Button___jWDy6 {
1357
+ .Button-module__hop-Button___1BCiu {
1362
1358
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1363
1359
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1364
1360
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1483,213 +1479,213 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
1483
1479
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1484
1480
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1485
1481
  }
1486
- .Button-module__hop-Button--fluid___48XY0 {
1482
+ .Button-module__hop-Button--fluid___vIbxm {
1487
1483
  --inline-size: 100%;
1488
1484
  }
1489
- .Button-module__hop-Button--xs___7wnht {
1485
+ .Button-module__hop-Button--xs___Dwk-6 {
1490
1486
  --block-size: var(--hop-Button-xs-height);
1491
1487
  --padding: var(--hop-Button-xs-padding);
1492
1488
  }
1493
- .Button-module__hop-Button--xs___7wnht[class*=--ghost] {
1489
+ .Button-module__hop-Button--xs___Dwk-6[class*=--ghost] {
1494
1490
  --padding: var(--hop-Button-ghost-xs-padding);
1495
1491
  }
1496
- .Button-module__hop-Button--sm___LlrGN {
1492
+ .Button-module__hop-Button--sm___NJ5VV {
1497
1493
  --block-size: var(--hop-Button-sm-height);
1498
1494
  --padding: var(--hop-Button-sm-padding);
1499
1495
  }
1500
- .Button-module__hop-Button--sm___LlrGN[class*=--ghost] {
1496
+ .Button-module__hop-Button--sm___NJ5VV[class*=--ghost] {
1501
1497
  --padding: var(--hop-Button-ghost-sm-padding);
1502
1498
  }
1503
- .Button-module__hop-Button--md___ygr-w[class*=--ghost] {
1499
+ .Button-module__hop-Button--md___CZ0cM[class*=--ghost] {
1504
1500
  --padding: var(--hop-Button-ghost-md-padding);
1505
1501
  }
1506
- .Button-module__hop-Button--icon-only___COLIt {
1502
+ .Button-module__hop-Button--icon-only___r8e-5 {
1507
1503
  --column-gap: var(--hop-Button-icon-only-column-gap);
1508
1504
  --padding: var(--hop-Button-icon-only-padding);
1509
1505
  aspect-ratio: 1;
1510
1506
  }
1511
- .Button-module__hop-Button--primary___K3-DO {
1507
+ .Button-module__hop-Button--primary___MTnkP {
1512
1508
  --background-color: var(--hop-Button-primary-background-color);
1513
1509
  --color: var(--hop-Button-primary-color);
1514
1510
  --border: var(--hop-Button-primary-border);
1515
1511
  --spinner-color: var(--hop-Button-primary-spinner-color);
1516
1512
  }
1517
- .Button-module__hop-Button--primary___K3-DO[data-hovered],
1518
- .Button-module__hop-Button--primary___K3-DO[data-focus-visible] {
1513
+ .Button-module__hop-Button--primary___MTnkP[data-hovered],
1514
+ .Button-module__hop-Button--primary___MTnkP[data-focus-visible] {
1519
1515
  --background-color: var(--hop-Button-primary-background-color-hover);
1520
1516
  --color: var(--hop-Button-primary-color-hover);
1521
1517
  --border: var(--hop-Button-primary-border-hover);
1522
1518
  }
1523
- .Button-module__hop-Button--primary___K3-DO[data-pressed] {
1519
+ .Button-module__hop-Button--primary___MTnkP[data-pressed] {
1524
1520
  --background-color: var(--hop-Button-primary-background-color-pressed);
1525
1521
  --color: var(--hop-Button-primary-color-pressed);
1526
1522
  --border: var(--hop-Button-primary-border-pressed);
1527
1523
  }
1528
- .Button-module__hop-Button--secondary___uHzjo {
1524
+ .Button-module__hop-Button--secondary___jsS7S {
1529
1525
  --background-color: var(--hop-Button-secondary-background-color);
1530
1526
  --color: var(--hop-Button-secondary-color);
1531
1527
  --border: var(--hop-Button-secondary-border);
1532
1528
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1533
1529
  }
1534
- .Button-module__hop-Button--secondary___uHzjo[data-hovered],
1535
- .Button-module__hop-Button--secondary___uHzjo[data-focus-visible] {
1530
+ .Button-module__hop-Button--secondary___jsS7S[data-hovered],
1531
+ .Button-module__hop-Button--secondary___jsS7S[data-focus-visible] {
1536
1532
  --background-color: var(--hop-Button-secondary-background-color-hover);
1537
1533
  --color: var(--hop-Button-secondary-color-hover);
1538
1534
  --border: var(--hop-Button-secondary-border-hover);
1539
1535
  }
1540
- .Button-module__hop-Button--secondary___uHzjo[data-pressed] {
1536
+ .Button-module__hop-Button--secondary___jsS7S[data-pressed] {
1541
1537
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1542
1538
  --color: var(--hop-Button-secondary-color-pressed);
1543
1539
  --border: var(--hop-Button-secondary-border-pressed);
1544
1540
  }
1545
- .Button-module__hop-Button--upsell___Al-Bi {
1541
+ .Button-module__hop-Button--upsell___0j2i8 {
1546
1542
  --background-color: var(--hop-Button-upsell-background-color);
1547
1543
  --color: var(--hop-Button-upsell-color);
1548
1544
  --border: var(--hop-Button-upsell-border);
1549
1545
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1550
1546
  }
1551
- .Button-module__hop-Button--upsell___Al-Bi[data-hovered],
1552
- .Button-module__hop-Button--upsell___Al-Bi[data-focus-visible] {
1547
+ .Button-module__hop-Button--upsell___0j2i8[data-hovered],
1548
+ .Button-module__hop-Button--upsell___0j2i8[data-focus-visible] {
1553
1549
  --background-color: var(--hop-Button-upsell-background-color-hover);
1554
1550
  --color: var(--hop-Button-upsell-color-hover);
1555
1551
  --border: var(--hop-Button-upsell-border-hover);
1556
1552
  }
1557
- .Button-module__hop-Button--upsell___Al-Bi[data-pressed] {
1553
+ .Button-module__hop-Button--upsell___0j2i8[data-pressed] {
1558
1554
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1559
1555
  --color: var(--hop-Button-upsell-color-pressed);
1560
1556
  --border: var(--hop-Button-upsell-border-pressed);
1561
1557
  }
1562
- .Button-module__hop-Button--danger___bsuav {
1558
+ .Button-module__hop-Button--danger___x4uGy {
1563
1559
  --background-color: var(--hop-Button-danger-background-color);
1564
1560
  --color: var(--hop-Button-danger-color);
1565
1561
  --border: var(--hop-Button-danger-border);
1566
1562
  --spinner-color: var(--hop-Button-danger-spinner-color);
1567
1563
  }
1568
- .Button-module__hop-Button--danger___bsuav[data-hovered],
1569
- .Button-module__hop-Button--danger___bsuav[data-focus-visible] {
1564
+ .Button-module__hop-Button--danger___x4uGy[data-hovered],
1565
+ .Button-module__hop-Button--danger___x4uGy[data-focus-visible] {
1570
1566
  --background-color: var(--hop-Button-danger-background-color-hover);
1571
1567
  --color: var(--hop-Button-danger-color-hover);
1572
1568
  --border: var(--hop-Button-danger-border-hover);
1573
1569
  }
1574
- .Button-module__hop-Button--danger___bsuav[data-pressed] {
1570
+ .Button-module__hop-Button--danger___x4uGy[data-pressed] {
1575
1571
  --background-color: var(--hop-Button-danger-background-color-pressed);
1576
1572
  --color: var(--hop-Button-danger-color-pressed);
1577
1573
  --border: var(--hop-Button-danger-border-pressed);
1578
1574
  }
1579
- .Button-module__hop-Button--ghost-primary___sCs8A {
1575
+ .Button-module__hop-Button--ghost-primary___jqRGS {
1580
1576
  --background-color: var(--hop-Button-ghost-primary-background-color);
1581
1577
  --color: var(--hop-Button-ghost-primary-color);
1582
1578
  --border: var(--hop-Button-ghost-primary-border);
1583
1579
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1584
1580
  }
1585
- .Button-module__hop-Button--ghost-primary___sCs8A[data-hovered],
1586
- .Button-module__hop-Button--ghost-primary___sCs8A[data-focus-visible] {
1581
+ .Button-module__hop-Button--ghost-primary___jqRGS[data-hovered],
1582
+ .Button-module__hop-Button--ghost-primary___jqRGS[data-focus-visible] {
1587
1583
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1588
1584
  --color: var(--hop-Button-ghost-primary-color-hover);
1589
1585
  --border: var(--hop-Button-ghost-primary-border-hover);
1590
1586
  }
1591
- .Button-module__hop-Button--ghost-primary___sCs8A[data-pressed] {
1587
+ .Button-module__hop-Button--ghost-primary___jqRGS[data-pressed] {
1592
1588
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1593
1589
  --color: var(--hop-Button-ghost-primary-color-pressed);
1594
1590
  --border: var(--hop-Button-ghost-primary-border-pressed);
1595
1591
  }
1596
- .Button-module__hop-Button--ghost-secondary___gcUa2 {
1592
+ .Button-module__hop-Button--ghost-secondary___a2k24 {
1597
1593
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1598
1594
  --color: var(--hop-Button-ghost-secondary-color);
1599
1595
  --border: var(--hop-Button-ghost-secondary-border);
1600
1596
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1601
1597
  }
1602
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-hovered],
1603
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-focus-visible] {
1598
+ .Button-module__hop-Button--ghost-secondary___a2k24[data-hovered],
1599
+ .Button-module__hop-Button--ghost-secondary___a2k24[data-focus-visible] {
1604
1600
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1605
1601
  --color: var(--hop-Button-ghost-secondary-color-hover);
1606
1602
  --border: var(--hop-Button-ghost-secondary-border-hover);
1607
1603
  }
1608
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-pressed] {
1604
+ .Button-module__hop-Button--ghost-secondary___a2k24[data-pressed] {
1609
1605
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1610
1606
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1611
1607
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1612
1608
  }
1613
- .Button-module__hop-Button--ghost-danger___6b-52 {
1609
+ .Button-module__hop-Button--ghost-danger___qT5Rc {
1614
1610
  --background-color: var(--hop-Button-ghost-danger-background-color);
1615
1611
  --color: var(--hop-Button-ghost-danger-color);
1616
1612
  --border: var(--hop-Button-ghost-danger-border);
1617
1613
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1618
1614
  }
1619
- .Button-module__hop-Button--ghost-danger___6b-52[data-hovered],
1620
- .Button-module__hop-Button--ghost-danger___6b-52[data-focus-visible] {
1615
+ .Button-module__hop-Button--ghost-danger___qT5Rc[data-hovered],
1616
+ .Button-module__hop-Button--ghost-danger___qT5Rc[data-focus-visible] {
1621
1617
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1622
1618
  --color: var(--hop-Button-ghost-danger-color-hover);
1623
1619
  --border: var(--hop-Button-ghost-danger-border-hover);
1624
1620
  }
1625
- .Button-module__hop-Button--ghost-danger___6b-52[data-pressed] {
1621
+ .Button-module__hop-Button--ghost-danger___qT5Rc[data-pressed] {
1626
1622
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1627
1623
  --color: var(--hop-Button-ghost-danger-color-pressed);
1628
1624
  --border: var(--hop-Button-ghost-danger-border-pressed);
1629
1625
  }
1630
- .Button-module__hop-Button___jWDy6[data-focus-visible] {
1626
+ .Button-module__hop-Button___1BCiu[data-focus-visible] {
1631
1627
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1632
1628
  }
1633
- .Button-module__hop-Button___jWDy6[data-disabled],
1634
- .Button-module__hop-Button--loading___6sHZ- {
1629
+ .Button-module__hop-Button___1BCiu[data-disabled],
1630
+ .Button-module__hop-Button--loading___Cytnb {
1635
1631
  cursor: not-allowed;
1636
1632
  }
1637
- .Button-module__hop-Button___jWDy6[data-disabled] {
1633
+ .Button-module__hop-Button___1BCiu[data-disabled] {
1638
1634
  --background-color: var(--hop-Button-background-color-disabled);
1639
1635
  --color: var(--hop-Button-color-disabled);
1640
1636
  --border: var(--hop-Button-border-disabled);
1641
1637
  }
1642
- .Button-module__hop-Button___jWDy6[class*=--ghost][data-disabled] {
1638
+ .Button-module__hop-Button___1BCiu[class*=--ghost][data-disabled] {
1643
1639
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1644
1640
  --color: var(--hop-Button-ghost-color-disabled);
1645
1641
  --border: var(--hop-Button-ghost-border-disabled);
1646
1642
  }
1647
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--primary___K3-DO {
1643
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--primary___MTnkP {
1648
1644
  --background-color: var(--hop-Button-primary-background-color);
1649
1645
  --color: var(--hop-Button-primary-color);
1650
1646
  --border: var(--hop-Button-primary-border);
1651
1647
  }
1652
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--secondary___uHzjo {
1648
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--secondary___jsS7S {
1653
1649
  --background-color: var(--hop-Button-secondary-background-color);
1654
1650
  --color: var(--hop-Button-secondary-color);
1655
1651
  --border: var(--hop-Button-secondary-border);
1656
1652
  }
1657
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--upsell___Al-Bi {
1653
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--upsell___0j2i8 {
1658
1654
  --background-color: var(--hop-Button-upsell-background-color);
1659
1655
  --color: var(--hop-Button-upsell-color);
1660
1656
  --border: var(--hop-Button-upsell-border);
1661
1657
  }
1662
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--danger___bsuav {
1658
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--danger___x4uGy {
1663
1659
  --background-color: var(--hop-Button-danger-background-color);
1664
1660
  --color: var(--hop-Button-danger-color);
1665
1661
  --border: var(--hop-Button-danger-border);
1666
1662
  }
1667
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-primary___sCs8A {
1663
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-primary___jqRGS {
1668
1664
  --background-color: var(--hop-Button-ghost-primary-background-color);
1669
1665
  --color: var(--hop-Button-ghost-primary-color);
1670
1666
  --border: var(--hop-Button-ghost-primary-border);
1671
1667
  }
1672
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-secondary___gcUa2 {
1668
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-secondary___a2k24 {
1673
1669
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1674
1670
  --color: var(--hop-Button-ghost-secondary-color);
1675
1671
  --border: var(--hop-Button-ghost-secondary-border);
1676
1672
  }
1677
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-danger___6b-52 {
1673
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-danger___qT5Rc {
1678
1674
  --background-color: var(--hop-Button-ghost-danger-background-color);
1679
1675
  --color: var(--hop-Button-ghost-danger-color);
1680
1676
  --border: var(--hop-Button-ghost-danger-border);
1681
1677
  }
1682
- .Button-module__hop-Button__Spinner___-eQz9 {
1678
+ .Button-module__hop-Button__Spinner___jH7f7 {
1683
1679
  position: absolute;
1684
1680
  color: var(--spinner-color);
1685
1681
  }
1686
- .Button-module__hop-Button__icon___QfbzU,
1687
- .Button-module__hop-Button__icon-list___92YGY {
1682
+ .Button-module__hop-Button__icon___ZFw-K,
1683
+ .Button-module__hop-Button__icon-list___gUwRs {
1688
1684
  flex: 0 0 auto;
1689
1685
  justify-self: end;
1690
1686
  order: 1;
1691
1687
  }
1692
- .Button-module__hop-Button__text___8l96e {
1688
+ .Button-module__hop-Button__text___lBPoJ {
1693
1689
  user-select: none;
1694
1690
  overflow: visible;
1695
1691
  flex: 0 1 auto;
@@ -1698,59 +1694,59 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
1698
1694
  text-decoration: none;
1699
1695
  text-wrap: nowrap;
1700
1696
  }
1701
- .Button-module__hop-Button__end-icon___2-jUn,
1702
- .Button-module__hop-Button__end-icon-list___KRnDk {
1697
+ .Button-module__hop-Button__end-icon___Z-hok,
1698
+ .Button-module__hop-Button__end-icon-list___HcgdX {
1703
1699
  flex: 0 0 auto;
1704
1700
  order: 3;
1705
1701
  }
1706
- .Button-module__hop-Button___jWDy6 .Button-module__hop-Button__icon-list___92YGY,
1707
- .Button-module__hop-Button___jWDy6 .Button-module__hop-Button__end-icon-list___KRnDk {
1702
+ .Button-module__hop-Button___1BCiu .Button-module__hop-Button__icon-list___gUwRs,
1703
+ .Button-module__hop-Button___1BCiu .Button-module__hop-Button__end-icon-list___HcgdX {
1708
1704
  flex-wrap: nowrap;
1709
1705
  }
1710
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button___jWDy6 > *:not(.Button-module__hop-Button__Spinner___-eQz9) {
1706
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button___1BCiu > *:not(.Button-module__hop-Button__Spinner___jH7f7) {
1711
1707
  opacity: 0;
1712
1708
  }
1713
- .LinkButton-module__hop-LinkButton___5uBP7 {
1709
+ .LinkButton-module__hop-LinkButton___6nwEd {
1714
1710
  }
1715
- .LinkButton-module__hop-LinkButton--fluid___JntvR {
1711
+ .LinkButton-module__hop-LinkButton--fluid___e3fUT {
1716
1712
  }
1717
- .LinkButton-module__hop-LinkButton--xs___OBe0H {
1713
+ .LinkButton-module__hop-LinkButton--xs___YKmsg {
1718
1714
  }
1719
- .LinkButton-module__hop-LinkButton--sm___6I7nR {
1715
+ .LinkButton-module__hop-LinkButton--sm___ORLEQ {
1720
1716
  }
1721
- .LinkButton-module__hop-LinkButton--icon-only___D4x9- {
1717
+ .LinkButton-module__hop-LinkButton--icon-only___V-WEn {
1722
1718
  }
1723
- .LinkButton-module__hop-LinkButton--primary___hIrqY {
1719
+ .LinkButton-module__hop-LinkButton--primary___-4WFJ {
1724
1720
  }
1725
- .LinkButton-module__hop-LinkButton--secondary___ietEk {
1721
+ .LinkButton-module__hop-LinkButton--secondary___xBe51 {
1726
1722
  }
1727
- .LinkButton-module__hop-LinkButton--upsell___EuPGq {
1723
+ .LinkButton-module__hop-LinkButton--upsell___V7yuC {
1728
1724
  }
1729
- .LinkButton-module__hop-LinkButton--danger___gByIg {
1725
+ .LinkButton-module__hop-LinkButton--danger___u-w57 {
1730
1726
  }
1731
- .LinkButton-module__hop-LinkButton--ghost-primary___YkkSC {
1727
+ .LinkButton-module__hop-LinkButton--ghost-primary___EIlC7 {
1732
1728
  }
1733
- .LinkButton-module__hop-LinkButton--ghost-secondary___s4Cql {
1729
+ .LinkButton-module__hop-LinkButton--ghost-secondary___fImnv {
1734
1730
  }
1735
- .LinkButton-module__hop-LinkButton--ghost-danger___VyVZK {
1731
+ .LinkButton-module__hop-LinkButton--ghost-danger___OIOzI {
1736
1732
  }
1737
- .LinkButton-module__hop-LinkButton__Spinner___gdRdk {
1733
+ .LinkButton-module__hop-LinkButton__Spinner___a-Ptm {
1738
1734
  }
1739
- .LinkButton-module__hop-LinkButton__icon___3B0NN,
1740
- .LinkButton-module__hop-LinkButton__icon-list___KxW5F {
1735
+ .LinkButton-module__hop-LinkButton__icon___X-I1Y,
1736
+ .LinkButton-module__hop-LinkButton__icon-list___11nZQ {
1741
1737
  }
1742
- .LinkButton-module__hop-LinkButton__text___s6r4L {
1738
+ .LinkButton-module__hop-LinkButton__text___hnApD {
1743
1739
  }
1744
- .LinkButton-module__hop-LinkButton__end-icon___tI4ct,
1745
- .LinkButton-module__hop-LinkButton__end-icon-list___5g-Kp {
1740
+ .LinkButton-module__hop-LinkButton__end-icon___cxizo,
1741
+ .LinkButton-module__hop-LinkButton__end-icon-list___M-VRq {
1746
1742
  }
1747
- .LinkButton-module__hop-LinkButton___5uBP7 .LinkButton-module__hop-LinkButton__icon-list___KxW5F,
1748
- .LinkButton-module__hop-LinkButton___5uBP7 .LinkButton-module__hop-LinkButton__end-icon-list___5g-Kp {
1743
+ .LinkButton-module__hop-LinkButton___6nwEd .LinkButton-module__hop-LinkButton__icon-list___11nZQ,
1744
+ .LinkButton-module__hop-LinkButton___6nwEd .LinkButton-module__hop-LinkButton__end-icon-list___M-VRq {
1749
1745
  flex-wrap: nowrap;
1750
1746
  }
1751
1747
 
1752
1748
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1753
- .Button-module__hop-Button___jWDy6 {
1749
+ .Button-module__hop-Button___1BCiu {
1754
1750
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1755
1751
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1756
1752
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1875,213 +1871,213 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
1875
1871
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1876
1872
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1877
1873
  }
1878
- .Button-module__hop-Button--fluid___48XY0 {
1874
+ .Button-module__hop-Button--fluid___vIbxm {
1879
1875
  --inline-size: 100%;
1880
1876
  }
1881
- .Button-module__hop-Button--xs___7wnht {
1877
+ .Button-module__hop-Button--xs___Dwk-6 {
1882
1878
  --block-size: var(--hop-Button-xs-height);
1883
1879
  --padding: var(--hop-Button-xs-padding);
1884
1880
  }
1885
- .Button-module__hop-Button--xs___7wnht[class*=--ghost] {
1881
+ .Button-module__hop-Button--xs___Dwk-6[class*=--ghost] {
1886
1882
  --padding: var(--hop-Button-ghost-xs-padding);
1887
1883
  }
1888
- .Button-module__hop-Button--sm___LlrGN {
1884
+ .Button-module__hop-Button--sm___NJ5VV {
1889
1885
  --block-size: var(--hop-Button-sm-height);
1890
1886
  --padding: var(--hop-Button-sm-padding);
1891
1887
  }
1892
- .Button-module__hop-Button--sm___LlrGN[class*=--ghost] {
1888
+ .Button-module__hop-Button--sm___NJ5VV[class*=--ghost] {
1893
1889
  --padding: var(--hop-Button-ghost-sm-padding);
1894
1890
  }
1895
- .Button-module__hop-Button--md___ygr-w[class*=--ghost] {
1891
+ .Button-module__hop-Button--md___CZ0cM[class*=--ghost] {
1896
1892
  --padding: var(--hop-Button-ghost-md-padding);
1897
1893
  }
1898
- .Button-module__hop-Button--icon-only___COLIt {
1894
+ .Button-module__hop-Button--icon-only___r8e-5 {
1899
1895
  --column-gap: var(--hop-Button-icon-only-column-gap);
1900
1896
  --padding: var(--hop-Button-icon-only-padding);
1901
1897
  aspect-ratio: 1;
1902
1898
  }
1903
- .Button-module__hop-Button--primary___K3-DO {
1899
+ .Button-module__hop-Button--primary___MTnkP {
1904
1900
  --background-color: var(--hop-Button-primary-background-color);
1905
1901
  --color: var(--hop-Button-primary-color);
1906
1902
  --border: var(--hop-Button-primary-border);
1907
1903
  --spinner-color: var(--hop-Button-primary-spinner-color);
1908
1904
  }
1909
- .Button-module__hop-Button--primary___K3-DO[data-hovered],
1910
- .Button-module__hop-Button--primary___K3-DO[data-focus-visible] {
1905
+ .Button-module__hop-Button--primary___MTnkP[data-hovered],
1906
+ .Button-module__hop-Button--primary___MTnkP[data-focus-visible] {
1911
1907
  --background-color: var(--hop-Button-primary-background-color-hover);
1912
1908
  --color: var(--hop-Button-primary-color-hover);
1913
1909
  --border: var(--hop-Button-primary-border-hover);
1914
1910
  }
1915
- .Button-module__hop-Button--primary___K3-DO[data-pressed] {
1911
+ .Button-module__hop-Button--primary___MTnkP[data-pressed] {
1916
1912
  --background-color: var(--hop-Button-primary-background-color-pressed);
1917
1913
  --color: var(--hop-Button-primary-color-pressed);
1918
1914
  --border: var(--hop-Button-primary-border-pressed);
1919
1915
  }
1920
- .Button-module__hop-Button--secondary___uHzjo {
1916
+ .Button-module__hop-Button--secondary___jsS7S {
1921
1917
  --background-color: var(--hop-Button-secondary-background-color);
1922
1918
  --color: var(--hop-Button-secondary-color);
1923
1919
  --border: var(--hop-Button-secondary-border);
1924
1920
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1925
1921
  }
1926
- .Button-module__hop-Button--secondary___uHzjo[data-hovered],
1927
- .Button-module__hop-Button--secondary___uHzjo[data-focus-visible] {
1922
+ .Button-module__hop-Button--secondary___jsS7S[data-hovered],
1923
+ .Button-module__hop-Button--secondary___jsS7S[data-focus-visible] {
1928
1924
  --background-color: var(--hop-Button-secondary-background-color-hover);
1929
1925
  --color: var(--hop-Button-secondary-color-hover);
1930
1926
  --border: var(--hop-Button-secondary-border-hover);
1931
1927
  }
1932
- .Button-module__hop-Button--secondary___uHzjo[data-pressed] {
1928
+ .Button-module__hop-Button--secondary___jsS7S[data-pressed] {
1933
1929
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1934
1930
  --color: var(--hop-Button-secondary-color-pressed);
1935
1931
  --border: var(--hop-Button-secondary-border-pressed);
1936
1932
  }
1937
- .Button-module__hop-Button--upsell___Al-Bi {
1933
+ .Button-module__hop-Button--upsell___0j2i8 {
1938
1934
  --background-color: var(--hop-Button-upsell-background-color);
1939
1935
  --color: var(--hop-Button-upsell-color);
1940
1936
  --border: var(--hop-Button-upsell-border);
1941
1937
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1942
1938
  }
1943
- .Button-module__hop-Button--upsell___Al-Bi[data-hovered],
1944
- .Button-module__hop-Button--upsell___Al-Bi[data-focus-visible] {
1939
+ .Button-module__hop-Button--upsell___0j2i8[data-hovered],
1940
+ .Button-module__hop-Button--upsell___0j2i8[data-focus-visible] {
1945
1941
  --background-color: var(--hop-Button-upsell-background-color-hover);
1946
1942
  --color: var(--hop-Button-upsell-color-hover);
1947
1943
  --border: var(--hop-Button-upsell-border-hover);
1948
1944
  }
1949
- .Button-module__hop-Button--upsell___Al-Bi[data-pressed] {
1945
+ .Button-module__hop-Button--upsell___0j2i8[data-pressed] {
1950
1946
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1951
1947
  --color: var(--hop-Button-upsell-color-pressed);
1952
1948
  --border: var(--hop-Button-upsell-border-pressed);
1953
1949
  }
1954
- .Button-module__hop-Button--danger___bsuav {
1950
+ .Button-module__hop-Button--danger___x4uGy {
1955
1951
  --background-color: var(--hop-Button-danger-background-color);
1956
1952
  --color: var(--hop-Button-danger-color);
1957
1953
  --border: var(--hop-Button-danger-border);
1958
1954
  --spinner-color: var(--hop-Button-danger-spinner-color);
1959
1955
  }
1960
- .Button-module__hop-Button--danger___bsuav[data-hovered],
1961
- .Button-module__hop-Button--danger___bsuav[data-focus-visible] {
1956
+ .Button-module__hop-Button--danger___x4uGy[data-hovered],
1957
+ .Button-module__hop-Button--danger___x4uGy[data-focus-visible] {
1962
1958
  --background-color: var(--hop-Button-danger-background-color-hover);
1963
1959
  --color: var(--hop-Button-danger-color-hover);
1964
1960
  --border: var(--hop-Button-danger-border-hover);
1965
1961
  }
1966
- .Button-module__hop-Button--danger___bsuav[data-pressed] {
1962
+ .Button-module__hop-Button--danger___x4uGy[data-pressed] {
1967
1963
  --background-color: var(--hop-Button-danger-background-color-pressed);
1968
1964
  --color: var(--hop-Button-danger-color-pressed);
1969
1965
  --border: var(--hop-Button-danger-border-pressed);
1970
1966
  }
1971
- .Button-module__hop-Button--ghost-primary___sCs8A {
1967
+ .Button-module__hop-Button--ghost-primary___jqRGS {
1972
1968
  --background-color: var(--hop-Button-ghost-primary-background-color);
1973
1969
  --color: var(--hop-Button-ghost-primary-color);
1974
1970
  --border: var(--hop-Button-ghost-primary-border);
1975
1971
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1976
1972
  }
1977
- .Button-module__hop-Button--ghost-primary___sCs8A[data-hovered],
1978
- .Button-module__hop-Button--ghost-primary___sCs8A[data-focus-visible] {
1973
+ .Button-module__hop-Button--ghost-primary___jqRGS[data-hovered],
1974
+ .Button-module__hop-Button--ghost-primary___jqRGS[data-focus-visible] {
1979
1975
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1980
1976
  --color: var(--hop-Button-ghost-primary-color-hover);
1981
1977
  --border: var(--hop-Button-ghost-primary-border-hover);
1982
1978
  }
1983
- .Button-module__hop-Button--ghost-primary___sCs8A[data-pressed] {
1979
+ .Button-module__hop-Button--ghost-primary___jqRGS[data-pressed] {
1984
1980
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1985
1981
  --color: var(--hop-Button-ghost-primary-color-pressed);
1986
1982
  --border: var(--hop-Button-ghost-primary-border-pressed);
1987
1983
  }
1988
- .Button-module__hop-Button--ghost-secondary___gcUa2 {
1984
+ .Button-module__hop-Button--ghost-secondary___a2k24 {
1989
1985
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1990
1986
  --color: var(--hop-Button-ghost-secondary-color);
1991
1987
  --border: var(--hop-Button-ghost-secondary-border);
1992
1988
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1993
1989
  }
1994
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-hovered],
1995
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-focus-visible] {
1990
+ .Button-module__hop-Button--ghost-secondary___a2k24[data-hovered],
1991
+ .Button-module__hop-Button--ghost-secondary___a2k24[data-focus-visible] {
1996
1992
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1997
1993
  --color: var(--hop-Button-ghost-secondary-color-hover);
1998
1994
  --border: var(--hop-Button-ghost-secondary-border-hover);
1999
1995
  }
2000
- .Button-module__hop-Button--ghost-secondary___gcUa2[data-pressed] {
1996
+ .Button-module__hop-Button--ghost-secondary___a2k24[data-pressed] {
2001
1997
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2002
1998
  --color: var(--hop-Button-ghost-secondary-color-pressed);
2003
1999
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2004
2000
  }
2005
- .Button-module__hop-Button--ghost-danger___6b-52 {
2001
+ .Button-module__hop-Button--ghost-danger___qT5Rc {
2006
2002
  --background-color: var(--hop-Button-ghost-danger-background-color);
2007
2003
  --color: var(--hop-Button-ghost-danger-color);
2008
2004
  --border: var(--hop-Button-ghost-danger-border);
2009
2005
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2010
2006
  }
2011
- .Button-module__hop-Button--ghost-danger___6b-52[data-hovered],
2012
- .Button-module__hop-Button--ghost-danger___6b-52[data-focus-visible] {
2007
+ .Button-module__hop-Button--ghost-danger___qT5Rc[data-hovered],
2008
+ .Button-module__hop-Button--ghost-danger___qT5Rc[data-focus-visible] {
2013
2009
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2014
2010
  --color: var(--hop-Button-ghost-danger-color-hover);
2015
2011
  --border: var(--hop-Button-ghost-danger-border-hover);
2016
2012
  }
2017
- .Button-module__hop-Button--ghost-danger___6b-52[data-pressed] {
2013
+ .Button-module__hop-Button--ghost-danger___qT5Rc[data-pressed] {
2018
2014
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2019
2015
  --color: var(--hop-Button-ghost-danger-color-pressed);
2020
2016
  --border: var(--hop-Button-ghost-danger-border-pressed);
2021
2017
  }
2022
- .Button-module__hop-Button___jWDy6[data-focus-visible] {
2018
+ .Button-module__hop-Button___1BCiu[data-focus-visible] {
2023
2019
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2024
2020
  }
2025
- .Button-module__hop-Button___jWDy6[data-disabled],
2026
- .Button-module__hop-Button--loading___6sHZ- {
2021
+ .Button-module__hop-Button___1BCiu[data-disabled],
2022
+ .Button-module__hop-Button--loading___Cytnb {
2027
2023
  cursor: not-allowed;
2028
2024
  }
2029
- .Button-module__hop-Button___jWDy6[data-disabled] {
2025
+ .Button-module__hop-Button___1BCiu[data-disabled] {
2030
2026
  --background-color: var(--hop-Button-background-color-disabled);
2031
2027
  --color: var(--hop-Button-color-disabled);
2032
2028
  --border: var(--hop-Button-border-disabled);
2033
2029
  }
2034
- .Button-module__hop-Button___jWDy6[class*=--ghost][data-disabled] {
2030
+ .Button-module__hop-Button___1BCiu[class*=--ghost][data-disabled] {
2035
2031
  --background-color: var(--hop-Button-ghost-background-color-disabled);
2036
2032
  --color: var(--hop-Button-ghost-color-disabled);
2037
2033
  --border: var(--hop-Button-ghost-border-disabled);
2038
2034
  }
2039
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--primary___K3-DO {
2035
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--primary___MTnkP {
2040
2036
  --background-color: var(--hop-Button-primary-background-color);
2041
2037
  --color: var(--hop-Button-primary-color);
2042
2038
  --border: var(--hop-Button-primary-border);
2043
2039
  }
2044
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--secondary___uHzjo {
2040
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--secondary___jsS7S {
2045
2041
  --background-color: var(--hop-Button-secondary-background-color);
2046
2042
  --color: var(--hop-Button-secondary-color);
2047
2043
  --border: var(--hop-Button-secondary-border);
2048
2044
  }
2049
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--upsell___Al-Bi {
2045
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--upsell___0j2i8 {
2050
2046
  --background-color: var(--hop-Button-upsell-background-color);
2051
2047
  --color: var(--hop-Button-upsell-color);
2052
2048
  --border: var(--hop-Button-upsell-border);
2053
2049
  }
2054
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--danger___bsuav {
2050
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--danger___x4uGy {
2055
2051
  --background-color: var(--hop-Button-danger-background-color);
2056
2052
  --color: var(--hop-Button-danger-color);
2057
2053
  --border: var(--hop-Button-danger-border);
2058
2054
  }
2059
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-primary___sCs8A {
2055
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-primary___jqRGS {
2060
2056
  --background-color: var(--hop-Button-ghost-primary-background-color);
2061
2057
  --color: var(--hop-Button-ghost-primary-color);
2062
2058
  --border: var(--hop-Button-ghost-primary-border);
2063
2059
  }
2064
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-secondary___gcUa2 {
2060
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-secondary___a2k24 {
2065
2061
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2066
2062
  --color: var(--hop-Button-ghost-secondary-color);
2067
2063
  --border: var(--hop-Button-ghost-secondary-border);
2068
2064
  }
2069
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button--ghost-danger___6b-52 {
2065
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button--ghost-danger___qT5Rc {
2070
2066
  --background-color: var(--hop-Button-ghost-danger-background-color);
2071
2067
  --color: var(--hop-Button-ghost-danger-color);
2072
2068
  --border: var(--hop-Button-ghost-danger-border);
2073
2069
  }
2074
- .Button-module__hop-Button__Spinner___-eQz9 {
2070
+ .Button-module__hop-Button__Spinner___jH7f7 {
2075
2071
  position: absolute;
2076
2072
  color: var(--spinner-color);
2077
2073
  }
2078
- .Button-module__hop-Button__icon___QfbzU,
2079
- .Button-module__hop-Button__icon-list___92YGY {
2074
+ .Button-module__hop-Button__icon___ZFw-K,
2075
+ .Button-module__hop-Button__icon-list___gUwRs {
2080
2076
  flex: 0 0 auto;
2081
2077
  justify-self: end;
2082
2078
  order: 1;
2083
2079
  }
2084
- .Button-module__hop-Button__text___8l96e {
2080
+ .Button-module__hop-Button__text___lBPoJ {
2085
2081
  user-select: none;
2086
2082
  overflow: visible;
2087
2083
  flex: 0 1 auto;
@@ -2090,19 +2086,19 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
2090
2086
  text-decoration: none;
2091
2087
  text-wrap: nowrap;
2092
2088
  }
2093
- .Button-module__hop-Button__end-icon___2-jUn,
2094
- .Button-module__hop-Button__end-icon-list___KRnDk {
2089
+ .Button-module__hop-Button__end-icon___Z-hok,
2090
+ .Button-module__hop-Button__end-icon-list___HcgdX {
2095
2091
  flex: 0 0 auto;
2096
2092
  order: 3;
2097
2093
  }
2098
- .Button-module__hop-Button___jWDy6 .Button-module__hop-Button__icon-list___92YGY,
2099
- .Button-module__hop-Button___jWDy6 .Button-module__hop-Button__end-icon-list___KRnDk {
2094
+ .Button-module__hop-Button___1BCiu .Button-module__hop-Button__icon-list___gUwRs,
2095
+ .Button-module__hop-Button___1BCiu .Button-module__hop-Button__end-icon-list___HcgdX {
2100
2096
  flex-wrap: nowrap;
2101
2097
  }
2102
- .Button-module__hop-Button--loading___6sHZ-.Button-module__hop-Button___jWDy6 > *:not(.Button-module__hop-Button__Spinner___-eQz9) {
2098
+ .Button-module__hop-Button--loading___Cytnb.Button-module__hop-Button___1BCiu > *:not(.Button-module__hop-Button__Spinner___jH7f7) {
2103
2099
  opacity: 0;
2104
2100
  }
2105
- .ToggleButton-module__hop-ToggleButton___2j7Hp {
2101
+ .ToggleButton-module__hop-ToggleButton___DJqG2 {
2106
2102
  --hop-ToggleButton-border-size: var(--hop-space-10);
2107
2103
  --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
2108
2104
  --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
@@ -2147,133 +2143,133 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
2147
2143
  --hop-ToggleButton-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
2148
2144
  --hop-ToggleButton-ghost-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-selected);
2149
2145
  }
2150
- .ToggleButton-module__hop-ToggleButton--fluid___QgCH- {
2146
+ .ToggleButton-module__hop-ToggleButton--fluid___qiAF4 {
2151
2147
  }
2152
- .ToggleButton-module__hop-ToggleButton--xs___HvLN7 {
2148
+ .ToggleButton-module__hop-ToggleButton--xs___xqyXu {
2153
2149
  }
2154
- .ToggleButton-module__hop-ToggleButton--sm___SPN4F {
2150
+ .ToggleButton-module__hop-ToggleButton--sm___IbnG1 {
2155
2151
  }
2156
- .ToggleButton-module__hop-ToggleButton--md___g6Elw {
2152
+ .ToggleButton-module__hop-ToggleButton--md___CR4Pm {
2157
2153
  }
2158
- .ToggleButton-module__hop-ToggleButton--icon-only___oUDx2 {
2154
+ .ToggleButton-module__hop-ToggleButton--icon-only___j-t5D {
2159
2155
  }
2160
- .ToggleButton-module__hop-ToggleButton--primary___qq6-Z {
2156
+ .ToggleButton-module__hop-ToggleButton--primary___9fTEu {
2161
2157
  }
2162
- .ToggleButton-module__hop-ToggleButton--primary___qq6-Z[data-selected] {
2158
+ .ToggleButton-module__hop-ToggleButton--primary___9fTEu[data-selected] {
2163
2159
  --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2164
2160
  --color: var(--hop-ToggleButton-primary-color-selected);
2165
2161
  --border: var(--hop-ToggleButton-primary-border-selected);
2166
2162
  }
2167
- .ToggleButton-module__hop-ToggleButton--secondary___esXlx {
2163
+ .ToggleButton-module__hop-ToggleButton--secondary___UZDpv {
2168
2164
  }
2169
- .ToggleButton-module__hop-ToggleButton--secondary___esXlx[data-selected] {
2165
+ .ToggleButton-module__hop-ToggleButton--secondary___UZDpv[data-selected] {
2170
2166
  --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2171
2167
  --color: var(--hop-ToggleButton-secondary-color-selected);
2172
2168
  --border: var(--hop-ToggleButton-secondary-border-selected);
2173
2169
  }
2174
- .ToggleButton-module__hop-ToggleButton--upsell___udGs5 {
2170
+ .ToggleButton-module__hop-ToggleButton--upsell___2k3kQ {
2175
2171
  }
2176
- .ToggleButton-module__hop-ToggleButton--upsell___udGs5[data-selected] {
2172
+ .ToggleButton-module__hop-ToggleButton--upsell___2k3kQ[data-selected] {
2177
2173
  --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2178
2174
  --color: var(--hop-ToggleButton-upsell-color-selected);
2179
2175
  --border: var(--hop-ToggleButton-upsell-border-selected);
2180
2176
  }
2181
- .ToggleButton-module__hop-ToggleButton--danger___QV067 {
2177
+ .ToggleButton-module__hop-ToggleButton--danger___lTo6d {
2182
2178
  }
2183
- .ToggleButton-module__hop-ToggleButton--danger___QV067[data-selected] {
2179
+ .ToggleButton-module__hop-ToggleButton--danger___lTo6d[data-selected] {
2184
2180
  --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2185
2181
  --color: var(--hop-ToggleButton-danger-color-selected);
2186
2182
  --border: var(--hop-ToggleButton-danger-border-selected);
2187
2183
  }
2188
- .ToggleButton-module__hop-ToggleButton--ghost-primary___UfnbT {
2184
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___NIUa- {
2189
2185
  }
2190
- .ToggleButton-module__hop-ToggleButton--ghost-primary___UfnbT[data-selected] {
2186
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___NIUa-[data-selected] {
2191
2187
  --background-color: var(--hop-ToggleButton-ghost-primary-background-color-selected);
2192
2188
  --color: var(--hop-ToggleButton-ghost-primary-color-selected);
2193
2189
  --border: var(--hop-ToggleButton-ghost-primary-border-selected);
2194
2190
  }
2195
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___hpdcz {
2191
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___BIjmu {
2196
2192
  }
2197
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___hpdcz[data-selected] {
2193
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___BIjmu[data-selected] {
2198
2194
  --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2199
2195
  --color: var(--hop-ToggleButton-ghost-secondary-color-selected);
2200
2196
  --border: var(--hop-ToggleButton-ghost-secondary-border-selected);
2201
2197
  }
2202
- .ToggleButton-module__hop-ToggleButton--ghost-danger___PwEO- {
2198
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___cIkmn {
2203
2199
  }
2204
- .ToggleButton-module__hop-ToggleButton--ghost-danger___PwEO-[data-selected] {
2200
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___cIkmn[data-selected] {
2205
2201
  --background-color: var(--hop-ToggleButton-ghost-danger-background-color-selected);
2206
2202
  --color: var(--hop-ToggleButton-ghost-danger-color-selected);
2207
2203
  --border: var(--hop-ToggleButton-ghost-danger-border-selected);
2208
2204
  }
2209
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--primary___qq6-Z {
2205
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--primary___9fTEu {
2210
2206
  --background-color: var(--hop-ToggleButton-primary-background-color);
2211
2207
  --color: var(--hop-ToggleButton-primary-color);
2212
2208
  --border: var(--hop-ToggleButton-primary-border);
2213
2209
  }
2214
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--secondary___esXlx {
2210
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--secondary___UZDpv {
2215
2211
  --background-color: var(--hop-ToggleButton-secondary-background-color);
2216
2212
  --color: var(--hop-ToggleButton-secondary-color);
2217
2213
  --border: var(--hop-ToggleButton-secondary-border);
2218
2214
  }
2219
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--upsell___udGs5 {
2215
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--upsell___2k3kQ {
2220
2216
  --background-color: var(--hop-ToggleButton-upsell-background-color);
2221
2217
  --color: var(--hop-ToggleButton-upsell-color);
2222
2218
  --border: var(--hop-ToggleButton-upsell-border);
2223
2219
  }
2224
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--danger___QV067 {
2220
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--danger___lTo6d {
2225
2221
  --background-color: var(--hop-ToggleButton-danger-background-color);
2226
2222
  --color: var(--hop-ToggleButton-danger-color);
2227
2223
  --border: var(--hop-ToggleButton-danger-border);
2228
2224
  }
2229
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--ghost-primary___UfnbT {
2225
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--ghost-primary___NIUa- {
2230
2226
  --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2231
2227
  --color: var(--hop-ToggleButton-ghost-primary-color);
2232
2228
  --border: var(--hop-ToggleButton-ghost-primary-border);
2233
2229
  }
2234
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--ghost-secondary___hpdcz {
2230
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--ghost-secondary___BIjmu {
2235
2231
  --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2236
2232
  --color: var(--hop-ToggleButton-ghost-secondary-color);
2237
2233
  --border: var(--hop-ToggleButton-ghost-secondary-border);
2238
2234
  }
2239
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton--ghost-danger___PwEO- {
2235
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton--ghost-danger___cIkmn {
2240
2236
  --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2241
2237
  --color: var(--hop-ToggleButton-ghost-danger-color);
2242
2238
  --border: var(--hop-ToggleButton-ghost-danger-border);
2243
2239
  }
2244
- .ToggleButton-module__hop-ToggleButton__Spinner___BN4yb {
2240
+ .ToggleButton-module__hop-ToggleButton__Spinner___Sj7QR {
2245
2241
  }
2246
- .ToggleButton-module__hop-ToggleButton__icon___JyfET,
2247
- .ToggleButton-module__hop-ToggleButton__icon-list___nnp-Q {
2242
+ .ToggleButton-module__hop-ToggleButton__icon___XLRk2,
2243
+ .ToggleButton-module__hop-ToggleButton__icon-list___guKnX {
2248
2244
  }
2249
- .ToggleButton-module__hop-ToggleButton__text___2-YuS {
2245
+ .ToggleButton-module__hop-ToggleButton__text___r9WuU {
2250
2246
  }
2251
- .ToggleButton-module__hop-ToggleButton__end-icon___-eNjh,
2252
- .ToggleButton-module__hop-ToggleButton__end-icon-list___eVVFE {
2247
+ .ToggleButton-module__hop-ToggleButton__end-icon___K7Kq5,
2248
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___to-0t {
2253
2249
  }
2254
- .ToggleButton-module__hop-ToggleButton__icon-list___nnp-Q,
2255
- .ToggleButton-module__hop-ToggleButton__end-icon-list___eVVFE {
2250
+ .ToggleButton-module__hop-ToggleButton__icon-list___guKnX,
2251
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___to-0t {
2256
2252
  }
2257
- .ToggleButton-module__hop-ToggleButton--loading___pDTSj.ToggleButton-module__hop-ToggleButton___2j7Hp > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___BN4yb) {
2253
+ .ToggleButton-module__hop-ToggleButton--loading___eLl9M.ToggleButton-module__hop-ToggleButton___DJqG2 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___Sj7QR) {
2258
2254
  opacity: 0;
2259
2255
  }
2260
2256
 
2261
2257
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/Image.module.css/#css-module-data */
2262
- .Image-module__hop-Image___aOplM {
2258
+ .Image-module__hop-Image___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___QzwXT {
2264
+ .Image-module__hop-Image--rounded___q1lS0 {
2269
2265
  border-radius: var(--hop-shape-rounded-md);
2270
2266
  }
2271
- .Image-module__hop-Image--circular___Fs2o3 {
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___kztTt {
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___SAD6L {
2281
2277
  }
2282
2278
 
2283
2279
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/Modal.module.css/#css-module-data */
2284
- .Modal-module__hop-Modal___FQq5- {
2280
+ .Modal-module__hop-Modal___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___SAD6L {
2306
2302
  border-radius: inherit;
2307
2303
  outline: var(--hop-Modal-outline);
2308
2304
  }
2309
- .Modal-module__hop-Modal__top-container___f2pQl {
2305
+ .Modal-module__hop-Modal__top-container___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___XKj6O {
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___FQq5-:not(.Modal-module__hop-Modal--has-image___QHY50) {
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___FQq5-:not(.Modal-module__hop-Modal--has-image___QHY50, .Modal-module__hop-Modal--fullscreen___swlSC, .Modal-module__hop-Modal--fullscreenTakeover___wTU58) {
2319
+ .Modal-module__hop-Modal___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___FQq5-.Modal-module__hop-Modal--has-image___QHY50:not(.Modal-module__hop-Modal--fullscreen___swlSC, .Modal-module__hop-Modal--fullscreenTakeover___wTU58) {
2322
+ .Modal-module__hop-Modal___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___lXVjO {
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___FQq5- > .Modal-module__hop-Modal__image___9zTPA {
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___SAD6L {
2341
2337
  block-size: var(--hop-Modal-image-block-size);
2342
2338
  object-fit: var(--hop-Modal-image-object-fit);
2343
2339
  }
2344
- .Modal-module__hop-Modal__heading___Rep30 {
2340
+ .Modal-module__hop-Modal__heading___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___mmRV2 {
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___bZwSw {
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,46 +2358,115 @@ button.CloseButton-module__hop-CloseButton___SAD6L {
2362
2358
  line-height: var(--hop-Modal-content-line-height);
2363
2359
  }
2364
2360
  @media (max-height: 24rem) {
2365
- .Modal-module__hop-Modal__content___bZwSw {
2361
+ .Modal-module__hop-Modal__content___Xkd1G {
2366
2362
  overflow-y: visible;
2367
2363
  }
2368
2364
  }
2369
- .Modal-module__hop-Modal__footer___910ZS {
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___VyQTB {
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___agwGy {
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___FQq5-:has(.Modal-module__hop-Modal__close___lXVjO) > .Modal-module__hop-Modal__top-container___f2pQl {
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___FQq5-.Modal-module__hop-Modal--has-image___QHY50:has(.Modal-module__hop-Modal__close___lXVjO).Modal-module__hop-Modal--fullscreen___swlSC > .Modal-module__hop-Modal__top-container___f2pQl,
2392
- .Modal-module__hop-Modal___FQq5-.Modal-module__hop-Modal--has-image___QHY50:has(.Modal-module__hop-Modal__close___lXVjO).Modal-module__hop-Modal--fullscreenTakeover___wTU58 > .Modal-module__hop-Modal__top-container___f2pQl {
2387
+ .Modal-module__hop-Modal___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___FQq5-:has(.Modal-module__hop-Modal__close___lXVjO).Modal-module__hop-Modal--has-image___QHY50 > .Modal-module__hop-Modal__header___mmRV2,
2397
- .Modal-module__hop-Modal___FQq5-:has(.Modal-module__hop-Modal__close___lXVjO).Modal-module__hop-Modal--has-image___QHY50 > .Modal-module__hop-Modal__heading___Rep30 {
2392
+ .Modal-module__hop-Modal___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___f2pQl:has(> .Modal-module__hop-Modal__header___mmRV2) > .Modal-module__hop-Modal__heading___Rep30 {
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___XKj6O:has(> .Modal-module__hop-Modal__button___VyQTB) > .Modal-module__hop-Modal__footer___910ZS,
2405
- .Modal-module__hop-Modal__bottom-container___XKj6O:has(> .Modal-module__hop-Modal__button-group___agwGy) > .Modal-module__hop-Modal__footer___910ZS {
2400
+ .Modal-module__hop-Modal__bottom-container___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
+ }