@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/inputs/src/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___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/inputs/src/Input.module.css/#css-module-data */
284
- .Input-module__hop-Input___s8PjZ {
284
+ .Input-module__hop-Input___oaz9h {
285
285
  --hop-Input-placeholder-font-family: inherit;
286
286
  --hop-Input-placeholder-font-size: inherit;
287
287
  --hop-Input-placeholder-font-weight: inherit;
@@ -323,30 +323,30 @@
323
323
  border: 0;
324
324
  outline-style: none;
325
325
  }
326
- .Input-module__hop-Input--sm___lccSU {
326
+ .Input-module__hop-Input--sm___NDjdC {
327
327
  --font-family: var(--hop-Input-sm-font-family);
328
328
  --font-size: var(--hop-Input-sm-font-size);
329
329
  --font-weight: var(--hop-Input-sm-font-weight);
330
330
  --line-height: var(--hop-Input-sm-line-height);
331
331
  --block-size: var(--hop-Input-sm-block-size);
332
332
  }
333
- .Input-module__hop-Input___s8PjZ::placeholder {
333
+ .Input-module__hop-Input___oaz9h::placeholder {
334
334
  font-family: var(--hop-Input-placeholder-font-family);
335
335
  font-size: var(--hop-Input-placeholder-font-size);
336
336
  font-weight: var(--hop-Input-placeholder-font-weight);
337
337
  line-height: var(--hop-Input-placeholder-line-height);
338
338
  color: var(--hop-comp-field-placeholder-color);
339
339
  }
340
- .Input-module__hop-Input___s8PjZ[data-disabled]::placeholder {
340
+ .Input-module__hop-Input___oaz9h[data-disabled]::placeholder {
341
341
  color: var(--hop-comp-field-text-color-disabled);
342
342
  }
343
- .Input-module__hop-Input___s8PjZ[data-disabled] {
343
+ .Input-module__hop-Input___oaz9h[data-disabled] {
344
344
  --color: var(--hop-comp-field-text-color-disabled);
345
345
  --background-color: var(--hop-comp-field-background-color-disabled);
346
346
  }
347
347
 
348
348
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
349
- .InputGroup-module__hop-InputGroup___Sn-09 {
349
+ .InputGroup-module__hop-InputGroup___C7I3Q {
350
350
  --hop-InputGroup-border-width: 0.0625rem;
351
351
  --hop-InputGroup-gap: var(--hop-space-inline-sm);
352
352
  --hop-InputGroup-inline-size: fit-content;
@@ -368,27 +368,27 @@
368
368
  border: var(--border);
369
369
  border-radius: var(--hop-comp-field-border-radius);
370
370
  }
371
- .InputGroup-module__hop-InputGroup--fluid___zsGPp {
371
+ .InputGroup-module__hop-InputGroup--fluid___bT-cv {
372
372
  --inline-size: 100%;
373
373
  }
374
- .InputGroup-module__hop-InputGroup___Sn-09[data-hovered] {
374
+ .InputGroup-module__hop-InputGroup___C7I3Q[data-hovered] {
375
375
  --background: var(--hop-comp-field-background-color-hover);
376
376
  --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-hover);
377
377
  }
378
- .InputGroup-module__hop-InputGroup___Sn-09[data-focus-within] {
378
+ .InputGroup-module__hop-InputGroup___C7I3Q[data-focus-within] {
379
379
  --background: var(--hop-comp-field-background-color);
380
380
  --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-focus);
381
381
  }
382
- .InputGroup-module__hop-InputGroup___Sn-09[data-invalid] {
382
+ .InputGroup-module__hop-InputGroup___C7I3Q[data-invalid] {
383
383
  --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-error);
384
384
  }
385
- .InputGroup-module__hop-InputGroup___Sn-09[data-disabled] {
385
+ .InputGroup-module__hop-InputGroup___C7I3Q[data-disabled] {
386
386
  --background: var(--hop-comp-field-background-color-disabled);
387
387
  --border: var(--hop-InputGroup-border-width) solid var(--hop-comp-field-border-color-disabled);
388
388
  }
389
389
 
390
390
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
391
- .ErrorMessage-module__hop-ErrorMessage___uvlMm {
391
+ .ErrorMessage-module__hop-ErrorMessage___mzgen {
392
392
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
393
393
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
394
394
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -405,13 +405,13 @@
405
405
  line-height: var(--hop-ErrorMessage-line-height);
406
406
  color: var(--hop-ErrorMessage-color);
407
407
  }
408
- .ErrorMessage-module__hop-ErrorMessage__icon___ela6H {
408
+ .ErrorMessage-module__hop-ErrorMessage__icon___QgvWm {
409
409
  flex: 0 0 auto;
410
410
  align-self: flex-start;
411
411
  }
412
412
 
413
413
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
414
- .HelperMessage-module__hop-HelperMessage___72XHm {
414
+ .HelperMessage-module__hop-HelperMessage___Gz05v {
415
415
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
416
416
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
417
417
  display: flex;
@@ -420,13 +420,13 @@
420
420
  box-sizing: border-box;
421
421
  color: var(--hop-HelperMessage-color);
422
422
  }
423
- .HelperMessage-module__hop-HelperMessage__icon___otZkT {
423
+ .HelperMessage-module__hop-HelperMessage__icon___FfMOy {
424
424
  flex: 0 0 auto;
425
425
  align-self: flex-start;
426
426
  }
427
427
 
428
428
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
429
- .NumberField-module__hop-NumberField___rDy2q {
429
+ .NumberField-module__hop-NumberField___awvJp {
430
430
  --hop-NumberField-gap: var(--hop-space-stack-xs);
431
431
  --hop-NumberField-inline-size: 20rem;
432
432
  --hop-NumberField-inline-size-fluid: 100%;
@@ -461,30 +461,30 @@
461
461
  gap: var(--hop-NumberField-gap);
462
462
  inline-size: var(--inline-size);
463
463
  }
464
- .NumberField-module__hop-NumberField--fluid___VXTRz {
464
+ .NumberField-module__hop-NumberField--fluid___I0cfr {
465
465
  --inline-size: var(--hop-NumberField-inline-size-fluid);
466
466
  }
467
- .NumberField-module__hop-NumberField__Label___QH9GI {
467
+ .NumberField-module__hop-NumberField__Label___OAiYh {
468
468
  order: 0;
469
469
  }
470
- .NumberField-module__hop-NumberField__prefix___lmTsz {
470
+ .NumberField-module__hop-NumberField__prefix___bv845 {
471
471
  order: 1;
472
472
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
473
473
  color: var(--hop-comp-field-prefill-color);
474
474
  }
475
- .NumberField-module__hop-NumberField__InputGroup___4B-tG {
475
+ .NumberField-module__hop-NumberField__InputGroup___qHKSH {
476
476
  grid-template: var(--hop-NumberField-input-group-template);
477
477
  order: 1;
478
478
  padding-inline-end: var(--hop-NumberField-input-group-padding-inline-end);
479
479
  }
480
- .NumberField-module__hop-NumberField__ErrorMessage___vTxMf,
481
- .NumberField-module__hop-NumberField__HelperMessage___yakSi {
480
+ .NumberField-module__hop-NumberField__ErrorMessage___9X3ab,
481
+ .NumberField-module__hop-NumberField__HelperMessage___xApQg {
482
482
  order: 3;
483
483
  }
484
- .NumberField-module__hop-NumberField__steppers___KJfZp {
484
+ .NumberField-module__hop-NumberField__steppers___c3p9- {
485
485
  order: 3;
486
486
  }
487
- .NumberField-module__hop-NumberField__stepper-button___NiMx9 {
487
+ .NumberField-module__hop-NumberField__stepper-button___fvMsE {
488
488
  cursor: pointer;
489
489
  display: flex;
490
490
  grid-area: var(--grid-area, unset);
@@ -504,39 +504,39 @@
504
504
  border-radius: var(--stepper-border-radius, 0);
505
505
  outline: none;
506
506
  }
507
- .NumberField-module__hop-NumberField__stepper-button--increment___7NIdC {
507
+ .NumberField-module__hop-NumberField__stepper-button--increment___Rb0VX {
508
508
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
509
509
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
510
510
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
511
511
  }
512
- .NumberField-module__hop-NumberField__stepper-button--decrement___--BX3 {
512
+ .NumberField-module__hop-NumberField__stepper-button--decrement___i4VKe {
513
513
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
514
514
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
515
515
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
516
516
  }
517
- .NumberField-module__hop-NumberField__stepper-button___NiMx9[data-hovered] {
517
+ .NumberField-module__hop-NumberField__stepper-button___fvMsE[data-hovered] {
518
518
  color: var(--hop-NumberField-stepper-color-hovered);
519
519
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
520
520
  }
521
- .NumberField-module__hop-NumberField__stepper-button___NiMx9[data-pressed] {
521
+ .NumberField-module__hop-NumberField__stepper-button___fvMsE[data-pressed] {
522
522
  color: var(--hop-NumberField-stepper-color-pressed);
523
523
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
524
524
  }
525
- .NumberField-module__hop-NumberField__stepper-button___NiMx9[data-disabled] {
525
+ .NumberField-module__hop-NumberField__stepper-button___fvMsE[data-disabled] {
526
526
  cursor: default;
527
527
  color: var(--hop-NumberField-stepper-color-disabled);
528
528
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
529
529
  }
530
- .NumberField-module__hop-NumberField__stepper-button__icon___1yUp9 {
530
+ .NumberField-module__hop-NumberField__stepper-button__icon___Tqang {
531
531
  display: block;
532
532
  max-block-size: 100%;
533
533
  }
534
- .NumberField-module__hop-NumberField__input___meJYB {
534
+ .NumberField-module__hop-NumberField__input___V3tB9 {
535
535
  order: 2;
536
536
  }
537
537
 
538
538
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
539
- .IconList-module__hop-IconList___65Xzq {
539
+ .IconList-module__hop-IconList___SvMS4 {
540
540
  --hop-IconList-gap: var(--hop-space-inline-xs);
541
541
  display: flex;
542
542
  flex-wrap: wrap;
@@ -545,7 +545,7 @@
545
545
  }
546
546
 
547
547
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
548
- @keyframes Spinner-module__spin___r1Maq {
548
+ @keyframes Spinner-module__spin___jMApU {
549
549
  0% {
550
550
  transform: rotate(0deg);
551
551
  }
@@ -553,7 +553,7 @@
553
553
  transform: rotate(360deg);
554
554
  }
555
555
  }
556
- .Spinner-module__hop-Spinner___FlJW5 {
556
+ .Spinner-module__hop-Spinner___1ssMJ {
557
557
  --hop-Spinner-border-radius: var(--hop-shape-circle);
558
558
  --hop-Spinner-sm-wheel-size: 1rem;
559
559
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -561,7 +561,7 @@
561
561
  --hop-Spinner-track-width: 0.125rem;
562
562
  --hop-Spinner-track-opacity: 0.2;
563
563
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
564
- --hop-Spinner-fill-animation: Spinner-module__spin___r1Maq .8s infinite linear;
564
+ --hop-Spinner-fill-animation: Spinner-module__spin___jMApU .8s infinite linear;
565
565
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
566
566
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
567
567
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -572,19 +572,19 @@
572
572
  align-items: center;
573
573
  box-sizing: border-box;
574
574
  }
575
- .Spinner-module__hop-Spinner--sm___m6sNk {
575
+ .Spinner-module__hop-Spinner--sm___xRHfi {
576
576
  --width: var(--hop-Spinner-sm-wheel-size);
577
577
  --height: var(--hop-Spinner-sm-wheel-size);
578
578
  }
579
- .Spinner-module__hop-Spinner--md___F-nOW {
579
+ .Spinner-module__hop-Spinner--md___EmK5W {
580
580
  --width: var(--hop-Spinner-md-wheel-size);
581
581
  --height: var(--hop-Spinner-md-wheel-size);
582
582
  }
583
- .Spinner-module__hop-Spinner--lg___H4J-F {
583
+ .Spinner-module__hop-Spinner--lg___VAevn {
584
584
  --width: var(--hop-Spinner-lg-wheel-size);
585
585
  --height: var(--hop-Spinner-lg-wheel-size);
586
586
  }
587
- .Spinner-module__hop-Spinner__track___s8gU7 {
587
+ .Spinner-module__hop-Spinner__track___2SBvX {
588
588
  grid-area: spinner;
589
589
  box-sizing: border-box;
590
590
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -593,7 +593,7 @@
593
593
  border: var(--hop-Spinner-track-border);
594
594
  border-radius: var(--hop-Spinner-border-radius);
595
595
  }
596
- .Spinner-module__hop-Spinner__fill___XIVBl {
596
+ .Spinner-module__hop-Spinner__fill___sKqgB {
597
597
  grid-area: spinner;
598
598
  box-sizing: border-box;
599
599
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -604,18 +604,18 @@
604
604
  animation: var(--hop-Spinner-fill-animation);
605
605
  }
606
606
  @media (prefers-reduced-motion: reduce) {
607
- .Spinner-module__hop-Spinner__fill___XIVBl {
607
+ .Spinner-module__hop-Spinner__fill___sKqgB {
608
608
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
609
609
  }
610
610
  }
611
- .Spinner-module__hop-Spinner__label___csFy9 {
611
+ .Spinner-module__hop-Spinner__label___gy2ci {
612
612
  grid-area: label;
613
613
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
614
614
  }
615
615
 
616
616
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
617
- .Button-module__hop-Button___sgx-6 {
618
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
617
+ .Button-module__hop-Button___cEzVI {
618
+ --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
619
619
  --hop-Button-column-gap: var(--hop-space-inline-xs);
620
620
  --hop-Button-icon-only-column-gap: 0;
621
621
  --hop-Button-outline-size: var(--hop-space-20);
@@ -630,42 +630,23 @@
630
630
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
631
631
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
632
632
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
633
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
634
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
635
633
  --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
636
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
637
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
638
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
639
634
  --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
640
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
641
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
642
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
643
635
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
644
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
645
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
646
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
647
636
  --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
648
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
649
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
650
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
651
637
  --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
652
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
653
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
654
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
655
638
  --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
656
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
657
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
658
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
659
639
  --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
660
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
661
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
662
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
663
640
  --inline-size: max-content;
664
641
  --block-size: var(--hop-Button-md-height);
665
- --background-color: var(--hop-primary-surface-strong);
642
+ --background: var(--hop-primary-surface-strong);
666
643
  --color: var(--hop-primary-text-strong);
644
+ --icon-color: var(--color);
667
645
  --column-gap: var(--hop-Button-column-gap);
668
646
  --spinner: var(--hop-primary-icon-strong);
647
+ --background-loading: var(--background);
648
+ --border-color-loading: transparent;
649
+ --box-shadow-loading: none;
669
650
  --border: 0;
670
651
  --padding: var(--hop-Button-md-padding);
671
652
  --box-shadow: none;
@@ -683,7 +664,7 @@
683
664
  color: var(--color);
684
665
  text-decoration: none;
685
666
  white-space: nowrap;
686
- background-color: var(--background-color);
667
+ background: var(--background);
687
668
  border: var(--border);
688
669
  border-radius: var(--hop-comp-button-border-radius);
689
670
  outline: none;
@@ -694,220 +675,255 @@
694
675
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
695
676
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
696
677
  }
697
- .Button-module__hop-Button--fluid___-epn3 {
678
+ .Button-module__hop-Button--fluid___HUhhp {
698
679
  --inline-size: 100%;
699
680
  }
700
- .Button-module__hop-Button--xs___nWMoM {
681
+ .Button-module__hop-Button--xs___PF56K {
701
682
  --block-size: var(--hop-Button-xs-height);
702
683
  --padding: var(--hop-Button-xs-padding);
703
684
  }
704
- .Button-module__hop-Button--xs___nWMoM[class*=--ghost] {
685
+ .Button-module__hop-Button--xs___PF56K[class*=--ghost] {
705
686
  --padding: var(--hop-Button-ghost-xs-padding);
706
687
  }
707
- .Button-module__hop-Button--sm___el-hu {
688
+ .Button-module__hop-Button--sm___FlTAw {
708
689
  --block-size: var(--hop-Button-sm-height);
709
690
  --padding: var(--hop-Button-sm-padding);
710
691
  }
711
- .Button-module__hop-Button--sm___el-hu[class*=--ghost] {
692
+ .Button-module__hop-Button--sm___FlTAw[class*=--ghost] {
712
693
  --padding: var(--hop-Button-ghost-sm-padding);
713
694
  }
714
- .Button-module__hop-Button--md___nABk9[class*=--ghost] {
695
+ .Button-module__hop-Button--md___jnsk-[class*=--ghost] {
715
696
  --padding: var(--hop-Button-ghost-md-padding);
716
697
  }
717
- .Button-module__hop-Button--icon-only___59IGX {
698
+ .Button-module__hop-Button--icon-only___7-yVF {
718
699
  --column-gap: var(--hop-Button-icon-only-column-gap);
719
700
  --padding: var(--hop-Button-icon-only-padding);
720
701
  aspect-ratio: 1;
721
702
  }
722
- .Button-module__hop-Button--primary___0lOnm {
723
- --background-color: var(--hop-comp-button-primary-background-color);
703
+ .Button-module__hop-Button--primary___U1xEj {
704
+ --background: var(--hop-comp-button-primary-background);
724
705
  --color: var(--hop-comp-button-primary-text-color);
706
+ --icon-color: var(--hop-comp-button-primary-icon-color);
725
707
  --border: var(--hop-Button-primary-border);
726
- --spinner-color: var(--hop-Button-primary-spinner-color);
708
+ --color-loading: var(--hop-comp-button-primary-color-loading);
709
+ --background-loading: var(--hop-comp-button-primary-background-loading);
710
+ --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
711
+ --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
727
712
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
728
713
  }
729
- .Button-module__hop-Button--primary___0lOnm[data-hovered],
730
- .Button-module__hop-Button--primary___0lOnm[data-focus-visible] {
731
- --background-color: var(--hop-comp-button-primary-background-color-hover);
714
+ .Button-module__hop-Button--primary___U1xEj[data-hovered],
715
+ .Button-module__hop-Button--primary___U1xEj[data-focus-visible] {
716
+ --background: var(--hop-comp-button-primary-background-hover);
732
717
  --color: var(--hop-comp-button-primary-text-color-hover);
733
- --border: var(--hop-Button-primary-border-hover);
718
+ --icon-color: var(--hop-comp-button-primary-icon-color-hover);
719
+ --border: var(--hop-Button-primary-border);
734
720
  }
735
- .Button-module__hop-Button--primary___0lOnm[data-pressed] {
736
- --background-color: var(--hop-comp-button-primary-background-color-pressed);
721
+ .Button-module__hop-Button--primary___U1xEj[data-pressed] {
722
+ --background: var(--hop-comp-button-primary-background-pressed);
737
723
  --color: var(--hop-comp-button-primary-text-color-pressed);
738
- --border: var(--hop-Button-primary-border-pressed);
724
+ --icon-color: var(--hop-comp-button-primary-icon-color-press);
725
+ --border: var(--hop-Button-primary-border);
739
726
  }
740
- .Button-module__hop-Button--secondary___b9c-F {
741
- --background-color: var(--hop-comp-button-secondary-background-color);
727
+ .Button-module__hop-Button--secondary___Pu8fi {
728
+ --background: var(--hop-comp-button-secondary-background);
742
729
  --color: var(--hop-comp-button-secondary-text-color);
730
+ --icon-color: var(--hop-comp-button-secondary-icon-color);
743
731
  --border: var(--hop-Button-secondary-border);
744
- --spinner-color: var(--hop-Button-secondary-spinner-color);
732
+ --color-loading: var(--hop-comp-button-secondary-color-loading);
733
+ --background-loading: var(--hop-comp-button-secondary-background-loading);
734
+ --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
735
+ --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
745
736
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
746
737
  }
747
- .Button-module__hop-Button--secondary___b9c-F[data-hovered],
748
- .Button-module__hop-Button--secondary___b9c-F[data-focus-visible] {
749
- --background-color: var(--hop-comp-button-secondary-background-color-hover);
738
+ .Button-module__hop-Button--secondary___Pu8fi[data-hovered],
739
+ .Button-module__hop-Button--secondary___Pu8fi[data-focus-visible] {
740
+ --background: var(--hop-comp-button-secondary-background-hover);
750
741
  --color: var(--hop-comp-button-secondary-text-color-hover);
751
- --border: var(--hop-Button-secondary-border-hover);
742
+ --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
743
+ --border: var(--hop-Button-secondary-border);
752
744
  }
753
- .Button-module__hop-Button--secondary___b9c-F[data-pressed] {
754
- --background-color: var(--hop-comp-button-secondary-background-color-pressed);
745
+ .Button-module__hop-Button--secondary___Pu8fi[data-pressed] {
746
+ --background: var(--hop-comp-button-secondary-background-pressed);
755
747
  --color: var(--hop-comp-button-secondary-text-color-pressed);
756
- --border: var(--hop-Button-secondary-border-pressed);
748
+ --icon-color: var(--hop-comp-button-secondary-icon-color-press);
749
+ --border: var(--hop-Button-secondary-border);
757
750
  }
758
- .Button-module__hop-Button--upsell___1xQXs {
759
- --background-color: var(--hop-comp-button-upsell-background-color);
751
+ .Button-module__hop-Button--upsell___O6xUd {
752
+ --background: var(--hop-comp-button-upsell-background);
760
753
  --color: var(--hop-comp-button-upsell-text-color);
754
+ --icon-color: var(--hop-comp-button-upsell-icon-color);
761
755
  --border: var(--hop-Button-upsell-border);
762
- --spinner-color: var(--hop-Button-upsell-spinner-color);
756
+ --color-loading: var(--hop-comp-button-upsell-color-loading);
757
+ --background-loading: var(--hop-comp-button-upsell-background-loading);
758
+ --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
759
+ --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
763
760
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
764
761
  }
765
- .Button-module__hop-Button--upsell___1xQXs[data-hovered],
766
- .Button-module__hop-Button--upsell___1xQXs[data-focus-visible] {
767
- --background-color: var(--hop-comp-button-upsell-background-color-hover);
762
+ .Button-module__hop-Button--upsell___O6xUd[data-hovered],
763
+ .Button-module__hop-Button--upsell___O6xUd[data-focus-visible] {
764
+ --background: var(--hop-comp-button-upsell-background-hover);
768
765
  --color: var(--hop-comp-button-upsell-text-color-hover);
769
- --border: var(--hop-Button-upsell-border-hover);
766
+ --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
767
+ --border: var(--hop-Button-upsell-border);
770
768
  }
771
- .Button-module__hop-Button--upsell___1xQXs[data-pressed] {
772
- --background-color: var(--hop-comp-button-upsell-background-color-pressed);
769
+ .Button-module__hop-Button--upsell___O6xUd[data-pressed] {
770
+ --background: var(--hop-comp-button-upsell-background-pressed);
773
771
  --color: var(--hop-comp-button-upsell-text-color-pressed);
774
- --border: var(--hop-Button-upsell-border-pressed);
772
+ --icon-color: var(--hop-comp-button-upsell-icon-color-press);
773
+ --border: var(--hop-Button-upsell-border);
775
774
  }
776
- .Button-module__hop-Button--danger___aISF3 {
777
- --background-color: var(--hop-comp-button-danger-background-color);
775
+ .Button-module__hop-Button--danger___9Bdk4 {
776
+ --background: var(--hop-comp-button-danger-background);
778
777
  --color: var(--hop-comp-button-danger-text-color);
778
+ --icon-color: var(--hop-comp-button-danger-icon-color);
779
779
  --border: var(--hop-Button-danger-border);
780
- --spinner-color: var(--hop-Button-danger-spinner-color);
780
+ --color-loading: var(--hop-comp-button-danger-color-loading);
781
+ --background-loading: var(--hop-comp-button-danger-background-loading);
782
+ --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
783
+ --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
781
784
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
782
785
  }
783
- .Button-module__hop-Button--danger___aISF3[data-hovered],
784
- .Button-module__hop-Button--danger___aISF3[data-focus-visible] {
785
- --background-color: var(--hop-comp-button-danger-background-color-hover);
786
+ .Button-module__hop-Button--danger___9Bdk4[data-hovered],
787
+ .Button-module__hop-Button--danger___9Bdk4[data-focus-visible] {
788
+ --background: var(--hop-comp-button-danger-background-hover);
786
789
  --color: var(--hop-comp-button-danger-text-color-hover);
787
- --border: var(--hop-Button-danger-border-hover);
790
+ --icon-color: var(--hop-comp-button-danger-icon-color-hover);
791
+ --border: var(--hop-Button-danger-border);
788
792
  }
789
- .Button-module__hop-Button--danger___aISF3[data-pressed] {
790
- --background-color: var(--hop-comp-button-danger-background-color-pressed);
793
+ .Button-module__hop-Button--danger___9Bdk4[data-pressed] {
794
+ --background: var(--hop-comp-button-danger-background-pressed);
791
795
  --color: var(--hop-comp-button-danger-text-color-pressed);
792
- --border: var(--hop-Button-danger-border-pressed);
796
+ --icon-color: var(--hop-comp-button-danger-icon-color-press);
797
+ --border: var(--hop-Button-danger-border);
793
798
  }
794
- .Button-module__hop-Button--ghost-primary___IcaPW {
795
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
799
+ .Button-module__hop-Button--ghost-primary___UXsJi {
800
+ --background: var(--hop-comp-button-ghost-primary-background);
796
801
  --color: var(--hop-comp-button-ghost-primary-text-color);
802
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
797
803
  --border: var(--hop-Button-ghost-primary-border);
798
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
804
+ --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
805
+ --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
806
+ --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
807
+ --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
799
808
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
800
809
  }
801
- .Button-module__hop-Button--ghost-primary___IcaPW[data-hovered],
802
- .Button-module__hop-Button--ghost-primary___IcaPW[data-focus-visible] {
803
- --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
810
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-hovered],
811
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-focus-visible] {
812
+ --background: var(--hop-comp-button-ghost-primary-background-hover);
804
813
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
805
- --border: var(--hop-Button-ghost-primary-border-hover);
814
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
815
+ --border: var(--hop-Button-ghost-primary-border);
806
816
  }
807
- .Button-module__hop-Button--ghost-primary___IcaPW[data-pressed] {
808
- --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
817
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-pressed] {
818
+ --background: var(--hop-comp-button-ghost-primary-background-pressed);
809
819
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
810
- --border: var(--hop-Button-ghost-primary-border-pressed);
820
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
821
+ --border: var(--hop-Button-ghost-primary-border);
811
822
  }
812
- .Button-module__hop-Button--ghost-secondary___vPfBY {
813
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
823
+ .Button-module__hop-Button--ghost-secondary___toGp0 {
824
+ --background: var(--hop-comp-button-ghost-secondary-background);
814
825
  --color: var(--hop-comp-button-ghost-secondary-text-color);
826
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
815
827
  --border: var(--hop-Button-ghost-secondary-border);
816
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
828
+ --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
829
+ --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
830
+ --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
831
+ --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
817
832
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
818
833
  }
819
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-hovered],
820
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-focus-visible] {
821
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
834
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-hovered],
835
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-focus-visible] {
836
+ --background: var(--hop-comp-button-ghost-secondary-background-hover);
822
837
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
823
- --border: var(--hop-Button-ghost-secondary-border-hover);
838
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
839
+ --border: var(--hop-Button-ghost-secondary-border);
824
840
  }
825
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-pressed] {
826
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
841
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-pressed] {
842
+ --background: var(--hop-comp-button-ghost-secondary-background-pressed);
827
843
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
828
- --border: var(--hop-Button-ghost-secondary-border-pressed);
844
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
845
+ --border: var(--hop-Button-ghost-secondary-border);
829
846
  }
830
- .Button-module__hop-Button--ghost-danger___pruuE {
831
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
847
+ .Button-module__hop-Button--ghost-danger___wshP- {
848
+ --background: var(--hop-comp-button-ghost-danger-background);
832
849
  --color: var(--hop-comp-button-ghost-danger-text-color);
850
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
833
851
  --border: var(--hop-Button-ghost-danger-border);
834
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
852
+ --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
853
+ --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
854
+ --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
855
+ --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
835
856
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
836
857
  }
837
- .Button-module__hop-Button--ghost-danger___pruuE[data-hovered],
838
- .Button-module__hop-Button--ghost-danger___pruuE[data-focus-visible] {
839
- --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
858
+ .Button-module__hop-Button--ghost-danger___wshP-[data-hovered],
859
+ .Button-module__hop-Button--ghost-danger___wshP-[data-focus-visible] {
860
+ --background: var(--hop-comp-button-ghost-danger-background-hover);
840
861
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
841
- --border: var(--hop-Button-ghost-danger-border-hover);
862
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
863
+ --border: var(--hop-Button-ghost-danger-border);
842
864
  }
843
- .Button-module__hop-Button--ghost-danger___pruuE[data-pressed] {
844
- --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
865
+ .Button-module__hop-Button--ghost-danger___wshP-[data-pressed] {
866
+ --background: var(--hop-comp-button-ghost-danger-background-pressed);
845
867
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
846
- --border: var(--hop-Button-ghost-danger-border-pressed);
868
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
869
+ --border: var(--hop-Button-ghost-danger-border);
847
870
  }
848
- .Button-module__hop-Button___sgx-6[data-focus-visible] {
871
+ .Button-module__hop-Button___cEzVI[data-focus-visible] {
849
872
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
850
873
  }
851
- .Button-module__hop-Button___sgx-6[data-disabled],
852
- .Button-module__hop-Button--loading___BQ9xT {
874
+ .Button-module__hop-Button___cEzVI[data-disabled],
875
+ .Button-module__hop-Button--loading___NMXIV {
853
876
  cursor: not-allowed;
854
877
  }
855
- .Button-module__hop-Button___sgx-6[data-disabled] {
856
- --background-color: var(--hop-comp-button-disabled-background-color);
857
- --color: var(--hop-comp-button-disabled-text-color);
858
- --border: var(--hop-Button-border-disabled);
878
+ .Button-module__hop-Button___cEzVI[data-disabled] {
879
+ --color: var(--hop-comp-button-text-color-disabled);
880
+ --icon-color: var(--hop-comp-button-icon-color-disabled);
859
881
  }
860
- .Button-module__hop-Button___sgx-6[class*=--ghost][data-disabled] {
861
- --background-color: var(--hop-comp-button-ghost-disabled-background-color);
862
- --color: var(--hop-comp-button-ghost-disabled-text-color);
863
- --border: var(--hop-Button-ghost-border-disabled);
882
+ .Button-module__hop-Button--primary___U1xEj[data-disabled] {
883
+ --background: var(--hop-comp-button-primary-background-disabled);
884
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
864
885
  }
865
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--primary___0lOnm {
866
- --background-color: var(--hop-comp-button-primary-background-color);
867
- --color: var(--hop-comp-button-primary-text-color);
868
- --border: var(--hop-Button-primary-border);
886
+ .Button-module__hop-Button--secondary___Pu8fi[data-disabled] {
887
+ --background: var(--hop-comp-button-secondary-background-disabled);
888
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
869
889
  }
870
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--secondary___b9c-F {
871
- --background-color: var(--hop-comp-button-secondary-background-color);
872
- --color: var(--hop-comp-button-secondary-text-color);
873
- --border: var(--hop-Button-secondary-border);
890
+ .Button-module__hop-Button--upsell___O6xUd[data-disabled] {
891
+ --background: var(--hop-comp-button-upsell-background-disabled);
892
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
874
893
  }
875
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--upsell___1xQXs {
876
- --background-color: var(--hop-comp-button-upsell-background-color);
877
- --color: var(--hop-comp-button-upsell-text-color);
878
- --border: var(--hop-Button-upsell-border);
894
+ .Button-module__hop-Button--danger___9Bdk4[data-disabled] {
895
+ --background: var(--hop-comp-button-danger-background-disabled);
896
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
879
897
  }
880
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--danger___aISF3 {
881
- --background-color: var(--hop-comp-button-danger-background-color);
882
- --color: var(--hop-comp-button-danger-text-color);
883
- --border: var(--hop-Button-danger-border);
898
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-disabled] {
899
+ --background: var(--hop-comp-button-ghost-primary-background-disabled);
900
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
884
901
  }
885
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-primary___IcaPW {
886
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
887
- --color: var(--hop-comp-button-ghost-primary-text-color);
888
- --border: var(--hop-Button-ghost-primary-border);
902
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-disabled] {
903
+ --background: var(--hop-comp-button-ghost-secondary-background-disabled);
904
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
889
905
  }
890
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-secondary___vPfBY {
891
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
892
- --color: var(--hop-comp-button-ghost-secondary-text-color);
893
- --border: var(--hop-Button-ghost-secondary-border);
906
+ .Button-module__hop-Button--ghost-danger___wshP-[data-disabled] {
907
+ --background: var(--hop-comp-button-ghost-danger-background-disabled);
908
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
894
909
  }
895
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-danger___pruuE {
896
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
897
- --color: var(--hop-comp-button-ghost-danger-text-color);
898
- --border: var(--hop-Button-ghost-danger-border);
910
+ .Button-module__hop-Button--loading___NMXIV {
911
+ background: var(--background-loading);
912
+ color: var(--color-loading);
913
+ border-color: var(--border-color-loading);
914
+ box-shadow: var(--box-shadow-loading);
899
915
  }
900
- .Button-module__hop-Button__Spinner___8pCIG {
916
+ .Button-module__hop-Button__Spinner___hSXad {
901
917
  position: absolute;
902
- color: var(--spinner-color);
903
918
  }
904
- .Button-module__hop-Button__icon___gl8cW,
905
- .Button-module__hop-Button__icon-list___uyZsy {
919
+ .Button-module__hop-Button__icon___koGX2,
920
+ .Button-module__hop-Button__icon-list___uV0To {
906
921
  flex: 0 0 auto;
907
922
  justify-self: end;
908
923
  order: 1;
924
+ color: var(--icon-color);
909
925
  }
910
- .Button-module__hop-Button__text___ji-Lx {
926
+ .Button-module__hop-Button__text___yWZed {
911
927
  user-select: none;
912
928
  overflow: visible;
913
929
  flex: 0 1 auto;
@@ -916,60 +932,61 @@
916
932
  text-decoration: none;
917
933
  text-wrap: nowrap;
918
934
  }
919
- .Button-module__hop-Button__end-icon___LnEKx,
920
- .Button-module__hop-Button__end-icon-list___EnFJv {
935
+ .Button-module__hop-Button__end-icon___r5rxu,
936
+ .Button-module__hop-Button__end-icon-list___4NYnd {
921
937
  flex: 0 0 auto;
922
938
  order: 3;
939
+ color: var(--icon-color);
923
940
  }
924
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__icon-list___uyZsy,
925
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__end-icon-list___EnFJv {
941
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__icon-list___uV0To,
942
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__end-icon-list___4NYnd {
926
943
  flex-wrap: nowrap;
927
944
  }
928
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button___sgx-6 > *:not(.Button-module__hop-Button__Spinner___8pCIG) {
945
+ .Button-module__hop-Button--loading___NMXIV.Button-module__hop-Button___cEzVI > *:not(.Button-module__hop-Button__Spinner___hSXad) {
929
946
  opacity: 0;
930
947
  }
931
948
 
932
949
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
933
- .ButtonGroup-module__hop-ButtonGroup___RHv56 {
950
+ .ButtonGroup-module__hop-ButtonGroup___5zANq {
934
951
  display: inline-flex;
935
952
  flex-wrap: nowrap;
936
953
  gap: var(--hop-space-inline-md);
937
954
  }
938
- .ButtonGroup-module__hop-ButtonGroup--horizontal___UsRa2 {
955
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
939
956
  align-items: center;
940
957
  }
941
- .ButtonGroup-module__hop-ButtonGroup--vertical___rMlAL {
958
+ .ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
942
959
  flex-direction: column;
943
960
  gap: var(--hop-space-stack-md);
944
961
  justify-content: center;
945
962
  }
946
- .ButtonGroup-module__hop-ButtonGroup--start___v4piE.ButtonGroup-module__hop-ButtonGroup--vertical___rMlAL {
963
+ .ButtonGroup-module__hop-ButtonGroup--start___2D3sy.ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
947
964
  align-items: flex-start;
948
965
  }
949
- .ButtonGroup-module__hop-ButtonGroup--center___5K5HP.ButtonGroup-module__hop-ButtonGroup--vertical___rMlAL {
966
+ .ButtonGroup-module__hop-ButtonGroup--center___JLKps.ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
950
967
  align-items: center;
951
968
  }
952
- .ButtonGroup-module__hop-ButtonGroup--end___V6F0u.ButtonGroup-module__hop-ButtonGroup--vertical___rMlAL {
969
+ .ButtonGroup-module__hop-ButtonGroup--end___jQ-rJ.ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
953
970
  align-items: flex-end;
954
971
  }
955
- .ButtonGroup-module__hop-ButtonGroup--start___v4piE.ButtonGroup-module__hop-ButtonGroup--horizontal___UsRa2 {
972
+ .ButtonGroup-module__hop-ButtonGroup--start___2D3sy.ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
956
973
  justify-content: flex-start;
957
974
  }
958
- .ButtonGroup-module__hop-ButtonGroup--center___5K5HP.ButtonGroup-module__hop-ButtonGroup--horizontal___UsRa2 {
975
+ .ButtonGroup-module__hop-ButtonGroup--center___JLKps.ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
959
976
  justify-content: center;
960
977
  }
961
- .ButtonGroup-module__hop-ButtonGroup--end___V6F0u.ButtonGroup-module__hop-ButtonGroup--horizontal___UsRa2 {
978
+ .ButtonGroup-module__hop-ButtonGroup--end___jQ-rJ.ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
962
979
  justify-content: flex-end;
963
980
  }
964
- .ButtonGroup-module__hop-ButtonGroup--wrap___1motU {
981
+ .ButtonGroup-module__hop-ButtonGroup--wrap___qf7s1 {
965
982
  flex-wrap: wrap;
966
983
  }
967
- .ButtonGroup-module__hop-ButtonGroup--fluid___WJIc- {
984
+ .ButtonGroup-module__hop-ButtonGroup--fluid___B2Sg7 {
968
985
  inline-size: 100%;
969
986
  }
970
987
 
971
988
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
972
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1 {
989
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04 {
973
990
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
974
991
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
975
992
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1133,7 +1150,7 @@
1133
1150
  outline: none;
1134
1151
  transition: color var(--transition);
1135
1152
  }
1136
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1::before {
1153
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04::before {
1137
1154
  content: "";
1138
1155
  position: absolute;
1139
1156
  inset-block-start: 50%;
@@ -1146,284 +1163,284 @@
1146
1163
  border-radius: var(--effect-border-radius);
1147
1164
  transition: background-color var(--transition);
1148
1165
  }
1149
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1[data-square] {
1166
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-square] {
1150
1167
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1151
1168
  }
1152
- .EmbeddedButton-module__hop-EmbeddedButton--md___JM3N0 {
1169
+ .EmbeddedButton-module__hop-EmbeddedButton--md___ZbxcJ {
1153
1170
  --inline-size: var(--hop-EmbeddedButton-md-width);
1154
1171
  --block-size: var(--hop-EmbeddedButton-md-height);
1155
1172
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1156
1173
  }
1157
- .EmbeddedButton-module__hop-EmbeddedButton--lg___iD9Ci {
1174
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___teVbX {
1158
1175
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1159
1176
  --block-size: var(--hop-EmbeddedButton-lg-height);
1160
1177
  --focus-ring-offset: 0;
1161
1178
  }
1162
- .EmbeddedButton-module__hop-EmbeddedButton--md___JM3N0::before {
1179
+ .EmbeddedButton-module__hop-EmbeddedButton--md___ZbxcJ::before {
1163
1180
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1164
1181
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1165
1182
  }
1166
- .EmbeddedButton-module__hop-EmbeddedButton--lg___iD9Ci::before {
1183
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___teVbX::before {
1167
1184
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1168
1185
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1169
1186
  }
1170
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI {
1187
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL {
1171
1188
  --color: var(--hop-EmbeddedButton-neutral-color);
1172
1189
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1173
1190
  }
1174
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a {
1191
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR {
1175
1192
  --color: var(--hop-EmbeddedButton-subdued-color);
1176
1193
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1177
1194
  }
1178
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe {
1195
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od {
1179
1196
  --color: var(--hop-EmbeddedButton-progress-color);
1180
1197
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1181
1198
  }
1182
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG {
1199
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3 {
1183
1200
  --color: var(--hop-EmbeddedButton-positive-color);
1184
1201
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1185
1202
  }
1186
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy {
1203
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS {
1187
1204
  --color: var(--hop-EmbeddedButton-caution-color);
1188
1205
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1189
1206
  }
1190
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi {
1207
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4 {
1191
1208
  --color: var(--hop-EmbeddedButton-negative-color);
1192
1209
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1193
1210
  }
1194
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl {
1211
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf {
1195
1212
  --color: var(--hop-EmbeddedButton-option1-color);
1196
1213
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1197
1214
  }
1198
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z {
1215
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l {
1199
1216
  --color: var(--hop-EmbeddedButton-option2-color);
1200
1217
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1201
1218
  }
1202
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl {
1219
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc {
1203
1220
  --color: var(--hop-EmbeddedButton-option3-color);
1204
1221
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1205
1222
  }
1206
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg- {
1223
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA {
1207
1224
  --color: var(--hop-EmbeddedButton-option4-color);
1208
1225
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1209
1226
  }
1210
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF {
1227
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM {
1211
1228
  --color: var(--hop-EmbeddedButton-option5-color);
1212
1229
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1213
1230
  }
1214
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8 {
1231
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5 {
1215
1232
  --color: var(--hop-EmbeddedButton-option6-color);
1216
1233
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1217
1234
  }
1218
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1[data-selected] {
1235
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-selected] {
1219
1236
  --color: var(--hop-EmbeddedButton-selected-color);
1220
1237
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1221
1238
  }
1222
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1[data-focus-visible] {
1239
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-focus-visible] {
1223
1240
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1224
1241
  outline-offset: var(--focus-ring-offset);
1225
1242
  }
1226
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1[data-disabled] {
1243
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-disabled] {
1227
1244
  cursor: not-allowed;
1228
1245
  }
1229
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI[data-hovered] {
1246
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-hovered] {
1230
1247
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1231
1248
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1232
1249
  }
1233
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI[data-focus-visible] {
1250
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-focus-visible] {
1234
1251
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1235
1252
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1236
1253
  }
1237
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI[data-pressed] {
1254
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-pressed] {
1238
1255
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1239
1256
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1240
1257
  }
1241
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI[data-disabled] {
1258
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-disabled] {
1242
1259
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1243
1260
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1244
1261
  }
1245
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a[data-hovered] {
1262
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-hovered] {
1246
1263
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1247
1264
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1248
1265
  }
1249
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a[data-focus-visible] {
1266
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-focus-visible] {
1250
1267
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1251
1268
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1252
1269
  }
1253
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a[data-pressed] {
1270
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-pressed] {
1254
1271
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1255
1272
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1256
1273
  }
1257
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a[data-disabled] {
1274
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-disabled] {
1258
1275
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1259
1276
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1260
1277
  }
1261
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe[data-hovered] {
1278
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-hovered] {
1262
1279
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1263
1280
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1264
1281
  }
1265
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe[data-focus-visible] {
1282
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-focus-visible] {
1266
1283
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1267
1284
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1268
1285
  }
1269
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe[data-pressed] {
1286
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-pressed] {
1270
1287
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1271
1288
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1272
1289
  }
1273
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe[data-disabled] {
1290
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-disabled] {
1274
1291
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1275
1292
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1276
1293
  }
1277
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG[data-hovered] {
1294
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-hovered] {
1278
1295
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1279
1296
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1280
1297
  }
1281
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG[data-focus-visible] {
1298
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-focus-visible] {
1282
1299
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1283
1300
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1284
1301
  }
1285
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG[data-pressed] {
1302
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-pressed] {
1286
1303
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1287
1304
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1288
1305
  }
1289
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG[data-disabled] {
1306
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-disabled] {
1290
1307
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1291
1308
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1292
1309
  }
1293
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy[data-hovered] {
1310
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-hovered] {
1294
1311
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1295
1312
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1296
1313
  }
1297
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy[data-focus-visible] {
1314
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-focus-visible] {
1298
1315
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1299
1316
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1300
1317
  }
1301
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy[data-pressed] {
1318
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-pressed] {
1302
1319
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1303
1320
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1304
1321
  }
1305
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy[data-disabled] {
1322
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-disabled] {
1306
1323
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1307
1324
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1308
1325
  }
1309
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi[data-hovered] {
1326
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-hovered] {
1310
1327
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1311
1328
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1312
1329
  }
1313
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi[data-focus-visible] {
1330
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-focus-visible] {
1314
1331
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1315
1332
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1316
1333
  }
1317
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi[data-pressed] {
1334
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-pressed] {
1318
1335
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1319
1336
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1320
1337
  }
1321
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi[data-disabled] {
1338
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-disabled] {
1322
1339
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1323
1340
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1324
1341
  }
1325
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl[data-hovered] {
1342
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-hovered] {
1326
1343
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1327
1344
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1328
1345
  }
1329
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl[data-focus-visible] {
1346
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-focus-visible] {
1330
1347
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1331
1348
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1332
1349
  }
1333
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl[data-pressed] {
1350
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-pressed] {
1334
1351
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1335
1352
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1336
1353
  }
1337
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl[data-disabled] {
1354
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-disabled] {
1338
1355
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1339
1356
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1340
1357
  }
1341
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z[data-hovered] {
1358
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-hovered] {
1342
1359
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1343
1360
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1344
1361
  }
1345
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z[data-focus-visible] {
1362
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-focus-visible] {
1346
1363
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1347
1364
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1348
1365
  }
1349
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z[data-pressed] {
1366
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-pressed] {
1350
1367
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1351
1368
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1352
1369
  }
1353
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z[data-disabled] {
1370
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-disabled] {
1354
1371
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1355
1372
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1356
1373
  }
1357
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl[data-hovered] {
1374
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-hovered] {
1358
1375
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1359
1376
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1360
1377
  }
1361
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl[data-focus-visible] {
1378
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-focus-visible] {
1362
1379
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1363
1380
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1364
1381
  }
1365
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl[data-pressed] {
1382
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-pressed] {
1366
1383
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1367
1384
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1368
1385
  }
1369
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl[data-disabled] {
1386
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-disabled] {
1370
1387
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1371
1388
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1372
1389
  }
1373
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg-[data-hovered] {
1390
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-hovered] {
1374
1391
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1375
1392
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1376
1393
  }
1377
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg-[data-focus-visible] {
1394
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-focus-visible] {
1378
1395
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1379
1396
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1380
1397
  }
1381
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg-[data-pressed] {
1398
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-pressed] {
1382
1399
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1383
1400
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1384
1401
  }
1385
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg-[data-disabled] {
1402
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-disabled] {
1386
1403
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1387
1404
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1388
1405
  }
1389
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF[data-hovered] {
1406
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-hovered] {
1390
1407
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1391
1408
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1392
1409
  }
1393
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF[data-focus-visible] {
1410
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-focus-visible] {
1394
1411
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1395
1412
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1396
1413
  }
1397
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF[data-pressed] {
1414
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-pressed] {
1398
1415
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1399
1416
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1400
1417
  }
1401
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF[data-disabled] {
1418
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-disabled] {
1402
1419
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1403
1420
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1404
1421
  }
1405
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8[data-hovered] {
1422
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-hovered] {
1406
1423
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1407
1424
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1408
1425
  }
1409
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8[data-focus-visible] {
1426
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-focus-visible] {
1410
1427
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1411
1428
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1412
1429
  }
1413
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8[data-pressed] {
1430
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-pressed] {
1414
1431
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1415
1432
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1416
1433
  }
1417
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8[data-disabled] {
1434
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-disabled] {
1418
1435
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1419
1436
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1420
1437
  }
1421
- .EmbeddedButton-module__hop-EmbeddedButton__icon___rCjEH {
1438
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___DFFQL {
1422
1439
  position: relative;
1423
1440
  }
1424
1441
 
1425
1442
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1426
- button.CloseButton-module__hop-CloseButton___NxVSZ {
1443
+ button.CloseButton-module__hop-CloseButton___yVMjd {
1427
1444
  --hop-CloseButton-margin-top: 0rem;
1428
1445
  --hop-CloseButton-padding: 0rem;
1429
1446
  --hop-CloseButton-width: fit-content;
@@ -1437,8 +1454,8 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1437
1454
  }
1438
1455
 
1439
1456
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1440
- .Button-module__hop-Button___sgx-6 {
1441
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1457
+ .Button-module__hop-Button___cEzVI {
1458
+ --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1442
1459
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1443
1460
  --hop-Button-icon-only-column-gap: 0;
1444
1461
  --hop-Button-outline-size: var(--hop-space-20);
@@ -1453,42 +1470,23 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1453
1470
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1454
1471
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1455
1472
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1456
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1457
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1458
1473
  --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1459
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1460
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1461
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1462
1474
  --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1463
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1464
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1465
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1466
1475
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1467
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1468
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1469
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1470
1476
  --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1471
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1472
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1473
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1474
1477
  --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1475
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1476
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1477
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1478
1478
  --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1479
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1480
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1481
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1482
1479
  --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1483
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1484
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1485
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1486
1480
  --inline-size: max-content;
1487
1481
  --block-size: var(--hop-Button-md-height);
1488
- --background-color: var(--hop-primary-surface-strong);
1482
+ --background: var(--hop-primary-surface-strong);
1489
1483
  --color: var(--hop-primary-text-strong);
1484
+ --icon-color: var(--color);
1490
1485
  --column-gap: var(--hop-Button-column-gap);
1491
1486
  --spinner: var(--hop-primary-icon-strong);
1487
+ --background-loading: var(--background);
1488
+ --border-color-loading: transparent;
1489
+ --box-shadow-loading: none;
1492
1490
  --border: 0;
1493
1491
  --padding: var(--hop-Button-md-padding);
1494
1492
  --box-shadow: none;
@@ -1506,7 +1504,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1506
1504
  color: var(--color);
1507
1505
  text-decoration: none;
1508
1506
  white-space: nowrap;
1509
- background-color: var(--background-color);
1507
+ background: var(--background);
1510
1508
  border: var(--border);
1511
1509
  border-radius: var(--hop-comp-button-border-radius);
1512
1510
  outline: none;
@@ -1517,220 +1515,255 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1517
1515
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1518
1516
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1519
1517
  }
1520
- .Button-module__hop-Button--fluid___-epn3 {
1518
+ .Button-module__hop-Button--fluid___HUhhp {
1521
1519
  --inline-size: 100%;
1522
1520
  }
1523
- .Button-module__hop-Button--xs___nWMoM {
1521
+ .Button-module__hop-Button--xs___PF56K {
1524
1522
  --block-size: var(--hop-Button-xs-height);
1525
1523
  --padding: var(--hop-Button-xs-padding);
1526
1524
  }
1527
- .Button-module__hop-Button--xs___nWMoM[class*=--ghost] {
1525
+ .Button-module__hop-Button--xs___PF56K[class*=--ghost] {
1528
1526
  --padding: var(--hop-Button-ghost-xs-padding);
1529
1527
  }
1530
- .Button-module__hop-Button--sm___el-hu {
1528
+ .Button-module__hop-Button--sm___FlTAw {
1531
1529
  --block-size: var(--hop-Button-sm-height);
1532
1530
  --padding: var(--hop-Button-sm-padding);
1533
1531
  }
1534
- .Button-module__hop-Button--sm___el-hu[class*=--ghost] {
1532
+ .Button-module__hop-Button--sm___FlTAw[class*=--ghost] {
1535
1533
  --padding: var(--hop-Button-ghost-sm-padding);
1536
1534
  }
1537
- .Button-module__hop-Button--md___nABk9[class*=--ghost] {
1535
+ .Button-module__hop-Button--md___jnsk-[class*=--ghost] {
1538
1536
  --padding: var(--hop-Button-ghost-md-padding);
1539
1537
  }
1540
- .Button-module__hop-Button--icon-only___59IGX {
1538
+ .Button-module__hop-Button--icon-only___7-yVF {
1541
1539
  --column-gap: var(--hop-Button-icon-only-column-gap);
1542
1540
  --padding: var(--hop-Button-icon-only-padding);
1543
1541
  aspect-ratio: 1;
1544
1542
  }
1545
- .Button-module__hop-Button--primary___0lOnm {
1546
- --background-color: var(--hop-comp-button-primary-background-color);
1543
+ .Button-module__hop-Button--primary___U1xEj {
1544
+ --background: var(--hop-comp-button-primary-background);
1547
1545
  --color: var(--hop-comp-button-primary-text-color);
1546
+ --icon-color: var(--hop-comp-button-primary-icon-color);
1548
1547
  --border: var(--hop-Button-primary-border);
1549
- --spinner-color: var(--hop-Button-primary-spinner-color);
1548
+ --color-loading: var(--hop-comp-button-primary-color-loading);
1549
+ --background-loading: var(--hop-comp-button-primary-background-loading);
1550
+ --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
1551
+ --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1550
1552
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1551
1553
  }
1552
- .Button-module__hop-Button--primary___0lOnm[data-hovered],
1553
- .Button-module__hop-Button--primary___0lOnm[data-focus-visible] {
1554
- --background-color: var(--hop-comp-button-primary-background-color-hover);
1554
+ .Button-module__hop-Button--primary___U1xEj[data-hovered],
1555
+ .Button-module__hop-Button--primary___U1xEj[data-focus-visible] {
1556
+ --background: var(--hop-comp-button-primary-background-hover);
1555
1557
  --color: var(--hop-comp-button-primary-text-color-hover);
1556
- --border: var(--hop-Button-primary-border-hover);
1558
+ --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1559
+ --border: var(--hop-Button-primary-border);
1557
1560
  }
1558
- .Button-module__hop-Button--primary___0lOnm[data-pressed] {
1559
- --background-color: var(--hop-comp-button-primary-background-color-pressed);
1561
+ .Button-module__hop-Button--primary___U1xEj[data-pressed] {
1562
+ --background: var(--hop-comp-button-primary-background-pressed);
1560
1563
  --color: var(--hop-comp-button-primary-text-color-pressed);
1561
- --border: var(--hop-Button-primary-border-pressed);
1564
+ --icon-color: var(--hop-comp-button-primary-icon-color-press);
1565
+ --border: var(--hop-Button-primary-border);
1562
1566
  }
1563
- .Button-module__hop-Button--secondary___b9c-F {
1564
- --background-color: var(--hop-comp-button-secondary-background-color);
1567
+ .Button-module__hop-Button--secondary___Pu8fi {
1568
+ --background: var(--hop-comp-button-secondary-background);
1565
1569
  --color: var(--hop-comp-button-secondary-text-color);
1570
+ --icon-color: var(--hop-comp-button-secondary-icon-color);
1566
1571
  --border: var(--hop-Button-secondary-border);
1567
- --spinner-color: var(--hop-Button-secondary-spinner-color);
1572
+ --color-loading: var(--hop-comp-button-secondary-color-loading);
1573
+ --background-loading: var(--hop-comp-button-secondary-background-loading);
1574
+ --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
1575
+ --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1568
1576
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1569
1577
  }
1570
- .Button-module__hop-Button--secondary___b9c-F[data-hovered],
1571
- .Button-module__hop-Button--secondary___b9c-F[data-focus-visible] {
1572
- --background-color: var(--hop-comp-button-secondary-background-color-hover);
1578
+ .Button-module__hop-Button--secondary___Pu8fi[data-hovered],
1579
+ .Button-module__hop-Button--secondary___Pu8fi[data-focus-visible] {
1580
+ --background: var(--hop-comp-button-secondary-background-hover);
1573
1581
  --color: var(--hop-comp-button-secondary-text-color-hover);
1574
- --border: var(--hop-Button-secondary-border-hover);
1582
+ --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1583
+ --border: var(--hop-Button-secondary-border);
1575
1584
  }
1576
- .Button-module__hop-Button--secondary___b9c-F[data-pressed] {
1577
- --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1585
+ .Button-module__hop-Button--secondary___Pu8fi[data-pressed] {
1586
+ --background: var(--hop-comp-button-secondary-background-pressed);
1578
1587
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1579
- --border: var(--hop-Button-secondary-border-pressed);
1588
+ --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1589
+ --border: var(--hop-Button-secondary-border);
1580
1590
  }
1581
- .Button-module__hop-Button--upsell___1xQXs {
1582
- --background-color: var(--hop-comp-button-upsell-background-color);
1591
+ .Button-module__hop-Button--upsell___O6xUd {
1592
+ --background: var(--hop-comp-button-upsell-background);
1583
1593
  --color: var(--hop-comp-button-upsell-text-color);
1594
+ --icon-color: var(--hop-comp-button-upsell-icon-color);
1584
1595
  --border: var(--hop-Button-upsell-border);
1585
- --spinner-color: var(--hop-Button-upsell-spinner-color);
1596
+ --color-loading: var(--hop-comp-button-upsell-color-loading);
1597
+ --background-loading: var(--hop-comp-button-upsell-background-loading);
1598
+ --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
1599
+ --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1586
1600
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1587
1601
  }
1588
- .Button-module__hop-Button--upsell___1xQXs[data-hovered],
1589
- .Button-module__hop-Button--upsell___1xQXs[data-focus-visible] {
1590
- --background-color: var(--hop-comp-button-upsell-background-color-hover);
1602
+ .Button-module__hop-Button--upsell___O6xUd[data-hovered],
1603
+ .Button-module__hop-Button--upsell___O6xUd[data-focus-visible] {
1604
+ --background: var(--hop-comp-button-upsell-background-hover);
1591
1605
  --color: var(--hop-comp-button-upsell-text-color-hover);
1592
- --border: var(--hop-Button-upsell-border-hover);
1606
+ --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1607
+ --border: var(--hop-Button-upsell-border);
1593
1608
  }
1594
- .Button-module__hop-Button--upsell___1xQXs[data-pressed] {
1595
- --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1609
+ .Button-module__hop-Button--upsell___O6xUd[data-pressed] {
1610
+ --background: var(--hop-comp-button-upsell-background-pressed);
1596
1611
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1597
- --border: var(--hop-Button-upsell-border-pressed);
1612
+ --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1613
+ --border: var(--hop-Button-upsell-border);
1598
1614
  }
1599
- .Button-module__hop-Button--danger___aISF3 {
1600
- --background-color: var(--hop-comp-button-danger-background-color);
1615
+ .Button-module__hop-Button--danger___9Bdk4 {
1616
+ --background: var(--hop-comp-button-danger-background);
1601
1617
  --color: var(--hop-comp-button-danger-text-color);
1618
+ --icon-color: var(--hop-comp-button-danger-icon-color);
1602
1619
  --border: var(--hop-Button-danger-border);
1603
- --spinner-color: var(--hop-Button-danger-spinner-color);
1620
+ --color-loading: var(--hop-comp-button-danger-color-loading);
1621
+ --background-loading: var(--hop-comp-button-danger-background-loading);
1622
+ --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
1623
+ --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1604
1624
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1605
1625
  }
1606
- .Button-module__hop-Button--danger___aISF3[data-hovered],
1607
- .Button-module__hop-Button--danger___aISF3[data-focus-visible] {
1608
- --background-color: var(--hop-comp-button-danger-background-color-hover);
1626
+ .Button-module__hop-Button--danger___9Bdk4[data-hovered],
1627
+ .Button-module__hop-Button--danger___9Bdk4[data-focus-visible] {
1628
+ --background: var(--hop-comp-button-danger-background-hover);
1609
1629
  --color: var(--hop-comp-button-danger-text-color-hover);
1610
- --border: var(--hop-Button-danger-border-hover);
1630
+ --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1631
+ --border: var(--hop-Button-danger-border);
1611
1632
  }
1612
- .Button-module__hop-Button--danger___aISF3[data-pressed] {
1613
- --background-color: var(--hop-comp-button-danger-background-color-pressed);
1633
+ .Button-module__hop-Button--danger___9Bdk4[data-pressed] {
1634
+ --background: var(--hop-comp-button-danger-background-pressed);
1614
1635
  --color: var(--hop-comp-button-danger-text-color-pressed);
1615
- --border: var(--hop-Button-danger-border-pressed);
1636
+ --icon-color: var(--hop-comp-button-danger-icon-color-press);
1637
+ --border: var(--hop-Button-danger-border);
1616
1638
  }
1617
- .Button-module__hop-Button--ghost-primary___IcaPW {
1618
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1639
+ .Button-module__hop-Button--ghost-primary___UXsJi {
1640
+ --background: var(--hop-comp-button-ghost-primary-background);
1619
1641
  --color: var(--hop-comp-button-ghost-primary-text-color);
1642
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
1620
1643
  --border: var(--hop-Button-ghost-primary-border);
1621
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1644
+ --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
1645
+ --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
1646
+ --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
1647
+ --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1622
1648
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1623
1649
  }
1624
- .Button-module__hop-Button--ghost-primary___IcaPW[data-hovered],
1625
- .Button-module__hop-Button--ghost-primary___IcaPW[data-focus-visible] {
1626
- --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1650
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-hovered],
1651
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-focus-visible] {
1652
+ --background: var(--hop-comp-button-ghost-primary-background-hover);
1627
1653
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1628
- --border: var(--hop-Button-ghost-primary-border-hover);
1654
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1655
+ --border: var(--hop-Button-ghost-primary-border);
1629
1656
  }
1630
- .Button-module__hop-Button--ghost-primary___IcaPW[data-pressed] {
1631
- --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1657
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-pressed] {
1658
+ --background: var(--hop-comp-button-ghost-primary-background-pressed);
1632
1659
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1633
- --border: var(--hop-Button-ghost-primary-border-pressed);
1660
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1661
+ --border: var(--hop-Button-ghost-primary-border);
1634
1662
  }
1635
- .Button-module__hop-Button--ghost-secondary___vPfBY {
1636
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1663
+ .Button-module__hop-Button--ghost-secondary___toGp0 {
1664
+ --background: var(--hop-comp-button-ghost-secondary-background);
1637
1665
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1666
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
1638
1667
  --border: var(--hop-Button-ghost-secondary-border);
1639
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1668
+ --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
1669
+ --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
1670
+ --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
1671
+ --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1640
1672
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1641
1673
  }
1642
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-hovered],
1643
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-focus-visible] {
1644
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1674
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-hovered],
1675
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-focus-visible] {
1676
+ --background: var(--hop-comp-button-ghost-secondary-background-hover);
1645
1677
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1646
- --border: var(--hop-Button-ghost-secondary-border-hover);
1678
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1679
+ --border: var(--hop-Button-ghost-secondary-border);
1647
1680
  }
1648
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-pressed] {
1649
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1681
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-pressed] {
1682
+ --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1650
1683
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1651
- --border: var(--hop-Button-ghost-secondary-border-pressed);
1684
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1685
+ --border: var(--hop-Button-ghost-secondary-border);
1652
1686
  }
1653
- .Button-module__hop-Button--ghost-danger___pruuE {
1654
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1687
+ .Button-module__hop-Button--ghost-danger___wshP- {
1688
+ --background: var(--hop-comp-button-ghost-danger-background);
1655
1689
  --color: var(--hop-comp-button-ghost-danger-text-color);
1690
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
1656
1691
  --border: var(--hop-Button-ghost-danger-border);
1657
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1692
+ --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
1693
+ --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
1694
+ --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
1695
+ --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1658
1696
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1659
1697
  }
1660
- .Button-module__hop-Button--ghost-danger___pruuE[data-hovered],
1661
- .Button-module__hop-Button--ghost-danger___pruuE[data-focus-visible] {
1662
- --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1698
+ .Button-module__hop-Button--ghost-danger___wshP-[data-hovered],
1699
+ .Button-module__hop-Button--ghost-danger___wshP-[data-focus-visible] {
1700
+ --background: var(--hop-comp-button-ghost-danger-background-hover);
1663
1701
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1664
- --border: var(--hop-Button-ghost-danger-border-hover);
1702
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1703
+ --border: var(--hop-Button-ghost-danger-border);
1665
1704
  }
1666
- .Button-module__hop-Button--ghost-danger___pruuE[data-pressed] {
1667
- --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1705
+ .Button-module__hop-Button--ghost-danger___wshP-[data-pressed] {
1706
+ --background: var(--hop-comp-button-ghost-danger-background-pressed);
1668
1707
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1669
- --border: var(--hop-Button-ghost-danger-border-pressed);
1708
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1709
+ --border: var(--hop-Button-ghost-danger-border);
1670
1710
  }
1671
- .Button-module__hop-Button___sgx-6[data-focus-visible] {
1711
+ .Button-module__hop-Button___cEzVI[data-focus-visible] {
1672
1712
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1673
1713
  }
1674
- .Button-module__hop-Button___sgx-6[data-disabled],
1675
- .Button-module__hop-Button--loading___BQ9xT {
1714
+ .Button-module__hop-Button___cEzVI[data-disabled],
1715
+ .Button-module__hop-Button--loading___NMXIV {
1676
1716
  cursor: not-allowed;
1677
1717
  }
1678
- .Button-module__hop-Button___sgx-6[data-disabled] {
1679
- --background-color: var(--hop-comp-button-disabled-background-color);
1680
- --color: var(--hop-comp-button-disabled-text-color);
1681
- --border: var(--hop-Button-border-disabled);
1718
+ .Button-module__hop-Button___cEzVI[data-disabled] {
1719
+ --color: var(--hop-comp-button-text-color-disabled);
1720
+ --icon-color: var(--hop-comp-button-icon-color-disabled);
1682
1721
  }
1683
- .Button-module__hop-Button___sgx-6[class*=--ghost][data-disabled] {
1684
- --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1685
- --color: var(--hop-comp-button-ghost-disabled-text-color);
1686
- --border: var(--hop-Button-ghost-border-disabled);
1722
+ .Button-module__hop-Button--primary___U1xEj[data-disabled] {
1723
+ --background: var(--hop-comp-button-primary-background-disabled);
1724
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1687
1725
  }
1688
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--primary___0lOnm {
1689
- --background-color: var(--hop-comp-button-primary-background-color);
1690
- --color: var(--hop-comp-button-primary-text-color);
1691
- --border: var(--hop-Button-primary-border);
1726
+ .Button-module__hop-Button--secondary___Pu8fi[data-disabled] {
1727
+ --background: var(--hop-comp-button-secondary-background-disabled);
1728
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1692
1729
  }
1693
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--secondary___b9c-F {
1694
- --background-color: var(--hop-comp-button-secondary-background-color);
1695
- --color: var(--hop-comp-button-secondary-text-color);
1696
- --border: var(--hop-Button-secondary-border);
1730
+ .Button-module__hop-Button--upsell___O6xUd[data-disabled] {
1731
+ --background: var(--hop-comp-button-upsell-background-disabled);
1732
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1697
1733
  }
1698
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--upsell___1xQXs {
1699
- --background-color: var(--hop-comp-button-upsell-background-color);
1700
- --color: var(--hop-comp-button-upsell-text-color);
1701
- --border: var(--hop-Button-upsell-border);
1734
+ .Button-module__hop-Button--danger___9Bdk4[data-disabled] {
1735
+ --background: var(--hop-comp-button-danger-background-disabled);
1736
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1702
1737
  }
1703
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--danger___aISF3 {
1704
- --background-color: var(--hop-comp-button-danger-background-color);
1705
- --color: var(--hop-comp-button-danger-text-color);
1706
- --border: var(--hop-Button-danger-border);
1738
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-disabled] {
1739
+ --background: var(--hop-comp-button-ghost-primary-background-disabled);
1740
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1707
1741
  }
1708
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-primary___IcaPW {
1709
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1710
- --color: var(--hop-comp-button-ghost-primary-text-color);
1711
- --border: var(--hop-Button-ghost-primary-border);
1742
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-disabled] {
1743
+ --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1744
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1712
1745
  }
1713
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-secondary___vPfBY {
1714
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1715
- --color: var(--hop-comp-button-ghost-secondary-text-color);
1716
- --border: var(--hop-Button-ghost-secondary-border);
1746
+ .Button-module__hop-Button--ghost-danger___wshP-[data-disabled] {
1747
+ --background: var(--hop-comp-button-ghost-danger-background-disabled);
1748
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1717
1749
  }
1718
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-danger___pruuE {
1719
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1720
- --color: var(--hop-comp-button-ghost-danger-text-color);
1721
- --border: var(--hop-Button-ghost-danger-border);
1750
+ .Button-module__hop-Button--loading___NMXIV {
1751
+ background: var(--background-loading);
1752
+ color: var(--color-loading);
1753
+ border-color: var(--border-color-loading);
1754
+ box-shadow: var(--box-shadow-loading);
1722
1755
  }
1723
- .Button-module__hop-Button__Spinner___8pCIG {
1756
+ .Button-module__hop-Button__Spinner___hSXad {
1724
1757
  position: absolute;
1725
- color: var(--spinner-color);
1726
1758
  }
1727
- .Button-module__hop-Button__icon___gl8cW,
1728
- .Button-module__hop-Button__icon-list___uyZsy {
1759
+ .Button-module__hop-Button__icon___koGX2,
1760
+ .Button-module__hop-Button__icon-list___uV0To {
1729
1761
  flex: 0 0 auto;
1730
1762
  justify-self: end;
1731
1763
  order: 1;
1764
+ color: var(--icon-color);
1732
1765
  }
1733
- .Button-module__hop-Button__text___ji-Lx {
1766
+ .Button-module__hop-Button__text___yWZed {
1734
1767
  user-select: none;
1735
1768
  overflow: visible;
1736
1769
  flex: 0 1 auto;
@@ -1739,60 +1772,61 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1739
1772
  text-decoration: none;
1740
1773
  text-wrap: nowrap;
1741
1774
  }
1742
- .Button-module__hop-Button__end-icon___LnEKx,
1743
- .Button-module__hop-Button__end-icon-list___EnFJv {
1775
+ .Button-module__hop-Button__end-icon___r5rxu,
1776
+ .Button-module__hop-Button__end-icon-list___4NYnd {
1744
1777
  flex: 0 0 auto;
1745
1778
  order: 3;
1779
+ color: var(--icon-color);
1746
1780
  }
1747
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__icon-list___uyZsy,
1748
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__end-icon-list___EnFJv {
1781
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__icon-list___uV0To,
1782
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__end-icon-list___4NYnd {
1749
1783
  flex-wrap: nowrap;
1750
1784
  }
1751
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button___sgx-6 > *:not(.Button-module__hop-Button__Spinner___8pCIG) {
1785
+ .Button-module__hop-Button--loading___NMXIV.Button-module__hop-Button___cEzVI > *:not(.Button-module__hop-Button__Spinner___hSXad) {
1752
1786
  opacity: 0;
1753
1787
  }
1754
- .LinkButton-module__hop-LinkButton___8BfYc {
1788
+ .LinkButton-module__hop-LinkButton___4pRd6 {
1755
1789
  }
1756
- .LinkButton-module__hop-LinkButton--fluid___ViTo6 {
1790
+ .LinkButton-module__hop-LinkButton--fluid___rBt2G {
1757
1791
  }
1758
- .LinkButton-module__hop-LinkButton--xs___SBE8k {
1792
+ .LinkButton-module__hop-LinkButton--xs___0xYG6 {
1759
1793
  }
1760
- .LinkButton-module__hop-LinkButton--sm___jA9XY {
1794
+ .LinkButton-module__hop-LinkButton--sm___qwfob {
1761
1795
  }
1762
- .LinkButton-module__hop-LinkButton--icon-only___Ph7ZJ {
1796
+ .LinkButton-module__hop-LinkButton--icon-only___ou3mG {
1763
1797
  }
1764
- .LinkButton-module__hop-LinkButton--primary___Ut3H1 {
1798
+ .LinkButton-module__hop-LinkButton--primary___t-0GJ {
1765
1799
  }
1766
- .LinkButton-module__hop-LinkButton--secondary___Kn2xy {
1800
+ .LinkButton-module__hop-LinkButton--secondary___-K2CM {
1767
1801
  }
1768
- .LinkButton-module__hop-LinkButton--upsell___c8mzZ {
1802
+ .LinkButton-module__hop-LinkButton--upsell___6jTyS {
1769
1803
  }
1770
- .LinkButton-module__hop-LinkButton--danger___CaQci {
1804
+ .LinkButton-module__hop-LinkButton--danger___ZCmE- {
1771
1805
  }
1772
- .LinkButton-module__hop-LinkButton--ghost-primary___bPM6E {
1806
+ .LinkButton-module__hop-LinkButton--ghost-primary___BrkzP {
1773
1807
  }
1774
- .LinkButton-module__hop-LinkButton--ghost-secondary___aYAbx {
1808
+ .LinkButton-module__hop-LinkButton--ghost-secondary___3Ugzf {
1775
1809
  }
1776
- .LinkButton-module__hop-LinkButton--ghost-danger___p1q1k {
1810
+ .LinkButton-module__hop-LinkButton--ghost-danger___fdfw8 {
1777
1811
  }
1778
- .LinkButton-module__hop-LinkButton__Spinner___A9uav {
1812
+ .LinkButton-module__hop-LinkButton__Spinner___oSxtF {
1779
1813
  }
1780
- .LinkButton-module__hop-LinkButton__icon___9ZYGL,
1781
- .LinkButton-module__hop-LinkButton__icon-list___-HlT4 {
1814
+ .LinkButton-module__hop-LinkButton__icon___f9H5Z,
1815
+ .LinkButton-module__hop-LinkButton__icon-list___Wu1vd {
1782
1816
  }
1783
- .LinkButton-module__hop-LinkButton__text___yAx6C {
1817
+ .LinkButton-module__hop-LinkButton__text___lMB-T {
1784
1818
  }
1785
- .LinkButton-module__hop-LinkButton__end-icon___7XUUR,
1786
- .LinkButton-module__hop-LinkButton__end-icon-list___2Cpod {
1819
+ .LinkButton-module__hop-LinkButton__end-icon___ZZPU5,
1820
+ .LinkButton-module__hop-LinkButton__end-icon-list___XjihH {
1787
1821
  }
1788
- .LinkButton-module__hop-LinkButton___8BfYc .LinkButton-module__hop-LinkButton__icon-list___-HlT4,
1789
- .LinkButton-module__hop-LinkButton___8BfYc .LinkButton-module__hop-LinkButton__end-icon-list___2Cpod {
1822
+ .LinkButton-module__hop-LinkButton___4pRd6 .LinkButton-module__hop-LinkButton__icon-list___Wu1vd,
1823
+ .LinkButton-module__hop-LinkButton___4pRd6 .LinkButton-module__hop-LinkButton__end-icon-list___XjihH {
1790
1824
  flex-wrap: nowrap;
1791
1825
  }
1792
1826
 
1793
1827
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1794
- .Button-module__hop-Button___sgx-6 {
1795
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1828
+ .Button-module__hop-Button___cEzVI {
1829
+ --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1796
1830
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1797
1831
  --hop-Button-icon-only-column-gap: 0;
1798
1832
  --hop-Button-outline-size: var(--hop-space-20);
@@ -1807,42 +1841,23 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1807
1841
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1808
1842
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1809
1843
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1810
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1811
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1812
1844
  --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1813
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1814
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1815
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1816
1845
  --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1817
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1818
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1819
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1820
1846
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1821
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1822
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1823
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1824
1847
  --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1825
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1826
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1827
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1828
1848
  --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1829
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1830
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1831
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1832
1849
  --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1833
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1834
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1835
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1836
1850
  --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1837
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1838
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1839
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1840
1851
  --inline-size: max-content;
1841
1852
  --block-size: var(--hop-Button-md-height);
1842
- --background-color: var(--hop-primary-surface-strong);
1853
+ --background: var(--hop-primary-surface-strong);
1843
1854
  --color: var(--hop-primary-text-strong);
1855
+ --icon-color: var(--color);
1844
1856
  --column-gap: var(--hop-Button-column-gap);
1845
1857
  --spinner: var(--hop-primary-icon-strong);
1858
+ --background-loading: var(--background);
1859
+ --border-color-loading: transparent;
1860
+ --box-shadow-loading: none;
1846
1861
  --border: 0;
1847
1862
  --padding: var(--hop-Button-md-padding);
1848
1863
  --box-shadow: none;
@@ -1860,7 +1875,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1860
1875
  color: var(--color);
1861
1876
  text-decoration: none;
1862
1877
  white-space: nowrap;
1863
- background-color: var(--background-color);
1878
+ background: var(--background);
1864
1879
  border: var(--border);
1865
1880
  border-radius: var(--hop-comp-button-border-radius);
1866
1881
  outline: none;
@@ -1871,220 +1886,255 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1871
1886
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1872
1887
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1873
1888
  }
1874
- .Button-module__hop-Button--fluid___-epn3 {
1889
+ .Button-module__hop-Button--fluid___HUhhp {
1875
1890
  --inline-size: 100%;
1876
1891
  }
1877
- .Button-module__hop-Button--xs___nWMoM {
1892
+ .Button-module__hop-Button--xs___PF56K {
1878
1893
  --block-size: var(--hop-Button-xs-height);
1879
1894
  --padding: var(--hop-Button-xs-padding);
1880
1895
  }
1881
- .Button-module__hop-Button--xs___nWMoM[class*=--ghost] {
1896
+ .Button-module__hop-Button--xs___PF56K[class*=--ghost] {
1882
1897
  --padding: var(--hop-Button-ghost-xs-padding);
1883
1898
  }
1884
- .Button-module__hop-Button--sm___el-hu {
1899
+ .Button-module__hop-Button--sm___FlTAw {
1885
1900
  --block-size: var(--hop-Button-sm-height);
1886
1901
  --padding: var(--hop-Button-sm-padding);
1887
1902
  }
1888
- .Button-module__hop-Button--sm___el-hu[class*=--ghost] {
1903
+ .Button-module__hop-Button--sm___FlTAw[class*=--ghost] {
1889
1904
  --padding: var(--hop-Button-ghost-sm-padding);
1890
1905
  }
1891
- .Button-module__hop-Button--md___nABk9[class*=--ghost] {
1906
+ .Button-module__hop-Button--md___jnsk-[class*=--ghost] {
1892
1907
  --padding: var(--hop-Button-ghost-md-padding);
1893
1908
  }
1894
- .Button-module__hop-Button--icon-only___59IGX {
1909
+ .Button-module__hop-Button--icon-only___7-yVF {
1895
1910
  --column-gap: var(--hop-Button-icon-only-column-gap);
1896
1911
  --padding: var(--hop-Button-icon-only-padding);
1897
1912
  aspect-ratio: 1;
1898
1913
  }
1899
- .Button-module__hop-Button--primary___0lOnm {
1900
- --background-color: var(--hop-comp-button-primary-background-color);
1914
+ .Button-module__hop-Button--primary___U1xEj {
1915
+ --background: var(--hop-comp-button-primary-background);
1901
1916
  --color: var(--hop-comp-button-primary-text-color);
1917
+ --icon-color: var(--hop-comp-button-primary-icon-color);
1902
1918
  --border: var(--hop-Button-primary-border);
1903
- --spinner-color: var(--hop-Button-primary-spinner-color);
1919
+ --color-loading: var(--hop-comp-button-primary-color-loading);
1920
+ --background-loading: var(--hop-comp-button-primary-background-loading);
1921
+ --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
1922
+ --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1904
1923
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1905
1924
  }
1906
- .Button-module__hop-Button--primary___0lOnm[data-hovered],
1907
- .Button-module__hop-Button--primary___0lOnm[data-focus-visible] {
1908
- --background-color: var(--hop-comp-button-primary-background-color-hover);
1925
+ .Button-module__hop-Button--primary___U1xEj[data-hovered],
1926
+ .Button-module__hop-Button--primary___U1xEj[data-focus-visible] {
1927
+ --background: var(--hop-comp-button-primary-background-hover);
1909
1928
  --color: var(--hop-comp-button-primary-text-color-hover);
1910
- --border: var(--hop-Button-primary-border-hover);
1929
+ --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1930
+ --border: var(--hop-Button-primary-border);
1911
1931
  }
1912
- .Button-module__hop-Button--primary___0lOnm[data-pressed] {
1913
- --background-color: var(--hop-comp-button-primary-background-color-pressed);
1932
+ .Button-module__hop-Button--primary___U1xEj[data-pressed] {
1933
+ --background: var(--hop-comp-button-primary-background-pressed);
1914
1934
  --color: var(--hop-comp-button-primary-text-color-pressed);
1915
- --border: var(--hop-Button-primary-border-pressed);
1935
+ --icon-color: var(--hop-comp-button-primary-icon-color-press);
1936
+ --border: var(--hop-Button-primary-border);
1916
1937
  }
1917
- .Button-module__hop-Button--secondary___b9c-F {
1918
- --background-color: var(--hop-comp-button-secondary-background-color);
1938
+ .Button-module__hop-Button--secondary___Pu8fi {
1939
+ --background: var(--hop-comp-button-secondary-background);
1919
1940
  --color: var(--hop-comp-button-secondary-text-color);
1941
+ --icon-color: var(--hop-comp-button-secondary-icon-color);
1920
1942
  --border: var(--hop-Button-secondary-border);
1921
- --spinner-color: var(--hop-Button-secondary-spinner-color);
1943
+ --color-loading: var(--hop-comp-button-secondary-color-loading);
1944
+ --background-loading: var(--hop-comp-button-secondary-background-loading);
1945
+ --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
1946
+ --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1922
1947
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1923
1948
  }
1924
- .Button-module__hop-Button--secondary___b9c-F[data-hovered],
1925
- .Button-module__hop-Button--secondary___b9c-F[data-focus-visible] {
1926
- --background-color: var(--hop-comp-button-secondary-background-color-hover);
1949
+ .Button-module__hop-Button--secondary___Pu8fi[data-hovered],
1950
+ .Button-module__hop-Button--secondary___Pu8fi[data-focus-visible] {
1951
+ --background: var(--hop-comp-button-secondary-background-hover);
1927
1952
  --color: var(--hop-comp-button-secondary-text-color-hover);
1928
- --border: var(--hop-Button-secondary-border-hover);
1953
+ --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1954
+ --border: var(--hop-Button-secondary-border);
1929
1955
  }
1930
- .Button-module__hop-Button--secondary___b9c-F[data-pressed] {
1931
- --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1956
+ .Button-module__hop-Button--secondary___Pu8fi[data-pressed] {
1957
+ --background: var(--hop-comp-button-secondary-background-pressed);
1932
1958
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1933
- --border: var(--hop-Button-secondary-border-pressed);
1959
+ --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1960
+ --border: var(--hop-Button-secondary-border);
1934
1961
  }
1935
- .Button-module__hop-Button--upsell___1xQXs {
1936
- --background-color: var(--hop-comp-button-upsell-background-color);
1962
+ .Button-module__hop-Button--upsell___O6xUd {
1963
+ --background: var(--hop-comp-button-upsell-background);
1937
1964
  --color: var(--hop-comp-button-upsell-text-color);
1965
+ --icon-color: var(--hop-comp-button-upsell-icon-color);
1938
1966
  --border: var(--hop-Button-upsell-border);
1939
- --spinner-color: var(--hop-Button-upsell-spinner-color);
1967
+ --color-loading: var(--hop-comp-button-upsell-color-loading);
1968
+ --background-loading: var(--hop-comp-button-upsell-background-loading);
1969
+ --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
1970
+ --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1940
1971
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1941
1972
  }
1942
- .Button-module__hop-Button--upsell___1xQXs[data-hovered],
1943
- .Button-module__hop-Button--upsell___1xQXs[data-focus-visible] {
1944
- --background-color: var(--hop-comp-button-upsell-background-color-hover);
1973
+ .Button-module__hop-Button--upsell___O6xUd[data-hovered],
1974
+ .Button-module__hop-Button--upsell___O6xUd[data-focus-visible] {
1975
+ --background: var(--hop-comp-button-upsell-background-hover);
1945
1976
  --color: var(--hop-comp-button-upsell-text-color-hover);
1946
- --border: var(--hop-Button-upsell-border-hover);
1977
+ --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1978
+ --border: var(--hop-Button-upsell-border);
1947
1979
  }
1948
- .Button-module__hop-Button--upsell___1xQXs[data-pressed] {
1949
- --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1980
+ .Button-module__hop-Button--upsell___O6xUd[data-pressed] {
1981
+ --background: var(--hop-comp-button-upsell-background-pressed);
1950
1982
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1951
- --border: var(--hop-Button-upsell-border-pressed);
1983
+ --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1984
+ --border: var(--hop-Button-upsell-border);
1952
1985
  }
1953
- .Button-module__hop-Button--danger___aISF3 {
1954
- --background-color: var(--hop-comp-button-danger-background-color);
1986
+ .Button-module__hop-Button--danger___9Bdk4 {
1987
+ --background: var(--hop-comp-button-danger-background);
1955
1988
  --color: var(--hop-comp-button-danger-text-color);
1989
+ --icon-color: var(--hop-comp-button-danger-icon-color);
1956
1990
  --border: var(--hop-Button-danger-border);
1957
- --spinner-color: var(--hop-Button-danger-spinner-color);
1991
+ --color-loading: var(--hop-comp-button-danger-color-loading);
1992
+ --background-loading: var(--hop-comp-button-danger-background-loading);
1993
+ --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
1994
+ --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1958
1995
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1959
1996
  }
1960
- .Button-module__hop-Button--danger___aISF3[data-hovered],
1961
- .Button-module__hop-Button--danger___aISF3[data-focus-visible] {
1962
- --background-color: var(--hop-comp-button-danger-background-color-hover);
1997
+ .Button-module__hop-Button--danger___9Bdk4[data-hovered],
1998
+ .Button-module__hop-Button--danger___9Bdk4[data-focus-visible] {
1999
+ --background: var(--hop-comp-button-danger-background-hover);
1963
2000
  --color: var(--hop-comp-button-danger-text-color-hover);
1964
- --border: var(--hop-Button-danger-border-hover);
2001
+ --icon-color: var(--hop-comp-button-danger-icon-color-hover);
2002
+ --border: var(--hop-Button-danger-border);
1965
2003
  }
1966
- .Button-module__hop-Button--danger___aISF3[data-pressed] {
1967
- --background-color: var(--hop-comp-button-danger-background-color-pressed);
2004
+ .Button-module__hop-Button--danger___9Bdk4[data-pressed] {
2005
+ --background: var(--hop-comp-button-danger-background-pressed);
1968
2006
  --color: var(--hop-comp-button-danger-text-color-pressed);
1969
- --border: var(--hop-Button-danger-border-pressed);
2007
+ --icon-color: var(--hop-comp-button-danger-icon-color-press);
2008
+ --border: var(--hop-Button-danger-border);
1970
2009
  }
1971
- .Button-module__hop-Button--ghost-primary___IcaPW {
1972
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
2010
+ .Button-module__hop-Button--ghost-primary___UXsJi {
2011
+ --background: var(--hop-comp-button-ghost-primary-background);
1973
2012
  --color: var(--hop-comp-button-ghost-primary-text-color);
2013
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
1974
2014
  --border: var(--hop-Button-ghost-primary-border);
1975
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
2015
+ --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
2016
+ --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
2017
+ --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
2018
+ --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1976
2019
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1977
2020
  }
1978
- .Button-module__hop-Button--ghost-primary___IcaPW[data-hovered],
1979
- .Button-module__hop-Button--ghost-primary___IcaPW[data-focus-visible] {
1980
- --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
2021
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-hovered],
2022
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-focus-visible] {
2023
+ --background: var(--hop-comp-button-ghost-primary-background-hover);
1981
2024
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1982
- --border: var(--hop-Button-ghost-primary-border-hover);
2025
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
2026
+ --border: var(--hop-Button-ghost-primary-border);
1983
2027
  }
1984
- .Button-module__hop-Button--ghost-primary___IcaPW[data-pressed] {
1985
- --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
2028
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-pressed] {
2029
+ --background: var(--hop-comp-button-ghost-primary-background-pressed);
1986
2030
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1987
- --border: var(--hop-Button-ghost-primary-border-pressed);
2031
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
2032
+ --border: var(--hop-Button-ghost-primary-border);
1988
2033
  }
1989
- .Button-module__hop-Button--ghost-secondary___vPfBY {
1990
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
2034
+ .Button-module__hop-Button--ghost-secondary___toGp0 {
2035
+ --background: var(--hop-comp-button-ghost-secondary-background);
1991
2036
  --color: var(--hop-comp-button-ghost-secondary-text-color);
2037
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
1992
2038
  --border: var(--hop-Button-ghost-secondary-border);
1993
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2039
+ --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
2040
+ --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
2041
+ --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
2042
+ --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1994
2043
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1995
2044
  }
1996
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-hovered],
1997
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-focus-visible] {
1998
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
2045
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-hovered],
2046
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-focus-visible] {
2047
+ --background: var(--hop-comp-button-ghost-secondary-background-hover);
1999
2048
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
2000
- --border: var(--hop-Button-ghost-secondary-border-hover);
2049
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
2050
+ --border: var(--hop-Button-ghost-secondary-border);
2001
2051
  }
2002
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-pressed] {
2003
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
2052
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-pressed] {
2053
+ --background: var(--hop-comp-button-ghost-secondary-background-pressed);
2004
2054
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
2005
- --border: var(--hop-Button-ghost-secondary-border-pressed);
2055
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
2056
+ --border: var(--hop-Button-ghost-secondary-border);
2006
2057
  }
2007
- .Button-module__hop-Button--ghost-danger___pruuE {
2008
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
2058
+ .Button-module__hop-Button--ghost-danger___wshP- {
2059
+ --background: var(--hop-comp-button-ghost-danger-background);
2009
2060
  --color: var(--hop-comp-button-ghost-danger-text-color);
2061
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
2010
2062
  --border: var(--hop-Button-ghost-danger-border);
2011
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2063
+ --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
2064
+ --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
2065
+ --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
2066
+ --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
2012
2067
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
2013
2068
  }
2014
- .Button-module__hop-Button--ghost-danger___pruuE[data-hovered],
2015
- .Button-module__hop-Button--ghost-danger___pruuE[data-focus-visible] {
2016
- --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
2069
+ .Button-module__hop-Button--ghost-danger___wshP-[data-hovered],
2070
+ .Button-module__hop-Button--ghost-danger___wshP-[data-focus-visible] {
2071
+ --background: var(--hop-comp-button-ghost-danger-background-hover);
2017
2072
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
2018
- --border: var(--hop-Button-ghost-danger-border-hover);
2073
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
2074
+ --border: var(--hop-Button-ghost-danger-border);
2019
2075
  }
2020
- .Button-module__hop-Button--ghost-danger___pruuE[data-pressed] {
2021
- --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
2076
+ .Button-module__hop-Button--ghost-danger___wshP-[data-pressed] {
2077
+ --background: var(--hop-comp-button-ghost-danger-background-pressed);
2022
2078
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
2023
- --border: var(--hop-Button-ghost-danger-border-pressed);
2079
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
2080
+ --border: var(--hop-Button-ghost-danger-border);
2024
2081
  }
2025
- .Button-module__hop-Button___sgx-6[data-focus-visible] {
2082
+ .Button-module__hop-Button___cEzVI[data-focus-visible] {
2026
2083
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2027
2084
  }
2028
- .Button-module__hop-Button___sgx-6[data-disabled],
2029
- .Button-module__hop-Button--loading___BQ9xT {
2085
+ .Button-module__hop-Button___cEzVI[data-disabled],
2086
+ .Button-module__hop-Button--loading___NMXIV {
2030
2087
  cursor: not-allowed;
2031
2088
  }
2032
- .Button-module__hop-Button___sgx-6[data-disabled] {
2033
- --background-color: var(--hop-comp-button-disabled-background-color);
2034
- --color: var(--hop-comp-button-disabled-text-color);
2035
- --border: var(--hop-Button-border-disabled);
2089
+ .Button-module__hop-Button___cEzVI[data-disabled] {
2090
+ --color: var(--hop-comp-button-text-color-disabled);
2091
+ --icon-color: var(--hop-comp-button-icon-color-disabled);
2036
2092
  }
2037
- .Button-module__hop-Button___sgx-6[class*=--ghost][data-disabled] {
2038
- --background-color: var(--hop-comp-button-ghost-disabled-background-color);
2039
- --color: var(--hop-comp-button-ghost-disabled-text-color);
2040
- --border: var(--hop-Button-ghost-border-disabled);
2093
+ .Button-module__hop-Button--primary___U1xEj[data-disabled] {
2094
+ --background: var(--hop-comp-button-primary-background-disabled);
2095
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
2041
2096
  }
2042
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--primary___0lOnm {
2043
- --background-color: var(--hop-comp-button-primary-background-color);
2044
- --color: var(--hop-comp-button-primary-text-color);
2045
- --border: var(--hop-Button-primary-border);
2097
+ .Button-module__hop-Button--secondary___Pu8fi[data-disabled] {
2098
+ --background: var(--hop-comp-button-secondary-background-disabled);
2099
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
2046
2100
  }
2047
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--secondary___b9c-F {
2048
- --background-color: var(--hop-comp-button-secondary-background-color);
2049
- --color: var(--hop-comp-button-secondary-text-color);
2050
- --border: var(--hop-Button-secondary-border);
2101
+ .Button-module__hop-Button--upsell___O6xUd[data-disabled] {
2102
+ --background: var(--hop-comp-button-upsell-background-disabled);
2103
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
2051
2104
  }
2052
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--upsell___1xQXs {
2053
- --background-color: var(--hop-comp-button-upsell-background-color);
2054
- --color: var(--hop-comp-button-upsell-text-color);
2055
- --border: var(--hop-Button-upsell-border);
2105
+ .Button-module__hop-Button--danger___9Bdk4[data-disabled] {
2106
+ --background: var(--hop-comp-button-danger-background-disabled);
2107
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
2056
2108
  }
2057
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--danger___aISF3 {
2058
- --background-color: var(--hop-comp-button-danger-background-color);
2059
- --color: var(--hop-comp-button-danger-text-color);
2060
- --border: var(--hop-Button-danger-border);
2109
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-disabled] {
2110
+ --background: var(--hop-comp-button-ghost-primary-background-disabled);
2111
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
2061
2112
  }
2062
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-primary___IcaPW {
2063
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
2064
- --color: var(--hop-comp-button-ghost-primary-text-color);
2065
- --border: var(--hop-Button-ghost-primary-border);
2113
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-disabled] {
2114
+ --background: var(--hop-comp-button-ghost-secondary-background-disabled);
2115
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
2066
2116
  }
2067
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-secondary___vPfBY {
2068
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
2069
- --color: var(--hop-comp-button-ghost-secondary-text-color);
2070
- --border: var(--hop-Button-ghost-secondary-border);
2117
+ .Button-module__hop-Button--ghost-danger___wshP-[data-disabled] {
2118
+ --background: var(--hop-comp-button-ghost-danger-background-disabled);
2119
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
2071
2120
  }
2072
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-danger___pruuE {
2073
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
2074
- --color: var(--hop-comp-button-ghost-danger-text-color);
2075
- --border: var(--hop-Button-ghost-danger-border);
2121
+ .Button-module__hop-Button--loading___NMXIV {
2122
+ background: var(--background-loading);
2123
+ color: var(--color-loading);
2124
+ border-color: var(--border-color-loading);
2125
+ box-shadow: var(--box-shadow-loading);
2076
2126
  }
2077
- .Button-module__hop-Button__Spinner___8pCIG {
2127
+ .Button-module__hop-Button__Spinner___hSXad {
2078
2128
  position: absolute;
2079
- color: var(--spinner-color);
2080
2129
  }
2081
- .Button-module__hop-Button__icon___gl8cW,
2082
- .Button-module__hop-Button__icon-list___uyZsy {
2130
+ .Button-module__hop-Button__icon___koGX2,
2131
+ .Button-module__hop-Button__icon-list___uV0To {
2083
2132
  flex: 0 0 auto;
2084
2133
  justify-self: end;
2085
2134
  order: 1;
2135
+ color: var(--icon-color);
2086
2136
  }
2087
- .Button-module__hop-Button__text___ji-Lx {
2137
+ .Button-module__hop-Button__text___yWZed {
2088
2138
  user-select: none;
2089
2139
  overflow: visible;
2090
2140
  flex: 0 1 auto;
@@ -2093,134 +2143,109 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2093
2143
  text-decoration: none;
2094
2144
  text-wrap: nowrap;
2095
2145
  }
2096
- .Button-module__hop-Button__end-icon___LnEKx,
2097
- .Button-module__hop-Button__end-icon-list___EnFJv {
2146
+ .Button-module__hop-Button__end-icon___r5rxu,
2147
+ .Button-module__hop-Button__end-icon-list___4NYnd {
2098
2148
  flex: 0 0 auto;
2099
2149
  order: 3;
2150
+ color: var(--icon-color);
2100
2151
  }
2101
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__icon-list___uyZsy,
2102
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__end-icon-list___EnFJv {
2152
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__icon-list___uV0To,
2153
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__end-icon-list___4NYnd {
2103
2154
  flex-wrap: nowrap;
2104
2155
  }
2105
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button___sgx-6 > *:not(.Button-module__hop-Button__Spinner___8pCIG) {
2156
+ .Button-module__hop-Button--loading___NMXIV.Button-module__hop-Button___cEzVI > *:not(.Button-module__hop-Button__Spinner___hSXad) {
2106
2157
  opacity: 0;
2107
2158
  }
2108
- .ToggleButton-module__hop-ToggleButton___51huq {
2159
+ .ToggleButton-module__hop-ToggleButton___pf1eD {
2109
2160
  --hop-ToggleButton-border-size: var(--hop-space-10);
2110
2161
  }
2111
- .ToggleButton-module__hop-ToggleButton--fluid___mOK4F {
2162
+ .ToggleButton-module__hop-ToggleButton--fluid___49Lo5 {
2112
2163
  }
2113
- .ToggleButton-module__hop-ToggleButton--xs___K9MbP {
2164
+ .ToggleButton-module__hop-ToggleButton--xs___gfZiq {
2114
2165
  }
2115
- .ToggleButton-module__hop-ToggleButton--sm___6FNI8 {
2166
+ .ToggleButton-module__hop-ToggleButton--sm___WUBaB {
2116
2167
  }
2117
- .ToggleButton-module__hop-ToggleButton--md___tqmEd {
2168
+ .ToggleButton-module__hop-ToggleButton--md___-1WLK {
2118
2169
  }
2119
- .ToggleButton-module__hop-ToggleButton--icon-only___fnnMp {
2170
+ .ToggleButton-module__hop-ToggleButton--icon-only___BuTXY {
2120
2171
  }
2121
- .ToggleButton-module__hop-ToggleButton--primary___LgoyI {
2172
+ .ToggleButton-module__hop-ToggleButton--primary___UrwDq {
2122
2173
  }
2123
- .ToggleButton-module__hop-ToggleButton--primary___LgoyI[data-selected] {
2124
- --background-color: var(--hop-comp-button-primary-background-color-selected);
2174
+ .ToggleButton-module__hop-ToggleButton--primary___UrwDq[data-selected] {
2175
+ --background: var(--hop-comp-button-primary-background-selected);
2125
2176
  --color: var(--hop-comp-button-primary-text-color-selected);
2177
+ --icon-color: var(--hop-comp-button-primary-icon-color-selected);
2126
2178
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
2127
2179
  }
2128
- .ToggleButton-module__hop-ToggleButton--secondary___m2QVF {
2180
+ .ToggleButton-module__hop-ToggleButton--secondary___FoMjA {
2129
2181
  }
2130
- .ToggleButton-module__hop-ToggleButton--secondary___m2QVF[data-selected] {
2131
- --background-color: var(--hop-comp-button-secondary-background-color-selected);
2182
+ .ToggleButton-module__hop-ToggleButton--secondary___FoMjA[data-selected] {
2183
+ --background: var(--hop-comp-button-secondary-background-selected);
2132
2184
  --color: var(--hop-comp-button-secondary-text-color-selected);
2185
+ --icon-color: var(--hop-comp-button-secondary-icon-color-selected);
2133
2186
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
2134
2187
  }
2135
- .ToggleButton-module__hop-ToggleButton--upsell___7P1Cl {
2188
+ .ToggleButton-module__hop-ToggleButton--upsell___CtM53 {
2136
2189
  }
2137
- .ToggleButton-module__hop-ToggleButton--upsell___7P1Cl[data-selected] {
2138
- --background-color: var(--hop-comp-button-upsell-background-color-selected);
2190
+ .ToggleButton-module__hop-ToggleButton--upsell___CtM53[data-selected] {
2191
+ --background: var(--hop-comp-button-upsell-background-selected);
2139
2192
  --color: var(--hop-comp-button-upsell-text-color-selected);
2193
+ --icon-color: var(--hop-comp-button-upsell-icon-color-selected);
2140
2194
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
2141
2195
  }
2142
- .ToggleButton-module__hop-ToggleButton--danger___ho5sX {
2196
+ .ToggleButton-module__hop-ToggleButton--danger___jTewI {
2143
2197
  }
2144
- .ToggleButton-module__hop-ToggleButton--danger___ho5sX[data-selected] {
2145
- --background-color: var(--hop-comp-button-danger-background-color-selected);
2198
+ .ToggleButton-module__hop-ToggleButton--danger___jTewI[data-selected] {
2199
+ --background: var(--hop-comp-button-danger-background-selected);
2146
2200
  --color: var(--hop-comp-button-danger-text-color-selected);
2201
+ --icon-color: var(--hop-comp-button-danger-icon-color-selected);
2147
2202
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
2148
2203
  }
2149
- .ToggleButton-module__hop-ToggleButton--ghost-primary___RcmRH {
2204
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___La0tk {
2150
2205
  }
2151
- .ToggleButton-module__hop-ToggleButton--ghost-primary___RcmRH[data-selected] {
2152
- --background-color: var(--hop-comp-button-ghost-primary-background-color-selected);
2206
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___La0tk[data-selected] {
2207
+ --background: var(--hop-comp-button-ghost-primary-background-selected);
2153
2208
  --color: var(--hop-comp-button-ghost-primary-text-color-selected);
2209
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-selected);
2154
2210
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
2155
2211
  }
2156
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___Vyswh {
2212
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___L5GM5 {
2157
2213
  }
2158
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___Vyswh[data-selected] {
2159
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-selected);
2214
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___L5GM5[data-selected] {
2215
+ --background: var(--hop-comp-button-ghost-secondary-background-selected);
2160
2216
  --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
2217
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-selected);
2161
2218
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
2162
2219
  }
2163
- .ToggleButton-module__hop-ToggleButton--ghost-danger___AhhZ5 {
2220
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sCsOy {
2164
2221
  }
2165
- .ToggleButton-module__hop-ToggleButton--ghost-danger___AhhZ5[data-selected] {
2166
- --background-color: var(--hop-comp-button-ghost-danger-background-color-selected);
2222
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sCsOy[data-selected] {
2223
+ --background: var(--hop-comp-button-ghost-danger-background-selected);
2167
2224
  --color: var(--hop-comp-button-ghost-danger-text-color-selected);
2225
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-selected);
2168
2226
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
2169
2227
  }
2170
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--primary___LgoyI {
2171
- --background-color: var(--hop-comp-button-primary-background-color);
2172
- --color: var(--hop-comp-button-primary-text-color);
2173
- --border: var(--hop-Button-primary-border);
2174
- }
2175
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--secondary___m2QVF {
2176
- --background-color: var(--hop-comp-button-secondary-background-color);
2177
- --color: var(--hop-comp-button-secondary-text-color);
2178
- --border: var(--hop-Button-secondary-border);
2179
- }
2180
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--upsell___7P1Cl {
2181
- --background-color: var(--hop-comp-button-upsell-background-color);
2182
- --color: var(--hop-comp-button-upsell-text-color);
2183
- --border: var(--hop-Button-upsell-border);
2184
- }
2185
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--danger___ho5sX {
2186
- --background-color: var(--hop-comp-button-danger-background-color);
2187
- --color: var(--hop-comp-button-danger-text-color);
2188
- --border: var(--hop-Button-danger-border);
2189
- }
2190
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--ghost-primary___RcmRH {
2191
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
2192
- --color: var(--hop-comp-button-ghost-primary-text-color);
2193
- --border: var(--hop-Button-ghost-primary-border);
2194
- }
2195
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--ghost-secondary___Vyswh {
2196
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
2197
- --color: var(--hop-comp-button-ghost-secondary-text-color);
2198
- --border: var(--hop-Button-ghost-secondary-border);
2199
- }
2200
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--ghost-danger___AhhZ5 {
2201
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
2202
- --color: var(--hop-comp-button-ghost-danger-text-color);
2203
- --border: var(--hop-Button-ghost-danger-border);
2228
+ .ToggleButton-module__hop-ToggleButton--loading___LpKD9 {
2204
2229
  }
2205
- .ToggleButton-module__hop-ToggleButton__Spinner___yQcG2 {
2230
+ .ToggleButton-module__hop-ToggleButton__Spinner___w6ejv {
2206
2231
  }
2207
- .ToggleButton-module__hop-ToggleButton__icon___gcrlS,
2208
- .ToggleButton-module__hop-ToggleButton__icon-list___OEz8b {
2232
+ .ToggleButton-module__hop-ToggleButton__icon___xAyDv,
2233
+ .ToggleButton-module__hop-ToggleButton__icon-list___dI-iD {
2209
2234
  }
2210
- .ToggleButton-module__hop-ToggleButton__text___U6CRI {
2235
+ .ToggleButton-module__hop-ToggleButton__text___Svuce {
2211
2236
  }
2212
- .ToggleButton-module__hop-ToggleButton__end-icon___y7sNB,
2213
- .ToggleButton-module__hop-ToggleButton__end-icon-list___QDOWp {
2237
+ .ToggleButton-module__hop-ToggleButton__end-icon___Glff3,
2238
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___4B9Ua {
2214
2239
  }
2215
- .ToggleButton-module__hop-ToggleButton__icon-list___OEz8b,
2216
- .ToggleButton-module__hop-ToggleButton__end-icon-list___QDOWp {
2240
+ .ToggleButton-module__hop-ToggleButton__icon-list___dI-iD,
2241
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___4B9Ua {
2217
2242
  }
2218
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton___51huq > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___yQcG2) {
2243
+ .ToggleButton-module__hop-ToggleButton--loading___LpKD9.ToggleButton-module__hop-ToggleButton___pf1eD > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___w6ejv) {
2219
2244
  opacity: 0;
2220
2245
  }
2221
2246
 
2222
2247
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2223
- .PasswordField-module__hop-PasswordField___Yk3xr {
2248
+ .PasswordField-module__hop-PasswordField___atjz- {
2224
2249
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2225
2250
  --hop-PasswordField-inline-size: 20rem;
2226
2251
  --hop-PasswordField-input-group-padding-inline-end: 0.5rem;
@@ -2231,35 +2256,35 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2231
2256
  inline-size: var(--inline-size);
2232
2257
  max-inline-size: 100%;
2233
2258
  }
2234
- .PasswordField-module__hop-PasswordField--fluid___dk-wt {
2259
+ .PasswordField-module__hop-PasswordField--fluid___L-Q4S {
2235
2260
  --inline-size: 100%;
2236
2261
  }
2237
- .PasswordField-module__hop-PasswordField__Label___HB3cj {
2262
+ .PasswordField-module__hop-PasswordField__Label___hS9wP {
2238
2263
  order: 0;
2239
2264
  }
2240
- .PasswordField-module__hop-PasswordField__InputGroup___MgUEk {
2265
+ .PasswordField-module__hop-PasswordField__InputGroup___eDcsa {
2241
2266
  order: 1;
2242
2267
  padding-inline-end: var(--hop-PasswordField-input-group-padding-inline-end);
2243
2268
  }
2244
- .PasswordField-module__hop-PasswordField__ErrorMessage___mtNYC,
2245
- .PasswordField-module__hop-PasswordField__HelperMessage___6oCAz {
2269
+ .PasswordField-module__hop-PasswordField__ErrorMessage___7-Vr8,
2270
+ .PasswordField-module__hop-PasswordField__HelperMessage___xFpvE {
2246
2271
  order: 3;
2247
2272
  }
2248
2273
 
2249
2274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2250
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___t3uEg {
2275
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___Gyrrh {
2251
2276
  --char-count-color: var(--hop-comp-field-prefill-color);
2252
2277
  color: var(--char-count-color);
2253
2278
  }
2254
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___t3uEg[data-invalid] {
2279
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___Gyrrh[data-invalid] {
2255
2280
  --char-count-color: var(--hop-comp-field-text-color-error);
2256
2281
  }
2257
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___t3uEg[data-disabled] {
2282
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___Gyrrh[data-disabled] {
2258
2283
  --char-count-color: var(--hop-comp-field-text-color-disabled);
2259
2284
  }
2260
2285
 
2261
2286
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2262
- .SearchField-module__hop-SearchField___sX6PK {
2287
+ .SearchField-module__hop-SearchField___C9rEl {
2263
2288
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2264
2289
  --hop-SearchField-inline-size: 20rem;
2265
2290
  --hop-SearchField-padding: var(--hop-space-inset-md);
@@ -2273,39 +2298,39 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2273
2298
  inline-size: var(--inline-size);
2274
2299
  max-inline-size: 100%;
2275
2300
  }
2276
- .SearchField-module__hop-SearchField--fluid___5fj4p {
2301
+ .SearchField-module__hop-SearchField--fluid___NJMau {
2277
2302
  --inline-size: 100%;
2278
2303
  }
2279
- .SearchField-module__hop-SearchField__Label___eA5yC {
2304
+ .SearchField-module__hop-SearchField__Label___3-5Vf {
2280
2305
  order: 0;
2281
2306
  }
2282
- .SearchField-module__hop-SearchField__prefix___NdkHu {
2307
+ .SearchField-module__hop-SearchField__prefix___OoF0t {
2283
2308
  color: var(--hop-comp-field-prefill-color);
2284
2309
  }
2285
- .SearchField-module__hop-SearchField__InputGroup___uZP4B {
2310
+ .SearchField-module__hop-SearchField__InputGroup___pJGLt {
2286
2311
  order: 1;
2287
2312
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2288
2313
  }
2289
- .SearchField-module__hop-SearchField--clearable___laGeH {
2314
+ .SearchField-module__hop-SearchField--clearable___YdzJi {
2290
2315
  --input-group-padding-inline-end: 0;
2291
2316
  }
2292
- .SearchField-module__hop-SearchField__ErrorMessage___6lgZh,
2293
- .SearchField-module__hop-SearchField__HelperMessage___Ig3xj {
2317
+ .SearchField-module__hop-SearchField__ErrorMessage___KEZmM,
2318
+ .SearchField-module__hop-SearchField__HelperMessage___YK9O3 {
2294
2319
  order: 3;
2295
2320
  }
2296
- .SearchField-module__hop-SearchField___sX6PK input::-webkit-search-cancel-button,
2297
- .SearchField-module__hop-SearchField___sX6PK input::-webkit-search-decoration {
2321
+ .SearchField-module__hop-SearchField___C9rEl input::-webkit-search-cancel-button,
2322
+ .SearchField-module__hop-SearchField___C9rEl input::-webkit-search-decoration {
2298
2323
  appearance: none;
2299
2324
  }
2300
- .SearchField-module__hop-SearchField___sX6PK[data-empty] {
2325
+ .SearchField-module__hop-SearchField___C9rEl[data-empty] {
2301
2326
  --clear-button-display: none;
2302
2327
  }
2303
- .SearchField-module__hop-SearchField__ClearButton___v8KUY {
2328
+ .SearchField-module__hop-SearchField__ClearButton___Y9wUY {
2304
2329
  display: var(--clear-button-display);
2305
2330
  }
2306
2331
 
2307
2332
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2308
- .TextArea-module__hop-TextArea___HOUsb {
2333
+ .TextArea-module__hop-TextArea___752pA {
2309
2334
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2310
2335
  --hop-TextArea-inline-size: 20rem;
2311
2336
  --hop-TextArea-input-min-height: 2rem;
@@ -2330,40 +2355,40 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2330
2355
  inline-size: var(--inline-size);
2331
2356
  max-inline-size: 100%;
2332
2357
  }
2333
- .TextArea-module__hop-TextArea--fluid___cUhAN {
2358
+ .TextArea-module__hop-TextArea--fluid___QnjkN {
2334
2359
  --inline-size: 100%;
2335
2360
  }
2336
- .TextArea-module__hop-TextArea--max-rows___ZQu3u .TextArea-module__hop-TextArea__textarea___IDcbO {
2361
+ .TextArea-module__hop-TextArea--max-rows___BZ3YU .TextArea-module__hop-TextArea__textarea___LLF0r {
2337
2362
  overflow-y: auto;
2338
2363
  }
2339
- .TextArea-module__hop-TextArea--max-rows___ZQu3u .TextArea-module__hop-TextArea__InputGroup___wDLfN {
2364
+ .TextArea-module__hop-TextArea--max-rows___BZ3YU .TextArea-module__hop-TextArea__InputGroup___YSk0m {
2340
2365
  overflow: hidden;
2341
2366
  }
2342
- .TextArea-module__hop-TextArea___HOUsb[data-resize-mode=vertical] {
2367
+ .TextArea-module__hop-TextArea___752pA[data-resize-mode=vertical] {
2343
2368
  --resize: vertical;
2344
2369
  }
2345
- .TextArea-module__hop-TextArea__Label___Etm3c {
2370
+ .TextArea-module__hop-TextArea__Label___VolRf {
2346
2371
  order: 0;
2347
2372
  }
2348
- .TextArea-module__hop-TextArea__prefix___DOm9x {
2373
+ .TextArea-module__hop-TextArea__prefix___4skUA {
2349
2374
  color: var(--hop-comp-field-prefill-color);
2350
2375
  }
2351
- .TextArea-module__hop-TextArea__RemainingCharacterCount___Emi-4 {
2376
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___nvUix {
2352
2377
  padding-block-end: var(--hop-space-inset-sm);
2353
2378
  padding-inline: var(--hop-space-inset-md);
2354
2379
  }
2355
- .TextArea-module__hop-TextArea__InputGroup___wDLfN {
2380
+ .TextArea-module__hop-TextArea__InputGroup___YSk0m {
2356
2381
  flex-direction: column;
2357
2382
  gap: 0;
2358
2383
  align-items: flex-end;
2359
2384
  order: 1;
2360
2385
  padding: 0;
2361
2386
  }
2362
- .TextArea-module__hop-TextArea__ErrorMessage___KIHpM,
2363
- .TextArea-module__hop-TextArea__HelperMessage___1pKe8 {
2387
+ .TextArea-module__hop-TextArea__ErrorMessage___J4xJw,
2388
+ .TextArea-module__hop-TextArea__HelperMessage___cgFOv {
2364
2389
  order: 3;
2365
2390
  }
2366
- .TextArea-module__hop-TextArea__textarea___IDcbO {
2391
+ .TextArea-module__hop-TextArea__textarea___LLF0r {
2367
2392
  resize: var(--resize);
2368
2393
  overflow: hidden;
2369
2394
  flex-direction: column;
@@ -2386,31 +2411,31 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2386
2411
  border: 0;
2387
2412
  outline-style: none;
2388
2413
  }
2389
- .TextArea-module__hop-TextArea__textarea--with-character-count___KKSUK {
2414
+ .TextArea-module__hop-TextArea__textarea--with-character-count___kc5lS {
2390
2415
  padding-block-end: 0;
2391
2416
  }
2392
- .TextArea-module__hop-TextArea__textarea--sm___wikQj {
2417
+ .TextArea-module__hop-TextArea__textarea--sm___xf8xP {
2393
2418
  --font-family: var(--hop-TextArea-sm-font-family);
2394
2419
  --font-size: var(--hop-TextArea-sm-font-size);
2395
2420
  --font-weight: var(--hop-TextArea-sm-font-weight);
2396
2421
  --line-height: var(--hop-TextArea-sm-line-height);
2397
2422
  }
2398
- .TextArea-module__hop-TextArea__textarea___IDcbO::placeholder {
2423
+ .TextArea-module__hop-TextArea__textarea___LLF0r::placeholder {
2399
2424
  font-family: var(--hop-TextArea-placeholder-font-family);
2400
2425
  font-size: var(--hop-TextArea-placeholder-font-size);
2401
2426
  font-weight: var(--hop-TextArea-placeholder-font-weight);
2402
2427
  line-height: var(--hop-TextArea-placeholder-line-height);
2403
2428
  color: var(--hop-comp-field-placeholder-color);
2404
2429
  }
2405
- .TextArea-module__hop-TextArea__textarea___IDcbO[data-disabled]::placeholder {
2430
+ .TextArea-module__hop-TextArea__textarea___LLF0r[data-disabled]::placeholder {
2406
2431
  color: var(--hop-comp-field-text-color-disabled);
2407
2432
  }
2408
- .TextArea-module__hop-TextArea__textarea___IDcbO[data-disabled] {
2433
+ .TextArea-module__hop-TextArea__textarea___LLF0r[data-disabled] {
2409
2434
  color: var(--hop-comp-field-text-color-disabled);
2410
2435
  }
2411
2436
 
2412
2437
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2413
- .TextField-module__hop-TextField___PvEls {
2438
+ .TextField-module__hop-TextField___xAuBU {
2414
2439
  --hop-TextField-gap: var(--hop-space-stack-xs);
2415
2440
  --hop-TextField-inline-size: 20rem;
2416
2441
  --inline-size: var(--hop-TextField-inline-size);
@@ -2420,19 +2445,19 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2420
2445
  inline-size: var(--inline-size);
2421
2446
  max-inline-size: 100%;
2422
2447
  }
2423
- .TextField-module__hop-TextField--fluid___OdLpt {
2448
+ .TextField-module__hop-TextField--fluid___LYade {
2424
2449
  --inline-size: 100%;
2425
2450
  }
2426
- .TextField-module__hop-TextField__Label___x14RH {
2451
+ .TextField-module__hop-TextField__Label___SBCk4 {
2427
2452
  order: 0;
2428
2453
  }
2429
- .TextField-module__hop-TextField__prefix___y3sNc {
2454
+ .TextField-module__hop-TextField__prefix___nIOXC {
2430
2455
  color: var(--hop-comp-field-prefill-color);
2431
2456
  }
2432
- .TextField-module__hop-TextField__InputGroup___iE-Oj {
2457
+ .TextField-module__hop-TextField__InputGroup___qPWJv {
2433
2458
  order: 1;
2434
2459
  }
2435
- .TextField-module__hop-TextField__ErrorMessage___sehzL,
2436
- .TextField-module__hop-TextField__HelperMessage___tSra3 {
2460
+ .TextField-module__hop-TextField__ErrorMessage___pkVBH,
2461
+ .TextField-module__hop-TextField__HelperMessage___87-gf {
2437
2462
  order: 3;
2438
2463
  }