@hopper-ui/components 2.0.16 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (386) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/accordion/src/Accordion.css +79 -79
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +79 -79
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +788 -759
  7. package/dist/alert/src/Alert.js +10 -10
  8. package/dist/alert/src/index.css +788 -759
  9. package/dist/alert/src/index.js +10 -10
  10. package/dist/avatar/src/AnonymousAvatar.css +51 -51
  11. package/dist/avatar/src/AnonymousAvatar.js +3 -3
  12. package/dist/avatar/src/Avatar.css +72 -72
  13. package/dist/avatar/src/Avatar.js +5 -5
  14. package/dist/avatar/src/AvatarGroup.css +72 -76
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +51 -51
  17. package/dist/avatar/src/BrokenAvatar.js +3 -3
  18. package/dist/avatar/src/DeletedAvatar.css +51 -51
  19. package/dist/avatar/src/DeletedAvatar.js +3 -3
  20. package/dist/avatar/src/RichIconAvatarImage.css +51 -51
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +105 -109
  23. package/dist/avatar/src/index.js +12 -12
  24. package/dist/badge/src/Badge.css +102 -142
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +49 -49
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +112 -152
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +220 -203
  31. package/dist/buttons/src/Button.js +6 -6
  32. package/dist/buttons/src/ButtonGroup.css +50 -50
  33. package/dist/buttons/src/ButtonGroup.js +1 -1
  34. package/dist/buttons/src/ClearButton.css +110 -110
  35. package/dist/buttons/src/ClearButton.js +2 -2
  36. package/dist/buttons/src/CloseButton.css +221 -204
  37. package/dist/buttons/src/CloseButton.js +7 -7
  38. package/dist/buttons/src/EmbeddedButton.css +110 -110
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +230 -213
  41. package/dist/buttons/src/LinkButton.js +5 -5
  42. package/dist/buttons/src/ToggleButton.css +264 -273
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +707 -682
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/calendar/src/Calendar.css +763 -745
  47. package/dist/calendar/src/Calendar.js +13 -13
  48. package/dist/calendar/src/CalendarCell.css +53 -56
  49. package/dist/calendar/src/CalendarCell.js +1 -1
  50. package/dist/calendar/src/CalendarGrid.css +86 -93
  51. package/dist/calendar/src/CalendarGrid.js +3 -3
  52. package/dist/calendar/src/CalendarHeader.css +711 -686
  53. package/dist/calendar/src/CalendarHeader.js +8 -8
  54. package/dist/calendar/src/RangeCalendar.css +766 -748
  55. package/dist/calendar/src/RangeCalendar.js +13 -13
  56. package/dist/calendar/src/RangeCalendarCell.css +62 -66
  57. package/dist/calendar/src/RangeCalendarCell.js +1 -1
  58. package/dist/calendar/src/index.css +769 -751
  59. package/dist/calendar/src/index.js +14 -14
  60. package/dist/callout/src/Callout.css +720 -695
  61. package/dist/callout/src/Callout.js +8 -8
  62. package/dist/callout/src/CompactCallout.css +756 -731
  63. package/dist/callout/src/CompactCallout.js +8 -8
  64. package/dist/callout/src/index.css +769 -744
  65. package/dist/callout/src/index.js +9 -9
  66. package/dist/card/src/Card.css +51 -45
  67. package/dist/card/src/Card.d.ts +5 -0
  68. package/dist/card/src/Card.js +1 -1
  69. package/dist/card/src/index.css +51 -45
  70. package/dist/card/src/index.js +1 -1
  71. package/dist/checkbox/src/Checkbox.css +76 -76
  72. package/dist/checkbox/src/Checkbox.js +4 -4
  73. package/dist/checkbox/src/CheckboxField.css +45 -45
  74. package/dist/checkbox/src/CheckboxField.js +3 -3
  75. package/dist/checkbox/src/CheckboxGroup.css +147 -147
  76. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  77. package/dist/checkbox/src/DecorativeCheckbox.css +84 -84
  78. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  79. package/dist/checkbox/src/index.css +147 -147
  80. package/dist/checkbox/src/index.js +11 -11
  81. package/dist/{chunk-O5MIJ7LZ.js → chunk-23ZXEDAW.js} +8 -8
  82. package/dist/{chunk-YUHXUB2I.js → chunk-2CGYG3PT.js} +10 -10
  83. package/dist/{chunk-O4FJV757.js → chunk-2D2SKN7X.js} +2 -2
  84. package/dist/{chunk-ELOBGRDS.js → chunk-2EUYIT6R.js} +2 -2
  85. package/dist/{chunk-JLPERUXC.js → chunk-2P7N3TBN.js} +2 -2
  86. package/dist/{chunk-ZWNEY26X.js → chunk-2QUO5EVI.js} +1 -1
  87. package/dist/{chunk-IKT7OZIS.js → chunk-37OWNBSI.js} +2 -2
  88. package/dist/{chunk-454TPGQT.js → chunk-37UNUVMI.js} +2 -2
  89. package/dist/{chunk-K2NNYBTP.js → chunk-3ESC6VQP.js} +3 -3
  90. package/dist/{chunk-RQXDJXUB.js → chunk-3IUKHHCY.js} +1 -1
  91. package/dist/{chunk-GNT5JLQE.js → chunk-3OFI7AVI.js} +2 -2
  92. package/dist/{chunk-EXMCGNZL.js → chunk-3RRPSLGD.js} +1 -1
  93. package/dist/{chunk-CPEOOZCQ.js → chunk-46NZBERT.js} +2 -2
  94. package/dist/{chunk-2UN4HFUE.js → chunk-4PFBPKE4.js} +5 -5
  95. package/dist/{chunk-D5QBUWXD.js → chunk-53TKU6EC.js} +2 -2
  96. package/dist/{chunk-JNPS54E3.js → chunk-5POZUM4Y.js} +1 -1
  97. package/dist/{chunk-GLL2WZW3.js → chunk-5QCMSBKW.js} +1 -1
  98. package/dist/{chunk-SWSEQ5UH.js → chunk-5QLEO54R.js} +4 -4
  99. package/dist/{chunk-XMA3OCUX.js → chunk-65VFYEU5.js} +3 -3
  100. package/dist/{chunk-GFN2RSNX.js → chunk-67J2A2VH.js} +12 -12
  101. package/dist/{chunk-QUWZX6YL.js → chunk-77U6ZXYP.js} +1 -1
  102. package/dist/{chunk-YWW7DCN3.js → chunk-A2DVWVOK.js} +3 -3
  103. package/dist/{chunk-567OKOAT.js → chunk-AEY26KBC.js} +2 -2
  104. package/dist/{chunk-JJZ2T2DG.js → chunk-AKV734JG.js} +5 -5
  105. package/dist/{chunk-LGVLBFYR.js → chunk-AUAGPT7H.js} +9 -9
  106. package/dist/{chunk-CLO2AWJS.js → chunk-BJ7USFLW.js} +1 -1
  107. package/dist/{chunk-WVQQW7YE.js → chunk-BQWVF3GN.js} +1 -1
  108. package/dist/{chunk-TCLXEJGY.js → chunk-BVMDC2ID.js} +9 -9
  109. package/dist/{chunk-TNTERM2U.js → chunk-DCRCGYCI.js} +3 -3
  110. package/dist/{chunk-6XLH6GHH.js → chunk-DKHEEHJP.js} +1 -1
  111. package/dist/{chunk-ZNQFVND7.js → chunk-DLDVANOT.js} +4 -4
  112. package/dist/{chunk-O6M5JK3Z.js → chunk-DO3ZC6D3.js} +3 -3
  113. package/dist/{chunk-XS3WMQRX.js → chunk-DZ3G4DVX.js} +8 -8
  114. package/dist/{chunk-3YD6Z2CG.js → chunk-EN7CATRQ.js} +2 -2
  115. package/dist/{chunk-DHSQDA3P.js → chunk-F2CGUBPL.js} +2 -2
  116. package/dist/{chunk-UUOYQGZE.js → chunk-FAC4UJLU.js} +1 -1
  117. package/dist/{chunk-3MKLP4C7.js → chunk-FOHM2E2O.js} +1 -1
  118. package/dist/{chunk-377ISII2.js → chunk-FS4YNGR5.js} +1 -1
  119. package/dist/{chunk-OLMWY5AA.js → chunk-FVMZWZK4.js} +2 -2
  120. package/dist/{chunk-SEHWACBO.js → chunk-GYESUZI4.js} +1 -1
  121. package/dist/{chunk-KRGAANHK.js → chunk-HI5JBMJX.js} +3 -3
  122. package/dist/{chunk-JIG4HRTM.js → chunk-HNHPGKAR.js} +1 -1
  123. package/dist/{chunk-332WY7S2.js → chunk-HX2DGKEP.js} +1 -1
  124. package/dist/{chunk-7ZGRFPRP.js → chunk-I23PHCE6.js} +2 -2
  125. package/dist/{chunk-DDNK3MZM.js → chunk-I5DB3LFN.js} +2 -2
  126. package/dist/{chunk-BJTDFRT5.js → chunk-IA3SZGHC.js} +5 -5
  127. package/dist/{chunk-WTJEYESY.js → chunk-IPWB6BK3.js} +1 -1
  128. package/dist/{chunk-IVC3Z74D.js → chunk-IV3FF2XZ.js} +1 -1
  129. package/dist/{chunk-JDQRUKDQ.js → chunk-JCONPT5G.js} +1 -1
  130. package/dist/{chunk-Q4WAM33P.js → chunk-JEDGXRDC.js} +1 -1
  131. package/dist/{chunk-2RG2JYE3.js → chunk-JF7J366G.js} +1 -1
  132. package/dist/{chunk-4HGOQPCC.js → chunk-JW2RJBZB.js} +8 -8
  133. package/dist/{chunk-B64Q7MSD.js → chunk-JZIJDOBN.js} +2 -2
  134. package/dist/{chunk-IOMR4SYH.js → chunk-L2MMXJ2J.js} +2 -2
  135. package/dist/{chunk-IDUKGRRO.js → chunk-LESZFYKK.js} +1 -1
  136. package/dist/{chunk-P7DOJUNA.js → chunk-LIVWYNR3.js} +1 -1
  137. package/dist/{chunk-QT5DWEK5.js → chunk-LNHREFT4.js} +2 -2
  138. package/dist/{chunk-Y4DRJAAC.js → chunk-LQ5UXO7R.js} +2 -2
  139. package/dist/{chunk-E23B66GT.js → chunk-LSK5EYSO.js} +1 -1
  140. package/dist/{chunk-Z7EYUYWU.js → chunk-MJPWMHWN.js} +7 -7
  141. package/dist/{chunk-PYI3HSJS.js → chunk-N5VSINHR.js} +3 -3
  142. package/dist/{chunk-HQXYDMQA.js → chunk-NCDNU2M5.js} +3 -3
  143. package/dist/{chunk-ZSP3G7T4.js → chunk-NNEXL4VY.js} +1 -1
  144. package/dist/{chunk-QEKDXTBG.js → chunk-NQ4FZYAP.js} +2 -2
  145. package/dist/{chunk-JNRTCIL4.js → chunk-NRZEZURT.js} +3 -3
  146. package/dist/{chunk-XNZLLOM3.js → chunk-OBUIQVFX.js} +2 -2
  147. package/dist/{chunk-SZUXAUNP.js → chunk-OOAAWEYR.js} +11 -11
  148. package/dist/{chunk-2ZTG76NT.js → chunk-P2YBBKOM.js} +2 -2
  149. package/dist/{chunk-AL6FWBWW.js → chunk-PD53SELP.js} +3 -3
  150. package/dist/{chunk-2U7RPV7T.js → chunk-PFQGAAVP.js} +5 -5
  151. package/dist/{chunk-HVAENXZL.js → chunk-PWNEBK3O.js} +3 -3
  152. package/dist/{chunk-IQJ6YC4J.js → chunk-QBCENUCD.js} +5 -5
  153. package/dist/{chunk-4BN2QLNV.js → chunk-QBCG3VLT.js} +1 -1
  154. package/dist/{chunk-XTVDYCMC.js → chunk-QNPXXTDY.js} +7 -1
  155. package/dist/{chunk-QNPN2ZZD.js → chunk-R3DPRQAL.js} +2 -2
  156. package/dist/{chunk-ETGKKKLV.js → chunk-R5G45WDI.js} +1 -1
  157. package/dist/{chunk-UPUX2XZQ.js → chunk-SMRVRGCV.js} +2 -2
  158. package/dist/{chunk-F4KYID6Q.js → chunk-STRNNPXB.js} +7 -7
  159. package/dist/{chunk-7J7CS3GU.js → chunk-TONO7Z76.js} +4 -4
  160. package/dist/{chunk-KHZZMP2Z.js → chunk-U2H6E2EE.js} +1 -1
  161. package/dist/{chunk-MPKG5FMH.js → chunk-UDKVESB4.js} +2 -2
  162. package/dist/{chunk-JNQMLRFS.js → chunk-UJ57XVAC.js} +1 -1
  163. package/dist/{chunk-LM36F4TF.js → chunk-UTDK4M7J.js} +3 -3
  164. package/dist/{chunk-ZMG45GYZ.js → chunk-W2WNTROY.js} +2 -2
  165. package/dist/{chunk-26HHBEU7.js → chunk-W5KAH64K.js} +1 -1
  166. package/dist/{chunk-Y25XJICK.js → chunk-WC2IAID6.js} +4 -4
  167. package/dist/{chunk-6SI66BF5.js → chunk-WLF6Z5MA.js} +1 -1
  168. package/dist/{chunk-GVOTR7BV.js → chunk-XEDXRUXJ.js} +1 -1
  169. package/dist/{chunk-JBEHNUXT.js → chunk-XHV4OY4Q.js} +2 -2
  170. package/dist/{chunk-OSOXLNYY.js → chunk-XKZ4GYVA.js} +1 -1
  171. package/dist/{chunk-6UVO6Y3B.js → chunk-Y3RMGDLI.js} +2 -2
  172. package/dist/{chunk-27N4HRTH.js → chunk-Y6LZL5XI.js} +1 -1
  173. package/dist/{chunk-LVTIDZYT.js → chunk-YAWXCLGU.js} +2 -2
  174. package/dist/{chunk-2Y6OATCO.js → chunk-YSEV3CIU.js} +1 -1
  175. package/dist/{chunk-SB7TRRF7.js → chunk-YXX2OIPV.js} +2 -2
  176. package/dist/{chunk-AMLK4VEX.js → chunk-ZMWPA2VD.js} +4 -4
  177. package/dist/{chunk-64RP3TG4.js → chunk-ZNTGEEV6.js} +1 -1
  178. package/dist/combobox/src/ComboBox.css +1280 -1298
  179. package/dist/combobox/src/ComboBox.js +20 -20
  180. package/dist/combobox/src/index.css +1280 -1298
  181. package/dist/combobox/src/index.js +20 -20
  182. package/dist/contextual-help/src/ContextualHelp.css +1186 -1204
  183. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  184. package/dist/contextual-help/src/index.css +1186 -1204
  185. package/dist/contextual-help/src/index.js +4 -4
  186. package/dist/date-picker/src/DateInput.css +52 -52
  187. package/dist/date-picker/src/DateInput.js +1 -1
  188. package/dist/date-picker/src/DatePicker.css +1337 -1361
  189. package/dist/date-picker/src/DatePicker.js +20 -20
  190. package/dist/date-picker/src/DateRangePicker.css +1340 -1364
  191. package/dist/date-picker/src/DateRangePicker.js +20 -20
  192. package/dist/date-picker/src/index.css +1349 -1372
  193. package/dist/date-picker/src/index.js +22 -22
  194. package/dist/disclosure/src/Disclosure.css +49 -49
  195. package/dist/disclosure/src/Disclosure.js +1 -1
  196. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  197. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  198. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  199. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  200. package/dist/disclosure/src/index.css +74 -74
  201. package/dist/disclosure/src/index.js +7 -7
  202. package/dist/divider/src/Divider.css +41 -41
  203. package/dist/divider/src/Divider.js +1 -1
  204. package/dist/divider/src/index.css +41 -41
  205. package/dist/divider/src/index.js +1 -1
  206. package/dist/error-message/src/ErrorMessage.css +41 -41
  207. package/dist/error-message/src/ErrorMessage.js +2 -2
  208. package/dist/error-message/src/index.css +41 -41
  209. package/dist/error-message/src/index.js +2 -2
  210. package/dist/form/src/Form.css +39 -39
  211. package/dist/form/src/Form.js +1 -1
  212. package/dist/form/src/index.css +39 -39
  213. package/dist/form/src/index.js +1 -1
  214. package/dist/header/src/Header.css +39 -39
  215. package/dist/header/src/index.css +39 -39
  216. package/dist/helper-message/src/HelperMessage.css +41 -41
  217. package/dist/helper-message/src/HelperMessage.js +2 -2
  218. package/dist/helper-message/src/index.css +41 -41
  219. package/dist/helper-message/src/index.js +2 -2
  220. package/dist/icon-list/src/IconList.css +40 -40
  221. package/dist/icon-list/src/IconList.js +1 -1
  222. package/dist/icon-list/src/index.css +40 -40
  223. package/dist/icon-list/src/index.js +1 -1
  224. package/dist/illustrated-message/src/IllustratedMessage.css +729 -704
  225. package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
  226. package/dist/illustrated-message/src/index.css +729 -704
  227. package/dist/illustrated-message/src/index.js +2 -2
  228. package/dist/illustration/src/Illustration.css +48 -48
  229. package/dist/illustration/src/Illustration.js +1 -1
  230. package/dist/illustration/src/index.css +48 -48
  231. package/dist/illustration/src/index.js +1 -1
  232. package/dist/image/src/Image.css +42 -42
  233. package/dist/image/src/Image.js +1 -1
  234. package/dist/image/src/SvgImage.css +40 -40
  235. package/dist/image/src/SvgImage.js +1 -1
  236. package/dist/image/src/index.css +43 -43
  237. package/dist/image/src/index.js +2 -2
  238. package/dist/index.css +1875 -1964
  239. package/dist/index.js +107 -107
  240. package/dist/inputs/src/Input.css +44 -44
  241. package/dist/inputs/src/Input.js +1 -1
  242. package/dist/inputs/src/InputGroup.css +45 -45
  243. package/dist/inputs/src/InputGroup.js +1 -1
  244. package/dist/inputs/src/NumberField.css +70 -70
  245. package/dist/inputs/src/NumberField.js +10 -10
  246. package/dist/inputs/src/PasswordField.css +728 -703
  247. package/dist/inputs/src/PasswordField.js +10 -10
  248. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  249. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  250. package/dist/inputs/src/SearchField.css +734 -709
  251. package/dist/inputs/src/SearchField.js +11 -11
  252. package/dist/inputs/src/TextArea.css +69 -69
  253. package/dist/inputs/src/TextArea.js +9 -9
  254. package/dist/inputs/src/TextField.css +732 -707
  255. package/dist/inputs/src/TextField.js +13 -13
  256. package/dist/inputs/src/index.css +783 -758
  257. package/dist/inputs/src/index.js +17 -17
  258. package/dist/layout/src/Content.css +39 -39
  259. package/dist/layout/src/Footer.css +39 -39
  260. package/dist/link/src/Link.css +78 -78
  261. package/dist/link/src/Link.js +3 -3
  262. package/dist/link/src/index.css +78 -78
  263. package/dist/link/src/index.js +3 -3
  264. package/dist/list-box/src/ListBox.css +440 -477
  265. package/dist/list-box/src/ListBox.js +9 -9
  266. package/dist/list-box/src/ListBoxItem.css +428 -465
  267. package/dist/list-box/src/ListBoxItem.js +7 -7
  268. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  269. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  270. package/dist/list-box/src/index.css +440 -477
  271. package/dist/list-box/src/index.js +10 -10
  272. package/dist/menu/src/Menu.css +1188 -1206
  273. package/dist/menu/src/Menu.js +2 -2
  274. package/dist/menu/src/MenuItem.css +130 -134
  275. package/dist/menu/src/MenuItem.js +2 -2
  276. package/dist/menu/src/MenuSection.css +41 -41
  277. package/dist/menu/src/MenuSection.js +1 -1
  278. package/dist/menu/src/index.css +1214 -1232
  279. package/dist/menu/src/index.js +5 -5
  280. package/dist/modal/src/BaseModal.css +8 -6
  281. package/dist/modal/src/BaseModal.js +1 -1
  282. package/dist/modal/src/CustomModal.css +63 -59
  283. package/dist/modal/src/CustomModal.js +2 -2
  284. package/dist/modal/src/Modal.css +756 -729
  285. package/dist/modal/src/Modal.js +9 -9
  286. package/dist/modal/src/index.css +772 -743
  287. package/dist/modal/src/index.js +10 -10
  288. package/dist/overlays/popover/src/Popover.css +1175 -1190
  289. package/dist/overlays/popover/src/Popover.js +1 -1
  290. package/dist/overlays/popover/src/PopoverBase.css +47 -50
  291. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  292. package/dist/overlays/popover/src/index.css +1183 -1201
  293. package/dist/overlays/popover/src/index.js +2 -2
  294. package/dist/radio/src/DecorativeRadio.css +84 -84
  295. package/dist/radio/src/DecorativeRadio.js +3 -3
  296. package/dist/radio/src/Radio.css +76 -76
  297. package/dist/radio/src/Radio.js +3 -3
  298. package/dist/radio/src/RadioField.css +45 -45
  299. package/dist/radio/src/RadioField.js +2 -2
  300. package/dist/radio/src/RadioGroup.css +147 -147
  301. package/dist/radio/src/RadioGroup.js +7 -7
  302. package/dist/radio/src/index.css +147 -147
  303. package/dist/radio/src/index.js +11 -11
  304. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  305. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  306. package/dist/segmented-control/src/SegmentedControlItem.css +66 -78
  307. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  308. package/dist/segmented-control/src/index.css +67 -79
  309. package/dist/segmented-control/src/index.js +3 -3
  310. package/dist/select/src/MultiSelect.css +1281 -1299
  311. package/dist/select/src/MultiSelect.js +25 -25
  312. package/dist/select/src/Select.css +1281 -1299
  313. package/dist/select/src/Select.js +25 -25
  314. package/dist/select/src/SelectInternal.css +1281 -1299
  315. package/dist/select/src/SelectInternal.js +23 -23
  316. package/dist/select/src/SelectValue.css +111 -115
  317. package/dist/select/src/SelectValue.js +3 -3
  318. package/dist/select/src/index.css +1281 -1299
  319. package/dist/select/src/index.js +26 -26
  320. package/dist/spinner/src/Spinner.css +49 -49
  321. package/dist/spinner/src/Spinner.js +2 -2
  322. package/dist/spinner/src/index.css +49 -49
  323. package/dist/spinner/src/index.js +2 -2
  324. package/dist/switch/src/Switch.css +92 -116
  325. package/dist/switch/src/Switch.js +3 -3
  326. package/dist/switch/src/SwitchField.css +45 -45
  327. package/dist/switch/src/SwitchField.js +2 -2
  328. package/dist/switch/src/index.css +98 -122
  329. package/dist/switch/src/index.js +4 -4
  330. package/dist/tabs/src/Tab.css +956 -982
  331. package/dist/tabs/src/Tab.js +2 -2
  332. package/dist/tabs/src/TabList.css +51 -56
  333. package/dist/tabs/src/TabList.js +1 -1
  334. package/dist/tabs/src/TabPanel.css +42 -42
  335. package/dist/tabs/src/TabPanel.js +1 -1
  336. package/dist/tabs/src/index.css +971 -1002
  337. package/dist/tabs/src/index.js +4 -4
  338. package/dist/tag/src/Tag.css +920 -939
  339. package/dist/tag/src/Tag.js +8 -8
  340. package/dist/tag/src/TagGroup.css +49 -49
  341. package/dist/tag/src/TagGroup.js +7 -7
  342. package/dist/tag/src/index.css +930 -949
  343. package/dist/tag/src/index.js +13 -13
  344. package/dist/tile/src/Tile.css +109 -137
  345. package/dist/tile/src/Tile.js +1 -1
  346. package/dist/tile/src/TileGroup.css +40 -40
  347. package/dist/tile/src/TileGroup.js +1 -1
  348. package/dist/tile/src/index.css +110 -138
  349. package/dist/tile/src/index.js +2 -2
  350. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  351. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  352. package/dist/toggle-arrow/src/index.css +41 -41
  353. package/dist/toggle-arrow/src/index.js +1 -1
  354. package/dist/tooltip/src/Tooltip.css +55 -59
  355. package/dist/tooltip/src/Tooltip.js +3 -3
  356. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  357. package/dist/tooltip/src/index.css +55 -59
  358. package/dist/tooltip/src/index.js +3 -3
  359. package/dist/typography/heading/src/Heading.css +39 -39
  360. package/dist/typography/heading/src/Heading.js +1 -1
  361. package/dist/typography/heading/src/index.css +39 -39
  362. package/dist/typography/heading/src/index.js +1 -1
  363. package/dist/typography/label/src/FieldLabel.css +39 -39
  364. package/dist/typography/label/src/FieldLabel.js +3 -3
  365. package/dist/typography/label/src/Label.css +39 -39
  366. package/dist/typography/label/src/Label.js +1 -1
  367. package/dist/typography/label/src/index.css +39 -39
  368. package/dist/typography/label/src/index.js +3 -3
  369. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  370. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  371. package/dist/typography/overline-text/src/index.css +39 -39
  372. package/dist/typography/overline-text/src/index.js +1 -1
  373. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  374. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  375. package/dist/typography/paragraph/src/index.css +39 -39
  376. package/dist/typography/paragraph/src/index.js +2 -2
  377. package/dist/typography/text/src/Text.css +39 -39
  378. package/dist/typography/text/src/Text.js +1 -1
  379. package/dist/typography/text/src/index.css +39 -39
  380. package/dist/typography/text/src/index.js +1 -1
  381. package/dist/utils/src/ClearSlots.css +39 -39
  382. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  383. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  384. package/dist/utils/src/index.css +39 -39
  385. package/dist/utils/src/index.js +3 -3
  386. package/package.json +3 -3
package/dist/calendar/src/Calendar.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___xUjDG {
2
+ .Heading-module__hop-Heading___GI2GG {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,53 +33,53 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___xUjDG) {
36
+ :where(.Heading-module__hop-Heading___GI2GG) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___xUjDG):not(.Heading-module__hop-Heading--unset___YCvuY) {
40
+ :where(.Heading-module__hop-Heading___GI2GG):not(.Heading-module__hop-Heading--unset___85BUQ) {
41
41
  font-family: var(--font-family);
42
42
  font-size: var(--font-size);
43
43
  font-weight: var(--font-weight);
44
44
  line-height: var(--line-height);
45
45
  }
46
- :where(.Heading-module__hop-Heading--xs___Em2p2) {
46
+ :where(.Heading-module__hop-Heading--xs___Zxw6C) {
47
47
  --font-size: var(--hop-Heading-xs-font-size);
48
48
  --font-family: var(--hop-Heading-xs-font-family);
49
49
  --font-weight: var(--hop-Heading-xs-font-weight);
50
50
  --line-height: var(--hop-Heading-xs-line-height);
51
51
  }
52
- :where(.Heading-module__hop-Heading--sm___oSsuh) {
52
+ :where(.Heading-module__hop-Heading--sm___wZ3mb) {
53
53
  --font-size: var(--hop-Heading-sm-font-size);
54
54
  --font-family: var(--hop-Heading-sm-font-family);
55
55
  --font-weight: var(--hop-Heading-sm-font-weight);
56
56
  --line-height: var(--hop-Heading-sm-line-height);
57
57
  }
58
- :where(.Heading-module__hop-Heading--md___7EOsJ) {
58
+ :where(.Heading-module__hop-Heading--md___ulzBV) {
59
59
  --font-size: var(--hop-Heading-md-font-size);
60
60
  --font-family: var(--hop-Heading-md-font-family);
61
61
  --font-weight: var(--hop-Heading-md-font-weight);
62
62
  --line-height: var(--hop-Heading-md-line-height);
63
63
  }
64
- :where(.Heading-module__hop-Heading--lg___0aGsE) {
64
+ :where(.Heading-module__hop-Heading--lg___iJMDe) {
65
65
  --font-size: var(--hop-Heading-lg-font-size);
66
66
  --font-family: var(--hop-Heading-lg-font-family);
67
67
  --font-weight: var(--hop-Heading-lg-font-weight);
68
68
  --line-height: var(--hop-Heading-lg-line-height);
69
69
  }
70
- :where(.Heading-module__hop-Heading--xl___FnqVz) {
70
+ :where(.Heading-module__hop-Heading--xl___VysPZ) {
71
71
  --font-size: var(--hop-Heading-xl-font-size);
72
72
  --font-family: var(--hop-Heading-xl-font-family);
73
73
  --font-weight: var(--hop-Heading-xl-font-weight);
74
74
  --line-height: var(--hop-Heading-xl-line-height);
75
75
  }
76
- :where(.Heading-module__hop-Heading--2xl___62B2w) {
76
+ :where(.Heading-module__hop-Heading--2xl___kNGMr) {
77
77
  --font-size: var(--hop-Heading-2xl-font-size);
78
78
  --font-family: var(--hop-Heading-2xl-font-family);
79
79
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
80
  --line-height: var(--hop-Heading-2xl-line-height);
81
81
  }
82
- :where(.Heading-module__hop-Heading--3xl___3JhEy) {
82
+ :where(.Heading-module__hop-Heading--3xl___WJtA7) {
83
83
  --font-size: var(--hop-Heading-3xl-font-size);
84
84
  --font-family: var(--hop-Heading-3xl-font-family);
85
85
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +87,21 @@
87
87
  }
88
88
 
89
89
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
90
- .Form-module__hop-Form___gY9Gw {
90
+ .Form-module__hop-Form___LKBfF {
91
91
  display: flex;
92
92
  flex-direction: column;
93
93
  gap: var(--hop-space-stack-lg);
94
94
  }
95
95
 
96
96
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
97
- .Label-module__hop-Label___9-w9E {
97
+ .Label-module__hop-Label___mDjHA {
98
98
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
99
99
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
100
100
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
101
101
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
102
102
  --hop-Label-color: var(--hop-neutral-text-weak);
103
103
  }
104
- :where(.Label-module__hop-Label___9-w9E) {
104
+ :where(.Label-module__hop-Label___mDjHA) {
105
105
  font-family: var(--hop-Label-font-family);
106
106
  font-size: var(--hop-Label-font-size);
107
107
  font-weight: var(--hop-Label-font-weight);
@@ -110,17 +110,17 @@
110
110
  }
111
111
 
112
112
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
113
- .FieldLabel-module__hop-FieldLabel__wrapper___8OC7O {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___UseG- {
114
114
  display: flex;
115
115
  gap: var(--hop-space-inset-xs);
116
116
  align-items: center;
117
117
  }
118
- .FieldLabel-module__hop-FieldLabel__indicator___BnU9K {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___6ud5m {
119
119
  padding-inline-start: var(--hop-space-20);
120
120
  }
121
121
 
122
122
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
123
- :where(.OverlineText-module__hop-OverlineText___XQKJB) {
123
+ :where(.OverlineText-module__hop-OverlineText___3fpMa) {
124
124
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
125
125
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
126
126
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -144,26 +144,26 @@
144
144
  text-transform: uppercase;
145
145
  letter-spacing: var(--letter-spacing);
146
146
  }
147
- .OverlineText-module__hop-OverlineText__text___qWNw1 {
147
+ .OverlineText-module__hop-OverlineText__text___adJnj {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___qWNw1::before,
151
- .OverlineText-module__hop-OverlineText__text___qWNw1::after {
150
+ .OverlineText-module__hop-OverlineText__text___adJnj::before,
151
+ .OverlineText-module__hop-OverlineText__text___adJnj::after {
152
152
  content: "";
153
153
  display: block;
154
154
  box-sizing: border-box;
155
155
  inline-size: 0;
156
156
  block-size: 0;
157
157
  }
158
- .OverlineText-module__hop-OverlineText__text___qWNw1::before {
158
+ .OverlineText-module__hop-OverlineText__text___adJnj::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___qWNw1::after {
161
+ .OverlineText-module__hop-OverlineText__text___adJnj::after {
162
162
  margin-block-start: var(--top-offset);
163
163
  }
164
164
 
165
165
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
166
- .Text-module__hop-Text___ZSJ6H {
166
+ .Text-module__hop-Text___7u-oj {
167
167
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
168
168
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
169
169
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -193,49 +193,49 @@
193
193
  --hop-Text-inherit-size-font-weight: inherit;
194
194
  --hop-Text-inherit-size-line-height: inherit;
195
195
  }
196
- :where(.Text-module__hop-Text___ZSJ6H) {
196
+ :where(.Text-module__hop-Text___7u-oj) {
197
197
  font-family: var(--font-family);
198
198
  font-size: var(--font-size);
199
199
  font-weight: var(--font-weight);
200
200
  line-height: var(--line-height);
201
201
  }
202
- :where(.Text-module__hop-Text--xs___f6guV) {
202
+ :where(.Text-module__hop-Text--xs___7gVXC) {
203
203
  --font-size: var(--hop-Text-xs-font-size);
204
204
  --font-family: var(--hop-Text-xs-font-family);
205
205
  --font-weight: var(--hop-Text-xs-font-weight);
206
206
  --line-height: var(--hop-Text-xs-line-height);
207
207
  }
208
- :where(.Text-module__hop-Text--sm___X6oVT) {
208
+ :where(.Text-module__hop-Text--sm___euoRS) {
209
209
  --font-size: var(--hop-Text-sm-font-size);
210
210
  --font-family: var(--hop-Text-sm-font-family);
211
211
  --font-weight: var(--hop-Text-sm-font-weight);
212
212
  --line-height: var(--hop-Text-sm-line-height);
213
213
  }
214
- :where(.Text-module__hop-Text--md___8gfdr) {
214
+ :where(.Text-module__hop-Text--md___w0Zta) {
215
215
  --font-size: var(--hop-Text-md-font-size);
216
216
  --font-family: var(--hop-Text-md-font-family);
217
217
  --font-weight: var(--hop-Text-md-font-weight);
218
218
  --line-height: var(--hop-Text-md-line-height);
219
219
  }
220
- :where(.Text-module__hop-Text--lg___B-0Nv) {
220
+ :where(.Text-module__hop-Text--lg___QFfCw) {
221
221
  --font-size: var(--hop-Text-lg-font-size);
222
222
  --font-family: var(--hop-Text-lg-font-family);
223
223
  --font-weight: var(--hop-Text-lg-font-weight);
224
224
  --line-height: var(--hop-Text-lg-line-height);
225
225
  }
226
- :where(.Text-module__hop-Text--xl___EYFPN) {
226
+ :where(.Text-module__hop-Text--xl___pU7hM) {
227
227
  --font-size: var(--hop-Text-xl-font-size);
228
228
  --font-family: var(--hop-Text-xl-font-family);
229
229
  --font-weight: var(--hop-Text-xl-font-weight);
230
230
  --line-height: var(--hop-Text-xl-line-height);
231
231
  }
232
- :where(.Text-module__hop-Text--2xl___gY5rN) {
232
+ :where(.Text-module__hop-Text--2xl___P78fs) {
233
233
  --font-size: var(--hop-Text-2xl-font-size);
234
234
  --font-family: var(--hop-Text-2xl-font-family);
235
235
  --font-weight: var(--hop-Text-2xl-font-weight);
236
236
  --line-height: var(--hop-Text-2xl-line-height);
237
237
  }
238
- :where(.Text-module__hop-Text--inherit___SGZGE) {
238
+ :where(.Text-module__hop-Text--inherit___9FyEw) {
239
239
  --font-size: var(--hop-Text-inherit-size-font-size);
240
240
  --font-family: var(--hop-Text-inherit-size-font-family);
241
241
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -243,7 +243,7 @@
243
243
  }
244
244
 
245
245
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
246
- .Paragraph-module__hop-Paragraph___-Cee6 {
246
+ .Paragraph-module__hop-Paragraph___QPrlU {
247
247
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
248
248
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
249
249
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,33 +255,33 @@
255
255
  margin-block-end: var(--margin-block-end);
256
256
  overflow-wrap: break-word;
257
257
  }
258
- .Paragraph-module__hop-Paragraph___-Cee6:last-child {
258
+ .Paragraph-module__hop-Paragraph___QPrlU:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___ftYUi {
261
+ .Paragraph-module__hop-Paragraph--xs___m23yb {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___lXCwq {
264
+ .Paragraph-module__hop-Paragraph--sm___3raRf {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___vqNeN {
267
+ .Paragraph-module__hop-Paragraph--md___42dnp {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___mCNrF {
270
+ .Paragraph-module__hop-Paragraph--lg___N7hcI {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___BgzNn {
273
+ .Paragraph-module__hop-Paragraph--xl___2j0se {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___z3LJP {
276
+ .Paragraph-module__hop-Paragraph--2xl___Ppj1- {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___LHszP {
279
+ .Paragraph-module__hop-Paragraph--inherit___2la7W {
280
280
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
281
281
  }
282
282
 
283
283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
284
- .ErrorMessage-module__hop-ErrorMessage___uvlMm {
284
+ .ErrorMessage-module__hop-ErrorMessage___mzgen {
285
285
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
286
286
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
287
287
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -298,13 +298,13 @@
298
298
  line-height: var(--hop-ErrorMessage-line-height);
299
299
  color: var(--hop-ErrorMessage-color);
300
300
  }
301
- .ErrorMessage-module__hop-ErrorMessage__icon___ela6H {
301
+ .ErrorMessage-module__hop-ErrorMessage__icon___QgvWm {
302
302
  flex: 0 0 auto;
303
303
  align-self: flex-start;
304
304
  }
305
305
 
306
306
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/calendar/src/CalendarCell.module.css/#css-module-data */
307
- .CalendarCell-module__hop-CalendarCell___6sbSS {
307
+ .CalendarCell-module__hop-CalendarCell___20DYm {
308
308
  --hop-CalendarCell-display: flex;
309
309
  --hop-CalendarCell-align-items: center;
310
310
  --hop-CalendarCell-justify-content: center;
@@ -333,52 +333,49 @@
333
333
  border-radius: var(--hop-CalendarCell-border-radius);
334
334
  outline: var(--hop-CalendarCell-outline);
335
335
  }
336
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-outside-month] {
336
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-outside-month] {
337
337
  visibility: hidden;
338
338
  }
339
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-hovered]:not([data-unavailable], [data-selected]) {
339
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-hovered]:not([data-unavailable], [data-selected]) {
340
340
  --hop-CalendarCell-data-hovered-background: var(--hop-neutral-surface-hover);
341
341
  --hop-CalendarCell-data-hovered-color: var(--hop-neutral-text-hover);
342
342
  color: var(--hop-CalendarCell-data-hovered-color);
343
343
  background: var(--hop-CalendarCell-data-hovered-background);
344
344
  }
345
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-focus-visible] {
345
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-focus-visible] {
346
346
  --hop-CalendarCell-data-focus-visible-outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
347
347
  outline: var(--hop-CalendarCell-data-focus-visible-outline);
348
348
  }
349
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-pressed] {
350
- --hop-CalendarCell-data-pressed-background: var(--hop-neutral-surface-press);
349
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-pressed] {
351
350
  --hop-CalendarCell-data-pressed-color: var(--hop-neutral-text-hover);
352
351
  color: var(--hop-CalendarCell-data-pressed-color);
353
- background: var(--hop-CalendarCell-data-pressed-background);
352
+ background: var(--hop-comp-calendar-cell-background-press);
354
353
  }
355
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-selected] {
356
- --hop-CalendarCell-data-selected-background: var(--hop-neutral-surface-selected);
354
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-selected] {
357
355
  --hop-CalendarCell-data-selected-color: var(--hop-neutral-text-selected);
358
356
  color: var(--hop-CalendarCell-data-selected-color);
359
- background: var(--hop-CalendarCell-data-selected-background);
357
+ background: var(--hop-comp-calendar-cell-background-selected);
360
358
  }
361
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-disabled] {
359
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-disabled] {
362
360
  --hop-CalendarCell-data-disabled-color: var(--hop-neutral-text-disabled);
363
361
  color: var(--hop-CalendarCell-data-disabled-color);
364
362
  }
365
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-invalid] {
363
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-invalid] {
366
364
  --hop-CalendarCell-data-invalid-color: var(--hop-danger-text-strong);
367
365
  --hop-CalendarCell-data-invalid-background: var(--hop-danger-surface-strong);
368
366
  color: var(--hop-CalendarCell-data-invalid-color);
369
367
  background: var(--hop-CalendarCell-data-invalid-background);
370
368
  }
371
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-unavailable] {
369
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-unavailable] {
372
370
  --hop-CalendarCell-data-unavailable-color: var(--hop-danger-text-weak);
373
371
  --hop-CalendarCell-data-unavailable-text-decoration: line-through;
374
372
  color: var(--hop-CalendarCell-data-unavailable-color);
375
373
  text-decoration: var(--hop-CalendarCell-data-unavailable-text-decoration);
376
374
  }
377
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-today]:not([data-selected]) {
378
- --hop-CalendarCell-data-today-border: 0.125rem solid var(--hop-neutral-border-strong);
379
- border: var(--hop-CalendarCell-data-today-border);
375
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-today]:not([data-selected]) {
376
+ border: 0.125rem solid var(--hop-comp-calendar-cell-today-border-color);
380
377
  }
381
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-disabled][data-selected] {
378
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-disabled][data-selected] {
382
379
  --hop-CalendarCell-data-selected-disabled-background: var(--hop-neutral-surface-disabled);
383
380
  --hop-CalendarCell-data-selected-disabled-color: var(--hop-neutral-text-disabled);
384
381
  color: var(--hop-CalendarCell-data-selected-disabled-color);
@@ -386,7 +383,7 @@
386
383
  }
387
384
 
388
385
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/calendar/src/RangeCalendarCell.module.css/#css-module-data */
389
- .CalendarCell-module__hop-CalendarCell___6sbSS {
386
+ .CalendarCell-module__hop-CalendarCell___20DYm {
390
387
  --hop-CalendarCell-display: flex;
391
388
  --hop-CalendarCell-align-items: center;
392
389
  --hop-CalendarCell-justify-content: center;
@@ -415,64 +412,61 @@
415
412
  border-radius: var(--hop-CalendarCell-border-radius);
416
413
  outline: var(--hop-CalendarCell-outline);
417
414
  }
418
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-outside-month] {
415
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-outside-month] {
419
416
  visibility: hidden;
420
417
  }
421
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-hovered]:not([data-unavailable], [data-selected]) {
418
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-hovered]:not([data-unavailable], [data-selected]) {
422
419
  --hop-CalendarCell-data-hovered-background: var(--hop-neutral-surface-hover);
423
420
  --hop-CalendarCell-data-hovered-color: var(--hop-neutral-text-hover);
424
421
  color: var(--hop-CalendarCell-data-hovered-color);
425
422
  background: var(--hop-CalendarCell-data-hovered-background);
426
423
  }
427
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-focus-visible] {
424
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-focus-visible] {
428
425
  --hop-CalendarCell-data-focus-visible-outline: var(--hop-space-20) solid var(--hop-primary-border-focus);
429
426
  outline: var(--hop-CalendarCell-data-focus-visible-outline);
430
427
  }
431
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-pressed] {
432
- --hop-CalendarCell-data-pressed-background: var(--hop-neutral-surface-press);
428
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-pressed] {
433
429
  --hop-CalendarCell-data-pressed-color: var(--hop-neutral-text-hover);
434
430
  color: var(--hop-CalendarCell-data-pressed-color);
435
- background: var(--hop-CalendarCell-data-pressed-background);
431
+ background: var(--hop-comp-calendar-cell-background-press);
436
432
  }
437
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-selected] {
438
- --hop-CalendarCell-data-selected-background: var(--hop-neutral-surface-selected);
433
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-selected] {
439
434
  --hop-CalendarCell-data-selected-color: var(--hop-neutral-text-selected);
440
435
  color: var(--hop-CalendarCell-data-selected-color);
441
- background: var(--hop-CalendarCell-data-selected-background);
436
+ background: var(--hop-comp-calendar-cell-background-selected);
442
437
  }
443
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-disabled] {
438
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-disabled] {
444
439
  --hop-CalendarCell-data-disabled-color: var(--hop-neutral-text-disabled);
445
440
  color: var(--hop-CalendarCell-data-disabled-color);
446
441
  }
447
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-invalid] {
442
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-invalid] {
448
443
  --hop-CalendarCell-data-invalid-color: var(--hop-danger-text-strong);
449
444
  --hop-CalendarCell-data-invalid-background: var(--hop-danger-surface-strong);
450
445
  color: var(--hop-CalendarCell-data-invalid-color);
451
446
  background: var(--hop-CalendarCell-data-invalid-background);
452
447
  }
453
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-unavailable] {
448
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-unavailable] {
454
449
  --hop-CalendarCell-data-unavailable-color: var(--hop-danger-text-weak);
455
450
  --hop-CalendarCell-data-unavailable-text-decoration: line-through;
456
451
  color: var(--hop-CalendarCell-data-unavailable-color);
457
452
  text-decoration: var(--hop-CalendarCell-data-unavailable-text-decoration);
458
453
  }
459
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-today]:not([data-selected]) {
460
- --hop-CalendarCell-data-today-border: 0.125rem solid var(--hop-neutral-border-strong);
461
- border: var(--hop-CalendarCell-data-today-border);
454
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-today]:not([data-selected]) {
455
+ border: 0.125rem solid var(--hop-comp-calendar-cell-today-border-color);
462
456
  }
463
- .CalendarCell-module__hop-CalendarCell___6sbSS[data-disabled][data-selected] {
457
+ .CalendarCell-module__hop-CalendarCell___20DYm[data-disabled][data-selected] {
464
458
  --hop-CalendarCell-data-selected-disabled-background: var(--hop-neutral-surface-disabled);
465
459
  --hop-CalendarCell-data-selected-disabled-color: var(--hop-neutral-text-disabled);
466
460
  color: var(--hop-CalendarCell-data-selected-disabled-color);
467
461
  background: var(--hop-CalendarCell-data-selected-disabled-background);
468
462
  }
469
- .RangeCalendarCell-module__hop-RangeCalendarCell___CMqlL {
463
+ .RangeCalendarCell-module__hop-RangeCalendarCell___PX9Un {
470
464
  --hop-RangeCalendarCell-position: relative;
471
465
  --hop-RangeCalendarCell-border-radius: var(--hop-shape-circle);
472
466
  position: var(--hop-RangeCalendarCell-position);
473
467
  z-index: 0;
474
468
  }
475
- .RangeCalendarCell-module__hop-RangeCalendarCell___CMqlL[data-selected] {
469
+ .RangeCalendarCell-module__hop-RangeCalendarCell___PX9Un[data-selected] {
476
470
  --hop-RangeCalendarCell-data-selected-background: var(--hop-neutral-surface-weak-selected);
477
471
  --hop-RangeCalendarCell-data-selected-border-radius: 0;
478
472
  --hop-RangeCalendarCell-data-selected-color: var(--hop-neutral-text);
@@ -480,17 +474,16 @@
480
474
  background: var(--hop-RangeCalendarCell-data-selected-background);
481
475
  border-radius: var(--hop-RangeCalendarCell-data-selected-border-radius);
482
476
  }
483
- .RangeCalendarCell-module__hop-RangeCalendarCell___CMqlL[data-selection-start] {
477
+ .RangeCalendarCell-module__hop-RangeCalendarCell___PX9Un[data-selection-start] {
484
478
  border-start-start-radius: var(--hop-RangeCalendarCell-border-radius);
485
479
  border-end-start-radius: var(--hop-RangeCalendarCell-border-radius);
486
480
  }
487
- .RangeCalendarCell-module__hop-RangeCalendarCell___CMqlL[data-selection-end] {
481
+ .RangeCalendarCell-module__hop-RangeCalendarCell___PX9Un[data-selection-end] {
488
482
  border-start-end-radius: var(--hop-RangeCalendarCell-border-radius);
489
483
  border-end-end-radius: var(--hop-RangeCalendarCell-border-radius);
490
484
  }
491
- .RangeCalendarCell-module__hop-RangeCalendarCell___CMqlL[data-selection-start]:not([data-disabled])::before,
492
- .RangeCalendarCell-module__hop-RangeCalendarCell___CMqlL[data-selection-end]:not([data-disabled])::before {
493
- --hop-RangeCalendarCell-data-selected-edge-background: var(--hop-neutral-surface-selected);
485
+ .RangeCalendarCell-module__hop-RangeCalendarCell___PX9Un[data-selection-start]:not([data-disabled])::before,
486
+ .RangeCalendarCell-module__hop-RangeCalendarCell___PX9Un[data-selection-end]:not([data-disabled])::before {
494
487
  content: "";
495
488
  position: absolute;
496
489
  z-index: 1;
@@ -499,18 +492,18 @@
499
492
  transform: translate(-50%, -50%);
500
493
  inline-size: 100%;
501
494
  block-size: 100%;
502
- background: var(--hop-RangeCalendarCell-data-selected-edge-background);
495
+ background: var(--hop-comp-calendar-cell-background-selected);
503
496
  border-radius: var(--hop-RangeCalendarCell-border-radius);
504
497
  }
505
- .RangeCalendarCell-module__hop-RangeCalendarCell___CMqlL[data-selection-start]:not([data-disabled]) span,
506
- .RangeCalendarCell-module__hop-RangeCalendarCell___CMqlL[data-selection-end]:not([data-disabled]) span {
498
+ .RangeCalendarCell-module__hop-RangeCalendarCell___PX9Un[data-selection-start]:not([data-disabled]) span,
499
+ .RangeCalendarCell-module__hop-RangeCalendarCell___PX9Un[data-selection-end]:not([data-disabled]) span {
507
500
  --hop-RangeCalendarCell-data-edge-selected-color: var(--hop-neutral-text-selected);
508
501
  z-index: 2;
509
502
  color: var(--hop-RangeCalendarCell-data-edge-selected-color);
510
503
  }
511
504
 
512
505
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/calendar/src/CalendarGrid.module.css/#css-module-data */
513
- .CalendarGrid-module__hop-CalendarGrid___QKMrW {
506
+ .CalendarGrid-module__hop-CalendarGrid___z3yeB {
514
507
  --hop-CalendarGrid-padding: var(--hop-space-inset-xs);
515
508
  --hop-CalendarGrid-isolation: isolate;
516
509
  --hop-CalendarGrid-border-spacing: 0;
@@ -521,31 +514,31 @@
521
514
  border-collapse: var(--hop-CalendarGrid-border-collapse);
522
515
  inline-size: var(--hop-CalendarGrid-inline-size);
523
516
  }
524
- .CalendarGrid-module__hop-CalendarGrid___QKMrW[aria-readonly=true] {
517
+ .CalendarGrid-module__hop-CalendarGrid___z3yeB[aria-readonly=true] {
525
518
  pointer-events: none;
526
519
  }
527
- .CalendarGrid-module__hop-CalendarGrid__body___bRJaU {
520
+ .CalendarGrid-module__hop-CalendarGrid__body___ue7z- {
528
521
  --hop-CalendarGrid__body-border-radius: var(--hop-shape-rounded-md);
529
522
  border-radius: var(--hop-CalendarGrid__body-border-radius);
530
- box-shadow: 0 0 0 0.0625rem var(--hop-neutral-border);
523
+ box-shadow: 0 0 0 0.0625rem var(--hop-comp-calendar-grid-border-color);
531
524
  }
532
- .CalendarGrid-module__hop-CalendarGrid__body___bRJaU td {
525
+ .CalendarGrid-module__hop-CalendarGrid__body___ue7z- td {
533
526
  --hop-CalendarGrid__body-padding-y: 0.125rem;
534
527
  padding: var(--hop-CalendarGrid__body-padding-y) 0;
535
528
  }
536
- .CalendarGrid-module__hop-CalendarGrid__body___bRJaU tr:first-child td {
529
+ .CalendarGrid-module__hop-CalendarGrid__body___ue7z- tr:first-child td {
537
530
  padding-block-start: var(--hop-CalendarGrid-padding);
538
531
  }
539
- .CalendarGrid-module__hop-CalendarGrid__body___bRJaU td:first-child {
532
+ .CalendarGrid-module__hop-CalendarGrid__body___ue7z- td:first-child {
540
533
  padding-inline-start: var(--hop-CalendarGrid-padding);
541
534
  }
542
- .CalendarGrid-module__hop-CalendarGrid__body___bRJaU td:last-child {
535
+ .CalendarGrid-module__hop-CalendarGrid__body___ue7z- td:last-child {
543
536
  padding-inline-end: var(--hop-CalendarGrid-padding);
544
537
  }
545
- .CalendarGrid-module__hop-CalendarGrid__body___bRJaU tr:last-child td {
538
+ .CalendarGrid-module__hop-CalendarGrid__body___ue7z- tr:last-child td {
546
539
  padding-block-end: var(--hop-CalendarGrid-padding);
547
540
  }
548
- .CalendarGrid-module__hop-CalendarGrid__header-cell___pK1ov {
541
+ .CalendarGrid-module__hop-CalendarGrid__header-cell___s7nPO {
549
542
  --hop-CalendarGrid__header-cell-text-color: var(--hop-neutral-text);
550
543
  --hop-CalendarGrid__header-cell-text-text-align: center;
551
544
  --hop-CalendarGrid__header-cell-text-font-size: var(--hop-body-sm-font-size);
@@ -563,7 +556,7 @@
563
556
  }
564
557
 
565
558
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
566
- .IconList-module__hop-IconList___65Xzq {
559
+ .IconList-module__hop-IconList___SvMS4 {
567
560
  --hop-IconList-gap: var(--hop-space-inline-xs);
568
561
  display: flex;
569
562
  flex-wrap: wrap;
@@ -572,7 +565,7 @@
572
565
  }
573
566
 
574
567
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
575
- @keyframes Spinner-module__spin___r1Maq {
568
+ @keyframes Spinner-module__spin___jMApU {
576
569
  0% {
577
570
  transform: rotate(0deg);
578
571
  }
@@ -580,7 +573,7 @@
580
573
  transform: rotate(360deg);
581
574
  }
582
575
  }
583
- .Spinner-module__hop-Spinner___FlJW5 {
576
+ .Spinner-module__hop-Spinner___1ssMJ {
584
577
  --hop-Spinner-border-radius: var(--hop-shape-circle);
585
578
  --hop-Spinner-sm-wheel-size: 1rem;
586
579
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -588,7 +581,7 @@
588
581
  --hop-Spinner-track-width: 0.125rem;
589
582
  --hop-Spinner-track-opacity: 0.2;
590
583
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
591
- --hop-Spinner-fill-animation: Spinner-module__spin___r1Maq .8s infinite linear;
584
+ --hop-Spinner-fill-animation: Spinner-module__spin___jMApU .8s infinite linear;
592
585
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
593
586
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
594
587
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -599,19 +592,19 @@
599
592
  align-items: center;
600
593
  box-sizing: border-box;
601
594
  }
602
- .Spinner-module__hop-Spinner--sm___m6sNk {
595
+ .Spinner-module__hop-Spinner--sm___xRHfi {
603
596
  --width: var(--hop-Spinner-sm-wheel-size);
604
597
  --height: var(--hop-Spinner-sm-wheel-size);
605
598
  }
606
- .Spinner-module__hop-Spinner--md___F-nOW {
599
+ .Spinner-module__hop-Spinner--md___EmK5W {
607
600
  --width: var(--hop-Spinner-md-wheel-size);
608
601
  --height: var(--hop-Spinner-md-wheel-size);
609
602
  }
610
- .Spinner-module__hop-Spinner--lg___H4J-F {
603
+ .Spinner-module__hop-Spinner--lg___VAevn {
611
604
  --width: var(--hop-Spinner-lg-wheel-size);
612
605
  --height: var(--hop-Spinner-lg-wheel-size);
613
606
  }
614
- .Spinner-module__hop-Spinner__track___s8gU7 {
607
+ .Spinner-module__hop-Spinner__track___2SBvX {
615
608
  grid-area: spinner;
616
609
  box-sizing: border-box;
617
610
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -620,7 +613,7 @@
620
613
  border: var(--hop-Spinner-track-border);
621
614
  border-radius: var(--hop-Spinner-border-radius);
622
615
  }
623
- .Spinner-module__hop-Spinner__fill___XIVBl {
616
+ .Spinner-module__hop-Spinner__fill___sKqgB {
624
617
  grid-area: spinner;
625
618
  box-sizing: border-box;
626
619
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -631,18 +624,18 @@
631
624
  animation: var(--hop-Spinner-fill-animation);
632
625
  }
633
626
  @media (prefers-reduced-motion: reduce) {
634
- .Spinner-module__hop-Spinner__fill___XIVBl {
627
+ .Spinner-module__hop-Spinner__fill___sKqgB {
635
628
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
636
629
  }
637
630
  }
638
- .Spinner-module__hop-Spinner__label___csFy9 {
631
+ .Spinner-module__hop-Spinner__label___gy2ci {
639
632
  grid-area: label;
640
633
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
641
634
  }
642
635
 
643
636
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
644
- .Button-module__hop-Button___sgx-6 {
645
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
637
+ .Button-module__hop-Button___cEzVI {
638
+ --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
646
639
  --hop-Button-column-gap: var(--hop-space-inline-xs);
647
640
  --hop-Button-icon-only-column-gap: 0;
648
641
  --hop-Button-outline-size: var(--hop-space-20);
@@ -657,42 +650,23 @@
657
650
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
658
651
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
659
652
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
660
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
661
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
662
653
  --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
663
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
664
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
665
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
666
654
  --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
667
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
668
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
669
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
670
655
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
671
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
672
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
673
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
674
656
  --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
675
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
676
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
677
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
678
657
  --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
679
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
680
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
681
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
682
658
  --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
683
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
684
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
685
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
686
659
  --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
687
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
688
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
689
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
690
660
  --inline-size: max-content;
691
661
  --block-size: var(--hop-Button-md-height);
692
- --background-color: var(--hop-primary-surface-strong);
662
+ --background: var(--hop-primary-surface-strong);
693
663
  --color: var(--hop-primary-text-strong);
664
+ --icon-color: var(--color);
694
665
  --column-gap: var(--hop-Button-column-gap);
695
666
  --spinner: var(--hop-primary-icon-strong);
667
+ --background-loading: var(--background);
668
+ --border-color-loading: transparent;
669
+ --box-shadow-loading: none;
696
670
  --border: 0;
697
671
  --padding: var(--hop-Button-md-padding);
698
672
  --box-shadow: none;
@@ -710,7 +684,7 @@
710
684
  color: var(--color);
711
685
  text-decoration: none;
712
686
  white-space: nowrap;
713
- background-color: var(--background-color);
687
+ background: var(--background);
714
688
  border: var(--border);
715
689
  border-radius: var(--hop-comp-button-border-radius);
716
690
  outline: none;
@@ -721,220 +695,255 @@
721
695
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
722
696
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
723
697
  }
724
- .Button-module__hop-Button--fluid___-epn3 {
698
+ .Button-module__hop-Button--fluid___HUhhp {
725
699
  --inline-size: 100%;
726
700
  }
727
- .Button-module__hop-Button--xs___nWMoM {
701
+ .Button-module__hop-Button--xs___PF56K {
728
702
  --block-size: var(--hop-Button-xs-height);
729
703
  --padding: var(--hop-Button-xs-padding);
730
704
  }
731
- .Button-module__hop-Button--xs___nWMoM[class*=--ghost] {
705
+ .Button-module__hop-Button--xs___PF56K[class*=--ghost] {
732
706
  --padding: var(--hop-Button-ghost-xs-padding);
733
707
  }
734
- .Button-module__hop-Button--sm___el-hu {
708
+ .Button-module__hop-Button--sm___FlTAw {
735
709
  --block-size: var(--hop-Button-sm-height);
736
710
  --padding: var(--hop-Button-sm-padding);
737
711
  }
738
- .Button-module__hop-Button--sm___el-hu[class*=--ghost] {
712
+ .Button-module__hop-Button--sm___FlTAw[class*=--ghost] {
739
713
  --padding: var(--hop-Button-ghost-sm-padding);
740
714
  }
741
- .Button-module__hop-Button--md___nABk9[class*=--ghost] {
715
+ .Button-module__hop-Button--md___jnsk-[class*=--ghost] {
742
716
  --padding: var(--hop-Button-ghost-md-padding);
743
717
  }
744
- .Button-module__hop-Button--icon-only___59IGX {
718
+ .Button-module__hop-Button--icon-only___7-yVF {
745
719
  --column-gap: var(--hop-Button-icon-only-column-gap);
746
720
  --padding: var(--hop-Button-icon-only-padding);
747
721
  aspect-ratio: 1;
748
722
  }
749
- .Button-module__hop-Button--primary___0lOnm {
750
- --background-color: var(--hop-comp-button-primary-background-color);
723
+ .Button-module__hop-Button--primary___U1xEj {
724
+ --background: var(--hop-comp-button-primary-background);
751
725
  --color: var(--hop-comp-button-primary-text-color);
726
+ --icon-color: var(--hop-comp-button-primary-icon-color);
752
727
  --border: var(--hop-Button-primary-border);
753
- --spinner-color: var(--hop-Button-primary-spinner-color);
728
+ --color-loading: var(--hop-comp-button-primary-color-loading);
729
+ --background-loading: var(--hop-comp-button-primary-background-loading);
730
+ --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
731
+ --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
754
732
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
755
733
  }
756
- .Button-module__hop-Button--primary___0lOnm[data-hovered],
757
- .Button-module__hop-Button--primary___0lOnm[data-focus-visible] {
758
- --background-color: var(--hop-comp-button-primary-background-color-hover);
734
+ .Button-module__hop-Button--primary___U1xEj[data-hovered],
735
+ .Button-module__hop-Button--primary___U1xEj[data-focus-visible] {
736
+ --background: var(--hop-comp-button-primary-background-hover);
759
737
  --color: var(--hop-comp-button-primary-text-color-hover);
760
- --border: var(--hop-Button-primary-border-hover);
738
+ --icon-color: var(--hop-comp-button-primary-icon-color-hover);
739
+ --border: var(--hop-Button-primary-border);
761
740
  }
762
- .Button-module__hop-Button--primary___0lOnm[data-pressed] {
763
- --background-color: var(--hop-comp-button-primary-background-color-pressed);
741
+ .Button-module__hop-Button--primary___U1xEj[data-pressed] {
742
+ --background: var(--hop-comp-button-primary-background-pressed);
764
743
  --color: var(--hop-comp-button-primary-text-color-pressed);
765
- --border: var(--hop-Button-primary-border-pressed);
744
+ --icon-color: var(--hop-comp-button-primary-icon-color-press);
745
+ --border: var(--hop-Button-primary-border);
766
746
  }
767
- .Button-module__hop-Button--secondary___b9c-F {
768
- --background-color: var(--hop-comp-button-secondary-background-color);
747
+ .Button-module__hop-Button--secondary___Pu8fi {
748
+ --background: var(--hop-comp-button-secondary-background);
769
749
  --color: var(--hop-comp-button-secondary-text-color);
750
+ --icon-color: var(--hop-comp-button-secondary-icon-color);
770
751
  --border: var(--hop-Button-secondary-border);
771
- --spinner-color: var(--hop-Button-secondary-spinner-color);
752
+ --color-loading: var(--hop-comp-button-secondary-color-loading);
753
+ --background-loading: var(--hop-comp-button-secondary-background-loading);
754
+ --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
755
+ --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
772
756
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
773
757
  }
774
- .Button-module__hop-Button--secondary___b9c-F[data-hovered],
775
- .Button-module__hop-Button--secondary___b9c-F[data-focus-visible] {
776
- --background-color: var(--hop-comp-button-secondary-background-color-hover);
758
+ .Button-module__hop-Button--secondary___Pu8fi[data-hovered],
759
+ .Button-module__hop-Button--secondary___Pu8fi[data-focus-visible] {
760
+ --background: var(--hop-comp-button-secondary-background-hover);
777
761
  --color: var(--hop-comp-button-secondary-text-color-hover);
778
- --border: var(--hop-Button-secondary-border-hover);
762
+ --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
763
+ --border: var(--hop-Button-secondary-border);
779
764
  }
780
- .Button-module__hop-Button--secondary___b9c-F[data-pressed] {
781
- --background-color: var(--hop-comp-button-secondary-background-color-pressed);
765
+ .Button-module__hop-Button--secondary___Pu8fi[data-pressed] {
766
+ --background: var(--hop-comp-button-secondary-background-pressed);
782
767
  --color: var(--hop-comp-button-secondary-text-color-pressed);
783
- --border: var(--hop-Button-secondary-border-pressed);
768
+ --icon-color: var(--hop-comp-button-secondary-icon-color-press);
769
+ --border: var(--hop-Button-secondary-border);
784
770
  }
785
- .Button-module__hop-Button--upsell___1xQXs {
786
- --background-color: var(--hop-comp-button-upsell-background-color);
771
+ .Button-module__hop-Button--upsell___O6xUd {
772
+ --background: var(--hop-comp-button-upsell-background);
787
773
  --color: var(--hop-comp-button-upsell-text-color);
774
+ --icon-color: var(--hop-comp-button-upsell-icon-color);
788
775
  --border: var(--hop-Button-upsell-border);
789
- --spinner-color: var(--hop-Button-upsell-spinner-color);
776
+ --color-loading: var(--hop-comp-button-upsell-color-loading);
777
+ --background-loading: var(--hop-comp-button-upsell-background-loading);
778
+ --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
779
+ --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
790
780
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
791
781
  }
792
- .Button-module__hop-Button--upsell___1xQXs[data-hovered],
793
- .Button-module__hop-Button--upsell___1xQXs[data-focus-visible] {
794
- --background-color: var(--hop-comp-button-upsell-background-color-hover);
782
+ .Button-module__hop-Button--upsell___O6xUd[data-hovered],
783
+ .Button-module__hop-Button--upsell___O6xUd[data-focus-visible] {
784
+ --background: var(--hop-comp-button-upsell-background-hover);
795
785
  --color: var(--hop-comp-button-upsell-text-color-hover);
796
- --border: var(--hop-Button-upsell-border-hover);
786
+ --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
787
+ --border: var(--hop-Button-upsell-border);
797
788
  }
798
- .Button-module__hop-Button--upsell___1xQXs[data-pressed] {
799
- --background-color: var(--hop-comp-button-upsell-background-color-pressed);
789
+ .Button-module__hop-Button--upsell___O6xUd[data-pressed] {
790
+ --background: var(--hop-comp-button-upsell-background-pressed);
800
791
  --color: var(--hop-comp-button-upsell-text-color-pressed);
801
- --border: var(--hop-Button-upsell-border-pressed);
792
+ --icon-color: var(--hop-comp-button-upsell-icon-color-press);
793
+ --border: var(--hop-Button-upsell-border);
802
794
  }
803
- .Button-module__hop-Button--danger___aISF3 {
804
- --background-color: var(--hop-comp-button-danger-background-color);
795
+ .Button-module__hop-Button--danger___9Bdk4 {
796
+ --background: var(--hop-comp-button-danger-background);
805
797
  --color: var(--hop-comp-button-danger-text-color);
798
+ --icon-color: var(--hop-comp-button-danger-icon-color);
806
799
  --border: var(--hop-Button-danger-border);
807
- --spinner-color: var(--hop-Button-danger-spinner-color);
800
+ --color-loading: var(--hop-comp-button-danger-color-loading);
801
+ --background-loading: var(--hop-comp-button-danger-background-loading);
802
+ --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
803
+ --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
808
804
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
809
805
  }
810
- .Button-module__hop-Button--danger___aISF3[data-hovered],
811
- .Button-module__hop-Button--danger___aISF3[data-focus-visible] {
812
- --background-color: var(--hop-comp-button-danger-background-color-hover);
806
+ .Button-module__hop-Button--danger___9Bdk4[data-hovered],
807
+ .Button-module__hop-Button--danger___9Bdk4[data-focus-visible] {
808
+ --background: var(--hop-comp-button-danger-background-hover);
813
809
  --color: var(--hop-comp-button-danger-text-color-hover);
814
- --border: var(--hop-Button-danger-border-hover);
810
+ --icon-color: var(--hop-comp-button-danger-icon-color-hover);
811
+ --border: var(--hop-Button-danger-border);
815
812
  }
816
- .Button-module__hop-Button--danger___aISF3[data-pressed] {
817
- --background-color: var(--hop-comp-button-danger-background-color-pressed);
813
+ .Button-module__hop-Button--danger___9Bdk4[data-pressed] {
814
+ --background: var(--hop-comp-button-danger-background-pressed);
818
815
  --color: var(--hop-comp-button-danger-text-color-pressed);
819
- --border: var(--hop-Button-danger-border-pressed);
816
+ --icon-color: var(--hop-comp-button-danger-icon-color-press);
817
+ --border: var(--hop-Button-danger-border);
820
818
  }
821
- .Button-module__hop-Button--ghost-primary___IcaPW {
822
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
819
+ .Button-module__hop-Button--ghost-primary___UXsJi {
820
+ --background: var(--hop-comp-button-ghost-primary-background);
823
821
  --color: var(--hop-comp-button-ghost-primary-text-color);
822
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
824
823
  --border: var(--hop-Button-ghost-primary-border);
825
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
824
+ --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
825
+ --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
826
+ --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
827
+ --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
826
828
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
827
829
  }
828
- .Button-module__hop-Button--ghost-primary___IcaPW[data-hovered],
829
- .Button-module__hop-Button--ghost-primary___IcaPW[data-focus-visible] {
830
- --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
830
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-hovered],
831
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-focus-visible] {
832
+ --background: var(--hop-comp-button-ghost-primary-background-hover);
831
833
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
832
- --border: var(--hop-Button-ghost-primary-border-hover);
834
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
835
+ --border: var(--hop-Button-ghost-primary-border);
833
836
  }
834
- .Button-module__hop-Button--ghost-primary___IcaPW[data-pressed] {
835
- --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
837
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-pressed] {
838
+ --background: var(--hop-comp-button-ghost-primary-background-pressed);
836
839
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
837
- --border: var(--hop-Button-ghost-primary-border-pressed);
840
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
841
+ --border: var(--hop-Button-ghost-primary-border);
838
842
  }
839
- .Button-module__hop-Button--ghost-secondary___vPfBY {
840
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
843
+ .Button-module__hop-Button--ghost-secondary___toGp0 {
844
+ --background: var(--hop-comp-button-ghost-secondary-background);
841
845
  --color: var(--hop-comp-button-ghost-secondary-text-color);
846
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
842
847
  --border: var(--hop-Button-ghost-secondary-border);
843
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
848
+ --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
849
+ --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
850
+ --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
851
+ --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
844
852
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
845
853
  }
846
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-hovered],
847
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-focus-visible] {
848
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
854
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-hovered],
855
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-focus-visible] {
856
+ --background: var(--hop-comp-button-ghost-secondary-background-hover);
849
857
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
850
- --border: var(--hop-Button-ghost-secondary-border-hover);
858
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
859
+ --border: var(--hop-Button-ghost-secondary-border);
851
860
  }
852
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-pressed] {
853
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
861
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-pressed] {
862
+ --background: var(--hop-comp-button-ghost-secondary-background-pressed);
854
863
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
855
- --border: var(--hop-Button-ghost-secondary-border-pressed);
864
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
865
+ --border: var(--hop-Button-ghost-secondary-border);
856
866
  }
857
- .Button-module__hop-Button--ghost-danger___pruuE {
858
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
867
+ .Button-module__hop-Button--ghost-danger___wshP- {
868
+ --background: var(--hop-comp-button-ghost-danger-background);
859
869
  --color: var(--hop-comp-button-ghost-danger-text-color);
870
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
860
871
  --border: var(--hop-Button-ghost-danger-border);
861
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
872
+ --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
873
+ --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
874
+ --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
875
+ --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
862
876
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
863
877
  }
864
- .Button-module__hop-Button--ghost-danger___pruuE[data-hovered],
865
- .Button-module__hop-Button--ghost-danger___pruuE[data-focus-visible] {
866
- --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
878
+ .Button-module__hop-Button--ghost-danger___wshP-[data-hovered],
879
+ .Button-module__hop-Button--ghost-danger___wshP-[data-focus-visible] {
880
+ --background: var(--hop-comp-button-ghost-danger-background-hover);
867
881
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
868
- --border: var(--hop-Button-ghost-danger-border-hover);
882
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
883
+ --border: var(--hop-Button-ghost-danger-border);
869
884
  }
870
- .Button-module__hop-Button--ghost-danger___pruuE[data-pressed] {
871
- --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
885
+ .Button-module__hop-Button--ghost-danger___wshP-[data-pressed] {
886
+ --background: var(--hop-comp-button-ghost-danger-background-pressed);
872
887
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
873
- --border: var(--hop-Button-ghost-danger-border-pressed);
888
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
889
+ --border: var(--hop-Button-ghost-danger-border);
874
890
  }
875
- .Button-module__hop-Button___sgx-6[data-focus-visible] {
891
+ .Button-module__hop-Button___cEzVI[data-focus-visible] {
876
892
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
877
893
  }
878
- .Button-module__hop-Button___sgx-6[data-disabled],
879
- .Button-module__hop-Button--loading___BQ9xT {
894
+ .Button-module__hop-Button___cEzVI[data-disabled],
895
+ .Button-module__hop-Button--loading___NMXIV {
880
896
  cursor: not-allowed;
881
897
  }
882
- .Button-module__hop-Button___sgx-6[data-disabled] {
883
- --background-color: var(--hop-comp-button-disabled-background-color);
884
- --color: var(--hop-comp-button-disabled-text-color);
885
- --border: var(--hop-Button-border-disabled);
898
+ .Button-module__hop-Button___cEzVI[data-disabled] {
899
+ --color: var(--hop-comp-button-text-color-disabled);
900
+ --icon-color: var(--hop-comp-button-icon-color-disabled);
886
901
  }
887
- .Button-module__hop-Button___sgx-6[class*=--ghost][data-disabled] {
888
- --background-color: var(--hop-comp-button-ghost-disabled-background-color);
889
- --color: var(--hop-comp-button-ghost-disabled-text-color);
890
- --border: var(--hop-Button-ghost-border-disabled);
902
+ .Button-module__hop-Button--primary___U1xEj[data-disabled] {
903
+ --background: var(--hop-comp-button-primary-background-disabled);
904
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
891
905
  }
892
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--primary___0lOnm {
893
- --background-color: var(--hop-comp-button-primary-background-color);
894
- --color: var(--hop-comp-button-primary-text-color);
895
- --border: var(--hop-Button-primary-border);
906
+ .Button-module__hop-Button--secondary___Pu8fi[data-disabled] {
907
+ --background: var(--hop-comp-button-secondary-background-disabled);
908
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
896
909
  }
897
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--secondary___b9c-F {
898
- --background-color: var(--hop-comp-button-secondary-background-color);
899
- --color: var(--hop-comp-button-secondary-text-color);
900
- --border: var(--hop-Button-secondary-border);
910
+ .Button-module__hop-Button--upsell___O6xUd[data-disabled] {
911
+ --background: var(--hop-comp-button-upsell-background-disabled);
912
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
901
913
  }
902
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--upsell___1xQXs {
903
- --background-color: var(--hop-comp-button-upsell-background-color);
904
- --color: var(--hop-comp-button-upsell-text-color);
905
- --border: var(--hop-Button-upsell-border);
914
+ .Button-module__hop-Button--danger___9Bdk4[data-disabled] {
915
+ --background: var(--hop-comp-button-danger-background-disabled);
916
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
906
917
  }
907
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--danger___aISF3 {
908
- --background-color: var(--hop-comp-button-danger-background-color);
909
- --color: var(--hop-comp-button-danger-text-color);
910
- --border: var(--hop-Button-danger-border);
918
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-disabled] {
919
+ --background: var(--hop-comp-button-ghost-primary-background-disabled);
920
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
911
921
  }
912
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-primary___IcaPW {
913
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
914
- --color: var(--hop-comp-button-ghost-primary-text-color);
915
- --border: var(--hop-Button-ghost-primary-border);
922
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-disabled] {
923
+ --background: var(--hop-comp-button-ghost-secondary-background-disabled);
924
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
916
925
  }
917
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-secondary___vPfBY {
918
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
919
- --color: var(--hop-comp-button-ghost-secondary-text-color);
920
- --border: var(--hop-Button-ghost-secondary-border);
926
+ .Button-module__hop-Button--ghost-danger___wshP-[data-disabled] {
927
+ --background: var(--hop-comp-button-ghost-danger-background-disabled);
928
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
921
929
  }
922
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-danger___pruuE {
923
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
924
- --color: var(--hop-comp-button-ghost-danger-text-color);
925
- --border: var(--hop-Button-ghost-danger-border);
930
+ .Button-module__hop-Button--loading___NMXIV {
931
+ background: var(--background-loading);
932
+ color: var(--color-loading);
933
+ border-color: var(--border-color-loading);
934
+ box-shadow: var(--box-shadow-loading);
926
935
  }
927
- .Button-module__hop-Button__Spinner___8pCIG {
936
+ .Button-module__hop-Button__Spinner___hSXad {
928
937
  position: absolute;
929
- color: var(--spinner-color);
930
938
  }
931
- .Button-module__hop-Button__icon___gl8cW,
932
- .Button-module__hop-Button__icon-list___uyZsy {
939
+ .Button-module__hop-Button__icon___koGX2,
940
+ .Button-module__hop-Button__icon-list___uV0To {
933
941
  flex: 0 0 auto;
934
942
  justify-self: end;
935
943
  order: 1;
944
+ color: var(--icon-color);
936
945
  }
937
- .Button-module__hop-Button__text___ji-Lx {
946
+ .Button-module__hop-Button__text___yWZed {
938
947
  user-select: none;
939
948
  overflow: visible;
940
949
  flex: 0 1 auto;
@@ -943,60 +952,61 @@
943
952
  text-decoration: none;
944
953
  text-wrap: nowrap;
945
954
  }
946
- .Button-module__hop-Button__end-icon___LnEKx,
947
- .Button-module__hop-Button__end-icon-list___EnFJv {
955
+ .Button-module__hop-Button__end-icon___r5rxu,
956
+ .Button-module__hop-Button__end-icon-list___4NYnd {
948
957
  flex: 0 0 auto;
949
958
  order: 3;
959
+ color: var(--icon-color);
950
960
  }
951
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__icon-list___uyZsy,
952
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__end-icon-list___EnFJv {
961
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__icon-list___uV0To,
962
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__end-icon-list___4NYnd {
953
963
  flex-wrap: nowrap;
954
964
  }
955
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button___sgx-6 > *:not(.Button-module__hop-Button__Spinner___8pCIG) {
965
+ .Button-module__hop-Button--loading___NMXIV.Button-module__hop-Button___cEzVI > *:not(.Button-module__hop-Button__Spinner___hSXad) {
956
966
  opacity: 0;
957
967
  }
958
968
 
959
969
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
960
- .ButtonGroup-module__hop-ButtonGroup___RHv56 {
970
+ .ButtonGroup-module__hop-ButtonGroup___5zANq {
961
971
  display: inline-flex;
962
972
  flex-wrap: nowrap;
963
973
  gap: var(--hop-space-inline-md);
964
974
  }
965
- .ButtonGroup-module__hop-ButtonGroup--horizontal___UsRa2 {
975
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
966
976
  align-items: center;
967
977
  }
968
- .ButtonGroup-module__hop-ButtonGroup--vertical___rMlAL {
978
+ .ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
969
979
  flex-direction: column;
970
980
  gap: var(--hop-space-stack-md);
971
981
  justify-content: center;
972
982
  }
973
- .ButtonGroup-module__hop-ButtonGroup--start___v4piE.ButtonGroup-module__hop-ButtonGroup--vertical___rMlAL {
983
+ .ButtonGroup-module__hop-ButtonGroup--start___2D3sy.ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
974
984
  align-items: flex-start;
975
985
  }
976
- .ButtonGroup-module__hop-ButtonGroup--center___5K5HP.ButtonGroup-module__hop-ButtonGroup--vertical___rMlAL {
986
+ .ButtonGroup-module__hop-ButtonGroup--center___JLKps.ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
977
987
  align-items: center;
978
988
  }
979
- .ButtonGroup-module__hop-ButtonGroup--end___V6F0u.ButtonGroup-module__hop-ButtonGroup--vertical___rMlAL {
989
+ .ButtonGroup-module__hop-ButtonGroup--end___jQ-rJ.ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
980
990
  align-items: flex-end;
981
991
  }
982
- .ButtonGroup-module__hop-ButtonGroup--start___v4piE.ButtonGroup-module__hop-ButtonGroup--horizontal___UsRa2 {
992
+ .ButtonGroup-module__hop-ButtonGroup--start___2D3sy.ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
983
993
  justify-content: flex-start;
984
994
  }
985
- .ButtonGroup-module__hop-ButtonGroup--center___5K5HP.ButtonGroup-module__hop-ButtonGroup--horizontal___UsRa2 {
995
+ .ButtonGroup-module__hop-ButtonGroup--center___JLKps.ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
986
996
  justify-content: center;
987
997
  }
988
- .ButtonGroup-module__hop-ButtonGroup--end___V6F0u.ButtonGroup-module__hop-ButtonGroup--horizontal___UsRa2 {
998
+ .ButtonGroup-module__hop-ButtonGroup--end___jQ-rJ.ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
989
999
  justify-content: flex-end;
990
1000
  }
991
- .ButtonGroup-module__hop-ButtonGroup--wrap___1motU {
1001
+ .ButtonGroup-module__hop-ButtonGroup--wrap___qf7s1 {
992
1002
  flex-wrap: wrap;
993
1003
  }
994
- .ButtonGroup-module__hop-ButtonGroup--fluid___WJIc- {
1004
+ .ButtonGroup-module__hop-ButtonGroup--fluid___B2Sg7 {
995
1005
  inline-size: 100%;
996
1006
  }
997
1007
 
998
1008
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
999
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1 {
1009
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04 {
1000
1010
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1001
1011
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1002
1012
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1160,7 +1170,7 @@
1160
1170
  outline: none;
1161
1171
  transition: color var(--transition);
1162
1172
  }
1163
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1::before {
1173
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04::before {
1164
1174
  content: "";
1165
1175
  position: absolute;
1166
1176
  inset-block-start: 50%;
@@ -1173,284 +1183,284 @@
1173
1183
  border-radius: var(--effect-border-radius);
1174
1184
  transition: background-color var(--transition);
1175
1185
  }
1176
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1[data-square] {
1186
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-square] {
1177
1187
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1178
1188
  }
1179
- .EmbeddedButton-module__hop-EmbeddedButton--md___JM3N0 {
1189
+ .EmbeddedButton-module__hop-EmbeddedButton--md___ZbxcJ {
1180
1190
  --inline-size: var(--hop-EmbeddedButton-md-width);
1181
1191
  --block-size: var(--hop-EmbeddedButton-md-height);
1182
1192
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1183
1193
  }
1184
- .EmbeddedButton-module__hop-EmbeddedButton--lg___iD9Ci {
1194
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___teVbX {
1185
1195
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1186
1196
  --block-size: var(--hop-EmbeddedButton-lg-height);
1187
1197
  --focus-ring-offset: 0;
1188
1198
  }
1189
- .EmbeddedButton-module__hop-EmbeddedButton--md___JM3N0::before {
1199
+ .EmbeddedButton-module__hop-EmbeddedButton--md___ZbxcJ::before {
1190
1200
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1191
1201
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1192
1202
  }
1193
- .EmbeddedButton-module__hop-EmbeddedButton--lg___iD9Ci::before {
1203
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___teVbX::before {
1194
1204
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1195
1205
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1196
1206
  }
1197
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI {
1207
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL {
1198
1208
  --color: var(--hop-EmbeddedButton-neutral-color);
1199
1209
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1200
1210
  }
1201
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a {
1211
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR {
1202
1212
  --color: var(--hop-EmbeddedButton-subdued-color);
1203
1213
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1204
1214
  }
1205
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe {
1215
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od {
1206
1216
  --color: var(--hop-EmbeddedButton-progress-color);
1207
1217
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1208
1218
  }
1209
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG {
1219
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3 {
1210
1220
  --color: var(--hop-EmbeddedButton-positive-color);
1211
1221
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1212
1222
  }
1213
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy {
1223
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS {
1214
1224
  --color: var(--hop-EmbeddedButton-caution-color);
1215
1225
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1216
1226
  }
1217
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi {
1227
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4 {
1218
1228
  --color: var(--hop-EmbeddedButton-negative-color);
1219
1229
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1220
1230
  }
1221
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl {
1231
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf {
1222
1232
  --color: var(--hop-EmbeddedButton-option1-color);
1223
1233
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1224
1234
  }
1225
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z {
1235
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l {
1226
1236
  --color: var(--hop-EmbeddedButton-option2-color);
1227
1237
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1228
1238
  }
1229
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl {
1239
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc {
1230
1240
  --color: var(--hop-EmbeddedButton-option3-color);
1231
1241
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1232
1242
  }
1233
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg- {
1243
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA {
1234
1244
  --color: var(--hop-EmbeddedButton-option4-color);
1235
1245
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1236
1246
  }
1237
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF {
1247
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM {
1238
1248
  --color: var(--hop-EmbeddedButton-option5-color);
1239
1249
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1240
1250
  }
1241
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8 {
1251
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5 {
1242
1252
  --color: var(--hop-EmbeddedButton-option6-color);
1243
1253
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1244
1254
  }
1245
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1[data-selected] {
1255
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-selected] {
1246
1256
  --color: var(--hop-EmbeddedButton-selected-color);
1247
1257
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1248
1258
  }
1249
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1[data-focus-visible] {
1259
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-focus-visible] {
1250
1260
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1251
1261
  outline-offset: var(--focus-ring-offset);
1252
1262
  }
1253
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1[data-disabled] {
1263
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-disabled] {
1254
1264
  cursor: not-allowed;
1255
1265
  }
1256
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI[data-hovered] {
1266
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-hovered] {
1257
1267
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1258
1268
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1259
1269
  }
1260
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI[data-focus-visible] {
1270
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-focus-visible] {
1261
1271
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1262
1272
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1263
1273
  }
1264
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI[data-pressed] {
1274
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-pressed] {
1265
1275
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1266
1276
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1267
1277
  }
1268
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI[data-disabled] {
1278
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-disabled] {
1269
1279
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1270
1280
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1271
1281
  }
1272
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a[data-hovered] {
1282
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-hovered] {
1273
1283
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1274
1284
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1275
1285
  }
1276
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a[data-focus-visible] {
1286
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-focus-visible] {
1277
1287
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1278
1288
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1279
1289
  }
1280
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a[data-pressed] {
1290
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-pressed] {
1281
1291
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1282
1292
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1283
1293
  }
1284
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a[data-disabled] {
1294
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-disabled] {
1285
1295
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1286
1296
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1287
1297
  }
1288
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe[data-hovered] {
1298
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-hovered] {
1289
1299
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1290
1300
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1291
1301
  }
1292
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe[data-focus-visible] {
1302
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-focus-visible] {
1293
1303
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1294
1304
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1295
1305
  }
1296
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe[data-pressed] {
1306
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-pressed] {
1297
1307
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1298
1308
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1299
1309
  }
1300
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe[data-disabled] {
1310
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-disabled] {
1301
1311
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1302
1312
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1303
1313
  }
1304
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG[data-hovered] {
1314
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-hovered] {
1305
1315
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1306
1316
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1307
1317
  }
1308
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG[data-focus-visible] {
1318
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-focus-visible] {
1309
1319
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1310
1320
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1311
1321
  }
1312
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG[data-pressed] {
1322
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-pressed] {
1313
1323
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1314
1324
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1315
1325
  }
1316
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG[data-disabled] {
1326
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-disabled] {
1317
1327
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1318
1328
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1319
1329
  }
1320
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy[data-hovered] {
1330
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-hovered] {
1321
1331
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1322
1332
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1323
1333
  }
1324
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy[data-focus-visible] {
1334
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-focus-visible] {
1325
1335
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1326
1336
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1327
1337
  }
1328
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy[data-pressed] {
1338
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-pressed] {
1329
1339
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1330
1340
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1331
1341
  }
1332
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy[data-disabled] {
1342
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-disabled] {
1333
1343
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1334
1344
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1335
1345
  }
1336
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi[data-hovered] {
1346
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-hovered] {
1337
1347
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1338
1348
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1339
1349
  }
1340
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi[data-focus-visible] {
1350
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-focus-visible] {
1341
1351
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1342
1352
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1343
1353
  }
1344
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi[data-pressed] {
1354
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-pressed] {
1345
1355
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1346
1356
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1347
1357
  }
1348
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi[data-disabled] {
1358
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-disabled] {
1349
1359
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1350
1360
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1351
1361
  }
1352
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl[data-hovered] {
1362
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-hovered] {
1353
1363
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1354
1364
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1355
1365
  }
1356
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl[data-focus-visible] {
1366
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-focus-visible] {
1357
1367
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1358
1368
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1359
1369
  }
1360
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl[data-pressed] {
1370
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-pressed] {
1361
1371
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1362
1372
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1363
1373
  }
1364
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl[data-disabled] {
1374
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-disabled] {
1365
1375
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1366
1376
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1367
1377
  }
1368
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z[data-hovered] {
1378
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-hovered] {
1369
1379
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1370
1380
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1371
1381
  }
1372
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z[data-focus-visible] {
1382
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-focus-visible] {
1373
1383
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1374
1384
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1375
1385
  }
1376
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z[data-pressed] {
1386
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-pressed] {
1377
1387
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1378
1388
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1379
1389
  }
1380
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z[data-disabled] {
1390
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-disabled] {
1381
1391
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1382
1392
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1383
1393
  }
1384
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl[data-hovered] {
1394
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-hovered] {
1385
1395
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1386
1396
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1387
1397
  }
1388
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl[data-focus-visible] {
1398
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-focus-visible] {
1389
1399
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1390
1400
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1391
1401
  }
1392
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl[data-pressed] {
1402
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-pressed] {
1393
1403
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1394
1404
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1395
1405
  }
1396
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl[data-disabled] {
1406
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-disabled] {
1397
1407
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1398
1408
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1399
1409
  }
1400
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg-[data-hovered] {
1410
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-hovered] {
1401
1411
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1402
1412
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1403
1413
  }
1404
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg-[data-focus-visible] {
1414
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-focus-visible] {
1405
1415
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1406
1416
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1407
1417
  }
1408
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg-[data-pressed] {
1418
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-pressed] {
1409
1419
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1410
1420
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1411
1421
  }
1412
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg-[data-disabled] {
1422
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-disabled] {
1413
1423
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1414
1424
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1415
1425
  }
1416
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF[data-hovered] {
1426
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-hovered] {
1417
1427
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1418
1428
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1419
1429
  }
1420
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF[data-focus-visible] {
1430
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-focus-visible] {
1421
1431
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1422
1432
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1423
1433
  }
1424
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF[data-pressed] {
1434
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-pressed] {
1425
1435
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1426
1436
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1427
1437
  }
1428
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF[data-disabled] {
1438
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-disabled] {
1429
1439
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1430
1440
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1431
1441
  }
1432
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8[data-hovered] {
1442
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-hovered] {
1433
1443
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1434
1444
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1435
1445
  }
1436
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8[data-focus-visible] {
1446
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-focus-visible] {
1437
1447
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1438
1448
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1439
1449
  }
1440
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8[data-pressed] {
1450
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-pressed] {
1441
1451
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1442
1452
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1443
1453
  }
1444
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8[data-disabled] {
1454
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-disabled] {
1445
1455
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1446
1456
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1447
1457
  }
1448
- .EmbeddedButton-module__hop-EmbeddedButton__icon___rCjEH {
1458
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___DFFQL {
1449
1459
  position: relative;
1450
1460
  }
1451
1461
 
1452
1462
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1453
- button.CloseButton-module__hop-CloseButton___NxVSZ {
1463
+ button.CloseButton-module__hop-CloseButton___yVMjd {
1454
1464
  --hop-CloseButton-margin-top: 0rem;
1455
1465
  --hop-CloseButton-padding: 0rem;
1456
1466
  --hop-CloseButton-width: fit-content;
@@ -1464,8 +1474,8 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1464
1474
  }
1465
1475
 
1466
1476
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1467
- .Button-module__hop-Button___sgx-6 {
1468
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1477
+ .Button-module__hop-Button___cEzVI {
1478
+ --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1469
1479
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1470
1480
  --hop-Button-icon-only-column-gap: 0;
1471
1481
  --hop-Button-outline-size: var(--hop-space-20);
@@ -1480,42 +1490,23 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1480
1490
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1481
1491
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1482
1492
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1483
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1484
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1485
1493
  --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1486
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1487
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1488
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1489
1494
  --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1490
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1491
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1492
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1493
1495
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1494
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1495
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1496
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1497
1496
  --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1498
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1499
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1500
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1501
1497
  --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1502
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1503
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1504
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1505
1498
  --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1506
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1507
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1508
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1509
1499
  --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1510
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1511
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1512
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1513
1500
  --inline-size: max-content;
1514
1501
  --block-size: var(--hop-Button-md-height);
1515
- --background-color: var(--hop-primary-surface-strong);
1502
+ --background: var(--hop-primary-surface-strong);
1516
1503
  --color: var(--hop-primary-text-strong);
1504
+ --icon-color: var(--color);
1517
1505
  --column-gap: var(--hop-Button-column-gap);
1518
1506
  --spinner: var(--hop-primary-icon-strong);
1507
+ --background-loading: var(--background);
1508
+ --border-color-loading: transparent;
1509
+ --box-shadow-loading: none;
1519
1510
  --border: 0;
1520
1511
  --padding: var(--hop-Button-md-padding);
1521
1512
  --box-shadow: none;
@@ -1533,7 +1524,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1533
1524
  color: var(--color);
1534
1525
  text-decoration: none;
1535
1526
  white-space: nowrap;
1536
- background-color: var(--background-color);
1527
+ background: var(--background);
1537
1528
  border: var(--border);
1538
1529
  border-radius: var(--hop-comp-button-border-radius);
1539
1530
  outline: none;
@@ -1544,220 +1535,255 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1544
1535
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1545
1536
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1546
1537
  }
1547
- .Button-module__hop-Button--fluid___-epn3 {
1538
+ .Button-module__hop-Button--fluid___HUhhp {
1548
1539
  --inline-size: 100%;
1549
1540
  }
1550
- .Button-module__hop-Button--xs___nWMoM {
1541
+ .Button-module__hop-Button--xs___PF56K {
1551
1542
  --block-size: var(--hop-Button-xs-height);
1552
1543
  --padding: var(--hop-Button-xs-padding);
1553
1544
  }
1554
- .Button-module__hop-Button--xs___nWMoM[class*=--ghost] {
1545
+ .Button-module__hop-Button--xs___PF56K[class*=--ghost] {
1555
1546
  --padding: var(--hop-Button-ghost-xs-padding);
1556
1547
  }
1557
- .Button-module__hop-Button--sm___el-hu {
1548
+ .Button-module__hop-Button--sm___FlTAw {
1558
1549
  --block-size: var(--hop-Button-sm-height);
1559
1550
  --padding: var(--hop-Button-sm-padding);
1560
1551
  }
1561
- .Button-module__hop-Button--sm___el-hu[class*=--ghost] {
1552
+ .Button-module__hop-Button--sm___FlTAw[class*=--ghost] {
1562
1553
  --padding: var(--hop-Button-ghost-sm-padding);
1563
1554
  }
1564
- .Button-module__hop-Button--md___nABk9[class*=--ghost] {
1555
+ .Button-module__hop-Button--md___jnsk-[class*=--ghost] {
1565
1556
  --padding: var(--hop-Button-ghost-md-padding);
1566
1557
  }
1567
- .Button-module__hop-Button--icon-only___59IGX {
1558
+ .Button-module__hop-Button--icon-only___7-yVF {
1568
1559
  --column-gap: var(--hop-Button-icon-only-column-gap);
1569
1560
  --padding: var(--hop-Button-icon-only-padding);
1570
1561
  aspect-ratio: 1;
1571
1562
  }
1572
- .Button-module__hop-Button--primary___0lOnm {
1573
- --background-color: var(--hop-comp-button-primary-background-color);
1563
+ .Button-module__hop-Button--primary___U1xEj {
1564
+ --background: var(--hop-comp-button-primary-background);
1574
1565
  --color: var(--hop-comp-button-primary-text-color);
1566
+ --icon-color: var(--hop-comp-button-primary-icon-color);
1575
1567
  --border: var(--hop-Button-primary-border);
1576
- --spinner-color: var(--hop-Button-primary-spinner-color);
1568
+ --color-loading: var(--hop-comp-button-primary-color-loading);
1569
+ --background-loading: var(--hop-comp-button-primary-background-loading);
1570
+ --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
1571
+ --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1577
1572
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1578
1573
  }
1579
- .Button-module__hop-Button--primary___0lOnm[data-hovered],
1580
- .Button-module__hop-Button--primary___0lOnm[data-focus-visible] {
1581
- --background-color: var(--hop-comp-button-primary-background-color-hover);
1574
+ .Button-module__hop-Button--primary___U1xEj[data-hovered],
1575
+ .Button-module__hop-Button--primary___U1xEj[data-focus-visible] {
1576
+ --background: var(--hop-comp-button-primary-background-hover);
1582
1577
  --color: var(--hop-comp-button-primary-text-color-hover);
1583
- --border: var(--hop-Button-primary-border-hover);
1578
+ --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1579
+ --border: var(--hop-Button-primary-border);
1584
1580
  }
1585
- .Button-module__hop-Button--primary___0lOnm[data-pressed] {
1586
- --background-color: var(--hop-comp-button-primary-background-color-pressed);
1581
+ .Button-module__hop-Button--primary___U1xEj[data-pressed] {
1582
+ --background: var(--hop-comp-button-primary-background-pressed);
1587
1583
  --color: var(--hop-comp-button-primary-text-color-pressed);
1588
- --border: var(--hop-Button-primary-border-pressed);
1584
+ --icon-color: var(--hop-comp-button-primary-icon-color-press);
1585
+ --border: var(--hop-Button-primary-border);
1589
1586
  }
1590
- .Button-module__hop-Button--secondary___b9c-F {
1591
- --background-color: var(--hop-comp-button-secondary-background-color);
1587
+ .Button-module__hop-Button--secondary___Pu8fi {
1588
+ --background: var(--hop-comp-button-secondary-background);
1592
1589
  --color: var(--hop-comp-button-secondary-text-color);
1590
+ --icon-color: var(--hop-comp-button-secondary-icon-color);
1593
1591
  --border: var(--hop-Button-secondary-border);
1594
- --spinner-color: var(--hop-Button-secondary-spinner-color);
1592
+ --color-loading: var(--hop-comp-button-secondary-color-loading);
1593
+ --background-loading: var(--hop-comp-button-secondary-background-loading);
1594
+ --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
1595
+ --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1595
1596
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1596
1597
  }
1597
- .Button-module__hop-Button--secondary___b9c-F[data-hovered],
1598
- .Button-module__hop-Button--secondary___b9c-F[data-focus-visible] {
1599
- --background-color: var(--hop-comp-button-secondary-background-color-hover);
1598
+ .Button-module__hop-Button--secondary___Pu8fi[data-hovered],
1599
+ .Button-module__hop-Button--secondary___Pu8fi[data-focus-visible] {
1600
+ --background: var(--hop-comp-button-secondary-background-hover);
1600
1601
  --color: var(--hop-comp-button-secondary-text-color-hover);
1601
- --border: var(--hop-Button-secondary-border-hover);
1602
+ --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1603
+ --border: var(--hop-Button-secondary-border);
1602
1604
  }
1603
- .Button-module__hop-Button--secondary___b9c-F[data-pressed] {
1604
- --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1605
+ .Button-module__hop-Button--secondary___Pu8fi[data-pressed] {
1606
+ --background: var(--hop-comp-button-secondary-background-pressed);
1605
1607
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1606
- --border: var(--hop-Button-secondary-border-pressed);
1608
+ --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1609
+ --border: var(--hop-Button-secondary-border);
1607
1610
  }
1608
- .Button-module__hop-Button--upsell___1xQXs {
1609
- --background-color: var(--hop-comp-button-upsell-background-color);
1611
+ .Button-module__hop-Button--upsell___O6xUd {
1612
+ --background: var(--hop-comp-button-upsell-background);
1610
1613
  --color: var(--hop-comp-button-upsell-text-color);
1614
+ --icon-color: var(--hop-comp-button-upsell-icon-color);
1611
1615
  --border: var(--hop-Button-upsell-border);
1612
- --spinner-color: var(--hop-Button-upsell-spinner-color);
1616
+ --color-loading: var(--hop-comp-button-upsell-color-loading);
1617
+ --background-loading: var(--hop-comp-button-upsell-background-loading);
1618
+ --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
1619
+ --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1613
1620
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1614
1621
  }
1615
- .Button-module__hop-Button--upsell___1xQXs[data-hovered],
1616
- .Button-module__hop-Button--upsell___1xQXs[data-focus-visible] {
1617
- --background-color: var(--hop-comp-button-upsell-background-color-hover);
1622
+ .Button-module__hop-Button--upsell___O6xUd[data-hovered],
1623
+ .Button-module__hop-Button--upsell___O6xUd[data-focus-visible] {
1624
+ --background: var(--hop-comp-button-upsell-background-hover);
1618
1625
  --color: var(--hop-comp-button-upsell-text-color-hover);
1619
- --border: var(--hop-Button-upsell-border-hover);
1626
+ --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1627
+ --border: var(--hop-Button-upsell-border);
1620
1628
  }
1621
- .Button-module__hop-Button--upsell___1xQXs[data-pressed] {
1622
- --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1629
+ .Button-module__hop-Button--upsell___O6xUd[data-pressed] {
1630
+ --background: var(--hop-comp-button-upsell-background-pressed);
1623
1631
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1624
- --border: var(--hop-Button-upsell-border-pressed);
1632
+ --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1633
+ --border: var(--hop-Button-upsell-border);
1625
1634
  }
1626
- .Button-module__hop-Button--danger___aISF3 {
1627
- --background-color: var(--hop-comp-button-danger-background-color);
1635
+ .Button-module__hop-Button--danger___9Bdk4 {
1636
+ --background: var(--hop-comp-button-danger-background);
1628
1637
  --color: var(--hop-comp-button-danger-text-color);
1638
+ --icon-color: var(--hop-comp-button-danger-icon-color);
1629
1639
  --border: var(--hop-Button-danger-border);
1630
- --spinner-color: var(--hop-Button-danger-spinner-color);
1640
+ --color-loading: var(--hop-comp-button-danger-color-loading);
1641
+ --background-loading: var(--hop-comp-button-danger-background-loading);
1642
+ --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
1643
+ --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1631
1644
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1632
1645
  }
1633
- .Button-module__hop-Button--danger___aISF3[data-hovered],
1634
- .Button-module__hop-Button--danger___aISF3[data-focus-visible] {
1635
- --background-color: var(--hop-comp-button-danger-background-color-hover);
1646
+ .Button-module__hop-Button--danger___9Bdk4[data-hovered],
1647
+ .Button-module__hop-Button--danger___9Bdk4[data-focus-visible] {
1648
+ --background: var(--hop-comp-button-danger-background-hover);
1636
1649
  --color: var(--hop-comp-button-danger-text-color-hover);
1637
- --border: var(--hop-Button-danger-border-hover);
1650
+ --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1651
+ --border: var(--hop-Button-danger-border);
1638
1652
  }
1639
- .Button-module__hop-Button--danger___aISF3[data-pressed] {
1640
- --background-color: var(--hop-comp-button-danger-background-color-pressed);
1653
+ .Button-module__hop-Button--danger___9Bdk4[data-pressed] {
1654
+ --background: var(--hop-comp-button-danger-background-pressed);
1641
1655
  --color: var(--hop-comp-button-danger-text-color-pressed);
1642
- --border: var(--hop-Button-danger-border-pressed);
1656
+ --icon-color: var(--hop-comp-button-danger-icon-color-press);
1657
+ --border: var(--hop-Button-danger-border);
1643
1658
  }
1644
- .Button-module__hop-Button--ghost-primary___IcaPW {
1645
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1659
+ .Button-module__hop-Button--ghost-primary___UXsJi {
1660
+ --background: var(--hop-comp-button-ghost-primary-background);
1646
1661
  --color: var(--hop-comp-button-ghost-primary-text-color);
1662
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
1647
1663
  --border: var(--hop-Button-ghost-primary-border);
1648
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1664
+ --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
1665
+ --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
1666
+ --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
1667
+ --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1649
1668
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1650
1669
  }
1651
- .Button-module__hop-Button--ghost-primary___IcaPW[data-hovered],
1652
- .Button-module__hop-Button--ghost-primary___IcaPW[data-focus-visible] {
1653
- --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1670
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-hovered],
1671
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-focus-visible] {
1672
+ --background: var(--hop-comp-button-ghost-primary-background-hover);
1654
1673
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1655
- --border: var(--hop-Button-ghost-primary-border-hover);
1674
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1675
+ --border: var(--hop-Button-ghost-primary-border);
1656
1676
  }
1657
- .Button-module__hop-Button--ghost-primary___IcaPW[data-pressed] {
1658
- --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1677
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-pressed] {
1678
+ --background: var(--hop-comp-button-ghost-primary-background-pressed);
1659
1679
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1660
- --border: var(--hop-Button-ghost-primary-border-pressed);
1680
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1681
+ --border: var(--hop-Button-ghost-primary-border);
1661
1682
  }
1662
- .Button-module__hop-Button--ghost-secondary___vPfBY {
1663
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1683
+ .Button-module__hop-Button--ghost-secondary___toGp0 {
1684
+ --background: var(--hop-comp-button-ghost-secondary-background);
1664
1685
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1686
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
1665
1687
  --border: var(--hop-Button-ghost-secondary-border);
1666
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1688
+ --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
1689
+ --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
1690
+ --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
1691
+ --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1667
1692
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1668
1693
  }
1669
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-hovered],
1670
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-focus-visible] {
1671
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1694
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-hovered],
1695
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-focus-visible] {
1696
+ --background: var(--hop-comp-button-ghost-secondary-background-hover);
1672
1697
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1673
- --border: var(--hop-Button-ghost-secondary-border-hover);
1698
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1699
+ --border: var(--hop-Button-ghost-secondary-border);
1674
1700
  }
1675
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-pressed] {
1676
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1701
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-pressed] {
1702
+ --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1677
1703
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1678
- --border: var(--hop-Button-ghost-secondary-border-pressed);
1704
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1705
+ --border: var(--hop-Button-ghost-secondary-border);
1679
1706
  }
1680
- .Button-module__hop-Button--ghost-danger___pruuE {
1681
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1707
+ .Button-module__hop-Button--ghost-danger___wshP- {
1708
+ --background: var(--hop-comp-button-ghost-danger-background);
1682
1709
  --color: var(--hop-comp-button-ghost-danger-text-color);
1710
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
1683
1711
  --border: var(--hop-Button-ghost-danger-border);
1684
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1712
+ --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
1713
+ --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
1714
+ --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
1715
+ --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1685
1716
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1686
1717
  }
1687
- .Button-module__hop-Button--ghost-danger___pruuE[data-hovered],
1688
- .Button-module__hop-Button--ghost-danger___pruuE[data-focus-visible] {
1689
- --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1718
+ .Button-module__hop-Button--ghost-danger___wshP-[data-hovered],
1719
+ .Button-module__hop-Button--ghost-danger___wshP-[data-focus-visible] {
1720
+ --background: var(--hop-comp-button-ghost-danger-background-hover);
1690
1721
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1691
- --border: var(--hop-Button-ghost-danger-border-hover);
1722
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1723
+ --border: var(--hop-Button-ghost-danger-border);
1692
1724
  }
1693
- .Button-module__hop-Button--ghost-danger___pruuE[data-pressed] {
1694
- --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1725
+ .Button-module__hop-Button--ghost-danger___wshP-[data-pressed] {
1726
+ --background: var(--hop-comp-button-ghost-danger-background-pressed);
1695
1727
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1696
- --border: var(--hop-Button-ghost-danger-border-pressed);
1728
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1729
+ --border: var(--hop-Button-ghost-danger-border);
1697
1730
  }
1698
- .Button-module__hop-Button___sgx-6[data-focus-visible] {
1731
+ .Button-module__hop-Button___cEzVI[data-focus-visible] {
1699
1732
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1700
1733
  }
1701
- .Button-module__hop-Button___sgx-6[data-disabled],
1702
- .Button-module__hop-Button--loading___BQ9xT {
1734
+ .Button-module__hop-Button___cEzVI[data-disabled],
1735
+ .Button-module__hop-Button--loading___NMXIV {
1703
1736
  cursor: not-allowed;
1704
1737
  }
1705
- .Button-module__hop-Button___sgx-6[data-disabled] {
1706
- --background-color: var(--hop-comp-button-disabled-background-color);
1707
- --color: var(--hop-comp-button-disabled-text-color);
1708
- --border: var(--hop-Button-border-disabled);
1738
+ .Button-module__hop-Button___cEzVI[data-disabled] {
1739
+ --color: var(--hop-comp-button-text-color-disabled);
1740
+ --icon-color: var(--hop-comp-button-icon-color-disabled);
1709
1741
  }
1710
- .Button-module__hop-Button___sgx-6[class*=--ghost][data-disabled] {
1711
- --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1712
- --color: var(--hop-comp-button-ghost-disabled-text-color);
1713
- --border: var(--hop-Button-ghost-border-disabled);
1742
+ .Button-module__hop-Button--primary___U1xEj[data-disabled] {
1743
+ --background: var(--hop-comp-button-primary-background-disabled);
1744
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1714
1745
  }
1715
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--primary___0lOnm {
1716
- --background-color: var(--hop-comp-button-primary-background-color);
1717
- --color: var(--hop-comp-button-primary-text-color);
1718
- --border: var(--hop-Button-primary-border);
1746
+ .Button-module__hop-Button--secondary___Pu8fi[data-disabled] {
1747
+ --background: var(--hop-comp-button-secondary-background-disabled);
1748
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1719
1749
  }
1720
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--secondary___b9c-F {
1721
- --background-color: var(--hop-comp-button-secondary-background-color);
1722
- --color: var(--hop-comp-button-secondary-text-color);
1723
- --border: var(--hop-Button-secondary-border);
1750
+ .Button-module__hop-Button--upsell___O6xUd[data-disabled] {
1751
+ --background: var(--hop-comp-button-upsell-background-disabled);
1752
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1724
1753
  }
1725
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--upsell___1xQXs {
1726
- --background-color: var(--hop-comp-button-upsell-background-color);
1727
- --color: var(--hop-comp-button-upsell-text-color);
1728
- --border: var(--hop-Button-upsell-border);
1754
+ .Button-module__hop-Button--danger___9Bdk4[data-disabled] {
1755
+ --background: var(--hop-comp-button-danger-background-disabled);
1756
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1729
1757
  }
1730
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--danger___aISF3 {
1731
- --background-color: var(--hop-comp-button-danger-background-color);
1732
- --color: var(--hop-comp-button-danger-text-color);
1733
- --border: var(--hop-Button-danger-border);
1758
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-disabled] {
1759
+ --background: var(--hop-comp-button-ghost-primary-background-disabled);
1760
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1734
1761
  }
1735
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-primary___IcaPW {
1736
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1737
- --color: var(--hop-comp-button-ghost-primary-text-color);
1738
- --border: var(--hop-Button-ghost-primary-border);
1762
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-disabled] {
1763
+ --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1764
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1739
1765
  }
1740
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-secondary___vPfBY {
1741
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1742
- --color: var(--hop-comp-button-ghost-secondary-text-color);
1743
- --border: var(--hop-Button-ghost-secondary-border);
1766
+ .Button-module__hop-Button--ghost-danger___wshP-[data-disabled] {
1767
+ --background: var(--hop-comp-button-ghost-danger-background-disabled);
1768
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1744
1769
  }
1745
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-danger___pruuE {
1746
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1747
- --color: var(--hop-comp-button-ghost-danger-text-color);
1748
- --border: var(--hop-Button-ghost-danger-border);
1770
+ .Button-module__hop-Button--loading___NMXIV {
1771
+ background: var(--background-loading);
1772
+ color: var(--color-loading);
1773
+ border-color: var(--border-color-loading);
1774
+ box-shadow: var(--box-shadow-loading);
1749
1775
  }
1750
- .Button-module__hop-Button__Spinner___8pCIG {
1776
+ .Button-module__hop-Button__Spinner___hSXad {
1751
1777
  position: absolute;
1752
- color: var(--spinner-color);
1753
1778
  }
1754
- .Button-module__hop-Button__icon___gl8cW,
1755
- .Button-module__hop-Button__icon-list___uyZsy {
1779
+ .Button-module__hop-Button__icon___koGX2,
1780
+ .Button-module__hop-Button__icon-list___uV0To {
1756
1781
  flex: 0 0 auto;
1757
1782
  justify-self: end;
1758
1783
  order: 1;
1784
+ color: var(--icon-color);
1759
1785
  }
1760
- .Button-module__hop-Button__text___ji-Lx {
1786
+ .Button-module__hop-Button__text___yWZed {
1761
1787
  user-select: none;
1762
1788
  overflow: visible;
1763
1789
  flex: 0 1 auto;
@@ -1766,60 +1792,61 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1766
1792
  text-decoration: none;
1767
1793
  text-wrap: nowrap;
1768
1794
  }
1769
- .Button-module__hop-Button__end-icon___LnEKx,
1770
- .Button-module__hop-Button__end-icon-list___EnFJv {
1795
+ .Button-module__hop-Button__end-icon___r5rxu,
1796
+ .Button-module__hop-Button__end-icon-list___4NYnd {
1771
1797
  flex: 0 0 auto;
1772
1798
  order: 3;
1799
+ color: var(--icon-color);
1773
1800
  }
1774
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__icon-list___uyZsy,
1775
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__end-icon-list___EnFJv {
1801
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__icon-list___uV0To,
1802
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__end-icon-list___4NYnd {
1776
1803
  flex-wrap: nowrap;
1777
1804
  }
1778
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button___sgx-6 > *:not(.Button-module__hop-Button__Spinner___8pCIG) {
1805
+ .Button-module__hop-Button--loading___NMXIV.Button-module__hop-Button___cEzVI > *:not(.Button-module__hop-Button__Spinner___hSXad) {
1779
1806
  opacity: 0;
1780
1807
  }
1781
- .LinkButton-module__hop-LinkButton___8BfYc {
1808
+ .LinkButton-module__hop-LinkButton___4pRd6 {
1782
1809
  }
1783
- .LinkButton-module__hop-LinkButton--fluid___ViTo6 {
1810
+ .LinkButton-module__hop-LinkButton--fluid___rBt2G {
1784
1811
  }
1785
- .LinkButton-module__hop-LinkButton--xs___SBE8k {
1812
+ .LinkButton-module__hop-LinkButton--xs___0xYG6 {
1786
1813
  }
1787
- .LinkButton-module__hop-LinkButton--sm___jA9XY {
1814
+ .LinkButton-module__hop-LinkButton--sm___qwfob {
1788
1815
  }
1789
- .LinkButton-module__hop-LinkButton--icon-only___Ph7ZJ {
1816
+ .LinkButton-module__hop-LinkButton--icon-only___ou3mG {
1790
1817
  }
1791
- .LinkButton-module__hop-LinkButton--primary___Ut3H1 {
1818
+ .LinkButton-module__hop-LinkButton--primary___t-0GJ {
1792
1819
  }
1793
- .LinkButton-module__hop-LinkButton--secondary___Kn2xy {
1820
+ .LinkButton-module__hop-LinkButton--secondary___-K2CM {
1794
1821
  }
1795
- .LinkButton-module__hop-LinkButton--upsell___c8mzZ {
1822
+ .LinkButton-module__hop-LinkButton--upsell___6jTyS {
1796
1823
  }
1797
- .LinkButton-module__hop-LinkButton--danger___CaQci {
1824
+ .LinkButton-module__hop-LinkButton--danger___ZCmE- {
1798
1825
  }
1799
- .LinkButton-module__hop-LinkButton--ghost-primary___bPM6E {
1826
+ .LinkButton-module__hop-LinkButton--ghost-primary___BrkzP {
1800
1827
  }
1801
- .LinkButton-module__hop-LinkButton--ghost-secondary___aYAbx {
1828
+ .LinkButton-module__hop-LinkButton--ghost-secondary___3Ugzf {
1802
1829
  }
1803
- .LinkButton-module__hop-LinkButton--ghost-danger___p1q1k {
1830
+ .LinkButton-module__hop-LinkButton--ghost-danger___fdfw8 {
1804
1831
  }
1805
- .LinkButton-module__hop-LinkButton__Spinner___A9uav {
1832
+ .LinkButton-module__hop-LinkButton__Spinner___oSxtF {
1806
1833
  }
1807
- .LinkButton-module__hop-LinkButton__icon___9ZYGL,
1808
- .LinkButton-module__hop-LinkButton__icon-list___-HlT4 {
1834
+ .LinkButton-module__hop-LinkButton__icon___f9H5Z,
1835
+ .LinkButton-module__hop-LinkButton__icon-list___Wu1vd {
1809
1836
  }
1810
- .LinkButton-module__hop-LinkButton__text___yAx6C {
1837
+ .LinkButton-module__hop-LinkButton__text___lMB-T {
1811
1838
  }
1812
- .LinkButton-module__hop-LinkButton__end-icon___7XUUR,
1813
- .LinkButton-module__hop-LinkButton__end-icon-list___2Cpod {
1839
+ .LinkButton-module__hop-LinkButton__end-icon___ZZPU5,
1840
+ .LinkButton-module__hop-LinkButton__end-icon-list___XjihH {
1814
1841
  }
1815
- .LinkButton-module__hop-LinkButton___8BfYc .LinkButton-module__hop-LinkButton__icon-list___-HlT4,
1816
- .LinkButton-module__hop-LinkButton___8BfYc .LinkButton-module__hop-LinkButton__end-icon-list___2Cpod {
1842
+ .LinkButton-module__hop-LinkButton___4pRd6 .LinkButton-module__hop-LinkButton__icon-list___Wu1vd,
1843
+ .LinkButton-module__hop-LinkButton___4pRd6 .LinkButton-module__hop-LinkButton__end-icon-list___XjihH {
1817
1844
  flex-wrap: nowrap;
1818
1845
  }
1819
1846
 
1820
1847
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1821
- .Button-module__hop-Button___sgx-6 {
1822
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1848
+ .Button-module__hop-Button___cEzVI {
1849
+ --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1823
1850
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1824
1851
  --hop-Button-icon-only-column-gap: 0;
1825
1852
  --hop-Button-outline-size: var(--hop-space-20);
@@ -1834,42 +1861,23 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1834
1861
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1835
1862
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1836
1863
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1837
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1838
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1839
1864
  --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1840
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1841
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1842
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1843
1865
  --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1844
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1845
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1846
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1847
1866
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1848
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1849
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1850
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1851
1867
  --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1852
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1853
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1854
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1855
1868
  --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1856
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1857
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1858
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1859
1869
  --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1860
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1861
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1862
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1863
1870
  --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1864
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1865
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1866
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1867
1871
  --inline-size: max-content;
1868
1872
  --block-size: var(--hop-Button-md-height);
1869
- --background-color: var(--hop-primary-surface-strong);
1873
+ --background: var(--hop-primary-surface-strong);
1870
1874
  --color: var(--hop-primary-text-strong);
1875
+ --icon-color: var(--color);
1871
1876
  --column-gap: var(--hop-Button-column-gap);
1872
1877
  --spinner: var(--hop-primary-icon-strong);
1878
+ --background-loading: var(--background);
1879
+ --border-color-loading: transparent;
1880
+ --box-shadow-loading: none;
1873
1881
  --border: 0;
1874
1882
  --padding: var(--hop-Button-md-padding);
1875
1883
  --box-shadow: none;
@@ -1887,7 +1895,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1887
1895
  color: var(--color);
1888
1896
  text-decoration: none;
1889
1897
  white-space: nowrap;
1890
- background-color: var(--background-color);
1898
+ background: var(--background);
1891
1899
  border: var(--border);
1892
1900
  border-radius: var(--hop-comp-button-border-radius);
1893
1901
  outline: none;
@@ -1898,220 +1906,255 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1898
1906
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1899
1907
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1900
1908
  }
1901
- .Button-module__hop-Button--fluid___-epn3 {
1909
+ .Button-module__hop-Button--fluid___HUhhp {
1902
1910
  --inline-size: 100%;
1903
1911
  }
1904
- .Button-module__hop-Button--xs___nWMoM {
1912
+ .Button-module__hop-Button--xs___PF56K {
1905
1913
  --block-size: var(--hop-Button-xs-height);
1906
1914
  --padding: var(--hop-Button-xs-padding);
1907
1915
  }
1908
- .Button-module__hop-Button--xs___nWMoM[class*=--ghost] {
1916
+ .Button-module__hop-Button--xs___PF56K[class*=--ghost] {
1909
1917
  --padding: var(--hop-Button-ghost-xs-padding);
1910
1918
  }
1911
- .Button-module__hop-Button--sm___el-hu {
1919
+ .Button-module__hop-Button--sm___FlTAw {
1912
1920
  --block-size: var(--hop-Button-sm-height);
1913
1921
  --padding: var(--hop-Button-sm-padding);
1914
1922
  }
1915
- .Button-module__hop-Button--sm___el-hu[class*=--ghost] {
1923
+ .Button-module__hop-Button--sm___FlTAw[class*=--ghost] {
1916
1924
  --padding: var(--hop-Button-ghost-sm-padding);
1917
1925
  }
1918
- .Button-module__hop-Button--md___nABk9[class*=--ghost] {
1926
+ .Button-module__hop-Button--md___jnsk-[class*=--ghost] {
1919
1927
  --padding: var(--hop-Button-ghost-md-padding);
1920
1928
  }
1921
- .Button-module__hop-Button--icon-only___59IGX {
1929
+ .Button-module__hop-Button--icon-only___7-yVF {
1922
1930
  --column-gap: var(--hop-Button-icon-only-column-gap);
1923
1931
  --padding: var(--hop-Button-icon-only-padding);
1924
1932
  aspect-ratio: 1;
1925
1933
  }
1926
- .Button-module__hop-Button--primary___0lOnm {
1927
- --background-color: var(--hop-comp-button-primary-background-color);
1934
+ .Button-module__hop-Button--primary___U1xEj {
1935
+ --background: var(--hop-comp-button-primary-background);
1928
1936
  --color: var(--hop-comp-button-primary-text-color);
1937
+ --icon-color: var(--hop-comp-button-primary-icon-color);
1929
1938
  --border: var(--hop-Button-primary-border);
1930
- --spinner-color: var(--hop-Button-primary-spinner-color);
1939
+ --color-loading: var(--hop-comp-button-primary-color-loading);
1940
+ --background-loading: var(--hop-comp-button-primary-background-loading);
1941
+ --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
1942
+ --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1931
1943
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1932
1944
  }
1933
- .Button-module__hop-Button--primary___0lOnm[data-hovered],
1934
- .Button-module__hop-Button--primary___0lOnm[data-focus-visible] {
1935
- --background-color: var(--hop-comp-button-primary-background-color-hover);
1945
+ .Button-module__hop-Button--primary___U1xEj[data-hovered],
1946
+ .Button-module__hop-Button--primary___U1xEj[data-focus-visible] {
1947
+ --background: var(--hop-comp-button-primary-background-hover);
1936
1948
  --color: var(--hop-comp-button-primary-text-color-hover);
1937
- --border: var(--hop-Button-primary-border-hover);
1949
+ --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1950
+ --border: var(--hop-Button-primary-border);
1938
1951
  }
1939
- .Button-module__hop-Button--primary___0lOnm[data-pressed] {
1940
- --background-color: var(--hop-comp-button-primary-background-color-pressed);
1952
+ .Button-module__hop-Button--primary___U1xEj[data-pressed] {
1953
+ --background: var(--hop-comp-button-primary-background-pressed);
1941
1954
  --color: var(--hop-comp-button-primary-text-color-pressed);
1942
- --border: var(--hop-Button-primary-border-pressed);
1955
+ --icon-color: var(--hop-comp-button-primary-icon-color-press);
1956
+ --border: var(--hop-Button-primary-border);
1943
1957
  }
1944
- .Button-module__hop-Button--secondary___b9c-F {
1945
- --background-color: var(--hop-comp-button-secondary-background-color);
1958
+ .Button-module__hop-Button--secondary___Pu8fi {
1959
+ --background: var(--hop-comp-button-secondary-background);
1946
1960
  --color: var(--hop-comp-button-secondary-text-color);
1961
+ --icon-color: var(--hop-comp-button-secondary-icon-color);
1947
1962
  --border: var(--hop-Button-secondary-border);
1948
- --spinner-color: var(--hop-Button-secondary-spinner-color);
1963
+ --color-loading: var(--hop-comp-button-secondary-color-loading);
1964
+ --background-loading: var(--hop-comp-button-secondary-background-loading);
1965
+ --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
1966
+ --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1949
1967
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1950
1968
  }
1951
- .Button-module__hop-Button--secondary___b9c-F[data-hovered],
1952
- .Button-module__hop-Button--secondary___b9c-F[data-focus-visible] {
1953
- --background-color: var(--hop-comp-button-secondary-background-color-hover);
1969
+ .Button-module__hop-Button--secondary___Pu8fi[data-hovered],
1970
+ .Button-module__hop-Button--secondary___Pu8fi[data-focus-visible] {
1971
+ --background: var(--hop-comp-button-secondary-background-hover);
1954
1972
  --color: var(--hop-comp-button-secondary-text-color-hover);
1955
- --border: var(--hop-Button-secondary-border-hover);
1973
+ --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1974
+ --border: var(--hop-Button-secondary-border);
1956
1975
  }
1957
- .Button-module__hop-Button--secondary___b9c-F[data-pressed] {
1958
- --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1976
+ .Button-module__hop-Button--secondary___Pu8fi[data-pressed] {
1977
+ --background: var(--hop-comp-button-secondary-background-pressed);
1959
1978
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1960
- --border: var(--hop-Button-secondary-border-pressed);
1979
+ --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1980
+ --border: var(--hop-Button-secondary-border);
1961
1981
  }
1962
- .Button-module__hop-Button--upsell___1xQXs {
1963
- --background-color: var(--hop-comp-button-upsell-background-color);
1982
+ .Button-module__hop-Button--upsell___O6xUd {
1983
+ --background: var(--hop-comp-button-upsell-background);
1964
1984
  --color: var(--hop-comp-button-upsell-text-color);
1985
+ --icon-color: var(--hop-comp-button-upsell-icon-color);
1965
1986
  --border: var(--hop-Button-upsell-border);
1966
- --spinner-color: var(--hop-Button-upsell-spinner-color);
1987
+ --color-loading: var(--hop-comp-button-upsell-color-loading);
1988
+ --background-loading: var(--hop-comp-button-upsell-background-loading);
1989
+ --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
1990
+ --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1967
1991
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1968
1992
  }
1969
- .Button-module__hop-Button--upsell___1xQXs[data-hovered],
1970
- .Button-module__hop-Button--upsell___1xQXs[data-focus-visible] {
1971
- --background-color: var(--hop-comp-button-upsell-background-color-hover);
1993
+ .Button-module__hop-Button--upsell___O6xUd[data-hovered],
1994
+ .Button-module__hop-Button--upsell___O6xUd[data-focus-visible] {
1995
+ --background: var(--hop-comp-button-upsell-background-hover);
1972
1996
  --color: var(--hop-comp-button-upsell-text-color-hover);
1973
- --border: var(--hop-Button-upsell-border-hover);
1997
+ --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1998
+ --border: var(--hop-Button-upsell-border);
1974
1999
  }
1975
- .Button-module__hop-Button--upsell___1xQXs[data-pressed] {
1976
- --background-color: var(--hop-comp-button-upsell-background-color-pressed);
2000
+ .Button-module__hop-Button--upsell___O6xUd[data-pressed] {
2001
+ --background: var(--hop-comp-button-upsell-background-pressed);
1977
2002
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1978
- --border: var(--hop-Button-upsell-border-pressed);
2003
+ --icon-color: var(--hop-comp-button-upsell-icon-color-press);
2004
+ --border: var(--hop-Button-upsell-border);
1979
2005
  }
1980
- .Button-module__hop-Button--danger___aISF3 {
1981
- --background-color: var(--hop-comp-button-danger-background-color);
2006
+ .Button-module__hop-Button--danger___9Bdk4 {
2007
+ --background: var(--hop-comp-button-danger-background);
1982
2008
  --color: var(--hop-comp-button-danger-text-color);
2009
+ --icon-color: var(--hop-comp-button-danger-icon-color);
1983
2010
  --border: var(--hop-Button-danger-border);
1984
- --spinner-color: var(--hop-Button-danger-spinner-color);
2011
+ --color-loading: var(--hop-comp-button-danger-color-loading);
2012
+ --background-loading: var(--hop-comp-button-danger-background-loading);
2013
+ --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
2014
+ --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1985
2015
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1986
2016
  }
1987
- .Button-module__hop-Button--danger___aISF3[data-hovered],
1988
- .Button-module__hop-Button--danger___aISF3[data-focus-visible] {
1989
- --background-color: var(--hop-comp-button-danger-background-color-hover);
2017
+ .Button-module__hop-Button--danger___9Bdk4[data-hovered],
2018
+ .Button-module__hop-Button--danger___9Bdk4[data-focus-visible] {
2019
+ --background: var(--hop-comp-button-danger-background-hover);
1990
2020
  --color: var(--hop-comp-button-danger-text-color-hover);
1991
- --border: var(--hop-Button-danger-border-hover);
2021
+ --icon-color: var(--hop-comp-button-danger-icon-color-hover);
2022
+ --border: var(--hop-Button-danger-border);
1992
2023
  }
1993
- .Button-module__hop-Button--danger___aISF3[data-pressed] {
1994
- --background-color: var(--hop-comp-button-danger-background-color-pressed);
2024
+ .Button-module__hop-Button--danger___9Bdk4[data-pressed] {
2025
+ --background: var(--hop-comp-button-danger-background-pressed);
1995
2026
  --color: var(--hop-comp-button-danger-text-color-pressed);
1996
- --border: var(--hop-Button-danger-border-pressed);
2027
+ --icon-color: var(--hop-comp-button-danger-icon-color-press);
2028
+ --border: var(--hop-Button-danger-border);
1997
2029
  }
1998
- .Button-module__hop-Button--ghost-primary___IcaPW {
1999
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
2030
+ .Button-module__hop-Button--ghost-primary___UXsJi {
2031
+ --background: var(--hop-comp-button-ghost-primary-background);
2000
2032
  --color: var(--hop-comp-button-ghost-primary-text-color);
2033
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
2001
2034
  --border: var(--hop-Button-ghost-primary-border);
2002
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
2035
+ --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
2036
+ --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
2037
+ --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
2038
+ --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
2003
2039
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
2004
2040
  }
2005
- .Button-module__hop-Button--ghost-primary___IcaPW[data-hovered],
2006
- .Button-module__hop-Button--ghost-primary___IcaPW[data-focus-visible] {
2007
- --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
2041
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-hovered],
2042
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-focus-visible] {
2043
+ --background: var(--hop-comp-button-ghost-primary-background-hover);
2008
2044
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
2009
- --border: var(--hop-Button-ghost-primary-border-hover);
2045
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
2046
+ --border: var(--hop-Button-ghost-primary-border);
2010
2047
  }
2011
- .Button-module__hop-Button--ghost-primary___IcaPW[data-pressed] {
2012
- --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
2048
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-pressed] {
2049
+ --background: var(--hop-comp-button-ghost-primary-background-pressed);
2013
2050
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
2014
- --border: var(--hop-Button-ghost-primary-border-pressed);
2051
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
2052
+ --border: var(--hop-Button-ghost-primary-border);
2015
2053
  }
2016
- .Button-module__hop-Button--ghost-secondary___vPfBY {
2017
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
2054
+ .Button-module__hop-Button--ghost-secondary___toGp0 {
2055
+ --background: var(--hop-comp-button-ghost-secondary-background);
2018
2056
  --color: var(--hop-comp-button-ghost-secondary-text-color);
2057
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
2019
2058
  --border: var(--hop-Button-ghost-secondary-border);
2020
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2059
+ --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
2060
+ --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
2061
+ --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
2062
+ --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
2021
2063
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
2022
2064
  }
2023
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-hovered],
2024
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-focus-visible] {
2025
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
2065
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-hovered],
2066
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-focus-visible] {
2067
+ --background: var(--hop-comp-button-ghost-secondary-background-hover);
2026
2068
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
2027
- --border: var(--hop-Button-ghost-secondary-border-hover);
2069
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
2070
+ --border: var(--hop-Button-ghost-secondary-border);
2028
2071
  }
2029
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-pressed] {
2030
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
2072
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-pressed] {
2073
+ --background: var(--hop-comp-button-ghost-secondary-background-pressed);
2031
2074
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
2032
- --border: var(--hop-Button-ghost-secondary-border-pressed);
2075
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
2076
+ --border: var(--hop-Button-ghost-secondary-border);
2033
2077
  }
2034
- .Button-module__hop-Button--ghost-danger___pruuE {
2035
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
2078
+ .Button-module__hop-Button--ghost-danger___wshP- {
2079
+ --background: var(--hop-comp-button-ghost-danger-background);
2036
2080
  --color: var(--hop-comp-button-ghost-danger-text-color);
2081
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
2037
2082
  --border: var(--hop-Button-ghost-danger-border);
2038
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2083
+ --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
2084
+ --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
2085
+ --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
2086
+ --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
2039
2087
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
2040
2088
  }
2041
- .Button-module__hop-Button--ghost-danger___pruuE[data-hovered],
2042
- .Button-module__hop-Button--ghost-danger___pruuE[data-focus-visible] {
2043
- --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
2089
+ .Button-module__hop-Button--ghost-danger___wshP-[data-hovered],
2090
+ .Button-module__hop-Button--ghost-danger___wshP-[data-focus-visible] {
2091
+ --background: var(--hop-comp-button-ghost-danger-background-hover);
2044
2092
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
2045
- --border: var(--hop-Button-ghost-danger-border-hover);
2093
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
2094
+ --border: var(--hop-Button-ghost-danger-border);
2046
2095
  }
2047
- .Button-module__hop-Button--ghost-danger___pruuE[data-pressed] {
2048
- --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
2096
+ .Button-module__hop-Button--ghost-danger___wshP-[data-pressed] {
2097
+ --background: var(--hop-comp-button-ghost-danger-background-pressed);
2049
2098
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
2050
- --border: var(--hop-Button-ghost-danger-border-pressed);
2099
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
2100
+ --border: var(--hop-Button-ghost-danger-border);
2051
2101
  }
2052
- .Button-module__hop-Button___sgx-6[data-focus-visible] {
2102
+ .Button-module__hop-Button___cEzVI[data-focus-visible] {
2053
2103
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2054
2104
  }
2055
- .Button-module__hop-Button___sgx-6[data-disabled],
2056
- .Button-module__hop-Button--loading___BQ9xT {
2105
+ .Button-module__hop-Button___cEzVI[data-disabled],
2106
+ .Button-module__hop-Button--loading___NMXIV {
2057
2107
  cursor: not-allowed;
2058
2108
  }
2059
- .Button-module__hop-Button___sgx-6[data-disabled] {
2060
- --background-color: var(--hop-comp-button-disabled-background-color);
2061
- --color: var(--hop-comp-button-disabled-text-color);
2062
- --border: var(--hop-Button-border-disabled);
2109
+ .Button-module__hop-Button___cEzVI[data-disabled] {
2110
+ --color: var(--hop-comp-button-text-color-disabled);
2111
+ --icon-color: var(--hop-comp-button-icon-color-disabled);
2063
2112
  }
2064
- .Button-module__hop-Button___sgx-6[class*=--ghost][data-disabled] {
2065
- --background-color: var(--hop-comp-button-ghost-disabled-background-color);
2066
- --color: var(--hop-comp-button-ghost-disabled-text-color);
2067
- --border: var(--hop-Button-ghost-border-disabled);
2113
+ .Button-module__hop-Button--primary___U1xEj[data-disabled] {
2114
+ --background: var(--hop-comp-button-primary-background-disabled);
2115
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
2068
2116
  }
2069
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--primary___0lOnm {
2070
- --background-color: var(--hop-comp-button-primary-background-color);
2071
- --color: var(--hop-comp-button-primary-text-color);
2072
- --border: var(--hop-Button-primary-border);
2117
+ .Button-module__hop-Button--secondary___Pu8fi[data-disabled] {
2118
+ --background: var(--hop-comp-button-secondary-background-disabled);
2119
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
2073
2120
  }
2074
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--secondary___b9c-F {
2075
- --background-color: var(--hop-comp-button-secondary-background-color);
2076
- --color: var(--hop-comp-button-secondary-text-color);
2077
- --border: var(--hop-Button-secondary-border);
2121
+ .Button-module__hop-Button--upsell___O6xUd[data-disabled] {
2122
+ --background: var(--hop-comp-button-upsell-background-disabled);
2123
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
2078
2124
  }
2079
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--upsell___1xQXs {
2080
- --background-color: var(--hop-comp-button-upsell-background-color);
2081
- --color: var(--hop-comp-button-upsell-text-color);
2082
- --border: var(--hop-Button-upsell-border);
2125
+ .Button-module__hop-Button--danger___9Bdk4[data-disabled] {
2126
+ --background: var(--hop-comp-button-danger-background-disabled);
2127
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
2083
2128
  }
2084
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--danger___aISF3 {
2085
- --background-color: var(--hop-comp-button-danger-background-color);
2086
- --color: var(--hop-comp-button-danger-text-color);
2087
- --border: var(--hop-Button-danger-border);
2129
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-disabled] {
2130
+ --background: var(--hop-comp-button-ghost-primary-background-disabled);
2131
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
2088
2132
  }
2089
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-primary___IcaPW {
2090
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
2091
- --color: var(--hop-comp-button-ghost-primary-text-color);
2092
- --border: var(--hop-Button-ghost-primary-border);
2133
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-disabled] {
2134
+ --background: var(--hop-comp-button-ghost-secondary-background-disabled);
2135
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
2093
2136
  }
2094
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-secondary___vPfBY {
2095
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
2096
- --color: var(--hop-comp-button-ghost-secondary-text-color);
2097
- --border: var(--hop-Button-ghost-secondary-border);
2137
+ .Button-module__hop-Button--ghost-danger___wshP-[data-disabled] {
2138
+ --background: var(--hop-comp-button-ghost-danger-background-disabled);
2139
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
2098
2140
  }
2099
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-danger___pruuE {
2100
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
2101
- --color: var(--hop-comp-button-ghost-danger-text-color);
2102
- --border: var(--hop-Button-ghost-danger-border);
2141
+ .Button-module__hop-Button--loading___NMXIV {
2142
+ background: var(--background-loading);
2143
+ color: var(--color-loading);
2144
+ border-color: var(--border-color-loading);
2145
+ box-shadow: var(--box-shadow-loading);
2103
2146
  }
2104
- .Button-module__hop-Button__Spinner___8pCIG {
2147
+ .Button-module__hop-Button__Spinner___hSXad {
2105
2148
  position: absolute;
2106
- color: var(--spinner-color);
2107
2149
  }
2108
- .Button-module__hop-Button__icon___gl8cW,
2109
- .Button-module__hop-Button__icon-list___uyZsy {
2150
+ .Button-module__hop-Button__icon___koGX2,
2151
+ .Button-module__hop-Button__icon-list___uV0To {
2110
2152
  flex: 0 0 auto;
2111
2153
  justify-self: end;
2112
2154
  order: 1;
2155
+ color: var(--icon-color);
2113
2156
  }
2114
- .Button-module__hop-Button__text___ji-Lx {
2157
+ .Button-module__hop-Button__text___yWZed {
2115
2158
  user-select: none;
2116
2159
  overflow: visible;
2117
2160
  flex: 0 1 auto;
@@ -2120,134 +2163,109 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2120
2163
  text-decoration: none;
2121
2164
  text-wrap: nowrap;
2122
2165
  }
2123
- .Button-module__hop-Button__end-icon___LnEKx,
2124
- .Button-module__hop-Button__end-icon-list___EnFJv {
2166
+ .Button-module__hop-Button__end-icon___r5rxu,
2167
+ .Button-module__hop-Button__end-icon-list___4NYnd {
2125
2168
  flex: 0 0 auto;
2126
2169
  order: 3;
2170
+ color: var(--icon-color);
2127
2171
  }
2128
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__icon-list___uyZsy,
2129
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__end-icon-list___EnFJv {
2172
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__icon-list___uV0To,
2173
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__end-icon-list___4NYnd {
2130
2174
  flex-wrap: nowrap;
2131
2175
  }
2132
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button___sgx-6 > *:not(.Button-module__hop-Button__Spinner___8pCIG) {
2176
+ .Button-module__hop-Button--loading___NMXIV.Button-module__hop-Button___cEzVI > *:not(.Button-module__hop-Button__Spinner___hSXad) {
2133
2177
  opacity: 0;
2134
2178
  }
2135
- .ToggleButton-module__hop-ToggleButton___51huq {
2179
+ .ToggleButton-module__hop-ToggleButton___pf1eD {
2136
2180
  --hop-ToggleButton-border-size: var(--hop-space-10);
2137
2181
  }
2138
- .ToggleButton-module__hop-ToggleButton--fluid___mOK4F {
2182
+ .ToggleButton-module__hop-ToggleButton--fluid___49Lo5 {
2139
2183
  }
2140
- .ToggleButton-module__hop-ToggleButton--xs___K9MbP {
2184
+ .ToggleButton-module__hop-ToggleButton--xs___gfZiq {
2141
2185
  }
2142
- .ToggleButton-module__hop-ToggleButton--sm___6FNI8 {
2186
+ .ToggleButton-module__hop-ToggleButton--sm___WUBaB {
2143
2187
  }
2144
- .ToggleButton-module__hop-ToggleButton--md___tqmEd {
2188
+ .ToggleButton-module__hop-ToggleButton--md___-1WLK {
2145
2189
  }
2146
- .ToggleButton-module__hop-ToggleButton--icon-only___fnnMp {
2190
+ .ToggleButton-module__hop-ToggleButton--icon-only___BuTXY {
2147
2191
  }
2148
- .ToggleButton-module__hop-ToggleButton--primary___LgoyI {
2192
+ .ToggleButton-module__hop-ToggleButton--primary___UrwDq {
2149
2193
  }
2150
- .ToggleButton-module__hop-ToggleButton--primary___LgoyI[data-selected] {
2151
- --background-color: var(--hop-comp-button-primary-background-color-selected);
2194
+ .ToggleButton-module__hop-ToggleButton--primary___UrwDq[data-selected] {
2195
+ --background: var(--hop-comp-button-primary-background-selected);
2152
2196
  --color: var(--hop-comp-button-primary-text-color-selected);
2197
+ --icon-color: var(--hop-comp-button-primary-icon-color-selected);
2153
2198
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
2154
2199
  }
2155
- .ToggleButton-module__hop-ToggleButton--secondary___m2QVF {
2200
+ .ToggleButton-module__hop-ToggleButton--secondary___FoMjA {
2156
2201
  }
2157
- .ToggleButton-module__hop-ToggleButton--secondary___m2QVF[data-selected] {
2158
- --background-color: var(--hop-comp-button-secondary-background-color-selected);
2202
+ .ToggleButton-module__hop-ToggleButton--secondary___FoMjA[data-selected] {
2203
+ --background: var(--hop-comp-button-secondary-background-selected);
2159
2204
  --color: var(--hop-comp-button-secondary-text-color-selected);
2205
+ --icon-color: var(--hop-comp-button-secondary-icon-color-selected);
2160
2206
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
2161
2207
  }
2162
- .ToggleButton-module__hop-ToggleButton--upsell___7P1Cl {
2208
+ .ToggleButton-module__hop-ToggleButton--upsell___CtM53 {
2163
2209
  }
2164
- .ToggleButton-module__hop-ToggleButton--upsell___7P1Cl[data-selected] {
2165
- --background-color: var(--hop-comp-button-upsell-background-color-selected);
2210
+ .ToggleButton-module__hop-ToggleButton--upsell___CtM53[data-selected] {
2211
+ --background: var(--hop-comp-button-upsell-background-selected);
2166
2212
  --color: var(--hop-comp-button-upsell-text-color-selected);
2213
+ --icon-color: var(--hop-comp-button-upsell-icon-color-selected);
2167
2214
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
2168
2215
  }
2169
- .ToggleButton-module__hop-ToggleButton--danger___ho5sX {
2216
+ .ToggleButton-module__hop-ToggleButton--danger___jTewI {
2170
2217
  }
2171
- .ToggleButton-module__hop-ToggleButton--danger___ho5sX[data-selected] {
2172
- --background-color: var(--hop-comp-button-danger-background-color-selected);
2218
+ .ToggleButton-module__hop-ToggleButton--danger___jTewI[data-selected] {
2219
+ --background: var(--hop-comp-button-danger-background-selected);
2173
2220
  --color: var(--hop-comp-button-danger-text-color-selected);
2221
+ --icon-color: var(--hop-comp-button-danger-icon-color-selected);
2174
2222
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
2175
2223
  }
2176
- .ToggleButton-module__hop-ToggleButton--ghost-primary___RcmRH {
2224
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___La0tk {
2177
2225
  }
2178
- .ToggleButton-module__hop-ToggleButton--ghost-primary___RcmRH[data-selected] {
2179
- --background-color: var(--hop-comp-button-ghost-primary-background-color-selected);
2226
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___La0tk[data-selected] {
2227
+ --background: var(--hop-comp-button-ghost-primary-background-selected);
2180
2228
  --color: var(--hop-comp-button-ghost-primary-text-color-selected);
2229
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-selected);
2181
2230
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
2182
2231
  }
2183
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___Vyswh {
2232
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___L5GM5 {
2184
2233
  }
2185
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___Vyswh[data-selected] {
2186
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-selected);
2234
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___L5GM5[data-selected] {
2235
+ --background: var(--hop-comp-button-ghost-secondary-background-selected);
2187
2236
  --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
2237
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-selected);
2188
2238
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
2189
2239
  }
2190
- .ToggleButton-module__hop-ToggleButton--ghost-danger___AhhZ5 {
2240
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sCsOy {
2191
2241
  }
2192
- .ToggleButton-module__hop-ToggleButton--ghost-danger___AhhZ5[data-selected] {
2193
- --background-color: var(--hop-comp-button-ghost-danger-background-color-selected);
2242
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sCsOy[data-selected] {
2243
+ --background: var(--hop-comp-button-ghost-danger-background-selected);
2194
2244
  --color: var(--hop-comp-button-ghost-danger-text-color-selected);
2245
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-selected);
2195
2246
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
2196
2247
  }
2197
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--primary___LgoyI {
2198
- --background-color: var(--hop-comp-button-primary-background-color);
2199
- --color: var(--hop-comp-button-primary-text-color);
2200
- --border: var(--hop-Button-primary-border);
2201
- }
2202
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--secondary___m2QVF {
2203
- --background-color: var(--hop-comp-button-secondary-background-color);
2204
- --color: var(--hop-comp-button-secondary-text-color);
2205
- --border: var(--hop-Button-secondary-border);
2206
- }
2207
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--upsell___7P1Cl {
2208
- --background-color: var(--hop-comp-button-upsell-background-color);
2209
- --color: var(--hop-comp-button-upsell-text-color);
2210
- --border: var(--hop-Button-upsell-border);
2211
- }
2212
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--danger___ho5sX {
2213
- --background-color: var(--hop-comp-button-danger-background-color);
2214
- --color: var(--hop-comp-button-danger-text-color);
2215
- --border: var(--hop-Button-danger-border);
2216
- }
2217
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--ghost-primary___RcmRH {
2218
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
2219
- --color: var(--hop-comp-button-ghost-primary-text-color);
2220
- --border: var(--hop-Button-ghost-primary-border);
2221
- }
2222
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--ghost-secondary___Vyswh {
2223
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
2224
- --color: var(--hop-comp-button-ghost-secondary-text-color);
2225
- --border: var(--hop-Button-ghost-secondary-border);
2226
- }
2227
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--ghost-danger___AhhZ5 {
2228
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
2229
- --color: var(--hop-comp-button-ghost-danger-text-color);
2230
- --border: var(--hop-Button-ghost-danger-border);
2248
+ .ToggleButton-module__hop-ToggleButton--loading___LpKD9 {
2231
2249
  }
2232
- .ToggleButton-module__hop-ToggleButton__Spinner___yQcG2 {
2250
+ .ToggleButton-module__hop-ToggleButton__Spinner___w6ejv {
2233
2251
  }
2234
- .ToggleButton-module__hop-ToggleButton__icon___gcrlS,
2235
- .ToggleButton-module__hop-ToggleButton__icon-list___OEz8b {
2252
+ .ToggleButton-module__hop-ToggleButton__icon___xAyDv,
2253
+ .ToggleButton-module__hop-ToggleButton__icon-list___dI-iD {
2236
2254
  }
2237
- .ToggleButton-module__hop-ToggleButton__text___U6CRI {
2255
+ .ToggleButton-module__hop-ToggleButton__text___Svuce {
2238
2256
  }
2239
- .ToggleButton-module__hop-ToggleButton__end-icon___y7sNB,
2240
- .ToggleButton-module__hop-ToggleButton__end-icon-list___QDOWp {
2257
+ .ToggleButton-module__hop-ToggleButton__end-icon___Glff3,
2258
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___4B9Ua {
2241
2259
  }
2242
- .ToggleButton-module__hop-ToggleButton__icon-list___OEz8b,
2243
- .ToggleButton-module__hop-ToggleButton__end-icon-list___QDOWp {
2260
+ .ToggleButton-module__hop-ToggleButton__icon-list___dI-iD,
2261
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___4B9Ua {
2244
2262
  }
2245
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton___51huq > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___yQcG2) {
2263
+ .ToggleButton-module__hop-ToggleButton--loading___LpKD9.ToggleButton-module__hop-ToggleButton___pf1eD > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___w6ejv) {
2246
2264
  opacity: 0;
2247
2265
  }
2248
2266
 
2249
2267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/calendar/src/CalendarHeader.module.css/#css-module-data */
2250
- .CalendarHeader-module__hop-CalendarHeader___3pVw7 {
2268
+ .CalendarHeader-module__hop-CalendarHeader___6DxkE {
2251
2269
  --hop-CalendarHeader-display: flex;
2252
2270
  --hop-CalendarHeader-align-items: center;
2253
2271
  --hop-CalendarHeader-justify-content: space-between;
@@ -2257,10 +2275,10 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2257
2275
  justify-content: var(--hop-CalendarHeader-justify-content);
2258
2276
  inline-size: var(--hop-CalendarHeader-inline-size);
2259
2277
  }
2260
- .CalendarHeader-module__hop-CalendarHeader-button___hxbxM {
2261
- --hop-comp-button-ghost-secondary-text-color: var(--hop-neutral-icon);
2278
+ .CalendarHeader-module__hop-CalendarHeader-button___BclqC {
2279
+ --hop-comp-button-ghost-secondary-icon-color: var(--hop-neutral-icon);
2262
2280
  }
2263
- .CalendarHeader-module__hop-CalendarHeader-heading___n-I-R {
2281
+ .CalendarHeader-module__hop-CalendarHeader-heading___AqDVp {
2264
2282
  --hop-CalendarHeader-heading-display: flex;
2265
2283
  --hop-CalendarHeader-heading-align-items: center;
2266
2284
  --hop-CalendarHeader-heading-justify-content: center;
@@ -2282,7 +2300,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2282
2300
  }
2283
2301
 
2284
2302
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/calendar/src/Calendar.module.css/#css-module-data */
2285
- .Calendar-module__hop-Calendar___DGIWF {
2303
+ .Calendar-module__hop-Calendar___CLIdl {
2286
2304
  --hop-Calendar-display: flex;
2287
2305
  --hop-Calendar-flex-direction: column;
2288
2306
  --hop-Calendar-gap: var(--hop-space-stack-xs);
@@ -2292,7 +2310,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2292
2310
  gap: var(--hop-Calendar-gap);
2293
2311
  inline-size: var(--hop-Calendar-inline-size);
2294
2312
  }
2295
- .Calendar-module__hop-Calendar__grids___Z7Se8 {
2313
+ .Calendar-module__hop-Calendar__grids___HkU5u {
2296
2314
  --hop-Calendar__grids-display: flex;
2297
2315
  --hop-Calendar__grids-flex-direction: row;
2298
2316
  --hop-Calendar__grids-row-gap: var(--hop-space-stack-lg);
@@ -2308,7 +2326,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2308
2326
  justify-content: var(--hop-Calendar__grids-justify-content);
2309
2327
  inline-size: var(--hop-Calendar__grids-inline-size);
2310
2328
  }
2311
- .Calendar-module__hop-Calendar__error-message___1Qwhb {
2329
+ .Calendar-module__hop-Calendar__error-message___-0I20 {
2312
2330
  --hop-Calendar__error-message-margin-block-start: var(--hop-space-stack-sm);
2313
2331
  margin-block-start: var(--hop-Calendar__error-message-margin-block-start);
2314
2332
  }