@hopper-ui/components 2.0.4 → 2.0.6

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 (398) hide show
  1. package/CHANGELOG.md +14 -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 +777 -933
  7. package/dist/alert/src/Alert.js +10 -10
  8. package/dist/alert/src/index.css +777 -933
  9. package/dist/alert/src/index.js +10 -10
  10. package/dist/avatar/src/AnonymousAvatar.css +51 -51
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +72 -72
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +66 -66
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +51 -51
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +51 -51
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +51 -51
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +99 -99
  23. package/dist/avatar/src/index.js +9 -9
  24. package/dist/badge/src/Badge.css +54 -54
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +49 -49
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +64 -64
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +200 -238
  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 +201 -239
  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 +210 -248
  41. package/dist/buttons/src/LinkButton.js +5 -5
  42. package/dist/buttons/src/ToggleButton.css +301 -381
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +704 -860
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/calendar/src/Calendar.css +752 -908
  47. package/dist/calendar/src/Calendar.js +13 -13
  48. package/dist/calendar/src/CalendarCell.css +50 -50
  49. package/dist/calendar/src/CalendarCell.js +1 -1
  50. package/dist/calendar/src/CalendarGrid.css +78 -78
  51. package/dist/calendar/src/CalendarGrid.js +3 -3
  52. package/dist/calendar/src/CalendarHeader.css +708 -864
  53. package/dist/calendar/src/CalendarHeader.js +8 -8
  54. package/dist/calendar/src/RangeCalendar.css +755 -911
  55. package/dist/calendar/src/RangeCalendar.js +13 -13
  56. package/dist/calendar/src/RangeCalendarCell.css +58 -58
  57. package/dist/calendar/src/RangeCalendarCell.js +1 -1
  58. package/dist/calendar/src/index.css +758 -914
  59. package/dist/calendar/src/index.js +14 -14
  60. package/dist/callout/src/Callout.css +717 -873
  61. package/dist/callout/src/Callout.js +8 -8
  62. package/dist/callout/src/CompactCallout.css +753 -909
  63. package/dist/callout/src/CompactCallout.js +8 -8
  64. package/dist/callout/src/index.css +766 -922
  65. package/dist/callout/src/index.js +9 -9
  66. package/dist/card/src/Card.css +42 -42
  67. package/dist/card/src/Card.js +1 -1
  68. package/dist/card/src/index.css +42 -42
  69. package/dist/card/src/index.js +1 -1
  70. package/dist/checkbox/src/Checkbox.css +58 -58
  71. package/dist/checkbox/src/Checkbox.js +4 -4
  72. package/dist/checkbox/src/CheckboxField.css +45 -45
  73. package/dist/checkbox/src/CheckboxField.js +3 -3
  74. package/dist/checkbox/src/CheckboxGroup.css +111 -111
  75. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  76. package/dist/checkbox/src/DecorativeCheckbox.css +66 -66
  77. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  78. package/dist/checkbox/src/index.css +111 -111
  79. package/dist/checkbox/src/index.js +11 -11
  80. package/dist/{chunk-EL6E3EJK.js → chunk-2FDF2Y55.js} +6 -6
  81. package/dist/{chunk-KC3MTSVY.js → chunk-2OWABMEV.js} +1 -1
  82. package/dist/{chunk-JY24GLEK.js → chunk-2TL6HZ6X.js} +2 -2
  83. package/dist/{chunk-XR2IJHN3.js → chunk-2Y53OG3F.js} +1 -1
  84. package/dist/{chunk-4IO2CE3Z.js → chunk-3D3AF7XH.js} +2 -2
  85. package/dist/{chunk-CMBOU6Y6.js → chunk-3KFL3HBM.js} +3 -3
  86. package/dist/{chunk-5CAH5AOY.js → chunk-3KJVCBFO.js} +2 -2
  87. package/dist/{chunk-Z2B4IQ3T.js → chunk-4LBGUXTO.js} +2 -2
  88. package/dist/{chunk-2RCZNMZ6.js → chunk-5B7Z6RR4.js} +1 -1
  89. package/dist/{chunk-GLPA2BNC.js → chunk-6BTMVPZ4.js} +1 -1
  90. package/dist/{chunk-OMNPSSHM.js → chunk-6OXVCB34.js} +5 -5
  91. package/dist/{chunk-5W6WAJRZ.js → chunk-6RJZRTHA.js} +4 -4
  92. package/dist/{chunk-YI5XAV2V.js → chunk-76C42GKG.js} +9 -9
  93. package/dist/{chunk-AGIEKHSS.js → chunk-7ABA56GA.js} +1 -1
  94. package/dist/{chunk-MPAV2NNG.js → chunk-7WQYNLCH.js} +2 -2
  95. package/dist/{chunk-DRD7SX24.js → chunk-7ZKVAADZ.js} +1 -1
  96. package/dist/{chunk-VBOYVUEY.js → chunk-AJUVOFNJ.js} +3 -3
  97. package/dist/{chunk-KNP33OR5.js → chunk-AKCA7TGK.js} +10 -9
  98. package/dist/{chunk-74GIB6KT.js → chunk-B4GZRNKO.js} +2 -2
  99. package/dist/{chunk-AXJL6QXN.js → chunk-BKIMWVMC.js} +2 -2
  100. package/dist/{chunk-X6XQPBOC.js → chunk-BU5DF6NF.js} +1 -1
  101. package/dist/{chunk-O6E447NY.js → chunk-BXDJ5QI3.js} +1 -1
  102. package/dist/{chunk-2PMPGKKO.js → chunk-CBGA2Q7V.js} +3 -3
  103. package/dist/{chunk-PMNQ7M5D.js → chunk-CIWYB2PC.js} +2 -2
  104. package/dist/{chunk-LBCROA2C.js → chunk-CL3RUU7I.js} +12 -11
  105. package/dist/{chunk-GYOR5FQD.js → chunk-CWB6JUSF.js} +3 -3
  106. package/dist/{chunk-HAONNZGD.js → chunk-D22HRNWX.js} +9 -9
  107. package/dist/{chunk-YZLG4HTO.js → chunk-DSCRM3QV.js} +2 -2
  108. package/dist/{chunk-NC4FZSRI.js → chunk-E76FLV6C.js} +1 -1
  109. package/dist/{chunk-QI4OLDRW.js → chunk-E7LYAEMD.js} +3 -3
  110. package/dist/{chunk-VQC3VW5D.js → chunk-EFMQ4R4W.js} +1 -1
  111. package/dist/{chunk-ABJNST5Y.js → chunk-EWIOLB3N.js} +10 -8
  112. package/dist/{chunk-RKZGYLDL.js → chunk-F4ND6YOW.js} +5 -5
  113. package/dist/{chunk-LZAPV7GO.js → chunk-FOVOJUID.js} +11 -11
  114. package/dist/{chunk-V6JW2IDW.js → chunk-GLXKRHYR.js} +2 -2
  115. package/dist/{chunk-WUPQNWG6.js → chunk-GYW2GC75.js} +1 -1
  116. package/dist/{chunk-YUJ5HRQW.js → chunk-H2TCIE56.js} +1 -1
  117. package/dist/{chunk-S532SP7N.js → chunk-HF6L323O.js} +4 -4
  118. package/dist/{chunk-GFTCVNBW.js → chunk-HQUOJXEW.js} +2 -2
  119. package/dist/{chunk-UKWALODK.js → chunk-HUGBHHAG.js} +1 -1
  120. package/dist/{chunk-TD4LNMLO.js → chunk-IRRSYY2F.js} +2 -2
  121. package/dist/{chunk-FD4H6VW2.js → chunk-IS25ID2S.js} +1 -1
  122. package/dist/{chunk-4W4KDGX2.js → chunk-ISGDOSNB.js} +1 -1
  123. package/dist/{chunk-4ZEKJONJ.js → chunk-IXDHQQJN.js} +1 -1
  124. package/dist/{chunk-27WGK24R.js → chunk-J6DHYQ36.js} +1 -1
  125. package/dist/{chunk-2KR6LNAH.js → chunk-JJT6CTLP.js} +1 -1
  126. package/dist/{chunk-GH5OQTF6.js → chunk-JOW5NSCA.js} +5 -5
  127. package/dist/{chunk-ZG62FSWY.js → chunk-KJWZVFCG.js} +1 -1
  128. package/dist/{chunk-RBACF7O4.js → chunk-KMN4FU55.js} +5 -5
  129. package/dist/{chunk-BWLIPXNB.js → chunk-KQ5RWNDN.js} +1 -1
  130. package/dist/{chunk-KSIT5LD6.js → chunk-KSDHJNYN.js} +4 -4
  131. package/dist/{chunk-ZTQZ6H5M.js → chunk-KXOECXEU.js} +2 -2
  132. package/dist/{chunk-PAONW5PU.js → chunk-LGQK4W7B.js} +2 -2
  133. package/dist/{chunk-32AJFLHQ.js → chunk-LGWJUCH5.js} +3 -3
  134. package/dist/{chunk-C4UK4327.js → chunk-LWDZ73SN.js} +1 -1
  135. package/dist/{chunk-I3YFYV66.js → chunk-LZE4IIUF.js} +1 -1
  136. package/dist/{chunk-KXIN6OBX.js → chunk-MMOPS2WX.js} +1 -1
  137. package/dist/{chunk-RTPGWP4T.js → chunk-MTN5RZ55.js} +2 -2
  138. package/dist/{chunk-Z6S6ZRKX.js → chunk-OQQZVGRO.js} +1 -1
  139. package/dist/{chunk-LYEPX26B.js → chunk-PDHYGY36.js} +8 -8
  140. package/dist/{chunk-DTF2TOLS.js → chunk-PRTKPBIW.js} +1 -1
  141. package/dist/{chunk-2NKOZRHC.js → chunk-PTJAKPS4.js} +1 -1
  142. package/dist/{chunk-DHPFOAP6.js → chunk-PWJQQEP6.js} +2 -2
  143. package/dist/{chunk-I36YT3SK.js → chunk-QZWOIHV2.js} +1 -1
  144. package/dist/{chunk-PGTKFOZP.js → chunk-R6CVIA3A.js} +1 -1
  145. package/dist/{chunk-7Y7752V2.js → chunk-RG6S4OYB.js} +2 -2
  146. package/dist/{chunk-NPA7UT32.js → chunk-RKZCRO7K.js} +1 -1
  147. package/dist/{chunk-H5YTGCBL.js → chunk-RNCGPXBT.js} +1 -1
  148. package/dist/{chunk-Z24JPDBO.js → chunk-RPSLB6Y3.js} +3 -3
  149. package/dist/{chunk-QWLCNMRN.js → chunk-RQRMV3LR.js} +2 -2
  150. package/dist/{chunk-NI2UYX32.js → chunk-RVNVJJXH.js} +2 -2
  151. package/dist/{chunk-KMA7226P.js → chunk-RXTKH3KD.js} +1 -1
  152. package/dist/{chunk-ACLCZ4JM.js → chunk-S725FNRQ.js} +2 -2
  153. package/dist/{chunk-B63L3T3Y.js → chunk-SO32JE7J.js} +2 -2
  154. package/dist/{chunk-NN4TTBZG.js → chunk-T5AHCC5R.js} +1 -1
  155. package/dist/{chunk-QSUTETKK.js → chunk-THFYFVYU.js} +2 -2
  156. package/dist/{chunk-S7UYFZW2.js → chunk-THP46I24.js} +3 -3
  157. package/dist/{chunk-VN7LMG2K.js → chunk-U6LFRY7U.js} +5 -5
  158. package/dist/{chunk-J4RHTBPT.js → chunk-UGTJDSEY.js} +10 -9
  159. package/dist/{chunk-AO6MXEEF.js → chunk-VBINZBNO.js} +3 -3
  160. package/dist/{chunk-QNPL5VRZ.js → chunk-VGD7PFDG.js} +1 -1
  161. package/dist/{chunk-B4Q6TE56.js → chunk-VHSKFQRZ.js} +2 -2
  162. package/dist/{chunk-R5HCTYGG.js → chunk-VJV4KPRY.js} +3 -3
  163. package/dist/{chunk-W7OPXJ4K.js → chunk-VJXSPTEA.js} +1 -1
  164. package/dist/{chunk-IMW4OEDY.js → chunk-VZ6AZETN.js} +2 -2
  165. package/dist/{chunk-JG6NKNWU.js → chunk-XA7FFG4X.js} +1 -1
  166. package/dist/{chunk-42VCV3RI.js → chunk-XGWDKKDJ.js} +12 -12
  167. package/dist/{chunk-GARRT7S4.js → chunk-XLEKVYWT.js} +1 -1
  168. package/dist/{chunk-NXPWXGP5.js → chunk-XNRX2RI3.js} +1 -1
  169. package/dist/{chunk-QSB7MQGS.js → chunk-Y36TCGPY.js} +2 -2
  170. package/dist/{chunk-HO4DZCWE.js → chunk-Y4KOA2WI.js} +3 -3
  171. package/dist/{chunk-O5FAEC4C.js → chunk-YFFXH3EA.js} +1 -1
  172. package/dist/{chunk-WBT2L5WY.js → chunk-YWBJZ7T3.js} +1 -1
  173. package/dist/{chunk-VRAR2MAW.js → chunk-YZHCMRDW.js} +3 -3
  174. package/dist/{chunk-WYOFZA76.js → chunk-ZC5WHVOB.js} +3 -3
  175. package/dist/{chunk-R6RE6TYG.js → chunk-ZGGHCDAJ.js} +2 -2
  176. package/dist/{chunk-J7OA7NZX.js → chunk-ZZ7Q2TJP.js} +1 -1
  177. package/dist/combobox/src/ComboBox.css +1132 -1288
  178. package/dist/combobox/src/ComboBox.js +17 -17
  179. package/dist/combobox/src/index.css +1132 -1288
  180. package/dist/combobox/src/index.js +17 -17
  181. package/dist/contextual-help/src/ContextualHelp.css +1053 -1209
  182. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  183. package/dist/contextual-help/src/index.css +1053 -1209
  184. package/dist/contextual-help/src/index.js +4 -4
  185. package/dist/date-picker/src/DateInput.css +51 -51
  186. package/dist/date-picker/src/DateInput.js +1 -1
  187. package/dist/date-picker/src/DatePicker.css +1192 -1348
  188. package/dist/date-picker/src/DatePicker.js +20 -20
  189. package/dist/date-picker/src/DateRangePicker.css +1195 -1351
  190. package/dist/date-picker/src/DateRangePicker.js +20 -20
  191. package/dist/date-picker/src/index.css +1203 -1359
  192. package/dist/date-picker/src/index.js +22 -22
  193. package/dist/disclosure/src/Disclosure.css +49 -49
  194. package/dist/disclosure/src/Disclosure.js +1 -1
  195. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  196. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  197. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  198. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  199. package/dist/disclosure/src/index.css +74 -74
  200. package/dist/disclosure/src/index.js +7 -7
  201. package/dist/divider/src/Divider.css +41 -41
  202. package/dist/divider/src/Divider.js +1 -1
  203. package/dist/divider/src/index.css +41 -41
  204. package/dist/divider/src/index.js +1 -1
  205. package/dist/error-message/src/ErrorMessage.css +41 -41
  206. package/dist/error-message/src/ErrorMessage.js +2 -2
  207. package/dist/error-message/src/index.css +41 -41
  208. package/dist/error-message/src/index.js +2 -2
  209. package/dist/form/src/Form.css +39 -39
  210. package/dist/form/src/Form.js +1 -1
  211. package/dist/form/src/index.css +39 -39
  212. package/dist/form/src/index.js +1 -1
  213. package/dist/header/src/Header.css +39 -39
  214. package/dist/header/src/index.css +39 -39
  215. package/dist/helper-message/src/HelperMessage.css +41 -41
  216. package/dist/helper-message/src/HelperMessage.js +2 -2
  217. package/dist/helper-message/src/index.css +41 -41
  218. package/dist/helper-message/src/index.js +2 -2
  219. package/dist/icon-list/src/IconList.css +40 -40
  220. package/dist/icon-list/src/IconList.js +1 -1
  221. package/dist/icon-list/src/index.css +40 -40
  222. package/dist/icon-list/src/index.js +1 -1
  223. package/dist/illustrated-message/src/IllustratedMessage.css +726 -882
  224. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  225. package/dist/illustrated-message/src/index.css +726 -882
  226. package/dist/illustrated-message/src/index.js +1 -1
  227. package/dist/illustration/src/Illustration.css +48 -48
  228. package/dist/illustration/src/Illustration.js +1 -1
  229. package/dist/illustration/src/index.css +48 -48
  230. package/dist/illustration/src/index.js +1 -1
  231. package/dist/image/src/Image.css +42 -42
  232. package/dist/image/src/Image.js +1 -1
  233. package/dist/image/src/SvgImage.css +40 -40
  234. package/dist/image/src/SvgImage.js +1 -1
  235. package/dist/image/src/index.css +43 -43
  236. package/dist/image/src/index.js +2 -2
  237. package/dist/index.css +1601 -1757
  238. package/dist/index.js +97 -97
  239. package/dist/inputs/src/Input.css +43 -43
  240. package/dist/inputs/src/Input.js +1 -1
  241. package/dist/inputs/src/InputGroup.css +45 -45
  242. package/dist/inputs/src/InputGroup.js +1 -1
  243. package/dist/inputs/src/NumberField.css +69 -69
  244. package/dist/inputs/src/NumberField.d.ts +5 -0
  245. package/dist/inputs/src/NumberField.js +10 -10
  246. package/dist/inputs/src/NumberFieldContext.d.ts +1 -0
  247. package/dist/inputs/src/PasswordField.css +724 -880
  248. package/dist/inputs/src/PasswordField.d.ts +3 -3
  249. package/dist/inputs/src/PasswordField.js +10 -10
  250. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  251. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  252. package/dist/inputs/src/SearchField.css +730 -886
  253. package/dist/inputs/src/SearchField.d.ts +7 -2
  254. package/dist/inputs/src/SearchField.js +11 -11
  255. package/dist/inputs/src/SearchFieldContext.d.ts +1 -0
  256. package/dist/inputs/src/TextArea.css +68 -68
  257. package/dist/inputs/src/TextArea.d.ts +6 -2
  258. package/dist/inputs/src/TextArea.js +9 -9
  259. package/dist/inputs/src/TextField.css +728 -884
  260. package/dist/inputs/src/TextField.d.ts +6 -1
  261. package/dist/inputs/src/TextField.js +13 -13
  262. package/dist/inputs/src/TextFieldContext.d.ts +1 -0
  263. package/dist/inputs/src/index.css +778 -934
  264. package/dist/inputs/src/index.js +17 -17
  265. package/dist/layout/src/Content.css +39 -39
  266. package/dist/layout/src/Footer.css +39 -39
  267. package/dist/link/src/Link.css +78 -78
  268. package/dist/link/src/Link.js +3 -3
  269. package/dist/link/src/index.css +78 -78
  270. package/dist/link/src/index.js +3 -3
  271. package/dist/list-box/src/ListBox.css +320 -320
  272. package/dist/list-box/src/ListBox.js +7 -7
  273. package/dist/list-box/src/ListBoxItem.css +308 -308
  274. package/dist/list-box/src/ListBoxItem.js +6 -6
  275. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  276. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  277. package/dist/list-box/src/index.css +320 -320
  278. package/dist/list-box/src/index.js +7 -7
  279. package/dist/menu/src/Menu.css +1055 -1211
  280. package/dist/menu/src/Menu.js +2 -2
  281. package/dist/menu/src/MenuItem.css +124 -124
  282. package/dist/menu/src/MenuItem.js +2 -2
  283. package/dist/menu/src/MenuSection.css +41 -41
  284. package/dist/menu/src/MenuSection.js +1 -1
  285. package/dist/menu/src/index.css +1081 -1237
  286. package/dist/menu/src/index.js +5 -5
  287. package/dist/modal/src/BaseModal.css +2 -2
  288. package/dist/modal/src/BaseModal.js +1 -1
  289. package/dist/modal/src/CustomModal.css +55 -55
  290. package/dist/modal/src/CustomModal.js +2 -2
  291. package/dist/modal/src/Modal.css +747 -903
  292. package/dist/modal/src/Modal.js +9 -9
  293. package/dist/modal/src/index.css +761 -917
  294. package/dist/modal/src/index.js +10 -10
  295. package/dist/overlays/popover/src/Popover.css +1047 -1203
  296. package/dist/overlays/popover/src/Popover.js +1 -1
  297. package/dist/overlays/popover/src/PopoverBase.css +42 -42
  298. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  299. package/dist/overlays/popover/src/index.css +1050 -1206
  300. package/dist/overlays/popover/src/index.js +2 -2
  301. package/dist/radio/src/DecorativeRadio.css +66 -66
  302. package/dist/radio/src/DecorativeRadio.js +3 -3
  303. package/dist/radio/src/Radio.css +58 -58
  304. package/dist/radio/src/Radio.js +3 -3
  305. package/dist/radio/src/RadioField.css +45 -45
  306. package/dist/radio/src/RadioField.js +2 -2
  307. package/dist/radio/src/RadioGroup.css +111 -111
  308. package/dist/radio/src/RadioGroup.js +7 -7
  309. package/dist/radio/src/index.css +111 -111
  310. package/dist/radio/src/index.js +11 -11
  311. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  312. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  313. package/dist/segmented-control/src/SegmentedControlItem.css +54 -54
  314. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  315. package/dist/segmented-control/src/index.css +55 -55
  316. package/dist/segmented-control/src/index.js +3 -3
  317. package/dist/select/src/MultiSelect.css +1146 -1302
  318. package/dist/select/src/MultiSelect.d.ts +1 -0
  319. package/dist/select/src/MultiSelect.js +22 -22
  320. package/dist/select/src/Select.css +1146 -1302
  321. package/dist/select/src/Select.d.ts +1 -0
  322. package/dist/select/src/Select.js +22 -22
  323. package/dist/select/src/SelectContext.d.ts +1 -0
  324. package/dist/select/src/SelectInternal.css +1146 -1302
  325. package/dist/select/src/SelectInternal.d.ts +1 -0
  326. package/dist/select/src/SelectInternal.js +21 -21
  327. package/dist/select/src/SelectValue.css +105 -105
  328. package/dist/select/src/SelectValue.js +2 -2
  329. package/dist/select/src/index.css +1146 -1302
  330. package/dist/select/src/index.d.ts +1 -0
  331. package/dist/select/src/index.js +23 -23
  332. package/dist/spinner/src/Spinner.css +49 -49
  333. package/dist/spinner/src/Spinner.js +2 -2
  334. package/dist/spinner/src/index.css +49 -49
  335. package/dist/spinner/src/index.js +2 -2
  336. package/dist/switch/src/Switch.css +55 -55
  337. package/dist/switch/src/Switch.js +3 -3
  338. package/dist/switch/src/SwitchField.css +45 -45
  339. package/dist/switch/src/SwitchField.js +2 -2
  340. package/dist/switch/src/index.css +61 -61
  341. package/dist/switch/src/index.js +4 -4
  342. package/dist/tabs/src/Tab.css +902 -1058
  343. package/dist/tabs/src/Tab.js +2 -2
  344. package/dist/tabs/src/TabList.css +44 -44
  345. package/dist/tabs/src/TabList.js +1 -1
  346. package/dist/tabs/src/TabPanel.css +41 -41
  347. package/dist/tabs/src/TabPanel.js +1 -1
  348. package/dist/tabs/src/index.css +909 -1065
  349. package/dist/tabs/src/index.js +4 -4
  350. package/dist/tag/src/Tag.css +877 -1033
  351. package/dist/tag/src/Tag.js +7 -7
  352. package/dist/tag/src/TagGroup.css +49 -49
  353. package/dist/tag/src/TagGroup.js +7 -7
  354. package/dist/tag/src/index.css +887 -1043
  355. package/dist/tag/src/index.js +12 -12
  356. package/dist/tile/src/Tile.css +66 -66
  357. package/dist/tile/src/Tile.js +1 -1
  358. package/dist/tile/src/TileGroup.css +40 -40
  359. package/dist/tile/src/TileGroup.js +1 -1
  360. package/dist/tile/src/index.css +67 -67
  361. package/dist/tile/src/index.js +2 -2
  362. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  363. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  364. package/dist/toggle-arrow/src/index.css +41 -41
  365. package/dist/toggle-arrow/src/index.js +1 -1
  366. package/dist/tooltip/src/Tooltip.css +49 -49
  367. package/dist/tooltip/src/Tooltip.js +3 -3
  368. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  369. package/dist/tooltip/src/index.css +49 -49
  370. package/dist/tooltip/src/index.js +3 -3
  371. package/dist/typography/heading/src/Heading.css +39 -39
  372. package/dist/typography/heading/src/Heading.js +1 -1
  373. package/dist/typography/heading/src/index.css +39 -39
  374. package/dist/typography/heading/src/index.js +1 -1
  375. package/dist/typography/label/src/FieldLabel.css +39 -39
  376. package/dist/typography/label/src/FieldLabel.js +3 -3
  377. package/dist/typography/label/src/Label.css +39 -39
  378. package/dist/typography/label/src/Label.js +1 -1
  379. package/dist/typography/label/src/index.css +39 -39
  380. package/dist/typography/label/src/index.js +3 -3
  381. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  382. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  383. package/dist/typography/overline-text/src/index.css +39 -39
  384. package/dist/typography/overline-text/src/index.js +1 -1
  385. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  386. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  387. package/dist/typography/paragraph/src/index.css +39 -39
  388. package/dist/typography/paragraph/src/index.js +2 -2
  389. package/dist/typography/text/src/Text.css +39 -39
  390. package/dist/typography/text/src/Text.js +1 -1
  391. package/dist/typography/text/src/index.css +39 -39
  392. package/dist/typography/text/src/index.js +1 -1
  393. package/dist/utils/src/ClearSlots.css +39 -39
  394. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  395. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  396. package/dist/utils/src/index.css +39 -39
  397. package/dist/utils/src/index.js +2 -2
  398. package/package.json +2 -2
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___Ql1rj {
2
+ .BaseModal-module__hop-BaseModal___YhcYS {
3
3
  --hop-BaseModal-isolation: isolate;
4
4
  --hop-BaseModal-position: fixed;
5
5
  --hop-BaseModal-inset: 0;
@@ -39,7 +39,7 @@
39
39
  color: var(--hop-BaseModal-color);
40
40
  background-color: var(--hop-BaseModal-background-color);
41
41
  }
42
- .BaseModal-module__hop-BaseModal__modal___CFSoD {
42
+ .BaseModal-module__hop-BaseModal__modal___lS4MB {
43
43
  --hop-BaseModal__modal-display: flex;
44
44
  --hop-BaseModal__modal-flex-direction: column;
45
45
  --hop-BaseModal__modal-max-inline-size: 90dvw;
@@ -58,7 +58,7 @@
58
58
  }
59
59
 
60
60
  /* 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___-Snu8 {
61
+ .Heading-module__hop-Heading___HJ0yT {
62
62
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
63
63
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
64
64
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -92,53 +92,53 @@
92
92
  --hop-Heading-inherit-size-font-weight: inherit;
93
93
  --hop-Heading-inherit-size-line-height: inherit;
94
94
  }
95
- :where(.Heading-module__hop-Heading___-Snu8) {
95
+ :where(.Heading-module__hop-Heading___HJ0yT) {
96
96
  margin: 0;
97
97
  color: var(--hop-neutral-text);
98
98
  }
99
- :where(.Heading-module__hop-Heading___-Snu8):not(.Heading-module__hop-Heading--unset___knMq6) {
99
+ :where(.Heading-module__hop-Heading___HJ0yT):not(.Heading-module__hop-Heading--unset___ZyWgn) {
100
100
  font-family: var(--font-family);
101
101
  font-size: var(--font-size);
102
102
  font-weight: var(--font-weight);
103
103
  line-height: var(--line-height);
104
104
  }
105
- :where(.Heading-module__hop-Heading--xs___T2hkl) {
105
+ :where(.Heading-module__hop-Heading--xs___ftAqb) {
106
106
  --font-size: var(--hop-Heading-xs-font-size);
107
107
  --font-family: var(--hop-Heading-xs-font-family);
108
108
  --font-weight: var(--hop-Heading-xs-font-weight);
109
109
  --line-height: var(--hop-Heading-xs-line-height);
110
110
  }
111
- :where(.Heading-module__hop-Heading--sm___UkYVG) {
111
+ :where(.Heading-module__hop-Heading--sm___FMmiQ) {
112
112
  --font-size: var(--hop-Heading-sm-font-size);
113
113
  --font-family: var(--hop-Heading-sm-font-family);
114
114
  --font-weight: var(--hop-Heading-sm-font-weight);
115
115
  --line-height: var(--hop-Heading-sm-line-height);
116
116
  }
117
- :where(.Heading-module__hop-Heading--md___sRJaf) {
117
+ :where(.Heading-module__hop-Heading--md___juSD4) {
118
118
  --font-size: var(--hop-Heading-md-font-size);
119
119
  --font-family: var(--hop-Heading-md-font-family);
120
120
  --font-weight: var(--hop-Heading-md-font-weight);
121
121
  --line-height: var(--hop-Heading-md-line-height);
122
122
  }
123
- :where(.Heading-module__hop-Heading--lg___s-YPs) {
123
+ :where(.Heading-module__hop-Heading--lg___w1dsp) {
124
124
  --font-size: var(--hop-Heading-lg-font-size);
125
125
  --font-family: var(--hop-Heading-lg-font-family);
126
126
  --font-weight: var(--hop-Heading-lg-font-weight);
127
127
  --line-height: var(--hop-Heading-lg-line-height);
128
128
  }
129
- :where(.Heading-module__hop-Heading--xl___GmM39) {
129
+ :where(.Heading-module__hop-Heading--xl___JF85d) {
130
130
  --font-size: var(--hop-Heading-xl-font-size);
131
131
  --font-family: var(--hop-Heading-xl-font-family);
132
132
  --font-weight: var(--hop-Heading-xl-font-weight);
133
133
  --line-height: var(--hop-Heading-xl-line-height);
134
134
  }
135
- :where(.Heading-module__hop-Heading--2xl___Lc-PI) {
135
+ :where(.Heading-module__hop-Heading--2xl___htV4o) {
136
136
  --font-size: var(--hop-Heading-2xl-font-size);
137
137
  --font-family: var(--hop-Heading-2xl-font-family);
138
138
  --font-weight: var(--hop-Heading-2xl-font-weight);
139
139
  --line-height: var(--hop-Heading-2xl-line-height);
140
140
  }
141
- :where(.Heading-module__hop-Heading--3xl___x2Gyg) {
141
+ :where(.Heading-module__hop-Heading--3xl___EWELs) {
142
142
  --font-size: var(--hop-Heading-3xl-font-size);
143
143
  --font-family: var(--hop-Heading-3xl-font-family);
144
144
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -146,21 +146,21 @@
146
146
  }
147
147
 
148
148
  /* 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___rL3wb {
149
+ .Form-module__hop-Form___b1zZY {
150
150
  display: flex;
151
151
  flex-direction: column;
152
152
  gap: var(--hop-space-stack-lg);
153
153
  }
154
154
 
155
155
  /* 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___bR5KM {
156
+ .Label-module__hop-Label___sEZ2f {
157
157
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
158
158
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
159
159
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
160
160
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
161
161
  --hop-Label-color: var(--hop-neutral-text-weak);
162
162
  }
163
- :where(.Label-module__hop-Label___bR5KM) {
163
+ :where(.Label-module__hop-Label___sEZ2f) {
164
164
  font-family: var(--hop-Label-font-family);
165
165
  font-size: var(--hop-Label-font-size);
166
166
  font-weight: var(--hop-Label-font-weight);
@@ -169,17 +169,17 @@
169
169
  }
170
170
 
171
171
  /* 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___HhdLy {
172
+ .FieldLabel-module__hop-FieldLabel__wrapper___K0TTV {
173
173
  display: flex;
174
174
  gap: var(--hop-space-inset-xs);
175
175
  align-items: center;
176
176
  }
177
- .FieldLabel-module__hop-FieldLabel__indicator___8KRZY {
177
+ .FieldLabel-module__hop-FieldLabel__indicator___qoEtX {
178
178
  padding-inline-start: var(--hop-space-20);
179
179
  }
180
180
 
181
181
  /* 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___eO6FN) {
182
+ :where(.OverlineText-module__hop-OverlineText___Uf1qS) {
183
183
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
184
184
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
185
185
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -203,26 +203,26 @@
203
203
  text-transform: uppercase;
204
204
  letter-spacing: var(--letter-spacing);
205
205
  }
206
- .OverlineText-module__hop-OverlineText__text___qEzbH {
206
+ .OverlineText-module__hop-OverlineText__text___rDGI6 {
207
207
  box-sizing: border-box;
208
208
  }
209
- .OverlineText-module__hop-OverlineText__text___qEzbH::before,
210
- .OverlineText-module__hop-OverlineText__text___qEzbH::after {
209
+ .OverlineText-module__hop-OverlineText__text___rDGI6::before,
210
+ .OverlineText-module__hop-OverlineText__text___rDGI6::after {
211
211
  content: "";
212
212
  display: block;
213
213
  box-sizing: border-box;
214
214
  inline-size: 0;
215
215
  block-size: 0;
216
216
  }
217
- .OverlineText-module__hop-OverlineText__text___qEzbH::before {
217
+ .OverlineText-module__hop-OverlineText__text___rDGI6::before {
218
218
  margin-block-end: var(--bottom-offset);
219
219
  }
220
- .OverlineText-module__hop-OverlineText__text___qEzbH::after {
220
+ .OverlineText-module__hop-OverlineText__text___rDGI6::after {
221
221
  margin-block-start: var(--top-offset);
222
222
  }
223
223
 
224
224
  /* 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___FGr36 {
225
+ .Text-module__hop-Text___UQ8Lk {
226
226
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
227
227
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
228
228
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -252,49 +252,49 @@
252
252
  --hop-Text-inherit-size-font-weight: inherit;
253
253
  --hop-Text-inherit-size-line-height: inherit;
254
254
  }
255
- :where(.Text-module__hop-Text___FGr36) {
255
+ :where(.Text-module__hop-Text___UQ8Lk) {
256
256
  font-family: var(--font-family);
257
257
  font-size: var(--font-size);
258
258
  font-weight: var(--font-weight);
259
259
  line-height: var(--line-height);
260
260
  }
261
- :where(.Text-module__hop-Text--xs___160v2) {
261
+ :where(.Text-module__hop-Text--xs___14brN) {
262
262
  --font-size: var(--hop-Text-xs-font-size);
263
263
  --font-family: var(--hop-Text-xs-font-family);
264
264
  --font-weight: var(--hop-Text-xs-font-weight);
265
265
  --line-height: var(--hop-Text-xs-line-height);
266
266
  }
267
- :where(.Text-module__hop-Text--sm___IT2I4) {
267
+ :where(.Text-module__hop-Text--sm___-RKtM) {
268
268
  --font-size: var(--hop-Text-sm-font-size);
269
269
  --font-family: var(--hop-Text-sm-font-family);
270
270
  --font-weight: var(--hop-Text-sm-font-weight);
271
271
  --line-height: var(--hop-Text-sm-line-height);
272
272
  }
273
- :where(.Text-module__hop-Text--md___6Zuhi) {
273
+ :where(.Text-module__hop-Text--md___TKL--) {
274
274
  --font-size: var(--hop-Text-md-font-size);
275
275
  --font-family: var(--hop-Text-md-font-family);
276
276
  --font-weight: var(--hop-Text-md-font-weight);
277
277
  --line-height: var(--hop-Text-md-line-height);
278
278
  }
279
- :where(.Text-module__hop-Text--lg___INN88) {
279
+ :where(.Text-module__hop-Text--lg___1qgyc) {
280
280
  --font-size: var(--hop-Text-lg-font-size);
281
281
  --font-family: var(--hop-Text-lg-font-family);
282
282
  --font-weight: var(--hop-Text-lg-font-weight);
283
283
  --line-height: var(--hop-Text-lg-line-height);
284
284
  }
285
- :where(.Text-module__hop-Text--xl___xMvKm) {
285
+ :where(.Text-module__hop-Text--xl___mVMWH) {
286
286
  --font-size: var(--hop-Text-xl-font-size);
287
287
  --font-family: var(--hop-Text-xl-font-family);
288
288
  --font-weight: var(--hop-Text-xl-font-weight);
289
289
  --line-height: var(--hop-Text-xl-line-height);
290
290
  }
291
- :where(.Text-module__hop-Text--2xl___zNsCi) {
291
+ :where(.Text-module__hop-Text--2xl___FzF2s) {
292
292
  --font-size: var(--hop-Text-2xl-font-size);
293
293
  --font-family: var(--hop-Text-2xl-font-family);
294
294
  --font-weight: var(--hop-Text-2xl-font-weight);
295
295
  --line-height: var(--hop-Text-2xl-line-height);
296
296
  }
297
- :where(.Text-module__hop-Text--inherit___Oi-RS) {
297
+ :where(.Text-module__hop-Text--inherit___0WduJ) {
298
298
  --font-size: var(--hop-Text-inherit-size-font-size);
299
299
  --font-family: var(--hop-Text-inherit-size-font-family);
300
300
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -302,7 +302,7 @@
302
302
  }
303
303
 
304
304
  /* 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___5Zt-1 {
305
+ .Paragraph-module__hop-Paragraph___BSG6G {
306
306
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
307
307
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
308
308
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -314,33 +314,33 @@
314
314
  margin-block-end: var(--margin-block-end);
315
315
  overflow-wrap: break-word;
316
316
  }
317
- .Paragraph-module__hop-Paragraph___5Zt-1:last-child {
317
+ .Paragraph-module__hop-Paragraph___BSG6G:last-child {
318
318
  --margin-block-end: 0;
319
319
  }
320
- .Paragraph-module__hop-Paragraph--xs___Xyy-T {
320
+ .Paragraph-module__hop-Paragraph--xs___-HOey {
321
321
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
322
322
  }
323
- .Paragraph-module__hop-Paragraph--sm___yzMuT {
323
+ .Paragraph-module__hop-Paragraph--sm___KPNsp {
324
324
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
325
325
  }
326
- .Paragraph-module__hop-Paragraph--md___Ul8Yd {
326
+ .Paragraph-module__hop-Paragraph--md___gQjc2 {
327
327
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
328
328
  }
329
- .Paragraph-module__hop-Paragraph--lg___hcdQX {
329
+ .Paragraph-module__hop-Paragraph--lg___-7UGm {
330
330
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
331
331
  }
332
- .Paragraph-module__hop-Paragraph--xl___-H7Am {
332
+ .Paragraph-module__hop-Paragraph--xl___rYzwX {
333
333
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
334
334
  }
335
- .Paragraph-module__hop-Paragraph--2xl___z43CV {
335
+ .Paragraph-module__hop-Paragraph--2xl___-q-Aw {
336
336
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
337
337
  }
338
- .Paragraph-module__hop-Paragraph--inherit___6KhqN {
338
+ .Paragraph-module__hop-Paragraph--inherit___jDrOj {
339
339
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
340
340
  }
341
341
 
342
342
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/CustomModal.module.css/#css-module-data */
343
- .CustomModal-module__hop-CustomModal___QSgJ8 {
343
+ .CustomModal-module__hop-CustomModal___MKcdU {
344
344
  --hop-CustomModal-overflow: auto;
345
345
  --hop-CustomModal-box-sizing: border-box;
346
346
  --hop-CustomModal-outline: none;
@@ -352,7 +352,7 @@
352
352
  border-radius: inherit;
353
353
  outline: var(--hop-CustomModal-outline);
354
354
  }
355
- .CustomModal-module__hop-CustomModal__base-modal___uYiCs {
355
+ .CustomModal-module__hop-CustomModal__base-modal___8uqVL {
356
356
  --hop-CustomModal__base-modal-sm-width: 28.75rem;
357
357
  --hop-CustomModal__base-modal-md-width: 36.5rem;
358
358
  --hop-CustomModal__base-modal-lg-width: 41.5rem;
@@ -373,51 +373,51 @@
373
373
  block-size: var(--height);
374
374
  transition: var(--hop-CustomModal__base-modal-transition);
375
375
  }
376
- .CustomModal-module__hop-CustomModal__base-modal--sm___-QV6q {
376
+ .CustomModal-module__hop-CustomModal__base-modal--sm___das8I {
377
377
  --width: var(--hop-CustomModal__base-modal-sm-width);
378
378
  }
379
- .CustomModal-module__hop-CustomModal__base-modal--md___smKY2 {
379
+ .CustomModal-module__hop-CustomModal__base-modal--md___6XW4e {
380
380
  --width: var(--hop-CustomModal__base-modal-md-width);
381
381
  }
382
- .CustomModal-module__hop-CustomModal__base-modal--lg___mm-FB {
382
+ .CustomModal-module__hop-CustomModal__base-modal--lg___V78I9 {
383
383
  --width: var(--hop-CustomModal__base-modal-lg-width);
384
384
  }
385
- .CustomModal-module__hop-CustomModal__base-modal--xl___ZT4Zp {
385
+ .CustomModal-module__hop-CustomModal__base-modal--xl___PsVqy {
386
386
  --width: var(--hop-CustomModal__base-modal-xl-width);
387
387
  }
388
- .CustomModal-module__hop-CustomModal__base-modal--fullscreen___Gd-kD {
388
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreen___xv4CD {
389
389
  --width: var(--hop-CustomModal__base-modal-fullscreen-width);
390
390
  --height: var(--hop-CustomModal__base-modal-fullscreen-height);
391
391
  }
392
- .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___mpKDN {
392
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___foBko {
393
393
  --width: var(--hop-CustomModal__base-modal-fullscreentakeover-width);
394
394
  --height: var(--hop-CustomModal__base-modal-fullscreentakeover-height);
395
395
  --border-radius: var(--hop-CustomModal__base-modal-fullscreentakeover-border-radius);
396
396
  }
397
- .CustomModal-module__hop-CustomModal__base-modal--fullscreen___Gd-kD,
398
- .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___mpKDN {
397
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreen___xv4CD,
398
+ .CustomModal-module__hop-CustomModal__base-modal--fullscreentakeover___foBko {
399
399
  --max-inline-size: var(--hop-CustomModal__base-modal-fullscreen-max-width);
400
400
  --max-block-size: var(--hop-CustomModal__base-modal-fullscreen-max-height);
401
401
  }
402
- .CustomModal-module__hop-CustomModal__overlay___RDRq9[data-entering] .CustomModal-module__hop-CustomModal__base-modal___uYiCs {
402
+ .CustomModal-module__hop-CustomModal__overlay___fXHYH[data-entering] .CustomModal-module__hop-CustomModal__base-modal___8uqVL {
403
403
  transform: var(--hop-CustomModal__base-modal-entering-transform);
404
404
  opacity: var(--hop-CustomModal__base-modal-entering-opacity);
405
405
  }
406
- .CustomModal-module__hop-CustomModal__overlay___RDRq9[data-exiting] .CustomModal-module__hop-CustomModal__base-modal___uYiCs {
406
+ .CustomModal-module__hop-CustomModal__overlay___fXHYH[data-exiting] .CustomModal-module__hop-CustomModal__base-modal___8uqVL {
407
407
  opacity: var(--hop-CustomModal__base-modal-exiting-opacity);
408
408
  transition: var(--hop-CustomModal__base-modal-exiting-transition);
409
409
  }
410
- .CustomModal-module__hop-CustomModal__overlay___RDRq9[data-entering]:has(.CustomModal-module__hop-CustomModal__base-modal___uYiCs) {
410
+ .CustomModal-module__hop-CustomModal__overlay___fXHYH[data-entering]:has(.CustomModal-module__hop-CustomModal__base-modal___8uqVL) {
411
411
  opacity: 0;
412
412
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
413
413
  }
414
- .CustomModal-module__hop-CustomModal__overlay___RDRq9[data-exiting]:has(.CustomModal-module__hop-CustomModal__base-modal___uYiCs) {
414
+ .CustomModal-module__hop-CustomModal__overlay___fXHYH[data-exiting]:has(.CustomModal-module__hop-CustomModal__base-modal___8uqVL) {
415
415
  opacity: 0;
416
416
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
417
417
  }
418
418
 
419
419
  /* 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___Fef5U {
420
+ .IconList-module__hop-IconList___-hw-V {
421
421
  --hop-IconList-gap: var(--hop-space-inline-xs);
422
422
  display: flex;
423
423
  flex-wrap: wrap;
@@ -426,7 +426,7 @@
426
426
  }
427
427
 
428
428
  /* 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___MdfkJ {
429
+ @keyframes Spinner-module__spin___5z8mH {
430
430
  0% {
431
431
  transform: rotate(0deg);
432
432
  }
@@ -434,7 +434,7 @@
434
434
  transform: rotate(360deg);
435
435
  }
436
436
  }
437
- .Spinner-module__hop-Spinner___b0m0F {
437
+ .Spinner-module__hop-Spinner___WMumF {
438
438
  --hop-Spinner-border-radius: var(--hop-shape-circle);
439
439
  --hop-Spinner-sm-wheel-size: 1rem;
440
440
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -442,7 +442,7 @@
442
442
  --hop-Spinner-track-width: 0.125rem;
443
443
  --hop-Spinner-track-opacity: 0.2;
444
444
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
445
- --hop-Spinner-fill-animation: Spinner-module__spin___MdfkJ .8s infinite linear;
445
+ --hop-Spinner-fill-animation: Spinner-module__spin___5z8mH .8s infinite linear;
446
446
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
447
447
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
448
448
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -453,19 +453,19 @@
453
453
  align-items: center;
454
454
  box-sizing: border-box;
455
455
  }
456
- .Spinner-module__hop-Spinner--sm___5fffU {
456
+ .Spinner-module__hop-Spinner--sm___cktbc {
457
457
  --width: var(--hop-Spinner-sm-wheel-size);
458
458
  --height: var(--hop-Spinner-sm-wheel-size);
459
459
  }
460
- .Spinner-module__hop-Spinner--md___s9RrN {
460
+ .Spinner-module__hop-Spinner--md___b3e8I {
461
461
  --width: var(--hop-Spinner-md-wheel-size);
462
462
  --height: var(--hop-Spinner-md-wheel-size);
463
463
  }
464
- .Spinner-module__hop-Spinner--lg___ydVq5 {
464
+ .Spinner-module__hop-Spinner--lg___skT5W {
465
465
  --width: var(--hop-Spinner-lg-wheel-size);
466
466
  --height: var(--hop-Spinner-lg-wheel-size);
467
467
  }
468
- .Spinner-module__hop-Spinner__track___re54s {
468
+ .Spinner-module__hop-Spinner__track___FTEFa {
469
469
  grid-area: spinner;
470
470
  box-sizing: border-box;
471
471
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -474,7 +474,7 @@
474
474
  border: var(--hop-Spinner-track-border);
475
475
  border-radius: var(--hop-Spinner-border-radius);
476
476
  }
477
- .Spinner-module__hop-Spinner__fill___QRpNj {
477
+ .Spinner-module__hop-Spinner__fill___bDadC {
478
478
  grid-area: spinner;
479
479
  box-sizing: border-box;
480
480
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -485,18 +485,17 @@
485
485
  animation: var(--hop-Spinner-fill-animation);
486
486
  }
487
487
  @media (prefers-reduced-motion: reduce) {
488
- .Spinner-module__hop-Spinner__fill___QRpNj {
488
+ .Spinner-module__hop-Spinner__fill___bDadC {
489
489
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
490
490
  }
491
491
  }
492
- .Spinner-module__hop-Spinner__label___GkCUC {
492
+ .Spinner-module__hop-Spinner__label___mAhgE {
493
493
  grid-area: label;
494
494
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
495
495
  }
496
496
 
497
497
  /* 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___nEuHI {
499
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
498
+ .Button-module__hop-Button___REbYC {
500
499
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
501
500
  --hop-Button-column-gap: var(--hop-space-inline-xs);
502
501
  --hop-Button-icon-only-column-gap: 0;
@@ -512,81 +511,35 @@
512
511
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
513
512
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
514
513
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
515
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
516
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
517
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
518
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
519
- --hop-Button-ghost-background-color-disabled: transparent;
520
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
521
- --hop-Button-primary-color: var(--hop-primary-text-strong);
522
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
523
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
524
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
525
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
526
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
527
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
528
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
529
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
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
+ --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);
530
519
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
531
- --hop-Button-secondary-color: var(--hop-neutral-text);
532
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
533
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
534
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
535
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
536
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
537
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
538
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
539
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
520
+ --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);
540
523
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
541
- --hop-Button-upsell-color: var(--hop-upsell-text);
542
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
543
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
544
- --hop-Button-upsell-background-color: var(--hop-upsell-surface-weak);
545
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
546
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
547
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
548
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
549
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
524
+ --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);
550
527
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
551
- --hop-Button-danger-color: var(--hop-danger-text-strong);
552
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
553
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
554
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
555
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
556
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
557
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
558
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
559
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
528
+ --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);
560
531
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
561
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
562
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
563
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
564
- --hop-Button-ghost-primary-background-color: transparent;
565
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
566
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
567
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
568
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
569
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
532
+ --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);
570
535
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
571
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
572
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
573
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
574
- --hop-Button-ghost-secondary-background-color: transparent;
575
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
576
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
577
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
578
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
579
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
536
+ --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);
580
539
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
581
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
582
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
583
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
584
- --hop-Button-ghost-danger-background-color: transparent;
585
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
586
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
587
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
588
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
589
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
540
+ --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);
590
543
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
591
544
  --inline-size: max-content;
592
545
  --block-size: var(--hop-Button-md-height);
@@ -596,6 +549,7 @@
596
549
  --spinner: var(--hop-primary-icon-strong);
597
550
  --border: 0;
598
551
  --padding: var(--hop-Button-md-padding);
552
+ --box-shadow: none;
599
553
  cursor: pointer;
600
554
  position: relative;
601
555
  overflow: hidden;
@@ -612,221 +566,229 @@
612
566
  white-space: nowrap;
613
567
  background-color: var(--background-color);
614
568
  border: var(--border);
615
- border-radius: var(--hop-Button-border-radius);
569
+ border-radius: var(--hop-comp-button-border-radius);
616
570
  outline: none;
617
571
  outline-offset: var(--hop-Button-outline-size);
572
+ box-shadow: var(--box-shadow);
618
573
  transition:
619
574
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
620
575
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
621
576
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
622
577
  }
623
- .Button-module__hop-Button--fluid___q27fH {
578
+ .Button-module__hop-Button--fluid___s-5yy {
624
579
  --inline-size: 100%;
625
580
  }
626
- .Button-module__hop-Button--xs___ePz1a {
581
+ .Button-module__hop-Button--xs___kPtoB {
627
582
  --block-size: var(--hop-Button-xs-height);
628
583
  --padding: var(--hop-Button-xs-padding);
629
584
  }
630
- .Button-module__hop-Button--xs___ePz1a[class*=--ghost] {
585
+ .Button-module__hop-Button--xs___kPtoB[class*=--ghost] {
631
586
  --padding: var(--hop-Button-ghost-xs-padding);
632
587
  }
633
- .Button-module__hop-Button--sm___4f7xw {
588
+ .Button-module__hop-Button--sm___3-1pJ {
634
589
  --block-size: var(--hop-Button-sm-height);
635
590
  --padding: var(--hop-Button-sm-padding);
636
591
  }
637
- .Button-module__hop-Button--sm___4f7xw[class*=--ghost] {
592
+ .Button-module__hop-Button--sm___3-1pJ[class*=--ghost] {
638
593
  --padding: var(--hop-Button-ghost-sm-padding);
639
594
  }
640
- .Button-module__hop-Button--md___-JvFH[class*=--ghost] {
595
+ .Button-module__hop-Button--md___ntCnz[class*=--ghost] {
641
596
  --padding: var(--hop-Button-ghost-md-padding);
642
597
  }
643
- .Button-module__hop-Button--icon-only___XPiq- {
598
+ .Button-module__hop-Button--icon-only___T4bLi {
644
599
  --column-gap: var(--hop-Button-icon-only-column-gap);
645
600
  --padding: var(--hop-Button-icon-only-padding);
646
601
  aspect-ratio: 1;
647
602
  }
648
- .Button-module__hop-Button--primary___Scgow {
649
- --background-color: var(--hop-Button-primary-background-color);
650
- --color: var(--hop-Button-primary-color);
603
+ .Button-module__hop-Button--primary___6rHG3 {
604
+ --background-color: var(--hop-comp-button-primary-background-color);
605
+ --color: var(--hop-comp-button-primary-text-color);
651
606
  --border: var(--hop-Button-primary-border);
652
607
  --spinner-color: var(--hop-Button-primary-spinner-color);
608
+ --box-shadow: var(--hop-comp-button-primary-box-shadow);
653
609
  }
654
- .Button-module__hop-Button--primary___Scgow[data-hovered],
655
- .Button-module__hop-Button--primary___Scgow[data-focus-visible] {
656
- --background-color: var(--hop-Button-primary-background-color-hover);
657
- --color: var(--hop-Button-primary-color-hover);
610
+ .Button-module__hop-Button--primary___6rHG3[data-hovered],
611
+ .Button-module__hop-Button--primary___6rHG3[data-focus-visible] {
612
+ --background-color: var(--hop-comp-button-primary-background-color-hover);
613
+ --color: var(--hop-comp-button-primary-text-color-hover);
658
614
  --border: var(--hop-Button-primary-border-hover);
659
615
  }
660
- .Button-module__hop-Button--primary___Scgow[data-pressed] {
661
- --background-color: var(--hop-Button-primary-background-color-pressed);
662
- --color: var(--hop-Button-primary-color-pressed);
616
+ .Button-module__hop-Button--primary___6rHG3[data-pressed] {
617
+ --background-color: var(--hop-comp-button-primary-background-color-pressed);
618
+ --color: var(--hop-comp-button-primary-text-color-pressed);
663
619
  --border: var(--hop-Button-primary-border-pressed);
664
620
  }
665
- .Button-module__hop-Button--secondary___aE2cR {
666
- --background-color: var(--hop-Button-secondary-background-color);
667
- --color: var(--hop-Button-secondary-color);
621
+ .Button-module__hop-Button--secondary___aCxDx {
622
+ --background-color: var(--hop-comp-button-secondary-background-color);
623
+ --color: var(--hop-comp-button-secondary-text-color);
668
624
  --border: var(--hop-Button-secondary-border);
669
625
  --spinner-color: var(--hop-Button-secondary-spinner-color);
626
+ --box-shadow: var(--hop-comp-button-secondary-box-shadow);
670
627
  }
671
- .Button-module__hop-Button--secondary___aE2cR[data-hovered],
672
- .Button-module__hop-Button--secondary___aE2cR[data-focus-visible] {
673
- --background-color: var(--hop-Button-secondary-background-color-hover);
674
- --color: var(--hop-Button-secondary-color-hover);
628
+ .Button-module__hop-Button--secondary___aCxDx[data-hovered],
629
+ .Button-module__hop-Button--secondary___aCxDx[data-focus-visible] {
630
+ --background-color: var(--hop-comp-button-secondary-background-color-hover);
631
+ --color: var(--hop-comp-button-secondary-text-color-hover);
675
632
  --border: var(--hop-Button-secondary-border-hover);
676
633
  }
677
- .Button-module__hop-Button--secondary___aE2cR[data-pressed] {
678
- --background-color: var(--hop-Button-secondary-background-color-pressed);
679
- --color: var(--hop-Button-secondary-color-pressed);
634
+ .Button-module__hop-Button--secondary___aCxDx[data-pressed] {
635
+ --background-color: var(--hop-comp-button-secondary-background-color-pressed);
636
+ --color: var(--hop-comp-button-secondary-text-color-pressed);
680
637
  --border: var(--hop-Button-secondary-border-pressed);
681
638
  }
682
- .Button-module__hop-Button--upsell___9YjEm {
683
- --background-color: var(--hop-Button-upsell-background-color);
684
- --color: var(--hop-Button-upsell-color);
639
+ .Button-module__hop-Button--upsell___4-0Mp {
640
+ --background-color: var(--hop-comp-button-upsell-background-color);
641
+ --color: var(--hop-comp-button-upsell-text-color);
685
642
  --border: var(--hop-Button-upsell-border);
686
643
  --spinner-color: var(--hop-Button-upsell-spinner-color);
644
+ --box-shadow: var(--hop-comp-button-upsell-box-shadow);
687
645
  }
688
- .Button-module__hop-Button--upsell___9YjEm[data-hovered],
689
- .Button-module__hop-Button--upsell___9YjEm[data-focus-visible] {
690
- --background-color: var(--hop-Button-upsell-background-color-hover);
691
- --color: var(--hop-Button-upsell-color-hover);
646
+ .Button-module__hop-Button--upsell___4-0Mp[data-hovered],
647
+ .Button-module__hop-Button--upsell___4-0Mp[data-focus-visible] {
648
+ --background-color: var(--hop-comp-button-upsell-background-color-hover);
649
+ --color: var(--hop-comp-button-upsell-text-color-hover);
692
650
  --border: var(--hop-Button-upsell-border-hover);
693
651
  }
694
- .Button-module__hop-Button--upsell___9YjEm[data-pressed] {
695
- --background-color: var(--hop-Button-upsell-background-color-pressed);
696
- --color: var(--hop-Button-upsell-color-pressed);
652
+ .Button-module__hop-Button--upsell___4-0Mp[data-pressed] {
653
+ --background-color: var(--hop-comp-button-upsell-background-color-pressed);
654
+ --color: var(--hop-comp-button-upsell-text-color-pressed);
697
655
  --border: var(--hop-Button-upsell-border-pressed);
698
656
  }
699
- .Button-module__hop-Button--danger___cLxF7 {
700
- --background-color: var(--hop-Button-danger-background-color);
701
- --color: var(--hop-Button-danger-color);
657
+ .Button-module__hop-Button--danger___lsZmV {
658
+ --background-color: var(--hop-comp-button-danger-background-color);
659
+ --color: var(--hop-comp-button-danger-text-color);
702
660
  --border: var(--hop-Button-danger-border);
703
661
  --spinner-color: var(--hop-Button-danger-spinner-color);
662
+ --box-shadow: var(--hop-comp-button-danger-box-shadow);
704
663
  }
705
- .Button-module__hop-Button--danger___cLxF7[data-hovered],
706
- .Button-module__hop-Button--danger___cLxF7[data-focus-visible] {
707
- --background-color: var(--hop-Button-danger-background-color-hover);
708
- --color: var(--hop-Button-danger-color-hover);
664
+ .Button-module__hop-Button--danger___lsZmV[data-hovered],
665
+ .Button-module__hop-Button--danger___lsZmV[data-focus-visible] {
666
+ --background-color: var(--hop-comp-button-danger-background-color-hover);
667
+ --color: var(--hop-comp-button-danger-text-color-hover);
709
668
  --border: var(--hop-Button-danger-border-hover);
710
669
  }
711
- .Button-module__hop-Button--danger___cLxF7[data-pressed] {
712
- --background-color: var(--hop-Button-danger-background-color-pressed);
713
- --color: var(--hop-Button-danger-color-pressed);
670
+ .Button-module__hop-Button--danger___lsZmV[data-pressed] {
671
+ --background-color: var(--hop-comp-button-danger-background-color-pressed);
672
+ --color: var(--hop-comp-button-danger-text-color-pressed);
714
673
  --border: var(--hop-Button-danger-border-pressed);
715
674
  }
716
- .Button-module__hop-Button--ghost-primary___2dZsC {
717
- --background-color: var(--hop-Button-ghost-primary-background-color);
718
- --color: var(--hop-Button-ghost-primary-color);
675
+ .Button-module__hop-Button--ghost-primary___9J0-- {
676
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
677
+ --color: var(--hop-comp-button-ghost-primary-text-color);
719
678
  --border: var(--hop-Button-ghost-primary-border);
720
679
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
680
+ --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
721
681
  }
722
- .Button-module__hop-Button--ghost-primary___2dZsC[data-hovered],
723
- .Button-module__hop-Button--ghost-primary___2dZsC[data-focus-visible] {
724
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
725
- --color: var(--hop-Button-ghost-primary-color-hover);
682
+ .Button-module__hop-Button--ghost-primary___9J0--[data-hovered],
683
+ .Button-module__hop-Button--ghost-primary___9J0--[data-focus-visible] {
684
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
685
+ --color: var(--hop-comp-button-ghost-primary-text-color-hover);
726
686
  --border: var(--hop-Button-ghost-primary-border-hover);
727
687
  }
728
- .Button-module__hop-Button--ghost-primary___2dZsC[data-pressed] {
729
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
730
- --color: var(--hop-Button-ghost-primary-color-pressed);
688
+ .Button-module__hop-Button--ghost-primary___9J0--[data-pressed] {
689
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
690
+ --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
731
691
  --border: var(--hop-Button-ghost-primary-border-pressed);
732
692
  }
733
- .Button-module__hop-Button--ghost-secondary___tn5e5 {
734
- --background-color: var(--hop-Button-ghost-secondary-background-color);
735
- --color: var(--hop-Button-ghost-secondary-color);
693
+ .Button-module__hop-Button--ghost-secondary___dJGMh {
694
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
695
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
736
696
  --border: var(--hop-Button-ghost-secondary-border);
737
697
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
698
+ --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
738
699
  }
739
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-hovered],
740
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-focus-visible] {
741
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
742
- --color: var(--hop-Button-ghost-secondary-color-hover);
700
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-hovered],
701
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-focus-visible] {
702
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
703
+ --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
743
704
  --border: var(--hop-Button-ghost-secondary-border-hover);
744
705
  }
745
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-pressed] {
746
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
747
- --color: var(--hop-Button-ghost-secondary-color-pressed);
706
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-pressed] {
707
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
708
+ --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
748
709
  --border: var(--hop-Button-ghost-secondary-border-pressed);
749
710
  }
750
- .Button-module__hop-Button--ghost-danger___ojcg4 {
751
- --background-color: var(--hop-Button-ghost-danger-background-color);
752
- --color: var(--hop-Button-ghost-danger-color);
711
+ .Button-module__hop-Button--ghost-danger___vaQYU {
712
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
713
+ --color: var(--hop-comp-button-ghost-danger-text-color);
753
714
  --border: var(--hop-Button-ghost-danger-border);
754
715
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
716
+ --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
755
717
  }
756
- .Button-module__hop-Button--ghost-danger___ojcg4[data-hovered],
757
- .Button-module__hop-Button--ghost-danger___ojcg4[data-focus-visible] {
758
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
759
- --color: var(--hop-Button-ghost-danger-color-hover);
718
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-hovered],
719
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-focus-visible] {
720
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
721
+ --color: var(--hop-comp-button-ghost-danger-text-color-hover);
760
722
  --border: var(--hop-Button-ghost-danger-border-hover);
761
723
  }
762
- .Button-module__hop-Button--ghost-danger___ojcg4[data-pressed] {
763
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
764
- --color: var(--hop-Button-ghost-danger-color-pressed);
724
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-pressed] {
725
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
726
+ --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
765
727
  --border: var(--hop-Button-ghost-danger-border-pressed);
766
728
  }
767
- .Button-module__hop-Button___nEuHI[data-focus-visible] {
729
+ .Button-module__hop-Button___REbYC[data-focus-visible] {
768
730
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
769
731
  }
770
- .Button-module__hop-Button___nEuHI[data-disabled],
771
- .Button-module__hop-Button--loading___AYdL0 {
732
+ .Button-module__hop-Button___REbYC[data-disabled],
733
+ .Button-module__hop-Button--loading___cV-u9 {
772
734
  cursor: not-allowed;
773
735
  }
774
- .Button-module__hop-Button___nEuHI[data-disabled] {
775
- --background-color: var(--hop-Button-background-color-disabled);
776
- --color: var(--hop-Button-color-disabled);
736
+ .Button-module__hop-Button___REbYC[data-disabled] {
737
+ --background-color: var(--hop-comp-button-disabled-background-color);
738
+ --color: var(--hop-comp-button-disabled-text-color);
777
739
  --border: var(--hop-Button-border-disabled);
778
740
  }
779
- .Button-module__hop-Button___nEuHI[class*=--ghost][data-disabled] {
780
- --background-color: var(--hop-Button-ghost-background-color-disabled);
781
- --color: var(--hop-Button-ghost-color-disabled);
741
+ .Button-module__hop-Button___REbYC[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);
782
744
  --border: var(--hop-Button-ghost-border-disabled);
783
745
  }
784
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--primary___Scgow {
785
- --background-color: var(--hop-Button-primary-background-color);
786
- --color: var(--hop-Button-primary-color);
746
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--primary___6rHG3 {
747
+ --background-color: var(--hop-comp-button-primary-background-color);
748
+ --color: var(--hop-comp-button-primary-text-color);
787
749
  --border: var(--hop-Button-primary-border);
788
750
  }
789
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--secondary___aE2cR {
790
- --background-color: var(--hop-Button-secondary-background-color);
791
- --color: var(--hop-Button-secondary-color);
751
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--secondary___aCxDx {
752
+ --background-color: var(--hop-comp-button-secondary-background-color);
753
+ --color: var(--hop-comp-button-secondary-text-color);
792
754
  --border: var(--hop-Button-secondary-border);
793
755
  }
794
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--upsell___9YjEm {
795
- --background-color: var(--hop-Button-upsell-background-color);
796
- --color: var(--hop-Button-upsell-color);
756
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--upsell___4-0Mp {
757
+ --background-color: var(--hop-comp-button-upsell-background-color);
758
+ --color: var(--hop-comp-button-upsell-text-color);
797
759
  --border: var(--hop-Button-upsell-border);
798
760
  }
799
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--danger___cLxF7 {
800
- --background-color: var(--hop-Button-danger-background-color);
801
- --color: var(--hop-Button-danger-color);
761
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--danger___lsZmV {
762
+ --background-color: var(--hop-comp-button-danger-background-color);
763
+ --color: var(--hop-comp-button-danger-text-color);
802
764
  --border: var(--hop-Button-danger-border);
803
765
  }
804
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-primary___2dZsC {
805
- --background-color: var(--hop-Button-ghost-primary-background-color);
806
- --color: var(--hop-Button-ghost-primary-color);
766
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-primary___9J0-- {
767
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
768
+ --color: var(--hop-comp-button-ghost-primary-text-color);
807
769
  --border: var(--hop-Button-ghost-primary-border);
808
770
  }
809
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-secondary___tn5e5 {
810
- --background-color: var(--hop-Button-ghost-secondary-background-color);
811
- --color: var(--hop-Button-ghost-secondary-color);
771
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-secondary___dJGMh {
772
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
773
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
812
774
  --border: var(--hop-Button-ghost-secondary-border);
813
775
  }
814
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-danger___ojcg4 {
815
- --background-color: var(--hop-Button-ghost-danger-background-color);
816
- --color: var(--hop-Button-ghost-danger-color);
776
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-danger___vaQYU {
777
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
778
+ --color: var(--hop-comp-button-ghost-danger-text-color);
817
779
  --border: var(--hop-Button-ghost-danger-border);
818
780
  }
819
- .Button-module__hop-Button__Spinner___-4Cjd {
781
+ .Button-module__hop-Button__Spinner___yoa8O {
820
782
  position: absolute;
821
783
  color: var(--spinner-color);
822
784
  }
823
- .Button-module__hop-Button__icon___242RX,
824
- .Button-module__hop-Button__icon-list___YRbIZ {
785
+ .Button-module__hop-Button__icon___QCuE7,
786
+ .Button-module__hop-Button__icon-list___QrbUY {
825
787
  flex: 0 0 auto;
826
788
  justify-self: end;
827
789
  order: 1;
828
790
  }
829
- .Button-module__hop-Button__text___TAmEN {
791
+ .Button-module__hop-Button__text___CBz1s {
830
792
  user-select: none;
831
793
  overflow: visible;
832
794
  flex: 0 1 auto;
@@ -835,60 +797,60 @@
835
797
  text-decoration: none;
836
798
  text-wrap: nowrap;
837
799
  }
838
- .Button-module__hop-Button__end-icon___A15-f,
839
- .Button-module__hop-Button__end-icon-list___VLHc3 {
800
+ .Button-module__hop-Button__end-icon___cyX9i,
801
+ .Button-module__hop-Button__end-icon-list___u-t2S {
840
802
  flex: 0 0 auto;
841
803
  order: 3;
842
804
  }
843
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__icon-list___YRbIZ,
844
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__end-icon-list___VLHc3 {
805
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__icon-list___QrbUY,
806
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__end-icon-list___u-t2S {
845
807
  flex-wrap: nowrap;
846
808
  }
847
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button___nEuHI > *:not(.Button-module__hop-Button__Spinner___-4Cjd) {
809
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button___REbYC > *:not(.Button-module__hop-Button__Spinner___yoa8O) {
848
810
  opacity: 0;
849
811
  }
850
812
 
851
813
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
852
- .ButtonGroup-module__hop-ButtonGroup___JK1nW {
814
+ .ButtonGroup-module__hop-ButtonGroup___Ym1NG {
853
815
  display: inline-flex;
854
816
  flex-wrap: nowrap;
855
817
  gap: var(--hop-space-inline-md);
856
818
  }
857
- .ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
819
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___NucwH {
858
820
  align-items: center;
859
821
  }
860
- .ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
822
+ .ButtonGroup-module__hop-ButtonGroup--vertical___WGa9E {
861
823
  flex-direction: column;
862
824
  gap: var(--hop-space-stack-md);
863
825
  justify-content: center;
864
826
  }
865
- .ButtonGroup-module__hop-ButtonGroup--start___tmM-h.ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
827
+ .ButtonGroup-module__hop-ButtonGroup--start___bSJVX.ButtonGroup-module__hop-ButtonGroup--vertical___WGa9E {
866
828
  align-items: flex-start;
867
829
  }
868
- .ButtonGroup-module__hop-ButtonGroup--center___eo8A9.ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
830
+ .ButtonGroup-module__hop-ButtonGroup--center___NESIb.ButtonGroup-module__hop-ButtonGroup--vertical___WGa9E {
869
831
  align-items: center;
870
832
  }
871
- .ButtonGroup-module__hop-ButtonGroup--end___jdlar.ButtonGroup-module__hop-ButtonGroup--vertical___-Abc9 {
833
+ .ButtonGroup-module__hop-ButtonGroup--end___sszrq.ButtonGroup-module__hop-ButtonGroup--vertical___WGa9E {
872
834
  align-items: flex-end;
873
835
  }
874
- .ButtonGroup-module__hop-ButtonGroup--start___tmM-h.ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
836
+ .ButtonGroup-module__hop-ButtonGroup--start___bSJVX.ButtonGroup-module__hop-ButtonGroup--horizontal___NucwH {
875
837
  justify-content: flex-start;
876
838
  }
877
- .ButtonGroup-module__hop-ButtonGroup--center___eo8A9.ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
839
+ .ButtonGroup-module__hop-ButtonGroup--center___NESIb.ButtonGroup-module__hop-ButtonGroup--horizontal___NucwH {
878
840
  justify-content: center;
879
841
  }
880
- .ButtonGroup-module__hop-ButtonGroup--end___jdlar.ButtonGroup-module__hop-ButtonGroup--horizontal___EoA3O {
842
+ .ButtonGroup-module__hop-ButtonGroup--end___sszrq.ButtonGroup-module__hop-ButtonGroup--horizontal___NucwH {
881
843
  justify-content: flex-end;
882
844
  }
883
- .ButtonGroup-module__hop-ButtonGroup--wrap___bx-ax {
845
+ .ButtonGroup-module__hop-ButtonGroup--wrap___72Uxk {
884
846
  flex-wrap: wrap;
885
847
  }
886
- .ButtonGroup-module__hop-ButtonGroup--fluid___Mhm9B {
848
+ .ButtonGroup-module__hop-ButtonGroup--fluid___6Vnq3 {
887
849
  inline-size: 100%;
888
850
  }
889
851
 
890
852
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
891
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2 {
853
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm {
892
854
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
893
855
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
894
856
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1052,7 +1014,7 @@
1052
1014
  outline: none;
1053
1015
  transition: color var(--transition);
1054
1016
  }
1055
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2::before {
1017
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm::before {
1056
1018
  content: "";
1057
1019
  position: absolute;
1058
1020
  inset-block-start: 50%;
@@ -1065,284 +1027,284 @@
1065
1027
  border-radius: var(--effect-border-radius);
1066
1028
  transition: background-color var(--transition);
1067
1029
  }
1068
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-square] {
1030
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm[data-square] {
1069
1031
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1070
1032
  }
1071
- .EmbeddedButton-module__hop-EmbeddedButton--md___xIt5r {
1033
+ .EmbeddedButton-module__hop-EmbeddedButton--md___Rs3QD {
1072
1034
  --inline-size: var(--hop-EmbeddedButton-md-width);
1073
1035
  --block-size: var(--hop-EmbeddedButton-md-height);
1074
1036
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1075
1037
  }
1076
- .EmbeddedButton-module__hop-EmbeddedButton--lg___q1xW6 {
1038
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___o-RjM {
1077
1039
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1078
1040
  --block-size: var(--hop-EmbeddedButton-lg-height);
1079
1041
  --focus-ring-offset: 0;
1080
1042
  }
1081
- .EmbeddedButton-module__hop-EmbeddedButton--md___xIt5r::before {
1043
+ .EmbeddedButton-module__hop-EmbeddedButton--md___Rs3QD::before {
1082
1044
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1083
1045
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1084
1046
  }
1085
- .EmbeddedButton-module__hop-EmbeddedButton--lg___q1xW6::before {
1047
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___o-RjM::before {
1086
1048
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1087
1049
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1088
1050
  }
1089
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD {
1051
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR {
1090
1052
  --color: var(--hop-EmbeddedButton-neutral-color);
1091
1053
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1092
1054
  }
1093
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv {
1055
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3- {
1094
1056
  --color: var(--hop-EmbeddedButton-subdued-color);
1095
1057
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1096
1058
  }
1097
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl {
1059
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc {
1098
1060
  --color: var(--hop-EmbeddedButton-progress-color);
1099
1061
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1100
1062
  }
1101
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT {
1063
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY {
1102
1064
  --color: var(--hop-EmbeddedButton-positive-color);
1103
1065
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1104
1066
  }
1105
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF {
1067
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe {
1106
1068
  --color: var(--hop-EmbeddedButton-caution-color);
1107
1069
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1108
1070
  }
1109
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq {
1071
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz {
1110
1072
  --color: var(--hop-EmbeddedButton-negative-color);
1111
1073
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1112
1074
  }
1113
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5 {
1075
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d {
1114
1076
  --color: var(--hop-EmbeddedButton-option1-color);
1115
1077
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1116
1078
  }
1117
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj {
1079
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl {
1118
1080
  --color: var(--hop-EmbeddedButton-option2-color);
1119
1081
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1120
1082
  }
1121
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A {
1083
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW {
1122
1084
  --color: var(--hop-EmbeddedButton-option3-color);
1123
1085
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1124
1086
  }
1125
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg {
1087
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747 {
1126
1088
  --color: var(--hop-EmbeddedButton-option4-color);
1127
1089
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1128
1090
  }
1129
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M {
1091
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV {
1130
1092
  --color: var(--hop-EmbeddedButton-option5-color);
1131
1093
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1132
1094
  }
1133
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9 {
1095
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm {
1134
1096
  --color: var(--hop-EmbeddedButton-option6-color);
1135
1097
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1136
1098
  }
1137
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-selected] {
1099
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm[data-selected] {
1138
1100
  --color: var(--hop-EmbeddedButton-selected-color);
1139
1101
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1140
1102
  }
1141
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-focus-visible] {
1103
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm[data-focus-visible] {
1142
1104
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1143
1105
  outline-offset: var(--focus-ring-offset);
1144
1106
  }
1145
- .EmbeddedButton-module__hop-EmbeddedButton___nD5Z2[data-disabled] {
1107
+ .EmbeddedButton-module__hop-EmbeddedButton___rvPFm[data-disabled] {
1146
1108
  cursor: not-allowed;
1147
1109
  }
1148
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-hovered] {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR[data-hovered] {
1149
1111
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1150
1112
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1151
1113
  }
1152
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-focus-visible] {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR[data-focus-visible] {
1153
1115
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1154
1116
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1155
1117
  }
1156
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-pressed] {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR[data-pressed] {
1157
1119
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1158
1120
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1159
1121
  }
1160
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___vJAQD[data-disabled] {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___FcJNR[data-disabled] {
1161
1123
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1162
1124
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1163
1125
  }
1164
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-hovered] {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3-[data-hovered] {
1165
1127
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1166
1128
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1167
1129
  }
1168
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-focus-visible] {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3-[data-focus-visible] {
1169
1131
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1170
1132
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1171
1133
  }
1172
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-pressed] {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3-[data-pressed] {
1173
1135
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1174
1136
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1175
1137
  }
1176
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___OzGKv[data-disabled] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___90c3-[data-disabled] {
1177
1139
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1178
1140
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1179
1141
  }
1180
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-hovered] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc[data-hovered] {
1181
1143
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1182
1144
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1183
1145
  }
1184
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-focus-visible] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc[data-focus-visible] {
1185
1147
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1186
1148
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1187
1149
  }
1188
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-pressed] {
1150
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc[data-pressed] {
1189
1151
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1190
1152
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1191
1153
  }
1192
- .EmbeddedButton-module__hop-EmbeddedButton--progress___cDqgl[data-disabled] {
1154
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___U3CSc[data-disabled] {
1193
1155
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1194
1156
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1195
1157
  }
1196
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-hovered] {
1158
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY[data-hovered] {
1197
1159
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1198
1160
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1199
1161
  }
1200
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-focus-visible] {
1162
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY[data-focus-visible] {
1201
1163
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1202
1164
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1203
1165
  }
1204
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-pressed] {
1166
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY[data-pressed] {
1205
1167
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1206
1168
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1207
1169
  }
1208
- .EmbeddedButton-module__hop-EmbeddedButton--positive___i4xFT[data-disabled] {
1170
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___jR8GY[data-disabled] {
1209
1171
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1210
1172
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1211
1173
  }
1212
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-hovered] {
1174
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe[data-hovered] {
1213
1175
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1214
1176
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1215
1177
  }
1216
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-focus-visible] {
1178
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe[data-focus-visible] {
1217
1179
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1218
1180
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1219
1181
  }
1220
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-pressed] {
1182
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe[data-pressed] {
1221
1183
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1222
1184
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1223
1185
  }
1224
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qC0vF[data-disabled] {
1186
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___r4GKe[data-disabled] {
1225
1187
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1226
1188
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1227
1189
  }
1228
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-hovered] {
1190
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz[data-hovered] {
1229
1191
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1230
1192
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1231
1193
  }
1232
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-focus-visible] {
1194
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz[data-focus-visible] {
1233
1195
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1234
1196
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1235
1197
  }
1236
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-pressed] {
1198
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz[data-pressed] {
1237
1199
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1238
1200
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1239
1201
  }
1240
- .EmbeddedButton-module__hop-EmbeddedButton--negative___-g1Tq[data-disabled] {
1202
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___VY3Zz[data-disabled] {
1241
1203
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1242
1204
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1243
1205
  }
1244
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-hovered] {
1206
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d[data-hovered] {
1245
1207
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1246
1208
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1247
1209
  }
1248
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-focus-visible] {
1210
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d[data-focus-visible] {
1249
1211
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1250
1212
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1251
1213
  }
1252
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-pressed] {
1214
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d[data-pressed] {
1253
1215
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1254
1216
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1255
1217
  }
1256
- .EmbeddedButton-module__hop-EmbeddedButton--option1___gMLZ5[data-disabled] {
1218
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___D0Z2d[data-disabled] {
1257
1219
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1258
1220
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1259
1221
  }
1260
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-hovered] {
1222
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl[data-hovered] {
1261
1223
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1262
1224
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1263
1225
  }
1264
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-focus-visible] {
1226
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl[data-focus-visible] {
1265
1227
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1266
1228
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1267
1229
  }
1268
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-pressed] {
1230
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl[data-pressed] {
1269
1231
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1270
1232
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1271
1233
  }
1272
- .EmbeddedButton-module__hop-EmbeddedButton--option2___S3oHj[data-disabled] {
1234
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___peYwl[data-disabled] {
1273
1235
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1274
1236
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1275
1237
  }
1276
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-hovered] {
1238
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW[data-hovered] {
1277
1239
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1278
1240
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1279
1241
  }
1280
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-focus-visible] {
1242
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW[data-focus-visible] {
1281
1243
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1282
1244
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1283
1245
  }
1284
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-pressed] {
1246
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW[data-pressed] {
1285
1247
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1286
1248
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1287
1249
  }
1288
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ezw3A[data-disabled] {
1250
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___rm8lW[data-disabled] {
1289
1251
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1290
1252
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1291
1253
  }
1292
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-hovered] {
1254
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747[data-hovered] {
1293
1255
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1294
1256
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1295
1257
  }
1296
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-focus-visible] {
1258
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747[data-focus-visible] {
1297
1259
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1298
1260
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1299
1261
  }
1300
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-pressed] {
1262
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747[data-pressed] {
1301
1263
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1302
1264
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1303
1265
  }
1304
- .EmbeddedButton-module__hop-EmbeddedButton--option4___J3oJg[data-disabled] {
1266
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___6m747[data-disabled] {
1305
1267
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1306
1268
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1307
1269
  }
1308
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-hovered] {
1270
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV[data-hovered] {
1309
1271
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1310
1272
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1311
1273
  }
1312
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-focus-visible] {
1274
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV[data-focus-visible] {
1313
1275
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1314
1276
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1315
1277
  }
1316
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-pressed] {
1278
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV[data-pressed] {
1317
1279
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1318
1280
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1319
1281
  }
1320
- .EmbeddedButton-module__hop-EmbeddedButton--option5___GkT-M[data-disabled] {
1282
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___E6gvV[data-disabled] {
1321
1283
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1322
1284
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1323
1285
  }
1324
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-hovered] {
1286
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm[data-hovered] {
1325
1287
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1326
1288
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1327
1289
  }
1328
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-focus-visible] {
1290
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm[data-focus-visible] {
1329
1291
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1330
1292
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1331
1293
  }
1332
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-pressed] {
1294
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm[data-pressed] {
1333
1295
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1334
1296
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1335
1297
  }
1336
- .EmbeddedButton-module__hop-EmbeddedButton--option6___USkW9[data-disabled] {
1298
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wMArm[data-disabled] {
1337
1299
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1338
1300
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1339
1301
  }
1340
- .EmbeddedButton-module__hop-EmbeddedButton__icon___MERm- {
1302
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___GhZPb {
1341
1303
  position: relative;
1342
1304
  }
1343
1305
 
1344
1306
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1345
- button.CloseButton-module__hop-CloseButton___koyiQ {
1307
+ button.CloseButton-module__hop-CloseButton___gcZcd {
1346
1308
  --hop-CloseButton-margin-top: 0rem;
1347
1309
  --hop-CloseButton-padding: 0rem;
1348
1310
  --hop-CloseButton-width: fit-content;
@@ -1354,8 +1316,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1354
1316
  }
1355
1317
 
1356
1318
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1357
- .Button-module__hop-Button___nEuHI {
1358
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
1319
+ .Button-module__hop-Button___REbYC {
1359
1320
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1360
1321
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1361
1322
  --hop-Button-icon-only-column-gap: 0;
@@ -1371,81 +1332,35 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1371
1332
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1372
1333
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1373
1334
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1374
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1375
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1376
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1377
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1378
- --hop-Button-ghost-background-color-disabled: transparent;
1379
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1380
- --hop-Button-primary-color: var(--hop-primary-text-strong);
1381
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1382
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1383
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1384
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1385
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1386
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1387
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1388
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1335
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1336
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1337
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1338
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1339
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1389
1340
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1390
- --hop-Button-secondary-color: var(--hop-neutral-text);
1391
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1392
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1393
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1394
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1395
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1396
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1397
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1398
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1341
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1342
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1343
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1399
1344
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1400
- --hop-Button-upsell-color: var(--hop-upsell-text);
1401
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1402
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1403
- --hop-Button-upsell-background-color: var(--hop-upsell-surface-weak);
1404
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
1405
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
1406
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1407
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1408
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1345
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1346
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1347
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1409
1348
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1410
- --hop-Button-danger-color: var(--hop-danger-text-strong);
1411
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1412
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1413
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1414
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1415
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1416
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1417
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1418
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1349
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1350
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1351
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1419
1352
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1420
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
1421
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1422
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1423
- --hop-Button-ghost-primary-background-color: transparent;
1424
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1425
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1426
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1427
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1428
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1353
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1354
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1355
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1429
1356
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1430
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1431
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1432
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1433
- --hop-Button-ghost-secondary-background-color: transparent;
1434
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1435
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1436
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1437
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1438
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1357
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1358
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1359
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1439
1360
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1440
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1441
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1442
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1443
- --hop-Button-ghost-danger-background-color: transparent;
1444
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1445
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1446
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1447
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1448
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1361
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1362
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1363
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1449
1364
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1450
1365
  --inline-size: max-content;
1451
1366
  --block-size: var(--hop-Button-md-height);
@@ -1455,6 +1370,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1455
1370
  --spinner: var(--hop-primary-icon-strong);
1456
1371
  --border: 0;
1457
1372
  --padding: var(--hop-Button-md-padding);
1373
+ --box-shadow: none;
1458
1374
  cursor: pointer;
1459
1375
  position: relative;
1460
1376
  overflow: hidden;
@@ -1471,221 +1387,229 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1471
1387
  white-space: nowrap;
1472
1388
  background-color: var(--background-color);
1473
1389
  border: var(--border);
1474
- border-radius: var(--hop-Button-border-radius);
1390
+ border-radius: var(--hop-comp-button-border-radius);
1475
1391
  outline: none;
1476
1392
  outline-offset: var(--hop-Button-outline-size);
1393
+ box-shadow: var(--box-shadow);
1477
1394
  transition:
1478
1395
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
1479
1396
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1480
1397
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1481
1398
  }
1482
- .Button-module__hop-Button--fluid___q27fH {
1399
+ .Button-module__hop-Button--fluid___s-5yy {
1483
1400
  --inline-size: 100%;
1484
1401
  }
1485
- .Button-module__hop-Button--xs___ePz1a {
1402
+ .Button-module__hop-Button--xs___kPtoB {
1486
1403
  --block-size: var(--hop-Button-xs-height);
1487
1404
  --padding: var(--hop-Button-xs-padding);
1488
1405
  }
1489
- .Button-module__hop-Button--xs___ePz1a[class*=--ghost] {
1406
+ .Button-module__hop-Button--xs___kPtoB[class*=--ghost] {
1490
1407
  --padding: var(--hop-Button-ghost-xs-padding);
1491
1408
  }
1492
- .Button-module__hop-Button--sm___4f7xw {
1409
+ .Button-module__hop-Button--sm___3-1pJ {
1493
1410
  --block-size: var(--hop-Button-sm-height);
1494
1411
  --padding: var(--hop-Button-sm-padding);
1495
1412
  }
1496
- .Button-module__hop-Button--sm___4f7xw[class*=--ghost] {
1413
+ .Button-module__hop-Button--sm___3-1pJ[class*=--ghost] {
1497
1414
  --padding: var(--hop-Button-ghost-sm-padding);
1498
1415
  }
1499
- .Button-module__hop-Button--md___-JvFH[class*=--ghost] {
1416
+ .Button-module__hop-Button--md___ntCnz[class*=--ghost] {
1500
1417
  --padding: var(--hop-Button-ghost-md-padding);
1501
1418
  }
1502
- .Button-module__hop-Button--icon-only___XPiq- {
1419
+ .Button-module__hop-Button--icon-only___T4bLi {
1503
1420
  --column-gap: var(--hop-Button-icon-only-column-gap);
1504
1421
  --padding: var(--hop-Button-icon-only-padding);
1505
1422
  aspect-ratio: 1;
1506
1423
  }
1507
- .Button-module__hop-Button--primary___Scgow {
1508
- --background-color: var(--hop-Button-primary-background-color);
1509
- --color: var(--hop-Button-primary-color);
1424
+ .Button-module__hop-Button--primary___6rHG3 {
1425
+ --background-color: var(--hop-comp-button-primary-background-color);
1426
+ --color: var(--hop-comp-button-primary-text-color);
1510
1427
  --border: var(--hop-Button-primary-border);
1511
1428
  --spinner-color: var(--hop-Button-primary-spinner-color);
1429
+ --box-shadow: var(--hop-comp-button-primary-box-shadow);
1512
1430
  }
1513
- .Button-module__hop-Button--primary___Scgow[data-hovered],
1514
- .Button-module__hop-Button--primary___Scgow[data-focus-visible] {
1515
- --background-color: var(--hop-Button-primary-background-color-hover);
1516
- --color: var(--hop-Button-primary-color-hover);
1431
+ .Button-module__hop-Button--primary___6rHG3[data-hovered],
1432
+ .Button-module__hop-Button--primary___6rHG3[data-focus-visible] {
1433
+ --background-color: var(--hop-comp-button-primary-background-color-hover);
1434
+ --color: var(--hop-comp-button-primary-text-color-hover);
1517
1435
  --border: var(--hop-Button-primary-border-hover);
1518
1436
  }
1519
- .Button-module__hop-Button--primary___Scgow[data-pressed] {
1520
- --background-color: var(--hop-Button-primary-background-color-pressed);
1521
- --color: var(--hop-Button-primary-color-pressed);
1437
+ .Button-module__hop-Button--primary___6rHG3[data-pressed] {
1438
+ --background-color: var(--hop-comp-button-primary-background-color-pressed);
1439
+ --color: var(--hop-comp-button-primary-text-color-pressed);
1522
1440
  --border: var(--hop-Button-primary-border-pressed);
1523
1441
  }
1524
- .Button-module__hop-Button--secondary___aE2cR {
1525
- --background-color: var(--hop-Button-secondary-background-color);
1526
- --color: var(--hop-Button-secondary-color);
1442
+ .Button-module__hop-Button--secondary___aCxDx {
1443
+ --background-color: var(--hop-comp-button-secondary-background-color);
1444
+ --color: var(--hop-comp-button-secondary-text-color);
1527
1445
  --border: var(--hop-Button-secondary-border);
1528
1446
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1447
+ --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1529
1448
  }
1530
- .Button-module__hop-Button--secondary___aE2cR[data-hovered],
1531
- .Button-module__hop-Button--secondary___aE2cR[data-focus-visible] {
1532
- --background-color: var(--hop-Button-secondary-background-color-hover);
1533
- --color: var(--hop-Button-secondary-color-hover);
1449
+ .Button-module__hop-Button--secondary___aCxDx[data-hovered],
1450
+ .Button-module__hop-Button--secondary___aCxDx[data-focus-visible] {
1451
+ --background-color: var(--hop-comp-button-secondary-background-color-hover);
1452
+ --color: var(--hop-comp-button-secondary-text-color-hover);
1534
1453
  --border: var(--hop-Button-secondary-border-hover);
1535
1454
  }
1536
- .Button-module__hop-Button--secondary___aE2cR[data-pressed] {
1537
- --background-color: var(--hop-Button-secondary-background-color-pressed);
1538
- --color: var(--hop-Button-secondary-color-pressed);
1455
+ .Button-module__hop-Button--secondary___aCxDx[data-pressed] {
1456
+ --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1457
+ --color: var(--hop-comp-button-secondary-text-color-pressed);
1539
1458
  --border: var(--hop-Button-secondary-border-pressed);
1540
1459
  }
1541
- .Button-module__hop-Button--upsell___9YjEm {
1542
- --background-color: var(--hop-Button-upsell-background-color);
1543
- --color: var(--hop-Button-upsell-color);
1460
+ .Button-module__hop-Button--upsell___4-0Mp {
1461
+ --background-color: var(--hop-comp-button-upsell-background-color);
1462
+ --color: var(--hop-comp-button-upsell-text-color);
1544
1463
  --border: var(--hop-Button-upsell-border);
1545
1464
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1465
+ --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1546
1466
  }
1547
- .Button-module__hop-Button--upsell___9YjEm[data-hovered],
1548
- .Button-module__hop-Button--upsell___9YjEm[data-focus-visible] {
1549
- --background-color: var(--hop-Button-upsell-background-color-hover);
1550
- --color: var(--hop-Button-upsell-color-hover);
1467
+ .Button-module__hop-Button--upsell___4-0Mp[data-hovered],
1468
+ .Button-module__hop-Button--upsell___4-0Mp[data-focus-visible] {
1469
+ --background-color: var(--hop-comp-button-upsell-background-color-hover);
1470
+ --color: var(--hop-comp-button-upsell-text-color-hover);
1551
1471
  --border: var(--hop-Button-upsell-border-hover);
1552
1472
  }
1553
- .Button-module__hop-Button--upsell___9YjEm[data-pressed] {
1554
- --background-color: var(--hop-Button-upsell-background-color-pressed);
1555
- --color: var(--hop-Button-upsell-color-pressed);
1473
+ .Button-module__hop-Button--upsell___4-0Mp[data-pressed] {
1474
+ --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1475
+ --color: var(--hop-comp-button-upsell-text-color-pressed);
1556
1476
  --border: var(--hop-Button-upsell-border-pressed);
1557
1477
  }
1558
- .Button-module__hop-Button--danger___cLxF7 {
1559
- --background-color: var(--hop-Button-danger-background-color);
1560
- --color: var(--hop-Button-danger-color);
1478
+ .Button-module__hop-Button--danger___lsZmV {
1479
+ --background-color: var(--hop-comp-button-danger-background-color);
1480
+ --color: var(--hop-comp-button-danger-text-color);
1561
1481
  --border: var(--hop-Button-danger-border);
1562
1482
  --spinner-color: var(--hop-Button-danger-spinner-color);
1483
+ --box-shadow: var(--hop-comp-button-danger-box-shadow);
1563
1484
  }
1564
- .Button-module__hop-Button--danger___cLxF7[data-hovered],
1565
- .Button-module__hop-Button--danger___cLxF7[data-focus-visible] {
1566
- --background-color: var(--hop-Button-danger-background-color-hover);
1567
- --color: var(--hop-Button-danger-color-hover);
1485
+ .Button-module__hop-Button--danger___lsZmV[data-hovered],
1486
+ .Button-module__hop-Button--danger___lsZmV[data-focus-visible] {
1487
+ --background-color: var(--hop-comp-button-danger-background-color-hover);
1488
+ --color: var(--hop-comp-button-danger-text-color-hover);
1568
1489
  --border: var(--hop-Button-danger-border-hover);
1569
1490
  }
1570
- .Button-module__hop-Button--danger___cLxF7[data-pressed] {
1571
- --background-color: var(--hop-Button-danger-background-color-pressed);
1572
- --color: var(--hop-Button-danger-color-pressed);
1491
+ .Button-module__hop-Button--danger___lsZmV[data-pressed] {
1492
+ --background-color: var(--hop-comp-button-danger-background-color-pressed);
1493
+ --color: var(--hop-comp-button-danger-text-color-pressed);
1573
1494
  --border: var(--hop-Button-danger-border-pressed);
1574
1495
  }
1575
- .Button-module__hop-Button--ghost-primary___2dZsC {
1576
- --background-color: var(--hop-Button-ghost-primary-background-color);
1577
- --color: var(--hop-Button-ghost-primary-color);
1496
+ .Button-module__hop-Button--ghost-primary___9J0-- {
1497
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1498
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1578
1499
  --border: var(--hop-Button-ghost-primary-border);
1579
1500
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1501
+ --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1580
1502
  }
1581
- .Button-module__hop-Button--ghost-primary___2dZsC[data-hovered],
1582
- .Button-module__hop-Button--ghost-primary___2dZsC[data-focus-visible] {
1583
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1584
- --color: var(--hop-Button-ghost-primary-color-hover);
1503
+ .Button-module__hop-Button--ghost-primary___9J0--[data-hovered],
1504
+ .Button-module__hop-Button--ghost-primary___9J0--[data-focus-visible] {
1505
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1506
+ --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1585
1507
  --border: var(--hop-Button-ghost-primary-border-hover);
1586
1508
  }
1587
- .Button-module__hop-Button--ghost-primary___2dZsC[data-pressed] {
1588
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1589
- --color: var(--hop-Button-ghost-primary-color-pressed);
1509
+ .Button-module__hop-Button--ghost-primary___9J0--[data-pressed] {
1510
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1511
+ --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1590
1512
  --border: var(--hop-Button-ghost-primary-border-pressed);
1591
1513
  }
1592
- .Button-module__hop-Button--ghost-secondary___tn5e5 {
1593
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1594
- --color: var(--hop-Button-ghost-secondary-color);
1514
+ .Button-module__hop-Button--ghost-secondary___dJGMh {
1515
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1516
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1595
1517
  --border: var(--hop-Button-ghost-secondary-border);
1596
1518
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1519
+ --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1597
1520
  }
1598
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-hovered],
1599
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-focus-visible] {
1600
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1601
- --color: var(--hop-Button-ghost-secondary-color-hover);
1521
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-hovered],
1522
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-focus-visible] {
1523
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1524
+ --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1602
1525
  --border: var(--hop-Button-ghost-secondary-border-hover);
1603
1526
  }
1604
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-pressed] {
1605
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1606
- --color: var(--hop-Button-ghost-secondary-color-pressed);
1527
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-pressed] {
1528
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1529
+ --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1607
1530
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1608
1531
  }
1609
- .Button-module__hop-Button--ghost-danger___ojcg4 {
1610
- --background-color: var(--hop-Button-ghost-danger-background-color);
1611
- --color: var(--hop-Button-ghost-danger-color);
1532
+ .Button-module__hop-Button--ghost-danger___vaQYU {
1533
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1534
+ --color: var(--hop-comp-button-ghost-danger-text-color);
1612
1535
  --border: var(--hop-Button-ghost-danger-border);
1613
1536
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1537
+ --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1614
1538
  }
1615
- .Button-module__hop-Button--ghost-danger___ojcg4[data-hovered],
1616
- .Button-module__hop-Button--ghost-danger___ojcg4[data-focus-visible] {
1617
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1618
- --color: var(--hop-Button-ghost-danger-color-hover);
1539
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-hovered],
1540
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-focus-visible] {
1541
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1542
+ --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1619
1543
  --border: var(--hop-Button-ghost-danger-border-hover);
1620
1544
  }
1621
- .Button-module__hop-Button--ghost-danger___ojcg4[data-pressed] {
1622
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1623
- --color: var(--hop-Button-ghost-danger-color-pressed);
1545
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-pressed] {
1546
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1547
+ --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1624
1548
  --border: var(--hop-Button-ghost-danger-border-pressed);
1625
1549
  }
1626
- .Button-module__hop-Button___nEuHI[data-focus-visible] {
1550
+ .Button-module__hop-Button___REbYC[data-focus-visible] {
1627
1551
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1628
1552
  }
1629
- .Button-module__hop-Button___nEuHI[data-disabled],
1630
- .Button-module__hop-Button--loading___AYdL0 {
1553
+ .Button-module__hop-Button___REbYC[data-disabled],
1554
+ .Button-module__hop-Button--loading___cV-u9 {
1631
1555
  cursor: not-allowed;
1632
1556
  }
1633
- .Button-module__hop-Button___nEuHI[data-disabled] {
1634
- --background-color: var(--hop-Button-background-color-disabled);
1635
- --color: var(--hop-Button-color-disabled);
1557
+ .Button-module__hop-Button___REbYC[data-disabled] {
1558
+ --background-color: var(--hop-comp-button-disabled-background-color);
1559
+ --color: var(--hop-comp-button-disabled-text-color);
1636
1560
  --border: var(--hop-Button-border-disabled);
1637
1561
  }
1638
- .Button-module__hop-Button___nEuHI[class*=--ghost][data-disabled] {
1639
- --background-color: var(--hop-Button-ghost-background-color-disabled);
1640
- --color: var(--hop-Button-ghost-color-disabled);
1562
+ .Button-module__hop-Button___REbYC[class*=--ghost][data-disabled] {
1563
+ --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1564
+ --color: var(--hop-comp-button-ghost-disabled-text-color);
1641
1565
  --border: var(--hop-Button-ghost-border-disabled);
1642
1566
  }
1643
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--primary___Scgow {
1644
- --background-color: var(--hop-Button-primary-background-color);
1645
- --color: var(--hop-Button-primary-color);
1567
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--primary___6rHG3 {
1568
+ --background-color: var(--hop-comp-button-primary-background-color);
1569
+ --color: var(--hop-comp-button-primary-text-color);
1646
1570
  --border: var(--hop-Button-primary-border);
1647
1571
  }
1648
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--secondary___aE2cR {
1649
- --background-color: var(--hop-Button-secondary-background-color);
1650
- --color: var(--hop-Button-secondary-color);
1572
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--secondary___aCxDx {
1573
+ --background-color: var(--hop-comp-button-secondary-background-color);
1574
+ --color: var(--hop-comp-button-secondary-text-color);
1651
1575
  --border: var(--hop-Button-secondary-border);
1652
1576
  }
1653
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--upsell___9YjEm {
1654
- --background-color: var(--hop-Button-upsell-background-color);
1655
- --color: var(--hop-Button-upsell-color);
1577
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--upsell___4-0Mp {
1578
+ --background-color: var(--hop-comp-button-upsell-background-color);
1579
+ --color: var(--hop-comp-button-upsell-text-color);
1656
1580
  --border: var(--hop-Button-upsell-border);
1657
1581
  }
1658
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--danger___cLxF7 {
1659
- --background-color: var(--hop-Button-danger-background-color);
1660
- --color: var(--hop-Button-danger-color);
1582
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--danger___lsZmV {
1583
+ --background-color: var(--hop-comp-button-danger-background-color);
1584
+ --color: var(--hop-comp-button-danger-text-color);
1661
1585
  --border: var(--hop-Button-danger-border);
1662
1586
  }
1663
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-primary___2dZsC {
1664
- --background-color: var(--hop-Button-ghost-primary-background-color);
1665
- --color: var(--hop-Button-ghost-primary-color);
1587
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-primary___9J0-- {
1588
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1589
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1666
1590
  --border: var(--hop-Button-ghost-primary-border);
1667
1591
  }
1668
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-secondary___tn5e5 {
1669
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1670
- --color: var(--hop-Button-ghost-secondary-color);
1592
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-secondary___dJGMh {
1593
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1594
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1671
1595
  --border: var(--hop-Button-ghost-secondary-border);
1672
1596
  }
1673
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-danger___ojcg4 {
1674
- --background-color: var(--hop-Button-ghost-danger-background-color);
1675
- --color: var(--hop-Button-ghost-danger-color);
1597
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-danger___vaQYU {
1598
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1599
+ --color: var(--hop-comp-button-ghost-danger-text-color);
1676
1600
  --border: var(--hop-Button-ghost-danger-border);
1677
1601
  }
1678
- .Button-module__hop-Button__Spinner___-4Cjd {
1602
+ .Button-module__hop-Button__Spinner___yoa8O {
1679
1603
  position: absolute;
1680
1604
  color: var(--spinner-color);
1681
1605
  }
1682
- .Button-module__hop-Button__icon___242RX,
1683
- .Button-module__hop-Button__icon-list___YRbIZ {
1606
+ .Button-module__hop-Button__icon___QCuE7,
1607
+ .Button-module__hop-Button__icon-list___QrbUY {
1684
1608
  flex: 0 0 auto;
1685
1609
  justify-self: end;
1686
1610
  order: 1;
1687
1611
  }
1688
- .Button-module__hop-Button__text___TAmEN {
1612
+ .Button-module__hop-Button__text___CBz1s {
1689
1613
  user-select: none;
1690
1614
  overflow: visible;
1691
1615
  flex: 0 1 auto;
@@ -1694,60 +1618,59 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1694
1618
  text-decoration: none;
1695
1619
  text-wrap: nowrap;
1696
1620
  }
1697
- .Button-module__hop-Button__end-icon___A15-f,
1698
- .Button-module__hop-Button__end-icon-list___VLHc3 {
1621
+ .Button-module__hop-Button__end-icon___cyX9i,
1622
+ .Button-module__hop-Button__end-icon-list___u-t2S {
1699
1623
  flex: 0 0 auto;
1700
1624
  order: 3;
1701
1625
  }
1702
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__icon-list___YRbIZ,
1703
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__end-icon-list___VLHc3 {
1626
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__icon-list___QrbUY,
1627
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__end-icon-list___u-t2S {
1704
1628
  flex-wrap: nowrap;
1705
1629
  }
1706
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button___nEuHI > *:not(.Button-module__hop-Button__Spinner___-4Cjd) {
1630
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button___REbYC > *:not(.Button-module__hop-Button__Spinner___yoa8O) {
1707
1631
  opacity: 0;
1708
1632
  }
1709
- .LinkButton-module__hop-LinkButton___ezWLR {
1633
+ .LinkButton-module__hop-LinkButton___xGyM4 {
1710
1634
  }
1711
- .LinkButton-module__hop-LinkButton--fluid___qzYmE {
1635
+ .LinkButton-module__hop-LinkButton--fluid___oZClp {
1712
1636
  }
1713
- .LinkButton-module__hop-LinkButton--xs___jhRql {
1637
+ .LinkButton-module__hop-LinkButton--xs___jitZL {
1714
1638
  }
1715
- .LinkButton-module__hop-LinkButton--sm___fP4nz {
1639
+ .LinkButton-module__hop-LinkButton--sm___WdMrk {
1716
1640
  }
1717
- .LinkButton-module__hop-LinkButton--icon-only___xtZU9 {
1641
+ .LinkButton-module__hop-LinkButton--icon-only___OeT8G {
1718
1642
  }
1719
- .LinkButton-module__hop-LinkButton--primary___xqSQr {
1643
+ .LinkButton-module__hop-LinkButton--primary___Wxuyn {
1720
1644
  }
1721
- .LinkButton-module__hop-LinkButton--secondary___yauZ7 {
1645
+ .LinkButton-module__hop-LinkButton--secondary___bFf28 {
1722
1646
  }
1723
- .LinkButton-module__hop-LinkButton--upsell___ADh4Z {
1647
+ .LinkButton-module__hop-LinkButton--upsell___D1OPo {
1724
1648
  }
1725
- .LinkButton-module__hop-LinkButton--danger___Zq-vl {
1649
+ .LinkButton-module__hop-LinkButton--danger___yNyMo {
1726
1650
  }
1727
- .LinkButton-module__hop-LinkButton--ghost-primary___lR2RC {
1651
+ .LinkButton-module__hop-LinkButton--ghost-primary___igdqz {
1728
1652
  }
1729
- .LinkButton-module__hop-LinkButton--ghost-secondary___a981Y {
1653
+ .LinkButton-module__hop-LinkButton--ghost-secondary___Rt8Lh {
1730
1654
  }
1731
- .LinkButton-module__hop-LinkButton--ghost-danger___EgXL1 {
1655
+ .LinkButton-module__hop-LinkButton--ghost-danger___ocBOG {
1732
1656
  }
1733
- .LinkButton-module__hop-LinkButton__Spinner___wxYsj {
1657
+ .LinkButton-module__hop-LinkButton__Spinner___bGwzc {
1734
1658
  }
1735
- .LinkButton-module__hop-LinkButton__icon___OYO7R,
1736
- .LinkButton-module__hop-LinkButton__icon-list___5cR3O {
1659
+ .LinkButton-module__hop-LinkButton__icon___p-RgO,
1660
+ .LinkButton-module__hop-LinkButton__icon-list___cRz2q {
1737
1661
  }
1738
- .LinkButton-module__hop-LinkButton__text___l2Xg5 {
1662
+ .LinkButton-module__hop-LinkButton__text___fEbsE {
1739
1663
  }
1740
- .LinkButton-module__hop-LinkButton__end-icon___NCKAP,
1741
- .LinkButton-module__hop-LinkButton__end-icon-list___KAesd {
1664
+ .LinkButton-module__hop-LinkButton__end-icon___HoNQC,
1665
+ .LinkButton-module__hop-LinkButton__end-icon-list___KzloX {
1742
1666
  }
1743
- .LinkButton-module__hop-LinkButton___ezWLR .LinkButton-module__hop-LinkButton__icon-list___5cR3O,
1744
- .LinkButton-module__hop-LinkButton___ezWLR .LinkButton-module__hop-LinkButton__end-icon-list___KAesd {
1667
+ .LinkButton-module__hop-LinkButton___xGyM4 .LinkButton-module__hop-LinkButton__icon-list___cRz2q,
1668
+ .LinkButton-module__hop-LinkButton___xGyM4 .LinkButton-module__hop-LinkButton__end-icon-list___KzloX {
1745
1669
  flex-wrap: nowrap;
1746
1670
  }
1747
1671
 
1748
1672
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1749
- .Button-module__hop-Button___nEuHI {
1750
- --hop-Button-border-radius: var(--hop-shape-rounded-md);
1673
+ .Button-module__hop-Button___REbYC {
1751
1674
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1752
1675
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1753
1676
  --hop-Button-icon-only-column-gap: 0;
@@ -1763,81 +1686,35 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1763
1686
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1764
1687
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1765
1688
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1766
- --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1767
- --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1768
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1769
- --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1770
- --hop-Button-ghost-background-color-disabled: transparent;
1771
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1772
- --hop-Button-primary-color: var(--hop-primary-text-strong);
1773
- --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1774
- --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1775
- --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1776
- --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1777
- --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1778
- --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1779
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1780
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1689
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1690
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1691
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1692
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1693
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1781
1694
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1782
- --hop-Button-secondary-color: var(--hop-neutral-text);
1783
- --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1784
- --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1785
- --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1786
- --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1787
- --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1788
- --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1789
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1790
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1695
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1696
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1697
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1791
1698
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1792
- --hop-Button-upsell-color: var(--hop-upsell-text);
1793
- --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1794
- --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1795
- --hop-Button-upsell-background-color: var(--hop-upsell-surface-weak);
1796
- --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
1797
- --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
1798
- --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1799
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1800
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1699
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1700
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1701
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1801
1702
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1802
- --hop-Button-danger-color: var(--hop-danger-text-strong);
1803
- --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1804
- --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1805
- --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1806
- --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1807
- --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1808
- --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1809
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1810
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1703
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1704
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1705
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1811
1706
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1812
- --hop-Button-ghost-primary-color: var(--hop-primary-text);
1813
- --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1814
- --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1815
- --hop-Button-ghost-primary-background-color: transparent;
1816
- --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1817
- --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1818
- --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1819
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1820
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1707
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1708
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1709
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1821
1710
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1822
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1823
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1824
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1825
- --hop-Button-ghost-secondary-background-color: transparent;
1826
- --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1827
- --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1828
- --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1829
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1830
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1711
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1712
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1713
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1831
1714
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1832
- --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1833
- --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1834
- --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1835
- --hop-Button-ghost-danger-background-color: transparent;
1836
- --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1837
- --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1838
- --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1839
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1840
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1715
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1716
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1717
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1841
1718
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1842
1719
  --inline-size: max-content;
1843
1720
  --block-size: var(--hop-Button-md-height);
@@ -1847,6 +1724,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1847
1724
  --spinner: var(--hop-primary-icon-strong);
1848
1725
  --border: 0;
1849
1726
  --padding: var(--hop-Button-md-padding);
1727
+ --box-shadow: none;
1850
1728
  cursor: pointer;
1851
1729
  position: relative;
1852
1730
  overflow: hidden;
@@ -1863,221 +1741,229 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
1863
1741
  white-space: nowrap;
1864
1742
  background-color: var(--background-color);
1865
1743
  border: var(--border);
1866
- border-radius: var(--hop-Button-border-radius);
1744
+ border-radius: var(--hop-comp-button-border-radius);
1867
1745
  outline: none;
1868
1746
  outline-offset: var(--hop-Button-outline-size);
1747
+ box-shadow: var(--box-shadow);
1869
1748
  transition:
1870
1749
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
1871
1750
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1872
1751
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1873
1752
  }
1874
- .Button-module__hop-Button--fluid___q27fH {
1753
+ .Button-module__hop-Button--fluid___s-5yy {
1875
1754
  --inline-size: 100%;
1876
1755
  }
1877
- .Button-module__hop-Button--xs___ePz1a {
1756
+ .Button-module__hop-Button--xs___kPtoB {
1878
1757
  --block-size: var(--hop-Button-xs-height);
1879
1758
  --padding: var(--hop-Button-xs-padding);
1880
1759
  }
1881
- .Button-module__hop-Button--xs___ePz1a[class*=--ghost] {
1760
+ .Button-module__hop-Button--xs___kPtoB[class*=--ghost] {
1882
1761
  --padding: var(--hop-Button-ghost-xs-padding);
1883
1762
  }
1884
- .Button-module__hop-Button--sm___4f7xw {
1763
+ .Button-module__hop-Button--sm___3-1pJ {
1885
1764
  --block-size: var(--hop-Button-sm-height);
1886
1765
  --padding: var(--hop-Button-sm-padding);
1887
1766
  }
1888
- .Button-module__hop-Button--sm___4f7xw[class*=--ghost] {
1767
+ .Button-module__hop-Button--sm___3-1pJ[class*=--ghost] {
1889
1768
  --padding: var(--hop-Button-ghost-sm-padding);
1890
1769
  }
1891
- .Button-module__hop-Button--md___-JvFH[class*=--ghost] {
1770
+ .Button-module__hop-Button--md___ntCnz[class*=--ghost] {
1892
1771
  --padding: var(--hop-Button-ghost-md-padding);
1893
1772
  }
1894
- .Button-module__hop-Button--icon-only___XPiq- {
1773
+ .Button-module__hop-Button--icon-only___T4bLi {
1895
1774
  --column-gap: var(--hop-Button-icon-only-column-gap);
1896
1775
  --padding: var(--hop-Button-icon-only-padding);
1897
1776
  aspect-ratio: 1;
1898
1777
  }
1899
- .Button-module__hop-Button--primary___Scgow {
1900
- --background-color: var(--hop-Button-primary-background-color);
1901
- --color: var(--hop-Button-primary-color);
1778
+ .Button-module__hop-Button--primary___6rHG3 {
1779
+ --background-color: var(--hop-comp-button-primary-background-color);
1780
+ --color: var(--hop-comp-button-primary-text-color);
1902
1781
  --border: var(--hop-Button-primary-border);
1903
1782
  --spinner-color: var(--hop-Button-primary-spinner-color);
1783
+ --box-shadow: var(--hop-comp-button-primary-box-shadow);
1904
1784
  }
1905
- .Button-module__hop-Button--primary___Scgow[data-hovered],
1906
- .Button-module__hop-Button--primary___Scgow[data-focus-visible] {
1907
- --background-color: var(--hop-Button-primary-background-color-hover);
1908
- --color: var(--hop-Button-primary-color-hover);
1785
+ .Button-module__hop-Button--primary___6rHG3[data-hovered],
1786
+ .Button-module__hop-Button--primary___6rHG3[data-focus-visible] {
1787
+ --background-color: var(--hop-comp-button-primary-background-color-hover);
1788
+ --color: var(--hop-comp-button-primary-text-color-hover);
1909
1789
  --border: var(--hop-Button-primary-border-hover);
1910
1790
  }
1911
- .Button-module__hop-Button--primary___Scgow[data-pressed] {
1912
- --background-color: var(--hop-Button-primary-background-color-pressed);
1913
- --color: var(--hop-Button-primary-color-pressed);
1791
+ .Button-module__hop-Button--primary___6rHG3[data-pressed] {
1792
+ --background-color: var(--hop-comp-button-primary-background-color-pressed);
1793
+ --color: var(--hop-comp-button-primary-text-color-pressed);
1914
1794
  --border: var(--hop-Button-primary-border-pressed);
1915
1795
  }
1916
- .Button-module__hop-Button--secondary___aE2cR {
1917
- --background-color: var(--hop-Button-secondary-background-color);
1918
- --color: var(--hop-Button-secondary-color);
1796
+ .Button-module__hop-Button--secondary___aCxDx {
1797
+ --background-color: var(--hop-comp-button-secondary-background-color);
1798
+ --color: var(--hop-comp-button-secondary-text-color);
1919
1799
  --border: var(--hop-Button-secondary-border);
1920
1800
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1801
+ --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1921
1802
  }
1922
- .Button-module__hop-Button--secondary___aE2cR[data-hovered],
1923
- .Button-module__hop-Button--secondary___aE2cR[data-focus-visible] {
1924
- --background-color: var(--hop-Button-secondary-background-color-hover);
1925
- --color: var(--hop-Button-secondary-color-hover);
1803
+ .Button-module__hop-Button--secondary___aCxDx[data-hovered],
1804
+ .Button-module__hop-Button--secondary___aCxDx[data-focus-visible] {
1805
+ --background-color: var(--hop-comp-button-secondary-background-color-hover);
1806
+ --color: var(--hop-comp-button-secondary-text-color-hover);
1926
1807
  --border: var(--hop-Button-secondary-border-hover);
1927
1808
  }
1928
- .Button-module__hop-Button--secondary___aE2cR[data-pressed] {
1929
- --background-color: var(--hop-Button-secondary-background-color-pressed);
1930
- --color: var(--hop-Button-secondary-color-pressed);
1809
+ .Button-module__hop-Button--secondary___aCxDx[data-pressed] {
1810
+ --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1811
+ --color: var(--hop-comp-button-secondary-text-color-pressed);
1931
1812
  --border: var(--hop-Button-secondary-border-pressed);
1932
1813
  }
1933
- .Button-module__hop-Button--upsell___9YjEm {
1934
- --background-color: var(--hop-Button-upsell-background-color);
1935
- --color: var(--hop-Button-upsell-color);
1814
+ .Button-module__hop-Button--upsell___4-0Mp {
1815
+ --background-color: var(--hop-comp-button-upsell-background-color);
1816
+ --color: var(--hop-comp-button-upsell-text-color);
1936
1817
  --border: var(--hop-Button-upsell-border);
1937
1818
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1819
+ --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1938
1820
  }
1939
- .Button-module__hop-Button--upsell___9YjEm[data-hovered],
1940
- .Button-module__hop-Button--upsell___9YjEm[data-focus-visible] {
1941
- --background-color: var(--hop-Button-upsell-background-color-hover);
1942
- --color: var(--hop-Button-upsell-color-hover);
1821
+ .Button-module__hop-Button--upsell___4-0Mp[data-hovered],
1822
+ .Button-module__hop-Button--upsell___4-0Mp[data-focus-visible] {
1823
+ --background-color: var(--hop-comp-button-upsell-background-color-hover);
1824
+ --color: var(--hop-comp-button-upsell-text-color-hover);
1943
1825
  --border: var(--hop-Button-upsell-border-hover);
1944
1826
  }
1945
- .Button-module__hop-Button--upsell___9YjEm[data-pressed] {
1946
- --background-color: var(--hop-Button-upsell-background-color-pressed);
1947
- --color: var(--hop-Button-upsell-color-pressed);
1827
+ .Button-module__hop-Button--upsell___4-0Mp[data-pressed] {
1828
+ --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1829
+ --color: var(--hop-comp-button-upsell-text-color-pressed);
1948
1830
  --border: var(--hop-Button-upsell-border-pressed);
1949
1831
  }
1950
- .Button-module__hop-Button--danger___cLxF7 {
1951
- --background-color: var(--hop-Button-danger-background-color);
1952
- --color: var(--hop-Button-danger-color);
1832
+ .Button-module__hop-Button--danger___lsZmV {
1833
+ --background-color: var(--hop-comp-button-danger-background-color);
1834
+ --color: var(--hop-comp-button-danger-text-color);
1953
1835
  --border: var(--hop-Button-danger-border);
1954
1836
  --spinner-color: var(--hop-Button-danger-spinner-color);
1837
+ --box-shadow: var(--hop-comp-button-danger-box-shadow);
1955
1838
  }
1956
- .Button-module__hop-Button--danger___cLxF7[data-hovered],
1957
- .Button-module__hop-Button--danger___cLxF7[data-focus-visible] {
1958
- --background-color: var(--hop-Button-danger-background-color-hover);
1959
- --color: var(--hop-Button-danger-color-hover);
1839
+ .Button-module__hop-Button--danger___lsZmV[data-hovered],
1840
+ .Button-module__hop-Button--danger___lsZmV[data-focus-visible] {
1841
+ --background-color: var(--hop-comp-button-danger-background-color-hover);
1842
+ --color: var(--hop-comp-button-danger-text-color-hover);
1960
1843
  --border: var(--hop-Button-danger-border-hover);
1961
1844
  }
1962
- .Button-module__hop-Button--danger___cLxF7[data-pressed] {
1963
- --background-color: var(--hop-Button-danger-background-color-pressed);
1964
- --color: var(--hop-Button-danger-color-pressed);
1845
+ .Button-module__hop-Button--danger___lsZmV[data-pressed] {
1846
+ --background-color: var(--hop-comp-button-danger-background-color-pressed);
1847
+ --color: var(--hop-comp-button-danger-text-color-pressed);
1965
1848
  --border: var(--hop-Button-danger-border-pressed);
1966
1849
  }
1967
- .Button-module__hop-Button--ghost-primary___2dZsC {
1968
- --background-color: var(--hop-Button-ghost-primary-background-color);
1969
- --color: var(--hop-Button-ghost-primary-color);
1850
+ .Button-module__hop-Button--ghost-primary___9J0-- {
1851
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1852
+ --color: var(--hop-comp-button-ghost-primary-text-color);
1970
1853
  --border: var(--hop-Button-ghost-primary-border);
1971
1854
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1855
+ --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1972
1856
  }
1973
- .Button-module__hop-Button--ghost-primary___2dZsC[data-hovered],
1974
- .Button-module__hop-Button--ghost-primary___2dZsC[data-focus-visible] {
1975
- --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1976
- --color: var(--hop-Button-ghost-primary-color-hover);
1857
+ .Button-module__hop-Button--ghost-primary___9J0--[data-hovered],
1858
+ .Button-module__hop-Button--ghost-primary___9J0--[data-focus-visible] {
1859
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1860
+ --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1977
1861
  --border: var(--hop-Button-ghost-primary-border-hover);
1978
1862
  }
1979
- .Button-module__hop-Button--ghost-primary___2dZsC[data-pressed] {
1980
- --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1981
- --color: var(--hop-Button-ghost-primary-color-pressed);
1863
+ .Button-module__hop-Button--ghost-primary___9J0--[data-pressed] {
1864
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1865
+ --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1982
1866
  --border: var(--hop-Button-ghost-primary-border-pressed);
1983
1867
  }
1984
- .Button-module__hop-Button--ghost-secondary___tn5e5 {
1985
- --background-color: var(--hop-Button-ghost-secondary-background-color);
1986
- --color: var(--hop-Button-ghost-secondary-color);
1868
+ .Button-module__hop-Button--ghost-secondary___dJGMh {
1869
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1870
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
1987
1871
  --border: var(--hop-Button-ghost-secondary-border);
1988
1872
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1873
+ --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1989
1874
  }
1990
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-hovered],
1991
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-focus-visible] {
1992
- --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1993
- --color: var(--hop-Button-ghost-secondary-color-hover);
1875
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-hovered],
1876
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-focus-visible] {
1877
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1878
+ --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1994
1879
  --border: var(--hop-Button-ghost-secondary-border-hover);
1995
1880
  }
1996
- .Button-module__hop-Button--ghost-secondary___tn5e5[data-pressed] {
1997
- --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1998
- --color: var(--hop-Button-ghost-secondary-color-pressed);
1881
+ .Button-module__hop-Button--ghost-secondary___dJGMh[data-pressed] {
1882
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1883
+ --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1999
1884
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2000
1885
  }
2001
- .Button-module__hop-Button--ghost-danger___ojcg4 {
2002
- --background-color: var(--hop-Button-ghost-danger-background-color);
2003
- --color: var(--hop-Button-ghost-danger-color);
1886
+ .Button-module__hop-Button--ghost-danger___vaQYU {
1887
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1888
+ --color: var(--hop-comp-button-ghost-danger-text-color);
2004
1889
  --border: var(--hop-Button-ghost-danger-border);
2005
1890
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1891
+ --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
2006
1892
  }
2007
- .Button-module__hop-Button--ghost-danger___ojcg4[data-hovered],
2008
- .Button-module__hop-Button--ghost-danger___ojcg4[data-focus-visible] {
2009
- --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2010
- --color: var(--hop-Button-ghost-danger-color-hover);
1893
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-hovered],
1894
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-focus-visible] {
1895
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1896
+ --color: var(--hop-comp-button-ghost-danger-text-color-hover);
2011
1897
  --border: var(--hop-Button-ghost-danger-border-hover);
2012
1898
  }
2013
- .Button-module__hop-Button--ghost-danger___ojcg4[data-pressed] {
2014
- --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2015
- --color: var(--hop-Button-ghost-danger-color-pressed);
1899
+ .Button-module__hop-Button--ghost-danger___vaQYU[data-pressed] {
1900
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1901
+ --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
2016
1902
  --border: var(--hop-Button-ghost-danger-border-pressed);
2017
1903
  }
2018
- .Button-module__hop-Button___nEuHI[data-focus-visible] {
1904
+ .Button-module__hop-Button___REbYC[data-focus-visible] {
2019
1905
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2020
1906
  }
2021
- .Button-module__hop-Button___nEuHI[data-disabled],
2022
- .Button-module__hop-Button--loading___AYdL0 {
1907
+ .Button-module__hop-Button___REbYC[data-disabled],
1908
+ .Button-module__hop-Button--loading___cV-u9 {
2023
1909
  cursor: not-allowed;
2024
1910
  }
2025
- .Button-module__hop-Button___nEuHI[data-disabled] {
2026
- --background-color: var(--hop-Button-background-color-disabled);
2027
- --color: var(--hop-Button-color-disabled);
1911
+ .Button-module__hop-Button___REbYC[data-disabled] {
1912
+ --background-color: var(--hop-comp-button-disabled-background-color);
1913
+ --color: var(--hop-comp-button-disabled-text-color);
2028
1914
  --border: var(--hop-Button-border-disabled);
2029
1915
  }
2030
- .Button-module__hop-Button___nEuHI[class*=--ghost][data-disabled] {
2031
- --background-color: var(--hop-Button-ghost-background-color-disabled);
2032
- --color: var(--hop-Button-ghost-color-disabled);
1916
+ .Button-module__hop-Button___REbYC[class*=--ghost][data-disabled] {
1917
+ --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1918
+ --color: var(--hop-comp-button-ghost-disabled-text-color);
2033
1919
  --border: var(--hop-Button-ghost-border-disabled);
2034
1920
  }
2035
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--primary___Scgow {
2036
- --background-color: var(--hop-Button-primary-background-color);
2037
- --color: var(--hop-Button-primary-color);
1921
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--primary___6rHG3 {
1922
+ --background-color: var(--hop-comp-button-primary-background-color);
1923
+ --color: var(--hop-comp-button-primary-text-color);
2038
1924
  --border: var(--hop-Button-primary-border);
2039
1925
  }
2040
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--secondary___aE2cR {
2041
- --background-color: var(--hop-Button-secondary-background-color);
2042
- --color: var(--hop-Button-secondary-color);
1926
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--secondary___aCxDx {
1927
+ --background-color: var(--hop-comp-button-secondary-background-color);
1928
+ --color: var(--hop-comp-button-secondary-text-color);
2043
1929
  --border: var(--hop-Button-secondary-border);
2044
1930
  }
2045
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--upsell___9YjEm {
2046
- --background-color: var(--hop-Button-upsell-background-color);
2047
- --color: var(--hop-Button-upsell-color);
1931
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--upsell___4-0Mp {
1932
+ --background-color: var(--hop-comp-button-upsell-background-color);
1933
+ --color: var(--hop-comp-button-upsell-text-color);
2048
1934
  --border: var(--hop-Button-upsell-border);
2049
1935
  }
2050
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--danger___cLxF7 {
2051
- --background-color: var(--hop-Button-danger-background-color);
2052
- --color: var(--hop-Button-danger-color);
1936
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--danger___lsZmV {
1937
+ --background-color: var(--hop-comp-button-danger-background-color);
1938
+ --color: var(--hop-comp-button-danger-text-color);
2053
1939
  --border: var(--hop-Button-danger-border);
2054
1940
  }
2055
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-primary___2dZsC {
2056
- --background-color: var(--hop-Button-ghost-primary-background-color);
2057
- --color: var(--hop-Button-ghost-primary-color);
1941
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-primary___9J0-- {
1942
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
1943
+ --color: var(--hop-comp-button-ghost-primary-text-color);
2058
1944
  --border: var(--hop-Button-ghost-primary-border);
2059
1945
  }
2060
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-secondary___tn5e5 {
2061
- --background-color: var(--hop-Button-ghost-secondary-background-color);
2062
- --color: var(--hop-Button-ghost-secondary-color);
1946
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-secondary___dJGMh {
1947
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1948
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
2063
1949
  --border: var(--hop-Button-ghost-secondary-border);
2064
1950
  }
2065
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button--ghost-danger___ojcg4 {
2066
- --background-color: var(--hop-Button-ghost-danger-background-color);
2067
- --color: var(--hop-Button-ghost-danger-color);
1951
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button--ghost-danger___vaQYU {
1952
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
1953
+ --color: var(--hop-comp-button-ghost-danger-text-color);
2068
1954
  --border: var(--hop-Button-ghost-danger-border);
2069
1955
  }
2070
- .Button-module__hop-Button__Spinner___-4Cjd {
1956
+ .Button-module__hop-Button__Spinner___yoa8O {
2071
1957
  position: absolute;
2072
1958
  color: var(--spinner-color);
2073
1959
  }
2074
- .Button-module__hop-Button__icon___242RX,
2075
- .Button-module__hop-Button__icon-list___YRbIZ {
1960
+ .Button-module__hop-Button__icon___QCuE7,
1961
+ .Button-module__hop-Button__icon-list___QrbUY {
2076
1962
  flex: 0 0 auto;
2077
1963
  justify-self: end;
2078
1964
  order: 1;
2079
1965
  }
2080
- .Button-module__hop-Button__text___TAmEN {
1966
+ .Button-module__hop-Button__text___CBz1s {
2081
1967
  user-select: none;
2082
1968
  overflow: visible;
2083
1969
  flex: 0 1 auto;
@@ -2086,190 +1972,148 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2086
1972
  text-decoration: none;
2087
1973
  text-wrap: nowrap;
2088
1974
  }
2089
- .Button-module__hop-Button__end-icon___A15-f,
2090
- .Button-module__hop-Button__end-icon-list___VLHc3 {
1975
+ .Button-module__hop-Button__end-icon___cyX9i,
1976
+ .Button-module__hop-Button__end-icon-list___u-t2S {
2091
1977
  flex: 0 0 auto;
2092
1978
  order: 3;
2093
1979
  }
2094
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__icon-list___YRbIZ,
2095
- .Button-module__hop-Button___nEuHI .Button-module__hop-Button__end-icon-list___VLHc3 {
1980
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__icon-list___QrbUY,
1981
+ .Button-module__hop-Button___REbYC .Button-module__hop-Button__end-icon-list___u-t2S {
2096
1982
  flex-wrap: nowrap;
2097
1983
  }
2098
- .Button-module__hop-Button--loading___AYdL0.Button-module__hop-Button___nEuHI > *:not(.Button-module__hop-Button__Spinner___-4Cjd) {
1984
+ .Button-module__hop-Button--loading___cV-u9.Button-module__hop-Button___REbYC > *:not(.Button-module__hop-Button__Spinner___yoa8O) {
2099
1985
  opacity: 0;
2100
1986
  }
2101
- .ToggleButton-module__hop-ToggleButton___uRWN6 {
1987
+ .ToggleButton-module__hop-ToggleButton___ceyvh {
2102
1988
  --hop-ToggleButton-border-size: var(--hop-space-10);
2103
- --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
2104
- --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
2105
- --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
2106
- --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
2107
- --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
2108
- --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
2109
- --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
2110
- --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
2111
- --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2112
- --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
2113
- --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
2114
- --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
2115
- --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
2116
- --hop-ToggleButton-upsell-background-color: var(--hop-upsell-weak-surface);
2117
- --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
2118
- --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
2119
- --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
2120
- --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
2121
- --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
2122
- --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
2123
- --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
2124
- --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
2125
- --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
2126
- --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
2127
- --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
2128
- --hop-ToggleButton-ghost-primary-background-color: transparent;
2129
- --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
2130
- --hop-ToggleButton-ghost-primary-color-selected: var(--hop-primary-text-press);
2131
- --hop-ToggleButton-ghost-primary-background-color-selected: var(--hop-primary-surface-weak-press);
2132
- --hop-ToggleButton-ghost-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-selected);
2133
- --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
2134
- --hop-ToggleButton-ghost-secondary-background-color: transparent;
2135
- --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
2136
- --hop-ToggleButton-ghost-secondary-color-selected: var(--hop-neutral-text-weak-press);
2137
- --hop-ToggleButton-ghost-secondary-background-color-selected: var(--hop-neutral-surface-press);
2138
- --hop-ToggleButton-ghost-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2139
- --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
2140
- --hop-ToggleButton-ghost-danger-background-color: transparent;
2141
- --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
2142
- --hop-ToggleButton-ghost-danger-color-selected: var(--hop-danger-text-press);
2143
- --hop-ToggleButton-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
2144
- --hop-ToggleButton-ghost-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-selected);
2145
- }
2146
- .ToggleButton-module__hop-ToggleButton--fluid___RfJ8Z {
2147
- }
2148
- .ToggleButton-module__hop-ToggleButton--xs___g-Ym6 {
2149
- }
2150
- .ToggleButton-module__hop-ToggleButton--sm___sms68 {
2151
- }
2152
- .ToggleButton-module__hop-ToggleButton--md___61fPz {
2153
- }
2154
- .ToggleButton-module__hop-ToggleButton--icon-only___BkplF {
2155
- }
2156
- .ToggleButton-module__hop-ToggleButton--primary___z90m6 {
2157
- }
2158
- .ToggleButton-module__hop-ToggleButton--primary___z90m6[data-selected] {
2159
- --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2160
- --color: var(--hop-ToggleButton-primary-color-selected);
2161
- --border: var(--hop-ToggleButton-primary-border-selected);
2162
- }
2163
- .ToggleButton-module__hop-ToggleButton--secondary___bM62i {
2164
- }
2165
- .ToggleButton-module__hop-ToggleButton--secondary___bM62i[data-selected] {
2166
- --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2167
- --color: var(--hop-ToggleButton-secondary-color-selected);
2168
- --border: var(--hop-ToggleButton-secondary-border-selected);
2169
- }
2170
- .ToggleButton-module__hop-ToggleButton--upsell___kFffc {
2171
- }
2172
- .ToggleButton-module__hop-ToggleButton--upsell___kFffc[data-selected] {
2173
- --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2174
- --color: var(--hop-ToggleButton-upsell-color-selected);
2175
- --border: var(--hop-ToggleButton-upsell-border-selected);
2176
- }
2177
- .ToggleButton-module__hop-ToggleButton--danger___Wk7MF {
2178
- }
2179
- .ToggleButton-module__hop-ToggleButton--danger___Wk7MF[data-selected] {
2180
- --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2181
- --color: var(--hop-ToggleButton-danger-color-selected);
2182
- --border: var(--hop-ToggleButton-danger-border-selected);
2183
- }
2184
- .ToggleButton-module__hop-ToggleButton--ghost-primary___Zz8EP {
2185
- }
2186
- .ToggleButton-module__hop-ToggleButton--ghost-primary___Zz8EP[data-selected] {
2187
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color-selected);
2188
- --color: var(--hop-ToggleButton-ghost-primary-color-selected);
2189
- --border: var(--hop-ToggleButton-ghost-primary-border-selected);
2190
- }
2191
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___IaoO5 {
2192
- }
2193
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___IaoO5[data-selected] {
2194
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2195
- --color: var(--hop-ToggleButton-ghost-secondary-color-selected);
2196
- --border: var(--hop-ToggleButton-ghost-secondary-border-selected);
2197
- }
2198
- .ToggleButton-module__hop-ToggleButton--ghost-danger___Cu-Jy {
2199
- }
2200
- .ToggleButton-module__hop-ToggleButton--ghost-danger___Cu-Jy[data-selected] {
2201
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color-selected);
2202
- --color: var(--hop-ToggleButton-ghost-danger-color-selected);
2203
- --border: var(--hop-ToggleButton-ghost-danger-border-selected);
2204
- }
2205
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--primary___z90m6 {
2206
- --background-color: var(--hop-ToggleButton-primary-background-color);
2207
- --color: var(--hop-ToggleButton-primary-color);
2208
- --border: var(--hop-ToggleButton-primary-border);
2209
- }
2210
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--secondary___bM62i {
2211
- --background-color: var(--hop-ToggleButton-secondary-background-color);
2212
- --color: var(--hop-ToggleButton-secondary-color);
2213
- --border: var(--hop-ToggleButton-secondary-border);
2214
- }
2215
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--upsell___kFffc {
2216
- --background-color: var(--hop-ToggleButton-upsell-background-color);
2217
- --color: var(--hop-ToggleButton-upsell-color);
2218
- --border: var(--hop-ToggleButton-upsell-border);
2219
- }
2220
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--danger___Wk7MF {
2221
- --background-color: var(--hop-ToggleButton-danger-background-color);
2222
- --color: var(--hop-ToggleButton-danger-color);
2223
- --border: var(--hop-ToggleButton-danger-border);
2224
1989
  }
2225
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--ghost-primary___Zz8EP {
2226
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2227
- --color: var(--hop-ToggleButton-ghost-primary-color);
2228
- --border: var(--hop-ToggleButton-ghost-primary-border);
1990
+ .ToggleButton-module__hop-ToggleButton--fluid___s7swx {
2229
1991
  }
2230
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--ghost-secondary___IaoO5 {
2231
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2232
- --color: var(--hop-ToggleButton-ghost-secondary-color);
2233
- --border: var(--hop-ToggleButton-ghost-secondary-border);
1992
+ .ToggleButton-module__hop-ToggleButton--xs___lwXuZ {
2234
1993
  }
2235
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton--ghost-danger___Cu-Jy {
2236
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2237
- --color: var(--hop-ToggleButton-ghost-danger-color);
2238
- --border: var(--hop-ToggleButton-ghost-danger-border);
1994
+ .ToggleButton-module__hop-ToggleButton--sm___9gvhF {
2239
1995
  }
2240
- .ToggleButton-module__hop-ToggleButton__Spinner___Zrm6P {
1996
+ .ToggleButton-module__hop-ToggleButton--md___zTfYB {
2241
1997
  }
2242
- .ToggleButton-module__hop-ToggleButton__icon___KK-RV,
2243
- .ToggleButton-module__hop-ToggleButton__icon-list___fZ-I0 {
1998
+ .ToggleButton-module__hop-ToggleButton--icon-only___uRzpu {
2244
1999
  }
2245
- .ToggleButton-module__hop-ToggleButton__text___6FNe1 {
2000
+ .ToggleButton-module__hop-ToggleButton--primary___9IKHT {
2246
2001
  }
2247
- .ToggleButton-module__hop-ToggleButton__end-icon___Z5a0G,
2248
- .ToggleButton-module__hop-ToggleButton__end-icon-list___AE9uR {
2002
+ .ToggleButton-module__hop-ToggleButton--primary___9IKHT[data-selected] {
2003
+ --background-color: var(--hop-comp-button-primary-background-color-selected);
2004
+ --color: var(--hop-comp-button-primary-text-color-selected);
2005
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
2249
2006
  }
2250
- .ToggleButton-module__hop-ToggleButton__icon-list___fZ-I0,
2251
- .ToggleButton-module__hop-ToggleButton__end-icon-list___AE9uR {
2007
+ .ToggleButton-module__hop-ToggleButton--secondary___9Ly-Q {
2252
2008
  }
2253
- .ToggleButton-module__hop-ToggleButton--loading___jXmjK.ToggleButton-module__hop-ToggleButton___uRWN6 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___Zrm6P) {
2009
+ .ToggleButton-module__hop-ToggleButton--secondary___9Ly-Q[data-selected] {
2010
+ --background-color: var(--hop-comp-button-secondary-background-color-selected);
2011
+ --color: var(--hop-comp-button-secondary-text-color-selected);
2012
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
2013
+ }
2014
+ .ToggleButton-module__hop-ToggleButton--upsell___PYvaB {
2015
+ }
2016
+ .ToggleButton-module__hop-ToggleButton--upsell___PYvaB[data-selected] {
2017
+ --background-color: var(--hop-comp-button-upsell-background-color-selected);
2018
+ --color: var(--hop-comp-button-upsell-text-color-selected);
2019
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
2020
+ }
2021
+ .ToggleButton-module__hop-ToggleButton--danger___PkMZR {
2022
+ }
2023
+ .ToggleButton-module__hop-ToggleButton--danger___PkMZR[data-selected] {
2024
+ --background-color: var(--hop-comp-button-danger-background-color-selected);
2025
+ --color: var(--hop-comp-button-danger-text-color-selected);
2026
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
2027
+ }
2028
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___uev4R {
2029
+ }
2030
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___uev4R[data-selected] {
2031
+ --background-color: var(--hop-comp-button-ghost-primary-background-color-selected);
2032
+ --color: var(--hop-comp-button-ghost-primary-text-color-selected);
2033
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
2034
+ }
2035
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___g9QKK {
2036
+ }
2037
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___g9QKK[data-selected] {
2038
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color-selected);
2039
+ --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
2040
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
2041
+ }
2042
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___o-QB6 {
2043
+ }
2044
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___o-QB6[data-selected] {
2045
+ --background-color: var(--hop-comp-button-ghost-danger-background-color-selected);
2046
+ --color: var(--hop-comp-button-ghost-danger-text-color-selected);
2047
+ --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
2048
+ }
2049
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--primary___9IKHT {
2050
+ --background-color: var(--hop-comp-button-primary-background-color);
2051
+ --color: var(--hop-comp-button-primary-text-color);
2052
+ --border: var(--hop-Button-primary-border);
2053
+ }
2054
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--secondary___9Ly-Q {
2055
+ --background-color: var(--hop-comp-button-secondary-background-color);
2056
+ --color: var(--hop-comp-button-secondary-text-color);
2057
+ --border: var(--hop-Button-secondary-border);
2058
+ }
2059
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--upsell___PYvaB {
2060
+ --background-color: var(--hop-comp-button-upsell-background-color);
2061
+ --color: var(--hop-comp-button-upsell-text-color);
2062
+ --border: var(--hop-Button-upsell-border);
2063
+ }
2064
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--danger___PkMZR {
2065
+ --background-color: var(--hop-comp-button-danger-background-color);
2066
+ --color: var(--hop-comp-button-danger-text-color);
2067
+ --border: var(--hop-Button-danger-border);
2068
+ }
2069
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--ghost-primary___uev4R {
2070
+ --background-color: var(--hop-comp-button-ghost-primary-background-color);
2071
+ --color: var(--hop-comp-button-ghost-primary-text-color);
2072
+ --border: var(--hop-Button-ghost-primary-border);
2073
+ }
2074
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--ghost-secondary___g9QKK {
2075
+ --background-color: var(--hop-comp-button-ghost-secondary-background-color);
2076
+ --color: var(--hop-comp-button-ghost-secondary-text-color);
2077
+ --border: var(--hop-Button-ghost-secondary-border);
2078
+ }
2079
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton--ghost-danger___o-QB6 {
2080
+ --background-color: var(--hop-comp-button-ghost-danger-background-color);
2081
+ --color: var(--hop-comp-button-ghost-danger-text-color);
2082
+ --border: var(--hop-Button-ghost-danger-border);
2083
+ }
2084
+ .ToggleButton-module__hop-ToggleButton__Spinner___0qPTY {
2085
+ }
2086
+ .ToggleButton-module__hop-ToggleButton__icon___NhC7W,
2087
+ .ToggleButton-module__hop-ToggleButton__icon-list___vAJAJ {
2088
+ }
2089
+ .ToggleButton-module__hop-ToggleButton__text___3dDd1 {
2090
+ }
2091
+ .ToggleButton-module__hop-ToggleButton__end-icon___HaUGT,
2092
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___DMJr- {
2093
+ }
2094
+ .ToggleButton-module__hop-ToggleButton__icon-list___vAJAJ,
2095
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___DMJr- {
2096
+ }
2097
+ .ToggleButton-module__hop-ToggleButton--loading___RvRSI.ToggleButton-module__hop-ToggleButton___ceyvh > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___0qPTY) {
2254
2098
  opacity: 0;
2255
2099
  }
2256
2100
 
2257
2101
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/Image.module.css/#css-module-data */
2258
- .Image-module__hop-Image___R-wdb {
2102
+ .Image-module__hop-Image___YpD4- {
2259
2103
  display: block;
2260
2104
  max-inline-size: 100%;
2261
2105
  block-size: auto;
2262
2106
  vertical-align: middle;
2263
2107
  }
2264
- .Image-module__hop-Image--rounded___z18De {
2108
+ .Image-module__hop-Image--rounded___vZhtL {
2265
2109
  border-radius: var(--hop-shape-rounded-md);
2266
2110
  }
2267
- .Image-module__hop-Image--circular___f40p- {
2111
+ .Image-module__hop-Image--circular___sgj8a {
2268
2112
  border-radius: var(--hop-shape-circle);
2269
2113
  }
2270
2114
 
2271
2115
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/image/src/SvgImage.module.css/#css-module-data */
2272
- .SvgImage-module__hop-SvgImage___Zmadx {
2116
+ .SvgImage-module__hop-SvgImage___QlOmt {
2273
2117
  display: block;
2274
2118
  max-inline-size: 100%;
2275
2119
  block-size: auto;
@@ -2277,7 +2121,7 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2277
2121
  }
2278
2122
 
2279
2123
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/Modal.module.css/#css-module-data */
2280
- .Modal-module__hop-Modal___4NsVx {
2124
+ .Modal-module__hop-Modal___-Ud7P {
2281
2125
  --hop-Modal-position: relative;
2282
2126
  --hop-Modal-overflow: auto;
2283
2127
  --hop-Modal-display: grid;
@@ -2302,33 +2146,33 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2302
2146
  border-radius: inherit;
2303
2147
  outline: var(--hop-Modal-outline);
2304
2148
  }
2305
- .Modal-module__hop-Modal__top-container___vXlmB {
2149
+ .Modal-module__hop-Modal__top-container___mYZDJ {
2306
2150
  display: grid;
2307
2151
  grid-area: top;
2308
2152
  grid-template: "heading header" auto / 1fr auto;
2309
2153
  }
2310
- .Modal-module__hop-Modal__bottom-container___5L3iI {
2154
+ .Modal-module__hop-Modal__bottom-container___NSNUr {
2311
2155
  display: grid;
2312
2156
  grid-area: bottom;
2313
2157
  grid-template: "footer buttons" auto / 1fr auto;
2314
2158
  }
2315
- .Modal-module__hop-Modal___4NsVx:not(.Modal-module__hop-Modal--has-image___ellC5) {
2159
+ .Modal-module__hop-Modal___-Ud7P:not(.Modal-module__hop-Modal--has-image___8SYbG) {
2316
2160
  --grid-template: "top top" auto "content content" 1fr "bottom bottom" auto / auto auto;
2317
2161
  }
2318
2162
  @media screen and (min-width: 49rem) {
2319
- .Modal-module__hop-Modal___4NsVx:not(.Modal-module__hop-Modal--has-image___ellC5, .Modal-module__hop-Modal--fullscreen___XcQd-, .Modal-module__hop-Modal--fullscreenTakeover___W5Qk4) {
2163
+ .Modal-module__hop-Modal___-Ud7P:not(.Modal-module__hop-Modal--has-image___8SYbG, .Modal-module__hop-Modal--fullscreen___iyX4G, .Modal-module__hop-Modal--fullscreenTakeover___LGtxE) {
2320
2164
  --grid-template: "top top" auto "content content" auto "bottom bottom" auto / auto auto;
2321
2165
  }
2322
- .Modal-module__hop-Modal___4NsVx.Modal-module__hop-Modal--has-image___ellC5:not(.Modal-module__hop-Modal--fullscreen___XcQd-, .Modal-module__hop-Modal--fullscreenTakeover___W5Qk4) {
2166
+ .Modal-module__hop-Modal___-Ud7P.Modal-module__hop-Modal--has-image___8SYbG:not(.Modal-module__hop-Modal--fullscreen___iyX4G, .Modal-module__hop-Modal--fullscreenTakeover___LGtxE) {
2323
2167
  --grid-template: var(--hop-Modal-large-grid-template);
2324
2168
  }
2325
2169
  }
2326
- .Modal-module__hop-Modal__close___wd9l4 {
2170
+ .Modal-module__hop-Modal__close___TgaED {
2327
2171
  position: absolute;
2328
2172
  inset-block-start: var(--hop-Modal-margin);
2329
2173
  inset-inline-end: var(--hop-Modal-margin);
2330
2174
  }
2331
- .Modal-module__hop-Modal___4NsVx > .Modal-module__hop-Modal__image___WzLbl {
2175
+ .Modal-module__hop-Modal___-Ud7P > .Modal-module__hop-Modal__image___qBa7h {
2332
2176
  --hop-Modal-image-inline-size: 100%;
2333
2177
  --hop-Modal-image-block-size: 100%;
2334
2178
  --hop-Modal-image-object-fit: cover;
@@ -2337,18 +2181,18 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2337
2181
  block-size: var(--hop-Modal-image-block-size);
2338
2182
  object-fit: var(--hop-Modal-image-object-fit);
2339
2183
  }
2340
- .Modal-module__hop-Modal__heading___6-sFG {
2184
+ .Modal-module__hop-Modal__heading___gfSJW {
2341
2185
  grid-area: heading;
2342
2186
  margin-block-start: var(--hop-Modal-margin);
2343
2187
  margin-inline: var(--hop-Modal-margin);
2344
2188
  }
2345
- .Modal-module__hop-Modal__header___1fkXy {
2189
+ .Modal-module__hop-Modal__header___Cyufl {
2346
2190
  grid-area: header;
2347
2191
  place-self: center end;
2348
2192
  margin-block-start: var(--hop-Modal-margin);
2349
2193
  margin-inline-start: var(--hop-Modal-margin);
2350
2194
  }
2351
- .Modal-module__hop-Modal__content___hFnCq {
2195
+ .Modal-module__hop-Modal__content___c-085 {
2352
2196
  overflow-y: auto;
2353
2197
  grid-area: content;
2354
2198
  margin: var(--hop-Modal-margin);
@@ -2358,50 +2202,50 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2358
2202
  line-height: var(--hop-Modal-content-line-height);
2359
2203
  }
2360
2204
  @media (max-height: 24rem) {
2361
- .Modal-module__hop-Modal__content___hFnCq {
2205
+ .Modal-module__hop-Modal__content___c-085 {
2362
2206
  overflow-y: visible;
2363
2207
  }
2364
2208
  }
2365
- .Modal-module__hop-Modal__footer___kazfD {
2209
+ .Modal-module__hop-Modal__footer___b2jmE {
2366
2210
  grid-area: footer;
2367
2211
  align-self: center;
2368
2212
  margin-block-end: var(--hop-Modal-margin);
2369
2213
  margin-inline: var(--hop-Modal-margin);
2370
2214
  }
2371
- .Modal-module__hop-Modal__button___2q-gR {
2215
+ .Modal-module__hop-Modal__button___q6m-I {
2372
2216
  grid-area: buttons;
2373
2217
  place-self: center end;
2374
2218
  margin-block-end: var(--hop-Modal-margin);
2375
2219
  margin-inline: var(--hop-Modal-margin);
2376
2220
  }
2377
- .Modal-module__hop-Modal__button-group___GhyV8 {
2221
+ .Modal-module__hop-Modal__button-group___YRGAv {
2378
2222
  grid-area: buttons;
2379
2223
  flex-wrap: nowrap;
2380
2224
  place-self: center end;
2381
2225
  margin-block-end: var(--hop-Modal-margin);
2382
2226
  margin-inline: var(--hop-Modal-margin);
2383
2227
  }
2384
- .Modal-module__hop-Modal___4NsVx:has(.Modal-module__hop-Modal__close___wd9l4) > .Modal-module__hop-Modal__top-container___vXlmB {
2228
+ .Modal-module__hop-Modal___-Ud7P:has(.Modal-module__hop-Modal__close___TgaED) > .Modal-module__hop-Modal__top-container___mYZDJ {
2385
2229
  margin-inline-end: calc(var(--hop-Modal-margin) + var(--hop-space-inline-md) + 1.5rem);
2386
2230
  }
2387
- .Modal-module__hop-Modal___4NsVx.Modal-module__hop-Modal--has-image___ellC5:has(.Modal-module__hop-Modal__close___wd9l4).Modal-module__hop-Modal--fullscreen___XcQd- > .Modal-module__hop-Modal__top-container___vXlmB,
2388
- .Modal-module__hop-Modal___4NsVx.Modal-module__hop-Modal--has-image___ellC5:has(.Modal-module__hop-Modal__close___wd9l4).Modal-module__hop-Modal--fullscreenTakeover___W5Qk4 > .Modal-module__hop-Modal__top-container___vXlmB {
2231
+ .Modal-module__hop-Modal___-Ud7P.Modal-module__hop-Modal--has-image___8SYbG:has(.Modal-module__hop-Modal__close___TgaED).Modal-module__hop-Modal--fullscreen___iyX4G > .Modal-module__hop-Modal__top-container___mYZDJ,
2232
+ .Modal-module__hop-Modal___-Ud7P.Modal-module__hop-Modal--has-image___8SYbG:has(.Modal-module__hop-Modal__close___TgaED).Modal-module__hop-Modal--fullscreenTakeover___LGtxE > .Modal-module__hop-Modal__top-container___mYZDJ {
2389
2233
  margin-inline-end: var(--hop-Modal-margin);
2390
2234
  }
2391
2235
  @media screen and (max-width: 48rem) {
2392
- .Modal-module__hop-Modal___4NsVx:has(.Modal-module__hop-Modal__close___wd9l4).Modal-module__hop-Modal--has-image___ellC5 > .Modal-module__hop-Modal__header___1fkXy,
2393
- .Modal-module__hop-Modal___4NsVx:has(.Modal-module__hop-Modal__close___wd9l4).Modal-module__hop-Modal--has-image___ellC5 > .Modal-module__hop-Modal__heading___6-sFG {
2236
+ .Modal-module__hop-Modal___-Ud7P:has(.Modal-module__hop-Modal__close___TgaED).Modal-module__hop-Modal--has-image___8SYbG > .Modal-module__hop-Modal__header___Cyufl,
2237
+ .Modal-module__hop-Modal___-Ud7P:has(.Modal-module__hop-Modal__close___TgaED).Modal-module__hop-Modal--has-image___8SYbG > .Modal-module__hop-Modal__heading___gfSJW {
2394
2238
  margin-inline-end: var(--hop-Modal-margin);
2395
2239
  }
2396
2240
  }
2397
- .Modal-module__hop-Modal__top-container___vXlmB:has(> .Modal-module__hop-Modal__header___1fkXy) > .Modal-module__hop-Modal__heading___6-sFG {
2241
+ .Modal-module__hop-Modal__top-container___mYZDJ:has(> .Modal-module__hop-Modal__header___Cyufl) > .Modal-module__hop-Modal__heading___gfSJW {
2398
2242
  margin-inline-end: 0;
2399
2243
  }
2400
- .Modal-module__hop-Modal__bottom-container___5L3iI:has(> .Modal-module__hop-Modal__button___2q-gR) > .Modal-module__hop-Modal__footer___kazfD,
2401
- .Modal-module__hop-Modal__bottom-container___5L3iI:has(> .Modal-module__hop-Modal__button-group___GhyV8) > .Modal-module__hop-Modal__footer___kazfD {
2244
+ .Modal-module__hop-Modal__bottom-container___NSNUr:has(> .Modal-module__hop-Modal__button___q6m-I) > .Modal-module__hop-Modal__footer___b2jmE,
2245
+ .Modal-module__hop-Modal__bottom-container___NSNUr:has(> .Modal-module__hop-Modal__button-group___YRGAv) > .Modal-module__hop-Modal__footer___b2jmE {
2402
2246
  margin-inline-end: 0;
2403
2247
  }
2404
- .Modal-module__hop-Modal__base-modal___ZET-r {
2248
+ .Modal-module__hop-Modal__base-modal___vXg-p {
2405
2249
  --hop-Modal__base-modal-sm-width: 28.75rem;
2406
2250
  --hop-Modal__base-modal-md-width: 36.5rem;
2407
2251
  --hop-Modal__base-modal-lg-width: 41.5rem;
@@ -2424,49 +2268,49 @@ button.CloseButton-module__hop-CloseButton___koyiQ {
2424
2268
  transition: var(--hop-Modal__base-modal-transition);
2425
2269
  }
2426
2270
  @media screen and (min-width: 48rem) {
2427
- .Modal-module__hop-Modal__base-modal--has-image___yCs-S {
2271
+ .Modal-module__hop-Modal__base-modal--has-image___9OxjJ {
2428
2272
  --image-size: 16rem;
2429
2273
  }
2430
2274
  }
2431
- .Modal-module__hop-Modal__base-modal--sm___W6Rq3 {
2275
+ .Modal-module__hop-Modal__base-modal--sm___R-Jo1 {
2432
2276
  --width: calc(var(--image-size) + var(--hop-Modal__base-modal-sm-width));
2433
2277
  }
2434
- .Modal-module__hop-Modal__base-modal--md___JszwA {
2278
+ .Modal-module__hop-Modal__base-modal--md___SCnPB {
2435
2279
  --width: calc(var(--image-size) + var(--hop-Modal__base-modal-md-width));
2436
2280
  }
2437
- .Modal-module__hop-Modal__base-modal--lg___S6GGb {
2281
+ .Modal-module__hop-Modal__base-modal--lg___NNud5 {
2438
2282
  --width: calc(var(--image-size) + var(--hop-Modal__base-modal-lg-width));
2439
2283
  }
2440
- .Modal-module__hop-Modal__base-modal--xl___vrUTG {
2284
+ .Modal-module__hop-Modal__base-modal--xl___RYN9v {
2441
2285
  --width: calc(var(--image-size) + var(--hop-Modal__base-modal-xl-width));
2442
2286
  }
2443
- .Modal-module__hop-Modal__base-modal--fullscreen___-Kgtk {
2287
+ .Modal-module__hop-Modal__base-modal--fullscreen___K3Jo- {
2444
2288
  --width: var(--hop-Modal__base-modal-fullscreen-width);
2445
2289
  --height: var(--hop-Modal__base-modal-fullscreen-height);
2446
2290
  }
2447
- .Modal-module__hop-Modal__base-modal--fullscreenTakeover___r5-zd {
2291
+ .Modal-module__hop-Modal__base-modal--fullscreenTakeover___PP8fl {
2448
2292
  --width: var(--hop-Modal__base-modal-fullscreentakeover-width);
2449
2293
  --height: var(--hop-Modal__base-modal-fullscreentakeover-height);
2450
2294
  --border-radius: var(--hop-Modal__base-modal-fullscreentakeover-border-radius);
2451
2295
  }
2452
- .Modal-module__hop-Modal__base-modal--fullscreen___-Kgtk,
2453
- .Modal-module__hop-Modal__base-modal--fullscreenTakeover___r5-zd {
2296
+ .Modal-module__hop-Modal__base-modal--fullscreen___K3Jo-,
2297
+ .Modal-module__hop-Modal__base-modal--fullscreenTakeover___PP8fl {
2454
2298
  --max-inline-size: var(--hop-Modal__base-modal-fullscreen-max-width);
2455
2299
  --max-block-size: var(--hop-Modal__base-modal-fullscreen-max-height);
2456
2300
  }
2457
- .Modal-module__hop-Modal__overlay___nlfk4[data-entering] .Modal-module__hop-Modal__base-modal___ZET-r {
2301
+ .Modal-module__hop-Modal__overlay___qy6nq[data-entering] .Modal-module__hop-Modal__base-modal___vXg-p {
2458
2302
  transform: var(--hop-Modal__base-modal-entering-transform);
2459
2303
  opacity: var(--hop-Modal__base-modal-entering-opacity);
2460
2304
  }
2461
- .Modal-module__hop-Modal__overlay___nlfk4[data-exiting] .Modal-module__hop-Modal__base-modal___ZET-r {
2305
+ .Modal-module__hop-Modal__overlay___qy6nq[data-exiting] .Modal-module__hop-Modal__base-modal___vXg-p {
2462
2306
  opacity: var(--hop-Modal__base-modal-exiting-opacity);
2463
2307
  transition: var(--hop-Modal__base-modal-exiting-transition);
2464
2308
  }
2465
- .Modal-module__hop-Modal__overlay___nlfk4[data-entering]:has(.Modal-module__hop-Modal__base-modal___ZET-r) {
2309
+ .Modal-module__hop-Modal__overlay___qy6nq[data-entering]:has(.Modal-module__hop-Modal__base-modal___vXg-p) {
2466
2310
  opacity: 0;
2467
2311
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2468
2312
  }
2469
- .Modal-module__hop-Modal__overlay___nlfk4[data-exiting]:has(.Modal-module__hop-Modal__base-modal___ZET-r) {
2313
+ .Modal-module__hop-Modal__overlay___qy6nq[data-exiting]:has(.Modal-module__hop-Modal__base-modal___vXg-p) {
2470
2314
  opacity: 0;
2471
2315
  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
2472
2316
  }