@hopper-ui/components 2.0.17 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (386) hide show
  1. package/CHANGELOG.md +23 -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 +788 -759
  7. package/dist/alert/src/Alert.js +10 -10
  8. package/dist/alert/src/index.css +788 -759
  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 +72 -76
  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 +105 -109
  23. package/dist/avatar/src/index.js +9 -9
  24. package/dist/badge/src/Badge.css +102 -142
  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 +112 -152
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +220 -203
  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 +221 -204
  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 +230 -213
  41. package/dist/buttons/src/LinkButton.js +5 -5
  42. package/dist/buttons/src/ToggleButton.css +264 -273
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +707 -682
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/calendar/src/Calendar.css +763 -745
  47. package/dist/calendar/src/Calendar.js +13 -13
  48. package/dist/calendar/src/CalendarCell.css +53 -56
  49. package/dist/calendar/src/CalendarCell.js +1 -1
  50. package/dist/calendar/src/CalendarGrid.css +86 -93
  51. package/dist/calendar/src/CalendarGrid.js +3 -3
  52. package/dist/calendar/src/CalendarHeader.css +711 -686
  53. package/dist/calendar/src/CalendarHeader.js +8 -8
  54. package/dist/calendar/src/RangeCalendar.css +766 -748
  55. package/dist/calendar/src/RangeCalendar.js +13 -13
  56. package/dist/calendar/src/RangeCalendarCell.css +62 -66
  57. package/dist/calendar/src/RangeCalendarCell.js +1 -1
  58. package/dist/calendar/src/index.css +769 -751
  59. package/dist/calendar/src/index.js +14 -14
  60. package/dist/callout/src/Callout.css +720 -695
  61. package/dist/callout/src/Callout.js +8 -8
  62. package/dist/callout/src/CompactCallout.css +756 -731
  63. package/dist/callout/src/CompactCallout.js +8 -8
  64. package/dist/callout/src/index.css +769 -744
  65. package/dist/callout/src/index.js +9 -9
  66. package/dist/card/src/Card.css +48 -44
  67. package/dist/card/src/Card.d.ts +5 -0
  68. package/dist/card/src/Card.js +1 -1
  69. package/dist/card/src/index.css +48 -44
  70. package/dist/card/src/index.js +1 -1
  71. package/dist/checkbox/src/Checkbox.css +76 -76
  72. package/dist/checkbox/src/Checkbox.js +4 -4
  73. package/dist/checkbox/src/CheckboxField.css +45 -45
  74. package/dist/checkbox/src/CheckboxField.js +3 -3
  75. package/dist/checkbox/src/CheckboxGroup.css +147 -147
  76. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  77. package/dist/checkbox/src/DecorativeCheckbox.css +84 -84
  78. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  79. package/dist/checkbox/src/index.css +147 -147
  80. package/dist/checkbox/src/index.js +11 -11
  81. package/dist/{chunk-6MNIKLZQ.js → chunk-23ZXEDAW.js} +8 -8
  82. package/dist/{chunk-XZRV3HRB.js → chunk-2CGYG3PT.js} +10 -10
  83. package/dist/{chunk-HTCS5PBP.js → chunk-2D2SKN7X.js} +1 -1
  84. package/dist/{chunk-RJXZN562.js → chunk-2EUYIT6R.js} +2 -2
  85. package/dist/{chunk-UEQGKVBJ.js → chunk-2P7N3TBN.js} +2 -2
  86. package/dist/{chunk-JVNYNIAO.js → chunk-2QUO5EVI.js} +1 -1
  87. package/dist/{chunk-SGWYCPOI.js → chunk-37OWNBSI.js} +2 -2
  88. package/dist/{chunk-LYEF3T7Y.js → chunk-37UNUVMI.js} +2 -2
  89. package/dist/{chunk-RAUFLV2C.js → chunk-3ESC6VQP.js} +3 -3
  90. package/dist/{chunk-ZVP652X5.js → chunk-3IUKHHCY.js} +1 -1
  91. package/dist/{chunk-MKHXC6CG.js → chunk-3OFI7AVI.js} +2 -2
  92. package/dist/{chunk-6NUEFDFB.js → chunk-3RRPSLGD.js} +1 -1
  93. package/dist/{chunk-B2UROLYH.js → chunk-46NZBERT.js} +2 -2
  94. package/dist/{chunk-CQZYJ22P.js → chunk-4PFBPKE4.js} +5 -5
  95. package/dist/{chunk-6OOV4BYP.js → chunk-53TKU6EC.js} +1 -1
  96. package/dist/{chunk-VV5PU6RU.js → chunk-5POZUM4Y.js} +1 -1
  97. package/dist/{chunk-CHW7YYJH.js → chunk-5QCMSBKW.js} +1 -1
  98. package/dist/{chunk-RJXKRUUO.js → chunk-5QLEO54R.js} +4 -4
  99. package/dist/{chunk-ZMPVJRTK.js → chunk-65VFYEU5.js} +3 -3
  100. package/dist/{chunk-JRAGUQOG.js → chunk-67J2A2VH.js} +12 -12
  101. package/dist/{chunk-R2T4CYTI.js → chunk-77U6ZXYP.js} +1 -1
  102. package/dist/{chunk-NMF53IYI.js → chunk-A2DVWVOK.js} +2 -2
  103. package/dist/{chunk-2XZVRMAW.js → chunk-AEY26KBC.js} +2 -2
  104. package/dist/{chunk-QJ3RMMQG.js → chunk-AKV734JG.js} +5 -5
  105. package/dist/{chunk-HXHNRAUA.js → chunk-AUAGPT7H.js} +9 -9
  106. package/dist/{chunk-GOQLSJLY.js → chunk-BJ7USFLW.js} +1 -1
  107. package/dist/{chunk-EGGV2GF6.js → chunk-BQWVF3GN.js} +1 -1
  108. package/dist/{chunk-7ERIQDGP.js → chunk-BVMDC2ID.js} +9 -9
  109. package/dist/{chunk-EOQDFLQY.js → chunk-DCRCGYCI.js} +3 -3
  110. package/dist/{chunk-XLPY5YJZ.js → chunk-DKHEEHJP.js} +1 -1
  111. package/dist/{chunk-D66KPMU6.js → chunk-DLDVANOT.js} +3 -3
  112. package/dist/{chunk-E3QEWQ3R.js → chunk-DO3ZC6D3.js} +3 -3
  113. package/dist/{chunk-IBQXY7HF.js → chunk-DZ3G4DVX.js} +8 -8
  114. package/dist/{chunk-HEXNUUKX.js → chunk-EN7CATRQ.js} +2 -2
  115. package/dist/{chunk-LYTCX4EF.js → chunk-F2CGUBPL.js} +2 -2
  116. package/dist/{chunk-4IMSSGG7.js → chunk-FAC4UJLU.js} +1 -1
  117. package/dist/{chunk-V7NAIWB6.js → chunk-FOHM2E2O.js} +1 -1
  118. package/dist/{chunk-XIJ4WLVD.js → chunk-FS4YNGR5.js} +1 -1
  119. package/dist/{chunk-OESL4BWS.js → chunk-FVMZWZK4.js} +2 -2
  120. package/dist/{chunk-5LBD3OOD.js → chunk-GYESUZI4.js} +1 -1
  121. package/dist/{chunk-32A62PSR.js → chunk-HI5JBMJX.js} +3 -3
  122. package/dist/{chunk-Y64HDCA2.js → chunk-HNHPGKAR.js} +1 -1
  123. package/dist/{chunk-CMNWDAXK.js → chunk-HX2DGKEP.js} +1 -1
  124. package/dist/{chunk-WL3MYANI.js → chunk-I23PHCE6.js} +2 -2
  125. package/dist/{chunk-3FP5DTMN.js → chunk-I5DB3LFN.js} +2 -2
  126. package/dist/{chunk-YVXHXAYR.js → chunk-IA3SZGHC.js} +5 -5
  127. package/dist/{chunk-44C4SN6K.js → chunk-IPWB6BK3.js} +1 -1
  128. package/dist/{chunk-C5RGA4BS.js → chunk-IV3FF2XZ.js} +1 -1
  129. package/dist/{chunk-25T7EIKS.js → chunk-JCONPT5G.js} +1 -1
  130. package/dist/{chunk-7Z6A72X7.js → chunk-JEDGXRDC.js} +1 -1
  131. package/dist/{chunk-OIB3U57L.js → chunk-JF7J366G.js} +1 -1
  132. package/dist/{chunk-EMKOIMJI.js → chunk-JW2RJBZB.js} +8 -8
  133. package/dist/{chunk-NELK3SPU.js → chunk-JZIJDOBN.js} +2 -2
  134. package/dist/{chunk-XJOX2ISA.js → chunk-L2MMXJ2J.js} +2 -2
  135. package/dist/{chunk-KEPI2THF.js → chunk-LESZFYKK.js} +1 -1
  136. package/dist/{chunk-FJY5IRIP.js → chunk-LIVWYNR3.js} +1 -1
  137. package/dist/{chunk-ZOUMUUBH.js → chunk-LNHREFT4.js} +2 -2
  138. package/dist/{chunk-FVA4CJF3.js → chunk-LQ5UXO7R.js} +2 -2
  139. package/dist/{chunk-P4H7PPC2.js → chunk-LSK5EYSO.js} +1 -1
  140. package/dist/{chunk-TBKKB3YH.js → chunk-MJPWMHWN.js} +6 -6
  141. package/dist/{chunk-PZ4NXZYU.js → chunk-N5VSINHR.js} +3 -3
  142. package/dist/{chunk-GVLVRENF.js → chunk-NCDNU2M5.js} +3 -3
  143. package/dist/{chunk-GZIRBUE5.js → chunk-NNEXL4VY.js} +1 -1
  144. package/dist/{chunk-ID3OECMS.js → chunk-NQ4FZYAP.js} +2 -2
  145. package/dist/{chunk-RTG3BVE3.js → chunk-NRZEZURT.js} +3 -3
  146. package/dist/{chunk-C5UV5BQU.js → chunk-OBUIQVFX.js} +2 -2
  147. package/dist/{chunk-BPM7ATWC.js → chunk-OOAAWEYR.js} +11 -11
  148. package/dist/{chunk-6MQUZ2BP.js → chunk-P2YBBKOM.js} +2 -2
  149. package/dist/{chunk-6SWJ7HMX.js → chunk-PD53SELP.js} +3 -3
  150. package/dist/{chunk-RMGEZESW.js → chunk-PFQGAAVP.js} +5 -5
  151. package/dist/{chunk-V7643QXN.js → chunk-PWNEBK3O.js} +3 -3
  152. package/dist/{chunk-Q63AWQHV.js → chunk-QBCENUCD.js} +5 -5
  153. package/dist/{chunk-AHY7NKKJ.js → chunk-QBCG3VLT.js} +1 -1
  154. package/dist/{chunk-2ODNGR55.js → chunk-QNPXXTDY.js} +7 -1
  155. package/dist/{chunk-LPKRL6ZW.js → chunk-R3DPRQAL.js} +2 -2
  156. package/dist/{chunk-4T2MQ4M6.js → chunk-R5G45WDI.js} +1 -1
  157. package/dist/{chunk-7DW4IK7H.js → chunk-SMRVRGCV.js} +1 -1
  158. package/dist/{chunk-ROR7QQH3.js → chunk-STRNNPXB.js} +7 -7
  159. package/dist/{chunk-PQ7M3GMW.js → chunk-TONO7Z76.js} +4 -4
  160. package/dist/{chunk-2ITAHSVA.js → chunk-U2H6E2EE.js} +1 -1
  161. package/dist/{chunk-QYT37DML.js → chunk-UDKVESB4.js} +1 -1
  162. package/dist/{chunk-QTIW626E.js → chunk-UJ57XVAC.js} +1 -1
  163. package/dist/{chunk-35EH4MSR.js → chunk-UTDK4M7J.js} +3 -3
  164. package/dist/{chunk-3FGOHXDM.js → chunk-W2WNTROY.js} +2 -2
  165. package/dist/{chunk-UVIDA3NP.js → chunk-W5KAH64K.js} +1 -1
  166. package/dist/{chunk-5YOGZILN.js → chunk-WC2IAID6.js} +3 -3
  167. package/dist/{chunk-2XLV5XF2.js → chunk-WLF6Z5MA.js} +1 -1
  168. package/dist/{chunk-VOEE6ILU.js → chunk-XEDXRUXJ.js} +1 -1
  169. package/dist/{chunk-M5MAXV2A.js → chunk-XHV4OY4Q.js} +2 -2
  170. package/dist/{chunk-5EO7MQLJ.js → chunk-XKZ4GYVA.js} +1 -1
  171. package/dist/{chunk-4T6J6NG3.js → chunk-Y3RMGDLI.js} +2 -2
  172. package/dist/{chunk-45X3WOYO.js → chunk-Y6LZL5XI.js} +1 -1
  173. package/dist/{chunk-I4K3EMRN.js → chunk-YAWXCLGU.js} +2 -2
  174. package/dist/{chunk-IZQHU3TR.js → chunk-YSEV3CIU.js} +1 -1
  175. package/dist/{chunk-I6PU4XCA.js → chunk-YXX2OIPV.js} +2 -2
  176. package/dist/{chunk-BP3HT5ZK.js → chunk-ZMWPA2VD.js} +4 -4
  177. package/dist/{chunk-O3DRMKTO.js → chunk-ZNTGEEV6.js} +1 -1
  178. package/dist/combobox/src/ComboBox.css +1280 -1298
  179. package/dist/combobox/src/ComboBox.js +17 -17
  180. package/dist/combobox/src/index.css +1280 -1298
  181. package/dist/combobox/src/index.js +17 -17
  182. package/dist/contextual-help/src/ContextualHelp.css +1186 -1204
  183. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  184. package/dist/contextual-help/src/index.css +1186 -1204
  185. package/dist/contextual-help/src/index.js +4 -4
  186. package/dist/date-picker/src/DateInput.css +52 -52
  187. package/dist/date-picker/src/DateInput.js +1 -1
  188. package/dist/date-picker/src/DatePicker.css +1337 -1361
  189. package/dist/date-picker/src/DatePicker.js +20 -20
  190. package/dist/date-picker/src/DateRangePicker.css +1340 -1364
  191. package/dist/date-picker/src/DateRangePicker.js +20 -20
  192. package/dist/date-picker/src/index.css +1349 -1372
  193. package/dist/date-picker/src/index.js +22 -22
  194. package/dist/disclosure/src/Disclosure.css +49 -49
  195. package/dist/disclosure/src/Disclosure.js +1 -1
  196. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  197. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  198. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  199. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  200. package/dist/disclosure/src/index.css +74 -74
  201. package/dist/disclosure/src/index.js +7 -7
  202. package/dist/divider/src/Divider.css +41 -41
  203. package/dist/divider/src/Divider.js +1 -1
  204. package/dist/divider/src/index.css +41 -41
  205. package/dist/divider/src/index.js +1 -1
  206. package/dist/error-message/src/ErrorMessage.css +41 -41
  207. package/dist/error-message/src/ErrorMessage.js +2 -2
  208. package/dist/error-message/src/index.css +41 -41
  209. package/dist/error-message/src/index.js +2 -2
  210. package/dist/form/src/Form.css +39 -39
  211. package/dist/form/src/Form.js +1 -1
  212. package/dist/form/src/index.css +39 -39
  213. package/dist/form/src/index.js +1 -1
  214. package/dist/header/src/Header.css +39 -39
  215. package/dist/header/src/index.css +39 -39
  216. package/dist/helper-message/src/HelperMessage.css +41 -41
  217. package/dist/helper-message/src/HelperMessage.js +2 -2
  218. package/dist/helper-message/src/index.css +41 -41
  219. package/dist/helper-message/src/index.js +2 -2
  220. package/dist/icon-list/src/IconList.css +40 -40
  221. package/dist/icon-list/src/IconList.js +1 -1
  222. package/dist/icon-list/src/index.css +40 -40
  223. package/dist/icon-list/src/index.js +1 -1
  224. package/dist/illustrated-message/src/IllustratedMessage.css +729 -704
  225. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  226. package/dist/illustrated-message/src/index.css +729 -704
  227. package/dist/illustrated-message/src/index.js +1 -1
  228. package/dist/illustration/src/Illustration.css +48 -48
  229. package/dist/illustration/src/Illustration.js +1 -1
  230. package/dist/illustration/src/index.css +48 -48
  231. package/dist/illustration/src/index.js +1 -1
  232. package/dist/image/src/Image.css +42 -42
  233. package/dist/image/src/Image.js +1 -1
  234. package/dist/image/src/SvgImage.css +40 -40
  235. package/dist/image/src/SvgImage.js +1 -1
  236. package/dist/image/src/index.css +43 -43
  237. package/dist/image/src/index.js +2 -2
  238. package/dist/index.css +1872 -1963
  239. package/dist/index.js +97 -97
  240. package/dist/inputs/src/Input.css +44 -44
  241. package/dist/inputs/src/Input.js +1 -1
  242. package/dist/inputs/src/InputGroup.css +45 -45
  243. package/dist/inputs/src/InputGroup.js +1 -1
  244. package/dist/inputs/src/NumberField.css +70 -70
  245. package/dist/inputs/src/NumberField.js +10 -10
  246. package/dist/inputs/src/PasswordField.css +728 -703
  247. package/dist/inputs/src/PasswordField.js +10 -10
  248. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  249. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  250. package/dist/inputs/src/SearchField.css +734 -709
  251. package/dist/inputs/src/SearchField.js +11 -11
  252. package/dist/inputs/src/TextArea.css +69 -69
  253. package/dist/inputs/src/TextArea.js +9 -9
  254. package/dist/inputs/src/TextField.css +732 -707
  255. package/dist/inputs/src/TextField.js +13 -13
  256. package/dist/inputs/src/index.css +783 -758
  257. package/dist/inputs/src/index.js +17 -17
  258. package/dist/layout/src/Content.css +39 -39
  259. package/dist/layout/src/Footer.css +39 -39
  260. package/dist/link/src/Link.css +78 -78
  261. package/dist/link/src/Link.js +3 -3
  262. package/dist/link/src/index.css +78 -78
  263. package/dist/link/src/index.js +3 -3
  264. package/dist/list-box/src/ListBox.css +440 -477
  265. package/dist/list-box/src/ListBox.js +7 -7
  266. package/dist/list-box/src/ListBoxItem.css +428 -465
  267. package/dist/list-box/src/ListBoxItem.js +6 -6
  268. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  269. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  270. package/dist/list-box/src/index.css +440 -477
  271. package/dist/list-box/src/index.js +7 -7
  272. package/dist/menu/src/Menu.css +1188 -1206
  273. package/dist/menu/src/Menu.js +2 -2
  274. package/dist/menu/src/MenuItem.css +130 -134
  275. package/dist/menu/src/MenuItem.js +2 -2
  276. package/dist/menu/src/MenuSection.css +41 -41
  277. package/dist/menu/src/MenuSection.js +1 -1
  278. package/dist/menu/src/index.css +1214 -1232
  279. package/dist/menu/src/index.js +5 -5
  280. package/dist/modal/src/BaseModal.css +8 -6
  281. package/dist/modal/src/BaseModal.js +1 -1
  282. package/dist/modal/src/CustomModal.css +63 -59
  283. package/dist/modal/src/CustomModal.js +2 -2
  284. package/dist/modal/src/Modal.css +756 -729
  285. package/dist/modal/src/Modal.js +9 -9
  286. package/dist/modal/src/index.css +772 -743
  287. package/dist/modal/src/index.js +10 -10
  288. package/dist/overlays/popover/src/Popover.css +1175 -1190
  289. package/dist/overlays/popover/src/Popover.js +1 -1
  290. package/dist/overlays/popover/src/PopoverBase.css +47 -50
  291. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  292. package/dist/overlays/popover/src/index.css +1183 -1201
  293. package/dist/overlays/popover/src/index.js +2 -2
  294. package/dist/radio/src/DecorativeRadio.css +84 -84
  295. package/dist/radio/src/DecorativeRadio.js +3 -3
  296. package/dist/radio/src/Radio.css +76 -76
  297. package/dist/radio/src/Radio.js +3 -3
  298. package/dist/radio/src/RadioField.css +45 -45
  299. package/dist/radio/src/RadioField.js +2 -2
  300. package/dist/radio/src/RadioGroup.css +147 -147
  301. package/dist/radio/src/RadioGroup.js +7 -7
  302. package/dist/radio/src/index.css +147 -147
  303. package/dist/radio/src/index.js +11 -11
  304. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  305. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  306. package/dist/segmented-control/src/SegmentedControlItem.css +66 -78
  307. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  308. package/dist/segmented-control/src/index.css +67 -79
  309. package/dist/segmented-control/src/index.js +3 -3
  310. package/dist/select/src/MultiSelect.css +1281 -1299
  311. package/dist/select/src/MultiSelect.js +22 -22
  312. package/dist/select/src/Select.css +1281 -1299
  313. package/dist/select/src/Select.js +22 -22
  314. package/dist/select/src/SelectInternal.css +1281 -1299
  315. package/dist/select/src/SelectInternal.js +21 -21
  316. package/dist/select/src/SelectValue.css +111 -115
  317. package/dist/select/src/SelectValue.js +2 -2
  318. package/dist/select/src/index.css +1281 -1299
  319. package/dist/select/src/index.js +23 -23
  320. package/dist/spinner/src/Spinner.css +49 -49
  321. package/dist/spinner/src/Spinner.js +2 -2
  322. package/dist/spinner/src/index.css +49 -49
  323. package/dist/spinner/src/index.js +2 -2
  324. package/dist/switch/src/Switch.css +92 -116
  325. package/dist/switch/src/Switch.js +3 -3
  326. package/dist/switch/src/SwitchField.css +45 -45
  327. package/dist/switch/src/SwitchField.js +2 -2
  328. package/dist/switch/src/index.css +98 -122
  329. package/dist/switch/src/index.js +4 -4
  330. package/dist/tabs/src/Tab.css +956 -982
  331. package/dist/tabs/src/Tab.js +2 -2
  332. package/dist/tabs/src/TabList.css +51 -56
  333. package/dist/tabs/src/TabList.js +1 -1
  334. package/dist/tabs/src/TabPanel.css +42 -42
  335. package/dist/tabs/src/TabPanel.js +1 -1
  336. package/dist/tabs/src/index.css +971 -1002
  337. package/dist/tabs/src/index.js +4 -4
  338. package/dist/tag/src/Tag.css +920 -939
  339. package/dist/tag/src/Tag.js +7 -7
  340. package/dist/tag/src/TagGroup.css +49 -49
  341. package/dist/tag/src/TagGroup.js +7 -7
  342. package/dist/tag/src/index.css +930 -949
  343. package/dist/tag/src/index.js +12 -12
  344. package/dist/tile/src/Tile.css +109 -137
  345. package/dist/tile/src/Tile.js +1 -1
  346. package/dist/tile/src/TileGroup.css +40 -40
  347. package/dist/tile/src/TileGroup.js +1 -1
  348. package/dist/tile/src/index.css +110 -138
  349. package/dist/tile/src/index.js +2 -2
  350. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  351. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  352. package/dist/toggle-arrow/src/index.css +41 -41
  353. package/dist/toggle-arrow/src/index.js +1 -1
  354. package/dist/tooltip/src/Tooltip.css +55 -59
  355. package/dist/tooltip/src/Tooltip.js +3 -3
  356. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  357. package/dist/tooltip/src/index.css +55 -59
  358. package/dist/tooltip/src/index.js +3 -3
  359. package/dist/typography/heading/src/Heading.css +39 -39
  360. package/dist/typography/heading/src/Heading.js +1 -1
  361. package/dist/typography/heading/src/index.css +39 -39
  362. package/dist/typography/heading/src/index.js +1 -1
  363. package/dist/typography/label/src/FieldLabel.css +39 -39
  364. package/dist/typography/label/src/FieldLabel.js +3 -3
  365. package/dist/typography/label/src/Label.css +39 -39
  366. package/dist/typography/label/src/Label.js +1 -1
  367. package/dist/typography/label/src/index.css +39 -39
  368. package/dist/typography/label/src/index.js +3 -3
  369. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  370. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  371. package/dist/typography/overline-text/src/index.css +39 -39
  372. package/dist/typography/overline-text/src/index.js +1 -1
  373. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  374. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  375. package/dist/typography/paragraph/src/index.css +39 -39
  376. package/dist/typography/paragraph/src/index.js +2 -2
  377. package/dist/typography/text/src/Text.css +39 -39
  378. package/dist/typography/text/src/Text.js +1 -1
  379. package/dist/typography/text/src/index.css +39 -39
  380. package/dist/typography/text/src/index.js +1 -1
  381. package/dist/utils/src/ClearSlots.css +39 -39
  382. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  383. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  384. package/dist/utils/src/index.css +39 -39
  385. package/dist/utils/src/index.js +2 -2
  386. package/package.json +3 -3
package/dist/modal/src/index.css CHANGED
@@ -1,5 +1,5 @@
1
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___aryd7 {
2
+ .BaseModal-module__hop-BaseModal___E09ar {
3
3
  --hop-BaseModal-isolation: isolate;
4
4
  --hop-BaseModal-position: fixed;
5
5
  --hop-BaseModal-inset: 0;
@@ -39,26 +39,28 @@
39
39
  color: var(--hop-BaseModal-color);
40
40
  background-color: var(--hop-BaseModal-background-color);
41
41
  }
42
- .BaseModal-module__hop-BaseModal__modal___yf38d {
42
+ .BaseModal-module__hop-BaseModal__modal___IPVHc {
43
43
  --hop-BaseModal__modal-display: flex;
44
44
  --hop-BaseModal__modal-flex-direction: column;
45
45
  --hop-BaseModal__modal-max-inline-size: 90dvw;
46
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);
47
+ --border-radius: var(--hop-comp-modal-border-radius);
50
48
  --max-inline-size: var(--hop-BaseModal__modal-max-inline-size);
51
49
  --max-block-size: var(--hop-BaseModal__modal-max-block-size);
50
+ --border: var(--hop-comp-modal-border);
52
51
  display: var(--hop-BaseModal__modal-display);
53
52
  flex-direction: var(--hop-BaseModal__modal-flex-direction);
54
53
  max-inline-size: var(--max-inline-size);
55
54
  max-block-size: var(--max-block-size);
56
- background: var(--hop-BaseModal__modal-background);
55
+ backdrop-filter: var(--hop-comp-modal-backdrop-filter);
56
+ background: var(--hop-comp-modal-background);
57
+ border: var(--border);
57
58
  border-radius: var(--border-radius);
59
+ box-shadow: var(--hop-comp-modal-box-shadow);
58
60
  }
59
61
 
60
62
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
61
- .Heading-module__hop-Heading___51f0I {
63
+ .Heading-module__hop-Heading___GI2GG {
62
64
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
63
65
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
64
66
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -92,53 +94,53 @@
92
94
  --hop-Heading-inherit-size-font-weight: inherit;
93
95
  --hop-Heading-inherit-size-line-height: inherit;
94
96
  }
95
- :where(.Heading-module__hop-Heading___51f0I) {
97
+ :where(.Heading-module__hop-Heading___GI2GG) {
96
98
  margin: 0;
97
99
  color: var(--hop-neutral-text);
98
100
  }
99
- :where(.Heading-module__hop-Heading___51f0I):not(.Heading-module__hop-Heading--unset___bT8xT) {
101
+ :where(.Heading-module__hop-Heading___GI2GG):not(.Heading-module__hop-Heading--unset___85BUQ) {
100
102
  font-family: var(--font-family);
101
103
  font-size: var(--font-size);
102
104
  font-weight: var(--font-weight);
103
105
  line-height: var(--line-height);
104
106
  }
105
- :where(.Heading-module__hop-Heading--xs___-vscm) {
107
+ :where(.Heading-module__hop-Heading--xs___Zxw6C) {
106
108
  --font-size: var(--hop-Heading-xs-font-size);
107
109
  --font-family: var(--hop-Heading-xs-font-family);
108
110
  --font-weight: var(--hop-Heading-xs-font-weight);
109
111
  --line-height: var(--hop-Heading-xs-line-height);
110
112
  }
111
- :where(.Heading-module__hop-Heading--sm___Cb4ga) {
113
+ :where(.Heading-module__hop-Heading--sm___wZ3mb) {
112
114
  --font-size: var(--hop-Heading-sm-font-size);
113
115
  --font-family: var(--hop-Heading-sm-font-family);
114
116
  --font-weight: var(--hop-Heading-sm-font-weight);
115
117
  --line-height: var(--hop-Heading-sm-line-height);
116
118
  }
117
- :where(.Heading-module__hop-Heading--md___CAHX0) {
119
+ :where(.Heading-module__hop-Heading--md___ulzBV) {
118
120
  --font-size: var(--hop-Heading-md-font-size);
119
121
  --font-family: var(--hop-Heading-md-font-family);
120
122
  --font-weight: var(--hop-Heading-md-font-weight);
121
123
  --line-height: var(--hop-Heading-md-line-height);
122
124
  }
123
- :where(.Heading-module__hop-Heading--lg___cT7EH) {
125
+ :where(.Heading-module__hop-Heading--lg___iJMDe) {
124
126
  --font-size: var(--hop-Heading-lg-font-size);
125
127
  --font-family: var(--hop-Heading-lg-font-family);
126
128
  --font-weight: var(--hop-Heading-lg-font-weight);
127
129
  --line-height: var(--hop-Heading-lg-line-height);
128
130
  }
129
- :where(.Heading-module__hop-Heading--xl___DLbqo) {
131
+ :where(.Heading-module__hop-Heading--xl___VysPZ) {
130
132
  --font-size: var(--hop-Heading-xl-font-size);
131
133
  --font-family: var(--hop-Heading-xl-font-family);
132
134
  --font-weight: var(--hop-Heading-xl-font-weight);
133
135
  --line-height: var(--hop-Heading-xl-line-height);
134
136
  }
135
- :where(.Heading-module__hop-Heading--2xl___AkfJ7) {
137
+ :where(.Heading-module__hop-Heading--2xl___kNGMr) {
136
138
  --font-size: var(--hop-Heading-2xl-font-size);
137
139
  --font-family: var(--hop-Heading-2xl-font-family);
138
140
  --font-weight: var(--hop-Heading-2xl-font-weight);
139
141
  --line-height: var(--hop-Heading-2xl-line-height);
140
142
  }
141
- :where(.Heading-module__hop-Heading--3xl___djebX) {
143
+ :where(.Heading-module__hop-Heading--3xl___WJtA7) {
142
144
  --font-size: var(--hop-Heading-3xl-font-size);
143
145
  --font-family: var(--hop-Heading-3xl-font-family);
144
146
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -146,21 +148,21 @@
146
148
  }
147
149
 
148
150
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
149
- .Form-module__hop-Form___IEooL {
151
+ .Form-module__hop-Form___LKBfF {
150
152
  display: flex;
151
153
  flex-direction: column;
152
154
  gap: var(--hop-space-stack-lg);
153
155
  }
154
156
 
155
157
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
156
- .Label-module__hop-Label___MWNXM {
158
+ .Label-module__hop-Label___mDjHA {
157
159
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
158
160
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
159
161
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
160
162
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
161
163
  --hop-Label-color: var(--hop-neutral-text-weak);
162
164
  }
163
- :where(.Label-module__hop-Label___MWNXM) {
165
+ :where(.Label-module__hop-Label___mDjHA) {
164
166
  font-family: var(--hop-Label-font-family);
165
167
  font-size: var(--hop-Label-font-size);
166
168
  font-weight: var(--hop-Label-font-weight);
@@ -169,17 +171,17 @@
169
171
  }
170
172
 
171
173
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
172
- .FieldLabel-module__hop-FieldLabel__wrapper___TnjRI {
174
+ .FieldLabel-module__hop-FieldLabel__wrapper___UseG- {
173
175
  display: flex;
174
176
  gap: var(--hop-space-inset-xs);
175
177
  align-items: center;
176
178
  }
177
- .FieldLabel-module__hop-FieldLabel__indicator___bn3e7 {
179
+ .FieldLabel-module__hop-FieldLabel__indicator___6ud5m {
178
180
  padding-inline-start: var(--hop-space-20);
179
181
  }
180
182
 
181
183
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
182
- :where(.OverlineText-module__hop-OverlineText___mpygh) {
184
+ :where(.OverlineText-module__hop-OverlineText___3fpMa) {
183
185
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
184
186
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
185
187
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -203,26 +205,26 @@
203
205
  text-transform: uppercase;
204
206
  letter-spacing: var(--letter-spacing);
205
207
  }
206
- .OverlineText-module__hop-OverlineText__text___qBPj9 {
208
+ .OverlineText-module__hop-OverlineText__text___adJnj {
207
209
  box-sizing: border-box;
208
210
  }
209
- .OverlineText-module__hop-OverlineText__text___qBPj9::before,
210
- .OverlineText-module__hop-OverlineText__text___qBPj9::after {
211
+ .OverlineText-module__hop-OverlineText__text___adJnj::before,
212
+ .OverlineText-module__hop-OverlineText__text___adJnj::after {
211
213
  content: "";
212
214
  display: block;
213
215
  box-sizing: border-box;
214
216
  inline-size: 0;
215
217
  block-size: 0;
216
218
  }
217
- .OverlineText-module__hop-OverlineText__text___qBPj9::before {
219
+ .OverlineText-module__hop-OverlineText__text___adJnj::before {
218
220
  margin-block-end: var(--bottom-offset);
219
221
  }
220
- .OverlineText-module__hop-OverlineText__text___qBPj9::after {
222
+ .OverlineText-module__hop-OverlineText__text___adJnj::after {
221
223
  margin-block-start: var(--top-offset);
222
224
  }
223
225
 
224
226
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
225
- .Text-module__hop-Text___T0iCU {
227
+ .Text-module__hop-Text___7u-oj {
226
228
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
227
229
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
228
230
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -252,49 +254,49 @@
252
254
  --hop-Text-inherit-size-font-weight: inherit;
253
255
  --hop-Text-inherit-size-line-height: inherit;
254
256
  }
255
- :where(.Text-module__hop-Text___T0iCU) {
257
+ :where(.Text-module__hop-Text___7u-oj) {
256
258
  font-family: var(--font-family);
257
259
  font-size: var(--font-size);
258
260
  font-weight: var(--font-weight);
259
261
  line-height: var(--line-height);
260
262
  }
261
- :where(.Text-module__hop-Text--xs___q7lda) {
263
+ :where(.Text-module__hop-Text--xs___7gVXC) {
262
264
  --font-size: var(--hop-Text-xs-font-size);
263
265
  --font-family: var(--hop-Text-xs-font-family);
264
266
  --font-weight: var(--hop-Text-xs-font-weight);
265
267
  --line-height: var(--hop-Text-xs-line-height);
266
268
  }
267
- :where(.Text-module__hop-Text--sm___JRcKa) {
269
+ :where(.Text-module__hop-Text--sm___euoRS) {
268
270
  --font-size: var(--hop-Text-sm-font-size);
269
271
  --font-family: var(--hop-Text-sm-font-family);
270
272
  --font-weight: var(--hop-Text-sm-font-weight);
271
273
  --line-height: var(--hop-Text-sm-line-height);
272
274
  }
273
- :where(.Text-module__hop-Text--md___9ZZvC) {
275
+ :where(.Text-module__hop-Text--md___w0Zta) {
274
276
  --font-size: var(--hop-Text-md-font-size);
275
277
  --font-family: var(--hop-Text-md-font-family);
276
278
  --font-weight: var(--hop-Text-md-font-weight);
277
279
  --line-height: var(--hop-Text-md-line-height);
278
280
  }
279
- :where(.Text-module__hop-Text--lg___n-ohu) {
281
+ :where(.Text-module__hop-Text--lg___QFfCw) {
280
282
  --font-size: var(--hop-Text-lg-font-size);
281
283
  --font-family: var(--hop-Text-lg-font-family);
282
284
  --font-weight: var(--hop-Text-lg-font-weight);
283
285
  --line-height: var(--hop-Text-lg-line-height);
284
286
  }
285
- :where(.Text-module__hop-Text--xl___8J-MX) {
287
+ :where(.Text-module__hop-Text--xl___pU7hM) {
286
288
  --font-size: var(--hop-Text-xl-font-size);
287
289
  --font-family: var(--hop-Text-xl-font-family);
288
290
  --font-weight: var(--hop-Text-xl-font-weight);
289
291
  --line-height: var(--hop-Text-xl-line-height);
290
292
  }
291
- :where(.Text-module__hop-Text--2xl___m1-Xf) {
293
+ :where(.Text-module__hop-Text--2xl___P78fs) {
292
294
  --font-size: var(--hop-Text-2xl-font-size);
293
295
  --font-family: var(--hop-Text-2xl-font-family);
294
296
  --font-weight: var(--hop-Text-2xl-font-weight);
295
297
  --line-height: var(--hop-Text-2xl-line-height);
296
298
  }
297
- :where(.Text-module__hop-Text--inherit___ZAZON) {
299
+ :where(.Text-module__hop-Text--inherit___9FyEw) {
298
300
  --font-size: var(--hop-Text-inherit-size-font-size);
299
301
  --font-family: var(--hop-Text-inherit-size-font-family);
300
302
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -302,7 +304,7 @@
302
304
  }
303
305
 
304
306
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
305
- .Paragraph-module__hop-Paragraph___Gsnz- {
307
+ .Paragraph-module__hop-Paragraph___QPrlU {
306
308
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
307
309
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
308
310
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -314,33 +316,33 @@
314
316
  margin-block-end: var(--margin-block-end);
315
317
  overflow-wrap: break-word;
316
318
  }
317
- .Paragraph-module__hop-Paragraph___Gsnz-:last-child {
319
+ .Paragraph-module__hop-Paragraph___QPrlU:last-child {
318
320
  --margin-block-end: 0;
319
321
  }
320
- .Paragraph-module__hop-Paragraph--xs___tm8Df {
322
+ .Paragraph-module__hop-Paragraph--xs___m23yb {
321
323
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
322
324
  }
323
- .Paragraph-module__hop-Paragraph--sm___-5UNK {
325
+ .Paragraph-module__hop-Paragraph--sm___3raRf {
324
326
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
325
327
  }
326
- .Paragraph-module__hop-Paragraph--md___A5wsH {
328
+ .Paragraph-module__hop-Paragraph--md___42dnp {
327
329
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
328
330
  }
329
- .Paragraph-module__hop-Paragraph--lg___iqB4x {
331
+ .Paragraph-module__hop-Paragraph--lg___N7hcI {
330
332
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
331
333
  }
332
- .Paragraph-module__hop-Paragraph--xl___nzP-c {
334
+ .Paragraph-module__hop-Paragraph--xl___2j0se {
333
335
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
334
336
  }
335
- .Paragraph-module__hop-Paragraph--2xl___u29hb {
337
+ .Paragraph-module__hop-Paragraph--2xl___Ppj1- {
336
338
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
337
339
  }
338
- .Paragraph-module__hop-Paragraph--inherit___hR37l {
340
+ .Paragraph-module__hop-Paragraph--inherit___2la7W {
339
341
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
340
342
  }
341
343
 
342
344
  /* 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___rxDxR {
345
+ .CustomModal-module__hop-CustomModal___g15QV {
344
346
  --hop-CustomModal-overflow: auto;
345
347
  --hop-CustomModal-box-sizing: border-box;
346
348
  --hop-CustomModal-outline: none;
@@ -352,7 +354,7 @@
352
354
  border-radius: inherit;
353
355
  outline: var(--hop-CustomModal-outline);
354
356
  }
355
- .CustomModal-module__hop-CustomModal__base-modal___cFqgo {
357
+ .CustomModal-module__hop-CustomModal__base-modal___2wZzF {
356
358
  --hop-CustomModal__base-modal-sm-width: 28.75rem;
357
359
  --hop-CustomModal__base-modal-md-width: 36.5rem;
358
360
  --hop-CustomModal__base-modal-lg-width: 41.5rem;
@@ -364,6 +366,7 @@
364
366
  --hop-CustomModal__base-modal-fullscreentakeover-width: 100dvw;
365
367
  --hop-CustomModal__base-modal-fullscreentakeover-height: 100dvh;
366
368
  --hop-CustomModal__base-modal-fullscreentakeover-border-radius: 0;
369
+ --hop-CustomModal__base-modal-fullscreentakeover-border: none;
367
370
  --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
371
  --hop-CustomModal__base-modal-entering-opacity: 0;
369
372
  --hop-CustomModal__base-modal-entering-transform: translateY(1.25rem);
@@ -373,51 +376,52 @@
373
376
  block-size: var(--height);
374
377
  transition: var(--hop-CustomModal__base-modal-transition);
375
378
  }
376
- .CustomModal-module__hop-CustomModal__base-modal--sm___cyVUz {
379
+ .CustomModal-module__hop-CustomModal__base-modal--sm___lknoq {
377
380
  --width: var(--hop-CustomModal__base-modal-sm-width);
378
381
  }
379
- .CustomModal-module__hop-CustomModal__base-modal--md___WIFwj {
382
+ .CustomModal-module__hop-CustomModal__base-modal--md___u6ll- {
380
383
  --width: var(--hop-CustomModal__base-modal-md-width);
381
384
  }
382
- .CustomModal-module__hop-CustomModal__base-modal--lg___-tE3d {
385
+ .CustomModal-module__hop-CustomModal__base-modal--lg___Xo-qF {
383
386
  --width: var(--hop-CustomModal__base-modal-lg-width);
384
387
  }
385
- .CustomModal-module__hop-CustomModal__base-modal--xl___z3OCu {
388
+ .CustomModal-module__hop-CustomModal__base-modal--xl___IxlVA {
386
389
  --width: var(--hop-CustomModal__base-modal-xl-width);
387
390
  }
388
- .CustomModal-module__hop-CustomModal__base-modal--fullscreen___mbpbC {
391
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreen___00aQy {
389
392
  --width: var(--hop-CustomModal__base-modal-fullscreen-width);
390
393
  --height: var(--hop-CustomModal__base-modal-fullscreen-height);
391
394
  }
392
- .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___CYygg {
395
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___RLwRS {
393
396
  --width: var(--hop-CustomModal__base-modal-fullscreentakeover-width);
394
397
  --height: var(--hop-CustomModal__base-modal-fullscreentakeover-height);
395
398
  --border-radius: var(--hop-CustomModal__base-modal-fullscreentakeover-border-radius);
399
+ --border: var(--hop-CustomModal__base-modal-fullscreentakeover-border);
396
400
  }
397
- .CustomModal-module__hop-CustomModal__base-modal--fullscreen___mbpbC,
398
- .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___CYygg {
401
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreen___00aQy,
402
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___RLwRS {
399
403
  --max-inline-size: var(--hop-CustomModal__base-modal-fullscreen-max-width);
400
404
  --max-block-size: var(--hop-CustomModal__base-modal-fullscreen-max-height);
401
405
  }
402
- .CustomModal-module__hop-CustomModal__overlay___t1EHn[data-entering] .CustomModal-module__hop-CustomModal__base-modal___cFqgo {
406
+ .CustomModal-module__hop-CustomModal__overlay___Nj-dA[data-entering] .CustomModal-module__hop-CustomModal__base-modal___2wZzF {
403
407
  transform: var(--hop-CustomModal__base-modal-entering-transform);
404
408
  opacity: var(--hop-CustomModal__base-modal-entering-opacity);
405
409
  }
406
- .CustomModal-module__hop-CustomModal__overlay___t1EHn[data-exiting] .CustomModal-module__hop-CustomModal__base-modal___cFqgo {
410
+ .CustomModal-module__hop-CustomModal__overlay___Nj-dA[data-exiting] .CustomModal-module__hop-CustomModal__base-modal___2wZzF {
407
411
  opacity: var(--hop-CustomModal__base-modal-exiting-opacity);
408
412
  transition: var(--hop-CustomModal__base-modal-exiting-transition);
409
413
  }
410
- .CustomModal-module__hop-CustomModal__overlay___t1EHn[data-entering]:has(.CustomModal-module__hop-CustomModal__base-modal___cFqgo) {
414
+ .CustomModal-module__hop-CustomModal__overlay___Nj-dA[data-entering]:has(.CustomModal-module__hop-CustomModal__base-modal___2wZzF) {
411
415
  opacity: 0;
412
416
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
413
417
  }
414
- .CustomModal-module__hop-CustomModal__overlay___t1EHn[data-exiting]:has(.CustomModal-module__hop-CustomModal__base-modal___cFqgo) {
418
+ .CustomModal-module__hop-CustomModal__overlay___Nj-dA[data-exiting]:has(.CustomModal-module__hop-CustomModal__base-modal___2wZzF) {
415
419
  opacity: 0;
416
420
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
417
421
  }
418
422
 
419
423
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
420
- .IconList-module__hop-IconList___9aD-j {
424
+ .IconList-module__hop-IconList___SvMS4 {
421
425
  --hop-IconList-gap: var(--hop-space-inline-xs);
422
426
  display: flex;
423
427
  flex-wrap: wrap;
@@ -426,7 +430,7 @@
426
430
  }
427
431
 
428
432
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
429
- @keyframes Spinner-module__spin___uMKQj {
433
+ @keyframes Spinner-module__spin___jMApU {
430
434
  0% {
431
435
  transform: rotate(0deg);
432
436
  }
@@ -434,7 +438,7 @@
434
438
  transform: rotate(360deg);
435
439
  }
436
440
  }
437
- .Spinner-module__hop-Spinner___0D5Eh {
441
+ .Spinner-module__hop-Spinner___1ssMJ {
438
442
  --hop-Spinner-border-radius: var(--hop-shape-circle);
439
443
  --hop-Spinner-sm-wheel-size: 1rem;
440
444
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -442,7 +446,7 @@
442
446
  --hop-Spinner-track-width: 0.125rem;
443
447
  --hop-Spinner-track-opacity: 0.2;
444
448
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
445
- --hop-Spinner-fill-animation: Spinner-module__spin___uMKQj .8s infinite linear;
449
+ --hop-Spinner-fill-animation: Spinner-module__spin___jMApU .8s infinite linear;
446
450
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
447
451
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
448
452
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -453,19 +457,19 @@
453
457
  align-items: center;
454
458
  box-sizing: border-box;
455
459
  }
456
- .Spinner-module__hop-Spinner--sm___2w7yX {
460
+ .Spinner-module__hop-Spinner--sm___xRHfi {
457
461
  --width: var(--hop-Spinner-sm-wheel-size);
458
462
  --height: var(--hop-Spinner-sm-wheel-size);
459
463
  }
460
- .Spinner-module__hop-Spinner--md___CaV-l {
464
+ .Spinner-module__hop-Spinner--md___EmK5W {
461
465
  --width: var(--hop-Spinner-md-wheel-size);
462
466
  --height: var(--hop-Spinner-md-wheel-size);
463
467
  }
464
- .Spinner-module__hop-Spinner--lg___whxIf {
468
+ .Spinner-module__hop-Spinner--lg___VAevn {
465
469
  --width: var(--hop-Spinner-lg-wheel-size);
466
470
  --height: var(--hop-Spinner-lg-wheel-size);
467
471
  }
468
- .Spinner-module__hop-Spinner__track___MG0NB {
472
+ .Spinner-module__hop-Spinner__track___2SBvX {
469
473
  grid-area: spinner;
470
474
  box-sizing: border-box;
471
475
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -474,7 +478,7 @@
474
478
  border: var(--hop-Spinner-track-border);
475
479
  border-radius: var(--hop-Spinner-border-radius);
476
480
  }
477
- .Spinner-module__hop-Spinner__fill___CG-Ny {
481
+ .Spinner-module__hop-Spinner__fill___sKqgB {
478
482
  grid-area: spinner;
479
483
  box-sizing: border-box;
480
484
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -485,18 +489,18 @@
485
489
  animation: var(--hop-Spinner-fill-animation);
486
490
  }
487
491
  @media (prefers-reduced-motion: reduce) {
488
- .Spinner-module__hop-Spinner__fill___CG-Ny {
492
+ .Spinner-module__hop-Spinner__fill___sKqgB {
489
493
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
490
494
  }
491
495
  }
492
- .Spinner-module__hop-Spinner__label___RzaQv {
496
+ .Spinner-module__hop-Spinner__label___gy2ci {
493
497
  grid-area: label;
494
498
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
495
499
  }
496
500
 
497
501
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
498
- .Button-module__hop-Button___HoyYR {
499
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
502
+ .Button-module__hop-Button___cEzVI {
503
+ --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
500
504
  --hop-Button-column-gap: var(--hop-space-inline-xs);
501
505
  --hop-Button-icon-only-column-gap: 0;
502
506
  --hop-Button-outline-size: var(--hop-space-20);
@@ -511,42 +515,23 @@
511
515
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
512
516
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
513
517
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
514
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
515
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
516
518
  --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
517
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
518
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
519
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
520
519
  --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
521
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
522
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
523
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
524
520
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
525
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
526
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
527
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
528
521
  --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
529
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
530
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
531
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
532
522
  --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
533
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
534
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
535
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
536
523
  --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
537
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
538
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
539
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
540
524
  --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
541
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
542
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
543
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
544
525
  --inline-size: max-content;
545
526
  --block-size: var(--hop-Button-md-height);
546
- --background-color: var(--hop-primary-surface-strong);
527
+ --background: var(--hop-primary-surface-strong);
547
528
  --color: var(--hop-primary-text-strong);
529
+ --icon-color: var(--color);
548
530
  --column-gap: var(--hop-Button-column-gap);
549
531
  --spinner: var(--hop-primary-icon-strong);
532
+ --background-loading: var(--background);
533
+ --border-color-loading: transparent;
534
+ --box-shadow-loading: none;
550
535
  --border: 0;
551
536
  --padding: var(--hop-Button-md-padding);
552
537
  --box-shadow: none;
@@ -564,7 +549,7 @@
564
549
  color: var(--color);
565
550
  text-decoration: none;
566
551
  white-space: nowrap;
567
- background-color: var(--background-color);
552
+ background: var(--background);
568
553
  border: var(--border);
569
554
  border-radius: var(--hop-comp-button-border-radius);
570
555
  outline: none;
@@ -575,220 +560,255 @@
575
560
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
576
561
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
577
562
  }
578
- .Button-module__hop-Button--fluid___03Inx {
563
+ .Button-module__hop-Button--fluid___HUhhp {
579
564
  --inline-size: 100%;
580
565
  }
581
- .Button-module__hop-Button--xs___wswk1 {
566
+ .Button-module__hop-Button--xs___PF56K {
582
567
  --block-size: var(--hop-Button-xs-height);
583
568
  --padding: var(--hop-Button-xs-padding);
584
569
  }
585
- .Button-module__hop-Button--xs___wswk1[class*=--ghost] {
570
+ .Button-module__hop-Button--xs___PF56K[class*=--ghost] {
586
571
  --padding: var(--hop-Button-ghost-xs-padding);
587
572
  }
588
- .Button-module__hop-Button--sm___XtUpX {
573
+ .Button-module__hop-Button--sm___FlTAw {
589
574
  --block-size: var(--hop-Button-sm-height);
590
575
  --padding: var(--hop-Button-sm-padding);
591
576
  }
592
- .Button-module__hop-Button--sm___XtUpX[class*=--ghost] {
577
+ .Button-module__hop-Button--sm___FlTAw[class*=--ghost] {
593
578
  --padding: var(--hop-Button-ghost-sm-padding);
594
579
  }
595
- .Button-module__hop-Button--md___0r9kO[class*=--ghost] {
580
+ .Button-module__hop-Button--md___jnsk-[class*=--ghost] {
596
581
  --padding: var(--hop-Button-ghost-md-padding);
597
582
  }
598
- .Button-module__hop-Button--icon-only___1gkCT {
583
+ .Button-module__hop-Button--icon-only___7-yVF {
599
584
  --column-gap: var(--hop-Button-icon-only-column-gap);
600
585
  --padding: var(--hop-Button-icon-only-padding);
601
586
  aspect-ratio: 1;
602
587
  }
603
- .Button-module__hop-Button--primary___y7dMa {
604
- --background-color: var(--hop-comp-button-primary-background-color);
588
+ .Button-module__hop-Button--primary___U1xEj {
589
+ --background: var(--hop-comp-button-primary-background);
605
590
  --color: var(--hop-comp-button-primary-text-color);
591
+ --icon-color: var(--hop-comp-button-primary-icon-color);
606
592
  --border: var(--hop-Button-primary-border);
607
- --spinner-color: var(--hop-Button-primary-spinner-color);
593
+ --color-loading: var(--hop-comp-button-primary-color-loading);
594
+ --background-loading: var(--hop-comp-button-primary-background-loading);
595
+ --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
596
+ --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
608
597
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
609
598
  }
610
- .Button-module__hop-Button--primary___y7dMa[data-hovered],
611
- .Button-module__hop-Button--primary___y7dMa[data-focus-visible] {
612
- --background-color: var(--hop-comp-button-primary-background-color-hover);
599
+ .Button-module__hop-Button--primary___U1xEj[data-hovered],
600
+ .Button-module__hop-Button--primary___U1xEj[data-focus-visible] {
601
+ --background: var(--hop-comp-button-primary-background-hover);
613
602
  --color: var(--hop-comp-button-primary-text-color-hover);
614
- --border: var(--hop-Button-primary-border-hover);
603
+ --icon-color: var(--hop-comp-button-primary-icon-color-hover);
604
+ --border: var(--hop-Button-primary-border);
615
605
  }
616
- .Button-module__hop-Button--primary___y7dMa[data-pressed] {
617
- --background-color: var(--hop-comp-button-primary-background-color-pressed);
606
+ .Button-module__hop-Button--primary___U1xEj[data-pressed] {
607
+ --background: var(--hop-comp-button-primary-background-pressed);
618
608
  --color: var(--hop-comp-button-primary-text-color-pressed);
619
- --border: var(--hop-Button-primary-border-pressed);
609
+ --icon-color: var(--hop-comp-button-primary-icon-color-press);
610
+ --border: var(--hop-Button-primary-border);
620
611
  }
621
- .Button-module__hop-Button--secondary___UKGLd {
622
- --background-color: var(--hop-comp-button-secondary-background-color);
612
+ .Button-module__hop-Button--secondary___Pu8fi {
613
+ --background: var(--hop-comp-button-secondary-background);
623
614
  --color: var(--hop-comp-button-secondary-text-color);
615
+ --icon-color: var(--hop-comp-button-secondary-icon-color);
624
616
  --border: var(--hop-Button-secondary-border);
625
- --spinner-color: var(--hop-Button-secondary-spinner-color);
617
+ --color-loading: var(--hop-comp-button-secondary-color-loading);
618
+ --background-loading: var(--hop-comp-button-secondary-background-loading);
619
+ --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
620
+ --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
626
621
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
627
622
  }
628
- .Button-module__hop-Button--secondary___UKGLd[data-hovered],
629
- .Button-module__hop-Button--secondary___UKGLd[data-focus-visible] {
630
- --background-color: var(--hop-comp-button-secondary-background-color-hover);
623
+ .Button-module__hop-Button--secondary___Pu8fi[data-hovered],
624
+ .Button-module__hop-Button--secondary___Pu8fi[data-focus-visible] {
625
+ --background: var(--hop-comp-button-secondary-background-hover);
631
626
  --color: var(--hop-comp-button-secondary-text-color-hover);
632
- --border: var(--hop-Button-secondary-border-hover);
627
+ --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
628
+ --border: var(--hop-Button-secondary-border);
633
629
  }
634
- .Button-module__hop-Button--secondary___UKGLd[data-pressed] {
635
- --background-color: var(--hop-comp-button-secondary-background-color-pressed);
630
+ .Button-module__hop-Button--secondary___Pu8fi[data-pressed] {
631
+ --background: var(--hop-comp-button-secondary-background-pressed);
636
632
  --color: var(--hop-comp-button-secondary-text-color-pressed);
637
- --border: var(--hop-Button-secondary-border-pressed);
633
+ --icon-color: var(--hop-comp-button-secondary-icon-color-press);
634
+ --border: var(--hop-Button-secondary-border);
638
635
  }
639
- .Button-module__hop-Button--upsell___bdwUF {
640
- --background-color: var(--hop-comp-button-upsell-background-color);
636
+ .Button-module__hop-Button--upsell___O6xUd {
637
+ --background: var(--hop-comp-button-upsell-background);
641
638
  --color: var(--hop-comp-button-upsell-text-color);
639
+ --icon-color: var(--hop-comp-button-upsell-icon-color);
642
640
  --border: var(--hop-Button-upsell-border);
643
- --spinner-color: var(--hop-Button-upsell-spinner-color);
641
+ --color-loading: var(--hop-comp-button-upsell-color-loading);
642
+ --background-loading: var(--hop-comp-button-upsell-background-loading);
643
+ --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
644
+ --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
644
645
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
645
646
  }
646
- .Button-module__hop-Button--upsell___bdwUF[data-hovered],
647
- .Button-module__hop-Button--upsell___bdwUF[data-focus-visible] {
648
- --background-color: var(--hop-comp-button-upsell-background-color-hover);
647
+ .Button-module__hop-Button--upsell___O6xUd[data-hovered],
648
+ .Button-module__hop-Button--upsell___O6xUd[data-focus-visible] {
649
+ --background: var(--hop-comp-button-upsell-background-hover);
649
650
  --color: var(--hop-comp-button-upsell-text-color-hover);
650
- --border: var(--hop-Button-upsell-border-hover);
651
+ --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
652
+ --border: var(--hop-Button-upsell-border);
651
653
  }
652
- .Button-module__hop-Button--upsell___bdwUF[data-pressed] {
653
- --background-color: var(--hop-comp-button-upsell-background-color-pressed);
654
+ .Button-module__hop-Button--upsell___O6xUd[data-pressed] {
655
+ --background: var(--hop-comp-button-upsell-background-pressed);
654
656
  --color: var(--hop-comp-button-upsell-text-color-pressed);
655
- --border: var(--hop-Button-upsell-border-pressed);
657
+ --icon-color: var(--hop-comp-button-upsell-icon-color-press);
658
+ --border: var(--hop-Button-upsell-border);
656
659
  }
657
- .Button-module__hop-Button--danger___f5awN {
658
- --background-color: var(--hop-comp-button-danger-background-color);
660
+ .Button-module__hop-Button--danger___9Bdk4 {
661
+ --background: var(--hop-comp-button-danger-background);
659
662
  --color: var(--hop-comp-button-danger-text-color);
663
+ --icon-color: var(--hop-comp-button-danger-icon-color);
660
664
  --border: var(--hop-Button-danger-border);
661
- --spinner-color: var(--hop-Button-danger-spinner-color);
665
+ --color-loading: var(--hop-comp-button-danger-color-loading);
666
+ --background-loading: var(--hop-comp-button-danger-background-loading);
667
+ --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
668
+ --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
662
669
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
663
670
  }
664
- .Button-module__hop-Button--danger___f5awN[data-hovered],
665
- .Button-module__hop-Button--danger___f5awN[data-focus-visible] {
666
- --background-color: var(--hop-comp-button-danger-background-color-hover);
671
+ .Button-module__hop-Button--danger___9Bdk4[data-hovered],
672
+ .Button-module__hop-Button--danger___9Bdk4[data-focus-visible] {
673
+ --background: var(--hop-comp-button-danger-background-hover);
667
674
  --color: var(--hop-comp-button-danger-text-color-hover);
668
- --border: var(--hop-Button-danger-border-hover);
675
+ --icon-color: var(--hop-comp-button-danger-icon-color-hover);
676
+ --border: var(--hop-Button-danger-border);
669
677
  }
670
- .Button-module__hop-Button--danger___f5awN[data-pressed] {
671
- --background-color: var(--hop-comp-button-danger-background-color-pressed);
678
+ .Button-module__hop-Button--danger___9Bdk4[data-pressed] {
679
+ --background: var(--hop-comp-button-danger-background-pressed);
672
680
  --color: var(--hop-comp-button-danger-text-color-pressed);
673
- --border: var(--hop-Button-danger-border-pressed);
681
+ --icon-color: var(--hop-comp-button-danger-icon-color-press);
682
+ --border: var(--hop-Button-danger-border);
674
683
  }
675
- .Button-module__hop-Button--ghost-primary___ush5X {
676
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
684
+ .Button-module__hop-Button--ghost-primary___UXsJi {
685
+ --background: var(--hop-comp-button-ghost-primary-background);
677
686
  --color: var(--hop-comp-button-ghost-primary-text-color);
687
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
678
688
  --border: var(--hop-Button-ghost-primary-border);
679
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
689
+ --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
690
+ --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
691
+ --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
692
+ --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
680
693
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
681
694
  }
682
- .Button-module__hop-Button--ghost-primary___ush5X[data-hovered],
683
- .Button-module__hop-Button--ghost-primary___ush5X[data-focus-visible] {
684
- --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
695
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-hovered],
696
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-focus-visible] {
697
+ --background: var(--hop-comp-button-ghost-primary-background-hover);
685
698
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
686
- --border: var(--hop-Button-ghost-primary-border-hover);
699
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
700
+ --border: var(--hop-Button-ghost-primary-border);
687
701
  }
688
- .Button-module__hop-Button--ghost-primary___ush5X[data-pressed] {
689
- --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
702
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-pressed] {
703
+ --background: var(--hop-comp-button-ghost-primary-background-pressed);
690
704
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
691
- --border: var(--hop-Button-ghost-primary-border-pressed);
705
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
706
+ --border: var(--hop-Button-ghost-primary-border);
692
707
  }
693
- .Button-module__hop-Button--ghost-secondary___62Cr1 {
694
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
708
+ .Button-module__hop-Button--ghost-secondary___toGp0 {
709
+ --background: var(--hop-comp-button-ghost-secondary-background);
695
710
  --color: var(--hop-comp-button-ghost-secondary-text-color);
711
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
696
712
  --border: var(--hop-Button-ghost-secondary-border);
697
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
713
+ --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
714
+ --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
715
+ --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
716
+ --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
698
717
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
699
718
  }
700
- .Button-module__hop-Button--ghost-secondary___62Cr1[data-hovered],
701
- .Button-module__hop-Button--ghost-secondary___62Cr1[data-focus-visible] {
702
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
719
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-hovered],
720
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-focus-visible] {
721
+ --background: var(--hop-comp-button-ghost-secondary-background-hover);
703
722
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
704
- --border: var(--hop-Button-ghost-secondary-border-hover);
723
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
724
+ --border: var(--hop-Button-ghost-secondary-border);
705
725
  }
706
- .Button-module__hop-Button--ghost-secondary___62Cr1[data-pressed] {
707
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
726
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-pressed] {
727
+ --background: var(--hop-comp-button-ghost-secondary-background-pressed);
708
728
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
709
- --border: var(--hop-Button-ghost-secondary-border-pressed);
729
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
730
+ --border: var(--hop-Button-ghost-secondary-border);
710
731
  }
711
- .Button-module__hop-Button--ghost-danger___3O7jl {
712
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
732
+ .Button-module__hop-Button--ghost-danger___wshP- {
733
+ --background: var(--hop-comp-button-ghost-danger-background);
713
734
  --color: var(--hop-comp-button-ghost-danger-text-color);
735
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
714
736
  --border: var(--hop-Button-ghost-danger-border);
715
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
737
+ --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
738
+ --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
739
+ --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
740
+ --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
716
741
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
717
742
  }
718
- .Button-module__hop-Button--ghost-danger___3O7jl[data-hovered],
719
- .Button-module__hop-Button--ghost-danger___3O7jl[data-focus-visible] {
720
- --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
743
+ .Button-module__hop-Button--ghost-danger___wshP-[data-hovered],
744
+ .Button-module__hop-Button--ghost-danger___wshP-[data-focus-visible] {
745
+ --background: var(--hop-comp-button-ghost-danger-background-hover);
721
746
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
722
- --border: var(--hop-Button-ghost-danger-border-hover);
747
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
748
+ --border: var(--hop-Button-ghost-danger-border);
723
749
  }
724
- .Button-module__hop-Button--ghost-danger___3O7jl[data-pressed] {
725
- --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
750
+ .Button-module__hop-Button--ghost-danger___wshP-[data-pressed] {
751
+ --background: var(--hop-comp-button-ghost-danger-background-pressed);
726
752
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
727
- --border: var(--hop-Button-ghost-danger-border-pressed);
753
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
754
+ --border: var(--hop-Button-ghost-danger-border);
728
755
  }
729
- .Button-module__hop-Button___HoyYR[data-focus-visible] {
756
+ .Button-module__hop-Button___cEzVI[data-focus-visible] {
730
757
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
731
758
  }
732
- .Button-module__hop-Button___HoyYR[data-disabled],
733
- .Button-module__hop-Button--loading___IdSFm {
759
+ .Button-module__hop-Button___cEzVI[data-disabled],
760
+ .Button-module__hop-Button--loading___NMXIV {
734
761
  cursor: not-allowed;
735
762
  }
736
- .Button-module__hop-Button___HoyYR[data-disabled] {
737
- --background-color: var(--hop-comp-button-disabled-background-color);
738
- --color: var(--hop-comp-button-disabled-text-color);
739
- --border: var(--hop-Button-border-disabled);
763
+ .Button-module__hop-Button___cEzVI[data-disabled] {
764
+ --color: var(--hop-comp-button-text-color-disabled);
765
+ --icon-color: var(--hop-comp-button-icon-color-disabled);
740
766
  }
741
- .Button-module__hop-Button___HoyYR[class*=--ghost][data-disabled] {
742
- --background-color: var(--hop-comp-button-ghost-disabled-background-color);
743
- --color: var(--hop-comp-button-ghost-disabled-text-color);
744
- --border: var(--hop-Button-ghost-border-disabled);
767
+ .Button-module__hop-Button--primary___U1xEj[data-disabled] {
768
+ --background: var(--hop-comp-button-primary-background-disabled);
769
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
745
770
  }
746
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--primary___y7dMa {
747
- --background-color: var(--hop-comp-button-primary-background-color);
748
- --color: var(--hop-comp-button-primary-text-color);
749
- --border: var(--hop-Button-primary-border);
771
+ .Button-module__hop-Button--secondary___Pu8fi[data-disabled] {
772
+ --background: var(--hop-comp-button-secondary-background-disabled);
773
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
750
774
  }
751
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--secondary___UKGLd {
752
- --background-color: var(--hop-comp-button-secondary-background-color);
753
- --color: var(--hop-comp-button-secondary-text-color);
754
- --border: var(--hop-Button-secondary-border);
775
+ .Button-module__hop-Button--upsell___O6xUd[data-disabled] {
776
+ --background: var(--hop-comp-button-upsell-background-disabled);
777
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
755
778
  }
756
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--upsell___bdwUF {
757
- --background-color: var(--hop-comp-button-upsell-background-color);
758
- --color: var(--hop-comp-button-upsell-text-color);
759
- --border: var(--hop-Button-upsell-border);
779
+ .Button-module__hop-Button--danger___9Bdk4[data-disabled] {
780
+ --background: var(--hop-comp-button-danger-background-disabled);
781
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
760
782
  }
761
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--danger___f5awN {
762
- --background-color: var(--hop-comp-button-danger-background-color);
763
- --color: var(--hop-comp-button-danger-text-color);
764
- --border: var(--hop-Button-danger-border);
783
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-disabled] {
784
+ --background: var(--hop-comp-button-ghost-primary-background-disabled);
785
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
765
786
  }
766
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-primary___ush5X {
767
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
768
- --color: var(--hop-comp-button-ghost-primary-text-color);
769
- --border: var(--hop-Button-ghost-primary-border);
787
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-disabled] {
788
+ --background: var(--hop-comp-button-ghost-secondary-background-disabled);
789
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
770
790
  }
771
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-secondary___62Cr1 {
772
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
773
- --color: var(--hop-comp-button-ghost-secondary-text-color);
774
- --border: var(--hop-Button-ghost-secondary-border);
791
+ .Button-module__hop-Button--ghost-danger___wshP-[data-disabled] {
792
+ --background: var(--hop-comp-button-ghost-danger-background-disabled);
793
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
775
794
  }
776
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-danger___3O7jl {
777
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
778
- --color: var(--hop-comp-button-ghost-danger-text-color);
779
- --border: var(--hop-Button-ghost-danger-border);
795
+ .Button-module__hop-Button--loading___NMXIV {
796
+ background: var(--background-loading);
797
+ color: var(--color-loading);
798
+ border-color: var(--border-color-loading);
799
+ box-shadow: var(--box-shadow-loading);
780
800
  }
781
- .Button-module__hop-Button__Spinner___5AdOy {
801
+ .Button-module__hop-Button__Spinner___hSXad {
782
802
  position: absolute;
783
- color: var(--spinner-color);
784
803
  }
785
- .Button-module__hop-Button__icon___d5IZl,
786
- .Button-module__hop-Button__icon-list___YOo9F {
804
+ .Button-module__hop-Button__icon___koGX2,
805
+ .Button-module__hop-Button__icon-list___uV0To {
787
806
  flex: 0 0 auto;
788
807
  justify-self: end;
789
808
  order: 1;
809
+ color: var(--icon-color);
790
810
  }
791
- .Button-module__hop-Button__text___1XHXr {
811
+ .Button-module__hop-Button__text___yWZed {
792
812
  user-select: none;
793
813
  overflow: visible;
794
814
  flex: 0 1 auto;
@@ -797,60 +817,61 @@
797
817
  text-decoration: none;
798
818
  text-wrap: nowrap;
799
819
  }
800
- .Button-module__hop-Button__end-icon___-wk-2,
801
- .Button-module__hop-Button__end-icon-list___IkfOC {
820
+ .Button-module__hop-Button__end-icon___r5rxu,
821
+ .Button-module__hop-Button__end-icon-list___4NYnd {
802
822
  flex: 0 0 auto;
803
823
  order: 3;
824
+ color: var(--icon-color);
804
825
  }
805
- .Button-module__hop-Button___HoyYR .Button-module__hop-Button__icon-list___YOo9F,
806
- .Button-module__hop-Button___HoyYR .Button-module__hop-Button__end-icon-list___IkfOC {
826
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__icon-list___uV0To,
827
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__end-icon-list___4NYnd {
807
828
  flex-wrap: nowrap;
808
829
  }
809
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button___HoyYR > *:not(.Button-module__hop-Button__Spinner___5AdOy) {
830
+ .Button-module__hop-Button--loading___NMXIV.Button-module__hop-Button___cEzVI > *:not(.Button-module__hop-Button__Spinner___hSXad) {
810
831
  opacity: 0;
811
832
  }
812
833
 
813
834
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
814
- .ButtonGroup-module__hop-ButtonGroup___-uyOP {
835
+ .ButtonGroup-module__hop-ButtonGroup___5zANq {
815
836
  display: inline-flex;
816
837
  flex-wrap: nowrap;
817
838
  gap: var(--hop-space-inline-md);
818
839
  }
819
- .ButtonGroup-module__hop-ButtonGroup--horizontal___8rrIn {
840
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
820
841
  align-items: center;
821
842
  }
822
- .ButtonGroup-module__hop-ButtonGroup--vertical___51g1- {
843
+ .ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
823
844
  flex-direction: column;
824
845
  gap: var(--hop-space-stack-md);
825
846
  justify-content: center;
826
847
  }
827
- .ButtonGroup-module__hop-ButtonGroup--start___YXjh6.ButtonGroup-module__hop-ButtonGroup--vertical___51g1- {
848
+ .ButtonGroup-module__hop-ButtonGroup--start___2D3sy.ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
828
849
  align-items: flex-start;
829
850
  }
830
- .ButtonGroup-module__hop-ButtonGroup--center___FDQx6.ButtonGroup-module__hop-ButtonGroup--vertical___51g1- {
851
+ .ButtonGroup-module__hop-ButtonGroup--center___JLKps.ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
831
852
  align-items: center;
832
853
  }
833
- .ButtonGroup-module__hop-ButtonGroup--end___8dVTP.ButtonGroup-module__hop-ButtonGroup--vertical___51g1- {
854
+ .ButtonGroup-module__hop-ButtonGroup--end___jQ-rJ.ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
834
855
  align-items: flex-end;
835
856
  }
836
- .ButtonGroup-module__hop-ButtonGroup--start___YXjh6.ButtonGroup-module__hop-ButtonGroup--horizontal___8rrIn {
857
+ .ButtonGroup-module__hop-ButtonGroup--start___2D3sy.ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
837
858
  justify-content: flex-start;
838
859
  }
839
- .ButtonGroup-module__hop-ButtonGroup--center___FDQx6.ButtonGroup-module__hop-ButtonGroup--horizontal___8rrIn {
860
+ .ButtonGroup-module__hop-ButtonGroup--center___JLKps.ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
840
861
  justify-content: center;
841
862
  }
842
- .ButtonGroup-module__hop-ButtonGroup--end___8dVTP.ButtonGroup-module__hop-ButtonGroup--horizontal___8rrIn {
863
+ .ButtonGroup-module__hop-ButtonGroup--end___jQ-rJ.ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
843
864
  justify-content: flex-end;
844
865
  }
845
- .ButtonGroup-module__hop-ButtonGroup--wrap___GlXOh {
866
+ .ButtonGroup-module__hop-ButtonGroup--wrap___qf7s1 {
846
867
  flex-wrap: wrap;
847
868
  }
848
- .ButtonGroup-module__hop-ButtonGroup--fluid___2mgXn {
869
+ .ButtonGroup-module__hop-ButtonGroup--fluid___B2Sg7 {
849
870
  inline-size: 100%;
850
871
  }
851
872
 
852
873
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
853
- .EmbeddedButton-module__hop-EmbeddedButton___OilJ4 {
874
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04 {
854
875
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
855
876
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
856
877
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1014,7 +1035,7 @@
1014
1035
  outline: none;
1015
1036
  transition: color var(--transition);
1016
1037
  }
1017
- .EmbeddedButton-module__hop-EmbeddedButton___OilJ4::before {
1038
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04::before {
1018
1039
  content: "";
1019
1040
  position: absolute;
1020
1041
  inset-block-start: 50%;
@@ -1027,284 +1048,284 @@
1027
1048
  border-radius: var(--effect-border-radius);
1028
1049
  transition: background-color var(--transition);
1029
1050
  }
1030
- .EmbeddedButton-module__hop-EmbeddedButton___OilJ4[data-square] {
1051
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-square] {
1031
1052
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1032
1053
  }
1033
- .EmbeddedButton-module__hop-EmbeddedButton--md___B5EkB {
1054
+ .EmbeddedButton-module__hop-EmbeddedButton--md___ZbxcJ {
1034
1055
  --inline-size: var(--hop-EmbeddedButton-md-width);
1035
1056
  --block-size: var(--hop-EmbeddedButton-md-height);
1036
1057
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1037
1058
  }
1038
- .EmbeddedButton-module__hop-EmbeddedButton--lg___OFjPW {
1059
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___teVbX {
1039
1060
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1040
1061
  --block-size: var(--hop-EmbeddedButton-lg-height);
1041
1062
  --focus-ring-offset: 0;
1042
1063
  }
1043
- .EmbeddedButton-module__hop-EmbeddedButton--md___B5EkB::before {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--md___ZbxcJ::before {
1044
1065
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1045
1066
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1046
1067
  }
1047
- .EmbeddedButton-module__hop-EmbeddedButton--lg___OFjPW::before {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___teVbX::before {
1048
1069
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1049
1070
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1050
1071
  }
1051
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___4FlQj {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL {
1052
1073
  --color: var(--hop-EmbeddedButton-neutral-color);
1053
1074
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1054
1075
  }
1055
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bIEGQ {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR {
1056
1077
  --color: var(--hop-EmbeddedButton-subdued-color);
1057
1078
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1058
1079
  }
1059
- .EmbeddedButton-module__hop-EmbeddedButton--progress___sfd9Z {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od {
1060
1081
  --color: var(--hop-EmbeddedButton-progress-color);
1061
1082
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1062
1083
  }
1063
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JSkuI {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3 {
1064
1085
  --color: var(--hop-EmbeddedButton-positive-color);
1065
1086
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1066
1087
  }
1067
- .EmbeddedButton-module__hop-EmbeddedButton--caution___3fkg0 {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS {
1068
1089
  --color: var(--hop-EmbeddedButton-caution-color);
1069
1090
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1070
1091
  }
1071
- .EmbeddedButton-module__hop-EmbeddedButton--negative___cD6E6 {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4 {
1072
1093
  --color: var(--hop-EmbeddedButton-negative-color);
1073
1094
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1074
1095
  }
1075
- .EmbeddedButton-module__hop-EmbeddedButton--option1___IivZS {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf {
1076
1097
  --color: var(--hop-EmbeddedButton-option1-color);
1077
1098
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1078
1099
  }
1079
- .EmbeddedButton-module__hop-EmbeddedButton--option2___gXwYf {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l {
1080
1101
  --color: var(--hop-EmbeddedButton-option2-color);
1081
1102
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1082
1103
  }
1083
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PYu4q {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc {
1084
1105
  --color: var(--hop-EmbeddedButton-option3-color);
1085
1106
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1086
1107
  }
1087
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rrnk4 {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA {
1088
1109
  --color: var(--hop-EmbeddedButton-option4-color);
1089
1110
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1090
1111
  }
1091
- .EmbeddedButton-module__hop-EmbeddedButton--option5___P5Q7f {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM {
1092
1113
  --color: var(--hop-EmbeddedButton-option5-color);
1093
1114
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1094
1115
  }
1095
- .EmbeddedButton-module__hop-EmbeddedButton--option6___rYmrt {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5 {
1096
1117
  --color: var(--hop-EmbeddedButton-option6-color);
1097
1118
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1098
1119
  }
1099
- .EmbeddedButton-module__hop-EmbeddedButton___OilJ4[data-selected] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-selected] {
1100
1121
  --color: var(--hop-EmbeddedButton-selected-color);
1101
1122
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1102
1123
  }
1103
- .EmbeddedButton-module__hop-EmbeddedButton___OilJ4[data-focus-visible] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-focus-visible] {
1104
1125
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1105
1126
  outline-offset: var(--focus-ring-offset);
1106
1127
  }
1107
- .EmbeddedButton-module__hop-EmbeddedButton___OilJ4[data-disabled] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-disabled] {
1108
1129
  cursor: not-allowed;
1109
1130
  }
1110
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___4FlQj[data-hovered] {
1131
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-hovered] {
1111
1132
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1112
1133
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1113
1134
  }
1114
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___4FlQj[data-focus-visible] {
1135
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-focus-visible] {
1115
1136
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1116
1137
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1117
1138
  }
1118
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___4FlQj[data-pressed] {
1139
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-pressed] {
1119
1140
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1120
1141
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1121
1142
  }
1122
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___4FlQj[data-disabled] {
1143
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-disabled] {
1123
1144
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1124
1145
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1125
1146
  }
1126
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bIEGQ[data-hovered] {
1147
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-hovered] {
1127
1148
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1128
1149
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1129
1150
  }
1130
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bIEGQ[data-focus-visible] {
1151
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-focus-visible] {
1131
1152
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1132
1153
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1133
1154
  }
1134
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bIEGQ[data-pressed] {
1155
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-pressed] {
1135
1156
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1136
1157
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1137
1158
  }
1138
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___bIEGQ[data-disabled] {
1159
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-disabled] {
1139
1160
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1140
1161
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1141
1162
  }
1142
- .EmbeddedButton-module__hop-EmbeddedButton--progress___sfd9Z[data-hovered] {
1163
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-hovered] {
1143
1164
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1144
1165
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1145
1166
  }
1146
- .EmbeddedButton-module__hop-EmbeddedButton--progress___sfd9Z[data-focus-visible] {
1167
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-focus-visible] {
1147
1168
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1148
1169
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1149
1170
  }
1150
- .EmbeddedButton-module__hop-EmbeddedButton--progress___sfd9Z[data-pressed] {
1171
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-pressed] {
1151
1172
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1152
1173
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1153
1174
  }
1154
- .EmbeddedButton-module__hop-EmbeddedButton--progress___sfd9Z[data-disabled] {
1175
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-disabled] {
1155
1176
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1156
1177
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1157
1178
  }
1158
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JSkuI[data-hovered] {
1179
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-hovered] {
1159
1180
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1160
1181
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1161
1182
  }
1162
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JSkuI[data-focus-visible] {
1183
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-focus-visible] {
1163
1184
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1164
1185
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1165
1186
  }
1166
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JSkuI[data-pressed] {
1187
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-pressed] {
1167
1188
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1168
1189
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1169
1190
  }
1170
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JSkuI[data-disabled] {
1191
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-disabled] {
1171
1192
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1172
1193
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1173
1194
  }
1174
- .EmbeddedButton-module__hop-EmbeddedButton--caution___3fkg0[data-hovered] {
1195
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-hovered] {
1175
1196
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1176
1197
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1177
1198
  }
1178
- .EmbeddedButton-module__hop-EmbeddedButton--caution___3fkg0[data-focus-visible] {
1199
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-focus-visible] {
1179
1200
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1180
1201
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1181
1202
  }
1182
- .EmbeddedButton-module__hop-EmbeddedButton--caution___3fkg0[data-pressed] {
1203
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-pressed] {
1183
1204
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1184
1205
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1185
1206
  }
1186
- .EmbeddedButton-module__hop-EmbeddedButton--caution___3fkg0[data-disabled] {
1207
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-disabled] {
1187
1208
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1188
1209
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1189
1210
  }
1190
- .EmbeddedButton-module__hop-EmbeddedButton--negative___cD6E6[data-hovered] {
1211
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-hovered] {
1191
1212
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1192
1213
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1193
1214
  }
1194
- .EmbeddedButton-module__hop-EmbeddedButton--negative___cD6E6[data-focus-visible] {
1215
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-focus-visible] {
1195
1216
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1196
1217
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1197
1218
  }
1198
- .EmbeddedButton-module__hop-EmbeddedButton--negative___cD6E6[data-pressed] {
1219
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-pressed] {
1199
1220
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1200
1221
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1201
1222
  }
1202
- .EmbeddedButton-module__hop-EmbeddedButton--negative___cD6E6[data-disabled] {
1223
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-disabled] {
1203
1224
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1204
1225
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1205
1226
  }
1206
- .EmbeddedButton-module__hop-EmbeddedButton--option1___IivZS[data-hovered] {
1227
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-hovered] {
1207
1228
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1208
1229
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1209
1230
  }
1210
- .EmbeddedButton-module__hop-EmbeddedButton--option1___IivZS[data-focus-visible] {
1231
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-focus-visible] {
1211
1232
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1212
1233
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1213
1234
  }
1214
- .EmbeddedButton-module__hop-EmbeddedButton--option1___IivZS[data-pressed] {
1235
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-pressed] {
1215
1236
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1216
1237
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1217
1238
  }
1218
- .EmbeddedButton-module__hop-EmbeddedButton--option1___IivZS[data-disabled] {
1239
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-disabled] {
1219
1240
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1220
1241
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1221
1242
  }
1222
- .EmbeddedButton-module__hop-EmbeddedButton--option2___gXwYf[data-hovered] {
1243
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-hovered] {
1223
1244
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1224
1245
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1225
1246
  }
1226
- .EmbeddedButton-module__hop-EmbeddedButton--option2___gXwYf[data-focus-visible] {
1247
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-focus-visible] {
1227
1248
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1228
1249
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1229
1250
  }
1230
- .EmbeddedButton-module__hop-EmbeddedButton--option2___gXwYf[data-pressed] {
1251
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-pressed] {
1231
1252
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1232
1253
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1233
1254
  }
1234
- .EmbeddedButton-module__hop-EmbeddedButton--option2___gXwYf[data-disabled] {
1255
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-disabled] {
1235
1256
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1236
1257
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1237
1258
  }
1238
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PYu4q[data-hovered] {
1259
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-hovered] {
1239
1260
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1240
1261
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1241
1262
  }
1242
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PYu4q[data-focus-visible] {
1263
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-focus-visible] {
1243
1264
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1244
1265
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1245
1266
  }
1246
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PYu4q[data-pressed] {
1267
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-pressed] {
1247
1268
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1248
1269
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1249
1270
  }
1250
- .EmbeddedButton-module__hop-EmbeddedButton--option3___PYu4q[data-disabled] {
1271
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-disabled] {
1251
1272
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1252
1273
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1253
1274
  }
1254
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rrnk4[data-hovered] {
1275
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-hovered] {
1255
1276
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1256
1277
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1257
1278
  }
1258
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rrnk4[data-focus-visible] {
1279
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-focus-visible] {
1259
1280
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1260
1281
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1261
1282
  }
1262
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rrnk4[data-pressed] {
1283
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-pressed] {
1263
1284
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1264
1285
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1265
1286
  }
1266
- .EmbeddedButton-module__hop-EmbeddedButton--option4___rrnk4[data-disabled] {
1287
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-disabled] {
1267
1288
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1268
1289
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1269
1290
  }
1270
- .EmbeddedButton-module__hop-EmbeddedButton--option5___P5Q7f[data-hovered] {
1291
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-hovered] {
1271
1292
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1272
1293
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1273
1294
  }
1274
- .EmbeddedButton-module__hop-EmbeddedButton--option5___P5Q7f[data-focus-visible] {
1295
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-focus-visible] {
1275
1296
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1276
1297
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1277
1298
  }
1278
- .EmbeddedButton-module__hop-EmbeddedButton--option5___P5Q7f[data-pressed] {
1299
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-pressed] {
1279
1300
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1280
1301
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1281
1302
  }
1282
- .EmbeddedButton-module__hop-EmbeddedButton--option5___P5Q7f[data-disabled] {
1303
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-disabled] {
1283
1304
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1284
1305
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1285
1306
  }
1286
- .EmbeddedButton-module__hop-EmbeddedButton--option6___rYmrt[data-hovered] {
1307
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-hovered] {
1287
1308
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1288
1309
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1289
1310
  }
1290
- .EmbeddedButton-module__hop-EmbeddedButton--option6___rYmrt[data-focus-visible] {
1311
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-focus-visible] {
1291
1312
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1292
1313
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1293
1314
  }
1294
- .EmbeddedButton-module__hop-EmbeddedButton--option6___rYmrt[data-pressed] {
1315
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-pressed] {
1295
1316
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1296
1317
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1297
1318
  }
1298
- .EmbeddedButton-module__hop-EmbeddedButton--option6___rYmrt[data-disabled] {
1319
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-disabled] {
1299
1320
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1300
1321
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1301
1322
  }
1302
- .EmbeddedButton-module__hop-EmbeddedButton__icon___wPmUf {
1323
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___DFFQL {
1303
1324
  position: relative;
1304
1325
  }
1305
1326
 
1306
1327
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1307
- button.CloseButton-module__hop-CloseButton___fjCfH {
1328
+ button.CloseButton-module__hop-CloseButton___yVMjd {
1308
1329
  --hop-CloseButton-margin-top: 0rem;
1309
1330
  --hop-CloseButton-padding: 0rem;
1310
1331
  --hop-CloseButton-width: fit-content;
@@ -1318,8 +1339,8 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
1318
1339
  }
1319
1340
 
1320
1341
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1321
- .Button-module__hop-Button___HoyYR {
1322
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1342
+ .Button-module__hop-Button___cEzVI {
1343
+ --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1323
1344
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1324
1345
  --hop-Button-icon-only-column-gap: 0;
1325
1346
  --hop-Button-outline-size: var(--hop-space-20);
@@ -1334,42 +1355,23 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
1334
1355
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1335
1356
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1336
1357
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1337
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1338
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1339
1358
  --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1340
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1341
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1342
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1343
1359
  --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1344
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1345
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1346
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1347
1360
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1348
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1349
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1350
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1351
1361
  --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1352
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1353
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1354
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1355
1362
  --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1356
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1357
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1358
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1359
1363
  --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1360
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1361
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1362
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1363
1364
  --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1364
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1365
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1366
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1367
1365
  --inline-size: max-content;
1368
1366
  --block-size: var(--hop-Button-md-height);
1369
- --background-color: var(--hop-primary-surface-strong);
1367
+ --background: var(--hop-primary-surface-strong);
1370
1368
  --color: var(--hop-primary-text-strong);
1369
+ --icon-color: var(--color);
1371
1370
  --column-gap: var(--hop-Button-column-gap);
1372
1371
  --spinner: var(--hop-primary-icon-strong);
1372
+ --background-loading: var(--background);
1373
+ --border-color-loading: transparent;
1374
+ --box-shadow-loading: none;
1373
1375
  --border: 0;
1374
1376
  --padding: var(--hop-Button-md-padding);
1375
1377
  --box-shadow: none;
@@ -1387,7 +1389,7 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
1387
1389
  color: var(--color);
1388
1390
  text-decoration: none;
1389
1391
  white-space: nowrap;
1390
- background-color: var(--background-color);
1392
+ background: var(--background);
1391
1393
  border: var(--border);
1392
1394
  border-radius: var(--hop-comp-button-border-radius);
1393
1395
  outline: none;
@@ -1398,220 +1400,255 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
1398
1400
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1399
1401
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1400
1402
  }
1401
- .Button-module__hop-Button--fluid___03Inx {
1403
+ .Button-module__hop-Button--fluid___HUhhp {
1402
1404
  --inline-size: 100%;
1403
1405
  }
1404
- .Button-module__hop-Button--xs___wswk1 {
1406
+ .Button-module__hop-Button--xs___PF56K {
1405
1407
  --block-size: var(--hop-Button-xs-height);
1406
1408
  --padding: var(--hop-Button-xs-padding);
1407
1409
  }
1408
- .Button-module__hop-Button--xs___wswk1[class*=--ghost] {
1410
+ .Button-module__hop-Button--xs___PF56K[class*=--ghost] {
1409
1411
  --padding: var(--hop-Button-ghost-xs-padding);
1410
1412
  }
1411
- .Button-module__hop-Button--sm___XtUpX {
1413
+ .Button-module__hop-Button--sm___FlTAw {
1412
1414
  --block-size: var(--hop-Button-sm-height);
1413
1415
  --padding: var(--hop-Button-sm-padding);
1414
1416
  }
1415
- .Button-module__hop-Button--sm___XtUpX[class*=--ghost] {
1417
+ .Button-module__hop-Button--sm___FlTAw[class*=--ghost] {
1416
1418
  --padding: var(--hop-Button-ghost-sm-padding);
1417
1419
  }
1418
- .Button-module__hop-Button--md___0r9kO[class*=--ghost] {
1420
+ .Button-module__hop-Button--md___jnsk-[class*=--ghost] {
1419
1421
  --padding: var(--hop-Button-ghost-md-padding);
1420
1422
  }
1421
- .Button-module__hop-Button--icon-only___1gkCT {
1423
+ .Button-module__hop-Button--icon-only___7-yVF {
1422
1424
  --column-gap: var(--hop-Button-icon-only-column-gap);
1423
1425
  --padding: var(--hop-Button-icon-only-padding);
1424
1426
  aspect-ratio: 1;
1425
1427
  }
1426
- .Button-module__hop-Button--primary___y7dMa {
1427
- --background-color: var(--hop-comp-button-primary-background-color);
1428
+ .Button-module__hop-Button--primary___U1xEj {
1429
+ --background: var(--hop-comp-button-primary-background);
1428
1430
  --color: var(--hop-comp-button-primary-text-color);
1431
+ --icon-color: var(--hop-comp-button-primary-icon-color);
1429
1432
  --border: var(--hop-Button-primary-border);
1430
- --spinner-color: var(--hop-Button-primary-spinner-color);
1433
+ --color-loading: var(--hop-comp-button-primary-color-loading);
1434
+ --background-loading: var(--hop-comp-button-primary-background-loading);
1435
+ --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
1436
+ --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1431
1437
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1432
1438
  }
1433
- .Button-module__hop-Button--primary___y7dMa[data-hovered],
1434
- .Button-module__hop-Button--primary___y7dMa[data-focus-visible] {
1435
- --background-color: var(--hop-comp-button-primary-background-color-hover);
1439
+ .Button-module__hop-Button--primary___U1xEj[data-hovered],
1440
+ .Button-module__hop-Button--primary___U1xEj[data-focus-visible] {
1441
+ --background: var(--hop-comp-button-primary-background-hover);
1436
1442
  --color: var(--hop-comp-button-primary-text-color-hover);
1437
- --border: var(--hop-Button-primary-border-hover);
1443
+ --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1444
+ --border: var(--hop-Button-primary-border);
1438
1445
  }
1439
- .Button-module__hop-Button--primary___y7dMa[data-pressed] {
1440
- --background-color: var(--hop-comp-button-primary-background-color-pressed);
1446
+ .Button-module__hop-Button--primary___U1xEj[data-pressed] {
1447
+ --background: var(--hop-comp-button-primary-background-pressed);
1441
1448
  --color: var(--hop-comp-button-primary-text-color-pressed);
1442
- --border: var(--hop-Button-primary-border-pressed);
1449
+ --icon-color: var(--hop-comp-button-primary-icon-color-press);
1450
+ --border: var(--hop-Button-primary-border);
1443
1451
  }
1444
- .Button-module__hop-Button--secondary___UKGLd {
1445
- --background-color: var(--hop-comp-button-secondary-background-color);
1452
+ .Button-module__hop-Button--secondary___Pu8fi {
1453
+ --background: var(--hop-comp-button-secondary-background);
1446
1454
  --color: var(--hop-comp-button-secondary-text-color);
1455
+ --icon-color: var(--hop-comp-button-secondary-icon-color);
1447
1456
  --border: var(--hop-Button-secondary-border);
1448
- --spinner-color: var(--hop-Button-secondary-spinner-color);
1457
+ --color-loading: var(--hop-comp-button-secondary-color-loading);
1458
+ --background-loading: var(--hop-comp-button-secondary-background-loading);
1459
+ --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
1460
+ --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1449
1461
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1450
1462
  }
1451
- .Button-module__hop-Button--secondary___UKGLd[data-hovered],
1452
- .Button-module__hop-Button--secondary___UKGLd[data-focus-visible] {
1453
- --background-color: var(--hop-comp-button-secondary-background-color-hover);
1463
+ .Button-module__hop-Button--secondary___Pu8fi[data-hovered],
1464
+ .Button-module__hop-Button--secondary___Pu8fi[data-focus-visible] {
1465
+ --background: var(--hop-comp-button-secondary-background-hover);
1454
1466
  --color: var(--hop-comp-button-secondary-text-color-hover);
1455
- --border: var(--hop-Button-secondary-border-hover);
1467
+ --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1468
+ --border: var(--hop-Button-secondary-border);
1456
1469
  }
1457
- .Button-module__hop-Button--secondary___UKGLd[data-pressed] {
1458
- --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1470
+ .Button-module__hop-Button--secondary___Pu8fi[data-pressed] {
1471
+ --background: var(--hop-comp-button-secondary-background-pressed);
1459
1472
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1460
- --border: var(--hop-Button-secondary-border-pressed);
1473
+ --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1474
+ --border: var(--hop-Button-secondary-border);
1461
1475
  }
1462
- .Button-module__hop-Button--upsell___bdwUF {
1463
- --background-color: var(--hop-comp-button-upsell-background-color);
1476
+ .Button-module__hop-Button--upsell___O6xUd {
1477
+ --background: var(--hop-comp-button-upsell-background);
1464
1478
  --color: var(--hop-comp-button-upsell-text-color);
1479
+ --icon-color: var(--hop-comp-button-upsell-icon-color);
1465
1480
  --border: var(--hop-Button-upsell-border);
1466
- --spinner-color: var(--hop-Button-upsell-spinner-color);
1481
+ --color-loading: var(--hop-comp-button-upsell-color-loading);
1482
+ --background-loading: var(--hop-comp-button-upsell-background-loading);
1483
+ --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
1484
+ --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1467
1485
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1468
1486
  }
1469
- .Button-module__hop-Button--upsell___bdwUF[data-hovered],
1470
- .Button-module__hop-Button--upsell___bdwUF[data-focus-visible] {
1471
- --background-color: var(--hop-comp-button-upsell-background-color-hover);
1487
+ .Button-module__hop-Button--upsell___O6xUd[data-hovered],
1488
+ .Button-module__hop-Button--upsell___O6xUd[data-focus-visible] {
1489
+ --background: var(--hop-comp-button-upsell-background-hover);
1472
1490
  --color: var(--hop-comp-button-upsell-text-color-hover);
1473
- --border: var(--hop-Button-upsell-border-hover);
1491
+ --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1492
+ --border: var(--hop-Button-upsell-border);
1474
1493
  }
1475
- .Button-module__hop-Button--upsell___bdwUF[data-pressed] {
1476
- --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1494
+ .Button-module__hop-Button--upsell___O6xUd[data-pressed] {
1495
+ --background: var(--hop-comp-button-upsell-background-pressed);
1477
1496
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1478
- --border: var(--hop-Button-upsell-border-pressed);
1497
+ --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1498
+ --border: var(--hop-Button-upsell-border);
1479
1499
  }
1480
- .Button-module__hop-Button--danger___f5awN {
1481
- --background-color: var(--hop-comp-button-danger-background-color);
1500
+ .Button-module__hop-Button--danger___9Bdk4 {
1501
+ --background: var(--hop-comp-button-danger-background);
1482
1502
  --color: var(--hop-comp-button-danger-text-color);
1503
+ --icon-color: var(--hop-comp-button-danger-icon-color);
1483
1504
  --border: var(--hop-Button-danger-border);
1484
- --spinner-color: var(--hop-Button-danger-spinner-color);
1505
+ --color-loading: var(--hop-comp-button-danger-color-loading);
1506
+ --background-loading: var(--hop-comp-button-danger-background-loading);
1507
+ --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
1508
+ --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1485
1509
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1486
1510
  }
1487
- .Button-module__hop-Button--danger___f5awN[data-hovered],
1488
- .Button-module__hop-Button--danger___f5awN[data-focus-visible] {
1489
- --background-color: var(--hop-comp-button-danger-background-color-hover);
1511
+ .Button-module__hop-Button--danger___9Bdk4[data-hovered],
1512
+ .Button-module__hop-Button--danger___9Bdk4[data-focus-visible] {
1513
+ --background: var(--hop-comp-button-danger-background-hover);
1490
1514
  --color: var(--hop-comp-button-danger-text-color-hover);
1491
- --border: var(--hop-Button-danger-border-hover);
1515
+ --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1516
+ --border: var(--hop-Button-danger-border);
1492
1517
  }
1493
- .Button-module__hop-Button--danger___f5awN[data-pressed] {
1494
- --background-color: var(--hop-comp-button-danger-background-color-pressed);
1518
+ .Button-module__hop-Button--danger___9Bdk4[data-pressed] {
1519
+ --background: var(--hop-comp-button-danger-background-pressed);
1495
1520
  --color: var(--hop-comp-button-danger-text-color-pressed);
1496
- --border: var(--hop-Button-danger-border-pressed);
1521
+ --icon-color: var(--hop-comp-button-danger-icon-color-press);
1522
+ --border: var(--hop-Button-danger-border);
1497
1523
  }
1498
- .Button-module__hop-Button--ghost-primary___ush5X {
1499
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1524
+ .Button-module__hop-Button--ghost-primary___UXsJi {
1525
+ --background: var(--hop-comp-button-ghost-primary-background);
1500
1526
  --color: var(--hop-comp-button-ghost-primary-text-color);
1527
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
1501
1528
  --border: var(--hop-Button-ghost-primary-border);
1502
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1529
+ --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
1530
+ --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
1531
+ --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
1532
+ --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1503
1533
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1504
1534
  }
1505
- .Button-module__hop-Button--ghost-primary___ush5X[data-hovered],
1506
- .Button-module__hop-Button--ghost-primary___ush5X[data-focus-visible] {
1507
- --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1535
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-hovered],
1536
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-focus-visible] {
1537
+ --background: var(--hop-comp-button-ghost-primary-background-hover);
1508
1538
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1509
- --border: var(--hop-Button-ghost-primary-border-hover);
1539
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1540
+ --border: var(--hop-Button-ghost-primary-border);
1510
1541
  }
1511
- .Button-module__hop-Button--ghost-primary___ush5X[data-pressed] {
1512
- --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1542
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-pressed] {
1543
+ --background: var(--hop-comp-button-ghost-primary-background-pressed);
1513
1544
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1514
- --border: var(--hop-Button-ghost-primary-border-pressed);
1545
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1546
+ --border: var(--hop-Button-ghost-primary-border);
1515
1547
  }
1516
- .Button-module__hop-Button--ghost-secondary___62Cr1 {
1517
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1548
+ .Button-module__hop-Button--ghost-secondary___toGp0 {
1549
+ --background: var(--hop-comp-button-ghost-secondary-background);
1518
1550
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1551
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
1519
1552
  --border: var(--hop-Button-ghost-secondary-border);
1520
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1553
+ --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
1554
+ --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
1555
+ --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
1556
+ --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1521
1557
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1522
1558
  }
1523
- .Button-module__hop-Button--ghost-secondary___62Cr1[data-hovered],
1524
- .Button-module__hop-Button--ghost-secondary___62Cr1[data-focus-visible] {
1525
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1559
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-hovered],
1560
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-focus-visible] {
1561
+ --background: var(--hop-comp-button-ghost-secondary-background-hover);
1526
1562
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1527
- --border: var(--hop-Button-ghost-secondary-border-hover);
1563
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1564
+ --border: var(--hop-Button-ghost-secondary-border);
1528
1565
  }
1529
- .Button-module__hop-Button--ghost-secondary___62Cr1[data-pressed] {
1530
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1566
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-pressed] {
1567
+ --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1531
1568
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1532
- --border: var(--hop-Button-ghost-secondary-border-pressed);
1569
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1570
+ --border: var(--hop-Button-ghost-secondary-border);
1533
1571
  }
1534
- .Button-module__hop-Button--ghost-danger___3O7jl {
1535
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1572
+ .Button-module__hop-Button--ghost-danger___wshP- {
1573
+ --background: var(--hop-comp-button-ghost-danger-background);
1536
1574
  --color: var(--hop-comp-button-ghost-danger-text-color);
1575
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
1537
1576
  --border: var(--hop-Button-ghost-danger-border);
1538
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1577
+ --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
1578
+ --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
1579
+ --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
1580
+ --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1539
1581
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1540
1582
  }
1541
- .Button-module__hop-Button--ghost-danger___3O7jl[data-hovered],
1542
- .Button-module__hop-Button--ghost-danger___3O7jl[data-focus-visible] {
1543
- --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1583
+ .Button-module__hop-Button--ghost-danger___wshP-[data-hovered],
1584
+ .Button-module__hop-Button--ghost-danger___wshP-[data-focus-visible] {
1585
+ --background: var(--hop-comp-button-ghost-danger-background-hover);
1544
1586
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1545
- --border: var(--hop-Button-ghost-danger-border-hover);
1587
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1588
+ --border: var(--hop-Button-ghost-danger-border);
1546
1589
  }
1547
- .Button-module__hop-Button--ghost-danger___3O7jl[data-pressed] {
1548
- --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1590
+ .Button-module__hop-Button--ghost-danger___wshP-[data-pressed] {
1591
+ --background: var(--hop-comp-button-ghost-danger-background-pressed);
1549
1592
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1550
- --border: var(--hop-Button-ghost-danger-border-pressed);
1593
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1594
+ --border: var(--hop-Button-ghost-danger-border);
1551
1595
  }
1552
- .Button-module__hop-Button___HoyYR[data-focus-visible] {
1596
+ .Button-module__hop-Button___cEzVI[data-focus-visible] {
1553
1597
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1554
1598
  }
1555
- .Button-module__hop-Button___HoyYR[data-disabled],
1556
- .Button-module__hop-Button--loading___IdSFm {
1599
+ .Button-module__hop-Button___cEzVI[data-disabled],
1600
+ .Button-module__hop-Button--loading___NMXIV {
1557
1601
  cursor: not-allowed;
1558
1602
  }
1559
- .Button-module__hop-Button___HoyYR[data-disabled] {
1560
- --background-color: var(--hop-comp-button-disabled-background-color);
1561
- --color: var(--hop-comp-button-disabled-text-color);
1562
- --border: var(--hop-Button-border-disabled);
1603
+ .Button-module__hop-Button___cEzVI[data-disabled] {
1604
+ --color: var(--hop-comp-button-text-color-disabled);
1605
+ --icon-color: var(--hop-comp-button-icon-color-disabled);
1563
1606
  }
1564
- .Button-module__hop-Button___HoyYR[class*=--ghost][data-disabled] {
1565
- --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1566
- --color: var(--hop-comp-button-ghost-disabled-text-color);
1567
- --border: var(--hop-Button-ghost-border-disabled);
1607
+ .Button-module__hop-Button--primary___U1xEj[data-disabled] {
1608
+ --background: var(--hop-comp-button-primary-background-disabled);
1609
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1568
1610
  }
1569
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--primary___y7dMa {
1570
- --background-color: var(--hop-comp-button-primary-background-color);
1571
- --color: var(--hop-comp-button-primary-text-color);
1572
- --border: var(--hop-Button-primary-border);
1611
+ .Button-module__hop-Button--secondary___Pu8fi[data-disabled] {
1612
+ --background: var(--hop-comp-button-secondary-background-disabled);
1613
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1573
1614
  }
1574
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--secondary___UKGLd {
1575
- --background-color: var(--hop-comp-button-secondary-background-color);
1576
- --color: var(--hop-comp-button-secondary-text-color);
1577
- --border: var(--hop-Button-secondary-border);
1615
+ .Button-module__hop-Button--upsell___O6xUd[data-disabled] {
1616
+ --background: var(--hop-comp-button-upsell-background-disabled);
1617
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1578
1618
  }
1579
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--upsell___bdwUF {
1580
- --background-color: var(--hop-comp-button-upsell-background-color);
1581
- --color: var(--hop-comp-button-upsell-text-color);
1582
- --border: var(--hop-Button-upsell-border);
1619
+ .Button-module__hop-Button--danger___9Bdk4[data-disabled] {
1620
+ --background: var(--hop-comp-button-danger-background-disabled);
1621
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1583
1622
  }
1584
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--danger___f5awN {
1585
- --background-color: var(--hop-comp-button-danger-background-color);
1586
- --color: var(--hop-comp-button-danger-text-color);
1587
- --border: var(--hop-Button-danger-border);
1623
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-disabled] {
1624
+ --background: var(--hop-comp-button-ghost-primary-background-disabled);
1625
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1588
1626
  }
1589
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-primary___ush5X {
1590
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1591
- --color: var(--hop-comp-button-ghost-primary-text-color);
1592
- --border: var(--hop-Button-ghost-primary-border);
1627
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-disabled] {
1628
+ --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1629
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1593
1630
  }
1594
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-secondary___62Cr1 {
1595
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1596
- --color: var(--hop-comp-button-ghost-secondary-text-color);
1597
- --border: var(--hop-Button-ghost-secondary-border);
1631
+ .Button-module__hop-Button--ghost-danger___wshP-[data-disabled] {
1632
+ --background: var(--hop-comp-button-ghost-danger-background-disabled);
1633
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1598
1634
  }
1599
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-danger___3O7jl {
1600
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1601
- --color: var(--hop-comp-button-ghost-danger-text-color);
1602
- --border: var(--hop-Button-ghost-danger-border);
1635
+ .Button-module__hop-Button--loading___NMXIV {
1636
+ background: var(--background-loading);
1637
+ color: var(--color-loading);
1638
+ border-color: var(--border-color-loading);
1639
+ box-shadow: var(--box-shadow-loading);
1603
1640
  }
1604
- .Button-module__hop-Button__Spinner___5AdOy {
1641
+ .Button-module__hop-Button__Spinner___hSXad {
1605
1642
  position: absolute;
1606
- color: var(--spinner-color);
1607
1643
  }
1608
- .Button-module__hop-Button__icon___d5IZl,
1609
- .Button-module__hop-Button__icon-list___YOo9F {
1644
+ .Button-module__hop-Button__icon___koGX2,
1645
+ .Button-module__hop-Button__icon-list___uV0To {
1610
1646
  flex: 0 0 auto;
1611
1647
  justify-self: end;
1612
1648
  order: 1;
1649
+ color: var(--icon-color);
1613
1650
  }
1614
- .Button-module__hop-Button__text___1XHXr {
1651
+ .Button-module__hop-Button__text___yWZed {
1615
1652
  user-select: none;
1616
1653
  overflow: visible;
1617
1654
  flex: 0 1 auto;
@@ -1620,60 +1657,61 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
1620
1657
  text-decoration: none;
1621
1658
  text-wrap: nowrap;
1622
1659
  }
1623
- .Button-module__hop-Button__end-icon___-wk-2,
1624
- .Button-module__hop-Button__end-icon-list___IkfOC {
1660
+ .Button-module__hop-Button__end-icon___r5rxu,
1661
+ .Button-module__hop-Button__end-icon-list___4NYnd {
1625
1662
  flex: 0 0 auto;
1626
1663
  order: 3;
1664
+ color: var(--icon-color);
1627
1665
  }
1628
- .Button-module__hop-Button___HoyYR .Button-module__hop-Button__icon-list___YOo9F,
1629
- .Button-module__hop-Button___HoyYR .Button-module__hop-Button__end-icon-list___IkfOC {
1666
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__icon-list___uV0To,
1667
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__end-icon-list___4NYnd {
1630
1668
  flex-wrap: nowrap;
1631
1669
  }
1632
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button___HoyYR > *:not(.Button-module__hop-Button__Spinner___5AdOy) {
1670
+ .Button-module__hop-Button--loading___NMXIV.Button-module__hop-Button___cEzVI > *:not(.Button-module__hop-Button__Spinner___hSXad) {
1633
1671
  opacity: 0;
1634
1672
  }
1635
- .LinkButton-module__hop-LinkButton___dulii {
1673
+ .LinkButton-module__hop-LinkButton___4pRd6 {
1636
1674
  }
1637
- .LinkButton-module__hop-LinkButton--fluid___wQ-1X {
1675
+ .LinkButton-module__hop-LinkButton--fluid___rBt2G {
1638
1676
  }
1639
- .LinkButton-module__hop-LinkButton--xs___udSNT {
1677
+ .LinkButton-module__hop-LinkButton--xs___0xYG6 {
1640
1678
  }
1641
- .LinkButton-module__hop-LinkButton--sm___GdZ1b {
1679
+ .LinkButton-module__hop-LinkButton--sm___qwfob {
1642
1680
  }
1643
- .LinkButton-module__hop-LinkButton--icon-only___Voyus {
1681
+ .LinkButton-module__hop-LinkButton--icon-only___ou3mG {
1644
1682
  }
1645
- .LinkButton-module__hop-LinkButton--primary___0dkyZ {
1683
+ .LinkButton-module__hop-LinkButton--primary___t-0GJ {
1646
1684
  }
1647
- .LinkButton-module__hop-LinkButton--secondary___Sbqu7 {
1685
+ .LinkButton-module__hop-LinkButton--secondary___-K2CM {
1648
1686
  }
1649
- .LinkButton-module__hop-LinkButton--upsell___BoMUo {
1687
+ .LinkButton-module__hop-LinkButton--upsell___6jTyS {
1650
1688
  }
1651
- .LinkButton-module__hop-LinkButton--danger___5uYo2 {
1689
+ .LinkButton-module__hop-LinkButton--danger___ZCmE- {
1652
1690
  }
1653
- .LinkButton-module__hop-LinkButton--ghost-primary___3JTDa {
1691
+ .LinkButton-module__hop-LinkButton--ghost-primary___BrkzP {
1654
1692
  }
1655
- .LinkButton-module__hop-LinkButton--ghost-secondary___5A-jO {
1693
+ .LinkButton-module__hop-LinkButton--ghost-secondary___3Ugzf {
1656
1694
  }
1657
- .LinkButton-module__hop-LinkButton--ghost-danger___ukSEI {
1695
+ .LinkButton-module__hop-LinkButton--ghost-danger___fdfw8 {
1658
1696
  }
1659
- .LinkButton-module__hop-LinkButton__Spinner___E6i1J {
1697
+ .LinkButton-module__hop-LinkButton__Spinner___oSxtF {
1660
1698
  }
1661
- .LinkButton-module__hop-LinkButton__icon___jxzBn,
1662
- .LinkButton-module__hop-LinkButton__icon-list___AAhGV {
1699
+ .LinkButton-module__hop-LinkButton__icon___f9H5Z,
1700
+ .LinkButton-module__hop-LinkButton__icon-list___Wu1vd {
1663
1701
  }
1664
- .LinkButton-module__hop-LinkButton__text___ZBKzm {
1702
+ .LinkButton-module__hop-LinkButton__text___lMB-T {
1665
1703
  }
1666
- .LinkButton-module__hop-LinkButton__end-icon___iogCz,
1667
- .LinkButton-module__hop-LinkButton__end-icon-list___TyadO {
1704
+ .LinkButton-module__hop-LinkButton__end-icon___ZZPU5,
1705
+ .LinkButton-module__hop-LinkButton__end-icon-list___XjihH {
1668
1706
  }
1669
- .LinkButton-module__hop-LinkButton___dulii .LinkButton-module__hop-LinkButton__icon-list___AAhGV,
1670
- .LinkButton-module__hop-LinkButton___dulii .LinkButton-module__hop-LinkButton__end-icon-list___TyadO {
1707
+ .LinkButton-module__hop-LinkButton___4pRd6 .LinkButton-module__hop-LinkButton__icon-list___Wu1vd,
1708
+ .LinkButton-module__hop-LinkButton___4pRd6 .LinkButton-module__hop-LinkButton__end-icon-list___XjihH {
1671
1709
  flex-wrap: nowrap;
1672
1710
  }
1673
1711
 
1674
1712
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1675
- .Button-module__hop-Button___HoyYR {
1676
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1713
+ .Button-module__hop-Button___cEzVI {
1714
+ --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1677
1715
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1678
1716
  --hop-Button-icon-only-column-gap: 0;
1679
1717
  --hop-Button-outline-size: var(--hop-space-20);
@@ -1688,42 +1726,23 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
1688
1726
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1689
1727
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1690
1728
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1691
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1692
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1693
1729
  --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1694
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1695
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1696
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1697
1730
  --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1698
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1699
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1700
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1701
1731
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1702
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1703
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1704
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1705
1732
  --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1706
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1707
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1708
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1709
1733
  --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1710
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1711
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1712
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1713
1734
  --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1714
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1715
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1716
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1717
1735
  --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1718
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1719
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1720
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1721
1736
  --inline-size: max-content;
1722
1737
  --block-size: var(--hop-Button-md-height);
1723
- --background-color: var(--hop-primary-surface-strong);
1738
+ --background: var(--hop-primary-surface-strong);
1724
1739
  --color: var(--hop-primary-text-strong);
1740
+ --icon-color: var(--color);
1725
1741
  --column-gap: var(--hop-Button-column-gap);
1726
1742
  --spinner: var(--hop-primary-icon-strong);
1743
+ --background-loading: var(--background);
1744
+ --border-color-loading: transparent;
1745
+ --box-shadow-loading: none;
1727
1746
  --border: 0;
1728
1747
  --padding: var(--hop-Button-md-padding);
1729
1748
  --box-shadow: none;
@@ -1741,7 +1760,7 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
1741
1760
  color: var(--color);
1742
1761
  text-decoration: none;
1743
1762
  white-space: nowrap;
1744
- background-color: var(--background-color);
1763
+ background: var(--background);
1745
1764
  border: var(--border);
1746
1765
  border-radius: var(--hop-comp-button-border-radius);
1747
1766
  outline: none;
@@ -1752,220 +1771,255 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
1752
1771
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1753
1772
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1754
1773
  }
1755
- .Button-module__hop-Button--fluid___03Inx {
1774
+ .Button-module__hop-Button--fluid___HUhhp {
1756
1775
  --inline-size: 100%;
1757
1776
  }
1758
- .Button-module__hop-Button--xs___wswk1 {
1777
+ .Button-module__hop-Button--xs___PF56K {
1759
1778
  --block-size: var(--hop-Button-xs-height);
1760
1779
  --padding: var(--hop-Button-xs-padding);
1761
1780
  }
1762
- .Button-module__hop-Button--xs___wswk1[class*=--ghost] {
1781
+ .Button-module__hop-Button--xs___PF56K[class*=--ghost] {
1763
1782
  --padding: var(--hop-Button-ghost-xs-padding);
1764
1783
  }
1765
- .Button-module__hop-Button--sm___XtUpX {
1784
+ .Button-module__hop-Button--sm___FlTAw {
1766
1785
  --block-size: var(--hop-Button-sm-height);
1767
1786
  --padding: var(--hop-Button-sm-padding);
1768
1787
  }
1769
- .Button-module__hop-Button--sm___XtUpX[class*=--ghost] {
1788
+ .Button-module__hop-Button--sm___FlTAw[class*=--ghost] {
1770
1789
  --padding: var(--hop-Button-ghost-sm-padding);
1771
1790
  }
1772
- .Button-module__hop-Button--md___0r9kO[class*=--ghost] {
1791
+ .Button-module__hop-Button--md___jnsk-[class*=--ghost] {
1773
1792
  --padding: var(--hop-Button-ghost-md-padding);
1774
1793
  }
1775
- .Button-module__hop-Button--icon-only___1gkCT {
1794
+ .Button-module__hop-Button--icon-only___7-yVF {
1776
1795
  --column-gap: var(--hop-Button-icon-only-column-gap);
1777
1796
  --padding: var(--hop-Button-icon-only-padding);
1778
1797
  aspect-ratio: 1;
1779
1798
  }
1780
- .Button-module__hop-Button--primary___y7dMa {
1781
- --background-color: var(--hop-comp-button-primary-background-color);
1799
+ .Button-module__hop-Button--primary___U1xEj {
1800
+ --background: var(--hop-comp-button-primary-background);
1782
1801
  --color: var(--hop-comp-button-primary-text-color);
1802
+ --icon-color: var(--hop-comp-button-primary-icon-color);
1783
1803
  --border: var(--hop-Button-primary-border);
1784
- --spinner-color: var(--hop-Button-primary-spinner-color);
1804
+ --color-loading: var(--hop-comp-button-primary-color-loading);
1805
+ --background-loading: var(--hop-comp-button-primary-background-loading);
1806
+ --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
1807
+ --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1785
1808
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1786
1809
  }
1787
- .Button-module__hop-Button--primary___y7dMa[data-hovered],
1788
- .Button-module__hop-Button--primary___y7dMa[data-focus-visible] {
1789
- --background-color: var(--hop-comp-button-primary-background-color-hover);
1810
+ .Button-module__hop-Button--primary___U1xEj[data-hovered],
1811
+ .Button-module__hop-Button--primary___U1xEj[data-focus-visible] {
1812
+ --background: var(--hop-comp-button-primary-background-hover);
1790
1813
  --color: var(--hop-comp-button-primary-text-color-hover);
1791
- --border: var(--hop-Button-primary-border-hover);
1814
+ --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1815
+ --border: var(--hop-Button-primary-border);
1792
1816
  }
1793
- .Button-module__hop-Button--primary___y7dMa[data-pressed] {
1794
- --background-color: var(--hop-comp-button-primary-background-color-pressed);
1817
+ .Button-module__hop-Button--primary___U1xEj[data-pressed] {
1818
+ --background: var(--hop-comp-button-primary-background-pressed);
1795
1819
  --color: var(--hop-comp-button-primary-text-color-pressed);
1796
- --border: var(--hop-Button-primary-border-pressed);
1820
+ --icon-color: var(--hop-comp-button-primary-icon-color-press);
1821
+ --border: var(--hop-Button-primary-border);
1797
1822
  }
1798
- .Button-module__hop-Button--secondary___UKGLd {
1799
- --background-color: var(--hop-comp-button-secondary-background-color);
1823
+ .Button-module__hop-Button--secondary___Pu8fi {
1824
+ --background: var(--hop-comp-button-secondary-background);
1800
1825
  --color: var(--hop-comp-button-secondary-text-color);
1826
+ --icon-color: var(--hop-comp-button-secondary-icon-color);
1801
1827
  --border: var(--hop-Button-secondary-border);
1802
- --spinner-color: var(--hop-Button-secondary-spinner-color);
1828
+ --color-loading: var(--hop-comp-button-secondary-color-loading);
1829
+ --background-loading: var(--hop-comp-button-secondary-background-loading);
1830
+ --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
1831
+ --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1803
1832
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1804
1833
  }
1805
- .Button-module__hop-Button--secondary___UKGLd[data-hovered],
1806
- .Button-module__hop-Button--secondary___UKGLd[data-focus-visible] {
1807
- --background-color: var(--hop-comp-button-secondary-background-color-hover);
1834
+ .Button-module__hop-Button--secondary___Pu8fi[data-hovered],
1835
+ .Button-module__hop-Button--secondary___Pu8fi[data-focus-visible] {
1836
+ --background: var(--hop-comp-button-secondary-background-hover);
1808
1837
  --color: var(--hop-comp-button-secondary-text-color-hover);
1809
- --border: var(--hop-Button-secondary-border-hover);
1838
+ --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1839
+ --border: var(--hop-Button-secondary-border);
1810
1840
  }
1811
- .Button-module__hop-Button--secondary___UKGLd[data-pressed] {
1812
- --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1841
+ .Button-module__hop-Button--secondary___Pu8fi[data-pressed] {
1842
+ --background: var(--hop-comp-button-secondary-background-pressed);
1813
1843
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1814
- --border: var(--hop-Button-secondary-border-pressed);
1844
+ --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1845
+ --border: var(--hop-Button-secondary-border);
1815
1846
  }
1816
- .Button-module__hop-Button--upsell___bdwUF {
1817
- --background-color: var(--hop-comp-button-upsell-background-color);
1847
+ .Button-module__hop-Button--upsell___O6xUd {
1848
+ --background: var(--hop-comp-button-upsell-background);
1818
1849
  --color: var(--hop-comp-button-upsell-text-color);
1850
+ --icon-color: var(--hop-comp-button-upsell-icon-color);
1819
1851
  --border: var(--hop-Button-upsell-border);
1820
- --spinner-color: var(--hop-Button-upsell-spinner-color);
1852
+ --color-loading: var(--hop-comp-button-upsell-color-loading);
1853
+ --background-loading: var(--hop-comp-button-upsell-background-loading);
1854
+ --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
1855
+ --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1821
1856
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1822
1857
  }
1823
- .Button-module__hop-Button--upsell___bdwUF[data-hovered],
1824
- .Button-module__hop-Button--upsell___bdwUF[data-focus-visible] {
1825
- --background-color: var(--hop-comp-button-upsell-background-color-hover);
1858
+ .Button-module__hop-Button--upsell___O6xUd[data-hovered],
1859
+ .Button-module__hop-Button--upsell___O6xUd[data-focus-visible] {
1860
+ --background: var(--hop-comp-button-upsell-background-hover);
1826
1861
  --color: var(--hop-comp-button-upsell-text-color-hover);
1827
- --border: var(--hop-Button-upsell-border-hover);
1862
+ --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1863
+ --border: var(--hop-Button-upsell-border);
1828
1864
  }
1829
- .Button-module__hop-Button--upsell___bdwUF[data-pressed] {
1830
- --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1865
+ .Button-module__hop-Button--upsell___O6xUd[data-pressed] {
1866
+ --background: var(--hop-comp-button-upsell-background-pressed);
1831
1867
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1832
- --border: var(--hop-Button-upsell-border-pressed);
1868
+ --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1869
+ --border: var(--hop-Button-upsell-border);
1833
1870
  }
1834
- .Button-module__hop-Button--danger___f5awN {
1835
- --background-color: var(--hop-comp-button-danger-background-color);
1871
+ .Button-module__hop-Button--danger___9Bdk4 {
1872
+ --background: var(--hop-comp-button-danger-background);
1836
1873
  --color: var(--hop-comp-button-danger-text-color);
1874
+ --icon-color: var(--hop-comp-button-danger-icon-color);
1837
1875
  --border: var(--hop-Button-danger-border);
1838
- --spinner-color: var(--hop-Button-danger-spinner-color);
1876
+ --color-loading: var(--hop-comp-button-danger-color-loading);
1877
+ --background-loading: var(--hop-comp-button-danger-background-loading);
1878
+ --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
1879
+ --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1839
1880
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1840
1881
  }
1841
- .Button-module__hop-Button--danger___f5awN[data-hovered],
1842
- .Button-module__hop-Button--danger___f5awN[data-focus-visible] {
1843
- --background-color: var(--hop-comp-button-danger-background-color-hover);
1882
+ .Button-module__hop-Button--danger___9Bdk4[data-hovered],
1883
+ .Button-module__hop-Button--danger___9Bdk4[data-focus-visible] {
1884
+ --background: var(--hop-comp-button-danger-background-hover);
1844
1885
  --color: var(--hop-comp-button-danger-text-color-hover);
1845
- --border: var(--hop-Button-danger-border-hover);
1886
+ --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1887
+ --border: var(--hop-Button-danger-border);
1846
1888
  }
1847
- .Button-module__hop-Button--danger___f5awN[data-pressed] {
1848
- --background-color: var(--hop-comp-button-danger-background-color-pressed);
1889
+ .Button-module__hop-Button--danger___9Bdk4[data-pressed] {
1890
+ --background: var(--hop-comp-button-danger-background-pressed);
1849
1891
  --color: var(--hop-comp-button-danger-text-color-pressed);
1850
- --border: var(--hop-Button-danger-border-pressed);
1892
+ --icon-color: var(--hop-comp-button-danger-icon-color-press);
1893
+ --border: var(--hop-Button-danger-border);
1851
1894
  }
1852
- .Button-module__hop-Button--ghost-primary___ush5X {
1853
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1895
+ .Button-module__hop-Button--ghost-primary___UXsJi {
1896
+ --background: var(--hop-comp-button-ghost-primary-background);
1854
1897
  --color: var(--hop-comp-button-ghost-primary-text-color);
1898
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
1855
1899
  --border: var(--hop-Button-ghost-primary-border);
1856
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1900
+ --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
1901
+ --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
1902
+ --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
1903
+ --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1857
1904
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1858
1905
  }
1859
- .Button-module__hop-Button--ghost-primary___ush5X[data-hovered],
1860
- .Button-module__hop-Button--ghost-primary___ush5X[data-focus-visible] {
1861
- --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1906
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-hovered],
1907
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-focus-visible] {
1908
+ --background: var(--hop-comp-button-ghost-primary-background-hover);
1862
1909
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1863
- --border: var(--hop-Button-ghost-primary-border-hover);
1910
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1911
+ --border: var(--hop-Button-ghost-primary-border);
1864
1912
  }
1865
- .Button-module__hop-Button--ghost-primary___ush5X[data-pressed] {
1866
- --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1913
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-pressed] {
1914
+ --background: var(--hop-comp-button-ghost-primary-background-pressed);
1867
1915
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1868
- --border: var(--hop-Button-ghost-primary-border-pressed);
1916
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1917
+ --border: var(--hop-Button-ghost-primary-border);
1869
1918
  }
1870
- .Button-module__hop-Button--ghost-secondary___62Cr1 {
1871
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1919
+ .Button-module__hop-Button--ghost-secondary___toGp0 {
1920
+ --background: var(--hop-comp-button-ghost-secondary-background);
1872
1921
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1922
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
1873
1923
  --border: var(--hop-Button-ghost-secondary-border);
1874
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1924
+ --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
1925
+ --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
1926
+ --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
1927
+ --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1875
1928
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1876
1929
  }
1877
- .Button-module__hop-Button--ghost-secondary___62Cr1[data-hovered],
1878
- .Button-module__hop-Button--ghost-secondary___62Cr1[data-focus-visible] {
1879
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1930
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-hovered],
1931
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-focus-visible] {
1932
+ --background: var(--hop-comp-button-ghost-secondary-background-hover);
1880
1933
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1881
- --border: var(--hop-Button-ghost-secondary-border-hover);
1934
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1935
+ --border: var(--hop-Button-ghost-secondary-border);
1882
1936
  }
1883
- .Button-module__hop-Button--ghost-secondary___62Cr1[data-pressed] {
1884
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1937
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-pressed] {
1938
+ --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1885
1939
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1886
- --border: var(--hop-Button-ghost-secondary-border-pressed);
1940
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1941
+ --border: var(--hop-Button-ghost-secondary-border);
1887
1942
  }
1888
- .Button-module__hop-Button--ghost-danger___3O7jl {
1889
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1943
+ .Button-module__hop-Button--ghost-danger___wshP- {
1944
+ --background: var(--hop-comp-button-ghost-danger-background);
1890
1945
  --color: var(--hop-comp-button-ghost-danger-text-color);
1946
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
1891
1947
  --border: var(--hop-Button-ghost-danger-border);
1892
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1948
+ --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
1949
+ --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
1950
+ --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
1951
+ --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1893
1952
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1894
1953
  }
1895
- .Button-module__hop-Button--ghost-danger___3O7jl[data-hovered],
1896
- .Button-module__hop-Button--ghost-danger___3O7jl[data-focus-visible] {
1897
- --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1954
+ .Button-module__hop-Button--ghost-danger___wshP-[data-hovered],
1955
+ .Button-module__hop-Button--ghost-danger___wshP-[data-focus-visible] {
1956
+ --background: var(--hop-comp-button-ghost-danger-background-hover);
1898
1957
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1899
- --border: var(--hop-Button-ghost-danger-border-hover);
1958
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1959
+ --border: var(--hop-Button-ghost-danger-border);
1900
1960
  }
1901
- .Button-module__hop-Button--ghost-danger___3O7jl[data-pressed] {
1902
- --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1961
+ .Button-module__hop-Button--ghost-danger___wshP-[data-pressed] {
1962
+ --background: var(--hop-comp-button-ghost-danger-background-pressed);
1903
1963
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1904
- --border: var(--hop-Button-ghost-danger-border-pressed);
1964
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1965
+ --border: var(--hop-Button-ghost-danger-border);
1905
1966
  }
1906
- .Button-module__hop-Button___HoyYR[data-focus-visible] {
1967
+ .Button-module__hop-Button___cEzVI[data-focus-visible] {
1907
1968
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1908
1969
  }
1909
- .Button-module__hop-Button___HoyYR[data-disabled],
1910
- .Button-module__hop-Button--loading___IdSFm {
1970
+ .Button-module__hop-Button___cEzVI[data-disabled],
1971
+ .Button-module__hop-Button--loading___NMXIV {
1911
1972
  cursor: not-allowed;
1912
1973
  }
1913
- .Button-module__hop-Button___HoyYR[data-disabled] {
1914
- --background-color: var(--hop-comp-button-disabled-background-color);
1915
- --color: var(--hop-comp-button-disabled-text-color);
1916
- --border: var(--hop-Button-border-disabled);
1974
+ .Button-module__hop-Button___cEzVI[data-disabled] {
1975
+ --color: var(--hop-comp-button-text-color-disabled);
1976
+ --icon-color: var(--hop-comp-button-icon-color-disabled);
1917
1977
  }
1918
- .Button-module__hop-Button___HoyYR[class*=--ghost][data-disabled] {
1919
- --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1920
- --color: var(--hop-comp-button-ghost-disabled-text-color);
1921
- --border: var(--hop-Button-ghost-border-disabled);
1978
+ .Button-module__hop-Button--primary___U1xEj[data-disabled] {
1979
+ --background: var(--hop-comp-button-primary-background-disabled);
1980
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1922
1981
  }
1923
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--primary___y7dMa {
1924
- --background-color: var(--hop-comp-button-primary-background-color);
1925
- --color: var(--hop-comp-button-primary-text-color);
1926
- --border: var(--hop-Button-primary-border);
1982
+ .Button-module__hop-Button--secondary___Pu8fi[data-disabled] {
1983
+ --background: var(--hop-comp-button-secondary-background-disabled);
1984
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1927
1985
  }
1928
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--secondary___UKGLd {
1929
- --background-color: var(--hop-comp-button-secondary-background-color);
1930
- --color: var(--hop-comp-button-secondary-text-color);
1931
- --border: var(--hop-Button-secondary-border);
1986
+ .Button-module__hop-Button--upsell___O6xUd[data-disabled] {
1987
+ --background: var(--hop-comp-button-upsell-background-disabled);
1988
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1932
1989
  }
1933
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--upsell___bdwUF {
1934
- --background-color: var(--hop-comp-button-upsell-background-color);
1935
- --color: var(--hop-comp-button-upsell-text-color);
1936
- --border: var(--hop-Button-upsell-border);
1990
+ .Button-module__hop-Button--danger___9Bdk4[data-disabled] {
1991
+ --background: var(--hop-comp-button-danger-background-disabled);
1992
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1937
1993
  }
1938
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--danger___f5awN {
1939
- --background-color: var(--hop-comp-button-danger-background-color);
1940
- --color: var(--hop-comp-button-danger-text-color);
1941
- --border: var(--hop-Button-danger-border);
1994
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-disabled] {
1995
+ --background: var(--hop-comp-button-ghost-primary-background-disabled);
1996
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1942
1997
  }
1943
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-primary___ush5X {
1944
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1945
- --color: var(--hop-comp-button-ghost-primary-text-color);
1946
- --border: var(--hop-Button-ghost-primary-border);
1998
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-disabled] {
1999
+ --background: var(--hop-comp-button-ghost-secondary-background-disabled);
2000
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1947
2001
  }
1948
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-secondary___62Cr1 {
1949
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1950
- --color: var(--hop-comp-button-ghost-secondary-text-color);
1951
- --border: var(--hop-Button-ghost-secondary-border);
2002
+ .Button-module__hop-Button--ghost-danger___wshP-[data-disabled] {
2003
+ --background: var(--hop-comp-button-ghost-danger-background-disabled);
2004
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1952
2005
  }
1953
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button--ghost-danger___3O7jl {
1954
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1955
- --color: var(--hop-comp-button-ghost-danger-text-color);
1956
- --border: var(--hop-Button-ghost-danger-border);
2006
+ .Button-module__hop-Button--loading___NMXIV {
2007
+ background: var(--background-loading);
2008
+ color: var(--color-loading);
2009
+ border-color: var(--border-color-loading);
2010
+ box-shadow: var(--box-shadow-loading);
1957
2011
  }
1958
- .Button-module__hop-Button__Spinner___5AdOy {
2012
+ .Button-module__hop-Button__Spinner___hSXad {
1959
2013
  position: absolute;
1960
- color: var(--spinner-color);
1961
2014
  }
1962
- .Button-module__hop-Button__icon___d5IZl,
1963
- .Button-module__hop-Button__icon-list___YOo9F {
2015
+ .Button-module__hop-Button__icon___koGX2,
2016
+ .Button-module__hop-Button__icon-list___uV0To {
1964
2017
  flex: 0 0 auto;
1965
2018
  justify-self: end;
1966
2019
  order: 1;
2020
+ color: var(--icon-color);
1967
2021
  }
1968
- .Button-module__hop-Button__text___1XHXr {
2022
+ .Button-module__hop-Button__text___yWZed {
1969
2023
  user-select: none;
1970
2024
  overflow: visible;
1971
2025
  flex: 0 1 auto;
@@ -1974,148 +2028,123 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
1974
2028
  text-decoration: none;
1975
2029
  text-wrap: nowrap;
1976
2030
  }
1977
- .Button-module__hop-Button__end-icon___-wk-2,
1978
- .Button-module__hop-Button__end-icon-list___IkfOC {
2031
+ .Button-module__hop-Button__end-icon___r5rxu,
2032
+ .Button-module__hop-Button__end-icon-list___4NYnd {
1979
2033
  flex: 0 0 auto;
1980
2034
  order: 3;
2035
+ color: var(--icon-color);
1981
2036
  }
1982
- .Button-module__hop-Button___HoyYR .Button-module__hop-Button__icon-list___YOo9F,
1983
- .Button-module__hop-Button___HoyYR .Button-module__hop-Button__end-icon-list___IkfOC {
2037
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__icon-list___uV0To,
2038
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__end-icon-list___4NYnd {
1984
2039
  flex-wrap: nowrap;
1985
2040
  }
1986
- .Button-module__hop-Button--loading___IdSFm.Button-module__hop-Button___HoyYR > *:not(.Button-module__hop-Button__Spinner___5AdOy) {
2041
+ .Button-module__hop-Button--loading___NMXIV.Button-module__hop-Button___cEzVI > *:not(.Button-module__hop-Button__Spinner___hSXad) {
1987
2042
  opacity: 0;
1988
2043
  }
1989
- .ToggleButton-module__hop-ToggleButton___420CS {
2044
+ .ToggleButton-module__hop-ToggleButton___pf1eD {
1990
2045
  --hop-ToggleButton-border-size: var(--hop-space-10);
1991
2046
  }
1992
- .ToggleButton-module__hop-ToggleButton--fluid___UEI-c {
2047
+ .ToggleButton-module__hop-ToggleButton--fluid___49Lo5 {
1993
2048
  }
1994
- .ToggleButton-module__hop-ToggleButton--xs___S96Ni {
2049
+ .ToggleButton-module__hop-ToggleButton--xs___gfZiq {
1995
2050
  }
1996
- .ToggleButton-module__hop-ToggleButton--sm___3WOLo {
2051
+ .ToggleButton-module__hop-ToggleButton--sm___WUBaB {
1997
2052
  }
1998
- .ToggleButton-module__hop-ToggleButton--md___ONKVV {
2053
+ .ToggleButton-module__hop-ToggleButton--md___-1WLK {
1999
2054
  }
2000
- .ToggleButton-module__hop-ToggleButton--icon-only___WJNxN {
2055
+ .ToggleButton-module__hop-ToggleButton--icon-only___BuTXY {
2001
2056
  }
2002
- .ToggleButton-module__hop-ToggleButton--primary___nco83 {
2057
+ .ToggleButton-module__hop-ToggleButton--primary___UrwDq {
2003
2058
  }
2004
- .ToggleButton-module__hop-ToggleButton--primary___nco83[data-selected] {
2005
- --background-color: var(--hop-comp-button-primary-background-color-selected);
2059
+ .ToggleButton-module__hop-ToggleButton--primary___UrwDq[data-selected] {
2060
+ --background: var(--hop-comp-button-primary-background-selected);
2006
2061
  --color: var(--hop-comp-button-primary-text-color-selected);
2062
+ --icon-color: var(--hop-comp-button-primary-icon-color-selected);
2007
2063
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
2008
2064
  }
2009
- .ToggleButton-module__hop-ToggleButton--secondary___iThNI {
2065
+ .ToggleButton-module__hop-ToggleButton--secondary___FoMjA {
2010
2066
  }
2011
- .ToggleButton-module__hop-ToggleButton--secondary___iThNI[data-selected] {
2012
- --background-color: var(--hop-comp-button-secondary-background-color-selected);
2067
+ .ToggleButton-module__hop-ToggleButton--secondary___FoMjA[data-selected] {
2068
+ --background: var(--hop-comp-button-secondary-background-selected);
2013
2069
  --color: var(--hop-comp-button-secondary-text-color-selected);
2070
+ --icon-color: var(--hop-comp-button-secondary-icon-color-selected);
2014
2071
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
2015
2072
  }
2016
- .ToggleButton-module__hop-ToggleButton--upsell___LkcHn {
2073
+ .ToggleButton-module__hop-ToggleButton--upsell___CtM53 {
2017
2074
  }
2018
- .ToggleButton-module__hop-ToggleButton--upsell___LkcHn[data-selected] {
2019
- --background-color: var(--hop-comp-button-upsell-background-color-selected);
2075
+ .ToggleButton-module__hop-ToggleButton--upsell___CtM53[data-selected] {
2076
+ --background: var(--hop-comp-button-upsell-background-selected);
2020
2077
  --color: var(--hop-comp-button-upsell-text-color-selected);
2078
+ --icon-color: var(--hop-comp-button-upsell-icon-color-selected);
2021
2079
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
2022
2080
  }
2023
- .ToggleButton-module__hop-ToggleButton--danger___6stEN {
2081
+ .ToggleButton-module__hop-ToggleButton--danger___jTewI {
2024
2082
  }
2025
- .ToggleButton-module__hop-ToggleButton--danger___6stEN[data-selected] {
2026
- --background-color: var(--hop-comp-button-danger-background-color-selected);
2083
+ .ToggleButton-module__hop-ToggleButton--danger___jTewI[data-selected] {
2084
+ --background: var(--hop-comp-button-danger-background-selected);
2027
2085
  --color: var(--hop-comp-button-danger-text-color-selected);
2086
+ --icon-color: var(--hop-comp-button-danger-icon-color-selected);
2028
2087
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
2029
2088
  }
2030
- .ToggleButton-module__hop-ToggleButton--ghost-primary___2Q5Jb {
2089
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___La0tk {
2031
2090
  }
2032
- .ToggleButton-module__hop-ToggleButton--ghost-primary___2Q5Jb[data-selected] {
2033
- --background-color: var(--hop-comp-button-ghost-primary-background-color-selected);
2091
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___La0tk[data-selected] {
2092
+ --background: var(--hop-comp-button-ghost-primary-background-selected);
2034
2093
  --color: var(--hop-comp-button-ghost-primary-text-color-selected);
2094
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-selected);
2035
2095
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
2036
2096
  }
2037
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___BHX2Q {
2097
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___L5GM5 {
2038
2098
  }
2039
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___BHX2Q[data-selected] {
2040
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-selected);
2099
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___L5GM5[data-selected] {
2100
+ --background: var(--hop-comp-button-ghost-secondary-background-selected);
2041
2101
  --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
2102
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-selected);
2042
2103
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
2043
2104
  }
2044
- .ToggleButton-module__hop-ToggleButton--ghost-danger___A2hr4 {
2105
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sCsOy {
2045
2106
  }
2046
- .ToggleButton-module__hop-ToggleButton--ghost-danger___A2hr4[data-selected] {
2047
- --background-color: var(--hop-comp-button-ghost-danger-background-color-selected);
2107
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sCsOy[data-selected] {
2108
+ --background: var(--hop-comp-button-ghost-danger-background-selected);
2048
2109
  --color: var(--hop-comp-button-ghost-danger-text-color-selected);
2110
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-selected);
2049
2111
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
2050
2112
  }
2051
- .ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--primary___nco83 {
2052
- --background-color: var(--hop-comp-button-primary-background-color);
2053
- --color: var(--hop-comp-button-primary-text-color);
2054
- --border: var(--hop-Button-primary-border);
2055
- }
2056
- .ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--secondary___iThNI {
2057
- --background-color: var(--hop-comp-button-secondary-background-color);
2058
- --color: var(--hop-comp-button-secondary-text-color);
2059
- --border: var(--hop-Button-secondary-border);
2060
- }
2061
- .ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--upsell___LkcHn {
2062
- --background-color: var(--hop-comp-button-upsell-background-color);
2063
- --color: var(--hop-comp-button-upsell-text-color);
2064
- --border: var(--hop-Button-upsell-border);
2065
- }
2066
- .ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--danger___6stEN {
2067
- --background-color: var(--hop-comp-button-danger-background-color);
2068
- --color: var(--hop-comp-button-danger-text-color);
2069
- --border: var(--hop-Button-danger-border);
2070
- }
2071
- .ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--ghost-primary___2Q5Jb {
2072
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
2073
- --color: var(--hop-comp-button-ghost-primary-text-color);
2074
- --border: var(--hop-Button-ghost-primary-border);
2075
- }
2076
- .ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--ghost-secondary___BHX2Q {
2077
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
2078
- --color: var(--hop-comp-button-ghost-secondary-text-color);
2079
- --border: var(--hop-Button-ghost-secondary-border);
2080
- }
2081
- .ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton--ghost-danger___A2hr4 {
2082
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
2083
- --color: var(--hop-comp-button-ghost-danger-text-color);
2084
- --border: var(--hop-Button-ghost-danger-border);
2113
+ .ToggleButton-module__hop-ToggleButton--loading___LpKD9 {
2085
2114
  }
2086
- .ToggleButton-module__hop-ToggleButton__Spinner___SEZgo {
2115
+ .ToggleButton-module__hop-ToggleButton__Spinner___w6ejv {
2087
2116
  }
2088
- .ToggleButton-module__hop-ToggleButton__icon___ZeObv,
2089
- .ToggleButton-module__hop-ToggleButton__icon-list___mp6zY {
2117
+ .ToggleButton-module__hop-ToggleButton__icon___xAyDv,
2118
+ .ToggleButton-module__hop-ToggleButton__icon-list___dI-iD {
2090
2119
  }
2091
- .ToggleButton-module__hop-ToggleButton__text___YHzyI {
2120
+ .ToggleButton-module__hop-ToggleButton__text___Svuce {
2092
2121
  }
2093
- .ToggleButton-module__hop-ToggleButton__end-icon___eo4vp,
2094
- .ToggleButton-module__hop-ToggleButton__end-icon-list___clSK7 {
2122
+ .ToggleButton-module__hop-ToggleButton__end-icon___Glff3,
2123
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___4B9Ua {
2095
2124
  }
2096
- .ToggleButton-module__hop-ToggleButton__icon-list___mp6zY,
2097
- .ToggleButton-module__hop-ToggleButton__end-icon-list___clSK7 {
2125
+ .ToggleButton-module__hop-ToggleButton__icon-list___dI-iD,
2126
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___4B9Ua {
2098
2127
  }
2099
- .ToggleButton-module__hop-ToggleButton--loading___kW-zv.ToggleButton-module__hop-ToggleButton___420CS > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___SEZgo) {
2128
+ .ToggleButton-module__hop-ToggleButton--loading___LpKD9.ToggleButton-module__hop-ToggleButton___pf1eD > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___w6ejv) {
2100
2129
  opacity: 0;
2101
2130
  }
2102
2131
 
2103
2132
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/Image.module.css/#css-module-data */
2104
- .Image-module__hop-Image___JqqDH {
2133
+ .Image-module__hop-Image___ciD31 {
2105
2134
  display: block;
2106
2135
  max-inline-size: 100%;
2107
2136
  block-size: auto;
2108
2137
  vertical-align: middle;
2109
2138
  }
2110
- .Image-module__hop-Image--rounded___RKa9M {
2139
+ .Image-module__hop-Image--rounded___RWAMj {
2111
2140
  border-radius: var(--hop-shape-rounded-md);
2112
2141
  }
2113
- .Image-module__hop-Image--circular___v32pP {
2142
+ .Image-module__hop-Image--circular___tPDL5 {
2114
2143
  border-radius: var(--hop-shape-circle);
2115
2144
  }
2116
2145
 
2117
2146
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/SvgImage.module.css/#css-module-data */
2118
- .SvgImage-module__hop-SvgImage___wVeiM {
2147
+ .SvgImage-module__hop-SvgImage___-vrzp {
2119
2148
  display: block;
2120
2149
  max-inline-size: 100%;
2121
2150
  block-size: auto;
@@ -2123,7 +2152,7 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
2123
2152
  }
2124
2153
 
2125
2154
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/Modal.module.css/#css-module-data */
2126
- .Modal-module__hop-Modal___x7ysX {
2155
+ .Modal-module__hop-Modal___CkcZv {
2127
2156
  --hop-Modal-position: relative;
2128
2157
  --hop-Modal-overflow: auto;
2129
2158
  --hop-Modal-display: grid;
@@ -2148,33 +2177,33 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
2148
2177
  border-radius: inherit;
2149
2178
  outline: var(--hop-Modal-outline);
2150
2179
  }
2151
- .Modal-module__hop-Modal__top-container___hEwTd {
2180
+ .Modal-module__hop-Modal__top-container___hhkoU {
2152
2181
  display: grid;
2153
2182
  grid-area: top;
2154
2183
  grid-template: "heading header" auto / 1fr auto;
2155
2184
  }
2156
- .Modal-module__hop-Modal__bottom-container___XCmlZ {
2185
+ .Modal-module__hop-Modal__bottom-container___f2GIQ {
2157
2186
  display: grid;
2158
2187
  grid-area: bottom;
2159
2188
  grid-template: "footer buttons" auto / 1fr auto;
2160
2189
  }
2161
- .Modal-module__hop-Modal___x7ysX:not(.Modal-module__hop-Modal--has-image___KYMtI) {
2190
+ .Modal-module__hop-Modal___CkcZv:not(.Modal-module__hop-Modal--has-image___h-Xim) {
2162
2191
  --grid-template: "top top" auto "content content" 1fr "bottom bottom" auto / auto auto;
2163
2192
  }
2164
2193
  @media screen and (min-width: 49rem) {
2165
- .Modal-module__hop-Modal___x7ysX:not(.Modal-module__hop-Modal--has-image___KYMtI, .Modal-module__hop-Modal--fullscreen___mrgri, .Modal-module__hop-Modal--fullscreenTakeover___61wQz) {
2194
+ .Modal-module__hop-Modal___CkcZv:not(.Modal-module__hop-Modal--has-image___h-Xim, .Modal-module__hop-Modal--fullscreen___mphri, .Modal-module__hop-Modal--fullscreenTakeover___lCnRh) {
2166
2195
  --grid-template: "top top" auto "content content" auto "bottom bottom" auto / auto auto;
2167
2196
  }
2168
- .Modal-module__hop-Modal___x7ysX.Modal-module__hop-Modal--has-image___KYMtI:not(.Modal-module__hop-Modal--fullscreen___mrgri, .Modal-module__hop-Modal--fullscreenTakeover___61wQz) {
2197
+ .Modal-module__hop-Modal___CkcZv.Modal-module__hop-Modal--has-image___h-Xim:not(.Modal-module__hop-Modal--fullscreen___mphri, .Modal-module__hop-Modal--fullscreenTakeover___lCnRh) {
2169
2198
  --grid-template: var(--hop-Modal-large-grid-template);
2170
2199
  }
2171
2200
  }
2172
- .Modal-module__hop-Modal__close___GfFFZ {
2201
+ .Modal-module__hop-Modal__close___O7WiF {
2173
2202
  position: absolute;
2174
2203
  inset-block-start: var(--hop-Modal-margin);
2175
2204
  inset-inline-end: var(--hop-Modal-margin);
2176
2205
  }
2177
- .Modal-module__hop-Modal___x7ysX > .Modal-module__hop-Modal__image___-23wg {
2206
+ .Modal-module__hop-Modal___CkcZv > .Modal-module__hop-Modal__image___59w4c {
2178
2207
  --hop-Modal-image-inline-size: 100%;
2179
2208
  --hop-Modal-image-block-size: 100%;
2180
2209
  --hop-Modal-image-object-fit: cover;
@@ -2183,18 +2212,18 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
2183
2212
  block-size: var(--hop-Modal-image-block-size);
2184
2213
  object-fit: var(--hop-Modal-image-object-fit);
2185
2214
  }
2186
- .Modal-module__hop-Modal__heading___jRHzC {
2215
+ .Modal-module__hop-Modal__heading___utUW- {
2187
2216
  grid-area: heading;
2188
2217
  margin-block-start: var(--hop-Modal-margin);
2189
2218
  margin-inline: var(--hop-Modal-margin);
2190
2219
  }
2191
- .Modal-module__hop-Modal__header___a609o {
2220
+ .Modal-module__hop-Modal__header___8mNKG {
2192
2221
  grid-area: header;
2193
2222
  place-self: center end;
2194
2223
  margin-block-start: var(--hop-Modal-margin);
2195
2224
  margin-inline-start: var(--hop-Modal-margin);
2196
2225
  }
2197
- .Modal-module__hop-Modal__content___JSZ99 {
2226
+ .Modal-module__hop-Modal__content___ExE7n {
2198
2227
  overflow-y: auto;
2199
2228
  grid-area: content;
2200
2229
  margin: var(--hop-Modal-margin);
@@ -2204,50 +2233,50 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
2204
2233
  line-height: var(--hop-Modal-content-line-height);
2205
2234
  }
2206
2235
  @media (max-height: 24rem) {
2207
- .Modal-module__hop-Modal__content___JSZ99 {
2236
+ .Modal-module__hop-Modal__content___ExE7n {
2208
2237
  overflow-y: visible;
2209
2238
  }
2210
2239
  }
2211
- .Modal-module__hop-Modal__footer___hzY-- {
2240
+ .Modal-module__hop-Modal__footer___-21dl {
2212
2241
  grid-area: footer;
2213
2242
  align-self: center;
2214
2243
  margin-block-end: var(--hop-Modal-margin);
2215
2244
  margin-inline: var(--hop-Modal-margin);
2216
2245
  }
2217
- .Modal-module__hop-Modal__button___jTlrz {
2246
+ .Modal-module__hop-Modal__button___TPOFZ {
2218
2247
  grid-area: buttons;
2219
2248
  place-self: center end;
2220
2249
  margin-block-end: var(--hop-Modal-margin);
2221
2250
  margin-inline: var(--hop-Modal-margin);
2222
2251
  }
2223
- .Modal-module__hop-Modal__button-group___8Fj8C {
2252
+ .Modal-module__hop-Modal__button-group___hz9ar {
2224
2253
  grid-area: buttons;
2225
2254
  flex-wrap: nowrap;
2226
2255
  place-self: center end;
2227
2256
  margin-block-end: var(--hop-Modal-margin);
2228
2257
  margin-inline: var(--hop-Modal-margin);
2229
2258
  }
2230
- .Modal-module__hop-Modal___x7ysX:has(.Modal-module__hop-Modal__close___GfFFZ) > .Modal-module__hop-Modal__top-container___hEwTd {
2259
+ .Modal-module__hop-Modal___CkcZv:has(.Modal-module__hop-Modal__close___O7WiF) > .Modal-module__hop-Modal__top-container___hhkoU {
2231
2260
  margin-inline-end: calc(var(--hop-Modal-margin) + var(--hop-space-inline-md) + 1.5rem);
2232
2261
  }
2233
- .Modal-module__hop-Modal___x7ysX.Modal-module__hop-Modal--has-image___KYMtI:has(.Modal-module__hop-Modal__close___GfFFZ).Modal-module__hop-Modal--fullscreen___mrgri > .Modal-module__hop-Modal__top-container___hEwTd,
2234
- .Modal-module__hop-Modal___x7ysX.Modal-module__hop-Modal--has-image___KYMtI:has(.Modal-module__hop-Modal__close___GfFFZ).Modal-module__hop-Modal--fullscreenTakeover___61wQz > .Modal-module__hop-Modal__top-container___hEwTd {
2262
+ .Modal-module__hop-Modal___CkcZv.Modal-module__hop-Modal--has-image___h-Xim:has(.Modal-module__hop-Modal__close___O7WiF).Modal-module__hop-Modal--fullscreen___mphri > .Modal-module__hop-Modal__top-container___hhkoU,
2263
+ .Modal-module__hop-Modal___CkcZv.Modal-module__hop-Modal--has-image___h-Xim:has(.Modal-module__hop-Modal__close___O7WiF).Modal-module__hop-Modal--fullscreenTakeover___lCnRh > .Modal-module__hop-Modal__top-container___hhkoU {
2235
2264
  margin-inline-end: var(--hop-Modal-margin);
2236
2265
  }
2237
2266
  @media screen and (max-width: 48rem) {
2238
- .Modal-module__hop-Modal___x7ysX:has(.Modal-module__hop-Modal__close___GfFFZ).Modal-module__hop-Modal--has-image___KYMtI > .Modal-module__hop-Modal__header___a609o,
2239
- .Modal-module__hop-Modal___x7ysX:has(.Modal-module__hop-Modal__close___GfFFZ).Modal-module__hop-Modal--has-image___KYMtI > .Modal-module__hop-Modal__heading___jRHzC {
2267
+ .Modal-module__hop-Modal___CkcZv:has(.Modal-module__hop-Modal__close___O7WiF).Modal-module__hop-Modal--has-image___h-Xim > .Modal-module__hop-Modal__header___8mNKG,
2268
+ .Modal-module__hop-Modal___CkcZv:has(.Modal-module__hop-Modal__close___O7WiF).Modal-module__hop-Modal--has-image___h-Xim > .Modal-module__hop-Modal__heading___utUW- {
2240
2269
  margin-inline-end: var(--hop-Modal-margin);
2241
2270
  }
2242
2271
  }
2243
- .Modal-module__hop-Modal__top-container___hEwTd:has(> .Modal-module__hop-Modal__header___a609o) > .Modal-module__hop-Modal__heading___jRHzC {
2272
+ .Modal-module__hop-Modal__top-container___hhkoU:has(> .Modal-module__hop-Modal__header___8mNKG) > .Modal-module__hop-Modal__heading___utUW- {
2244
2273
  margin-inline-end: 0;
2245
2274
  }
2246
- .Modal-module__hop-Modal__bottom-container___XCmlZ:has(> .Modal-module__hop-Modal__button___jTlrz) > .Modal-module__hop-Modal__footer___hzY--,
2247
- .Modal-module__hop-Modal__bottom-container___XCmlZ:has(> .Modal-module__hop-Modal__button-group___8Fj8C) > .Modal-module__hop-Modal__footer___hzY-- {
2275
+ .Modal-module__hop-Modal__bottom-container___f2GIQ:has(> .Modal-module__hop-Modal__button___TPOFZ) > .Modal-module__hop-Modal__footer___-21dl,
2276
+ .Modal-module__hop-Modal__bottom-container___f2GIQ:has(> .Modal-module__hop-Modal__button-group___hz9ar) > .Modal-module__hop-Modal__footer___-21dl {
2248
2277
  margin-inline-end: 0;
2249
2278
  }
2250
- .Modal-module__hop-Modal__base-modal___NPnVY {
2279
+ .Modal-module__hop-Modal__base-modal___O9qtB {
2251
2280
  --hop-Modal__base-modal-sm-width: 28.75rem;
2252
2281
  --hop-Modal__base-modal-md-width: 36.5rem;
2253
2282
  --hop-Modal__base-modal-lg-width: 41.5rem;
@@ -2270,49 +2299,49 @@ button.CloseButton-module__hop-CloseButton___fjCfH {
2270
2299
  transition: var(--hop-Modal__base-modal-transition);
2271
2300
  }
2272
2301
  @media screen and (min-width: 48rem) {
2273
- .Modal-module__hop-Modal__base-modal--has-image___tLsts {
2302
+ .Modal-module__hop-Modal__base-modal--has-image___xVw6m {
2274
2303
  --image-size: 16rem;
2275
2304
  }
2276
2305
  }
2277
- .Modal-module__hop-Modal__base-modal--sm___t9-vD {
2306
+ .Modal-module__hop-Modal__base-modal--sm___0WSrT {
2278
2307
  --width: calc(var(--image-size) + var(--hop-Modal__base-modal-sm-width));
2279
2308
  }
2280
- .Modal-module__hop-Modal__base-modal--md___hhQHV {
2309
+ .Modal-module__hop-Modal__base-modal--md___n5w9B {
2281
2310
  --width: calc(var(--image-size) + var(--hop-Modal__base-modal-md-width));
2282
2311
  }
2283
- .Modal-module__hop-Modal__base-modal--lg___jT2-d {
2312
+ .Modal-module__hop-Modal__base-modal--lg___myK26 {
2284
2313
  --width: calc(var(--image-size) + var(--hop-Modal__base-modal-lg-width));
2285
2314
  }
2286
- .Modal-module__hop-Modal__base-modal--xl___nJd0F {
2315
+ .Modal-module__hop-Modal__base-modal--xl___348Jg {
2287
2316
  --width: calc(var(--image-size) + var(--hop-Modal__base-modal-xl-width));
2288
2317
  }
2289
- .Modal-module__hop-Modal__base-modal--fullscreen___qRxQy {
2318
+ .Modal-module__hop-Modal__base-modal--fullscreen___-aAKz {
2290
2319
  --width: var(--hop-Modal__base-modal-fullscreen-width);
2291
2320
  --height: var(--hop-Modal__base-modal-fullscreen-height);
2292
2321
  }
2293
- .Modal-module__hop-Modal__base-modal--fullscreenTakeover___tHFFZ {
2322
+ .Modal-module__hop-Modal__base-modal--fullscreenTakeover___Pq92j {
2294
2323
  --width: var(--hop-Modal__base-modal-fullscreentakeover-width);
2295
2324
  --height: var(--hop-Modal__base-modal-fullscreentakeover-height);
2296
2325
  --border-radius: var(--hop-Modal__base-modal-fullscreentakeover-border-radius);
2297
2326
  }
2298
- .Modal-module__hop-Modal__base-modal--fullscreen___qRxQy,
2299
- .Modal-module__hop-Modal__base-modal--fullscreenTakeover___tHFFZ {
2327
+ .Modal-module__hop-Modal__base-modal--fullscreen___-aAKz,
2328
+ .Modal-module__hop-Modal__base-modal--fullscreenTakeover___Pq92j {
2300
2329
  --max-inline-size: var(--hop-Modal__base-modal-fullscreen-max-width);
2301
2330
  --max-block-size: var(--hop-Modal__base-modal-fullscreen-max-height);
2302
2331
  }
2303
- .Modal-module__hop-Modal__overlay___yWoGe[data-entering] .Modal-module__hop-Modal__base-modal___NPnVY {
2332
+ .Modal-module__hop-Modal__overlay___hVsnW[data-entering] .Modal-module__hop-Modal__base-modal___O9qtB {
2304
2333
  transform: var(--hop-Modal__base-modal-entering-transform);
2305
2334
  opacity: var(--hop-Modal__base-modal-entering-opacity);
2306
2335
  }
2307
- .Modal-module__hop-Modal__overlay___yWoGe[data-exiting] .Modal-module__hop-Modal__base-modal___NPnVY {
2336
+ .Modal-module__hop-Modal__overlay___hVsnW[data-exiting] .Modal-module__hop-Modal__base-modal___O9qtB {
2308
2337
  opacity: var(--hop-Modal__base-modal-exiting-opacity);
2309
2338
  transition: var(--hop-Modal__base-modal-exiting-transition);
2310
2339
  }
2311
- .Modal-module__hop-Modal__overlay___yWoGe[data-entering]:has(.Modal-module__hop-Modal__base-modal___NPnVY) {
2340
+ .Modal-module__hop-Modal__overlay___hVsnW[data-entering]:has(.Modal-module__hop-Modal__base-modal___O9qtB) {
2312
2341
  opacity: 0;
2313
2342
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2314
2343
  }
2315
- .Modal-module__hop-Modal__overlay___yWoGe[data-exiting]:has(.Modal-module__hop-Modal__base-modal___NPnVY) {
2344
+ .Modal-module__hop-Modal__overlay___hVsnW[data-exiting]:has(.Modal-module__hop-Modal__base-modal___O9qtB) {
2316
2345
  opacity: 0;
2317
2346
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2318
2347
  }