@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/menu/src/Menu.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/divider/src/Divider.module.css/#css-module-data */
284
- :where(.Divider-module__hop-Divider___V-tDe) {
284
+ :where(.Divider-module__hop-Divider___c3gmF) {
285
285
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
286
286
  --hop-Divider-border-size: 0.0625rem;
287
287
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -306,7 +306,7 @@
306
306
  border-block-end: var(--border-block-end);
307
307
  border-inline-start: var(--border-inline-start);
308
308
  }
309
- .Divider-module__hop-Divider--vertical___lbhFk {
309
+ .Divider-module__hop-Divider--vertical___snctI {
310
310
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
311
311
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
312
312
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -315,7 +315,7 @@
315
315
  }
316
316
 
317
317
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
318
- .IconList-module__hop-IconList___65Xzq {
318
+ .IconList-module__hop-IconList___SvMS4 {
319
319
  --hop-IconList-gap: var(--hop-space-inline-xs);
320
320
  display: flex;
321
321
  flex-wrap: wrap;
@@ -324,7 +324,7 @@
324
324
  }
325
325
 
326
326
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
327
- @keyframes Spinner-module__spin___r1Maq {
327
+ @keyframes Spinner-module__spin___jMApU {
328
328
  0% {
329
329
  transform: rotate(0deg);
330
330
  }
@@ -332,7 +332,7 @@
332
332
  transform: rotate(360deg);
333
333
  }
334
334
  }
335
- .Spinner-module__hop-Spinner___FlJW5 {
335
+ .Spinner-module__hop-Spinner___1ssMJ {
336
336
  --hop-Spinner-border-radius: var(--hop-shape-circle);
337
337
  --hop-Spinner-sm-wheel-size: 1rem;
338
338
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -340,7 +340,7 @@
340
340
  --hop-Spinner-track-width: 0.125rem;
341
341
  --hop-Spinner-track-opacity: 0.2;
342
342
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
343
- --hop-Spinner-fill-animation: Spinner-module__spin___r1Maq .8s infinite linear;
343
+ --hop-Spinner-fill-animation: Spinner-module__spin___jMApU .8s infinite linear;
344
344
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
345
345
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
346
346
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -351,19 +351,19 @@
351
351
  align-items: center;
352
352
  box-sizing: border-box;
353
353
  }
354
- .Spinner-module__hop-Spinner--sm___m6sNk {
354
+ .Spinner-module__hop-Spinner--sm___xRHfi {
355
355
  --width: var(--hop-Spinner-sm-wheel-size);
356
356
  --height: var(--hop-Spinner-sm-wheel-size);
357
357
  }
358
- .Spinner-module__hop-Spinner--md___F-nOW {
358
+ .Spinner-module__hop-Spinner--md___EmK5W {
359
359
  --width: var(--hop-Spinner-md-wheel-size);
360
360
  --height: var(--hop-Spinner-md-wheel-size);
361
361
  }
362
- .Spinner-module__hop-Spinner--lg___H4J-F {
362
+ .Spinner-module__hop-Spinner--lg___VAevn {
363
363
  --width: var(--hop-Spinner-lg-wheel-size);
364
364
  --height: var(--hop-Spinner-lg-wheel-size);
365
365
  }
366
- .Spinner-module__hop-Spinner__track___s8gU7 {
366
+ .Spinner-module__hop-Spinner__track___2SBvX {
367
367
  grid-area: spinner;
368
368
  box-sizing: border-box;
369
369
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -372,7 +372,7 @@
372
372
  border: var(--hop-Spinner-track-border);
373
373
  border-radius: var(--hop-Spinner-border-radius);
374
374
  }
375
- .Spinner-module__hop-Spinner__fill___XIVBl {
375
+ .Spinner-module__hop-Spinner__fill___sKqgB {
376
376
  grid-area: spinner;
377
377
  box-sizing: border-box;
378
378
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -383,18 +383,18 @@
383
383
  animation: var(--hop-Spinner-fill-animation);
384
384
  }
385
385
  @media (prefers-reduced-motion: reduce) {
386
- .Spinner-module__hop-Spinner__fill___XIVBl {
386
+ .Spinner-module__hop-Spinner__fill___sKqgB {
387
387
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
388
388
  }
389
389
  }
390
- .Spinner-module__hop-Spinner__label___csFy9 {
390
+ .Spinner-module__hop-Spinner__label___gy2ci {
391
391
  grid-area: label;
392
392
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
393
393
  }
394
394
 
395
395
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
396
- .Button-module__hop-Button___sgx-6 {
397
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
396
+ .Button-module__hop-Button___cEzVI {
397
+ --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
398
398
  --hop-Button-column-gap: var(--hop-space-inline-xs);
399
399
  --hop-Button-icon-only-column-gap: 0;
400
400
  --hop-Button-outline-size: var(--hop-space-20);
@@ -409,42 +409,23 @@
409
409
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
410
410
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
411
411
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
412
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
413
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
414
412
  --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
415
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
416
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
417
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
418
413
  --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
419
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
420
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
421
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
422
414
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
423
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
424
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
425
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
426
415
  --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
427
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
428
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
429
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
430
416
  --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
431
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
432
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
433
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
434
417
  --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
435
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
436
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
437
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
438
418
  --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
439
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
440
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
441
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
442
419
  --inline-size: max-content;
443
420
  --block-size: var(--hop-Button-md-height);
444
- --background-color: var(--hop-primary-surface-strong);
421
+ --background: var(--hop-primary-surface-strong);
445
422
  --color: var(--hop-primary-text-strong);
423
+ --icon-color: var(--color);
446
424
  --column-gap: var(--hop-Button-column-gap);
447
425
  --spinner: var(--hop-primary-icon-strong);
426
+ --background-loading: var(--background);
427
+ --border-color-loading: transparent;
428
+ --box-shadow-loading: none;
448
429
  --border: 0;
449
430
  --padding: var(--hop-Button-md-padding);
450
431
  --box-shadow: none;
@@ -462,7 +443,7 @@
462
443
  color: var(--color);
463
444
  text-decoration: none;
464
445
  white-space: nowrap;
465
- background-color: var(--background-color);
446
+ background: var(--background);
466
447
  border: var(--border);
467
448
  border-radius: var(--hop-comp-button-border-radius);
468
449
  outline: none;
@@ -473,220 +454,255 @@
473
454
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
474
455
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
475
456
  }
476
- .Button-module__hop-Button--fluid___-epn3 {
457
+ .Button-module__hop-Button--fluid___HUhhp {
477
458
  --inline-size: 100%;
478
459
  }
479
- .Button-module__hop-Button--xs___nWMoM {
460
+ .Button-module__hop-Button--xs___PF56K {
480
461
  --block-size: var(--hop-Button-xs-height);
481
462
  --padding: var(--hop-Button-xs-padding);
482
463
  }
483
- .Button-module__hop-Button--xs___nWMoM[class*=--ghost] {
464
+ .Button-module__hop-Button--xs___PF56K[class*=--ghost] {
484
465
  --padding: var(--hop-Button-ghost-xs-padding);
485
466
  }
486
- .Button-module__hop-Button--sm___el-hu {
467
+ .Button-module__hop-Button--sm___FlTAw {
487
468
  --block-size: var(--hop-Button-sm-height);
488
469
  --padding: var(--hop-Button-sm-padding);
489
470
  }
490
- .Button-module__hop-Button--sm___el-hu[class*=--ghost] {
471
+ .Button-module__hop-Button--sm___FlTAw[class*=--ghost] {
491
472
  --padding: var(--hop-Button-ghost-sm-padding);
492
473
  }
493
- .Button-module__hop-Button--md___nABk9[class*=--ghost] {
474
+ .Button-module__hop-Button--md___jnsk-[class*=--ghost] {
494
475
  --padding: var(--hop-Button-ghost-md-padding);
495
476
  }
496
- .Button-module__hop-Button--icon-only___59IGX {
477
+ .Button-module__hop-Button--icon-only___7-yVF {
497
478
  --column-gap: var(--hop-Button-icon-only-column-gap);
498
479
  --padding: var(--hop-Button-icon-only-padding);
499
480
  aspect-ratio: 1;
500
481
  }
501
- .Button-module__hop-Button--primary___0lOnm {
502
- --background-color: var(--hop-comp-button-primary-background-color);
482
+ .Button-module__hop-Button--primary___U1xEj {
483
+ --background: var(--hop-comp-button-primary-background);
503
484
  --color: var(--hop-comp-button-primary-text-color);
485
+ --icon-color: var(--hop-comp-button-primary-icon-color);
504
486
  --border: var(--hop-Button-primary-border);
505
- --spinner-color: var(--hop-Button-primary-spinner-color);
487
+ --color-loading: var(--hop-comp-button-primary-color-loading);
488
+ --background-loading: var(--hop-comp-button-primary-background-loading);
489
+ --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
490
+ --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
506
491
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
507
492
  }
508
- .Button-module__hop-Button--primary___0lOnm[data-hovered],
509
- .Button-module__hop-Button--primary___0lOnm[data-focus-visible] {
510
- --background-color: var(--hop-comp-button-primary-background-color-hover);
493
+ .Button-module__hop-Button--primary___U1xEj[data-hovered],
494
+ .Button-module__hop-Button--primary___U1xEj[data-focus-visible] {
495
+ --background: var(--hop-comp-button-primary-background-hover);
511
496
  --color: var(--hop-comp-button-primary-text-color-hover);
512
- --border: var(--hop-Button-primary-border-hover);
497
+ --icon-color: var(--hop-comp-button-primary-icon-color-hover);
498
+ --border: var(--hop-Button-primary-border);
513
499
  }
514
- .Button-module__hop-Button--primary___0lOnm[data-pressed] {
515
- --background-color: var(--hop-comp-button-primary-background-color-pressed);
500
+ .Button-module__hop-Button--primary___U1xEj[data-pressed] {
501
+ --background: var(--hop-comp-button-primary-background-pressed);
516
502
  --color: var(--hop-comp-button-primary-text-color-pressed);
517
- --border: var(--hop-Button-primary-border-pressed);
503
+ --icon-color: var(--hop-comp-button-primary-icon-color-press);
504
+ --border: var(--hop-Button-primary-border);
518
505
  }
519
- .Button-module__hop-Button--secondary___b9c-F {
520
- --background-color: var(--hop-comp-button-secondary-background-color);
506
+ .Button-module__hop-Button--secondary___Pu8fi {
507
+ --background: var(--hop-comp-button-secondary-background);
521
508
  --color: var(--hop-comp-button-secondary-text-color);
509
+ --icon-color: var(--hop-comp-button-secondary-icon-color);
522
510
  --border: var(--hop-Button-secondary-border);
523
- --spinner-color: var(--hop-Button-secondary-spinner-color);
511
+ --color-loading: var(--hop-comp-button-secondary-color-loading);
512
+ --background-loading: var(--hop-comp-button-secondary-background-loading);
513
+ --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
514
+ --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
524
515
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
525
516
  }
526
- .Button-module__hop-Button--secondary___b9c-F[data-hovered],
527
- .Button-module__hop-Button--secondary___b9c-F[data-focus-visible] {
528
- --background-color: var(--hop-comp-button-secondary-background-color-hover);
517
+ .Button-module__hop-Button--secondary___Pu8fi[data-hovered],
518
+ .Button-module__hop-Button--secondary___Pu8fi[data-focus-visible] {
519
+ --background: var(--hop-comp-button-secondary-background-hover);
529
520
  --color: var(--hop-comp-button-secondary-text-color-hover);
530
- --border: var(--hop-Button-secondary-border-hover);
521
+ --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
522
+ --border: var(--hop-Button-secondary-border);
531
523
  }
532
- .Button-module__hop-Button--secondary___b9c-F[data-pressed] {
533
- --background-color: var(--hop-comp-button-secondary-background-color-pressed);
524
+ .Button-module__hop-Button--secondary___Pu8fi[data-pressed] {
525
+ --background: var(--hop-comp-button-secondary-background-pressed);
534
526
  --color: var(--hop-comp-button-secondary-text-color-pressed);
535
- --border: var(--hop-Button-secondary-border-pressed);
527
+ --icon-color: var(--hop-comp-button-secondary-icon-color-press);
528
+ --border: var(--hop-Button-secondary-border);
536
529
  }
537
- .Button-module__hop-Button--upsell___1xQXs {
538
- --background-color: var(--hop-comp-button-upsell-background-color);
530
+ .Button-module__hop-Button--upsell___O6xUd {
531
+ --background: var(--hop-comp-button-upsell-background);
539
532
  --color: var(--hop-comp-button-upsell-text-color);
533
+ --icon-color: var(--hop-comp-button-upsell-icon-color);
540
534
  --border: var(--hop-Button-upsell-border);
541
- --spinner-color: var(--hop-Button-upsell-spinner-color);
535
+ --color-loading: var(--hop-comp-button-upsell-color-loading);
536
+ --background-loading: var(--hop-comp-button-upsell-background-loading);
537
+ --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
538
+ --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
542
539
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
543
540
  }
544
- .Button-module__hop-Button--upsell___1xQXs[data-hovered],
545
- .Button-module__hop-Button--upsell___1xQXs[data-focus-visible] {
546
- --background-color: var(--hop-comp-button-upsell-background-color-hover);
541
+ .Button-module__hop-Button--upsell___O6xUd[data-hovered],
542
+ .Button-module__hop-Button--upsell___O6xUd[data-focus-visible] {
543
+ --background: var(--hop-comp-button-upsell-background-hover);
547
544
  --color: var(--hop-comp-button-upsell-text-color-hover);
548
- --border: var(--hop-Button-upsell-border-hover);
545
+ --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
546
+ --border: var(--hop-Button-upsell-border);
549
547
  }
550
- .Button-module__hop-Button--upsell___1xQXs[data-pressed] {
551
- --background-color: var(--hop-comp-button-upsell-background-color-pressed);
548
+ .Button-module__hop-Button--upsell___O6xUd[data-pressed] {
549
+ --background: var(--hop-comp-button-upsell-background-pressed);
552
550
  --color: var(--hop-comp-button-upsell-text-color-pressed);
553
- --border: var(--hop-Button-upsell-border-pressed);
551
+ --icon-color: var(--hop-comp-button-upsell-icon-color-press);
552
+ --border: var(--hop-Button-upsell-border);
554
553
  }
555
- .Button-module__hop-Button--danger___aISF3 {
556
- --background-color: var(--hop-comp-button-danger-background-color);
554
+ .Button-module__hop-Button--danger___9Bdk4 {
555
+ --background: var(--hop-comp-button-danger-background);
557
556
  --color: var(--hop-comp-button-danger-text-color);
557
+ --icon-color: var(--hop-comp-button-danger-icon-color);
558
558
  --border: var(--hop-Button-danger-border);
559
- --spinner-color: var(--hop-Button-danger-spinner-color);
559
+ --color-loading: var(--hop-comp-button-danger-color-loading);
560
+ --background-loading: var(--hop-comp-button-danger-background-loading);
561
+ --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
562
+ --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
560
563
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
561
564
  }
562
- .Button-module__hop-Button--danger___aISF3[data-hovered],
563
- .Button-module__hop-Button--danger___aISF3[data-focus-visible] {
564
- --background-color: var(--hop-comp-button-danger-background-color-hover);
565
+ .Button-module__hop-Button--danger___9Bdk4[data-hovered],
566
+ .Button-module__hop-Button--danger___9Bdk4[data-focus-visible] {
567
+ --background: var(--hop-comp-button-danger-background-hover);
565
568
  --color: var(--hop-comp-button-danger-text-color-hover);
566
- --border: var(--hop-Button-danger-border-hover);
569
+ --icon-color: var(--hop-comp-button-danger-icon-color-hover);
570
+ --border: var(--hop-Button-danger-border);
567
571
  }
568
- .Button-module__hop-Button--danger___aISF3[data-pressed] {
569
- --background-color: var(--hop-comp-button-danger-background-color-pressed);
572
+ .Button-module__hop-Button--danger___9Bdk4[data-pressed] {
573
+ --background: var(--hop-comp-button-danger-background-pressed);
570
574
  --color: var(--hop-comp-button-danger-text-color-pressed);
571
- --border: var(--hop-Button-danger-border-pressed);
575
+ --icon-color: var(--hop-comp-button-danger-icon-color-press);
576
+ --border: var(--hop-Button-danger-border);
572
577
  }
573
- .Button-module__hop-Button--ghost-primary___IcaPW {
574
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
578
+ .Button-module__hop-Button--ghost-primary___UXsJi {
579
+ --background: var(--hop-comp-button-ghost-primary-background);
575
580
  --color: var(--hop-comp-button-ghost-primary-text-color);
581
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
576
582
  --border: var(--hop-Button-ghost-primary-border);
577
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
583
+ --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
584
+ --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
585
+ --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
586
+ --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
578
587
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
579
588
  }
580
- .Button-module__hop-Button--ghost-primary___IcaPW[data-hovered],
581
- .Button-module__hop-Button--ghost-primary___IcaPW[data-focus-visible] {
582
- --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
589
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-hovered],
590
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-focus-visible] {
591
+ --background: var(--hop-comp-button-ghost-primary-background-hover);
583
592
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
584
- --border: var(--hop-Button-ghost-primary-border-hover);
593
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
594
+ --border: var(--hop-Button-ghost-primary-border);
585
595
  }
586
- .Button-module__hop-Button--ghost-primary___IcaPW[data-pressed] {
587
- --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
596
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-pressed] {
597
+ --background: var(--hop-comp-button-ghost-primary-background-pressed);
588
598
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
589
- --border: var(--hop-Button-ghost-primary-border-pressed);
599
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
600
+ --border: var(--hop-Button-ghost-primary-border);
590
601
  }
591
- .Button-module__hop-Button--ghost-secondary___vPfBY {
592
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
602
+ .Button-module__hop-Button--ghost-secondary___toGp0 {
603
+ --background: var(--hop-comp-button-ghost-secondary-background);
593
604
  --color: var(--hop-comp-button-ghost-secondary-text-color);
605
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
594
606
  --border: var(--hop-Button-ghost-secondary-border);
595
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
607
+ --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
608
+ --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
609
+ --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
610
+ --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
596
611
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
597
612
  }
598
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-hovered],
599
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-focus-visible] {
600
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
613
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-hovered],
614
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-focus-visible] {
615
+ --background: var(--hop-comp-button-ghost-secondary-background-hover);
601
616
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
602
- --border: var(--hop-Button-ghost-secondary-border-hover);
617
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
618
+ --border: var(--hop-Button-ghost-secondary-border);
603
619
  }
604
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-pressed] {
605
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
620
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-pressed] {
621
+ --background: var(--hop-comp-button-ghost-secondary-background-pressed);
606
622
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
607
- --border: var(--hop-Button-ghost-secondary-border-pressed);
623
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
624
+ --border: var(--hop-Button-ghost-secondary-border);
608
625
  }
609
- .Button-module__hop-Button--ghost-danger___pruuE {
610
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
626
+ .Button-module__hop-Button--ghost-danger___wshP- {
627
+ --background: var(--hop-comp-button-ghost-danger-background);
611
628
  --color: var(--hop-comp-button-ghost-danger-text-color);
629
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
612
630
  --border: var(--hop-Button-ghost-danger-border);
613
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
631
+ --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
632
+ --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
633
+ --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
634
+ --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
614
635
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
615
636
  }
616
- .Button-module__hop-Button--ghost-danger___pruuE[data-hovered],
617
- .Button-module__hop-Button--ghost-danger___pruuE[data-focus-visible] {
618
- --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
637
+ .Button-module__hop-Button--ghost-danger___wshP-[data-hovered],
638
+ .Button-module__hop-Button--ghost-danger___wshP-[data-focus-visible] {
639
+ --background: var(--hop-comp-button-ghost-danger-background-hover);
619
640
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
620
- --border: var(--hop-Button-ghost-danger-border-hover);
641
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
642
+ --border: var(--hop-Button-ghost-danger-border);
621
643
  }
622
- .Button-module__hop-Button--ghost-danger___pruuE[data-pressed] {
623
- --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
644
+ .Button-module__hop-Button--ghost-danger___wshP-[data-pressed] {
645
+ --background: var(--hop-comp-button-ghost-danger-background-pressed);
624
646
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
625
- --border: var(--hop-Button-ghost-danger-border-pressed);
647
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
648
+ --border: var(--hop-Button-ghost-danger-border);
626
649
  }
627
- .Button-module__hop-Button___sgx-6[data-focus-visible] {
650
+ .Button-module__hop-Button___cEzVI[data-focus-visible] {
628
651
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
629
652
  }
630
- .Button-module__hop-Button___sgx-6[data-disabled],
631
- .Button-module__hop-Button--loading___BQ9xT {
653
+ .Button-module__hop-Button___cEzVI[data-disabled],
654
+ .Button-module__hop-Button--loading___NMXIV {
632
655
  cursor: not-allowed;
633
656
  }
634
- .Button-module__hop-Button___sgx-6[data-disabled] {
635
- --background-color: var(--hop-comp-button-disabled-background-color);
636
- --color: var(--hop-comp-button-disabled-text-color);
637
- --border: var(--hop-Button-border-disabled);
657
+ .Button-module__hop-Button___cEzVI[data-disabled] {
658
+ --color: var(--hop-comp-button-text-color-disabled);
659
+ --icon-color: var(--hop-comp-button-icon-color-disabled);
638
660
  }
639
- .Button-module__hop-Button___sgx-6[class*=--ghost][data-disabled] {
640
- --background-color: var(--hop-comp-button-ghost-disabled-background-color);
641
- --color: var(--hop-comp-button-ghost-disabled-text-color);
642
- --border: var(--hop-Button-ghost-border-disabled);
661
+ .Button-module__hop-Button--primary___U1xEj[data-disabled] {
662
+ --background: var(--hop-comp-button-primary-background-disabled);
663
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
643
664
  }
644
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--primary___0lOnm {
645
- --background-color: var(--hop-comp-button-primary-background-color);
646
- --color: var(--hop-comp-button-primary-text-color);
647
- --border: var(--hop-Button-primary-border);
665
+ .Button-module__hop-Button--secondary___Pu8fi[data-disabled] {
666
+ --background: var(--hop-comp-button-secondary-background-disabled);
667
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
648
668
  }
649
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--secondary___b9c-F {
650
- --background-color: var(--hop-comp-button-secondary-background-color);
651
- --color: var(--hop-comp-button-secondary-text-color);
652
- --border: var(--hop-Button-secondary-border);
669
+ .Button-module__hop-Button--upsell___O6xUd[data-disabled] {
670
+ --background: var(--hop-comp-button-upsell-background-disabled);
671
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
653
672
  }
654
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--upsell___1xQXs {
655
- --background-color: var(--hop-comp-button-upsell-background-color);
656
- --color: var(--hop-comp-button-upsell-text-color);
657
- --border: var(--hop-Button-upsell-border);
673
+ .Button-module__hop-Button--danger___9Bdk4[data-disabled] {
674
+ --background: var(--hop-comp-button-danger-background-disabled);
675
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
658
676
  }
659
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--danger___aISF3 {
660
- --background-color: var(--hop-comp-button-danger-background-color);
661
- --color: var(--hop-comp-button-danger-text-color);
662
- --border: var(--hop-Button-danger-border);
677
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-disabled] {
678
+ --background: var(--hop-comp-button-ghost-primary-background-disabled);
679
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
663
680
  }
664
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-primary___IcaPW {
665
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
666
- --color: var(--hop-comp-button-ghost-primary-text-color);
667
- --border: var(--hop-Button-ghost-primary-border);
681
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-disabled] {
682
+ --background: var(--hop-comp-button-ghost-secondary-background-disabled);
683
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
668
684
  }
669
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-secondary___vPfBY {
670
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
671
- --color: var(--hop-comp-button-ghost-secondary-text-color);
672
- --border: var(--hop-Button-ghost-secondary-border);
685
+ .Button-module__hop-Button--ghost-danger___wshP-[data-disabled] {
686
+ --background: var(--hop-comp-button-ghost-danger-background-disabled);
687
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
673
688
  }
674
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-danger___pruuE {
675
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
676
- --color: var(--hop-comp-button-ghost-danger-text-color);
677
- --border: var(--hop-Button-ghost-danger-border);
689
+ .Button-module__hop-Button--loading___NMXIV {
690
+ background: var(--background-loading);
691
+ color: var(--color-loading);
692
+ border-color: var(--border-color-loading);
693
+ box-shadow: var(--box-shadow-loading);
678
694
  }
679
- .Button-module__hop-Button__Spinner___8pCIG {
695
+ .Button-module__hop-Button__Spinner___hSXad {
680
696
  position: absolute;
681
- color: var(--spinner-color);
682
697
  }
683
- .Button-module__hop-Button__icon___gl8cW,
684
- .Button-module__hop-Button__icon-list___uyZsy {
698
+ .Button-module__hop-Button__icon___koGX2,
699
+ .Button-module__hop-Button__icon-list___uV0To {
685
700
  flex: 0 0 auto;
686
701
  justify-self: end;
687
702
  order: 1;
703
+ color: var(--icon-color);
688
704
  }
689
- .Button-module__hop-Button__text___ji-Lx {
705
+ .Button-module__hop-Button__text___yWZed {
690
706
  user-select: none;
691
707
  overflow: visible;
692
708
  flex: 0 1 auto;
@@ -695,60 +711,61 @@
695
711
  text-decoration: none;
696
712
  text-wrap: nowrap;
697
713
  }
698
- .Button-module__hop-Button__end-icon___LnEKx,
699
- .Button-module__hop-Button__end-icon-list___EnFJv {
714
+ .Button-module__hop-Button__end-icon___r5rxu,
715
+ .Button-module__hop-Button__end-icon-list___4NYnd {
700
716
  flex: 0 0 auto;
701
717
  order: 3;
718
+ color: var(--icon-color);
702
719
  }
703
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__icon-list___uyZsy,
704
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__end-icon-list___EnFJv {
720
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__icon-list___uV0To,
721
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__end-icon-list___4NYnd {
705
722
  flex-wrap: nowrap;
706
723
  }
707
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button___sgx-6 > *:not(.Button-module__hop-Button__Spinner___8pCIG) {
724
+ .Button-module__hop-Button--loading___NMXIV.Button-module__hop-Button___cEzVI > *:not(.Button-module__hop-Button__Spinner___hSXad) {
708
725
  opacity: 0;
709
726
  }
710
727
 
711
728
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
712
- .ButtonGroup-module__hop-ButtonGroup___RHv56 {
729
+ .ButtonGroup-module__hop-ButtonGroup___5zANq {
713
730
  display: inline-flex;
714
731
  flex-wrap: nowrap;
715
732
  gap: var(--hop-space-inline-md);
716
733
  }
717
- .ButtonGroup-module__hop-ButtonGroup--horizontal___UsRa2 {
734
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
718
735
  align-items: center;
719
736
  }
720
- .ButtonGroup-module__hop-ButtonGroup--vertical___rMlAL {
737
+ .ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
721
738
  flex-direction: column;
722
739
  gap: var(--hop-space-stack-md);
723
740
  justify-content: center;
724
741
  }
725
- .ButtonGroup-module__hop-ButtonGroup--start___v4piE.ButtonGroup-module__hop-ButtonGroup--vertical___rMlAL {
742
+ .ButtonGroup-module__hop-ButtonGroup--start___2D3sy.ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
726
743
  align-items: flex-start;
727
744
  }
728
- .ButtonGroup-module__hop-ButtonGroup--center___5K5HP.ButtonGroup-module__hop-ButtonGroup--vertical___rMlAL {
745
+ .ButtonGroup-module__hop-ButtonGroup--center___JLKps.ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
729
746
  align-items: center;
730
747
  }
731
- .ButtonGroup-module__hop-ButtonGroup--end___V6F0u.ButtonGroup-module__hop-ButtonGroup--vertical___rMlAL {
748
+ .ButtonGroup-module__hop-ButtonGroup--end___jQ-rJ.ButtonGroup-module__hop-ButtonGroup--vertical___XmPsC {
732
749
  align-items: flex-end;
733
750
  }
734
- .ButtonGroup-module__hop-ButtonGroup--start___v4piE.ButtonGroup-module__hop-ButtonGroup--horizontal___UsRa2 {
751
+ .ButtonGroup-module__hop-ButtonGroup--start___2D3sy.ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
735
752
  justify-content: flex-start;
736
753
  }
737
- .ButtonGroup-module__hop-ButtonGroup--center___5K5HP.ButtonGroup-module__hop-ButtonGroup--horizontal___UsRa2 {
754
+ .ButtonGroup-module__hop-ButtonGroup--center___JLKps.ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
738
755
  justify-content: center;
739
756
  }
740
- .ButtonGroup-module__hop-ButtonGroup--end___V6F0u.ButtonGroup-module__hop-ButtonGroup--horizontal___UsRa2 {
757
+ .ButtonGroup-module__hop-ButtonGroup--end___jQ-rJ.ButtonGroup-module__hop-ButtonGroup--horizontal___vYGTZ {
741
758
  justify-content: flex-end;
742
759
  }
743
- .ButtonGroup-module__hop-ButtonGroup--wrap___1motU {
760
+ .ButtonGroup-module__hop-ButtonGroup--wrap___qf7s1 {
744
761
  flex-wrap: wrap;
745
762
  }
746
- .ButtonGroup-module__hop-ButtonGroup--fluid___WJIc- {
763
+ .ButtonGroup-module__hop-ButtonGroup--fluid___B2Sg7 {
747
764
  inline-size: 100%;
748
765
  }
749
766
 
750
767
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
751
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1 {
768
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04 {
752
769
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
753
770
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
754
771
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -912,7 +929,7 @@
912
929
  outline: none;
913
930
  transition: color var(--transition);
914
931
  }
915
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1::before {
932
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04::before {
916
933
  content: "";
917
934
  position: absolute;
918
935
  inset-block-start: 50%;
@@ -925,284 +942,284 @@
925
942
  border-radius: var(--effect-border-radius);
926
943
  transition: background-color var(--transition);
927
944
  }
928
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1[data-square] {
945
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-square] {
929
946
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
930
947
  }
931
- .EmbeddedButton-module__hop-EmbeddedButton--md___JM3N0 {
948
+ .EmbeddedButton-module__hop-EmbeddedButton--md___ZbxcJ {
932
949
  --inline-size: var(--hop-EmbeddedButton-md-width);
933
950
  --block-size: var(--hop-EmbeddedButton-md-height);
934
951
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
935
952
  }
936
- .EmbeddedButton-module__hop-EmbeddedButton--lg___iD9Ci {
953
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___teVbX {
937
954
  --inline-size: var(--hop-EmbeddedButton-lg-width);
938
955
  --block-size: var(--hop-EmbeddedButton-lg-height);
939
956
  --focus-ring-offset: 0;
940
957
  }
941
- .EmbeddedButton-module__hop-EmbeddedButton--md___JM3N0::before {
958
+ .EmbeddedButton-module__hop-EmbeddedButton--md___ZbxcJ::before {
942
959
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
943
960
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
944
961
  }
945
- .EmbeddedButton-module__hop-EmbeddedButton--lg___iD9Ci::before {
962
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___teVbX::before {
946
963
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
947
964
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
948
965
  }
949
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI {
966
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL {
950
967
  --color: var(--hop-EmbeddedButton-neutral-color);
951
968
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
952
969
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a {
970
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR {
954
971
  --color: var(--hop-EmbeddedButton-subdued-color);
955
972
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
956
973
  }
957
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe {
974
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od {
958
975
  --color: var(--hop-EmbeddedButton-progress-color);
959
976
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
960
977
  }
961
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG {
978
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3 {
962
979
  --color: var(--hop-EmbeddedButton-positive-color);
963
980
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
964
981
  }
965
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy {
982
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS {
966
983
  --color: var(--hop-EmbeddedButton-caution-color);
967
984
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
968
985
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi {
986
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4 {
970
987
  --color: var(--hop-EmbeddedButton-negative-color);
971
988
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
972
989
  }
973
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl {
990
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf {
974
991
  --color: var(--hop-EmbeddedButton-option1-color);
975
992
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
976
993
  }
977
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z {
994
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l {
978
995
  --color: var(--hop-EmbeddedButton-option2-color);
979
996
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
980
997
  }
981
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl {
998
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc {
982
999
  --color: var(--hop-EmbeddedButton-option3-color);
983
1000
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
984
1001
  }
985
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg- {
1002
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA {
986
1003
  --color: var(--hop-EmbeddedButton-option4-color);
987
1004
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
988
1005
  }
989
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF {
1006
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM {
990
1007
  --color: var(--hop-EmbeddedButton-option5-color);
991
1008
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
992
1009
  }
993
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8 {
1010
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5 {
994
1011
  --color: var(--hop-EmbeddedButton-option6-color);
995
1012
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
996
1013
  }
997
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1[data-selected] {
1014
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-selected] {
998
1015
  --color: var(--hop-EmbeddedButton-selected-color);
999
1016
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1000
1017
  }
1001
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1[data-focus-visible] {
1018
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-focus-visible] {
1002
1019
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1003
1020
  outline-offset: var(--focus-ring-offset);
1004
1021
  }
1005
- .EmbeddedButton-module__hop-EmbeddedButton___7W--1[data-disabled] {
1022
+ .EmbeddedButton-module__hop-EmbeddedButton___a9c04[data-disabled] {
1006
1023
  cursor: not-allowed;
1007
1024
  }
1008
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI[data-hovered] {
1025
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-hovered] {
1009
1026
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1010
1027
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1011
1028
  }
1012
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI[data-focus-visible] {
1029
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-focus-visible] {
1013
1030
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1014
1031
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1015
1032
  }
1016
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI[data-pressed] {
1033
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-pressed] {
1017
1034
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1018
1035
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1019
1036
  }
1020
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___nSFdI[data-disabled] {
1037
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___STsXL[data-disabled] {
1021
1038
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1022
1039
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1023
1040
  }
1024
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a[data-hovered] {
1041
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-hovered] {
1025
1042
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1026
1043
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1027
1044
  }
1028
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a[data-focus-visible] {
1045
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-focus-visible] {
1029
1046
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1030
1047
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1031
1048
  }
1032
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a[data-pressed] {
1049
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-pressed] {
1033
1050
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1034
1051
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1035
1052
  }
1036
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___q2p-a[data-disabled] {
1053
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___QHVwR[data-disabled] {
1037
1054
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1038
1055
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1039
1056
  }
1040
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe[data-hovered] {
1057
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-hovered] {
1041
1058
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1042
1059
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1043
1060
  }
1044
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe[data-focus-visible] {
1061
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-focus-visible] {
1045
1062
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1046
1063
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1047
1064
  }
1048
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe[data-pressed] {
1065
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-pressed] {
1049
1066
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1050
1067
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1051
1068
  }
1052
- .EmbeddedButton-module__hop-EmbeddedButton--progress___FGhNe[data-disabled] {
1069
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___zt0od[data-disabled] {
1053
1070
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1054
1071
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1055
1072
  }
1056
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG[data-hovered] {
1073
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-hovered] {
1057
1074
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1058
1075
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1059
1076
  }
1060
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG[data-focus-visible] {
1077
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-focus-visible] {
1061
1078
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1062
1079
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1063
1080
  }
1064
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG[data-pressed] {
1081
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-pressed] {
1065
1082
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1066
1083
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1067
1084
  }
1068
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Y2oXG[data-disabled] {
1085
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___yjHe3[data-disabled] {
1069
1086
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1070
1087
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1071
1088
  }
1072
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy[data-hovered] {
1089
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-hovered] {
1073
1090
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1074
1091
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1075
1092
  }
1076
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy[data-focus-visible] {
1093
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-focus-visible] {
1077
1094
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1078
1095
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1079
1096
  }
1080
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy[data-pressed] {
1097
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-pressed] {
1081
1098
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1082
1099
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1083
1100
  }
1084
- .EmbeddedButton-module__hop-EmbeddedButton--caution___yOgIy[data-disabled] {
1101
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___dKWoS[data-disabled] {
1085
1102
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1086
1103
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1087
1104
  }
1088
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi[data-hovered] {
1105
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-hovered] {
1089
1106
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1090
1107
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1091
1108
  }
1092
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi[data-focus-visible] {
1109
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-focus-visible] {
1093
1110
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1094
1111
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1095
1112
  }
1096
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi[data-pressed] {
1113
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-pressed] {
1097
1114
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1098
1115
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1099
1116
  }
1100
- .EmbeddedButton-module__hop-EmbeddedButton--negative___HSaBi[data-disabled] {
1117
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6jvB4[data-disabled] {
1101
1118
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1102
1119
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1103
1120
  }
1104
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl[data-hovered] {
1121
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-hovered] {
1105
1122
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1106
1123
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1107
1124
  }
1108
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl[data-focus-visible] {
1125
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-focus-visible] {
1109
1126
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1110
1127
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1111
1128
  }
1112
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl[data-pressed] {
1129
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-pressed] {
1113
1130
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1114
1131
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1115
1132
  }
1116
- .EmbeddedButton-module__hop-EmbeddedButton--option1___ctDnl[data-disabled] {
1133
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___MxDZf[data-disabled] {
1117
1134
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1118
1135
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1119
1136
  }
1120
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z[data-hovered] {
1137
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-hovered] {
1121
1138
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1122
1139
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1123
1140
  }
1124
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z[data-focus-visible] {
1141
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-focus-visible] {
1125
1142
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1126
1143
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1127
1144
  }
1128
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z[data-pressed] {
1145
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-pressed] {
1129
1146
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1130
1147
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1131
1148
  }
1132
- .EmbeddedButton-module__hop-EmbeddedButton--option2___1EG1Z[data-disabled] {
1149
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___7Pm-l[data-disabled] {
1133
1150
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1134
1151
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1135
1152
  }
1136
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl[data-hovered] {
1153
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-hovered] {
1137
1154
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1138
1155
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1139
1156
  }
1140
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl[data-focus-visible] {
1157
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-focus-visible] {
1141
1158
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1142
1159
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1143
1160
  }
1144
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl[data-pressed] {
1161
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-pressed] {
1145
1162
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1146
1163
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1147
1164
  }
1148
- .EmbeddedButton-module__hop-EmbeddedButton--option3___6quwl[data-disabled] {
1165
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___p1GLc[data-disabled] {
1149
1166
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1150
1167
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1151
1168
  }
1152
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg-[data-hovered] {
1169
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-hovered] {
1153
1170
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1154
1171
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1155
1172
  }
1156
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg-[data-focus-visible] {
1173
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-focus-visible] {
1157
1174
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1158
1175
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1159
1176
  }
1160
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg-[data-pressed] {
1177
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-pressed] {
1161
1178
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1162
1179
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1163
1180
  }
1164
- .EmbeddedButton-module__hop-EmbeddedButton--option4___H0Eg-[data-disabled] {
1181
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___M2TyA[data-disabled] {
1165
1182
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1166
1183
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1167
1184
  }
1168
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF[data-hovered] {
1185
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-hovered] {
1169
1186
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1170
1187
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1171
1188
  }
1172
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF[data-focus-visible] {
1189
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-focus-visible] {
1173
1190
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1174
1191
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1175
1192
  }
1176
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF[data-pressed] {
1193
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-pressed] {
1177
1194
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1178
1195
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1179
1196
  }
1180
- .EmbeddedButton-module__hop-EmbeddedButton--option5___AeDPF[data-disabled] {
1197
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___qbLJM[data-disabled] {
1181
1198
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1182
1199
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1183
1200
  }
1184
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8[data-hovered] {
1201
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-hovered] {
1185
1202
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1186
1203
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1187
1204
  }
1188
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8[data-focus-visible] {
1205
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-focus-visible] {
1189
1206
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1190
1207
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1191
1208
  }
1192
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8[data-pressed] {
1209
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-pressed] {
1193
1210
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1194
1211
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1195
1212
  }
1196
- .EmbeddedButton-module__hop-EmbeddedButton--option6___-eMS8[data-disabled] {
1213
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___5bGl5[data-disabled] {
1197
1214
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1198
1215
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1199
1216
  }
1200
- .EmbeddedButton-module__hop-EmbeddedButton__icon___rCjEH {
1217
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___DFFQL {
1201
1218
  position: relative;
1202
1219
  }
1203
1220
 
1204
1221
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1205
- button.CloseButton-module__hop-CloseButton___NxVSZ {
1222
+ button.CloseButton-module__hop-CloseButton___yVMjd {
1206
1223
  --hop-CloseButton-margin-top: 0rem;
1207
1224
  --hop-CloseButton-padding: 0rem;
1208
1225
  --hop-CloseButton-width: fit-content;
@@ -1216,8 +1233,8 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1216
1233
  }
1217
1234
 
1218
1235
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1219
- .Button-module__hop-Button___sgx-6 {
1220
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1236
+ .Button-module__hop-Button___cEzVI {
1237
+ --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1221
1238
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1222
1239
  --hop-Button-icon-only-column-gap: 0;
1223
1240
  --hop-Button-outline-size: var(--hop-space-20);
@@ -1232,42 +1249,23 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1232
1249
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1233
1250
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1234
1251
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1235
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1236
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1237
1252
  --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1238
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1239
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1240
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1241
1253
  --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1242
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1243
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1244
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1245
1254
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1246
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1247
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1248
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1249
1255
  --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1250
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1251
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1252
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1253
1256
  --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1254
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1255
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1256
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1257
1257
  --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1258
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1259
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1260
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1261
1258
  --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1262
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1263
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1264
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1265
1259
  --inline-size: max-content;
1266
1260
  --block-size: var(--hop-Button-md-height);
1267
- --background-color: var(--hop-primary-surface-strong);
1261
+ --background: var(--hop-primary-surface-strong);
1268
1262
  --color: var(--hop-primary-text-strong);
1263
+ --icon-color: var(--color);
1269
1264
  --column-gap: var(--hop-Button-column-gap);
1270
1265
  --spinner: var(--hop-primary-icon-strong);
1266
+ --background-loading: var(--background);
1267
+ --border-color-loading: transparent;
1268
+ --box-shadow-loading: none;
1271
1269
  --border: 0;
1272
1270
  --padding: var(--hop-Button-md-padding);
1273
1271
  --box-shadow: none;
@@ -1285,7 +1283,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1285
1283
  color: var(--color);
1286
1284
  text-decoration: none;
1287
1285
  white-space: nowrap;
1288
- background-color: var(--background-color);
1286
+ background: var(--background);
1289
1287
  border: var(--border);
1290
1288
  border-radius: var(--hop-comp-button-border-radius);
1291
1289
  outline: none;
@@ -1296,220 +1294,255 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1296
1294
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1297
1295
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1298
1296
  }
1299
- .Button-module__hop-Button--fluid___-epn3 {
1297
+ .Button-module__hop-Button--fluid___HUhhp {
1300
1298
  --inline-size: 100%;
1301
1299
  }
1302
- .Button-module__hop-Button--xs___nWMoM {
1300
+ .Button-module__hop-Button--xs___PF56K {
1303
1301
  --block-size: var(--hop-Button-xs-height);
1304
1302
  --padding: var(--hop-Button-xs-padding);
1305
1303
  }
1306
- .Button-module__hop-Button--xs___nWMoM[class*=--ghost] {
1304
+ .Button-module__hop-Button--xs___PF56K[class*=--ghost] {
1307
1305
  --padding: var(--hop-Button-ghost-xs-padding);
1308
1306
  }
1309
- .Button-module__hop-Button--sm___el-hu {
1307
+ .Button-module__hop-Button--sm___FlTAw {
1310
1308
  --block-size: var(--hop-Button-sm-height);
1311
1309
  --padding: var(--hop-Button-sm-padding);
1312
1310
  }
1313
- .Button-module__hop-Button--sm___el-hu[class*=--ghost] {
1311
+ .Button-module__hop-Button--sm___FlTAw[class*=--ghost] {
1314
1312
  --padding: var(--hop-Button-ghost-sm-padding);
1315
1313
  }
1316
- .Button-module__hop-Button--md___nABk9[class*=--ghost] {
1314
+ .Button-module__hop-Button--md___jnsk-[class*=--ghost] {
1317
1315
  --padding: var(--hop-Button-ghost-md-padding);
1318
1316
  }
1319
- .Button-module__hop-Button--icon-only___59IGX {
1317
+ .Button-module__hop-Button--icon-only___7-yVF {
1320
1318
  --column-gap: var(--hop-Button-icon-only-column-gap);
1321
1319
  --padding: var(--hop-Button-icon-only-padding);
1322
1320
  aspect-ratio: 1;
1323
1321
  }
1324
- .Button-module__hop-Button--primary___0lOnm {
1325
- --background-color: var(--hop-comp-button-primary-background-color);
1322
+ .Button-module__hop-Button--primary___U1xEj {
1323
+ --background: var(--hop-comp-button-primary-background);
1326
1324
  --color: var(--hop-comp-button-primary-text-color);
1325
+ --icon-color: var(--hop-comp-button-primary-icon-color);
1327
1326
  --border: var(--hop-Button-primary-border);
1328
- --spinner-color: var(--hop-Button-primary-spinner-color);
1327
+ --color-loading: var(--hop-comp-button-primary-color-loading);
1328
+ --background-loading: var(--hop-comp-button-primary-background-loading);
1329
+ --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
1330
+ --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1329
1331
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1330
1332
  }
1331
- .Button-module__hop-Button--primary___0lOnm[data-hovered],
1332
- .Button-module__hop-Button--primary___0lOnm[data-focus-visible] {
1333
- --background-color: var(--hop-comp-button-primary-background-color-hover);
1333
+ .Button-module__hop-Button--primary___U1xEj[data-hovered],
1334
+ .Button-module__hop-Button--primary___U1xEj[data-focus-visible] {
1335
+ --background: var(--hop-comp-button-primary-background-hover);
1334
1336
  --color: var(--hop-comp-button-primary-text-color-hover);
1335
- --border: var(--hop-Button-primary-border-hover);
1337
+ --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1338
+ --border: var(--hop-Button-primary-border);
1336
1339
  }
1337
- .Button-module__hop-Button--primary___0lOnm[data-pressed] {
1338
- --background-color: var(--hop-comp-button-primary-background-color-pressed);
1340
+ .Button-module__hop-Button--primary___U1xEj[data-pressed] {
1341
+ --background: var(--hop-comp-button-primary-background-pressed);
1339
1342
  --color: var(--hop-comp-button-primary-text-color-pressed);
1340
- --border: var(--hop-Button-primary-border-pressed);
1343
+ --icon-color: var(--hop-comp-button-primary-icon-color-press);
1344
+ --border: var(--hop-Button-primary-border);
1341
1345
  }
1342
- .Button-module__hop-Button--secondary___b9c-F {
1343
- --background-color: var(--hop-comp-button-secondary-background-color);
1346
+ .Button-module__hop-Button--secondary___Pu8fi {
1347
+ --background: var(--hop-comp-button-secondary-background);
1344
1348
  --color: var(--hop-comp-button-secondary-text-color);
1349
+ --icon-color: var(--hop-comp-button-secondary-icon-color);
1345
1350
  --border: var(--hop-Button-secondary-border);
1346
- --spinner-color: var(--hop-Button-secondary-spinner-color);
1351
+ --color-loading: var(--hop-comp-button-secondary-color-loading);
1352
+ --background-loading: var(--hop-comp-button-secondary-background-loading);
1353
+ --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
1354
+ --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1347
1355
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1348
1356
  }
1349
- .Button-module__hop-Button--secondary___b9c-F[data-hovered],
1350
- .Button-module__hop-Button--secondary___b9c-F[data-focus-visible] {
1351
- --background-color: var(--hop-comp-button-secondary-background-color-hover);
1357
+ .Button-module__hop-Button--secondary___Pu8fi[data-hovered],
1358
+ .Button-module__hop-Button--secondary___Pu8fi[data-focus-visible] {
1359
+ --background: var(--hop-comp-button-secondary-background-hover);
1352
1360
  --color: var(--hop-comp-button-secondary-text-color-hover);
1353
- --border: var(--hop-Button-secondary-border-hover);
1361
+ --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1362
+ --border: var(--hop-Button-secondary-border);
1354
1363
  }
1355
- .Button-module__hop-Button--secondary___b9c-F[data-pressed] {
1356
- --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1364
+ .Button-module__hop-Button--secondary___Pu8fi[data-pressed] {
1365
+ --background: var(--hop-comp-button-secondary-background-pressed);
1357
1366
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1358
- --border: var(--hop-Button-secondary-border-pressed);
1367
+ --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1368
+ --border: var(--hop-Button-secondary-border);
1359
1369
  }
1360
- .Button-module__hop-Button--upsell___1xQXs {
1361
- --background-color: var(--hop-comp-button-upsell-background-color);
1370
+ .Button-module__hop-Button--upsell___O6xUd {
1371
+ --background: var(--hop-comp-button-upsell-background);
1362
1372
  --color: var(--hop-comp-button-upsell-text-color);
1373
+ --icon-color: var(--hop-comp-button-upsell-icon-color);
1363
1374
  --border: var(--hop-Button-upsell-border);
1364
- --spinner-color: var(--hop-Button-upsell-spinner-color);
1375
+ --color-loading: var(--hop-comp-button-upsell-color-loading);
1376
+ --background-loading: var(--hop-comp-button-upsell-background-loading);
1377
+ --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
1378
+ --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1365
1379
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1366
1380
  }
1367
- .Button-module__hop-Button--upsell___1xQXs[data-hovered],
1368
- .Button-module__hop-Button--upsell___1xQXs[data-focus-visible] {
1369
- --background-color: var(--hop-comp-button-upsell-background-color-hover);
1381
+ .Button-module__hop-Button--upsell___O6xUd[data-hovered],
1382
+ .Button-module__hop-Button--upsell___O6xUd[data-focus-visible] {
1383
+ --background: var(--hop-comp-button-upsell-background-hover);
1370
1384
  --color: var(--hop-comp-button-upsell-text-color-hover);
1371
- --border: var(--hop-Button-upsell-border-hover);
1385
+ --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1386
+ --border: var(--hop-Button-upsell-border);
1372
1387
  }
1373
- .Button-module__hop-Button--upsell___1xQXs[data-pressed] {
1374
- --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1388
+ .Button-module__hop-Button--upsell___O6xUd[data-pressed] {
1389
+ --background: var(--hop-comp-button-upsell-background-pressed);
1375
1390
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1376
- --border: var(--hop-Button-upsell-border-pressed);
1391
+ --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1392
+ --border: var(--hop-Button-upsell-border);
1377
1393
  }
1378
- .Button-module__hop-Button--danger___aISF3 {
1379
- --background-color: var(--hop-comp-button-danger-background-color);
1394
+ .Button-module__hop-Button--danger___9Bdk4 {
1395
+ --background: var(--hop-comp-button-danger-background);
1380
1396
  --color: var(--hop-comp-button-danger-text-color);
1397
+ --icon-color: var(--hop-comp-button-danger-icon-color);
1381
1398
  --border: var(--hop-Button-danger-border);
1382
- --spinner-color: var(--hop-Button-danger-spinner-color);
1399
+ --color-loading: var(--hop-comp-button-danger-color-loading);
1400
+ --background-loading: var(--hop-comp-button-danger-background-loading);
1401
+ --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
1402
+ --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1383
1403
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1384
1404
  }
1385
- .Button-module__hop-Button--danger___aISF3[data-hovered],
1386
- .Button-module__hop-Button--danger___aISF3[data-focus-visible] {
1387
- --background-color: var(--hop-comp-button-danger-background-color-hover);
1405
+ .Button-module__hop-Button--danger___9Bdk4[data-hovered],
1406
+ .Button-module__hop-Button--danger___9Bdk4[data-focus-visible] {
1407
+ --background: var(--hop-comp-button-danger-background-hover);
1388
1408
  --color: var(--hop-comp-button-danger-text-color-hover);
1389
- --border: var(--hop-Button-danger-border-hover);
1409
+ --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1410
+ --border: var(--hop-Button-danger-border);
1390
1411
  }
1391
- .Button-module__hop-Button--danger___aISF3[data-pressed] {
1392
- --background-color: var(--hop-comp-button-danger-background-color-pressed);
1412
+ .Button-module__hop-Button--danger___9Bdk4[data-pressed] {
1413
+ --background: var(--hop-comp-button-danger-background-pressed);
1393
1414
  --color: var(--hop-comp-button-danger-text-color-pressed);
1394
- --border: var(--hop-Button-danger-border-pressed);
1415
+ --icon-color: var(--hop-comp-button-danger-icon-color-press);
1416
+ --border: var(--hop-Button-danger-border);
1395
1417
  }
1396
- .Button-module__hop-Button--ghost-primary___IcaPW {
1397
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1418
+ .Button-module__hop-Button--ghost-primary___UXsJi {
1419
+ --background: var(--hop-comp-button-ghost-primary-background);
1398
1420
  --color: var(--hop-comp-button-ghost-primary-text-color);
1421
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
1399
1422
  --border: var(--hop-Button-ghost-primary-border);
1400
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1423
+ --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
1424
+ --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
1425
+ --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
1426
+ --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1401
1427
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1402
1428
  }
1403
- .Button-module__hop-Button--ghost-primary___IcaPW[data-hovered],
1404
- .Button-module__hop-Button--ghost-primary___IcaPW[data-focus-visible] {
1405
- --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1429
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-hovered],
1430
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-focus-visible] {
1431
+ --background: var(--hop-comp-button-ghost-primary-background-hover);
1406
1432
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1407
- --border: var(--hop-Button-ghost-primary-border-hover);
1433
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1434
+ --border: var(--hop-Button-ghost-primary-border);
1408
1435
  }
1409
- .Button-module__hop-Button--ghost-primary___IcaPW[data-pressed] {
1410
- --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1436
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-pressed] {
1437
+ --background: var(--hop-comp-button-ghost-primary-background-pressed);
1411
1438
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1412
- --border: var(--hop-Button-ghost-primary-border-pressed);
1439
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1440
+ --border: var(--hop-Button-ghost-primary-border);
1413
1441
  }
1414
- .Button-module__hop-Button--ghost-secondary___vPfBY {
1415
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1442
+ .Button-module__hop-Button--ghost-secondary___toGp0 {
1443
+ --background: var(--hop-comp-button-ghost-secondary-background);
1416
1444
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1445
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
1417
1446
  --border: var(--hop-Button-ghost-secondary-border);
1418
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1447
+ --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
1448
+ --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
1449
+ --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
1450
+ --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1419
1451
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1420
1452
  }
1421
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-hovered],
1422
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-focus-visible] {
1423
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1453
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-hovered],
1454
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-focus-visible] {
1455
+ --background: var(--hop-comp-button-ghost-secondary-background-hover);
1424
1456
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1425
- --border: var(--hop-Button-ghost-secondary-border-hover);
1457
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1458
+ --border: var(--hop-Button-ghost-secondary-border);
1426
1459
  }
1427
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-pressed] {
1428
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1460
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-pressed] {
1461
+ --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1429
1462
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1430
- --border: var(--hop-Button-ghost-secondary-border-pressed);
1463
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1464
+ --border: var(--hop-Button-ghost-secondary-border);
1431
1465
  }
1432
- .Button-module__hop-Button--ghost-danger___pruuE {
1433
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1466
+ .Button-module__hop-Button--ghost-danger___wshP- {
1467
+ --background: var(--hop-comp-button-ghost-danger-background);
1434
1468
  --color: var(--hop-comp-button-ghost-danger-text-color);
1469
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
1435
1470
  --border: var(--hop-Button-ghost-danger-border);
1436
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1471
+ --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
1472
+ --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
1473
+ --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
1474
+ --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1437
1475
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1438
1476
  }
1439
- .Button-module__hop-Button--ghost-danger___pruuE[data-hovered],
1440
- .Button-module__hop-Button--ghost-danger___pruuE[data-focus-visible] {
1441
- --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1477
+ .Button-module__hop-Button--ghost-danger___wshP-[data-hovered],
1478
+ .Button-module__hop-Button--ghost-danger___wshP-[data-focus-visible] {
1479
+ --background: var(--hop-comp-button-ghost-danger-background-hover);
1442
1480
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1443
- --border: var(--hop-Button-ghost-danger-border-hover);
1481
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1482
+ --border: var(--hop-Button-ghost-danger-border);
1444
1483
  }
1445
- .Button-module__hop-Button--ghost-danger___pruuE[data-pressed] {
1446
- --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1484
+ .Button-module__hop-Button--ghost-danger___wshP-[data-pressed] {
1485
+ --background: var(--hop-comp-button-ghost-danger-background-pressed);
1447
1486
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1448
- --border: var(--hop-Button-ghost-danger-border-pressed);
1487
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1488
+ --border: var(--hop-Button-ghost-danger-border);
1449
1489
  }
1450
- .Button-module__hop-Button___sgx-6[data-focus-visible] {
1490
+ .Button-module__hop-Button___cEzVI[data-focus-visible] {
1451
1491
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1452
1492
  }
1453
- .Button-module__hop-Button___sgx-6[data-disabled],
1454
- .Button-module__hop-Button--loading___BQ9xT {
1493
+ .Button-module__hop-Button___cEzVI[data-disabled],
1494
+ .Button-module__hop-Button--loading___NMXIV {
1455
1495
  cursor: not-allowed;
1456
1496
  }
1457
- .Button-module__hop-Button___sgx-6[data-disabled] {
1458
- --background-color: var(--hop-comp-button-disabled-background-color);
1459
- --color: var(--hop-comp-button-disabled-text-color);
1460
- --border: var(--hop-Button-border-disabled);
1497
+ .Button-module__hop-Button___cEzVI[data-disabled] {
1498
+ --color: var(--hop-comp-button-text-color-disabled);
1499
+ --icon-color: var(--hop-comp-button-icon-color-disabled);
1461
1500
  }
1462
- .Button-module__hop-Button___sgx-6[class*=--ghost][data-disabled] {
1463
- --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1464
- --color: var(--hop-comp-button-ghost-disabled-text-color);
1465
- --border: var(--hop-Button-ghost-border-disabled);
1501
+ .Button-module__hop-Button--primary___U1xEj[data-disabled] {
1502
+ --background: var(--hop-comp-button-primary-background-disabled);
1503
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1466
1504
  }
1467
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--primary___0lOnm {
1468
- --background-color: var(--hop-comp-button-primary-background-color);
1469
- --color: var(--hop-comp-button-primary-text-color);
1470
- --border: var(--hop-Button-primary-border);
1505
+ .Button-module__hop-Button--secondary___Pu8fi[data-disabled] {
1506
+ --background: var(--hop-comp-button-secondary-background-disabled);
1507
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1471
1508
  }
1472
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--secondary___b9c-F {
1473
- --background-color: var(--hop-comp-button-secondary-background-color);
1474
- --color: var(--hop-comp-button-secondary-text-color);
1475
- --border: var(--hop-Button-secondary-border);
1509
+ .Button-module__hop-Button--upsell___O6xUd[data-disabled] {
1510
+ --background: var(--hop-comp-button-upsell-background-disabled);
1511
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1476
1512
  }
1477
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--upsell___1xQXs {
1478
- --background-color: var(--hop-comp-button-upsell-background-color);
1479
- --color: var(--hop-comp-button-upsell-text-color);
1480
- --border: var(--hop-Button-upsell-border);
1513
+ .Button-module__hop-Button--danger___9Bdk4[data-disabled] {
1514
+ --background: var(--hop-comp-button-danger-background-disabled);
1515
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1481
1516
  }
1482
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--danger___aISF3 {
1483
- --background-color: var(--hop-comp-button-danger-background-color);
1484
- --color: var(--hop-comp-button-danger-text-color);
1485
- --border: var(--hop-Button-danger-border);
1517
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-disabled] {
1518
+ --background: var(--hop-comp-button-ghost-primary-background-disabled);
1519
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1486
1520
  }
1487
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-primary___IcaPW {
1488
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1489
- --color: var(--hop-comp-button-ghost-primary-text-color);
1490
- --border: var(--hop-Button-ghost-primary-border);
1521
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-disabled] {
1522
+ --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1523
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1491
1524
  }
1492
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-secondary___vPfBY {
1493
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1494
- --color: var(--hop-comp-button-ghost-secondary-text-color);
1495
- --border: var(--hop-Button-ghost-secondary-border);
1525
+ .Button-module__hop-Button--ghost-danger___wshP-[data-disabled] {
1526
+ --background: var(--hop-comp-button-ghost-danger-background-disabled);
1527
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1496
1528
  }
1497
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-danger___pruuE {
1498
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1499
- --color: var(--hop-comp-button-ghost-danger-text-color);
1500
- --border: var(--hop-Button-ghost-danger-border);
1529
+ .Button-module__hop-Button--loading___NMXIV {
1530
+ background: var(--background-loading);
1531
+ color: var(--color-loading);
1532
+ border-color: var(--border-color-loading);
1533
+ box-shadow: var(--box-shadow-loading);
1501
1534
  }
1502
- .Button-module__hop-Button__Spinner___8pCIG {
1535
+ .Button-module__hop-Button__Spinner___hSXad {
1503
1536
  position: absolute;
1504
- color: var(--spinner-color);
1505
1537
  }
1506
- .Button-module__hop-Button__icon___gl8cW,
1507
- .Button-module__hop-Button__icon-list___uyZsy {
1538
+ .Button-module__hop-Button__icon___koGX2,
1539
+ .Button-module__hop-Button__icon-list___uV0To {
1508
1540
  flex: 0 0 auto;
1509
1541
  justify-self: end;
1510
1542
  order: 1;
1543
+ color: var(--icon-color);
1511
1544
  }
1512
- .Button-module__hop-Button__text___ji-Lx {
1545
+ .Button-module__hop-Button__text___yWZed {
1513
1546
  user-select: none;
1514
1547
  overflow: visible;
1515
1548
  flex: 0 1 auto;
@@ -1518,60 +1551,61 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1518
1551
  text-decoration: none;
1519
1552
  text-wrap: nowrap;
1520
1553
  }
1521
- .Button-module__hop-Button__end-icon___LnEKx,
1522
- .Button-module__hop-Button__end-icon-list___EnFJv {
1554
+ .Button-module__hop-Button__end-icon___r5rxu,
1555
+ .Button-module__hop-Button__end-icon-list___4NYnd {
1523
1556
  flex: 0 0 auto;
1524
1557
  order: 3;
1558
+ color: var(--icon-color);
1525
1559
  }
1526
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__icon-list___uyZsy,
1527
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__end-icon-list___EnFJv {
1560
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__icon-list___uV0To,
1561
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__end-icon-list___4NYnd {
1528
1562
  flex-wrap: nowrap;
1529
1563
  }
1530
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button___sgx-6 > *:not(.Button-module__hop-Button__Spinner___8pCIG) {
1564
+ .Button-module__hop-Button--loading___NMXIV.Button-module__hop-Button___cEzVI > *:not(.Button-module__hop-Button__Spinner___hSXad) {
1531
1565
  opacity: 0;
1532
1566
  }
1533
- .LinkButton-module__hop-LinkButton___8BfYc {
1567
+ .LinkButton-module__hop-LinkButton___4pRd6 {
1534
1568
  }
1535
- .LinkButton-module__hop-LinkButton--fluid___ViTo6 {
1569
+ .LinkButton-module__hop-LinkButton--fluid___rBt2G {
1536
1570
  }
1537
- .LinkButton-module__hop-LinkButton--xs___SBE8k {
1571
+ .LinkButton-module__hop-LinkButton--xs___0xYG6 {
1538
1572
  }
1539
- .LinkButton-module__hop-LinkButton--sm___jA9XY {
1573
+ .LinkButton-module__hop-LinkButton--sm___qwfob {
1540
1574
  }
1541
- .LinkButton-module__hop-LinkButton--icon-only___Ph7ZJ {
1575
+ .LinkButton-module__hop-LinkButton--icon-only___ou3mG {
1542
1576
  }
1543
- .LinkButton-module__hop-LinkButton--primary___Ut3H1 {
1577
+ .LinkButton-module__hop-LinkButton--primary___t-0GJ {
1544
1578
  }
1545
- .LinkButton-module__hop-LinkButton--secondary___Kn2xy {
1579
+ .LinkButton-module__hop-LinkButton--secondary___-K2CM {
1546
1580
  }
1547
- .LinkButton-module__hop-LinkButton--upsell___c8mzZ {
1581
+ .LinkButton-module__hop-LinkButton--upsell___6jTyS {
1548
1582
  }
1549
- .LinkButton-module__hop-LinkButton--danger___CaQci {
1583
+ .LinkButton-module__hop-LinkButton--danger___ZCmE- {
1550
1584
  }
1551
- .LinkButton-module__hop-LinkButton--ghost-primary___bPM6E {
1585
+ .LinkButton-module__hop-LinkButton--ghost-primary___BrkzP {
1552
1586
  }
1553
- .LinkButton-module__hop-LinkButton--ghost-secondary___aYAbx {
1587
+ .LinkButton-module__hop-LinkButton--ghost-secondary___3Ugzf {
1554
1588
  }
1555
- .LinkButton-module__hop-LinkButton--ghost-danger___p1q1k {
1589
+ .LinkButton-module__hop-LinkButton--ghost-danger___fdfw8 {
1556
1590
  }
1557
- .LinkButton-module__hop-LinkButton__Spinner___A9uav {
1591
+ .LinkButton-module__hop-LinkButton__Spinner___oSxtF {
1558
1592
  }
1559
- .LinkButton-module__hop-LinkButton__icon___9ZYGL,
1560
- .LinkButton-module__hop-LinkButton__icon-list___-HlT4 {
1593
+ .LinkButton-module__hop-LinkButton__icon___f9H5Z,
1594
+ .LinkButton-module__hop-LinkButton__icon-list___Wu1vd {
1561
1595
  }
1562
- .LinkButton-module__hop-LinkButton__text___yAx6C {
1596
+ .LinkButton-module__hop-LinkButton__text___lMB-T {
1563
1597
  }
1564
- .LinkButton-module__hop-LinkButton__end-icon___7XUUR,
1565
- .LinkButton-module__hop-LinkButton__end-icon-list___2Cpod {
1598
+ .LinkButton-module__hop-LinkButton__end-icon___ZZPU5,
1599
+ .LinkButton-module__hop-LinkButton__end-icon-list___XjihH {
1566
1600
  }
1567
- .LinkButton-module__hop-LinkButton___8BfYc .LinkButton-module__hop-LinkButton__icon-list___-HlT4,
1568
- .LinkButton-module__hop-LinkButton___8BfYc .LinkButton-module__hop-LinkButton__end-icon-list___2Cpod {
1601
+ .LinkButton-module__hop-LinkButton___4pRd6 .LinkButton-module__hop-LinkButton__icon-list___Wu1vd,
1602
+ .LinkButton-module__hop-LinkButton___4pRd6 .LinkButton-module__hop-LinkButton__end-icon-list___XjihH {
1569
1603
  flex-wrap: nowrap;
1570
1604
  }
1571
1605
 
1572
1606
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1573
- .Button-module__hop-Button___sgx-6 {
1574
- --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1607
+ .Button-module__hop-Button___cEzVI {
1608
+ --hop-Button-focus-ring-color: var(--hop-comp-button-border-color-focus);
1575
1609
  --hop-Button-column-gap: var(--hop-space-inline-xs);
1576
1610
  --hop-Button-icon-only-column-gap: 0;
1577
1611
  --hop-Button-outline-size: var(--hop-space-20);
@@ -1586,42 +1620,23 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1586
1620
  --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1587
1621
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1588
1622
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1589
- --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-disabled-border-color);
1590
- --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-disabled-border-color);
1591
1623
  --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color);
1592
- --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-hover);
1593
- --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-pressed);
1594
- --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1595
1624
  --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color);
1596
- --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-hover);
1597
- --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-pressed);
1598
- --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1599
1625
  --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color);
1600
- --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-hover);
1601
- --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-pressed);
1602
- --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1603
1626
  --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color);
1604
- --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-hover);
1605
- --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-pressed);
1606
- --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1607
1627
  --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color);
1608
- --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-hover);
1609
- --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-pressed);
1610
- --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1611
1628
  --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color);
1612
- --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-hover);
1613
- --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-pressed);
1614
- --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1615
1629
  --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color);
1616
- --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-hover);
1617
- --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-pressed);
1618
- --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1619
1630
  --inline-size: max-content;
1620
1631
  --block-size: var(--hop-Button-md-height);
1621
- --background-color: var(--hop-primary-surface-strong);
1632
+ --background: var(--hop-primary-surface-strong);
1622
1633
  --color: var(--hop-primary-text-strong);
1634
+ --icon-color: var(--color);
1623
1635
  --column-gap: var(--hop-Button-column-gap);
1624
1636
  --spinner: var(--hop-primary-icon-strong);
1637
+ --background-loading: var(--background);
1638
+ --border-color-loading: transparent;
1639
+ --box-shadow-loading: none;
1625
1640
  --border: 0;
1626
1641
  --padding: var(--hop-Button-md-padding);
1627
1642
  --box-shadow: none;
@@ -1639,7 +1654,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1639
1654
  color: var(--color);
1640
1655
  text-decoration: none;
1641
1656
  white-space: nowrap;
1642
- background-color: var(--background-color);
1657
+ background: var(--background);
1643
1658
  border: var(--border);
1644
1659
  border-radius: var(--hop-comp-button-border-radius);
1645
1660
  outline: none;
@@ -1650,220 +1665,255 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1650
1665
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1651
1666
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1652
1667
  }
1653
- .Button-module__hop-Button--fluid___-epn3 {
1668
+ .Button-module__hop-Button--fluid___HUhhp {
1654
1669
  --inline-size: 100%;
1655
1670
  }
1656
- .Button-module__hop-Button--xs___nWMoM {
1671
+ .Button-module__hop-Button--xs___PF56K {
1657
1672
  --block-size: var(--hop-Button-xs-height);
1658
1673
  --padding: var(--hop-Button-xs-padding);
1659
1674
  }
1660
- .Button-module__hop-Button--xs___nWMoM[class*=--ghost] {
1675
+ .Button-module__hop-Button--xs___PF56K[class*=--ghost] {
1661
1676
  --padding: var(--hop-Button-ghost-xs-padding);
1662
1677
  }
1663
- .Button-module__hop-Button--sm___el-hu {
1678
+ .Button-module__hop-Button--sm___FlTAw {
1664
1679
  --block-size: var(--hop-Button-sm-height);
1665
1680
  --padding: var(--hop-Button-sm-padding);
1666
1681
  }
1667
- .Button-module__hop-Button--sm___el-hu[class*=--ghost] {
1682
+ .Button-module__hop-Button--sm___FlTAw[class*=--ghost] {
1668
1683
  --padding: var(--hop-Button-ghost-sm-padding);
1669
1684
  }
1670
- .Button-module__hop-Button--md___nABk9[class*=--ghost] {
1685
+ .Button-module__hop-Button--md___jnsk-[class*=--ghost] {
1671
1686
  --padding: var(--hop-Button-ghost-md-padding);
1672
1687
  }
1673
- .Button-module__hop-Button--icon-only___59IGX {
1688
+ .Button-module__hop-Button--icon-only___7-yVF {
1674
1689
  --column-gap: var(--hop-Button-icon-only-column-gap);
1675
1690
  --padding: var(--hop-Button-icon-only-padding);
1676
1691
  aspect-ratio: 1;
1677
1692
  }
1678
- .Button-module__hop-Button--primary___0lOnm {
1679
- --background-color: var(--hop-comp-button-primary-background-color);
1693
+ .Button-module__hop-Button--primary___U1xEj {
1694
+ --background: var(--hop-comp-button-primary-background);
1680
1695
  --color: var(--hop-comp-button-primary-text-color);
1696
+ --icon-color: var(--hop-comp-button-primary-icon-color);
1681
1697
  --border: var(--hop-Button-primary-border);
1682
- --spinner-color: var(--hop-Button-primary-spinner-color);
1698
+ --color-loading: var(--hop-comp-button-primary-color-loading);
1699
+ --background-loading: var(--hop-comp-button-primary-background-loading);
1700
+ --border-color-loading: var(--hop-comp-button-primary-border-color-loading);
1701
+ --box-shadow-loading: var(--hop-comp-button-primary-box-shadow-loading);
1683
1702
  --box-shadow: var(--hop-comp-button-primary-box-shadow);
1684
1703
  }
1685
- .Button-module__hop-Button--primary___0lOnm[data-hovered],
1686
- .Button-module__hop-Button--primary___0lOnm[data-focus-visible] {
1687
- --background-color: var(--hop-comp-button-primary-background-color-hover);
1704
+ .Button-module__hop-Button--primary___U1xEj[data-hovered],
1705
+ .Button-module__hop-Button--primary___U1xEj[data-focus-visible] {
1706
+ --background: var(--hop-comp-button-primary-background-hover);
1688
1707
  --color: var(--hop-comp-button-primary-text-color-hover);
1689
- --border: var(--hop-Button-primary-border-hover);
1708
+ --icon-color: var(--hop-comp-button-primary-icon-color-hover);
1709
+ --border: var(--hop-Button-primary-border);
1690
1710
  }
1691
- .Button-module__hop-Button--primary___0lOnm[data-pressed] {
1692
- --background-color: var(--hop-comp-button-primary-background-color-pressed);
1711
+ .Button-module__hop-Button--primary___U1xEj[data-pressed] {
1712
+ --background: var(--hop-comp-button-primary-background-pressed);
1693
1713
  --color: var(--hop-comp-button-primary-text-color-pressed);
1694
- --border: var(--hop-Button-primary-border-pressed);
1714
+ --icon-color: var(--hop-comp-button-primary-icon-color-press);
1715
+ --border: var(--hop-Button-primary-border);
1695
1716
  }
1696
- .Button-module__hop-Button--secondary___b9c-F {
1697
- --background-color: var(--hop-comp-button-secondary-background-color);
1717
+ .Button-module__hop-Button--secondary___Pu8fi {
1718
+ --background: var(--hop-comp-button-secondary-background);
1698
1719
  --color: var(--hop-comp-button-secondary-text-color);
1720
+ --icon-color: var(--hop-comp-button-secondary-icon-color);
1699
1721
  --border: var(--hop-Button-secondary-border);
1700
- --spinner-color: var(--hop-Button-secondary-spinner-color);
1722
+ --color-loading: var(--hop-comp-button-secondary-color-loading);
1723
+ --background-loading: var(--hop-comp-button-secondary-background-loading);
1724
+ --border-color-loading: var(--hop-comp-button-secondary-border-color-loading);
1725
+ --box-shadow-loading: var(--hop-comp-button-secondary-box-shadow-loading);
1701
1726
  --box-shadow: var(--hop-comp-button-secondary-box-shadow);
1702
1727
  }
1703
- .Button-module__hop-Button--secondary___b9c-F[data-hovered],
1704
- .Button-module__hop-Button--secondary___b9c-F[data-focus-visible] {
1705
- --background-color: var(--hop-comp-button-secondary-background-color-hover);
1728
+ .Button-module__hop-Button--secondary___Pu8fi[data-hovered],
1729
+ .Button-module__hop-Button--secondary___Pu8fi[data-focus-visible] {
1730
+ --background: var(--hop-comp-button-secondary-background-hover);
1706
1731
  --color: var(--hop-comp-button-secondary-text-color-hover);
1707
- --border: var(--hop-Button-secondary-border-hover);
1732
+ --icon-color: var(--hop-comp-button-secondary-icon-color-hover);
1733
+ --border: var(--hop-Button-secondary-border);
1708
1734
  }
1709
- .Button-module__hop-Button--secondary___b9c-F[data-pressed] {
1710
- --background-color: var(--hop-comp-button-secondary-background-color-pressed);
1735
+ .Button-module__hop-Button--secondary___Pu8fi[data-pressed] {
1736
+ --background: var(--hop-comp-button-secondary-background-pressed);
1711
1737
  --color: var(--hop-comp-button-secondary-text-color-pressed);
1712
- --border: var(--hop-Button-secondary-border-pressed);
1738
+ --icon-color: var(--hop-comp-button-secondary-icon-color-press);
1739
+ --border: var(--hop-Button-secondary-border);
1713
1740
  }
1714
- .Button-module__hop-Button--upsell___1xQXs {
1715
- --background-color: var(--hop-comp-button-upsell-background-color);
1741
+ .Button-module__hop-Button--upsell___O6xUd {
1742
+ --background: var(--hop-comp-button-upsell-background);
1716
1743
  --color: var(--hop-comp-button-upsell-text-color);
1744
+ --icon-color: var(--hop-comp-button-upsell-icon-color);
1717
1745
  --border: var(--hop-Button-upsell-border);
1718
- --spinner-color: var(--hop-Button-upsell-spinner-color);
1746
+ --color-loading: var(--hop-comp-button-upsell-color-loading);
1747
+ --background-loading: var(--hop-comp-button-upsell-background-loading);
1748
+ --border-color-loading: var(--hop-comp-button-upsell-border-color-loading);
1749
+ --box-shadow-loading: var(--hop-comp-button-upsell-box-shadow-loading);
1719
1750
  --box-shadow: var(--hop-comp-button-upsell-box-shadow);
1720
1751
  }
1721
- .Button-module__hop-Button--upsell___1xQXs[data-hovered],
1722
- .Button-module__hop-Button--upsell___1xQXs[data-focus-visible] {
1723
- --background-color: var(--hop-comp-button-upsell-background-color-hover);
1752
+ .Button-module__hop-Button--upsell___O6xUd[data-hovered],
1753
+ .Button-module__hop-Button--upsell___O6xUd[data-focus-visible] {
1754
+ --background: var(--hop-comp-button-upsell-background-hover);
1724
1755
  --color: var(--hop-comp-button-upsell-text-color-hover);
1725
- --border: var(--hop-Button-upsell-border-hover);
1756
+ --icon-color: var(--hop-comp-button-upsell-icon-color-hover);
1757
+ --border: var(--hop-Button-upsell-border);
1726
1758
  }
1727
- .Button-module__hop-Button--upsell___1xQXs[data-pressed] {
1728
- --background-color: var(--hop-comp-button-upsell-background-color-pressed);
1759
+ .Button-module__hop-Button--upsell___O6xUd[data-pressed] {
1760
+ --background: var(--hop-comp-button-upsell-background-pressed);
1729
1761
  --color: var(--hop-comp-button-upsell-text-color-pressed);
1730
- --border: var(--hop-Button-upsell-border-pressed);
1762
+ --icon-color: var(--hop-comp-button-upsell-icon-color-press);
1763
+ --border: var(--hop-Button-upsell-border);
1731
1764
  }
1732
- .Button-module__hop-Button--danger___aISF3 {
1733
- --background-color: var(--hop-comp-button-danger-background-color);
1765
+ .Button-module__hop-Button--danger___9Bdk4 {
1766
+ --background: var(--hop-comp-button-danger-background);
1734
1767
  --color: var(--hop-comp-button-danger-text-color);
1768
+ --icon-color: var(--hop-comp-button-danger-icon-color);
1735
1769
  --border: var(--hop-Button-danger-border);
1736
- --spinner-color: var(--hop-Button-danger-spinner-color);
1770
+ --color-loading: var(--hop-comp-button-danger-color-loading);
1771
+ --background-loading: var(--hop-comp-button-danger-background-loading);
1772
+ --border-color-loading: var(--hop-comp-button-danger-border-color-loading);
1773
+ --box-shadow-loading: var(--hop-comp-button-danger-box-shadow-loading);
1737
1774
  --box-shadow: var(--hop-comp-button-danger-box-shadow);
1738
1775
  }
1739
- .Button-module__hop-Button--danger___aISF3[data-hovered],
1740
- .Button-module__hop-Button--danger___aISF3[data-focus-visible] {
1741
- --background-color: var(--hop-comp-button-danger-background-color-hover);
1776
+ .Button-module__hop-Button--danger___9Bdk4[data-hovered],
1777
+ .Button-module__hop-Button--danger___9Bdk4[data-focus-visible] {
1778
+ --background: var(--hop-comp-button-danger-background-hover);
1742
1779
  --color: var(--hop-comp-button-danger-text-color-hover);
1743
- --border: var(--hop-Button-danger-border-hover);
1780
+ --icon-color: var(--hop-comp-button-danger-icon-color-hover);
1781
+ --border: var(--hop-Button-danger-border);
1744
1782
  }
1745
- .Button-module__hop-Button--danger___aISF3[data-pressed] {
1746
- --background-color: var(--hop-comp-button-danger-background-color-pressed);
1783
+ .Button-module__hop-Button--danger___9Bdk4[data-pressed] {
1784
+ --background: var(--hop-comp-button-danger-background-pressed);
1747
1785
  --color: var(--hop-comp-button-danger-text-color-pressed);
1748
- --border: var(--hop-Button-danger-border-pressed);
1786
+ --icon-color: var(--hop-comp-button-danger-icon-color-press);
1787
+ --border: var(--hop-Button-danger-border);
1749
1788
  }
1750
- .Button-module__hop-Button--ghost-primary___IcaPW {
1751
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1789
+ .Button-module__hop-Button--ghost-primary___UXsJi {
1790
+ --background: var(--hop-comp-button-ghost-primary-background);
1752
1791
  --color: var(--hop-comp-button-ghost-primary-text-color);
1792
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color);
1753
1793
  --border: var(--hop-Button-ghost-primary-border);
1754
- --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1794
+ --color-loading: var(--hop-comp-button-ghost-primary-color-loading);
1795
+ --background-loading: var(--hop-comp-button-ghost-primary-background-loading);
1796
+ --border-color-loading: var(--hop-comp-button-ghost-primary-border-color-loading);
1797
+ --box-shadow-loading: var(--hop-comp-button-ghost-primary-box-shadow-loading);
1755
1798
  --box-shadow: var(--hop-comp-button-ghost-primary-box-shadow);
1756
1799
  }
1757
- .Button-module__hop-Button--ghost-primary___IcaPW[data-hovered],
1758
- .Button-module__hop-Button--ghost-primary___IcaPW[data-focus-visible] {
1759
- --background-color: var(--hop-comp-button-ghost-primary-background-color-hover);
1800
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-hovered],
1801
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-focus-visible] {
1802
+ --background: var(--hop-comp-button-ghost-primary-background-hover);
1760
1803
  --color: var(--hop-comp-button-ghost-primary-text-color-hover);
1761
- --border: var(--hop-Button-ghost-primary-border-hover);
1804
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-hover);
1805
+ --border: var(--hop-Button-ghost-primary-border);
1762
1806
  }
1763
- .Button-module__hop-Button--ghost-primary___IcaPW[data-pressed] {
1764
- --background-color: var(--hop-comp-button-ghost-primary-background-color-pressed);
1807
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-pressed] {
1808
+ --background: var(--hop-comp-button-ghost-primary-background-pressed);
1765
1809
  --color: var(--hop-comp-button-ghost-primary-text-color-pressed);
1766
- --border: var(--hop-Button-ghost-primary-border-pressed);
1810
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-press);
1811
+ --border: var(--hop-Button-ghost-primary-border);
1767
1812
  }
1768
- .Button-module__hop-Button--ghost-secondary___vPfBY {
1769
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1813
+ .Button-module__hop-Button--ghost-secondary___toGp0 {
1814
+ --background: var(--hop-comp-button-ghost-secondary-background);
1770
1815
  --color: var(--hop-comp-button-ghost-secondary-text-color);
1816
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color);
1771
1817
  --border: var(--hop-Button-ghost-secondary-border);
1772
- --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1818
+ --color-loading: var(--hop-comp-button-ghost-secondary-color-loading);
1819
+ --background-loading: var(--hop-comp-button-ghost-secondary-background-loading);
1820
+ --border-color-loading: var(--hop-comp-button-ghost-secondary-border-color-loading);
1821
+ --box-shadow-loading: var(--hop-comp-button-ghost-secondary-box-shadow-loading);
1773
1822
  --box-shadow: var(--hop-comp-button-ghost-secondary-box-shadow);
1774
1823
  }
1775
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-hovered],
1776
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-focus-visible] {
1777
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-hover);
1824
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-hovered],
1825
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-focus-visible] {
1826
+ --background: var(--hop-comp-button-ghost-secondary-background-hover);
1778
1827
  --color: var(--hop-comp-button-ghost-secondary-text-color-hover);
1779
- --border: var(--hop-Button-ghost-secondary-border-hover);
1828
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-hover);
1829
+ --border: var(--hop-Button-ghost-secondary-border);
1780
1830
  }
1781
- .Button-module__hop-Button--ghost-secondary___vPfBY[data-pressed] {
1782
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-pressed);
1831
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-pressed] {
1832
+ --background: var(--hop-comp-button-ghost-secondary-background-pressed);
1783
1833
  --color: var(--hop-comp-button-ghost-secondary-text-color-pressed);
1784
- --border: var(--hop-Button-ghost-secondary-border-pressed);
1834
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-press);
1835
+ --border: var(--hop-Button-ghost-secondary-border);
1785
1836
  }
1786
- .Button-module__hop-Button--ghost-danger___pruuE {
1787
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1837
+ .Button-module__hop-Button--ghost-danger___wshP- {
1838
+ --background: var(--hop-comp-button-ghost-danger-background);
1788
1839
  --color: var(--hop-comp-button-ghost-danger-text-color);
1840
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color);
1789
1841
  --border: var(--hop-Button-ghost-danger-border);
1790
- --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1842
+ --color-loading: var(--hop-comp-button-ghost-danger-color-loading);
1843
+ --background-loading: var(--hop-comp-button-ghost-danger-background-loading);
1844
+ --border-color-loading: var(--hop-comp-button-ghost-danger-border-color-loading);
1845
+ --box-shadow-loading: var(--hop-comp-button-ghost-danger-box-shadow-loading);
1791
1846
  --box-shadow: var(--hop-comp-button-ghost-danger-box-shadow);
1792
1847
  }
1793
- .Button-module__hop-Button--ghost-danger___pruuE[data-hovered],
1794
- .Button-module__hop-Button--ghost-danger___pruuE[data-focus-visible] {
1795
- --background-color: var(--hop-comp-button-ghost-danger-background-color-hover);
1848
+ .Button-module__hop-Button--ghost-danger___wshP-[data-hovered],
1849
+ .Button-module__hop-Button--ghost-danger___wshP-[data-focus-visible] {
1850
+ --background: var(--hop-comp-button-ghost-danger-background-hover);
1796
1851
  --color: var(--hop-comp-button-ghost-danger-text-color-hover);
1797
- --border: var(--hop-Button-ghost-danger-border-hover);
1852
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-hover);
1853
+ --border: var(--hop-Button-ghost-danger-border);
1798
1854
  }
1799
- .Button-module__hop-Button--ghost-danger___pruuE[data-pressed] {
1800
- --background-color: var(--hop-comp-button-ghost-danger-background-color-pressed);
1855
+ .Button-module__hop-Button--ghost-danger___wshP-[data-pressed] {
1856
+ --background: var(--hop-comp-button-ghost-danger-background-pressed);
1801
1857
  --color: var(--hop-comp-button-ghost-danger-text-color-pressed);
1802
- --border: var(--hop-Button-ghost-danger-border-pressed);
1858
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-press);
1859
+ --border: var(--hop-Button-ghost-danger-border);
1803
1860
  }
1804
- .Button-module__hop-Button___sgx-6[data-focus-visible] {
1861
+ .Button-module__hop-Button___cEzVI[data-focus-visible] {
1805
1862
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1806
1863
  }
1807
- .Button-module__hop-Button___sgx-6[data-disabled],
1808
- .Button-module__hop-Button--loading___BQ9xT {
1864
+ .Button-module__hop-Button___cEzVI[data-disabled],
1865
+ .Button-module__hop-Button--loading___NMXIV {
1809
1866
  cursor: not-allowed;
1810
1867
  }
1811
- .Button-module__hop-Button___sgx-6[data-disabled] {
1812
- --background-color: var(--hop-comp-button-disabled-background-color);
1813
- --color: var(--hop-comp-button-disabled-text-color);
1814
- --border: var(--hop-Button-border-disabled);
1868
+ .Button-module__hop-Button___cEzVI[data-disabled] {
1869
+ --color: var(--hop-comp-button-text-color-disabled);
1870
+ --icon-color: var(--hop-comp-button-icon-color-disabled);
1815
1871
  }
1816
- .Button-module__hop-Button___sgx-6[class*=--ghost][data-disabled] {
1817
- --background-color: var(--hop-comp-button-ghost-disabled-background-color);
1818
- --color: var(--hop-comp-button-ghost-disabled-text-color);
1819
- --border: var(--hop-Button-ghost-border-disabled);
1872
+ .Button-module__hop-Button--primary___U1xEj[data-disabled] {
1873
+ --background: var(--hop-comp-button-primary-background-disabled);
1874
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-primary-border-color-disabled);
1820
1875
  }
1821
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--primary___0lOnm {
1822
- --background-color: var(--hop-comp-button-primary-background-color);
1823
- --color: var(--hop-comp-button-primary-text-color);
1824
- --border: var(--hop-Button-primary-border);
1876
+ .Button-module__hop-Button--secondary___Pu8fi[data-disabled] {
1877
+ --background: var(--hop-comp-button-secondary-background-disabled);
1878
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-secondary-border-color-disabled);
1825
1879
  }
1826
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--secondary___b9c-F {
1827
- --background-color: var(--hop-comp-button-secondary-background-color);
1828
- --color: var(--hop-comp-button-secondary-text-color);
1829
- --border: var(--hop-Button-secondary-border);
1880
+ .Button-module__hop-Button--upsell___O6xUd[data-disabled] {
1881
+ --background: var(--hop-comp-button-upsell-background-disabled);
1882
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-upsell-border-color-disabled);
1830
1883
  }
1831
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--upsell___1xQXs {
1832
- --background-color: var(--hop-comp-button-upsell-background-color);
1833
- --color: var(--hop-comp-button-upsell-text-color);
1834
- --border: var(--hop-Button-upsell-border);
1884
+ .Button-module__hop-Button--danger___9Bdk4[data-disabled] {
1885
+ --background: var(--hop-comp-button-danger-background-disabled);
1886
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-danger-border-color-disabled);
1835
1887
  }
1836
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--danger___aISF3 {
1837
- --background-color: var(--hop-comp-button-danger-background-color);
1838
- --color: var(--hop-comp-button-danger-text-color);
1839
- --border: var(--hop-Button-danger-border);
1888
+ .Button-module__hop-Button--ghost-primary___UXsJi[data-disabled] {
1889
+ --background: var(--hop-comp-button-ghost-primary-background-disabled);
1890
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-primary-border-color-disabled);
1840
1891
  }
1841
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-primary___IcaPW {
1842
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1843
- --color: var(--hop-comp-button-ghost-primary-text-color);
1844
- --border: var(--hop-Button-ghost-primary-border);
1892
+ .Button-module__hop-Button--ghost-secondary___toGp0[data-disabled] {
1893
+ --background: var(--hop-comp-button-ghost-secondary-background-disabled);
1894
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-disabled);
1845
1895
  }
1846
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-secondary___vPfBY {
1847
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1848
- --color: var(--hop-comp-button-ghost-secondary-text-color);
1849
- --border: var(--hop-Button-ghost-secondary-border);
1896
+ .Button-module__hop-Button--ghost-danger___wshP-[data-disabled] {
1897
+ --background: var(--hop-comp-button-ghost-danger-background-disabled);
1898
+ --border: var(--hop-Button-border-size) solid var(--hop-comp-button-ghost-danger-border-color-disabled);
1850
1899
  }
1851
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button--ghost-danger___pruuE {
1852
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1853
- --color: var(--hop-comp-button-ghost-danger-text-color);
1854
- --border: var(--hop-Button-ghost-danger-border);
1900
+ .Button-module__hop-Button--loading___NMXIV {
1901
+ background: var(--background-loading);
1902
+ color: var(--color-loading);
1903
+ border-color: var(--border-color-loading);
1904
+ box-shadow: var(--box-shadow-loading);
1855
1905
  }
1856
- .Button-module__hop-Button__Spinner___8pCIG {
1906
+ .Button-module__hop-Button__Spinner___hSXad {
1857
1907
  position: absolute;
1858
- color: var(--spinner-color);
1859
1908
  }
1860
- .Button-module__hop-Button__icon___gl8cW,
1861
- .Button-module__hop-Button__icon-list___uyZsy {
1909
+ .Button-module__hop-Button__icon___koGX2,
1910
+ .Button-module__hop-Button__icon-list___uV0To {
1862
1911
  flex: 0 0 auto;
1863
1912
  justify-self: end;
1864
1913
  order: 1;
1914
+ color: var(--icon-color);
1865
1915
  }
1866
- .Button-module__hop-Button__text___ji-Lx {
1916
+ .Button-module__hop-Button__text___yWZed {
1867
1917
  user-select: none;
1868
1918
  overflow: visible;
1869
1919
  flex: 0 1 auto;
@@ -1872,134 +1922,109 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
1872
1922
  text-decoration: none;
1873
1923
  text-wrap: nowrap;
1874
1924
  }
1875
- .Button-module__hop-Button__end-icon___LnEKx,
1876
- .Button-module__hop-Button__end-icon-list___EnFJv {
1925
+ .Button-module__hop-Button__end-icon___r5rxu,
1926
+ .Button-module__hop-Button__end-icon-list___4NYnd {
1877
1927
  flex: 0 0 auto;
1878
1928
  order: 3;
1929
+ color: var(--icon-color);
1879
1930
  }
1880
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__icon-list___uyZsy,
1881
- .Button-module__hop-Button___sgx-6 .Button-module__hop-Button__end-icon-list___EnFJv {
1931
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__icon-list___uV0To,
1932
+ .Button-module__hop-Button___cEzVI .Button-module__hop-Button__end-icon-list___4NYnd {
1882
1933
  flex-wrap: nowrap;
1883
1934
  }
1884
- .Button-module__hop-Button--loading___BQ9xT.Button-module__hop-Button___sgx-6 > *:not(.Button-module__hop-Button__Spinner___8pCIG) {
1935
+ .Button-module__hop-Button--loading___NMXIV.Button-module__hop-Button___cEzVI > *:not(.Button-module__hop-Button__Spinner___hSXad) {
1885
1936
  opacity: 0;
1886
1937
  }
1887
- .ToggleButton-module__hop-ToggleButton___51huq {
1938
+ .ToggleButton-module__hop-ToggleButton___pf1eD {
1888
1939
  --hop-ToggleButton-border-size: var(--hop-space-10);
1889
1940
  }
1890
- .ToggleButton-module__hop-ToggleButton--fluid___mOK4F {
1941
+ .ToggleButton-module__hop-ToggleButton--fluid___49Lo5 {
1891
1942
  }
1892
- .ToggleButton-module__hop-ToggleButton--xs___K9MbP {
1943
+ .ToggleButton-module__hop-ToggleButton--xs___gfZiq {
1893
1944
  }
1894
- .ToggleButton-module__hop-ToggleButton--sm___6FNI8 {
1945
+ .ToggleButton-module__hop-ToggleButton--sm___WUBaB {
1895
1946
  }
1896
- .ToggleButton-module__hop-ToggleButton--md___tqmEd {
1947
+ .ToggleButton-module__hop-ToggleButton--md___-1WLK {
1897
1948
  }
1898
- .ToggleButton-module__hop-ToggleButton--icon-only___fnnMp {
1949
+ .ToggleButton-module__hop-ToggleButton--icon-only___BuTXY {
1899
1950
  }
1900
- .ToggleButton-module__hop-ToggleButton--primary___LgoyI {
1951
+ .ToggleButton-module__hop-ToggleButton--primary___UrwDq {
1901
1952
  }
1902
- .ToggleButton-module__hop-ToggleButton--primary___LgoyI[data-selected] {
1903
- --background-color: var(--hop-comp-button-primary-background-color-selected);
1953
+ .ToggleButton-module__hop-ToggleButton--primary___UrwDq[data-selected] {
1954
+ --background: var(--hop-comp-button-primary-background-selected);
1904
1955
  --color: var(--hop-comp-button-primary-text-color-selected);
1956
+ --icon-color: var(--hop-comp-button-primary-icon-color-selected);
1905
1957
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-primary-border-color-selected);
1906
1958
  }
1907
- .ToggleButton-module__hop-ToggleButton--secondary___m2QVF {
1959
+ .ToggleButton-module__hop-ToggleButton--secondary___FoMjA {
1908
1960
  }
1909
- .ToggleButton-module__hop-ToggleButton--secondary___m2QVF[data-selected] {
1910
- --background-color: var(--hop-comp-button-secondary-background-color-selected);
1961
+ .ToggleButton-module__hop-ToggleButton--secondary___FoMjA[data-selected] {
1962
+ --background: var(--hop-comp-button-secondary-background-selected);
1911
1963
  --color: var(--hop-comp-button-secondary-text-color-selected);
1964
+ --icon-color: var(--hop-comp-button-secondary-icon-color-selected);
1912
1965
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-secondary-border-color-selected);
1913
1966
  }
1914
- .ToggleButton-module__hop-ToggleButton--upsell___7P1Cl {
1967
+ .ToggleButton-module__hop-ToggleButton--upsell___CtM53 {
1915
1968
  }
1916
- .ToggleButton-module__hop-ToggleButton--upsell___7P1Cl[data-selected] {
1917
- --background-color: var(--hop-comp-button-upsell-background-color-selected);
1969
+ .ToggleButton-module__hop-ToggleButton--upsell___CtM53[data-selected] {
1970
+ --background: var(--hop-comp-button-upsell-background-selected);
1918
1971
  --color: var(--hop-comp-button-upsell-text-color-selected);
1972
+ --icon-color: var(--hop-comp-button-upsell-icon-color-selected);
1919
1973
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-upsell-border-color-selected);
1920
1974
  }
1921
- .ToggleButton-module__hop-ToggleButton--danger___ho5sX {
1975
+ .ToggleButton-module__hop-ToggleButton--danger___jTewI {
1922
1976
  }
1923
- .ToggleButton-module__hop-ToggleButton--danger___ho5sX[data-selected] {
1924
- --background-color: var(--hop-comp-button-danger-background-color-selected);
1977
+ .ToggleButton-module__hop-ToggleButton--danger___jTewI[data-selected] {
1978
+ --background: var(--hop-comp-button-danger-background-selected);
1925
1979
  --color: var(--hop-comp-button-danger-text-color-selected);
1980
+ --icon-color: var(--hop-comp-button-danger-icon-color-selected);
1926
1981
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-danger-border-color-selected);
1927
1982
  }
1928
- .ToggleButton-module__hop-ToggleButton--ghost-primary___RcmRH {
1983
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___La0tk {
1929
1984
  }
1930
- .ToggleButton-module__hop-ToggleButton--ghost-primary___RcmRH[data-selected] {
1931
- --background-color: var(--hop-comp-button-ghost-primary-background-color-selected);
1985
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___La0tk[data-selected] {
1986
+ --background: var(--hop-comp-button-ghost-primary-background-selected);
1932
1987
  --color: var(--hop-comp-button-ghost-primary-text-color-selected);
1988
+ --icon-color: var(--hop-comp-button-ghost-primary-icon-color-selected);
1933
1989
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-primary-border-color-selected);
1934
1990
  }
1935
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___Vyswh {
1991
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___L5GM5 {
1936
1992
  }
1937
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___Vyswh[data-selected] {
1938
- --background-color: var(--hop-comp-button-ghost-secondary-background-color-selected);
1993
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___L5GM5[data-selected] {
1994
+ --background: var(--hop-comp-button-ghost-secondary-background-selected);
1939
1995
  --color: var(--hop-comp-button-ghost-secondary-text-color-selected);
1996
+ --icon-color: var(--hop-comp-button-ghost-secondary-icon-color-selected);
1940
1997
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-secondary-border-color-selected);
1941
1998
  }
1942
- .ToggleButton-module__hop-ToggleButton--ghost-danger___AhhZ5 {
1999
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sCsOy {
1943
2000
  }
1944
- .ToggleButton-module__hop-ToggleButton--ghost-danger___AhhZ5[data-selected] {
1945
- --background-color: var(--hop-comp-button-ghost-danger-background-color-selected);
2001
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___sCsOy[data-selected] {
2002
+ --background: var(--hop-comp-button-ghost-danger-background-selected);
1946
2003
  --color: var(--hop-comp-button-ghost-danger-text-color-selected);
2004
+ --icon-color: var(--hop-comp-button-ghost-danger-icon-color-selected);
1947
2005
  --border: var(--hop-ToggleButton-border-size) solid var(--hop-comp-button-ghost-danger-border-color-selected);
1948
2006
  }
1949
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--primary___LgoyI {
1950
- --background-color: var(--hop-comp-button-primary-background-color);
1951
- --color: var(--hop-comp-button-primary-text-color);
1952
- --border: var(--hop-Button-primary-border);
2007
+ .ToggleButton-module__hop-ToggleButton--loading___LpKD9 {
1953
2008
  }
1954
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--secondary___m2QVF {
1955
- --background-color: var(--hop-comp-button-secondary-background-color);
1956
- --color: var(--hop-comp-button-secondary-text-color);
1957
- --border: var(--hop-Button-secondary-border);
2009
+ .ToggleButton-module__hop-ToggleButton__Spinner___w6ejv {
1958
2010
  }
1959
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--upsell___7P1Cl {
1960
- --background-color: var(--hop-comp-button-upsell-background-color);
1961
- --color: var(--hop-comp-button-upsell-text-color);
1962
- --border: var(--hop-Button-upsell-border);
2011
+ .ToggleButton-module__hop-ToggleButton__icon___xAyDv,
2012
+ .ToggleButton-module__hop-ToggleButton__icon-list___dI-iD {
1963
2013
  }
1964
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--danger___ho5sX {
1965
- --background-color: var(--hop-comp-button-danger-background-color);
1966
- --color: var(--hop-comp-button-danger-text-color);
1967
- --border: var(--hop-Button-danger-border);
2014
+ .ToggleButton-module__hop-ToggleButton__text___Svuce {
1968
2015
  }
1969
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--ghost-primary___RcmRH {
1970
- --background-color: var(--hop-comp-button-ghost-primary-background-color);
1971
- --color: var(--hop-comp-button-ghost-primary-text-color);
1972
- --border: var(--hop-Button-ghost-primary-border);
2016
+ .ToggleButton-module__hop-ToggleButton__end-icon___Glff3,
2017
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___4B9Ua {
1973
2018
  }
1974
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--ghost-secondary___Vyswh {
1975
- --background-color: var(--hop-comp-button-ghost-secondary-background-color);
1976
- --color: var(--hop-comp-button-ghost-secondary-text-color);
1977
- --border: var(--hop-Button-ghost-secondary-border);
1978
- }
1979
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton--ghost-danger___AhhZ5 {
1980
- --background-color: var(--hop-comp-button-ghost-danger-background-color);
1981
- --color: var(--hop-comp-button-ghost-danger-text-color);
1982
- --border: var(--hop-Button-ghost-danger-border);
1983
- }
1984
- .ToggleButton-module__hop-ToggleButton__Spinner___yQcG2 {
1985
- }
1986
- .ToggleButton-module__hop-ToggleButton__icon___gcrlS,
1987
- .ToggleButton-module__hop-ToggleButton__icon-list___OEz8b {
1988
- }
1989
- .ToggleButton-module__hop-ToggleButton__text___U6CRI {
2019
+ .ToggleButton-module__hop-ToggleButton__icon-list___dI-iD,
2020
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___4B9Ua {
1990
2021
  }
1991
- .ToggleButton-module__hop-ToggleButton__end-icon___y7sNB,
1992
- .ToggleButton-module__hop-ToggleButton__end-icon-list___QDOWp {
1993
- }
1994
- .ToggleButton-module__hop-ToggleButton__icon-list___OEz8b,
1995
- .ToggleButton-module__hop-ToggleButton__end-icon-list___QDOWp {
1996
- }
1997
- .ToggleButton-module__hop-ToggleButton--loading___ILUOs.ToggleButton-module__hop-ToggleButton___51huq > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___yQcG2) {
2022
+ .ToggleButton-module__hop-ToggleButton--loading___LpKD9.ToggleButton-module__hop-ToggleButton___pf1eD > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___w6ejv) {
1998
2023
  opacity: 0;
1999
2024
  }
2000
2025
 
2001
2026
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
2002
- .Link-module__hop-Link___Lsz97 {
2027
+ .Link-module__hop-Link___AsAVL {
2003
2028
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2004
2029
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2005
2030
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2059,130 +2084,130 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2059
2084
  outline: none;
2060
2085
  outline-offset: 0.125rem;
2061
2086
  }
2062
- :where(.Link-module__hop-Link___Lsz97) {
2087
+ :where(.Link-module__hop-Link___AsAVL) {
2063
2088
  font-family: var(--font-family);
2064
2089
  font-size: var(--font-size);
2065
2090
  font-weight: var(--font-weight);
2066
2091
  line-height: var(--line-height);
2067
2092
  }
2068
- :where(.Link-module__hop-Link--xs___peNa7) {
2093
+ :where(.Link-module__hop-Link--xs___-w66V) {
2069
2094
  --font-size: var(--hop-Link-xs-font-size);
2070
2095
  --font-family: var(--hop-Link-xs-font-family);
2071
2096
  --font-weight: var(--hop-Link-xs-font-weight);
2072
2097
  --line-height: var(--hop-Link-xs-line-height);
2073
2098
  }
2074
- :where(.Link-module__hop-Link--sm___Y-C6h) {
2099
+ :where(.Link-module__hop-Link--sm___gm9Du) {
2075
2100
  --font-size: var(--hop-Link-sm-font-size);
2076
2101
  --font-family: var(--hop-Link-sm-font-family);
2077
2102
  --font-weight: var(--hop-Link-sm-font-weight);
2078
2103
  --line-height: var(--hop-Link-sm-line-height);
2079
2104
  }
2080
- :where(.Link-module__hop-Link--md___8-w-k) {
2105
+ :where(.Link-module__hop-Link--md___bFC0e) {
2081
2106
  --font-size: var(--hop-Link-md-font-size);
2082
2107
  --font-family: var(--hop-Link-md-font-family);
2083
2108
  --font-weight: var(--hop-Link-md-font-weight);
2084
2109
  --line-height: var(--hop-Link-md-line-height);
2085
2110
  }
2086
- :where(.Link-module__hop-Link--lg___GYJAi) {
2111
+ :where(.Link-module__hop-Link--lg___-4zcV) {
2087
2112
  --font-size: var(--hop-Link-lg-font-size);
2088
2113
  --font-family: var(--hop-Link-lg-font-family);
2089
2114
  --font-weight: var(--hop-Link-lg-font-weight);
2090
2115
  --line-height: var(--hop-Link-lg-line-height);
2091
2116
  }
2092
- :where(.Link-module__hop-Link--xl___Uz09a) {
2117
+ :where(.Link-module__hop-Link--xl___XDQDI) {
2093
2118
  --font-size: var(--hop-Link-xl-font-size);
2094
2119
  --font-family: var(--hop-Link-xl-font-family);
2095
2120
  --font-weight: var(--hop-Link-xl-font-weight);
2096
2121
  --line-height: var(--hop-Link-xl-line-height);
2097
2122
  }
2098
- :where(.Link-module__hop-Link--2xl___a-I4I) {
2123
+ :where(.Link-module__hop-Link--2xl___zzckK) {
2099
2124
  --font-size: var(--hop-Link-2xl-font-size);
2100
2125
  --font-family: var(--hop-Link-2xl-font-family);
2101
2126
  --font-weight: var(--hop-Link-2xl-font-weight);
2102
2127
  --line-height: var(--hop-Link-2xl-line-height);
2103
2128
  }
2104
- :where(.Link-module__hop-Link--inherit___ShpcT) {
2129
+ :where(.Link-module__hop-Link--inherit___lDRdV) {
2105
2130
  --font-size: var(--hop-Link-inherit-size-font-size);
2106
2131
  --font-family: var(--hop-Link-inherit-size-font-family);
2107
2132
  --font-weight: var(--hop-Link-inherit-size-font-weight);
2108
2133
  --line-height: var(--hop-Link-inherit-size-line-height);
2109
2134
  }
2110
- .Link-module__hop-Link___Lsz97[data-focus-visible] {
2135
+ .Link-module__hop-Link___AsAVL[data-focus-visible] {
2111
2136
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2112
2137
  }
2113
- .Link-module__hop-Link___Lsz97[data-disabled] {
2138
+ .Link-module__hop-Link___AsAVL[data-disabled] {
2114
2139
  cursor: default;
2115
2140
  }
2116
- .Link-module__hop-Link--standalone___7oe-n .Link-module__hop-Link__text___oxPYZ {
2141
+ .Link-module__hop-Link--standalone___K0vXh .Link-module__hop-Link__text___-0Eea {
2117
2142
  padding: var(--hop-Link-padding-standalone);
2118
2143
  }
2119
- .Link-module__hop-Link--standalone___7oe-n.Link-module__hop-Link--xs___peNa7 .Link-module__hop-Link__text___oxPYZ {
2144
+ .Link-module__hop-Link--standalone___K0vXh.Link-module__hop-Link--xs___-w66V .Link-module__hop-Link__text___-0Eea {
2120
2145
  padding: var(--hop-Link-padding-standalone-xs);
2121
2146
  }
2122
- .Link-module__hop-Link--standalone___7oe-n.Link-module__hop-Link--sm___Y-C6h .Link-module__hop-Link__text___oxPYZ {
2147
+ .Link-module__hop-Link--standalone___K0vXh.Link-module__hop-Link--sm___gm9Du .Link-module__hop-Link__text___-0Eea {
2123
2148
  padding: var(--hop-Link-padding-standalone-sm);
2124
2149
  }
2125
- .Link-module__hop-Link--standalone___7oe-n.Link-module__hop-Link--md___8-w-k .Link-module__hop-Link__text___oxPYZ {
2150
+ .Link-module__hop-Link--standalone___K0vXh.Link-module__hop-Link--md___bFC0e .Link-module__hop-Link__text___-0Eea {
2126
2151
  padding: var(--hop-Link-padding-standalone-md);
2127
2152
  }
2128
- .Link-module__hop-Link--standalone___7oe-n.Link-module__hop-Link--lg___GYJAi .Link-module__hop-Link__text___oxPYZ {
2153
+ .Link-module__hop-Link--standalone___K0vXh.Link-module__hop-Link--lg___-4zcV .Link-module__hop-Link__text___-0Eea {
2129
2154
  padding: var(--hop-Link-padding-standalone-lg);
2130
2155
  }
2131
- .Link-module__hop-Link--standalone___7oe-n.Link-module__hop-Link--xl___Uz09a .Link-module__hop-Link__text___oxPYZ {
2156
+ .Link-module__hop-Link--standalone___K0vXh.Link-module__hop-Link--xl___XDQDI .Link-module__hop-Link__text___-0Eea {
2132
2157
  padding: var(--hop-Link-padding-standalone-xl);
2133
2158
  }
2134
- .Link-module__hop-Link--standalone___7oe-n.Link-module__hop-Link--2xl___a-I4I .Link-module__hop-Link__text___oxPYZ {
2159
+ .Link-module__hop-Link--standalone___K0vXh.Link-module__hop-Link--2xl___zzckK .Link-module__hop-Link__text___-0Eea {
2135
2160
  padding: var(--hop-Link-padding-standalone-2xl);
2136
2161
  }
2137
- .Link-module__hop-Link--quiet___IDICk[data-focus-visible],
2138
- .Link-module__hop-Link--quiet___IDICk[data-hovered],
2139
- .Link-module__hop-Link--standalone___7oe-n[data-focus-visible],
2140
- .Link-module__hop-Link--standalone___7oe-n[data-hovered] {
2162
+ .Link-module__hop-Link--quiet___V-5Tb[data-focus-visible],
2163
+ .Link-module__hop-Link--quiet___V-5Tb[data-hovered],
2164
+ .Link-module__hop-Link--standalone___K0vXh[data-focus-visible],
2165
+ .Link-module__hop-Link--standalone___K0vXh[data-hovered] {
2141
2166
  text-decoration: underline;
2142
2167
  }
2143
- .Link-module__hop-Link___Lsz97:not(.Link-module__hop-Link--quiet___IDICk, .Link-module__hop-Link--standalone___7oe-n) {
2168
+ .Link-module__hop-Link___AsAVL:not(.Link-module__hop-Link--quiet___V-5Tb, .Link-module__hop-Link--standalone___K0vXh) {
2144
2169
  text-decoration: underline;
2145
2170
  }
2146
- .Link-module__hop-Link--primary___Kn8nh {
2171
+ .Link-module__hop-Link--primary___4B2Ej {
2147
2172
  color: var(--hop-Link-primary-text-color);
2148
2173
  }
2149
- .Link-module__hop-Link--primary___Kn8nh[data-disabled] {
2174
+ .Link-module__hop-Link--primary___4B2Ej[data-disabled] {
2150
2175
  color: var(--hop-Link-primary-text-disabled-color);
2151
2176
  }
2152
- .Link-module__hop-Link--primary___Kn8nh:not([data-disabled])[data-focus-visible],
2153
- .Link-module__hop-Link--primary___Kn8nh:not([data-disabled])[data-hovered] {
2177
+ .Link-module__hop-Link--primary___4B2Ej:not([data-disabled])[data-focus-visible],
2178
+ .Link-module__hop-Link--primary___4B2Ej:not([data-disabled])[data-hovered] {
2154
2179
  color: var(--hop-Link-primary-text-hover-color);
2155
2180
  }
2156
- .Link-module__hop-Link--primary___Kn8nh:not([data-disabled])[data-pressed] {
2181
+ .Link-module__hop-Link--primary___4B2Ej:not([data-disabled])[data-pressed] {
2157
2182
  color: var(--hop-Link-primary-text-pressed-color);
2158
2183
  }
2159
- .Link-module__hop-Link--secondary___STJKF {
2184
+ .Link-module__hop-Link--secondary___HRGTh {
2160
2185
  color: var(--hop-Link-neutral-text-color);
2161
2186
  }
2162
- .Link-module__hop-Link--secondary___STJKF[data-disabled] {
2187
+ .Link-module__hop-Link--secondary___HRGTh[data-disabled] {
2163
2188
  color: var(--hop-Link-neutral-text-disabled-color);
2164
2189
  }
2165
- .Link-module__hop-Link--secondary___STJKF:not([data-disabled])[data-focus-visible],
2166
- .Link-module__hop-Link--secondary___STJKF:not([data-disabled])[data-hovered] {
2190
+ .Link-module__hop-Link--secondary___HRGTh:not([data-disabled])[data-focus-visible],
2191
+ .Link-module__hop-Link--secondary___HRGTh:not([data-disabled])[data-hovered] {
2167
2192
  color: var(--hop-Link-neutral-text-hover-color);
2168
2193
  }
2169
- .Link-module__hop-Link--secondary___STJKF:not([data-disabled])[data-pressed] {
2194
+ .Link-module__hop-Link--secondary___HRGTh:not([data-disabled])[data-pressed] {
2170
2195
  color: var(--hop-Link-neutral-text-pressed-color);
2171
2196
  }
2172
- .Link-module__hop-Link__icon___sWUJH,
2173
- .Link-module__hop-Link__icon-list___dOina {
2197
+ .Link-module__hop-Link__icon___ve-X3,
2198
+ .Link-module__hop-Link__icon-list___Nn7RZ {
2174
2199
  order: 2;
2175
2200
  }
2176
- .Link-module__hop-Link__text___oxPYZ {
2201
+ .Link-module__hop-Link__text___-0Eea {
2177
2202
  order: 1;
2178
2203
  }
2179
- .Link-module__hop-Link__start-icon___HdgWD,
2180
- .Link-module__hop-Link__start-icon-list___qjo9V {
2204
+ .Link-module__hop-Link__start-icon___exzKN,
2205
+ .Link-module__hop-Link__start-icon-list___JXIDj {
2181
2206
  order: 0;
2182
2207
  }
2183
2208
 
2184
2209
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2185
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___kK5rG {
2210
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___XJN7Q {
2186
2211
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2187
2212
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2188
2213
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2214,52 +2239,52 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2214
2239
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2215
2240
  outline: none;
2216
2241
  }
2217
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___YDDAR {
2242
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___AtDEn {
2218
2243
  --size: var(--hop-RichIconAvatarImage-xs-size);
2219
2244
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2220
2245
  }
2221
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___KgYR8 {
2246
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___2WXzN {
2222
2247
  --size: var(--hop-RichIconAvatarImage-sm-size);
2223
2248
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2224
2249
  }
2225
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___AGqbr {
2250
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___zdaL0 {
2226
2251
  --size: var(--hop-RichIconAvatarImage-md-size);
2227
2252
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2228
2253
  }
2229
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___jiJbG {
2254
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___8rQs3 {
2230
2255
  --size: var(--hop-RichIconAvatarImage-lg-size);
2231
2256
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2232
2257
  }
2233
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___EkGtr {
2258
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___eIOdR {
2234
2259
  --size: var(--hop-RichIconAvatarImage-xl-size);
2235
2260
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2236
2261
  }
2237
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___07QDm {
2262
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___8Q2Eb {
2238
2263
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2239
2264
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2240
2265
  }
2241
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___lCXlu {
2266
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___2gUot {
2242
2267
  cursor: pointer;
2243
2268
  }
2244
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___87spH {
2269
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___bFESh {
2245
2270
  outline: 0.125rem solid var(--hop-primary-border-focus);
2246
2271
  }
2247
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___kK5rG[data-disabled] {
2272
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___XJN7Q[data-disabled] {
2248
2273
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2249
2274
  }
2250
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___l5fJG {
2275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8RnwT {
2251
2276
  position: relative;
2252
2277
  display: block;
2253
2278
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2254
2279
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2255
2280
  }
2256
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___kK5rG[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___l5fJG {
2281
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___XJN7Q[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8RnwT {
2257
2282
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2258
2283
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2259
2284
  }
2260
2285
 
2261
2286
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2262
- .Avatar-module__hop-Avatar___KgNsz {
2287
+ .Avatar-module__hop-Avatar___EFfDD {
2263
2288
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2264
2289
  --hop-Avatar-mix-blend-mode: normal;
2265
2290
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2305,73 +2330,73 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2305
2330
  border-radius: var(--hop-Avatar-border-radius);
2306
2331
  outline: none;
2307
2332
  }
2308
- .Avatar-module__hop-Avatar--xs___-bcCo {
2333
+ .Avatar-module__hop-Avatar--xs___bFMGL {
2309
2334
  --size: var(--hop-Avatar-xs-size);
2310
2335
  }
2311
- .Avatar-module__hop-Avatar--sm___RoSJM {
2336
+ .Avatar-module__hop-Avatar--sm___-bArR {
2312
2337
  --size: var(--hop-Avatar-sm-size);
2313
2338
  }
2314
- .Avatar-module__hop-Avatar--md___yEUD7 {
2339
+ .Avatar-module__hop-Avatar--md___whSLD {
2315
2340
  --size: var(--hop-Avatar-md-size);
2316
2341
  }
2317
- .Avatar-module__hop-Avatar--lg___xyCmQ {
2342
+ .Avatar-module__hop-Avatar--lg___cWesB {
2318
2343
  --size: var(--hop-Avatar-lg-size);
2319
2344
  }
2320
- .Avatar-module__hop-Avatar--xl___irS4b {
2345
+ .Avatar-module__hop-Avatar--xl___luHYi {
2321
2346
  --size: var(--hop-Avatar-xl-size);
2322
2347
  }
2323
- .Avatar-module__hop-Avatar--2xl___x1Rh8 {
2348
+ .Avatar-module__hop-Avatar--2xl___JPsQr {
2324
2349
  --size: var(--hop-Avatar-2xl-size);
2325
2350
  }
2326
- .Avatar-module__hop-Avatar--clickable___fJTyJ {
2351
+ .Avatar-module__hop-Avatar--clickable___12CsZ {
2327
2352
  cursor: pointer;
2328
2353
  }
2329
- .Avatar-module__hop-Avatar--focus-visible___MMbdV {
2354
+ .Avatar-module__hop-Avatar--focus-visible___hGb6M {
2330
2355
  outline: 0.125rem solid var(--hop-primary-border-focus);
2331
2356
  }
2332
- .Avatar-module__hop-Avatar--decorative-option1___d4J-d {
2357
+ .Avatar-module__hop-Avatar--decorative-option1___PepHF {
2333
2358
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2334
2359
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2335
2360
  }
2336
- .Avatar-module__hop-Avatar--decorative-option2___b-6do {
2361
+ .Avatar-module__hop-Avatar--decorative-option2___i5yVn {
2337
2362
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2338
2363
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2339
2364
  }
2340
- .Avatar-module__hop-Avatar--decorative-option3___m6-Kj {
2365
+ .Avatar-module__hop-Avatar--decorative-option3___32Paz {
2341
2366
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2342
2367
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2343
2368
  }
2344
- .Avatar-module__hop-Avatar--decorative-option4___LhdVg {
2369
+ .Avatar-module__hop-Avatar--decorative-option4___LMoz2 {
2345
2370
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2346
2371
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2347
2372
  }
2348
- .Avatar-module__hop-Avatar--decorative-option5___yEKYT {
2373
+ .Avatar-module__hop-Avatar--decorative-option5___Udkio {
2349
2374
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2350
2375
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2351
2376
  }
2352
- .Avatar-module__hop-Avatar--decorative-option6___Z45u- {
2377
+ .Avatar-module__hop-Avatar--decorative-option6___uGziA {
2353
2378
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2354
2379
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2355
2380
  }
2356
- .Avatar-module__hop-Avatar--decorative-option7___nwMsS {
2381
+ .Avatar-module__hop-Avatar--decorative-option7___7ZaDk {
2357
2382
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2358
2383
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2359
2384
  }
2360
- .Avatar-module__hop-Avatar--decorative-option8___a2XL3 {
2385
+ .Avatar-module__hop-Avatar--decorative-option8___r5Jv2 {
2361
2386
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2362
2387
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2363
2388
  }
2364
- .Avatar-module__hop-Avatar--decorative-option9___y1GKB {
2389
+ .Avatar-module__hop-Avatar--decorative-option9___9t7zf {
2365
2390
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2366
2391
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2367
2392
  }
2368
- .Avatar-module__hop-Avatar___KgNsz[data-disabled] {
2393
+ .Avatar-module__hop-Avatar___EFfDD[data-disabled] {
2369
2394
  --background-color: var(--hop-Avatar-background-color-disabled);
2370
2395
  --text-color: var(--hop-Avatar-text-color-disabled);
2371
2396
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2372
2397
  isolation: isolate;
2373
2398
  }
2374
- .Avatar-module__hop-Avatar__image___hj9eb {
2399
+ .Avatar-module__hop-Avatar__image___uXjIq {
2375
2400
  position: relative;
2376
2401
  display: block;
2377
2402
  box-sizing: border-box;
@@ -2380,62 +2405,58 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2380
2405
  object-fit: cover;
2381
2406
  mix-blend-mode: var(--mix-blend-mode);
2382
2407
  }
2383
- .Avatar-module__hop-Avatar__initials___GOI1X {
2408
+ .Avatar-module__hop-Avatar__initials___suGZB {
2384
2409
  white-space: nowrap;
2385
2410
  }
2386
2411
 
2387
2412
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2388
- .Tooltip-module__hop-Tooltip___w72Kc {
2413
+ .Tooltip-module__hop-Tooltip___nx2T4 {
2389
2414
  --hop-Tooltip-max-inline-size: 20rem;
2390
2415
  --hop-Tooltip-slide-amount: 0.25rem;
2391
- --hop-Tooltip-background: var(--hop-neutral-surface-strong);
2392
- --hop-Tooltip-border-radius: var(--hop-shape-rounded-md);
2393
- --hop-Tooltip-box-shadow: var(--hop-elevation-raised);
2394
2416
  --hop-Tooltip-font-family: var(--hop-body-xs-font-family);
2395
2417
  --hop-Tooltip-font-size: var(--hop-body-xs-font-size);
2396
2418
  --hop-Tooltip-font-weight: var(--hop-body-xs-font-weight);
2397
2419
  --hop-Tooltip-line-height: var(--hop-body-xs-line-height);
2398
2420
  --hop-Tooltip-font-smoothing: antialiased;
2399
- --hop-Tooltip-color: var(--hop-neutral-text-strong);
2400
- --hop-Tooltip-padding: var(--hop-space-inset-squish-md);
2401
2421
  --origin-x: 0;
2402
2422
  --origin-y: 0;
2403
2423
  max-inline-size: min(var(--hop-Tooltip-max-inline-size), calc(100% - 4rem));
2404
- padding: var(--hop-Tooltip-padding);
2424
+ padding: var(--hop-space-inset-sm) var(--hop-space-inset-md);
2405
2425
  font-family: var(--hop-Tooltip-font-family);
2406
2426
  font-size: var(--hop-Tooltip-font-size);
2407
2427
  font-weight: var(--hop-Tooltip-font-weight);
2408
2428
  -webkit-font-smoothing: var(--hop-Tooltip-font-smoothing);
2409
2429
  line-height: var(--hop-Tooltip-line-height);
2410
- color: var(--hop-Tooltip-color);
2411
- background: var(--hop-Tooltip-background);
2412
- border-radius: var(--hop-Tooltip-border-radius);
2413
- box-shadow: var(--hop-Tooltip-box-shadow);
2430
+ color: var(--hop-comp-tooltip-color);
2431
+ backdrop-filter: var(--hop-comp-tooltip-backdrop-filter);
2432
+ background: var(--hop-comp-tooltip-background);
2433
+ border-radius: var(--hop-comp-tooltip-border-radius);
2434
+ box-shadow: var(--hop-comp-tooltip-box-shadow);
2414
2435
  overflow-wrap: anywhere;
2415
2436
  }
2416
- .Tooltip-module__hop-Tooltip--top___gtpbX {
2437
+ .Tooltip-module__hop-Tooltip--top___dPhZG {
2417
2438
  --origin-x: 0;
2418
2439
  --origin-y: var(--hop-Tooltip-slide-amount);
2419
2440
  }
2420
- .Tooltip-module__hop-Tooltip--right___Ju7lr {
2441
+ .Tooltip-module__hop-Tooltip--right___kh2v2 {
2421
2442
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2422
2443
  --origin-y: 0;
2423
2444
  }
2424
- .Tooltip-module__hop-Tooltip--bottom___OvtHr {
2445
+ .Tooltip-module__hop-Tooltip--bottom___trcG1 {
2425
2446
  --origin-x: 0;
2426
2447
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2427
2448
  }
2428
- .Tooltip-module__hop-Tooltip--left___oiIzI {
2449
+ .Tooltip-module__hop-Tooltip--left___-DrJX {
2429
2450
  --origin-x: var(--hop-Tooltip-slide-amount);
2430
2451
  --origin-y: 0;
2431
2452
  }
2432
- .Tooltip-module__hop-Tooltip___w72Kc[data-entering] {
2433
- animation: Tooltip-module__slide___jMFzY 0.2s ease-out;
2453
+ .Tooltip-module__hop-Tooltip___nx2T4[data-entering] {
2454
+ animation: Tooltip-module__slide___kmlhA 0.2s ease-out;
2434
2455
  }
2435
- .Tooltip-module__hop-Tooltip___w72Kc[data-exiting] {
2436
- animation: Tooltip-module__slide___jMFzY 0.2s ease-in reverse;
2456
+ .Tooltip-module__hop-Tooltip___nx2T4[data-exiting] {
2457
+ animation: Tooltip-module__slide___kmlhA 0.2s ease-in reverse;
2437
2458
  }
2438
- @keyframes Tooltip-module__slide___jMFzY {
2459
+ @keyframes Tooltip-module__slide___kmlhA {
2439
2460
  from {
2440
2461
  transform: translate(var(--origin-x), var(--origin-y));
2441
2462
  opacity: 0;
@@ -2447,44 +2468,44 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2447
2468
  }
2448
2469
 
2449
2470
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2450
- .AvatarGroup-module__hop-AvatarGroup___Lz9Co {
2471
+ .AvatarGroup-module__hop-AvatarGroup___whftl {
2451
2472
  --hop-AvatarGroup-display: flex;
2452
2473
  --hop-AvatarGroup-align-items: center;
2453
2474
  display: var(--hop-AvatarGroup-display);
2454
2475
  align-items: var(--hop-AvatarGroup-align-items);
2455
2476
  }
2456
- .AvatarGroup-module__hop-AvatarGroup--wrap___F0Zbp {
2477
+ .AvatarGroup-module__hop-AvatarGroup--wrap___b2Fmf {
2457
2478
  flex-wrap: wrap;
2458
2479
  }
2459
- .AvatarGroup-module__hop-AvatarGroup--xs___z-Byn {
2480
+ .AvatarGroup-module__hop-AvatarGroup--xs___htFlm {
2460
2481
  --gap: -0.125rem;
2461
2482
  }
2462
- .AvatarGroup-module__hop-AvatarGroup--sm___h6Q7Z {
2483
+ .AvatarGroup-module__hop-AvatarGroup--sm___q37Nw {
2463
2484
  --gap: -0.25rem;
2464
2485
  }
2465
- .AvatarGroup-module__hop-AvatarGroup--md___HXiRY {
2486
+ .AvatarGroup-module__hop-AvatarGroup--md___Qy6NC {
2466
2487
  --gap: -0.5rem;
2467
2488
  }
2468
- .AvatarGroup-module__hop-AvatarGroup--lg___ZOmeB {
2489
+ .AvatarGroup-module__hop-AvatarGroup--lg___Ltvj4 {
2469
2490
  --gap: -1rem;
2470
2491
  }
2471
- .AvatarGroup-module__hop-AvatarGroup--xl___1dvnJ {
2492
+ .AvatarGroup-module__hop-AvatarGroup--xl___fUCyC {
2472
2493
  --gap: -1rem;
2473
2494
  }
2474
- .AvatarGroup-module__hop-AvatarGroup--2xl___jYGa- {
2495
+ .AvatarGroup-module__hop-AvatarGroup--2xl___dThX9 {
2475
2496
  --gap: -2rem;
2476
2497
  }
2477
- .AvatarGroup-module__hop-AvatarGroup__avatar___olOv9 {
2498
+ .AvatarGroup-module__hop-AvatarGroup__avatar___ZxmCN {
2478
2499
  margin-inline-start: var(--gap);
2479
2500
  transition: margin var(--hop-easing-duration-2);
2480
2501
  }
2481
- .AvatarGroup-module__hop-AvatarGroup__avatar___olOv9:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___olOv9 {
2502
+ .AvatarGroup-module__hop-AvatarGroup__avatar___ZxmCN:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___ZxmCN {
2482
2503
  margin-inline-start: 0;
2483
2504
  }
2484
- .AvatarGroup-module__hop-AvatarGroup__avatar___olOv9:first-child {
2505
+ .AvatarGroup-module__hop-AvatarGroup__avatar___ZxmCN:first-child {
2485
2506
  margin-inline-start: 0;
2486
2507
  }
2487
- .AvatarGroup-module__hop-AvatarGroup__label___sAqnu {
2508
+ .AvatarGroup-module__hop-AvatarGroup__label___JDYMo {
2488
2509
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2489
2510
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2490
2511
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2496,7 +2517,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2496
2517
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2497
2518
  line-height: var(--hop-AvatarGroup-label-line-height);
2498
2519
  }
2499
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Zp1-4 {
2520
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___CxFkg {
2500
2521
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2501
2522
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2502
2523
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2514,131 +2535,91 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2514
2535
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2515
2536
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2516
2537
  }
2517
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Zp1-4:not(:last-child) {
2538
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___CxFkg:not(:last-child) {
2518
2539
  margin-block-end: 0.25rem;
2519
2540
  }
2520
- .AvatarGroup-module__hop-AvatarGroup--start___QJamq {
2541
+ .AvatarGroup-module__hop-AvatarGroup--start___YUc6R {
2521
2542
  justify-content: flex-start;
2522
2543
  }
2523
- .AvatarGroup-module__hop-AvatarGroup--end___-Jv6S {
2544
+ .AvatarGroup-module__hop-AvatarGroup--end___DStS4 {
2524
2545
  justify-content: flex-end;
2525
2546
  }
2526
- .AvatarGroup-module__hop-AvatarGroup--center___86eCB {
2547
+ .AvatarGroup-module__hop-AvatarGroup--center___FPMkR {
2527
2548
  justify-content: center;
2528
2549
  }
2529
2550
 
2530
2551
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2531
- .Badge-module__hop-Badge___vVwcQ {
2532
- --hop-Badge-height: 1.5rem;
2533
- --hop-Badge-width: max-content;
2534
- --hop-Badge-padding-inline: var(--hop-space-inset-sm);
2535
- --hop-Badge-border-radius: var(--hop-shape-pill);
2536
- --hop-Badge-indeterminate-border-radius: var(--hop-shape-circle);
2537
- --hop-Badge-indeterminate-height: 1rem;
2538
- --hop-Badge-indeterminate-width: 1rem;
2539
- --hop-Badge-indeterminate-padding-inline: 0;
2540
- --hop-Badge-primary-text-color: var(--hop-primary-text-strong);
2541
- --hop-Badge-primary-background-color: var(--hop-primary-surface-strong);
2542
- --hop-Badge-primary-text-color-hovered: var(--hop-primary-text-strong-hover);
2543
- --hop-Badge-primary-background-color-hovered: var(--hop-primary-surface-strong-hover);
2544
- --hop-Badge-primary-text-color-pressed: var(--hop-primary-text-strong);
2545
- --hop-Badge-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
2546
- --hop-Badge-primary-text-color-selected: var(--hop-neutral-text-selected);
2547
- --hop-Badge-primary-background-color-selected: var(--hop-neutral-surface-selected);
2548
- --hop-Badge-secondary-text-color: var(--hop-neutral-text-strong);
2549
- --hop-Badge-secondary-background-color: var(--hop-neutral-surface-strong);
2550
- --hop-Badge-secondary-text-color-hovered: var(--hop-neutral-text-strong);
2551
- --hop-Badge-secondary-background-color-hovered: var(--hop-neutral-surface-strong);
2552
- --hop-Badge-secondary-text-color-pressed: var(--hop-neutral-text-strong);
2553
- --hop-Badge-secondary-background-color-pressed: var(--hop-neutral-surface-strong);
2554
- --hop-Badge-secondary-text-color-selected: var(--hop-neutral-text-selected);
2555
- --hop-Badge-secondary-background-color-selected: var(--hop-neutral-surface-selected);
2556
- --hop-Badge-subdued-text-color: var(--hop-neutral-text-weak);
2557
- --hop-Badge-subdued-background-color: var(--hop-neutral-surface-weak);
2558
- --hop-Badge-subdued-text-color-hovered: var(--hop-neutral-text-weak-hover);
2559
- --hop-Badge-subdued-background-color-hovered: var(--hop-neutral-surface-weak-hover);
2560
- --hop-Badge-subdued-text-color-pressed: var(--hop-neutral-text-weak-press);
2561
- --hop-Badge-subdued-background-color-pressed: var(--hop-neutral-surface-weak-press);
2562
- --hop-Badge-subdued-text-color-selected: var(--hop-neutral-text-weak-selected);
2563
- --hop-Badge-subdued-background-color-selected: var(--hop-neutral-surface-weak-selected);
2564
- --hop-Badge-text-color-disabled: var(--hop-neutral-text-disabled);
2565
- --hop-Badge-background-color-disabled: var(--hop-neutral-surface-disabled);
2566
- --height: var(--hop-Badge-height);
2567
- --width: var(--hop-Badge-width);
2568
- --padding-inline: var(--hop-Badge-padding-inline);
2569
- --border-radius: var(--hop-Badge-border-radius);
2552
+ .Badge-module__hop-Badge___JVpk2 {
2570
2553
  display: inline-flex;
2571
2554
  align-items: center;
2572
2555
  justify-content: center;
2573
2556
  box-sizing: border-box;
2574
- inline-size: var(--width);
2575
- block-size: var(--height);
2576
- padding-inline: var(--padding-inline);
2577
- color: var(--text-color, var(--hop-Badge-primary-text-color));
2578
- background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2579
- border-radius: var(--border-radius);
2557
+ inline-size: max-content;
2558
+ block-size: 1.5rem;
2559
+ padding-inline: var(--hop-space-inset-sm);
2560
+ border-radius: var(--hop-shape-pill);
2580
2561
  }
2581
- .Badge-module__hop-Badge--primary___nplpi {
2582
- --background-color: var(--hop-Badge-primary-background-color);
2583
- --text-color: var(--hop-Badge-primary-text-color);
2562
+ .Badge-module__hop-Badge--primary___pdTHD {
2563
+ background: var(--hop-comp-badge-primary-background);
2564
+ color: var(--hop-comp-badge-primary-text-color);
2584
2565
  }
2585
- .Badge-module__hop-Badge--primary___nplpi[data-hovered] {
2586
- --background-color: var(--hop-Badge-primary-background-color-hovered);
2587
- --text-color: var(--hop-Badge-primary-text-color-hovered);
2566
+ .Badge-module__hop-Badge--primary___pdTHD[data-hovered] {
2567
+ background: var(--hop-comp-badge-primary-background-hover);
2568
+ color: var(--hop-comp-badge-primary-text-color-hover);
2588
2569
  }
2589
- .Badge-module__hop-Badge--primary___nplpi[data-pressed] {
2590
- --background-color: var(--hop-Badge-primary-background-color-pressed);
2591
- --text-color: var(--hop-Badge-primary-text-color-pressed);
2570
+ .Badge-module__hop-Badge--primary___pdTHD[data-pressed] {
2571
+ background: var(--hop-comp-badge-primary-background-press);
2572
+ color: var(--hop-comp-badge-primary-text-color-press);
2592
2573
  }
2593
- .Badge-module__hop-Badge--primary___nplpi[data-selected] {
2594
- --background-color: var(--hop-Badge-primary-background-color-selected);
2595
- --text-color: var(--hop-Badge-primary-text-color-selected);
2574
+ .Badge-module__hop-Badge--primary___pdTHD[data-selected] {
2575
+ background: var(--hop-comp-badge-primary-background-selected);
2576
+ color: var(--hop-comp-badge-primary-text-color-selected);
2596
2577
  }
2597
- .Badge-module__hop-Badge--secondary___mF7pg {
2598
- --background-color: var(--hop-Badge-secondary-background-color);
2599
- --text-color: var(--hop-Badge-secondary-text-color);
2578
+ .Badge-module__hop-Badge--secondary___cwGyE {
2579
+ background: var(--hop-comp-badge-secondary-background);
2580
+ color: var(--hop-comp-badge-secondary-text-color);
2600
2581
  }
2601
- .Badge-module__hop-Badge--secondary___mF7pg[data-hovered] {
2602
- --background-color: var(--hop-Badge-secondary-background-color-hovered);
2603
- --text-color: var(--hop-Badge-secondary-text-color-hovered);
2582
+ .Badge-module__hop-Badge--secondary___cwGyE[data-hovered] {
2583
+ background: var(--hop-comp-badge-secondary-background-hover);
2584
+ color: var(--hop-comp-badge-secondary-text-color-hover);
2604
2585
  }
2605
- .Badge-module__hop-Badge--secondary___mF7pg[data-pressed] {
2606
- --background-color: var(--hop-Badge-secondary-background-color-pressed);
2607
- --text-color: var(--hop-Badge-secondary-text-color-pressed);
2586
+ .Badge-module__hop-Badge--secondary___cwGyE[data-pressed] {
2587
+ background: var(--hop-comp-badge-secondary-background-press);
2588
+ color: var(--hop-comp-badge-secondary-text-color-press);
2608
2589
  }
2609
- .Badge-module__hop-Badge--secondary___mF7pg[data-selected] {
2610
- --background-color: var(--hop-Badge-secondary-background-color-selected);
2611
- --text-color: var(--hop-Badge-secondary-text-color-selected);
2590
+ .Badge-module__hop-Badge--secondary___cwGyE[data-selected] {
2591
+ background: var(--hop-comp-badge-secondary-background-selected);
2592
+ color: var(--hop-comp-badge-secondary-text-color-selected);
2612
2593
  }
2613
- .Badge-module__hop-Badge--subdued___9weFZ {
2614
- --background-color: var(--hop-Badge-subdued-background-color);
2615
- --text-color: var(--hop-Badge-subdued-text-color);
2594
+ .Badge-module__hop-Badge--subdued___aXfhq {
2595
+ background: var(--hop-comp-badge-subdued-background);
2596
+ color: var(--hop-comp-badge-subdued-text-color);
2616
2597
  }
2617
- .Badge-module__hop-Badge--subdued___9weFZ[data-hovered] {
2618
- --background-color: var(--hop-Badge-subdued-background-color-hovered);
2619
- --text-color: var(--hop-Badge-subdued-text-color-hovered);
2598
+ .Badge-module__hop-Badge--subdued___aXfhq[data-hovered] {
2599
+ background: var(--hop-comp-badge-subdued-background-hover);
2600
+ color: var(--hop-comp-badge-subdued-text-color-hover);
2620
2601
  }
2621
- .Badge-module__hop-Badge--subdued___9weFZ[data-pressed] {
2622
- --background-color: var(--hop-Badge-subdued-background-color-pressed);
2623
- --text-color: var(--hop-Badge-subdued-text-color-pressed);
2602
+ .Badge-module__hop-Badge--subdued___aXfhq[data-pressed] {
2603
+ background: var(--hop-comp-badge-subdued-background-press);
2604
+ color: var(--hop-comp-badge-subdued-text-color-press);
2624
2605
  }
2625
- .Badge-module__hop-Badge--subdued___9weFZ[data-selected] {
2626
- --background-color: var(--hop-Badge-subdued-background-color-selected);
2627
- --text-color: var(--hop-Badge-subdued-text-color-selected);
2606
+ .Badge-module__hop-Badge--subdued___aXfhq[data-selected] {
2607
+ background: var(--hop-comp-badge-subdued-background-selected);
2608
+ color: var(--hop-comp-badge-subdued-text-color-selected);
2628
2609
  }
2629
- .Badge-module__hop-Badge___vVwcQ[data-indeterminate] {
2630
- --border-radius: var(--hop-Badge-indeterminate-border-radius);
2631
- --height: var(--hop-Badge-indeterminate-height);
2632
- --width: var(--hop-Badge-indeterminate-width);
2633
- --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2610
+ .Badge-module__hop-Badge___JVpk2[data-indeterminate] {
2611
+ border-radius: var(--hop-shape-circle);
2612
+ block-size: 1rem;
2613
+ inline-size: 1rem;
2614
+ padding-inline: 0;
2634
2615
  }
2635
- .Badge-module__hop-Badge___vVwcQ[data-disabled] {
2636
- --background-color: var(--hop-Badge-background-color-disabled);
2637
- --text-color: var(--hop-Badge-text-color-disabled);
2616
+ .Badge-module__hop-Badge___JVpk2[data-disabled] {
2617
+ background: var(--hop-comp-badge-disabled-background);
2618
+ color: var(--hop-comp-badge-disabled-text-color);
2638
2619
  }
2639
2620
 
2640
2621
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2641
- .FloatingBadge-module__hop-FloatingBadge___F8S5W {
2622
+ .FloatingBadge-module__hop-FloatingBadge___jowoz {
2642
2623
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2643
2624
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2644
2625
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2679,7 +2660,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2679
2660
  box-sizing: border-box;
2680
2661
  inline-size: max-content;
2681
2662
  }
2682
- .FloatingBadge-module__hop-FloatingBadge___F8S5W[data-placement="top right"] {
2663
+ .FloatingBadge-module__hop-FloatingBadge___jowoz[data-placement="top right"] {
2683
2664
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2684
2665
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2685
2666
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2687,11 +2668,11 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2687
2668
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2688
2669
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2689
2670
  }
2690
- .FloatingBadge-module__hop-FloatingBadge___F8S5W[data-placement="top right"][data-overlap=circular] {
2671
+ .FloatingBadge-module__hop-FloatingBadge___jowoz[data-placement="top right"][data-overlap=circular] {
2691
2672
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2692
2673
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2693
2674
  }
2694
- .FloatingBadge-module__hop-FloatingBadge___F8S5W[data-placement="top left"] {
2675
+ .FloatingBadge-module__hop-FloatingBadge___jowoz[data-placement="top left"] {
2695
2676
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2696
2677
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2697
2678
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2699,11 +2680,11 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2699
2680
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2700
2681
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2701
2682
  }
2702
- .FloatingBadge-module__hop-FloatingBadge___F8S5W[data-placement="top left"][data-overlap=circular] {
2683
+ .FloatingBadge-module__hop-FloatingBadge___jowoz[data-placement="top left"][data-overlap=circular] {
2703
2684
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2704
2685
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2705
2686
  }
2706
- .FloatingBadge-module__hop-FloatingBadge___F8S5W[data-placement="bottom right"] {
2687
+ .FloatingBadge-module__hop-FloatingBadge___jowoz[data-placement="bottom right"] {
2707
2688
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2708
2689
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2709
2690
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2711,11 +2692,11 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2711
2692
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2712
2693
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2713
2694
  }
2714
- .FloatingBadge-module__hop-FloatingBadge___F8S5W[data-placement="bottom right"][data-overlap=circular] {
2695
+ .FloatingBadge-module__hop-FloatingBadge___jowoz[data-placement="bottom right"][data-overlap=circular] {
2715
2696
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2716
2697
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2717
2698
  }
2718
- .FloatingBadge-module__hop-FloatingBadge___F8S5W[data-placement="bottom left"] {
2699
+ .FloatingBadge-module__hop-FloatingBadge___jowoz[data-placement="bottom left"] {
2719
2700
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2720
2701
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2721
2702
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2723,11 +2704,11 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2723
2704
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2724
2705
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2725
2706
  }
2726
- .FloatingBadge-module__hop-FloatingBadge___F8S5W[data-placement="bottom left"][data-overlap=circular] {
2707
+ .FloatingBadge-module__hop-FloatingBadge___jowoz[data-placement="bottom left"][data-overlap=circular] {
2727
2708
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2728
2709
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2729
2710
  }
2730
- .FloatingBadge-module__hop-FloatingBadge__badge___wUtSG {
2711
+ .FloatingBadge-module__hop-FloatingBadge__badge___gEe3y {
2731
2712
  position: absolute;
2732
2713
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2733
2714
  transform-origin: var(--badge-transform-origin);
@@ -2735,7 +2716,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2735
2716
  }
2736
2717
 
2737
2718
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2738
- .Checkbox-module__hop-Checkbox___uh3Gk {
2719
+ .Checkbox-module__hop-Checkbox___ki8d9 {
2739
2720
  --hop-Checkbox-box-border-size: 0.0625rem;
2740
2721
  --hop-Checkbox-box-outline-size: 0.125rem;
2741
2722
  --hop-Checkbox-check-display: none;
@@ -2754,8 +2735,8 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2754
2735
  --check-color: var(--hop-comp-mark-indicator-color);
2755
2736
  --check-display: var(--hop-Checkbox-check-display);
2756
2737
  --cursor: pointer;
2757
- --text-color: var(--hop-comp-label-text-color);
2758
- --icon-color: var(--hop-comp-label-icon-color);
2738
+ --text-color: var(--hop-comp-mark-text-color);
2739
+ --icon-color: var(--hop-comp-mark-icon-color);
2759
2740
  --transition-duration: var(--hop-easing-duration-2);
2760
2741
  cursor: var(--cursor);
2761
2742
  display: flex;
@@ -2766,86 +2747,86 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2766
2747
  inline-size: max-content;
2767
2748
  max-inline-size: 100%;
2768
2749
  }
2769
- .Checkbox-module__hop-Checkbox___uh3Gk[data-focus-visible] {
2750
+ .Checkbox-module__hop-Checkbox___ki8d9[data-focus-visible] {
2770
2751
  --box-background-color: var(--hop-comp-mark-background-color-hover);
2771
2752
  --box-border-color: var(--hop-comp-mark-border-color-hover);
2772
2753
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
2773
- --text-color: var(--hop-comp-label-text-color-focus);
2774
- --icon-color: var(--hop-comp-label-icon-color-focus);
2754
+ --text-color: var(--hop-comp-mark-text-color-focus);
2755
+ --icon-color: var(--hop-comp-mark-icon-color-focus);
2775
2756
  }
2776
- .Checkbox-module__hop-Checkbox___uh3Gk[data-hovered] {
2757
+ .Checkbox-module__hop-Checkbox___ki8d9[data-hovered] {
2777
2758
  --box-background-color: var(--hop-comp-mark-background-color-hover);
2778
2759
  --box-border-color: var(--hop-comp-mark-border-color-hover);
2779
- --text-color: var(--hop-comp-label-text-color-hover);
2780
- --icon-color: var(--hop-comp-label-icon-color-hover);
2760
+ --text-color: var(--hop-comp-mark-text-color-hover);
2761
+ --icon-color: var(--hop-comp-mark-icon-color-hover);
2781
2762
  }
2782
- .Checkbox-module__hop-Checkbox___uh3Gk[data-pressed] {
2763
+ .Checkbox-module__hop-Checkbox___ki8d9[data-pressed] {
2783
2764
  --box-background-color: var(--hop-comp-mark-background-color-press);
2784
2765
  --box-border-color: var(--hop-comp-mark-border-color-press);
2785
- --text-color: var(--hop-comp-label-text-color-press);
2786
- --icon-color: var(--hop-comp-label-icon-color-press);
2766
+ --text-color: var(--hop-comp-mark-text-color-press);
2767
+ --icon-color: var(--hop-comp-mark-icon-color-press);
2787
2768
  }
2788
- .Checkbox-module__hop-Checkbox___uh3Gk[data-selected] {
2769
+ .Checkbox-module__hop-Checkbox___ki8d9[data-selected] {
2789
2770
  --box-background-color: var(--hop-comp-mark-background-color-selected);
2790
2771
  --box-border-color: var(--hop-comp-mark-border-color-selected);
2791
2772
  --check-display: var(--hop-Checkbox-check-display-selected);
2792
- --text-color: var(--hop-comp-label-text-color-selected);
2793
- --icon-color: var(--hop-comp-label-icon-color-selected);
2773
+ --text-color: var(--hop-comp-mark-text-color-selected);
2774
+ --icon-color: var(--hop-comp-mark-icon-color-selected);
2794
2775
  }
2795
- .Checkbox-module__hop-Checkbox___uh3Gk[data-invalid] {
2776
+ .Checkbox-module__hop-Checkbox___ki8d9[data-invalid] {
2796
2777
  --box-background-color: var(--hop-comp-mark-background-color);
2797
2778
  --box-border-color: var(--hop-comp-mark-border-color-error);
2798
2779
  --check-color: var(--hop-comp-mark-indicator-color-error);
2799
- --text-color: var(--hop-comp-label-text-color-error);
2800
- --icon-color: var(--hop-comp-label-icon-color-error);
2780
+ --text-color: var(--hop-comp-mark-text-color-error);
2781
+ --icon-color: var(--hop-comp-mark-icon-color-error);
2801
2782
  }
2802
- .Checkbox-module__hop-Checkbox___uh3Gk[data-invalid]:where([data-focus-visible]) {
2783
+ .Checkbox-module__hop-Checkbox___ki8d9[data-invalid]:where([data-focus-visible]) {
2803
2784
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
2804
2785
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
2805
2786
  }
2806
- .Checkbox-module__hop-Checkbox___uh3Gk[data-invalid]:where([data-hovered]) {
2787
+ .Checkbox-module__hop-Checkbox___ki8d9[data-invalid]:where([data-hovered]) {
2807
2788
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
2808
2789
  --box-border-color: var(--hop-comp-mark-border-color-error);
2809
- --text-color: var(--hop-comp-label-text-color-error-hover);
2810
- --icon-color: var(--hop-comp-label-icon-color-error-hover);
2790
+ --text-color: var(--hop-comp-mark-text-color-error-hover);
2791
+ --icon-color: var(--hop-comp-mark-icon-color-error-hover);
2811
2792
  }
2812
- .Checkbox-module__hop-Checkbox___uh3Gk[data-invalid]:where([data-pressed]) {
2793
+ .Checkbox-module__hop-Checkbox___ki8d9[data-invalid]:where([data-pressed]) {
2813
2794
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
2814
2795
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
2815
- --text-color: var(--hop-comp-label-text-color-error-press);
2816
- --icon-color: var(--hop-comp-label-icon-color-error-press);
2796
+ --text-color: var(--hop-comp-mark-text-color-error-press);
2797
+ --icon-color: var(--hop-comp-mark-icon-color-error-press);
2817
2798
  }
2818
- .Checkbox-module__hop-Checkbox___uh3Gk:where([data-invalid])[data-selected] {
2799
+ .Checkbox-module__hop-Checkbox___ki8d9:where([data-invalid])[data-selected] {
2819
2800
  --box-background-color: var(--hop-comp-mark-background-color-error);
2820
2801
  --box-border-color: var(--hop-comp-mark-border-color-error);
2821
2802
  }
2822
- .Checkbox-module__hop-Checkbox___uh3Gk[data-disabled] {
2803
+ .Checkbox-module__hop-Checkbox___ki8d9[data-disabled] {
2823
2804
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
2824
2805
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
2825
2806
  --check-color: var(--hop-comp-mark-indicator-color-disabled);
2826
2807
  --cursor: not-allowed;
2827
- --text-color: var(--hop-comp-label-text-color-disabled);
2828
- --icon-color: var(--hop-comp-label-icon-color-disabled);
2808
+ --text-color: var(--hop-comp-mark-text-color-disabled);
2809
+ --icon-color: var(--hop-comp-mark-icon-color-disabled);
2829
2810
  }
2830
- .Checkbox-module__hop-Checkbox--sm___P9BJK {
2811
+ .Checkbox-module__hop-Checkbox--sm___lgYT6 {
2831
2812
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2832
2813
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2833
2814
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2834
2815
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2835
2816
  }
2836
- .Checkbox-module__hop-Checkbox--md___DDTmr {
2817
+ .Checkbox-module__hop-Checkbox--md___fV9ih {
2837
2818
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2838
2819
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2839
2820
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2840
2821
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2841
2822
  }
2842
- .Checkbox-module__hop-Checkbox__icon___GFTa8,
2843
- .Checkbox-module__hop-Checkbox__icon-list___B1skc {
2823
+ .Checkbox-module__hop-Checkbox__icon___NxqGI,
2824
+ .Checkbox-module__hop-Checkbox__icon-list___0Wk9Y {
2844
2825
  flex: 0 0 auto;
2845
2826
  order: 3;
2846
2827
  color: var(--icon-color);
2847
2828
  }
2848
- .Checkbox-module__hop-Checkbox__box___kfTaw {
2829
+ .Checkbox-module__hop-Checkbox__box___SGXTX {
2849
2830
  display: flex;
2850
2831
  flex: 0 0 auto;
2851
2832
  align-items: center;
@@ -2862,11 +2843,11 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2862
2843
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2863
2844
  box-shadow: var(--hop-comp-checkbox-box-shadow);
2864
2845
  }
2865
- .Checkbox-module__hop-Checkbox__check___I0aSd {
2846
+ .Checkbox-module__hop-Checkbox__check___4OVA3 {
2866
2847
  display: var(--check-display);
2867
2848
  color: var(--check-color);
2868
2849
  }
2869
- .Checkbox-module__hop-Checkbox__text___5qZo5 {
2850
+ .Checkbox-module__hop-Checkbox__text___j-fCE {
2870
2851
  flex: 0 1 auto;
2871
2852
  order: 2;
2872
2853
  min-inline-size: 0;
@@ -2876,7 +2857,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2876
2857
  }
2877
2858
 
2878
2859
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2879
- .CheckboxField-module__hop-CheckboxField___ilOD9 {
2860
+ .CheckboxField-module__hop-CheckboxField___FYv2Y {
2880
2861
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2881
2862
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2882
2863
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2895,29 +2876,29 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2895
2876
  inline-size: max-content;
2896
2877
  max-inline-size: 100%;
2897
2878
  }
2898
- .CheckboxField-module__hop-CheckboxField___ilOD9[data-disabled] {
2879
+ .CheckboxField-module__hop-CheckboxField___FYv2Y[data-disabled] {
2899
2880
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2900
2881
  }
2901
- .CheckboxField-module__hop-CheckboxField--sm___DsROf {
2882
+ .CheckboxField-module__hop-CheckboxField--sm___lR29b {
2902
2883
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2903
2884
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2904
2885
  }
2905
- .CheckboxField-module__hop-CheckboxField--md___EdgFE {
2886
+ .CheckboxField-module__hop-CheckboxField--md___slaZp {
2906
2887
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2907
2888
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2908
2889
  }
2909
- .CheckboxField-module__hop-CheckboxField__description___ScAfI {
2890
+ .CheckboxField-module__hop-CheckboxField__description___06ZCX {
2910
2891
  order: 2;
2911
2892
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2912
2893
  color: var(--description-color);
2913
2894
  }
2914
- .CheckboxField-module__hop-CheckboxField___ilOD9 .CheckboxField-module__hop-CheckboxField__checkbox___-eb51 {
2895
+ .CheckboxField-module__hop-CheckboxField___FYv2Y .CheckboxField-module__hop-CheckboxField__checkbox___tDkT- {
2915
2896
  order: 1;
2916
2897
  inline-size: 100%;
2917
2898
  }
2918
2899
 
2919
2900
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2920
- .ErrorMessage-module__hop-ErrorMessage___uvlMm {
2901
+ .ErrorMessage-module__hop-ErrorMessage___mzgen {
2921
2902
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2922
2903
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2923
2904
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2934,13 +2915,13 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2934
2915
  line-height: var(--hop-ErrorMessage-line-height);
2935
2916
  color: var(--hop-ErrorMessage-color);
2936
2917
  }
2937
- .ErrorMessage-module__hop-ErrorMessage__icon___ela6H {
2918
+ .ErrorMessage-module__hop-ErrorMessage__icon___QgvWm {
2938
2919
  flex: 0 0 auto;
2939
2920
  align-self: flex-start;
2940
2921
  }
2941
2922
 
2942
2923
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2943
- .HelperMessage-module__hop-HelperMessage___72XHm {
2924
+ .HelperMessage-module__hop-HelperMessage___Gz05v {
2944
2925
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2945
2926
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2946
2927
  display: flex;
@@ -2949,13 +2930,13 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2949
2930
  box-sizing: border-box;
2950
2931
  color: var(--hop-HelperMessage-color);
2951
2932
  }
2952
- .HelperMessage-module__hop-HelperMessage__icon___otZkT {
2933
+ .HelperMessage-module__hop-HelperMessage__icon___FfMOy {
2953
2934
  flex: 0 0 auto;
2954
2935
  align-self: flex-start;
2955
2936
  }
2956
2937
 
2957
2938
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
2958
- .CheckboxGroup-module__hop-CheckboxGroup___T7Nmm {
2939
+ .CheckboxGroup-module__hop-CheckboxGroup___Jubfu {
2959
2940
  --hop-CheckboxGroup-align-items: flex-start;
2960
2941
  --hop-CheckboxGroup-justify-content: flex-start;
2961
2942
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2995,49 +2976,49 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
2995
2976
  inline-size: var(--inline-size);
2996
2977
  max-inline-size: 100%;
2997
2978
  }
2998
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Bey0G {
2979
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ujV90 {
2999
2980
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
3000
2981
  --list-border-radius: var(--hop-shape-rounded-md);
3001
2982
  }
3002
- .CheckboxGroup-module__hop-CheckboxGroup--fluid___Fl-c6 {
2983
+ .CheckboxGroup-module__hop-CheckboxGroup--fluid___zgOuL {
3003
2984
  --inline-size: 100%;
3004
2985
  }
3005
- .CheckboxGroup-module__hop-CheckboxGroup--sm___2pBg- {
2986
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___U1ygj {
3006
2987
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
3007
2988
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
3008
2989
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
3009
2990
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
3010
2991
  }
3011
- .CheckboxGroup-module__hop-CheckboxGroup--md___rcq66 {
2992
+ .CheckboxGroup-module__hop-CheckboxGroup--md___-LZxp {
3012
2993
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
3013
2994
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
3014
2995
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
3015
2996
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
3016
2997
  }
3017
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Bey0G.CheckboxGroup-module__hop-CheckboxGroup--sm___2pBg- {
2998
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ujV90.CheckboxGroup-module__hop-CheckboxGroup--sm___U1ygj {
3018
2999
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
3019
3000
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
3020
3001
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
3021
3002
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
3022
3003
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
3023
3004
  }
3024
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Bey0G.CheckboxGroup-module__hop-CheckboxGroup--md___rcq66 {
3005
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ujV90.CheckboxGroup-module__hop-CheckboxGroup--md___-LZxp {
3025
3006
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
3026
3007
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
3027
3008
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
3028
3009
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
3029
3010
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
3030
3011
  }
3031
- .CheckboxGroup-module__hop-CheckboxGroup___T7Nmm[data-orientation=horizontal] {
3012
+ .CheckboxGroup-module__hop-CheckboxGroup___Jubfu[data-orientation=horizontal] {
3032
3013
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
3033
3014
  }
3034
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Bey0G[data-orientation=horizontal] {
3015
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ujV90[data-orientation=horizontal] {
3035
3016
  --flex-wrap: nowrap;
3036
3017
  }
3037
- .CheckboxGroup-module__hop-CheckboxGroup___T7Nmm > .CheckboxGroup-module__hop-CheckboxGroup__label___gJSnE {
3018
+ .CheckboxGroup-module__hop-CheckboxGroup___Jubfu > .CheckboxGroup-module__hop-CheckboxGroup__label___DxsKR {
3038
3019
  order: 1;
3039
3020
  }
3040
- .CheckboxGroup-module__hop-CheckboxGroup__list___qO-sz {
3021
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Y2C4C {
3041
3022
  display: flex;
3042
3023
  flex-flow: var(--flex-direction) var(--flex-wrap);
3043
3024
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3048,7 +3029,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3048
3029
  border: var(--list-border, none);
3049
3030
  border-radius: var(--list-border-radius, 0);
3050
3031
  }
3051
- .CheckboxGroup-module__hop-CheckboxGroup__list___qO-sz > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___UXi4- {
3032
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Y2C4C > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___rbAqJ {
3052
3033
  position: relative;
3053
3034
  flex: 0 1 auto;
3054
3035
  align-content: start;
@@ -3056,28 +3037,28 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3056
3037
  min-inline-size: 0;
3057
3038
  padding: var(--checkbox-padding, 0);
3058
3039
  }
3059
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Bey0G .CheckboxGroup-module__hop-CheckboxGroup__list___qO-sz > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___UXi4- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___UXi4-::before {
3040
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ujV90 .CheckboxGroup-module__hop-CheckboxGroup__list___Y2C4C > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___rbAqJ ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___rbAqJ::before {
3060
3041
  content: "";
3061
3042
  position: absolute;
3062
3043
  display: block;
3063
3044
  }
3064
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Bey0G[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___qO-sz > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___UXi4- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___UXi4-::before {
3045
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ujV90[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Y2C4C > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___rbAqJ ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___rbAqJ::before {
3065
3046
  inset-block-start: 0;
3066
3047
  inset-inline: 0;
3067
3048
  border-block-start: var(--list-border, none);
3068
3049
  }
3069
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Bey0G[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___qO-sz > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___UXi4- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___UXi4-::before {
3050
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___ujV90[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Y2C4C > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___rbAqJ ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___rbAqJ::before {
3070
3051
  inset-block: 0;
3071
3052
  inset-inline-start: 0;
3072
3053
  border-inline-start: var(--list-border, none);
3073
3054
  }
3074
- .CheckboxGroup-module__hop-CheckboxGroup___T7Nmm > .CheckboxGroup-module__hop-CheckboxGroup__error-message___KlSqw,
3075
- .CheckboxGroup-module__hop-CheckboxGroup___T7Nmm > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___PKRGY {
3055
+ .CheckboxGroup-module__hop-CheckboxGroup___Jubfu > .CheckboxGroup-module__hop-CheckboxGroup__error-message___eKb14,
3056
+ .CheckboxGroup-module__hop-CheckboxGroup___Jubfu > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___f7w9p {
3076
3057
  order: 3;
3077
3058
  }
3078
3059
 
3079
3060
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
3080
- .Checkbox-module__hop-Checkbox___uh3Gk {
3061
+ .Checkbox-module__hop-Checkbox___ki8d9 {
3081
3062
  --hop-Checkbox-box-border-size: 0.0625rem;
3082
3063
  --hop-Checkbox-box-outline-size: 0.125rem;
3083
3064
  --hop-Checkbox-check-display: none;
@@ -3096,8 +3077,8 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3096
3077
  --check-color: var(--hop-comp-mark-indicator-color);
3097
3078
  --check-display: var(--hop-Checkbox-check-display);
3098
3079
  --cursor: pointer;
3099
- --text-color: var(--hop-comp-label-text-color);
3100
- --icon-color: var(--hop-comp-label-icon-color);
3080
+ --text-color: var(--hop-comp-mark-text-color);
3081
+ --icon-color: var(--hop-comp-mark-icon-color);
3101
3082
  --transition-duration: var(--hop-easing-duration-2);
3102
3083
  cursor: var(--cursor);
3103
3084
  display: flex;
@@ -3108,86 +3089,86 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3108
3089
  inline-size: max-content;
3109
3090
  max-inline-size: 100%;
3110
3091
  }
3111
- .Checkbox-module__hop-Checkbox___uh3Gk[data-focus-visible] {
3092
+ .Checkbox-module__hop-Checkbox___ki8d9[data-focus-visible] {
3112
3093
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3113
3094
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3114
3095
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3115
- --text-color: var(--hop-comp-label-text-color-focus);
3116
- --icon-color: var(--hop-comp-label-icon-color-focus);
3096
+ --text-color: var(--hop-comp-mark-text-color-focus);
3097
+ --icon-color: var(--hop-comp-mark-icon-color-focus);
3117
3098
  }
3118
- .Checkbox-module__hop-Checkbox___uh3Gk[data-hovered] {
3099
+ .Checkbox-module__hop-Checkbox___ki8d9[data-hovered] {
3119
3100
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3120
3101
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3121
- --text-color: var(--hop-comp-label-text-color-hover);
3122
- --icon-color: var(--hop-comp-label-icon-color-hover);
3102
+ --text-color: var(--hop-comp-mark-text-color-hover);
3103
+ --icon-color: var(--hop-comp-mark-icon-color-hover);
3123
3104
  }
3124
- .Checkbox-module__hop-Checkbox___uh3Gk[data-pressed] {
3105
+ .Checkbox-module__hop-Checkbox___ki8d9[data-pressed] {
3125
3106
  --box-background-color: var(--hop-comp-mark-background-color-press);
3126
3107
  --box-border-color: var(--hop-comp-mark-border-color-press);
3127
- --text-color: var(--hop-comp-label-text-color-press);
3128
- --icon-color: var(--hop-comp-label-icon-color-press);
3108
+ --text-color: var(--hop-comp-mark-text-color-press);
3109
+ --icon-color: var(--hop-comp-mark-icon-color-press);
3129
3110
  }
3130
- .Checkbox-module__hop-Checkbox___uh3Gk[data-selected] {
3111
+ .Checkbox-module__hop-Checkbox___ki8d9[data-selected] {
3131
3112
  --box-background-color: var(--hop-comp-mark-background-color-selected);
3132
3113
  --box-border-color: var(--hop-comp-mark-border-color-selected);
3133
3114
  --check-display: var(--hop-Checkbox-check-display-selected);
3134
- --text-color: var(--hop-comp-label-text-color-selected);
3135
- --icon-color: var(--hop-comp-label-icon-color-selected);
3115
+ --text-color: var(--hop-comp-mark-text-color-selected);
3116
+ --icon-color: var(--hop-comp-mark-icon-color-selected);
3136
3117
  }
3137
- .Checkbox-module__hop-Checkbox___uh3Gk[data-invalid] {
3118
+ .Checkbox-module__hop-Checkbox___ki8d9[data-invalid] {
3138
3119
  --box-background-color: var(--hop-comp-mark-background-color);
3139
3120
  --box-border-color: var(--hop-comp-mark-border-color-error);
3140
3121
  --check-color: var(--hop-comp-mark-indicator-color-error);
3141
- --text-color: var(--hop-comp-label-text-color-error);
3142
- --icon-color: var(--hop-comp-label-icon-color-error);
3122
+ --text-color: var(--hop-comp-mark-text-color-error);
3123
+ --icon-color: var(--hop-comp-mark-icon-color-error);
3143
3124
  }
3144
- .Checkbox-module__hop-Checkbox___uh3Gk[data-invalid]:where([data-focus-visible]) {
3125
+ .Checkbox-module__hop-Checkbox___ki8d9[data-invalid]:where([data-focus-visible]) {
3145
3126
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3146
3127
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3147
3128
  }
3148
- .Checkbox-module__hop-Checkbox___uh3Gk[data-invalid]:where([data-hovered]) {
3129
+ .Checkbox-module__hop-Checkbox___ki8d9[data-invalid]:where([data-hovered]) {
3149
3130
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3150
3131
  --box-border-color: var(--hop-comp-mark-border-color-error);
3151
- --text-color: var(--hop-comp-label-text-color-error-hover);
3152
- --icon-color: var(--hop-comp-label-icon-color-error-hover);
3132
+ --text-color: var(--hop-comp-mark-text-color-error-hover);
3133
+ --icon-color: var(--hop-comp-mark-icon-color-error-hover);
3153
3134
  }
3154
- .Checkbox-module__hop-Checkbox___uh3Gk[data-invalid]:where([data-pressed]) {
3135
+ .Checkbox-module__hop-Checkbox___ki8d9[data-invalid]:where([data-pressed]) {
3155
3136
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
3156
3137
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
3157
- --text-color: var(--hop-comp-label-text-color-error-press);
3158
- --icon-color: var(--hop-comp-label-icon-color-error-press);
3138
+ --text-color: var(--hop-comp-mark-text-color-error-press);
3139
+ --icon-color: var(--hop-comp-mark-icon-color-error-press);
3159
3140
  }
3160
- .Checkbox-module__hop-Checkbox___uh3Gk:where([data-invalid])[data-selected] {
3141
+ .Checkbox-module__hop-Checkbox___ki8d9:where([data-invalid])[data-selected] {
3161
3142
  --box-background-color: var(--hop-comp-mark-background-color-error);
3162
3143
  --box-border-color: var(--hop-comp-mark-border-color-error);
3163
3144
  }
3164
- .Checkbox-module__hop-Checkbox___uh3Gk[data-disabled] {
3145
+ .Checkbox-module__hop-Checkbox___ki8d9[data-disabled] {
3165
3146
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
3166
3147
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
3167
3148
  --check-color: var(--hop-comp-mark-indicator-color-disabled);
3168
3149
  --cursor: not-allowed;
3169
- --text-color: var(--hop-comp-label-text-color-disabled);
3170
- --icon-color: var(--hop-comp-label-icon-color-disabled);
3150
+ --text-color: var(--hop-comp-mark-text-color-disabled);
3151
+ --icon-color: var(--hop-comp-mark-icon-color-disabled);
3171
3152
  }
3172
- .Checkbox-module__hop-Checkbox--sm___P9BJK {
3153
+ .Checkbox-module__hop-Checkbox--sm___lgYT6 {
3173
3154
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3174
3155
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3175
3156
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3176
3157
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3177
3158
  }
3178
- .Checkbox-module__hop-Checkbox--md___DDTmr {
3159
+ .Checkbox-module__hop-Checkbox--md___fV9ih {
3179
3160
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3180
3161
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3181
3162
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3182
3163
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3183
3164
  }
3184
- .Checkbox-module__hop-Checkbox__icon___GFTa8,
3185
- .Checkbox-module__hop-Checkbox__icon-list___B1skc {
3165
+ .Checkbox-module__hop-Checkbox__icon___NxqGI,
3166
+ .Checkbox-module__hop-Checkbox__icon-list___0Wk9Y {
3186
3167
  flex: 0 0 auto;
3187
3168
  order: 3;
3188
3169
  color: var(--icon-color);
3189
3170
  }
3190
- .Checkbox-module__hop-Checkbox__box___kfTaw {
3171
+ .Checkbox-module__hop-Checkbox__box___SGXTX {
3191
3172
  display: flex;
3192
3173
  flex: 0 0 auto;
3193
3174
  align-items: center;
@@ -3204,11 +3185,11 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3204
3185
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3205
3186
  box-shadow: var(--hop-comp-checkbox-box-shadow);
3206
3187
  }
3207
- .Checkbox-module__hop-Checkbox__check___I0aSd {
3188
+ .Checkbox-module__hop-Checkbox__check___4OVA3 {
3208
3189
  display: var(--check-display);
3209
3190
  color: var(--check-color);
3210
3191
  }
3211
- .Checkbox-module__hop-Checkbox__text___5qZo5 {
3192
+ .Checkbox-module__hop-Checkbox__text___j-fCE {
3212
3193
  flex: 0 1 auto;
3213
3194
  order: 2;
3214
3195
  min-inline-size: 0;
@@ -3216,24 +3197,24 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3216
3197
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3217
3198
  color: var(--text-color);
3218
3199
  }
3219
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___-beg8 {
3200
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___kfEkp {
3220
3201
  }
3221
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___NvqvP {
3202
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___vBb6c {
3222
3203
  }
3223
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___fck1Y {
3204
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Khcgz {
3224
3205
  }
3225
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___U6pgv,
3226
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___m27n1 {
3206
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___bG2wJ,
3207
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___5RwC4 {
3227
3208
  }
3228
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___rXNSQ {
3209
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___rR4gR {
3229
3210
  }
3230
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___-ftTN {
3211
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___791Wc {
3231
3212
  }
3232
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___U3vPZ {
3213
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___crmAN {
3233
3214
  }
3234
3215
 
3235
3216
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3236
- .Radio-module__hop-Radio___nfxqt {
3217
+ .Radio-module__hop-Radio___itrXQ {
3237
3218
  --hop-Radio-box-border-size: 0.0625rem;
3238
3219
  --hop-Radio-box-outline-size: 0.125rem;
3239
3220
  --hop-Radio-bullet-display: none;
@@ -3252,8 +3233,8 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3252
3233
  --bullet-color: var(--hop-comp-mark-indicator-color);
3253
3234
  --bullet-display: var(--hop-Radio-bullet-display);
3254
3235
  --cursor: pointer;
3255
- --text-color: var(--hop-comp-label-text-color);
3256
- --icon-color: var(--hop-comp-label-icon-color);
3236
+ --text-color: var(--hop-comp-mark-text-color);
3237
+ --icon-color: var(--hop-comp-mark-icon-color);
3257
3238
  --transition-duration: var(--hop-easing-duration-2);
3258
3239
  cursor: var(--cursor);
3259
3240
  display: flex;
@@ -3264,86 +3245,86 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3264
3245
  inline-size: max-content;
3265
3246
  max-inline-size: 100%;
3266
3247
  }
3267
- .Radio-module__hop-Radio___nfxqt[data-focus-visible] {
3248
+ .Radio-module__hop-Radio___itrXQ[data-focus-visible] {
3268
3249
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3269
3250
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3270
3251
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3271
- --text-color: var(--hop-comp-label-text-color-focus);
3272
- --icon-color: var(--hop-comp-label-icon-color-focus);
3252
+ --text-color: var(--hop-comp-mark-text-color-focus);
3253
+ --icon-color: var(--hop-comp-mark-icon-color-focus);
3273
3254
  }
3274
- .Radio-module__hop-Radio___nfxqt[data-hovered] {
3255
+ .Radio-module__hop-Radio___itrXQ[data-hovered] {
3275
3256
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3276
3257
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3277
- --text-color: var(--hop-comp-label-text-color-hover);
3278
- --icon-color: var(--hop-comp-label-icon-color-hover);
3258
+ --text-color: var(--hop-comp-mark-text-color-hover);
3259
+ --icon-color: var(--hop-comp-mark-icon-color-hover);
3279
3260
  }
3280
- .Radio-module__hop-Radio___nfxqt[data-pressed] {
3261
+ .Radio-module__hop-Radio___itrXQ[data-pressed] {
3281
3262
  --box-background-color: var(--hop-comp-mark-background-color-press);
3282
3263
  --box-border-color: var(--hop-comp-mark-border-color-press);
3283
- --text-color: var(--hop-comp-label-text-color-press);
3284
- --icon-color: var(--hop-comp-label-icon-color-press);
3264
+ --text-color: var(--hop-comp-mark-text-color-press);
3265
+ --icon-color: var(--hop-comp-mark-icon-color-press);
3285
3266
  }
3286
- .Radio-module__hop-Radio___nfxqt[data-selected] {
3267
+ .Radio-module__hop-Radio___itrXQ[data-selected] {
3287
3268
  --box-background-color: var(--hop-comp-mark-background-color-selected);
3288
3269
  --box-border-color: var(--hop-comp-mark-border-color-selected);
3289
3270
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3290
- --text-color: var(--hop-comp-label-text-color-selected);
3291
- --icon-color: var(--hop-comp-label-icon-color-selected);
3271
+ --text-color: var(--hop-comp-mark-text-color-selected);
3272
+ --icon-color: var(--hop-comp-mark-icon-color-selected);
3292
3273
  }
3293
- .Radio-module__hop-Radio___nfxqt[data-invalid] {
3274
+ .Radio-module__hop-Radio___itrXQ[data-invalid] {
3294
3275
  --box-background-color: var(--hop-comp-mark-background-color);
3295
3276
  --box-border-color: var(--hop-comp-mark-border-color-error);
3296
3277
  --bullet-color: var(--hop-comp-mark-indicator-color-error);
3297
- --text-color: var(--hop-comp-label-text-color-error);
3298
- --icon-color: var(--hop-comp-label-icon-color-error);
3278
+ --text-color: var(--hop-comp-mark-text-color-error);
3279
+ --icon-color: var(--hop-comp-mark-icon-color-error);
3299
3280
  }
3300
- .Radio-module__hop-Radio___nfxqt:where([data-invalid])[data-focus-visible] {
3281
+ .Radio-module__hop-Radio___itrXQ:where([data-invalid])[data-focus-visible] {
3301
3282
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3302
3283
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3303
3284
  }
3304
- .Radio-module__hop-Radio___nfxqt:where([data-invalid])[data-hovered] {
3285
+ .Radio-module__hop-Radio___itrXQ:where([data-invalid])[data-hovered] {
3305
3286
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3306
3287
  --box-border-color: var(--hop-comp-mark-border-color-error);
3307
- --text-color: var(--hop-comp-label-text-color-error-hover);
3308
- --icon-color: var(--hop-comp-label-icon-color-error-hover);
3288
+ --text-color: var(--hop-comp-mark-text-color-error-hover);
3289
+ --icon-color: var(--hop-comp-mark-icon-color-error-hover);
3309
3290
  }
3310
- .Radio-module__hop-Radio___nfxqt:where([data-invalid])[data-pressed] {
3291
+ .Radio-module__hop-Radio___itrXQ:where([data-invalid])[data-pressed] {
3311
3292
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
3312
3293
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
3313
- --text-color: var(--hop-comp-label-text-color-error-press);
3314
- --icon-color: var(--hop-comp-label-icon-color-error-press);
3294
+ --text-color: var(--hop-comp-mark-text-color-error-press);
3295
+ --icon-color: var(--hop-comp-mark-icon-color-error-press);
3315
3296
  }
3316
- .Radio-module__hop-Radio___nfxqt:where([data-invalid])[data-selected] {
3297
+ .Radio-module__hop-Radio___itrXQ:where([data-invalid])[data-selected] {
3317
3298
  --box-background-color: var(--hop-comp-mark-background-color-error);
3318
3299
  --box-border-color: var(--hop-comp-mark-border-color-error);
3319
3300
  }
3320
- .Radio-module__hop-Radio___nfxqt[data-disabled] {
3301
+ .Radio-module__hop-Radio___itrXQ[data-disabled] {
3321
3302
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
3322
3303
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
3323
3304
  --bullet-color: var(--hop-comp-mark-indicator-color-disabled);
3324
3305
  --cursor: not-allowed;
3325
- --text-color: var(--hop-comp-label-text-color-disabled);
3326
- --icon-color: var(--hop-comp-label-icon-color-disabled);
3306
+ --text-color: var(--hop-comp-mark-text-color-disabled);
3307
+ --icon-color: var(--hop-comp-mark-icon-color-disabled);
3327
3308
  }
3328
- .Radio-module__hop-Radio--sm___s-Nn4 {
3309
+ .Radio-module__hop-Radio--sm___R6tM7 {
3329
3310
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3330
3311
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3331
3312
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3332
3313
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3333
3314
  }
3334
- .Radio-module__hop-Radio--md___bBwbD {
3315
+ .Radio-module__hop-Radio--md___gNbr9 {
3335
3316
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3336
3317
  --box-block-size: var(--hop-Radio-box-md-block-size);
3337
3318
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3338
3319
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3339
3320
  }
3340
- .Radio-module__hop-Radio__icon___3jP9-,
3341
- .Radio-module__hop-Radio__icon-list___c84wu {
3321
+ .Radio-module__hop-Radio__icon___jv-tr,
3322
+ .Radio-module__hop-Radio__icon-list___tW3t- {
3342
3323
  flex: 0 0 auto;
3343
3324
  order: 3;
3344
3325
  color: var(--icon-color);
3345
3326
  }
3346
- .Radio-module__hop-Radio__box___esR2z {
3327
+ .Radio-module__hop-Radio__box___WcEoe {
3347
3328
  display: flex;
3348
3329
  flex: 0 0 auto;
3349
3330
  align-items: center;
@@ -3360,11 +3341,11 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3360
3341
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3361
3342
  box-shadow: var(--hop-comp-radio-box-shadow);
3362
3343
  }
3363
- .Radio-module__hop-Radio__bullet___UcM6E {
3344
+ .Radio-module__hop-Radio__bullet___IQ-0B {
3364
3345
  display: var(--bullet-display);
3365
3346
  color: var(--bullet-color);
3366
3347
  }
3367
- .Radio-module__hop-Radio__text___8PewT {
3348
+ .Radio-module__hop-Radio__text___DXTo9 {
3368
3349
  flex: 0 1 auto;
3369
3350
  order: 2;
3370
3351
  min-inline-size: 0;
@@ -3372,24 +3353,24 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3372
3353
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3373
3354
  color: var(--text-color);
3374
3355
  }
3375
- .DecorativeRadio-module__hop-DecorativeRadio___OG44L {
3356
+ .DecorativeRadio-module__hop-DecorativeRadio___-jZHU {
3376
3357
  }
3377
- .DecorativeRadio-module__hop-DecorativeRadio--sm___KFlfj {
3358
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___c6VUP {
3378
3359
  }
3379
- .DecorativeRadio-module__hop-DecorativeRadio--md___CQL5y {
3360
+ .DecorativeRadio-module__hop-DecorativeRadio--md___-9TvY {
3380
3361
  }
3381
- .DecorativeRadio-module__hop-DecorativeRadio__icon___OF1-z,
3382
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___NJb-m {
3362
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___W84ZU,
3363
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___u-2H4 {
3383
3364
  }
3384
- .DecorativeRadio-module__hop-DecorativeRadio__box___6O0UQ {
3365
+ .DecorativeRadio-module__hop-DecorativeRadio__box___Cau4t {
3385
3366
  }
3386
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___Jms-4 {
3367
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___oLPYe {
3387
3368
  }
3388
- .DecorativeRadio-module__hop-DecorativeRadio__text___4adNr {
3369
+ .DecorativeRadio-module__hop-DecorativeRadio__text___z1oYr {
3389
3370
  }
3390
3371
 
3391
3372
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3392
- .Radio-module__hop-Radio___nfxqt {
3373
+ .Radio-module__hop-Radio___itrXQ {
3393
3374
  --hop-Radio-box-border-size: 0.0625rem;
3394
3375
  --hop-Radio-box-outline-size: 0.125rem;
3395
3376
  --hop-Radio-bullet-display: none;
@@ -3408,8 +3389,8 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3408
3389
  --bullet-color: var(--hop-comp-mark-indicator-color);
3409
3390
  --bullet-display: var(--hop-Radio-bullet-display);
3410
3391
  --cursor: pointer;
3411
- --text-color: var(--hop-comp-label-text-color);
3412
- --icon-color: var(--hop-comp-label-icon-color);
3392
+ --text-color: var(--hop-comp-mark-text-color);
3393
+ --icon-color: var(--hop-comp-mark-icon-color);
3413
3394
  --transition-duration: var(--hop-easing-duration-2);
3414
3395
  cursor: var(--cursor);
3415
3396
  display: flex;
@@ -3420,86 +3401,86 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3420
3401
  inline-size: max-content;
3421
3402
  max-inline-size: 100%;
3422
3403
  }
3423
- .Radio-module__hop-Radio___nfxqt[data-focus-visible] {
3404
+ .Radio-module__hop-Radio___itrXQ[data-focus-visible] {
3424
3405
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3425
3406
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3426
3407
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-comp-mark-border-color-focus);
3427
- --text-color: var(--hop-comp-label-text-color-focus);
3428
- --icon-color: var(--hop-comp-label-icon-color-focus);
3408
+ --text-color: var(--hop-comp-mark-text-color-focus);
3409
+ --icon-color: var(--hop-comp-mark-icon-color-focus);
3429
3410
  }
3430
- .Radio-module__hop-Radio___nfxqt[data-hovered] {
3411
+ .Radio-module__hop-Radio___itrXQ[data-hovered] {
3431
3412
  --box-background-color: var(--hop-comp-mark-background-color-hover);
3432
3413
  --box-border-color: var(--hop-comp-mark-border-color-hover);
3433
- --text-color: var(--hop-comp-label-text-color-hover);
3434
- --icon-color: var(--hop-comp-label-icon-color-hover);
3414
+ --text-color: var(--hop-comp-mark-text-color-hover);
3415
+ --icon-color: var(--hop-comp-mark-icon-color-hover);
3435
3416
  }
3436
- .Radio-module__hop-Radio___nfxqt[data-pressed] {
3417
+ .Radio-module__hop-Radio___itrXQ[data-pressed] {
3437
3418
  --box-background-color: var(--hop-comp-mark-background-color-press);
3438
3419
  --box-border-color: var(--hop-comp-mark-border-color-press);
3439
- --text-color: var(--hop-comp-label-text-color-press);
3440
- --icon-color: var(--hop-comp-label-icon-color-press);
3420
+ --text-color: var(--hop-comp-mark-text-color-press);
3421
+ --icon-color: var(--hop-comp-mark-icon-color-press);
3441
3422
  }
3442
- .Radio-module__hop-Radio___nfxqt[data-selected] {
3423
+ .Radio-module__hop-Radio___itrXQ[data-selected] {
3443
3424
  --box-background-color: var(--hop-comp-mark-background-color-selected);
3444
3425
  --box-border-color: var(--hop-comp-mark-border-color-selected);
3445
3426
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3446
- --text-color: var(--hop-comp-label-text-color-selected);
3447
- --icon-color: var(--hop-comp-label-icon-color-selected);
3427
+ --text-color: var(--hop-comp-mark-text-color-selected);
3428
+ --icon-color: var(--hop-comp-mark-icon-color-selected);
3448
3429
  }
3449
- .Radio-module__hop-Radio___nfxqt[data-invalid] {
3430
+ .Radio-module__hop-Radio___itrXQ[data-invalid] {
3450
3431
  --box-background-color: var(--hop-comp-mark-background-color);
3451
3432
  --box-border-color: var(--hop-comp-mark-border-color-error);
3452
3433
  --bullet-color: var(--hop-comp-mark-indicator-color-error);
3453
- --text-color: var(--hop-comp-label-text-color-error);
3454
- --icon-color: var(--hop-comp-label-icon-color-error);
3434
+ --text-color: var(--hop-comp-mark-text-color-error);
3435
+ --icon-color: var(--hop-comp-mark-icon-color-error);
3455
3436
  }
3456
- .Radio-module__hop-Radio___nfxqt:where([data-invalid])[data-focus-visible] {
3437
+ .Radio-module__hop-Radio___itrXQ:where([data-invalid])[data-focus-visible] {
3457
3438
  --box-background-color: var(--hop-comp-mark-background-color-error-focus);
3458
3439
  --box-border-color: var(--hop-comp-mark-border-color-error-focus);
3459
3440
  }
3460
- .Radio-module__hop-Radio___nfxqt:where([data-invalid])[data-hovered] {
3441
+ .Radio-module__hop-Radio___itrXQ:where([data-invalid])[data-hovered] {
3461
3442
  --box-background-color: var(--hop-comp-mark-background-color-error-hover);
3462
3443
  --box-border-color: var(--hop-comp-mark-border-color-error);
3463
- --text-color: var(--hop-comp-label-text-color-error-hover);
3464
- --icon-color: var(--hop-comp-label-icon-color-error-hover);
3444
+ --text-color: var(--hop-comp-mark-text-color-error-hover);
3445
+ --icon-color: var(--hop-comp-mark-icon-color-error-hover);
3465
3446
  }
3466
- .Radio-module__hop-Radio___nfxqt:where([data-invalid])[data-pressed] {
3447
+ .Radio-module__hop-Radio___itrXQ:where([data-invalid])[data-pressed] {
3467
3448
  --box-background-color: var(--hop-comp-mark-background-color-error-press);
3468
3449
  --box-border-color: var(--hop-comp-mark-border-color-error-press);
3469
- --text-color: var(--hop-comp-label-text-color-error-press);
3470
- --icon-color: var(--hop-comp-label-icon-color-error-press);
3450
+ --text-color: var(--hop-comp-mark-text-color-error-press);
3451
+ --icon-color: var(--hop-comp-mark-icon-color-error-press);
3471
3452
  }
3472
- .Radio-module__hop-Radio___nfxqt:where([data-invalid])[data-selected] {
3453
+ .Radio-module__hop-Radio___itrXQ:where([data-invalid])[data-selected] {
3473
3454
  --box-background-color: var(--hop-comp-mark-background-color-error);
3474
3455
  --box-border-color: var(--hop-comp-mark-border-color-error);
3475
3456
  }
3476
- .Radio-module__hop-Radio___nfxqt[data-disabled] {
3457
+ .Radio-module__hop-Radio___itrXQ[data-disabled] {
3477
3458
  --box-background-color: var(--hop-comp-mark-background-color-disabled);
3478
3459
  --box-border-color: var(--hop-comp-mark-border-color-disabled);
3479
3460
  --bullet-color: var(--hop-comp-mark-indicator-color-disabled);
3480
3461
  --cursor: not-allowed;
3481
- --text-color: var(--hop-comp-label-text-color-disabled);
3482
- --icon-color: var(--hop-comp-label-icon-color-disabled);
3462
+ --text-color: var(--hop-comp-mark-text-color-disabled);
3463
+ --icon-color: var(--hop-comp-mark-icon-color-disabled);
3483
3464
  }
3484
- .Radio-module__hop-Radio--sm___s-Nn4 {
3465
+ .Radio-module__hop-Radio--sm___R6tM7 {
3485
3466
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3486
3467
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3487
3468
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3488
3469
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3489
3470
  }
3490
- .Radio-module__hop-Radio--md___bBwbD {
3471
+ .Radio-module__hop-Radio--md___gNbr9 {
3491
3472
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3492
3473
  --box-block-size: var(--hop-Radio-box-md-block-size);
3493
3474
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3494
3475
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3495
3476
  }
3496
- .Radio-module__hop-Radio__icon___3jP9-,
3497
- .Radio-module__hop-Radio__icon-list___c84wu {
3477
+ .Radio-module__hop-Radio__icon___jv-tr,
3478
+ .Radio-module__hop-Radio__icon-list___tW3t- {
3498
3479
  flex: 0 0 auto;
3499
3480
  order: 3;
3500
3481
  color: var(--icon-color);
3501
3482
  }
3502
- .Radio-module__hop-Radio__box___esR2z {
3483
+ .Radio-module__hop-Radio__box___WcEoe {
3503
3484
  display: flex;
3504
3485
  flex: 0 0 auto;
3505
3486
  align-items: center;
@@ -3516,11 +3497,11 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3516
3497
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3517
3498
  box-shadow: var(--hop-comp-radio-box-shadow);
3518
3499
  }
3519
- .Radio-module__hop-Radio__bullet___UcM6E {
3500
+ .Radio-module__hop-Radio__bullet___IQ-0B {
3520
3501
  display: var(--bullet-display);
3521
3502
  color: var(--bullet-color);
3522
3503
  }
3523
- .Radio-module__hop-Radio__text___8PewT {
3504
+ .Radio-module__hop-Radio__text___DXTo9 {
3524
3505
  flex: 0 1 auto;
3525
3506
  order: 2;
3526
3507
  min-inline-size: 0;
@@ -3530,7 +3511,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3530
3511
  }
3531
3512
 
3532
3513
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3533
- .RadioField-module__hop-RadioField___KCM0i {
3514
+ .RadioField-module__hop-RadioField___cpbi8 {
3534
3515
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3535
3516
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3536
3517
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3549,29 +3530,29 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3549
3530
  inline-size: max-content;
3550
3531
  max-inline-size: 100%;
3551
3532
  }
3552
- .RadioField-module__hop-RadioField___KCM0i[data-disabled] {
3533
+ .RadioField-module__hop-RadioField___cpbi8[data-disabled] {
3553
3534
  --description-color: var(--hop-RadioField-description-color-disabled);
3554
3535
  }
3555
- .RadioField-module__hop-RadioField--sm___FLF2P {
3536
+ .RadioField-module__hop-RadioField--sm___OlCGL {
3556
3537
  --row-gap: var(--hop-RadioField-sm-row-gap);
3557
3538
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3558
3539
  }
3559
- .RadioField-module__hop-RadioField--md___9NoEN {
3540
+ .RadioField-module__hop-RadioField--md___d-x1V {
3560
3541
  --row-gap: var(--hop-RadioField-md-row-gap);
3561
3542
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3562
3543
  }
3563
- .RadioField-module__hop-RadioField__description___OHRIB {
3544
+ .RadioField-module__hop-RadioField__description___Hlc9H {
3564
3545
  order: 2;
3565
3546
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3566
3547
  color: var(--description-color);
3567
3548
  }
3568
- .RadioField-module__hop-RadioField___KCM0i .RadioField-module__hop-RadioField__radio___yY6Jk {
3549
+ .RadioField-module__hop-RadioField___cpbi8 .RadioField-module__hop-RadioField__radio___WtJzL {
3569
3550
  order: 1;
3570
3551
  inline-size: 100%;
3571
3552
  }
3572
3553
 
3573
3554
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3574
- .RadioGroup-module__hop-RadioGroup___OfUZP {
3555
+ .RadioGroup-module__hop-RadioGroup___edpav {
3575
3556
  --hop-RadioGroup-align-items: flex-start;
3576
3557
  --hop-RadioGroup-justify-content: flex-start;
3577
3558
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3611,49 +3592,49 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3611
3592
  inline-size: var(--inline-size);
3612
3593
  max-inline-size: 100%;
3613
3594
  }
3614
- .RadioGroup-module__hop-RadioGroup--bordered___vxND- {
3595
+ .RadioGroup-module__hop-RadioGroup--bordered___go3IH {
3615
3596
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3616
3597
  --list-border-radius: var(--hop-shape-rounded-md);
3617
3598
  }
3618
- .RadioGroup-module__hop-RadioGroup--fluid___0sgaM {
3599
+ .RadioGroup-module__hop-RadioGroup--fluid___xW8-M {
3619
3600
  --inline-size: 100%;
3620
3601
  }
3621
- .RadioGroup-module__hop-RadioGroup--sm___lsyxp {
3602
+ .RadioGroup-module__hop-RadioGroup--sm___ocpQw {
3622
3603
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3623
3604
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3624
3605
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3625
3606
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3626
3607
  }
3627
- .RadioGroup-module__hop-RadioGroup--md___ZIixR {
3608
+ .RadioGroup-module__hop-RadioGroup--md___2OZg9 {
3628
3609
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3629
3610
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3630
3611
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3631
3612
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3632
3613
  }
3633
- .RadioGroup-module__hop-RadioGroup--bordered___vxND-.RadioGroup-module__hop-RadioGroup--sm___lsyxp {
3614
+ .RadioGroup-module__hop-RadioGroup--bordered___go3IH.RadioGroup-module__hop-RadioGroup--sm___ocpQw {
3634
3615
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3635
3616
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3636
3617
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3637
3618
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3638
3619
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3639
3620
  }
3640
- .RadioGroup-module__hop-RadioGroup--bordered___vxND-.RadioGroup-module__hop-RadioGroup--md___ZIixR {
3621
+ .RadioGroup-module__hop-RadioGroup--bordered___go3IH.RadioGroup-module__hop-RadioGroup--md___2OZg9 {
3641
3622
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3642
3623
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3643
3624
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3644
3625
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3645
3626
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3646
3627
  }
3647
- .RadioGroup-module__hop-RadioGroup___OfUZP[data-orientation=horizontal] {
3628
+ .RadioGroup-module__hop-RadioGroup___edpav[data-orientation=horizontal] {
3648
3629
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3649
3630
  }
3650
- .RadioGroup-module__hop-RadioGroup--bordered___vxND-[data-orientation=horizontal] {
3631
+ .RadioGroup-module__hop-RadioGroup--bordered___go3IH[data-orientation=horizontal] {
3651
3632
  --flex-wrap: nowrap;
3652
3633
  }
3653
- .RadioGroup-module__hop-RadioGroup___OfUZP > .RadioGroup-module__hop-RadioGroup__label___3pQ21 {
3634
+ .RadioGroup-module__hop-RadioGroup___edpav > .RadioGroup-module__hop-RadioGroup__label___S5OmI {
3654
3635
  order: 1;
3655
3636
  }
3656
- .RadioGroup-module__hop-RadioGroup__list___tFitR {
3637
+ .RadioGroup-module__hop-RadioGroup__list___3JzN0 {
3657
3638
  display: flex;
3658
3639
  flex-flow: var(--flex-direction) var(--flex-wrap);
3659
3640
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3664,7 +3645,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3664
3645
  border: var(--list-border, none);
3665
3646
  border-radius: var(--list-border-radius, 0);
3666
3647
  }
3667
- .RadioGroup-module__hop-RadioGroup__list___tFitR > .RadioGroup-module__hop-RadioGroup__radio___9M-bB {
3648
+ .RadioGroup-module__hop-RadioGroup__list___3JzN0 > .RadioGroup-module__hop-RadioGroup__radio___InHiy {
3668
3649
  position: relative;
3669
3650
  flex: 0 1 auto;
3670
3651
  align-content: start;
@@ -3672,28 +3653,28 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3672
3653
  min-inline-size: 0;
3673
3654
  padding: var(--radio-padding, 0);
3674
3655
  }
3675
- .RadioGroup-module__hop-RadioGroup--bordered___vxND- .RadioGroup-module__hop-RadioGroup__list___tFitR > .RadioGroup-module__hop-RadioGroup__radio___9M-bB ~ .RadioGroup-module__hop-RadioGroup__radio___9M-bB::before {
3656
+ .RadioGroup-module__hop-RadioGroup--bordered___go3IH .RadioGroup-module__hop-RadioGroup__list___3JzN0 > .RadioGroup-module__hop-RadioGroup__radio___InHiy ~ .RadioGroup-module__hop-RadioGroup__radio___InHiy::before {
3676
3657
  content: "";
3677
3658
  position: absolute;
3678
3659
  display: block;
3679
3660
  }
3680
- .RadioGroup-module__hop-RadioGroup--bordered___vxND-[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___tFitR > .RadioGroup-module__hop-RadioGroup__radio___9M-bB ~ .RadioGroup-module__hop-RadioGroup__radio___9M-bB::before {
3661
+ .RadioGroup-module__hop-RadioGroup--bordered___go3IH[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___3JzN0 > .RadioGroup-module__hop-RadioGroup__radio___InHiy ~ .RadioGroup-module__hop-RadioGroup__radio___InHiy::before {
3681
3662
  inset-block-start: 0;
3682
3663
  inset-inline: 0;
3683
3664
  border-block-start: var(--list-border, none);
3684
3665
  }
3685
- .RadioGroup-module__hop-RadioGroup--bordered___vxND-[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___tFitR > .RadioGroup-module__hop-RadioGroup__radio___9M-bB ~ .RadioGroup-module__hop-RadioGroup__radio___9M-bB::before {
3666
+ .RadioGroup-module__hop-RadioGroup--bordered___go3IH[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___3JzN0 > .RadioGroup-module__hop-RadioGroup__radio___InHiy ~ .RadioGroup-module__hop-RadioGroup__radio___InHiy::before {
3686
3667
  inset-block: 0;
3687
3668
  inset-inline-start: 0;
3688
3669
  border-inline-start: var(--list-border, none);
3689
3670
  }
3690
- .RadioGroup-module__hop-RadioGroup___OfUZP > .RadioGroup-module__hop-RadioGroup__error-message___Nydbz,
3691
- .RadioGroup-module__hop-RadioGroup___OfUZP > .RadioGroup-module__hop-RadioGroup__helper-message___4lyER {
3671
+ .RadioGroup-module__hop-RadioGroup___edpav > .RadioGroup-module__hop-RadioGroup__error-message___Y4l0y,
3672
+ .RadioGroup-module__hop-RadioGroup___edpav > .RadioGroup-module__hop-RadioGroup__helper-message___sDPe4 {
3692
3673
  order: 3;
3693
3674
  }
3694
3675
 
3695
3676
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3696
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___65-8X {
3677
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___WHuys {
3697
3678
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3698
3679
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3699
3680
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3719,7 +3700,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3719
3700
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3720
3701
  background-size: 400% 100%;
3721
3702
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3722
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___Z7ElS;
3703
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___xBdTq;
3723
3704
  animation-duration: var(--animation-duration);
3724
3705
  animation-timing-function: ease-in-out;
3725
3706
  animation-fill-mode: forwards;
@@ -3728,19 +3709,19 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3728
3709
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3729
3710
  }
3730
3711
  }
3731
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___nScmX {
3712
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___P9VE3 {
3732
3713
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3733
3714
  }
3734
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ODpab {
3715
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___t4QvB {
3735
3716
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3736
3717
  }
3737
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___PvDrx {
3718
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___e8vyH {
3738
3719
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3739
3720
  }
3740
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___ytbim {
3721
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___j4CXe {
3741
3722
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3742
3723
  }
3743
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___Z7ElS {
3724
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___xBdTq {
3744
3725
  0% {
3745
3726
  background-position: 125% 50%;
3746
3727
  }
@@ -3750,7 +3731,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3750
3731
  }
3751
3732
 
3752
3733
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3753
- .ListBoxItem-module__hop-ListBoxItem___aCMmG {
3734
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8 {
3754
3735
  --hop-ListBoxItem-background-color: transparent;
3755
3736
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3756
3737
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3831,6 +3812,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3831
3812
  --background-color: var(--hop-ListBoxItem-background-color);
3832
3813
  --text-color: var(--hop-ListBoxItem-text-color);
3833
3814
  --icon-color: var(--hop-ListBoxItem-icon-color);
3815
+ --checkmark-color: var(--icon-color);
3834
3816
  --outline: none;
3835
3817
  --cursor: default;
3836
3818
  --checkmark-opacity: 0;
@@ -3847,129 +3829,135 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3847
3829
  outline: var(--outline);
3848
3830
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3849
3831
  }
3850
- .ListBoxItem-module__hop-ListBoxItem--xs___XYg-g {
3832
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8B23 {
3851
3833
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3852
3834
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3853
3835
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3854
3836
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3855
3837
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3856
3838
  }
3857
- .ListBoxItem-module__hop-ListBoxItem--sm___e09tq {
3839
+ .ListBoxItem-module__hop-ListBoxItem--sm___wBlMy {
3858
3840
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3859
3841
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3860
3842
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3861
3843
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3862
3844
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3863
3845
  }
3864
- .ListBoxItem-module__hop-ListBoxItem--md___k79Ye {
3846
+ .ListBoxItem-module__hop-ListBoxItem--md___qhyK- {
3865
3847
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3866
3848
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3867
3849
  --min-height: var(--hop-ListBoxItem-md-min-height);
3868
3850
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3869
3851
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3870
3852
  }
3871
- .ListBoxItem-module__hop-ListBoxItem--lg___u1M0j {
3853
+ .ListBoxItem-module__hop-ListBoxItem--lg___8oEQG {
3872
3854
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3873
3855
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3874
3856
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3875
3857
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3876
3858
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3877
3859
  }
3878
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-selection-mode] {
3860
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-selection-mode] {
3879
3861
  --cursor: pointer;
3880
3862
  }
3881
- .ListBoxItem-module__hop-ListBoxItem___aCMmG:not([data-selection-mode]) {
3863
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8:not([data-selection-mode]) {
3882
3864
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3883
3865
  }
3884
- .ListBoxItem-module__hop-ListBoxItem__inner___2MWvm:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___H94dy) {
3866
+ .ListBoxItem-module__hop-ListBoxItem__inner___ROQpG:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___fOBNs) {
3885
3867
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3886
3868
  }
3887
- .ListBoxItem-module__hop-ListBoxItem__inner___2MWvm[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___H94dy) {
3869
+ .ListBoxItem-module__hop-ListBoxItem__inner___ROQpG[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___fOBNs) {
3888
3870
  --checkmark-transition: none;
3889
3871
  }
3890
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-selected] {
3872
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-selected] {
3891
3873
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3892
3874
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3893
3875
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3876
+ --checkmark-color: var(--hop-comp-select-checkmark-color);
3894
3877
  --checkmark-opacity: 1;
3895
3878
  }
3896
- .ListBoxItem-module__hop-ListBoxItem--xs___XYg-g[data-selected] {
3879
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8B23[data-selected] {
3897
3880
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3898
3881
  }
3899
- .ListBoxItem-module__hop-ListBoxItem--sm___e09tq[data-selected] {
3882
+ .ListBoxItem-module__hop-ListBoxItem--sm___wBlMy[data-selected] {
3900
3883
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3901
3884
  }
3902
- .ListBoxItem-module__hop-ListBoxItem--md___k79Ye[data-selected] {
3885
+ .ListBoxItem-module__hop-ListBoxItem--md___qhyK-[data-selected] {
3903
3886
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3904
3887
  }
3905
- .ListBoxItem-module__hop-ListBoxItem--lg___u1M0j[data-selected] {
3888
+ .ListBoxItem-module__hop-ListBoxItem--lg___8oEQG[data-selected] {
3906
3889
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3907
3890
  }
3908
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-focus-visible] {
3891
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-focus-visible] {
3909
3892
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3910
3893
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3911
3894
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3895
+ --checkmark-color: var(--hop-comp-select-checkmark-color-focused);
3912
3896
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3913
3897
  }
3914
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-hovered] {
3898
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-hovered] {
3915
3899
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3916
3900
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3917
3901
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3902
+ --checkmark-color: var(--hop-comp-select-checkmark-color-hovered);
3918
3903
  }
3919
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-pressed] {
3904
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-pressed] {
3920
3905
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3921
3906
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3922
3907
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3908
+ --checkmark-color: var(--hop-comp-select-checkmark-color-pressed);
3923
3909
  }
3924
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-disabled] {
3910
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-disabled] {
3925
3911
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3926
3912
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3927
3913
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3914
+ --checkmark-color: var(--hop-comp-select-checkmark-color-disabled);
3928
3915
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3929
3916
  --cursor: not-allowed;
3930
3917
  }
3931
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-invalid] {
3918
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-invalid] {
3932
3919
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3933
3920
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3934
3921
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3935
3922
  }
3936
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-invalid][data-selected] {
3923
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-invalid][data-selected] {
3937
3924
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3938
3925
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3939
3926
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3927
+ --checkmark-color: var(--icon-color);
3940
3928
  }
3941
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-invalid][data-focus-visible] {
3929
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-invalid][data-focus-visible] {
3942
3930
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3943
3931
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3944
3932
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3945
3933
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3946
3934
  }
3947
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-invalid][data-hovered] {
3935
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-invalid][data-hovered] {
3948
3936
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3949
3937
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3950
3938
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3951
3939
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3952
3940
  }
3953
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-invalid][data-pressed] {
3941
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-invalid][data-pressed] {
3954
3942
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3955
3943
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3956
3944
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3957
3945
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3958
3946
  }
3959
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-invalid][data-disabled] {
3947
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-invalid][data-disabled] {
3960
3948
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3961
3949
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3962
3950
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3963
3951
  }
3964
- .ListBoxItem-module__hop-ListBoxItem___aCMmG:has(.ListBoxItem-module__hop-ListBoxItem__description___iO-Nx) {
3952
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8:has(.ListBoxItem-module__hop-ListBoxItem__description___qdzMv) {
3965
3953
  --row-gap: var(--hop-ListBoxItem-row-gap);
3966
3954
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3967
3955
  }
3968
- .ListBoxItem-module__hop-ListBoxItem___aCMmG[data-loading] {
3956
+ .ListBoxItem-module__hop-ListBoxItem___ZqvS8[data-loading] {
3969
3957
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3970
3958
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3971
3959
  }
3972
- .ListBoxItem-module__hop-ListBoxItem__inner___2MWvm {
3960
+ .ListBoxItem-module__hop-ListBoxItem__inner___ROQpG {
3973
3961
  display: grid;
3974
3962
  grid-template-areas: var(--grid-template-areas);
3975
3963
  grid-template-columns: var(--grid-template-columns);
@@ -3981,33 +3969,33 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
3981
3969
  padding-inline: var(--padding-inline);
3982
3970
  transition: grid-template-columns .3s ease-in-out;
3983
3971
  }
3984
- .ListBoxItem-module__hop-ListBoxItem__checkmark___H94dy {
3972
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___fOBNs {
3985
3973
  grid-area: indicator;
3986
3974
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3987
- color: var(--icon-color);
3975
+ color: var(--checkmark-color);
3988
3976
  opacity: var(--checkmark-opacity);
3989
3977
  transition: var(--checkmark-transition);
3990
3978
  }
3991
- .ListBoxItem-module__hop-ListBoxItem__radio___p4NBc,
3992
- .ListBoxItem-module__hop-ListBoxItem__checkbox___RFKiI {
3979
+ .ListBoxItem-module__hop-ListBoxItem__radio___Y4-xA,
3980
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___8e-hm {
3993
3981
  pointer-events: none;
3994
3982
  user-select: none;
3995
3983
  grid-area: indicator;
3996
3984
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3997
3985
  }
3998
- .ListBoxItem-module__hop-ListBoxItem__avatar___8tUsF {
3986
+ .ListBoxItem-module__hop-ListBoxItem__avatar___Doxb8 {
3999
3987
  grid-area: avatar;
4000
3988
  margin-block: var(--avatar-margin-block, 0);
4001
3989
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4002
3990
  }
4003
- .ListBoxItem-module__hop-ListBoxItem__icon-list___xSQJS,
4004
- .ListBoxItem-module__hop-ListBoxItem__icon___s7-vu {
3991
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___baf-O,
3992
+ .ListBoxItem-module__hop-ListBoxItem__icon___O8MF- {
4005
3993
  grid-area: icon;
4006
3994
  flex: 0 0 auto;
4007
3995
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4008
3996
  color: var(--icon-color);
4009
3997
  }
4010
- .ListBoxItem-module__hop-ListBoxItem__label___4lfiT {
3998
+ .ListBoxItem-module__hop-ListBoxItem__label___PpjZA {
4011
3999
  overflow: hidden;
4012
4000
  grid-area: label;
4013
4001
  min-inline-size: 0;
@@ -4015,18 +4003,18 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4015
4003
  text-overflow: ellipsis;
4016
4004
  white-space: nowrap;
4017
4005
  }
4018
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___F3TGa,
4019
- .ListBoxItem-module__hop-ListBoxItem__end-icon___mVAQx {
4006
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___o7KE-,
4007
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___ax2Ru {
4020
4008
  grid-area: end-icon;
4021
4009
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4022
4010
  color: var(--icon-color);
4023
4011
  }
4024
- .ListBoxItem-module__hop-ListBoxItem__badge___-aW-b {
4012
+ .ListBoxItem-module__hop-ListBoxItem__badge___sJ1uN {
4025
4013
  grid-area: badge;
4026
4014
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4027
4015
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4028
4016
  }
4029
- .ListBoxItem-module__hop-ListBoxItem__description___iO-Nx {
4017
+ .ListBoxItem-module__hop-ListBoxItem__description___qdzMv {
4030
4018
  overflow: hidden;
4031
4019
  display: -webkit-box;
4032
4020
  grid-area: description;
@@ -4037,7 +4025,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4037
4025
  }
4038
4026
 
4039
4027
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4040
- .ListBox-module__hop-ListBox___b6ACH {
4028
+ .ListBox-module__hop-ListBox___TXJKG {
4041
4029
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4042
4030
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4043
4031
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4084,11 +4072,11 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4084
4072
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4085
4073
  border-radius: var(--hop-ListBox-border-radius);
4086
4074
  }
4087
- .ListBox-module__hop-ListBox--fluid___y5WfH {
4075
+ .ListBox-module__hop-ListBox--fluid___wSLxq {
4088
4076
  --max-width: var(--hop-ListBox-fluid-max-width);
4089
4077
  --width: var(--hop-ListBox-fluid-width);
4090
4078
  }
4091
- .ListBox-module__hop-ListBox__section___3xEbf {
4079
+ .ListBox-module__hop-ListBox__section___GloMT {
4092
4080
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4093
4081
  margin-inline: var(--hop-ListBox-section-margin-inline);
4094
4082
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4096,21 +4084,21 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4096
4084
  border-block-start: var(--section-border-block-start);
4097
4085
  border-block-end: var(--section-border-block-end);
4098
4086
  }
4099
- .ListBox-module__hop-ListBox__item___oug9E + .ListBox-module__hop-ListBox__section___3xEbf {
4087
+ .ListBox-module__hop-ListBox__item___FLoX- + .ListBox-module__hop-ListBox__section___GloMT {
4100
4088
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4101
4089
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4102
4090
  }
4103
- .ListBox-module__hop-ListBox__section___3xEbf:has(+ .ListBox-module__hop-ListBox__item___oug9E) {
4091
+ .ListBox-module__hop-ListBox__section___GloMT:has(+ .ListBox-module__hop-ListBox__item___FLoX-) {
4104
4092
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4105
4093
  }
4106
- .ListBox-module__hop-ListBox__section___3xEbf:first-child {
4094
+ .ListBox-module__hop-ListBox__section___GloMT:first-child {
4107
4095
  --section-padding-block-start: 0;
4108
4096
  }
4109
- .ListBox-module__hop-ListBox__section___3xEbf:last-child {
4097
+ .ListBox-module__hop-ListBox__section___GloMT:last-child {
4110
4098
  --section-padding-block-end: 0;
4111
4099
  --section-border-block-end: 0;
4112
4100
  }
4113
- .ListBox-module__hop-ListBox__section-header___zHOE1 {
4101
+ .ListBox-module__hop-ListBox__section-header___zh8lI {
4114
4102
  margin: 0;
4115
4103
  padding: var(--hop-ListBox-section-header-padding);
4116
4104
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4121,30 +4109,30 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4121
4109
  text-transform: var(--hop-ListBox-section-header-text-transform);
4122
4110
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4123
4111
  }
4124
- .ListBox-module__hop-ListBox__section-header___zHOE1::before,
4125
- .ListBox-module__hop-ListBox__section-header___zHOE1::after {
4112
+ .ListBox-module__hop-ListBox__section-header___zh8lI::before,
4113
+ .ListBox-module__hop-ListBox__section-header___zh8lI::after {
4126
4114
  content: "";
4127
4115
  display: block;
4128
4116
  box-sizing: border-box;
4129
4117
  inline-size: 0;
4130
4118
  block-size: 0;
4131
4119
  }
4132
- .ListBox-module__hop-ListBox__section-header___zHOE1::before {
4120
+ .ListBox-module__hop-ListBox__section-header___zh8lI::before {
4133
4121
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4134
4122
  }
4135
- .ListBox-module__hop-ListBox__section-header___zHOE1::after {
4123
+ .ListBox-module__hop-ListBox__section-header___zh8lI::after {
4136
4124
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4137
4125
  }
4138
4126
 
4139
4127
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4140
- :where(.Popover-module__hop-Popover___vQikV *) {
4128
+ :where(.Popover-module__hop-Popover___C1TGd *) {
4141
4129
  font-family: var(--font-family);
4142
4130
  font-size: var(--font-size);
4143
4131
  font-weight: var(--font-weight);
4144
4132
  line-height: var(--line-height);
4145
4133
  outline: none;
4146
4134
  }
4147
- .Popover-module__hop-Popover___vQikV {
4135
+ .Popover-module__hop-Popover___C1TGd {
4148
4136
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4149
4137
  --hop-Popover-inline-width: 25rem;
4150
4138
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4157,22 +4145,22 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4157
4145
  inline-size: var(--width);
4158
4146
  max-inline-size: var(--max-width);
4159
4147
  }
4160
- .Popover-module__hop-Popover___vQikV[data-trigger=Select] {
4148
+ .Popover-module__hop-Popover___C1TGd[data-trigger=Select] {
4161
4149
  --width: var(--hop-Popover-dropdown-inline-width);
4162
4150
  }
4163
- .Popover-module__hop-Popover___vQikV[data-trigger=ComboBox] {
4151
+ .Popover-module__hop-Popover___C1TGd[data-trigger=ComboBox] {
4164
4152
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4165
4153
  }
4166
- .Popover-module__hop-Popover___vQikV[data-auto-width] {
4154
+ .Popover-module__hop-Popover___C1TGd[data-auto-width] {
4167
4155
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4168
4156
  }
4169
- .Popover-module__hop-Popover___vQikV[data-entering] {
4170
- animation: Popover-module__fade___o8HLz 0.25s;
4157
+ .Popover-module__hop-Popover___C1TGd[data-entering] {
4158
+ animation: Popover-module__fade___BrB2y 0.25s;
4171
4159
  }
4172
- .Popover-module__hop-Popover___vQikV[data-exiting] {
4173
- animation: Popover-module__fade___o8HLz 0.25s reverse;
4160
+ .Popover-module__hop-Popover___C1TGd[data-exiting] {
4161
+ animation: Popover-module__fade___BrB2y 0.25s reverse;
4174
4162
  }
4175
- @keyframes Popover-module__fade___o8HLz {
4163
+ @keyframes Popover-module__fade___BrB2y {
4176
4164
  from {
4177
4165
  opacity: 0;
4178
4166
  }
@@ -4180,15 +4168,14 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4180
4168
  opacity: 1;
4181
4169
  }
4182
4170
  }
4183
- .Popover-module__hop-Popover__wrapper___wZ1yf {
4171
+ .Popover-module__hop-Popover__wrapper___cuMmu {
4184
4172
  display: flex;
4185
4173
  flex: 1 1 auto;
4186
4174
  flex-direction: column;
4187
4175
  min-block-size: 0;
4188
4176
  }
4189
- .Popover-module__hop-Popover__dialog___irM1x,
4190
- .Popover-module__hop-Popover__dropdown___W9hl8 {
4191
- --hop-Popover-background: var(--hop-neutral-surface);
4177
+ .Popover-module__hop-Popover__dialog___gfIqD,
4178
+ .Popover-module__hop-Popover__dropdown___iqEsG {
4192
4179
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4193
4180
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
4194
4181
  --hop-Popover-font-weight: var(--hop-body-sm-font-weight);
@@ -4212,9 +4199,6 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4212
4199
  --hop-Popover-footer-line-height: var(--hop-body-sm-line-height);
4213
4200
  --hop-Popover-footer-link-color: var(--hop-primary-text);
4214
4201
  --hop-Popover-footer-margin: var(--hop-space-stack-md) 0 0;
4215
- --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4216
- --hop-Popover-border-radius: var(--hop-shape-rounded-md);
4217
- --hop-Popover-box-shadow: var(--hop-elevation-lifted);
4218
4202
  --hop-Popover-dropdown-grid-template: "header" "content" 1fr "footer" / auto;
4219
4203
  --hop-Popover-list-box-dropdown-max-height: 18.75rem;
4220
4204
  --hop-Popover-footer-dropdown-margin: var(--hop-Popover-dropdown-padding) calc(-1 * var(--hop-Popover-dropdown-padding)) calc(-1 * var(--hop-Popover-dropdown-padding));
@@ -4234,25 +4218,26 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4234
4218
  box-sizing: border-box;
4235
4219
  min-block-size: 0;
4236
4220
  padding: var(--padding);
4237
- background-color: var(--hop-Popover-background);
4238
- border: var(--hop-Popover-border);
4239
- border-radius: var(--hop-Popover-border-radius);
4240
- box-shadow: var(--hop-Popover-box-shadow);
4221
+ backdrop-filter: var(--hop-comp-popover-backdrop-filter);
4222
+ background: var(--hop-comp-popover-background);
4223
+ border: var(--hop-comp-popover-border);
4224
+ border-radius: var(--hop-comp-popover-border-radius);
4225
+ box-shadow: var(--hop-comp-popover-box-shadow);
4241
4226
  max-block-size: inherit;
4242
4227
  outline: var(--hop-Popover-outline);
4243
4228
  overflow: var(--hop-Popover-overflow);
4244
4229
  }
4245
- .Popover-module__hop-Popover__dropdown___W9hl8 {
4230
+ .Popover-module__hop-Popover__dropdown___iqEsG {
4246
4231
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4247
4232
  --footer-place-self: stretch;
4248
4233
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4249
4234
  --padding: var(--hop-Popover-dropdown-padding);
4250
4235
  overflow: hidden;
4251
4236
  }
4252
- .Popover-module__hop-Popover__dialog___irM1x {
4237
+ .Popover-module__hop-Popover__dialog___gfIqD {
4253
4238
  --padding: var(--hop-Popover-dialog-padding);
4254
4239
  }
4255
- .Popover-module__hop-Popover__title___KED5v {
4240
+ .Popover-module__hop-Popover__title___gK6tS {
4256
4241
  grid-area: header;
4257
4242
  font-family: var(--hop-Popover-title-font-family);
4258
4243
  font-size: var(--hop-Popover-title-font-size);
@@ -4260,7 +4245,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4260
4245
  line-height: var(--hop-Popover-title-line-height);
4261
4246
  color: var(--hop-Popover-color);
4262
4247
  }
4263
- .Popover-module__hop-Popover__content___-hHMc {
4248
+ .Popover-module__hop-Popover__content___g1MKj {
4264
4249
  --font-size: var(--hop-Popover-content-font-size);
4265
4250
  --line-height: var(--hop-Popover-content-line-height);
4266
4251
  --font-family: var(--hop-Popover-content-font-family);
@@ -4271,12 +4256,12 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4271
4256
  padding: 0;
4272
4257
  color: var(--hop-Popover-content-color);
4273
4258
  }
4274
- .Popover-module__hop-Popover___vQikV:not(:has(.Popover-module__hop-Popover__title___KED5v)) {
4275
- .Popover-module__hop-Popover__content___-hHMc {
4259
+ .Popover-module__hop-Popover___C1TGd:not(:has(.Popover-module__hop-Popover__title___gK6tS)) {
4260
+ .Popover-module__hop-Popover__content___g1MKj {
4276
4261
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4277
4262
  }
4278
4263
  }
4279
- .Popover-module__hop-Popover__dropdown___W9hl8 .Popover-module__hop-Popover__list-box___4KJVF {
4264
+ .Popover-module__hop-Popover__dropdown___iqEsG .Popover-module__hop-Popover__list-box___gdD5E {
4280
4265
  grid-area: content;
4281
4266
  inline-size: auto;
4282
4267
  min-inline-size: auto;
@@ -4284,7 +4269,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4284
4269
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4285
4270
  border: none;
4286
4271
  }
4287
- .Popover-module__hop-Popover__footer___7rNL7 {
4272
+ .Popover-module__hop-Popover__footer___eVzpL {
4288
4273
  --font-size: var(--hop-Popover-footer-font-size);
4289
4274
  --line-height: var(--hop-Popover-footer-line-height);
4290
4275
  grid-area: footer;
@@ -4292,26 +4277,22 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4292
4277
  margin: var(--footer-margin);
4293
4278
  color: var(--hop-Popover-color);
4294
4279
  }
4295
- .Popover-module__hop-Popover__dropdown___W9hl8 .Popover-module__hop-Popover__footer___7rNL7 {
4280
+ .Popover-module__hop-Popover__dropdown___iqEsG .Popover-module__hop-Popover__footer___eVzpL {
4296
4281
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4297
4282
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4298
4283
  }
4299
- .Popover-module__hop-Popover__actions___pe9zx,
4300
- .Popover-module__hop-Popover__action___qtdHS {
4284
+ .Popover-module__hop-Popover__actions___CsEdo,
4285
+ .Popover-module__hop-Popover__action___yOqHO {
4301
4286
  grid-area: action;
4302
4287
  justify-self: end;
4303
4288
  margin-block-start: var(--hop-Popover-row-gap);
4304
4289
  }
4305
- .Popover-module__hop-Popover___vQikV:has(.Popover-module__hop-Popover__actions___pe9zx, .Popover-module__hop-Popover__action___qtdHS) .Popover-module__hop-Popover__footer___7rNL7 {
4290
+ .Popover-module__hop-Popover___C1TGd:has(.Popover-module__hop-Popover__actions___CsEdo, .Popover-module__hop-Popover__action___yOqHO) .Popover-module__hop-Popover__footer___eVzpL {
4306
4291
  margin-inline-end: var(--hop-Popover-column-gap);
4307
4292
  }
4308
4293
 
4309
4294
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4310
- .PopoverBase-module__hop-PopoverBase___ghNwn {
4311
- --hop-Popover-background: var(--hop-neutral-surface);
4312
- --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4313
- --hop-Popover-border-radius: var(--hop-shape-rounded-md);
4314
- --hop-Popover-box-shadow: var(--hop-elevation-lifted);
4295
+ .PopoverBase-module__hop-PopoverBase___mgxiv {
4315
4296
  --hop-Popover-color: var(--hop-neutral-text);
4316
4297
  --hop-Popover-font-family: var(--hop-body-md-font-family);
4317
4298
  --hop-Popover-font-size: var(--hop-body-md-font-size);
@@ -4330,24 +4311,25 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4330
4311
  -webkit-font-smoothing: var(--hop-Popover-font-smoothing);
4331
4312
  line-height: var(--hop-Popover-line-height);
4332
4313
  color: var(--hop-Popover-color);
4333
- background-color: var(--hop-Popover-background);
4334
- border: var(--hop-Popover-border);
4335
- border-radius: var(--hop-Popover-border-radius);
4314
+ backdrop-filter: var(--hop-comp-popover-backdrop-filter);
4315
+ background: var(--hop-comp-popover-background);
4316
+ border: var(--hop-comp-popover-border);
4317
+ border-radius: var(--hop-comp-popover-border-radius);
4336
4318
  outline: none;
4337
- box-shadow: var(--hop-Popover-box-shadow);
4319
+ box-shadow: var(--hop-comp-popover-box-shadow);
4338
4320
  transition: opacity var(--hop-easing-duration-2);
4339
4321
  }
4340
- .PopoverBase-module__hop-PopoverBase___ghNwn[data-entering] {
4322
+ .PopoverBase-module__hop-PopoverBase___mgxiv[data-entering] {
4341
4323
  opacity: 0;
4342
4324
  }
4343
- .PopoverBase-module__hop-PopoverBase___ghNwn[data-exiting] {
4325
+ .PopoverBase-module__hop-PopoverBase___mgxiv[data-exiting] {
4344
4326
  pointer-events: none;
4345
4327
  opacity: 0;
4346
4328
  transition-timing-function: var(--hop-easing-productive);
4347
4329
  }
4348
4330
 
4349
4331
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/Menu.module.css/#css-module-data */
4350
- .Menu-module__hop-Menu___9I7V0 {
4332
+ .Menu-module__hop-Menu___-BcRD {
4351
4333
  --hop-Menu-overflow-y: auto;
4352
4334
  --hop-Menu-padding-block: var(--hop-space-inset-sm);
4353
4335
  --hop-Menu-outline: none;
@@ -4363,7 +4345,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4363
4345
  padding-block: var(--hop-Menu-padding-block);
4364
4346
  outline: var(--hop-Menu-outline);
4365
4347
  }
4366
- .Menu-module__hop-Menu__header___2qe7O {
4348
+ .Menu-module__hop-Menu__header___yDBNC {
4367
4349
  --hop-Menu-header-margin-inline: var(--hop-space-inset-sm);
4368
4350
  --hop-Menu-header-cursor: default;
4369
4351
  --hop-Menu-header-display: flex;
@@ -4391,7 +4373,7 @@ button.CloseButton-module__hop-CloseButton___NxVSZ {
4391
4373
  text-transform: var(--hop-Menu-header-text-transform);
4392
4374
  letter-spacing: var(--hop-Menu-header-letter-spacing);
4393
4375
  }
4394
- .Menu-module__hop-Menu__divider___1ybmd {
4376
+ .Menu-module__hop-Menu__divider___mgcaa {
4395
4377
  --hop-Menu-divider-margin-block: var(--hop-space-stack-sm);
4396
4378
  margin-block: var( --hop-Menu-divider-margin-block);
4397
4379
  }