@hopper-ui/components 1.8.2 → 1.9.1

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 (374) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/accordion/src/Accordion.css +78 -78
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +78 -78
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +770 -593
  7. package/dist/alert/src/Alert.js +10 -9
  8. package/dist/alert/src/index.css +770 -593
  9. package/dist/alert/src/index.js +10 -9
  10. package/dist/avatar/src/AnonymousAvatar.css +55 -48
  11. package/dist/avatar/src/AnonymousAvatar.d.ts +5 -0
  12. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  13. package/dist/avatar/src/Avatar.css +80 -66
  14. package/dist/avatar/src/Avatar.d.ts +9 -1
  15. package/dist/avatar/src/Avatar.js +4 -4
  16. package/dist/avatar/src/AvatarGroup.css +65 -65
  17. package/dist/avatar/src/AvatarGroup.d.ts +1 -0
  18. package/dist/avatar/src/AvatarGroup.js +4 -4
  19. package/dist/avatar/src/AvatarGroupContext.d.ts +1 -0
  20. package/dist/avatar/src/BrokenAvatar.css +55 -48
  21. package/dist/avatar/src/BrokenAvatar.d.ts +5 -0
  22. package/dist/avatar/src/BrokenAvatar.js +2 -2
  23. package/dist/avatar/src/DeletedAvatar.css +55 -48
  24. package/dist/avatar/src/DeletedAvatar.d.ts +5 -0
  25. package/dist/avatar/src/DeletedAvatar.js +2 -2
  26. package/dist/avatar/src/RichIconAvatarImage.css +55 -48
  27. package/dist/avatar/src/RichIconAvatarImage.d.ts +9 -0
  28. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  29. package/dist/avatar/src/RichIconAvatarImageContext.d.ts +1 -0
  30. package/dist/avatar/src/index.css +107 -93
  31. package/dist/avatar/src/index.d.ts +1 -0
  32. package/dist/avatar/src/index.js +9 -9
  33. package/dist/badge/src/Badge.css +53 -53
  34. package/dist/badge/src/Badge.js +2 -2
  35. package/dist/badge/src/FloatingBadge.css +48 -48
  36. package/dist/badge/src/FloatingBadge.js +1 -1
  37. package/dist/badge/src/index.css +63 -63
  38. package/dist/badge/src/index.js +3 -3
  39. package/dist/buttons/src/Button.css +120 -110
  40. package/dist/buttons/src/Button.d.ts +5 -2
  41. package/dist/buttons/src/Button.js +6 -5
  42. package/dist/buttons/src/ButtonContext.d.ts +3 -1
  43. package/dist/buttons/src/ButtonGroup.css +49 -49
  44. package/dist/buttons/src/ButtonGroup.d.ts +1 -1
  45. package/dist/buttons/src/ButtonGroup.js +1 -1
  46. package/dist/buttons/src/ButtonGroupContext.d.ts +1 -1
  47. package/dist/buttons/src/ClearButton.css +109 -109
  48. package/dist/buttons/src/ClearButton.js +2 -2
  49. package/dist/buttons/src/CloseButton.css +115 -105
  50. package/dist/buttons/src/CloseButton.d.ts +3 -1
  51. package/dist/buttons/src/CloseButton.js +7 -6
  52. package/dist/buttons/src/CloseButtonContext.d.ts +3 -1
  53. package/dist/buttons/src/EmbeddedButton.css +109 -109
  54. package/dist/buttons/src/EmbeddedButton.js +1 -1
  55. package/dist/buttons/src/LinkButton.css +131 -119
  56. package/dist/buttons/src/LinkButton.d.ts +5 -2
  57. package/dist/buttons/src/LinkButton.js +5 -4
  58. package/dist/buttons/src/LinkButtonContext.d.ts +3 -1
  59. package/dist/buttons/src/ToggleButton.css +485 -330
  60. package/dist/buttons/src/ToggleButton.d.ts +6 -3
  61. package/dist/buttons/src/ToggleButton.js +4 -4
  62. package/dist/buttons/src/ToggleButtonContext.d.ts +3 -1
  63. package/dist/buttons/src/index.css +718 -541
  64. package/dist/buttons/src/index.d.ts +6 -4
  65. package/dist/buttons/src/index.js +12 -11
  66. package/dist/callout/src/Callout.css +730 -553
  67. package/dist/callout/src/Callout.js +8 -7
  68. package/dist/callout/src/CompactCallout.css +767 -590
  69. package/dist/callout/src/CompactCallout.js +8 -7
  70. package/dist/callout/src/index.css +779 -602
  71. package/dist/callout/src/index.js +10 -9
  72. package/dist/card/src/Card.css +41 -41
  73. package/dist/card/src/Card.js +1 -1
  74. package/dist/card/src/index.css +41 -41
  75. package/dist/card/src/index.js +1 -1
  76. package/dist/checkbox/src/Checkbox.css +57 -57
  77. package/dist/checkbox/src/Checkbox.js +4 -4
  78. package/dist/checkbox/src/CheckboxField.css +44 -44
  79. package/dist/checkbox/src/CheckboxField.js +3 -3
  80. package/dist/checkbox/src/CheckboxGroup.css +109 -109
  81. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  82. package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
  83. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  84. package/dist/checkbox/src/index.css +109 -109
  85. package/dist/checkbox/src/index.js +11 -11
  86. package/dist/{chunk-RXNIOPGX.js → chunk-27YZA2A6.js} +2 -2
  87. package/dist/{chunk-T52WHF7R.js → chunk-2A4SQELV.js} +1 -1
  88. package/dist/{chunk-GTGTEHOA.js → chunk-2TZLC5MY.js} +2 -2
  89. package/dist/{chunk-6Y4WK3RQ.js → chunk-333CF3S7.js} +1 -1
  90. package/dist/{chunk-WTBYPRRW.js → chunk-3BCZJCQ3.js} +3 -3
  91. package/dist/{chunk-J6QWUF6I.js → chunk-3VOSETB5.js} +18 -12
  92. package/dist/{chunk-YJZJ6EGK.js → chunk-446J7ADD.js} +3 -3
  93. package/dist/{chunk-O4U6DKHU.js → chunk-4GAGBXT4.js} +2 -2
  94. package/dist/{chunk-TQFW3GV6.js → chunk-4WWPGWIY.js} +1 -1
  95. package/dist/{chunk-2ZNBGFYO.js → chunk-4Y2FHAJZ.js} +1 -1
  96. package/dist/{chunk-2QPUHBJ6.js → chunk-4YDVFQFT.js} +22 -9
  97. package/dist/{chunk-V4FVG6RD.js → chunk-5MWWUEMG.js} +3 -3
  98. package/dist/{chunk-YG4VQFHZ.js → chunk-5SCGTPMN.js} +2 -2
  99. package/dist/{chunk-VNFZDWVB.js → chunk-6DOMKHG4.js} +1 -1
  100. package/dist/{chunk-JG7DCSZ7.js → chunk-7CK3J42S.js} +1 -1
  101. package/dist/{chunk-AJ4JHO3L.js → chunk-7N6N5ZQW.js} +2 -2
  102. package/dist/{chunk-CMNPB35A.js → chunk-AU3U7OXE.js} +12 -12
  103. package/dist/{chunk-XSUYZDYB.js → chunk-BQB4WR4X.js} +1 -1
  104. package/dist/{chunk-BHFIGTK6.js → chunk-BXX3M2TF.js} +1 -1
  105. package/dist/{chunk-MVXDSVBA.js → chunk-BYIZ6YTQ.js} +1 -1
  106. package/dist/{chunk-3MYOCKT2.js → chunk-C4OUFO6E.js} +8 -8
  107. package/dist/{chunk-SLJKAEOC.js → chunk-CCXYS5EF.js} +5 -5
  108. package/dist/{chunk-BV3ROFY6.js → chunk-CG4N4NJW.js} +1 -1
  109. package/dist/{chunk-UH3RWAZV.js → chunk-CJFALWKZ.js} +2 -2
  110. package/dist/{chunk-C2JYCOJJ.js → chunk-D54XSA2G.js} +2 -2
  111. package/dist/{chunk-ZBVXOGE7.js → chunk-DR22UMIB.js} +8 -8
  112. package/dist/{chunk-P4YL7PZX.js → chunk-EIHFLKML.js} +2 -2
  113. package/dist/{chunk-YT6KAZ7W.js → chunk-EPZBUE2N.js} +2 -2
  114. package/dist/{chunk-TRMO7MV5.js → chunk-FICUPRHV.js} +11 -11
  115. package/dist/{chunk-N2INWSSP.js → chunk-FKVHRFPV.js} +1 -1
  116. package/dist/chunk-GFYRA4EN.js +23 -0
  117. package/dist/{chunk-I62K2ZHG.js → chunk-GXR774K5.js} +1 -1
  118. package/dist/{chunk-TSXCJZLH.js → chunk-H7IMS4PR.js} +2 -2
  119. package/dist/{chunk-OM4XR33Z.js → chunk-HLAMRSGD.js} +2 -2
  120. package/dist/{chunk-GNG2NV76.js → chunk-IF7OASII.js} +1 -1
  121. package/dist/{chunk-O6RCJ73Y.js → chunk-IZ6AOTXC.js} +2 -2
  122. package/dist/{chunk-2UBRJW2J.js → chunk-J45YC7C2.js} +1 -1
  123. package/dist/{chunk-WSW2WVYZ.js → chunk-J7ENAT22.js} +1 -1
  124. package/dist/{chunk-OZ7NZPDM.js → chunk-JGUOHQEO.js} +16 -7
  125. package/dist/{chunk-VK4C7IPE.js → chunk-JHHAFKNM.js} +7 -7
  126. package/dist/{chunk-PVIZJ22K.js → chunk-JIOQK4T7.js} +1 -1
  127. package/dist/{chunk-BCBQINY3.js → chunk-KADWB3R4.js} +2 -2
  128. package/dist/{chunk-TBOTEIRR.js → chunk-KPFBET2X.js} +1 -1
  129. package/dist/{chunk-KHPSEX4H.js → chunk-L3MHODGB.js} +1 -1
  130. package/dist/{chunk-VQ6HKO7S.js → chunk-LM6KSNRY.js} +2 -2
  131. package/dist/{chunk-UEJAUKJY.js → chunk-LRAE7OJJ.js} +8 -8
  132. package/dist/{chunk-PT5SYITB.js → chunk-LSZ6ETKU.js} +5 -5
  133. package/dist/{chunk-Y5RKQQHZ.js → chunk-LWSF2VLC.js} +2 -2
  134. package/dist/{chunk-FC6G5MQ3.js → chunk-MIHSQG7D.js} +2 -2
  135. package/dist/{chunk-B62S77SN.js → chunk-MNZODLBT.js} +3 -3
  136. package/dist/{chunk-C7CNYQRP.js → chunk-N3KZBYMB.js} +2 -2
  137. package/dist/{chunk-KG3UXYPM.js → chunk-N4QFGCPW.js} +3 -3
  138. package/dist/{chunk-VDPXCFLQ.js → chunk-NIAAMHIX.js} +5 -5
  139. package/dist/{chunk-GDX6X4AK.js → chunk-NL7JSTHF.js} +2 -2
  140. package/dist/{chunk-THRSW2TA.js → chunk-NMT2J3X6.js} +1 -1
  141. package/dist/{chunk-XIWBIDKX.js → chunk-OBODGTPP.js} +16 -10
  142. package/dist/{chunk-GUPD7SCD.js → chunk-PEIFEGNC.js} +1 -1
  143. package/dist/{chunk-CDC6G4DW.js → chunk-PH3YCU3Y.js} +1 -1
  144. package/dist/{chunk-WTDBPVO2.js → chunk-PY7LQUG3.js} +3 -3
  145. package/dist/{chunk-XYQU45MO.js → chunk-QH36FSEG.js} +3 -3
  146. package/dist/{chunk-R3F4R2GR.js → chunk-QJA2OD7N.js} +5 -5
  147. package/dist/{chunk-YLUR4I4O.js → chunk-QNAAYTKT.js} +1 -1
  148. package/dist/{chunk-LDWHZCH4.js → chunk-QQ7AWYFY.js} +1 -1
  149. package/dist/{chunk-FQHEXVEO.js → chunk-QSMUIB57.js} +2 -2
  150. package/dist/{chunk-5ZMGVSCQ.js → chunk-R2GEGPOO.js} +1 -1
  151. package/dist/{chunk-EOXIVZJH.js → chunk-RZWF5H5Q.js} +1 -1
  152. package/dist/{chunk-2EOZLJ3U.js → chunk-S3RZ45UA.js} +6 -6
  153. package/dist/{chunk-Q7NZNQEE.js → chunk-SJKZJBNT.js} +2 -2
  154. package/dist/{chunk-A5X5HCFF.js → chunk-SYAUYFR3.js} +1 -1
  155. package/dist/{chunk-VSAMAS7P.js → chunk-UE2MKTQA.js} +5 -5
  156. package/dist/{chunk-CU3QGP2L.js → chunk-UHXLZOSK.js} +2 -2
  157. package/dist/{chunk-JSK57VIX.js → chunk-UL24FHXE.js} +2 -2
  158. package/dist/{chunk-4O27LL2N.js → chunk-V25S5IBB.js} +2 -2
  159. package/dist/{chunk-MRHZL6GL.js → chunk-VAXZGJLC.js} +2 -2
  160. package/dist/{chunk-QXX3VYMF.js → chunk-VRQANX3T.js} +1 -1
  161. package/dist/{chunk-VQN3EOEE.js → chunk-W3TNGPJI.js} +2 -2
  162. package/dist/{chunk-QIGTPOAF.js → chunk-WAXG3VQ3.js} +10 -10
  163. package/dist/{chunk-IKQ2EV2Y.js → chunk-X6YIJ7TI.js} +1 -1
  164. package/dist/{chunk-E3KVQKBW.js → chunk-XAAZVXFG.js} +3 -3
  165. package/dist/{chunk-CHJUYY53.js → chunk-XBXWGDWC.js} +1 -1
  166. package/dist/{chunk-OPG3YAOS.js → chunk-XWZOU65F.js} +1 -1
  167. package/dist/{chunk-C4F7EZIQ.js → chunk-XX37YQKD.js} +1 -1
  168. package/dist/{chunk-SUNGEQNN.js → chunk-YC6V3NJ3.js} +2 -2
  169. package/dist/{chunk-3BP4XOAL.js → chunk-YIIEDUWW.js} +1 -1
  170. package/dist/{chunk-XFWOCVQF.js → chunk-YKJCXEWE.js} +15 -9
  171. package/dist/{chunk-AN3RU3NY.js → chunk-YLL2OBOQ.js} +3 -3
  172. package/dist/{chunk-W57EDX3L.js → chunk-ZKWHOGLL.js} +1 -1
  173. package/dist/combobox/src/ComboBox.css +1146 -955
  174. package/dist/combobox/src/ComboBox.js +18 -18
  175. package/dist/combobox/src/index.css +1146 -955
  176. package/dist/combobox/src/index.js +18 -18
  177. package/dist/contextual-help/src/ContextualHelp.css +1075 -884
  178. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  179. package/dist/contextual-help/src/index.css +1075 -884
  180. package/dist/contextual-help/src/index.js +4 -4
  181. package/dist/disclosure/src/Disclosure.css +48 -48
  182. package/dist/disclosure/src/Disclosure.js +1 -1
  183. package/dist/disclosure/src/DisclosureHeader.css +55 -55
  184. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  185. package/dist/disclosure/src/DisclosurePanel.css +48 -48
  186. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  187. package/dist/disclosure/src/index.css +73 -73
  188. package/dist/disclosure/src/index.js +7 -7
  189. package/dist/divider/src/Divider.css +40 -40
  190. package/dist/divider/src/Divider.js +1 -1
  191. package/dist/divider/src/index.css +40 -40
  192. package/dist/divider/src/index.js +1 -1
  193. package/dist/error-message/src/ErrorMessage.css +40 -40
  194. package/dist/error-message/src/ErrorMessage.js +2 -2
  195. package/dist/error-message/src/index.css +40 -40
  196. package/dist/error-message/src/index.js +2 -2
  197. package/dist/form/src/Form.css +38 -38
  198. package/dist/form/src/Form.d.ts +1 -1
  199. package/dist/form/src/Form.js +1 -1
  200. package/dist/form/src/index.css +38 -38
  201. package/dist/form/src/index.js +1 -1
  202. package/dist/header/src/Header.css +38 -38
  203. package/dist/header/src/index.css +38 -38
  204. package/dist/helper-message/src/HelperMessage.css +40 -40
  205. package/dist/helper-message/src/HelperMessage.js +2 -2
  206. package/dist/helper-message/src/index.css +40 -40
  207. package/dist/helper-message/src/index.js +2 -2
  208. package/dist/hopper-provider/src/HopperProvider.css +39 -39
  209. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  210. package/dist/hopper-provider/src/index.css +39 -39
  211. package/dist/hopper-provider/src/index.js +1 -1
  212. package/dist/icon-list/src/IconList.css +39 -39
  213. package/dist/icon-list/src/IconList.js +1 -1
  214. package/dist/icon-list/src/index.css +39 -39
  215. package/dist/icon-list/src/index.js +1 -1
  216. package/dist/illustrated-message/src/IllustratedMessage.css +737 -560
  217. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  218. package/dist/illustrated-message/src/index.css +737 -560
  219. package/dist/illustrated-message/src/index.js +1 -1
  220. package/dist/image/src/Image.css +41 -41
  221. package/dist/image/src/Image.js +1 -1
  222. package/dist/image/src/SvgImage.css +39 -39
  223. package/dist/image/src/SvgImage.js +1 -1
  224. package/dist/image/src/index.css +42 -42
  225. package/dist/image/src/index.js +2 -2
  226. package/dist/index.css +1496 -1305
  227. package/dist/index.d.ts +25 -7
  228. package/dist/index.js +89 -88
  229. package/dist/inputs/src/Input.css +42 -42
  230. package/dist/inputs/src/Input.js +1 -1
  231. package/dist/inputs/src/InputGroup.css +44 -44
  232. package/dist/inputs/src/InputGroup.js +1 -1
  233. package/dist/inputs/src/NumberField.css +68 -68
  234. package/dist/inputs/src/NumberField.js +10 -10
  235. package/dist/inputs/src/PasswordField.css +738 -561
  236. package/dist/inputs/src/PasswordField.js +10 -10
  237. package/dist/inputs/src/RemainingCharacterCount.css +41 -41
  238. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  239. package/dist/inputs/src/SearchField.css +744 -567
  240. package/dist/inputs/src/SearchField.js +11 -11
  241. package/dist/inputs/src/TextArea.css +65 -65
  242. package/dist/inputs/src/TextArea.js +9 -9
  243. package/dist/inputs/src/TextField.css +742 -565
  244. package/dist/inputs/src/TextField.js +13 -13
  245. package/dist/inputs/src/index.css +784 -607
  246. package/dist/inputs/src/index.js +17 -17
  247. package/dist/layout/src/Content.css +38 -38
  248. package/dist/layout/src/Footer.css +38 -38
  249. package/dist/link/src/Link.css +77 -77
  250. package/dist/link/src/Link.js +3 -3
  251. package/dist/link/src/index.css +77 -77
  252. package/dist/link/src/index.js +3 -3
  253. package/dist/list-box/src/ListBox.css +326 -312
  254. package/dist/list-box/src/ListBox.js +7 -7
  255. package/dist/list-box/src/ListBoxItem.css +314 -300
  256. package/dist/list-box/src/ListBoxItem.js +6 -6
  257. package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
  258. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  259. package/dist/list-box/src/index.css +326 -312
  260. package/dist/list-box/src/index.js +7 -7
  261. package/dist/menu/src/Menu.css +1071 -880
  262. package/dist/menu/src/Menu.js +2 -2
  263. package/dist/menu/src/MenuItem.css +131 -117
  264. package/dist/menu/src/MenuItem.js +2 -2
  265. package/dist/menu/src/MenuSection.css +40 -40
  266. package/dist/menu/src/MenuSection.js +1 -1
  267. package/dist/menu/src/index.css +1096 -905
  268. package/dist/menu/src/index.js +5 -5
  269. package/dist/modal/src/BaseModal.css +53 -53
  270. package/dist/modal/src/BaseModal.js +1 -1
  271. package/dist/modal/src/CustomModal.css +54 -54
  272. package/dist/modal/src/CustomModal.js +2 -2
  273. package/dist/modal/src/Modal.css +760 -583
  274. package/dist/modal/src/Modal.js +9 -8
  275. package/dist/modal/src/index.css +755 -578
  276. package/dist/modal/src/index.js +10 -9
  277. package/dist/overlays/popover/src/Popover.css +1069 -878
  278. package/dist/overlays/popover/src/Popover.js +2 -2
  279. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  280. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  281. package/dist/overlays/popover/src/index.css +1072 -881
  282. package/dist/overlays/popover/src/index.js +3 -3
  283. package/dist/radio/src/DecorativeRadio.css +65 -65
  284. package/dist/radio/src/DecorativeRadio.js +3 -3
  285. package/dist/radio/src/Radio.css +57 -57
  286. package/dist/radio/src/Radio.js +3 -3
  287. package/dist/radio/src/RadioField.css +44 -44
  288. package/dist/radio/src/RadioField.js +2 -2
  289. package/dist/radio/src/RadioGroup.css +109 -109
  290. package/dist/radio/src/RadioGroup.js +7 -7
  291. package/dist/radio/src/index.css +109 -109
  292. package/dist/radio/src/index.js +11 -11
  293. package/dist/segmented-control/src/SegmentedControl.css +39 -39
  294. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  295. package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
  296. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  297. package/dist/segmented-control/src/index.css +54 -54
  298. package/dist/segmented-control/src/index.js +3 -3
  299. package/dist/select/src/Select.css +1090 -899
  300. package/dist/select/src/Select.js +17 -17
  301. package/dist/select/src/SelectValue.css +113 -99
  302. package/dist/select/src/SelectValue.js +2 -2
  303. package/dist/select/src/index.css +1090 -899
  304. package/dist/select/src/index.js +17 -17
  305. package/dist/spinner/src/Spinner.css +48 -48
  306. package/dist/spinner/src/Spinner.js +2 -2
  307. package/dist/spinner/src/index.css +48 -48
  308. package/dist/spinner/src/index.js +2 -2
  309. package/dist/switch/src/Switch.css +54 -54
  310. package/dist/switch/src/Switch.js +3 -3
  311. package/dist/switch/src/SwitchField.css +44 -44
  312. package/dist/switch/src/SwitchField.js +2 -2
  313. package/dist/switch/src/index.css +60 -60
  314. package/dist/switch/src/index.js +4 -4
  315. package/dist/tabs/src/Tab.css +916 -725
  316. package/dist/tabs/src/Tab.js +2 -2
  317. package/dist/tabs/src/TabLine.css +40 -40
  318. package/dist/tabs/src/TabLine.js +1 -1
  319. package/dist/tabs/src/TabList.css +47 -47
  320. package/dist/tabs/src/TabList.js +2 -2
  321. package/dist/tabs/src/TabPanel.css +40 -40
  322. package/dist/tabs/src/TabPanel.js +1 -1
  323. package/dist/tabs/src/index.css +927 -736
  324. package/dist/tabs/src/index.js +5 -5
  325. package/dist/tag/src/Tag.css +894 -703
  326. package/dist/tag/src/Tag.js +7 -7
  327. package/dist/tag/src/TagGroup.css +48 -48
  328. package/dist/tag/src/TagGroup.js +7 -7
  329. package/dist/tag/src/index.css +904 -713
  330. package/dist/tag/src/index.js +12 -12
  331. package/dist/tile/src/Tile.css +47 -47
  332. package/dist/tile/src/Tile.js +2 -2
  333. package/dist/tile/src/TileGroup.css +39 -39
  334. package/dist/tile/src/TileGroup.js +1 -1
  335. package/dist/tile/src/index.css +48 -48
  336. package/dist/tile/src/index.js +3 -3
  337. package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
  338. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  339. package/dist/toggle-arrow/src/index.css +40 -40
  340. package/dist/toggle-arrow/src/index.js +1 -1
  341. package/dist/tooltip/src/Tooltip.css +48 -48
  342. package/dist/tooltip/src/Tooltip.js +3 -3
  343. package/dist/tooltip/src/TooltipTrigger.css +38 -38
  344. package/dist/tooltip/src/index.css +48 -48
  345. package/dist/tooltip/src/index.js +3 -3
  346. package/dist/{types-CVCUJ7un.d.ts → types-BqmVPR6K.d.ts} +2 -2
  347. package/dist/typography/heading/src/Heading.css +38 -38
  348. package/dist/typography/heading/src/Heading.js +1 -1
  349. package/dist/typography/heading/src/index.css +38 -38
  350. package/dist/typography/heading/src/index.js +1 -1
  351. package/dist/typography/label/src/FieldLabel.css +38 -38
  352. package/dist/typography/label/src/FieldLabel.js +3 -3
  353. package/dist/typography/label/src/Label.css +38 -38
  354. package/dist/typography/label/src/Label.js +1 -1
  355. package/dist/typography/label/src/index.css +38 -38
  356. package/dist/typography/label/src/index.js +3 -3
  357. package/dist/typography/overline-text/src/OverlineText.css +38 -38
  358. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  359. package/dist/typography/overline-text/src/index.css +38 -38
  360. package/dist/typography/overline-text/src/index.js +1 -1
  361. package/dist/typography/paragraph/src/Paragraph.css +38 -38
  362. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  363. package/dist/typography/paragraph/src/index.css +38 -38
  364. package/dist/typography/paragraph/src/index.js +2 -2
  365. package/dist/typography/text/src/Text.css +38 -38
  366. package/dist/typography/text/src/Text.js +1 -1
  367. package/dist/typography/text/src/index.css +38 -38
  368. package/dist/typography/text/src/index.js +1 -1
  369. package/dist/utils/src/ClearSlots.css +38 -38
  370. package/dist/utils/src/EnsureTextWrapper.css +38 -38
  371. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  372. package/dist/utils/src/index.css +38 -38
  373. package/dist/utils/src/index.js +2 -2
  374. package/package.json +1 -1
@@ -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___ex9Pl {
2
+ .Heading-module__hop-Heading___z2REG {
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,7 +33,7 @@
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___ex9Pl) {
36
+ :where(.Heading-module__hop-Heading___z2REG) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,43 +41,43 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___U-anE) {
44
+ :where(.Heading-module__hop-Heading--xs___UvA8B) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___9euNX) {
50
+ :where(.Heading-module__hop-Heading--sm___8LA8Z) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___m9G-q) {
56
+ :where(.Heading-module__hop-Heading--md___-vdE8) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___seVEu) {
62
+ :where(.Heading-module__hop-Heading--lg___R--az) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___-ctXd) {
68
+ :where(.Heading-module__hop-Heading--xl___Us1B5) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___nm0lD) {
74
+ :where(.Heading-module__hop-Heading--2xl___-Dui8) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___UlnoB) {
80
+ :where(.Heading-module__hop-Heading--3xl___Niq8Y) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,21 +85,21 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
- .Form-module__hop-Form___oRthn {
88
+ .Form-module__hop-Form___5gPvH {
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  gap: var(--hop-space-stack-lg);
92
92
  }
93
93
 
94
94
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
95
- .Label-module__hop-Label___ClY-C {
95
+ .Label-module__hop-Label___XkwKF {
96
96
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
97
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
98
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
99
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
100
  --hop-Label-color: var(--hop-neutral-text-weak);
101
101
  }
102
- :where(.Label-module__hop-Label___ClY-C) {
102
+ :where(.Label-module__hop-Label___XkwKF) {
103
103
  font-family: var(--hop-Label-font-family);
104
104
  font-size: var(--hop-Label-font-size);
105
105
  font-weight: var(--hop-Label-font-weight);
@@ -108,17 +108,17 @@
108
108
  }
109
109
 
110
110
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
111
- .FieldLabel-module__hop-FieldLabel__wrapper___P-qSb {
111
+ .FieldLabel-module__hop-FieldLabel__wrapper___g-kwE {
112
112
  display: flex;
113
113
  gap: var(--hop-space-inset-xs);
114
114
  align-items: center;
115
115
  }
116
- .FieldLabel-module__hop-FieldLabel__indicator___lbxSg {
116
+ .FieldLabel-module__hop-FieldLabel__indicator___hyzp- {
117
117
  padding-inline-start: var(--hop-space-20);
118
118
  }
119
119
 
120
120
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
121
- :where(.OverlineText-module__hop-OverlineText___RBrct) {
121
+ :where(.OverlineText-module__hop-OverlineText___nUpbh) {
122
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
123
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
124
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -142,26 +142,26 @@
142
142
  text-transform: uppercase;
143
143
  letter-spacing: var(--letter-spacing);
144
144
  }
145
- .OverlineText-module__hop-OverlineText__text___ue5ai {
145
+ .OverlineText-module__hop-OverlineText__text___piSUd {
146
146
  box-sizing: border-box;
147
147
  }
148
- .OverlineText-module__hop-OverlineText__text___ue5ai::before,
149
- .OverlineText-module__hop-OverlineText__text___ue5ai::after {
148
+ .OverlineText-module__hop-OverlineText__text___piSUd::before,
149
+ .OverlineText-module__hop-OverlineText__text___piSUd::after {
150
150
  content: "";
151
151
  display: block;
152
152
  box-sizing: border-box;
153
153
  inline-size: 0;
154
154
  block-size: 0;
155
155
  }
156
- .OverlineText-module__hop-OverlineText__text___ue5ai::before {
156
+ .OverlineText-module__hop-OverlineText__text___piSUd::before {
157
157
  margin-block-end: var(--bottom-offset);
158
158
  }
159
- .OverlineText-module__hop-OverlineText__text___ue5ai::after {
159
+ .OverlineText-module__hop-OverlineText__text___piSUd::after {
160
160
  margin-block-start: var(--top-offset);
161
161
  }
162
162
 
163
163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
164
- .Text-module__hop-Text___Mm3Jn {
164
+ .Text-module__hop-Text___cfXZY {
165
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
166
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
167
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -191,49 +191,49 @@
191
191
  --hop-Text-inherit-size-font-weight: inherit;
192
192
  --hop-Text-inherit-size-line-height: inherit;
193
193
  }
194
- :where(.Text-module__hop-Text___Mm3Jn) {
194
+ :where(.Text-module__hop-Text___cfXZY) {
195
195
  font-family: var(--font-family);
196
196
  font-size: var(--font-size);
197
197
  font-weight: var(--font-weight);
198
198
  line-height: var(--line-height);
199
199
  }
200
- :where(.Text-module__hop-Text--xs___Ce3vK) {
200
+ :where(.Text-module__hop-Text--xs___XLJcP) {
201
201
  --font-size: var(--hop-Text-xs-font-size);
202
202
  --font-family: var(--hop-Text-xs-font-family);
203
203
  --font-weight: var(--hop-Text-xs-font-weight);
204
204
  --line-height: var(--hop-Text-xs-line-height);
205
205
  }
206
- :where(.Text-module__hop-Text--sm___UcccH) {
206
+ :where(.Text-module__hop-Text--sm___I6KRc) {
207
207
  --font-size: var(--hop-Text-sm-font-size);
208
208
  --font-family: var(--hop-Text-sm-font-family);
209
209
  --font-weight: var(--hop-Text-sm-font-weight);
210
210
  --line-height: var(--hop-Text-sm-line-height);
211
211
  }
212
- :where(.Text-module__hop-Text--md___YcqAT) {
212
+ :where(.Text-module__hop-Text--md___E8yDa) {
213
213
  --font-size: var(--hop-Text-md-font-size);
214
214
  --font-family: var(--hop-Text-md-font-family);
215
215
  --font-weight: var(--hop-Text-md-font-weight);
216
216
  --line-height: var(--hop-Text-md-line-height);
217
217
  }
218
- :where(.Text-module__hop-Text--lg___RaBlz) {
218
+ :where(.Text-module__hop-Text--lg___iJqjo) {
219
219
  --font-size: var(--hop-Text-lg-font-size);
220
220
  --font-family: var(--hop-Text-lg-font-family);
221
221
  --font-weight: var(--hop-Text-lg-font-weight);
222
222
  --line-height: var(--hop-Text-lg-line-height);
223
223
  }
224
- :where(.Text-module__hop-Text--xl___jBI5K) {
224
+ :where(.Text-module__hop-Text--xl___IU4Uc) {
225
225
  --font-size: var(--hop-Text-xl-font-size);
226
226
  --font-family: var(--hop-Text-xl-font-family);
227
227
  --font-weight: var(--hop-Text-xl-font-weight);
228
228
  --line-height: var(--hop-Text-xl-line-height);
229
229
  }
230
- :where(.Text-module__hop-Text--2xl___jrcN4) {
230
+ :where(.Text-module__hop-Text--2xl___B48R7) {
231
231
  --font-size: var(--hop-Text-2xl-font-size);
232
232
  --font-family: var(--hop-Text-2xl-font-family);
233
233
  --font-weight: var(--hop-Text-2xl-font-weight);
234
234
  --line-height: var(--hop-Text-2xl-line-height);
235
235
  }
236
- :where(.Text-module__hop-Text--inherit___Rc2fv) {
236
+ :where(.Text-module__hop-Text--inherit___KVVuG) {
237
237
  --font-size: var(--hop-Text-inherit-size-font-size);
238
238
  --font-family: var(--hop-Text-inherit-size-font-family);
239
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -241,7 +241,7 @@
241
241
  }
242
242
 
243
243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
244
- .Paragraph-module__hop-Paragraph___AWLqo {
244
+ .Paragraph-module__hop-Paragraph___5eXfe {
245
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
246
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
247
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -253,33 +253,33 @@
253
253
  margin-block-end: var(--margin-block-end);
254
254
  overflow-wrap: break-word;
255
255
  }
256
- .Paragraph-module__hop-Paragraph___AWLqo:last-child {
256
+ .Paragraph-module__hop-Paragraph___5eXfe:last-child {
257
257
  --margin-block-end: 0;
258
258
  }
259
- .Paragraph-module__hop-Paragraph--xs___us82- {
259
+ .Paragraph-module__hop-Paragraph--xs___8HE0r {
260
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
261
261
  }
262
- .Paragraph-module__hop-Paragraph--sm___oQXcj {
262
+ .Paragraph-module__hop-Paragraph--sm___3Px67 {
263
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
264
264
  }
265
- .Paragraph-module__hop-Paragraph--md___ONjfY {
265
+ .Paragraph-module__hop-Paragraph--md___G2Zu6 {
266
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
267
267
  }
268
- .Paragraph-module__hop-Paragraph--lg___MwXba {
268
+ .Paragraph-module__hop-Paragraph--lg___8JjcZ {
269
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
270
270
  }
271
- .Paragraph-module__hop-Paragraph--xl___G0-ya {
271
+ .Paragraph-module__hop-Paragraph--xl___yloh- {
272
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
273
273
  }
274
- .Paragraph-module__hop-Paragraph--2xl___RNqOG {
274
+ .Paragraph-module__hop-Paragraph--2xl___d7pjT {
275
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
276
276
  }
277
- .Paragraph-module__hop-Paragraph--inherit___EaPeU {
277
+ .Paragraph-module__hop-Paragraph--inherit___mHkEn {
278
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
279
279
  }
280
280
 
281
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
282
- .Badge-module__hop-Badge___Em6Ee {
282
+ .Badge-module__hop-Badge___0H4dD {
283
283
  --hop-Badge-height: 1.5rem;
284
284
  --hop-Badge-width: max-content;
285
285
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -329,67 +329,67 @@
329
329
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
330
330
  border-radius: var(--border-radius);
331
331
  }
332
- .Badge-module__hop-Badge--primary___2xcfI {
332
+ .Badge-module__hop-Badge--primary___4kER1 {
333
333
  --background-color: var(--hop-Badge-primary-background-color);
334
334
  --text-color: var(--hop-Badge-primary-text-color);
335
335
  }
336
- .Badge-module__hop-Badge--primary___2xcfI[data-hovered] {
336
+ .Badge-module__hop-Badge--primary___4kER1[data-hovered] {
337
337
  --background-color: var(--hop-Badge-primary-background-color-hovered);
338
338
  --text-color: var(--hop-Badge-primary-text-color-hovered);
339
339
  }
340
- .Badge-module__hop-Badge--primary___2xcfI[data-pressed] {
340
+ .Badge-module__hop-Badge--primary___4kER1[data-pressed] {
341
341
  --background-color: var(--hop-Badge-primary-background-color-pressed);
342
342
  --text-color: var(--hop-Badge-primary-text-color-pressed);
343
343
  }
344
- .Badge-module__hop-Badge--primary___2xcfI[data-selected] {
344
+ .Badge-module__hop-Badge--primary___4kER1[data-selected] {
345
345
  --background-color: var(--hop-Badge-primary-background-color-selected);
346
346
  --text-color: var(--hop-Badge-primary-text-color-selected);
347
347
  }
348
- .Badge-module__hop-Badge--secondary___O77eV {
348
+ .Badge-module__hop-Badge--secondary___IqWhz {
349
349
  --background-color: var(--hop-Badge-secondary-background-color);
350
350
  --text-color: var(--hop-Badge-secondary-text-color);
351
351
  }
352
- .Badge-module__hop-Badge--secondary___O77eV[data-hovered] {
352
+ .Badge-module__hop-Badge--secondary___IqWhz[data-hovered] {
353
353
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
354
354
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
355
355
  }
356
- .Badge-module__hop-Badge--secondary___O77eV[data-pressed] {
356
+ .Badge-module__hop-Badge--secondary___IqWhz[data-pressed] {
357
357
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
358
358
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
359
359
  }
360
- .Badge-module__hop-Badge--secondary___O77eV[data-selected] {
360
+ .Badge-module__hop-Badge--secondary___IqWhz[data-selected] {
361
361
  --background-color: var(--hop-Badge-secondary-background-color-selected);
362
362
  --text-color: var(--hop-Badge-secondary-text-color-selected);
363
363
  }
364
- .Badge-module__hop-Badge--subdued___12tA7 {
364
+ .Badge-module__hop-Badge--subdued___4WY3G {
365
365
  --background-color: var(--hop-Badge-subdued-background-color);
366
366
  --text-color: var(--hop-Badge-subdued-text-color);
367
367
  }
368
- .Badge-module__hop-Badge--subdued___12tA7[data-hovered] {
368
+ .Badge-module__hop-Badge--subdued___4WY3G[data-hovered] {
369
369
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
370
370
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
371
371
  }
372
- .Badge-module__hop-Badge--subdued___12tA7[data-pressed] {
372
+ .Badge-module__hop-Badge--subdued___4WY3G[data-pressed] {
373
373
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
374
374
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
375
375
  }
376
- .Badge-module__hop-Badge--subdued___12tA7[data-selected] {
376
+ .Badge-module__hop-Badge--subdued___4WY3G[data-selected] {
377
377
  --background-color: var(--hop-Badge-subdued-background-color-selected);
378
378
  --text-color: var(--hop-Badge-subdued-text-color-selected);
379
379
  }
380
- .Badge-module__hop-Badge___Em6Ee[data-indeterminate] {
380
+ .Badge-module__hop-Badge___0H4dD[data-indeterminate] {
381
381
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
382
382
  --height: var(--hop-Badge-indeterminate-height);
383
383
  --width: var(--hop-Badge-indeterminate-width);
384
384
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
385
385
  }
386
- .Badge-module__hop-Badge___Em6Ee[data-disabled] {
386
+ .Badge-module__hop-Badge___0H4dD[data-disabled] {
387
387
  --background-color: var(--hop-Badge-background-color-disabled);
388
388
  --text-color: var(--hop-Badge-text-color-disabled);
389
389
  }
390
390
 
391
391
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
392
- .FloatingBadge-module__hop-FloatingBadge___4PqyD {
392
+ .FloatingBadge-module__hop-FloatingBadge___NqGht {
393
393
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
394
394
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
395
395
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -430,7 +430,7 @@
430
430
  box-sizing: border-box;
431
431
  inline-size: max-content;
432
432
  }
433
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"] {
433
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top right"] {
434
434
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
435
435
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
436
436
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -438,11 +438,11 @@
438
438
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
439
439
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
440
440
  }
441
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"][data-overlap=circular] {
441
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top right"][data-overlap=circular] {
442
442
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
443
443
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
444
444
  }
445
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"] {
445
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top left"] {
446
446
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
447
447
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
448
448
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -450,11 +450,11 @@
450
450
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
451
451
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
452
452
  }
453
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"][data-overlap=circular] {
453
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top left"][data-overlap=circular] {
454
454
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
455
455
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
456
456
  }
457
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"] {
457
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom right"] {
458
458
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
459
459
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
460
460
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -462,11 +462,11 @@
462
462
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
463
463
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
464
464
  }
465
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"][data-overlap=circular] {
465
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom right"][data-overlap=circular] {
466
466
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
467
467
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
468
468
  }
469
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"] {
469
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom left"] {
470
470
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
471
471
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
472
472
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -474,11 +474,11 @@
474
474
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
475
475
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
476
476
  }
477
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"][data-overlap=circular] {
477
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom left"][data-overlap=circular] {
478
478
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
479
479
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
480
480
  }
481
- .FloatingBadge-module__hop-FloatingBadge__badge___Ohl2E {
481
+ .FloatingBadge-module__hop-FloatingBadge__badge___PjKsT {
482
482
  position: absolute;
483
483
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
484
484
  transform-origin: var(--badge-transform-origin);
@@ -486,7 +486,7 @@
486
486
  }
487
487
 
488
488
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
489
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD {
489
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0 {
490
490
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
491
491
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
492
492
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -516,47 +516,54 @@
516
516
  color: var(--hop-RichIconAvatarImage-icon-color);
517
517
  background-color: var(--background-color);
518
518
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
519
+ outline: none;
519
520
  }
520
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___yY25s {
521
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___n56nV {
521
522
  --size: var(--hop-RichIconAvatarImage-xs-size);
522
523
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
523
524
  }
524
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___s9gt3 {
525
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___GtxLW {
525
526
  --size: var(--hop-RichIconAvatarImage-sm-size);
526
527
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
527
528
  }
528
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yjzu3 {
529
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___55n6O {
529
530
  --size: var(--hop-RichIconAvatarImage-md-size);
530
531
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
531
532
  }
532
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___uFEcX {
533
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___XSUP6 {
533
534
  --size: var(--hop-RichIconAvatarImage-lg-size);
534
535
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
535
536
  }
536
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___66GKw {
537
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___crKsY {
537
538
  --size: var(--hop-RichIconAvatarImage-xl-size);
538
539
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
539
540
  }
540
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___HUWNK {
541
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___51LJs {
541
542
  --size: var(--hop-RichIconAvatarImage-2xl-size);
542
543
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
543
544
  }
544
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] {
545
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___3E8Wu {
546
+ cursor: pointer;
547
+ }
548
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___IUbHD {
549
+ outline: 0.125rem solid var(--hop-primary-border-focus);
550
+ }
551
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0[data-disabled] {
545
552
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
546
553
  }
547
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
554
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___NWysm {
548
555
  position: relative;
549
556
  display: block;
550
557
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
551
558
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
552
559
  }
553
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
560
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___NWysm {
554
561
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
555
562
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
556
563
  }
557
564
 
558
565
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
559
- .Avatar-module__hop-Avatar___uaqDg {
566
+ .Avatar-module__hop-Avatar___Bqcxp {
560
567
  --hop-Avatar-border-radius: var(--hop-shape-circle);
561
568
  --hop-Avatar-mix-blend-mode: normal;
562
569
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -600,68 +607,75 @@
600
607
  color: var(--text-color, var(--hop-neutral-text));
601
608
  background-color: var(--background-color, transparent);
602
609
  border-radius: var(--hop-Avatar-border-radius);
610
+ outline: none;
603
611
  }
604
- .Avatar-module__hop-Avatar--xs___JnxQL {
612
+ .Avatar-module__hop-Avatar--xs___IyJCA {
605
613
  --size: var(--hop-Avatar-xs-size);
606
614
  }
607
- .Avatar-module__hop-Avatar--sm___wGq1I {
615
+ .Avatar-module__hop-Avatar--sm___r4xF8 {
608
616
  --size: var(--hop-Avatar-sm-size);
609
617
  }
610
- .Avatar-module__hop-Avatar--md___RIHVc {
618
+ .Avatar-module__hop-Avatar--md___mtWFP {
611
619
  --size: var(--hop-Avatar-md-size);
612
620
  }
613
- .Avatar-module__hop-Avatar--lg___BoomX {
621
+ .Avatar-module__hop-Avatar--lg___6-6BA {
614
622
  --size: var(--hop-Avatar-lg-size);
615
623
  }
616
- .Avatar-module__hop-Avatar--xl___9-mvF {
624
+ .Avatar-module__hop-Avatar--xl___tLhE9 {
617
625
  --size: var(--hop-Avatar-xl-size);
618
626
  }
619
- .Avatar-module__hop-Avatar--2xl___YOeDn {
627
+ .Avatar-module__hop-Avatar--2xl___-1-91 {
620
628
  --size: var(--hop-Avatar-2xl-size);
621
629
  }
622
- .Avatar-module__hop-Avatar--decorative-option1___Yg1OM {
630
+ .Avatar-module__hop-Avatar--clickable___c-Exr {
631
+ cursor: pointer;
632
+ }
633
+ .Avatar-module__hop-Avatar--focus-visible___LPIIY {
634
+ outline: 0.125rem solid var(--hop-primary-border-focus);
635
+ }
636
+ .Avatar-module__hop-Avatar--decorative-option1___aLAmD {
623
637
  --background-color: var(--hop-Avatar-decorative-1-background-color);
624
638
  --text-color: var(--hop-Avatar-decorative-1-text-color);
625
639
  }
626
- .Avatar-module__hop-Avatar--decorative-option2___2KiOH {
640
+ .Avatar-module__hop-Avatar--decorative-option2___I7y-X {
627
641
  --background-color: var(--hop-Avatar-decorative-2-background-color);
628
642
  --text-color: var(--hop-Avatar-decorative-2-text-color);
629
643
  }
630
- .Avatar-module__hop-Avatar--decorative-option3___S-tqo {
644
+ .Avatar-module__hop-Avatar--decorative-option3___OACgi {
631
645
  --background-color: var(--hop-Avatar-decorative-3-background-color);
632
646
  --text-color: var(--hop-Avatar-decorative-3-text-color);
633
647
  }
634
- .Avatar-module__hop-Avatar--decorative-option4___1bTKD {
648
+ .Avatar-module__hop-Avatar--decorative-option4___-fghS {
635
649
  --background-color: var(--hop-Avatar-decorative-4-background-color);
636
650
  --text-color: var(--hop-Avatar-decorative-4-text-color);
637
651
  }
638
- .Avatar-module__hop-Avatar--decorative-option5___dIVH6 {
652
+ .Avatar-module__hop-Avatar--decorative-option5___lPQMu {
639
653
  --background-color: var(--hop-Avatar-decorative-5-background-color);
640
654
  --text-color: var(--hop-Avatar-decorative-5-text-color);
641
655
  }
642
- .Avatar-module__hop-Avatar--decorative-option6___ku007 {
656
+ .Avatar-module__hop-Avatar--decorative-option6___hQZdk {
643
657
  --background-color: var(--hop-Avatar-decorative-6-background-color);
644
658
  --text-color: var(--hop-Avatar-decorative-6-text-color);
645
659
  }
646
- .Avatar-module__hop-Avatar--decorative-option7___sC-Le {
660
+ .Avatar-module__hop-Avatar--decorative-option7___Gq2fZ {
647
661
  --background-color: var(--hop-Avatar-decorative-7-background-color);
648
662
  --text-color: var(--hop-Avatar-decorative-7-text-color);
649
663
  }
650
- .Avatar-module__hop-Avatar--decorative-option8___QzRDL {
664
+ .Avatar-module__hop-Avatar--decorative-option8___f8Egi {
651
665
  --background-color: var(--hop-Avatar-decorative-8-background-color);
652
666
  --text-color: var(--hop-Avatar-decorative-8-text-color);
653
667
  }
654
- .Avatar-module__hop-Avatar--decorative-option9___-du9m {
668
+ .Avatar-module__hop-Avatar--decorative-option9___9UBwK {
655
669
  --background-color: var(--hop-Avatar-decorative-9-background-color);
656
670
  --text-color: var(--hop-Avatar-decorative-9-text-color);
657
671
  }
658
- .Avatar-module__hop-Avatar___uaqDg[data-disabled] {
672
+ .Avatar-module__hop-Avatar___Bqcxp[data-disabled] {
659
673
  --background-color: var(--hop-Avatar-background-color-disabled);
660
674
  --text-color: var(--hop-Avatar-text-color-disabled);
661
675
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
662
676
  isolation: isolate;
663
677
  }
664
- .Avatar-module__hop-Avatar__image___Wkz1L {
678
+ .Avatar-module__hop-Avatar__image___JCQrb {
665
679
  position: relative;
666
680
  display: block;
667
681
  box-sizing: border-box;
@@ -672,7 +686,7 @@
672
686
  }
673
687
 
674
688
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
675
- .Tooltip-module__hop-Tooltip___Q5E29 {
689
+ .Tooltip-module__hop-Tooltip___RRVv4 {
676
690
  --hop-Tooltip-max-inline-size: 20rem;
677
691
  --hop-Tooltip-slide-amount: 0.25rem;
678
692
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -699,29 +713,29 @@
699
713
  border-radius: var(--hop-Tooltip-border-radius);
700
714
  box-shadow: var(--hop-Tooltip-box-shadow);
701
715
  }
702
- .Tooltip-module__hop-Tooltip--top___hZc5W {
716
+ .Tooltip-module__hop-Tooltip--top___wfnsy {
703
717
  --origin-x: 0;
704
718
  --origin-y: var(--hop-Tooltip-slide-amount);
705
719
  }
706
- .Tooltip-module__hop-Tooltip--right___zD66s {
720
+ .Tooltip-module__hop-Tooltip--right___w3-Et {
707
721
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
708
722
  --origin-y: 0;
709
723
  }
710
- .Tooltip-module__hop-Tooltip--bottom___MLy5R {
724
+ .Tooltip-module__hop-Tooltip--bottom___CysUB {
711
725
  --origin-x: 0;
712
726
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
713
727
  }
714
- .Tooltip-module__hop-Tooltip--left___keFSC {
728
+ .Tooltip-module__hop-Tooltip--left___uB6r4 {
715
729
  --origin-x: var(--hop-Tooltip-slide-amount);
716
730
  --origin-y: 0;
717
731
  }
718
- .Tooltip-module__hop-Tooltip___Q5E29[data-entering] {
719
- animation: Tooltip-module__slide___wmKJ7 0.2s ease-out;
732
+ .Tooltip-module__hop-Tooltip___RRVv4[data-entering] {
733
+ animation: Tooltip-module__slide___-bj4s 0.2s ease-out;
720
734
  }
721
- .Tooltip-module__hop-Tooltip___Q5E29[data-exiting] {
722
- animation: Tooltip-module__slide___wmKJ7 0.2s ease-in reverse;
735
+ .Tooltip-module__hop-Tooltip___RRVv4[data-exiting] {
736
+ animation: Tooltip-module__slide___-bj4s 0.2s ease-in reverse;
723
737
  }
724
- @keyframes Tooltip-module__slide___wmKJ7 {
738
+ @keyframes Tooltip-module__slide___-bj4s {
725
739
  from {
726
740
  transform: translate(var(--origin-x), var(--origin-y));
727
741
  opacity: 0;
@@ -733,44 +747,44 @@
733
747
  }
734
748
 
735
749
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
736
- .AvatarGroup-module__hop-AvatarGroup___K3-Xc {
750
+ .AvatarGroup-module__hop-AvatarGroup___dlzsl {
737
751
  --hop-AvatarGroup-display: flex;
738
752
  --hop-AvatarGroup-align-items: center;
739
753
  display: var(--hop-AvatarGroup-display);
740
754
  align-items: var(--hop-AvatarGroup-align-items);
741
755
  }
742
- .AvatarGroup-module__hop-AvatarGroup--wrap___3x9cZ {
756
+ .AvatarGroup-module__hop-AvatarGroup--wrap___ZAEFP {
743
757
  flex-wrap: wrap;
744
758
  }
745
- .AvatarGroup-module__hop-AvatarGroup--xs___o-7s9 {
759
+ .AvatarGroup-module__hop-AvatarGroup--xs___FZWxk {
746
760
  --gap: -0.125rem;
747
761
  }
748
- .AvatarGroup-module__hop-AvatarGroup--sm___uH6T5 {
762
+ .AvatarGroup-module__hop-AvatarGroup--sm___bfUpq {
749
763
  --gap: -0.25rem;
750
764
  }
751
- .AvatarGroup-module__hop-AvatarGroup--md___Zy1Ew {
765
+ .AvatarGroup-module__hop-AvatarGroup--md___PqhA7 {
752
766
  --gap: -0.5rem;
753
767
  }
754
- .AvatarGroup-module__hop-AvatarGroup--lg___NyOR1 {
768
+ .AvatarGroup-module__hop-AvatarGroup--lg___JZ8a1 {
755
769
  --gap: -1rem;
756
770
  }
757
- .AvatarGroup-module__hop-AvatarGroup--xl___iJYCU {
771
+ .AvatarGroup-module__hop-AvatarGroup--xl___gOVPg {
758
772
  --gap: -1rem;
759
773
  }
760
- .AvatarGroup-module__hop-AvatarGroup--2xl___8N1wd {
774
+ .AvatarGroup-module__hop-AvatarGroup--2xl___5Tsy4 {
761
775
  --gap: -2rem;
762
776
  }
763
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
777
+ .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu {
764
778
  margin-inline-start: var(--gap);
765
779
  transition: margin var(--hop-easing-duration-2);
766
780
  }
767
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
781
+ .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu {
768
782
  margin-inline-start: 0;
769
783
  }
770
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:first-child {
784
+ .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu:first-child {
771
785
  margin-inline-start: 0;
772
786
  }
773
- .AvatarGroup-module__hop-AvatarGroup__label___zX5og {
787
+ .AvatarGroup-module__hop-AvatarGroup__label___xIZF4 {
774
788
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
775
789
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
776
790
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -782,7 +796,7 @@
782
796
  font-weight: var(--hop-AvatarGroup-label-font-weight);
783
797
  line-height: var(--hop-AvatarGroup-label-line-height);
784
798
  }
785
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc {
799
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___obuPz {
786
800
  --hop-AvatarGroup__hiddenAvatar-display: flex;
787
801
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
788
802
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -800,21 +814,21 @@
800
814
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
801
815
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
802
816
  }
803
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc:not(:last-child) {
817
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___obuPz:not(:last-child) {
804
818
  margin-block-end: 0.25rem;
805
819
  }
806
- .AvatarGroup-module__hop-AvatarGroup--start___Ac8GU {
820
+ .AvatarGroup-module__hop-AvatarGroup--start___6-t5g {
807
821
  justify-content: flex-start;
808
822
  }
809
- .AvatarGroup-module__hop-AvatarGroup--end___va99C {
823
+ .AvatarGroup-module__hop-AvatarGroup--end___IsI0k {
810
824
  justify-content: flex-end;
811
825
  }
812
- .AvatarGroup-module__hop-AvatarGroup--center___hf7Gl {
826
+ .AvatarGroup-module__hop-AvatarGroup--center___FnHJz {
813
827
  justify-content: center;
814
828
  }
815
829
 
816
830
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
817
- .IconList-module__hop-IconList___z6OUy {
831
+ .IconList-module__hop-IconList___F2-OF {
818
832
  --hop-IconList-gap: var(--hop-space-inline-xs);
819
833
  display: flex;
820
834
  flex-wrap: wrap;
@@ -823,7 +837,7 @@
823
837
  }
824
838
 
825
839
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
826
- @keyframes Spinner-module__spin___SnxzS {
840
+ @keyframes Spinner-module__spin___hJWfc {
827
841
  0% {
828
842
  transform: rotate(0deg);
829
843
  }
@@ -831,7 +845,7 @@
831
845
  transform: rotate(360deg);
832
846
  }
833
847
  }
834
- .Spinner-module__hop-Spinner___Oa3G6 {
848
+ .Spinner-module__hop-Spinner___Pj1aA {
835
849
  --hop-Spinner-border-radius: var(--hop-shape-circle);
836
850
  --hop-Spinner-sm-wheel-size: 1rem;
837
851
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -839,7 +853,7 @@
839
853
  --hop-Spinner-track-width: 0.125rem;
840
854
  --hop-Spinner-track-opacity: 0.2;
841
855
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
842
- --hop-Spinner-fill-animation: Spinner-module__spin___SnxzS .8s infinite linear;
856
+ --hop-Spinner-fill-animation: Spinner-module__spin___hJWfc .8s infinite linear;
843
857
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
844
858
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
845
859
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -850,19 +864,19 @@
850
864
  align-items: center;
851
865
  box-sizing: border-box;
852
866
  }
853
- .Spinner-module__hop-Spinner--sm___0XkYa {
867
+ .Spinner-module__hop-Spinner--sm___FUNC1 {
854
868
  --width: var(--hop-Spinner-sm-wheel-size);
855
869
  --height: var(--hop-Spinner-sm-wheel-size);
856
870
  }
857
- .Spinner-module__hop-Spinner--md___dWYu5 {
871
+ .Spinner-module__hop-Spinner--md___7-Z5Z {
858
872
  --width: var(--hop-Spinner-md-wheel-size);
859
873
  --height: var(--hop-Spinner-md-wheel-size);
860
874
  }
861
- .Spinner-module__hop-Spinner--lg___qpxbh {
875
+ .Spinner-module__hop-Spinner--lg___vVobo {
862
876
  --width: var(--hop-Spinner-lg-wheel-size);
863
877
  --height: var(--hop-Spinner-lg-wheel-size);
864
878
  }
865
- .Spinner-module__hop-Spinner__track___Yntu2 {
879
+ .Spinner-module__hop-Spinner__track___81-D9 {
866
880
  grid-area: spinner;
867
881
  box-sizing: border-box;
868
882
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -871,7 +885,7 @@
871
885
  border: var(--hop-Spinner-track-border);
872
886
  border-radius: var(--hop-Spinner-border-radius);
873
887
  }
874
- .Spinner-module__hop-Spinner__fill___bJDXw {
888
+ .Spinner-module__hop-Spinner__fill___xInfZ {
875
889
  grid-area: spinner;
876
890
  box-sizing: border-box;
877
891
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -882,17 +896,17 @@
882
896
  animation: var(--hop-Spinner-fill-animation);
883
897
  }
884
898
  @media (prefers-reduced-motion: reduce) {
885
- .Spinner-module__hop-Spinner__fill___bJDXw {
899
+ .Spinner-module__hop-Spinner__fill___xInfZ {
886
900
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
887
901
  }
888
902
  }
889
- .Spinner-module__hop-Spinner__label___oVU-P {
903
+ .Spinner-module__hop-Spinner__label___elRWc {
890
904
  grid-area: label;
891
905
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
892
906
  }
893
907
 
894
908
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
895
- .Button-module__hop-Button___8zkEy {
909
+ .Button-module__hop-Button___pi420 {
896
910
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
897
911
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
898
912
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -901,10 +915,13 @@
901
915
  --hop-Button-border-size: var(--hop-space-10);
902
916
  --hop-Button-text-underline-offset: var(--hop-space-20);
903
917
  --hop-Button-icon-only-padding: 0;
918
+ --hop-Button-xs-height: 1.5rem;
904
919
  --hop-Button-sm-height: 2rem;
905
920
  --hop-Button-md-height: 2.5rem;
921
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
906
922
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
907
923
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
924
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
908
925
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
909
926
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
910
927
  --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
@@ -1016,215 +1033,222 @@
1016
1033
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1017
1034
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1018
1035
  }
1019
- .Button-module__hop-Button--fluid___eZzEd {
1036
+ .Button-module__hop-Button--fluid___Ool8- {
1020
1037
  --inline-size: 100%;
1021
1038
  }
1022
- .Button-module__hop-Button--sm___K0sPh {
1039
+ .Button-module__hop-Button--xs___-XuKf {
1040
+ --block-size: var(--hop-Button-xs-height);
1041
+ --padding: var(--hop-Button-xs-padding);
1042
+ }
1043
+ .Button-module__hop-Button--xs___-XuKf[class*=--ghost] {
1044
+ --padding: var(--hop-Button-ghost-xs-padding);
1045
+ }
1046
+ .Button-module__hop-Button--sm___-RNK5 {
1023
1047
  --block-size: var(--hop-Button-sm-height);
1024
1048
  --padding: var(--hop-Button-sm-padding);
1025
1049
  }
1026
- .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
1050
+ .Button-module__hop-Button--sm___-RNK5[class*=--ghost] {
1027
1051
  --padding: var(--hop-Button-ghost-sm-padding);
1028
1052
  }
1029
- .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
1053
+ .Button-module__hop-Button--md___4-osd[class*=--ghost] {
1030
1054
  --padding: var(--hop-Button-ghost-md-padding);
1031
1055
  }
1032
- .Button-module__hop-Button--icon-only___rYzdc {
1056
+ .Button-module__hop-Button--icon-only___OzV1R {
1033
1057
  --column-gap: var(--hop-Button-icon-only-column-gap);
1034
1058
  --padding: var(--hop-Button-icon-only-padding);
1035
1059
  aspect-ratio: 1;
1036
1060
  }
1037
- .Button-module__hop-Button--primary___hkH0I {
1061
+ .Button-module__hop-Button--primary___aX9Xf {
1038
1062
  --background-color: var(--hop-Button-primary-background-color);
1039
1063
  --color: var(--hop-Button-primary-color);
1040
1064
  --border: var(--hop-Button-primary-border);
1041
1065
  --spinner-color: var(--hop-Button-primary-spinner-color);
1042
1066
  }
1043
- .Button-module__hop-Button--primary___hkH0I[data-hovered],
1044
- .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
1067
+ .Button-module__hop-Button--primary___aX9Xf[data-hovered],
1068
+ .Button-module__hop-Button--primary___aX9Xf[data-focus-visible] {
1045
1069
  --background-color: var(--hop-Button-primary-background-color-hover);
1046
1070
  --color: var(--hop-Button-primary-color-hover);
1047
1071
  --border: var(--hop-Button-primary-border-hover);
1048
1072
  }
1049
- .Button-module__hop-Button--primary___hkH0I[data-pressed] {
1073
+ .Button-module__hop-Button--primary___aX9Xf[data-pressed] {
1050
1074
  --background-color: var(--hop-Button-primary-background-color-pressed);
1051
1075
  --color: var(--hop-Button-primary-color-pressed);
1052
1076
  --border: var(--hop-Button-primary-border-pressed);
1053
1077
  }
1054
- .Button-module__hop-Button--secondary___hSZYE {
1078
+ .Button-module__hop-Button--secondary___1I0Vr {
1055
1079
  --background-color: var(--hop-Button-secondary-background-color);
1056
1080
  --color: var(--hop-Button-secondary-color);
1057
1081
  --border: var(--hop-Button-secondary-border);
1058
1082
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1059
1083
  }
1060
- .Button-module__hop-Button--secondary___hSZYE[data-hovered],
1061
- .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
1084
+ .Button-module__hop-Button--secondary___1I0Vr[data-hovered],
1085
+ .Button-module__hop-Button--secondary___1I0Vr[data-focus-visible] {
1062
1086
  --background-color: var(--hop-Button-secondary-background-color-hover);
1063
1087
  --color: var(--hop-Button-secondary-color-hover);
1064
1088
  --border: var(--hop-Button-secondary-border-hover);
1065
1089
  }
1066
- .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
1090
+ .Button-module__hop-Button--secondary___1I0Vr[data-pressed] {
1067
1091
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1068
1092
  --color: var(--hop-Button-secondary-color-pressed);
1069
1093
  --border: var(--hop-Button-secondary-border-pressed);
1070
1094
  }
1071
- .Button-module__hop-Button--upsell___9z1o- {
1095
+ .Button-module__hop-Button--upsell___NvVOn {
1072
1096
  --background-color: var(--hop-Button-upsell-background-color);
1073
1097
  --color: var(--hop-Button-upsell-color);
1074
1098
  --border: var(--hop-Button-upsell-border);
1075
1099
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1076
1100
  }
1077
- .Button-module__hop-Button--upsell___9z1o-[data-hovered],
1078
- .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
1101
+ .Button-module__hop-Button--upsell___NvVOn[data-hovered],
1102
+ .Button-module__hop-Button--upsell___NvVOn[data-focus-visible] {
1079
1103
  --background-color: var(--hop-Button-upsell-background-color-hover);
1080
1104
  --color: var(--hop-Button-upsell-color-hover);
1081
1105
  --border: var(--hop-Button-upsell-border-hover);
1082
1106
  }
1083
- .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
1107
+ .Button-module__hop-Button--upsell___NvVOn[data-pressed] {
1084
1108
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1085
1109
  --color: var(--hop-Button-upsell-color-pressed);
1086
1110
  --border: var(--hop-Button-upsell-border-pressed);
1087
1111
  }
1088
- .Button-module__hop-Button--danger___KbLep {
1112
+ .Button-module__hop-Button--danger___YkZ1u {
1089
1113
  --background-color: var(--hop-Button-danger-background-color);
1090
1114
  --color: var(--hop-Button-danger-color);
1091
1115
  --border: var(--hop-Button-danger-border);
1092
1116
  --spinner-color: var(--hop-Button-danger-spinner-color);
1093
1117
  }
1094
- .Button-module__hop-Button--danger___KbLep[data-hovered],
1095
- .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
1118
+ .Button-module__hop-Button--danger___YkZ1u[data-hovered],
1119
+ .Button-module__hop-Button--danger___YkZ1u[data-focus-visible] {
1096
1120
  --background-color: var(--hop-Button-danger-background-color-hover);
1097
1121
  --color: var(--hop-Button-danger-color-hover);
1098
1122
  --border: var(--hop-Button-danger-border-hover);
1099
1123
  }
1100
- .Button-module__hop-Button--danger___KbLep[data-pressed] {
1124
+ .Button-module__hop-Button--danger___YkZ1u[data-pressed] {
1101
1125
  --background-color: var(--hop-Button-danger-background-color-pressed);
1102
1126
  --color: var(--hop-Button-danger-color-pressed);
1103
1127
  --border: var(--hop-Button-danger-border-pressed);
1104
1128
  }
1105
- .Button-module__hop-Button--ghost-primary___8jSf1 {
1129
+ .Button-module__hop-Button--ghost-primary___RJdkS {
1106
1130
  --background-color: var(--hop-Button-ghost-primary-background-color);
1107
1131
  --color: var(--hop-Button-ghost-primary-color);
1108
1132
  --border: var(--hop-Button-ghost-primary-border);
1109
1133
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1110
1134
  }
1111
- .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
1112
- .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
1135
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-hovered],
1136
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-focus-visible] {
1113
1137
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1114
1138
  --color: var(--hop-Button-ghost-primary-color-hover);
1115
1139
  --border: var(--hop-Button-ghost-primary-border-hover);
1116
1140
  --text-underline: underline;
1117
1141
  }
1118
- .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
1142
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-pressed] {
1119
1143
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1120
1144
  --color: var(--hop-Button-ghost-primary-color-pressed);
1121
1145
  --border: var(--hop-Button-ghost-primary-border-pressed);
1122
1146
  --text-underline: underline;
1123
1147
  }
1124
- .Button-module__hop-Button--ghost-secondary___TRM6h {
1148
+ .Button-module__hop-Button--ghost-secondary___1NLPo {
1125
1149
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1126
1150
  --color: var(--hop-Button-ghost-secondary-color);
1127
1151
  --border: var(--hop-Button-ghost-secondary-border);
1128
1152
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1129
1153
  }
1130
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
1131
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
1154
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-hovered],
1155
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-focus-visible] {
1132
1156
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1133
1157
  --color: var(--hop-Button-ghost-secondary-color-hover);
1134
1158
  --border: var(--hop-Button-ghost-secondary-border-hover);
1135
1159
  --text-underline: underline;
1136
1160
  }
1137
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
1161
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-pressed] {
1138
1162
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1139
1163
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1140
1164
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1141
1165
  --text-underline: underline;
1142
1166
  }
1143
- .Button-module__hop-Button--ghost-danger___-22ky {
1167
+ .Button-module__hop-Button--ghost-danger___mDGly {
1144
1168
  --background-color: var(--hop-Button-ghost-danger-background-color);
1145
1169
  --color: var(--hop-Button-ghost-danger-color);
1146
1170
  --border: var(--hop-Button-ghost-danger-border);
1147
1171
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1148
1172
  }
1149
- .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
1150
- .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
1173
+ .Button-module__hop-Button--ghost-danger___mDGly[data-hovered],
1174
+ .Button-module__hop-Button--ghost-danger___mDGly[data-focus-visible] {
1151
1175
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1152
1176
  --color: var(--hop-Button-ghost-danger-color-hover);
1153
1177
  --border: var(--hop-Button-ghost-danger-border-hover);
1154
1178
  --text-underline: underline;
1155
1179
  }
1156
- .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
1180
+ .Button-module__hop-Button--ghost-danger___mDGly[data-pressed] {
1157
1181
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1158
1182
  --color: var(--hop-Button-ghost-danger-color-pressed);
1159
1183
  --border: var(--hop-Button-ghost-danger-border-pressed);
1160
1184
  --text-underline: underline;
1161
1185
  }
1162
- .Button-module__hop-Button___8zkEy[data-focus-visible] {
1186
+ .Button-module__hop-Button___pi420[data-focus-visible] {
1163
1187
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1164
1188
  }
1165
- .Button-module__hop-Button___8zkEy[data-disabled],
1166
- .Button-module__hop-Button--loading___yOWuT {
1189
+ .Button-module__hop-Button___pi420[data-disabled],
1190
+ .Button-module__hop-Button--loading___as6iI {
1167
1191
  cursor: not-allowed;
1168
1192
  }
1169
- .Button-module__hop-Button___8zkEy[data-disabled] {
1193
+ .Button-module__hop-Button___pi420[data-disabled] {
1170
1194
  --background-color: var(--hop-Button-background-color-disabled);
1171
1195
  --color: var(--hop-Button-color-disabled);
1172
1196
  --border: var(--hop-Button-border-disabled);
1173
1197
  }
1174
- .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
1198
+ .Button-module__hop-Button___pi420[class*=--ghost][data-disabled] {
1175
1199
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1176
1200
  --color: var(--hop-Button-ghost-color-disabled);
1177
1201
  --border: var(--hop-Button-ghost-border-disabled);
1178
1202
  }
1179
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
1203
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--primary___aX9Xf {
1180
1204
  --background-color: var(--hop-Button-primary-background-color);
1181
1205
  --color: var(--hop-Button-primary-color);
1182
1206
  --border: var(--hop-Button-primary-border);
1183
1207
  }
1184
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
1208
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--secondary___1I0Vr {
1185
1209
  --background-color: var(--hop-Button-secondary-background-color);
1186
1210
  --color: var(--hop-Button-secondary-color);
1187
1211
  --border: var(--hop-Button-secondary-border);
1188
1212
  }
1189
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
1213
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--upsell___NvVOn {
1190
1214
  --background-color: var(--hop-Button-upsell-background-color);
1191
1215
  --color: var(--hop-Button-upsell-color);
1192
1216
  --border: var(--hop-Button-upsell-border);
1193
1217
  }
1194
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
1218
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--danger___YkZ1u {
1195
1219
  --background-color: var(--hop-Button-danger-background-color);
1196
1220
  --color: var(--hop-Button-danger-color);
1197
1221
  --border: var(--hop-Button-danger-border);
1198
1222
  }
1199
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
1223
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-primary___RJdkS {
1200
1224
  --background-color: var(--hop-Button-ghost-primary-background-color);
1201
1225
  --color: var(--hop-Button-ghost-primary-color);
1202
1226
  --border: var(--hop-Button-ghost-primary-border);
1203
1227
  --text-underline: none;
1204
1228
  }
1205
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
1229
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-secondary___1NLPo {
1206
1230
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1207
1231
  --color: var(--hop-Button-ghost-secondary-color);
1208
1232
  --border: var(--hop-Button-ghost-secondary-border);
1209
1233
  --text-underline: none;
1210
1234
  }
1211
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
1235
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-danger___mDGly {
1212
1236
  --background-color: var(--hop-Button-ghost-danger-background-color);
1213
1237
  --color: var(--hop-Button-ghost-danger-color);
1214
1238
  --border: var(--hop-Button-ghost-danger-border);
1215
1239
  --text-underline: none;
1216
1240
  }
1217
- .Button-module__hop-Button__Spinner___F4Img {
1241
+ .Button-module__hop-Button__Spinner___CYr30 {
1218
1242
  position: absolute;
1219
1243
  color: var(--spinner-color);
1220
1244
  }
1221
- .Button-module__hop-Button__icon___9WDgY,
1222
- .Button-module__hop-Button__icon-list___hcP-v {
1245
+ .Button-module__hop-Button__icon___T9Jgx,
1246
+ .Button-module__hop-Button__icon-list___ED0mS {
1223
1247
  flex: 0 0 auto;
1224
1248
  justify-self: end;
1225
1249
  order: 1;
1226
1250
  }
1227
- .Button-module__hop-Button__text___o1TcA {
1251
+ .Button-module__hop-Button__text___K8N7h {
1228
1252
  user-select: none;
1229
1253
  overflow: visible;
1230
1254
  flex: 0 1 auto;
@@ -1234,60 +1258,60 @@
1234
1258
  text-underline-offset: 0.125rem;
1235
1259
  text-wrap: nowrap;
1236
1260
  }
1237
- .Button-module__hop-Button__end-icon___6QGCl,
1238
- .Button-module__hop-Button__end-icon-list___iZhOt {
1261
+ .Button-module__hop-Button__end-icon___2motE,
1262
+ .Button-module__hop-Button__end-icon-list___IoU7E {
1239
1263
  flex: 0 0 auto;
1240
1264
  order: 3;
1241
1265
  }
1242
- .Button-module__hop-Button___8zkEy .Button-module__hop-Button__icon-list___hcP-v,
1243
- .Button-module__hop-Button___8zkEy .Button-module__hop-Button__end-icon-list___iZhOt {
1266
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__icon-list___ED0mS,
1267
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__end-icon-list___IoU7E {
1244
1268
  flex-wrap: nowrap;
1245
1269
  }
1246
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
1270
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button___pi420 > *:not(.Button-module__hop-Button__Spinner___CYr30) {
1247
1271
  opacity: 0;
1248
1272
  }
1249
1273
 
1250
1274
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1251
- .ButtonGroup-module__hop-ButtonGroup___Q5c8f {
1275
+ .ButtonGroup-module__hop-ButtonGroup___ZUkN6 {
1252
1276
  display: inline-flex;
1253
1277
  flex-wrap: nowrap;
1254
1278
  gap: var(--hop-space-inline-md);
1255
1279
  }
1256
- .ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
1280
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___ivvsB {
1257
1281
  align-items: center;
1258
1282
  }
1259
- .ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
1283
+ .ButtonGroup-module__hop-ButtonGroup--vertical___NGnRX {
1260
1284
  flex-direction: column;
1261
1285
  gap: var(--hop-space-stack-md);
1262
1286
  justify-content: center;
1263
1287
  }
1264
- .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
1288
+ .ButtonGroup-module__hop-ButtonGroup--start___9-Y8G.ButtonGroup-module__hop-ButtonGroup--vertical___NGnRX {
1265
1289
  align-items: flex-start;
1266
1290
  }
1267
- .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
1291
+ .ButtonGroup-module__hop-ButtonGroup--center___xVDcf.ButtonGroup-module__hop-ButtonGroup--vertical___NGnRX {
1268
1292
  align-items: center;
1269
1293
  }
1270
- .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
1294
+ .ButtonGroup-module__hop-ButtonGroup--end___tBVLd.ButtonGroup-module__hop-ButtonGroup--vertical___NGnRX {
1271
1295
  align-items: flex-end;
1272
1296
  }
1273
- .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
1297
+ .ButtonGroup-module__hop-ButtonGroup--start___9-Y8G.ButtonGroup-module__hop-ButtonGroup--horizontal___ivvsB {
1274
1298
  justify-content: flex-start;
1275
1299
  }
1276
- .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
1300
+ .ButtonGroup-module__hop-ButtonGroup--center___xVDcf.ButtonGroup-module__hop-ButtonGroup--horizontal___ivvsB {
1277
1301
  justify-content: center;
1278
1302
  }
1279
- .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
1303
+ .ButtonGroup-module__hop-ButtonGroup--end___tBVLd.ButtonGroup-module__hop-ButtonGroup--horizontal___ivvsB {
1280
1304
  justify-content: flex-end;
1281
1305
  }
1282
- .ButtonGroup-module__hop-ButtonGroup--wrap___45A9q {
1306
+ .ButtonGroup-module__hop-ButtonGroup--wrap___Lvxsv {
1283
1307
  flex-wrap: wrap;
1284
1308
  }
1285
- .ButtonGroup-module__hop-ButtonGroup--fluid___AXS6Y {
1309
+ .ButtonGroup-module__hop-ButtonGroup--fluid___V3Ky7 {
1286
1310
  inline-size: 100%;
1287
1311
  }
1288
1312
 
1289
1313
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1290
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab {
1314
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV {
1291
1315
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1292
1316
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1293
1317
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1451,7 +1475,7 @@
1451
1475
  outline: none;
1452
1476
  transition: color var(--transition);
1453
1477
  }
1454
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab::before {
1478
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV::before {
1455
1479
  content: "";
1456
1480
  position: absolute;
1457
1481
  inset-block-start: 50%;
@@ -1464,284 +1488,284 @@
1464
1488
  border-radius: var(--effect-border-radius);
1465
1489
  transition: background-color var(--transition);
1466
1490
  }
1467
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-square] {
1491
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV[data-square] {
1468
1492
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1469
1493
  }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX {
1494
+ .EmbeddedButton-module__hop-EmbeddedButton--md___N7ktw {
1471
1495
  --inline-size: var(--hop-EmbeddedButton-md-width);
1472
1496
  --block-size: var(--hop-EmbeddedButton-md-height);
1473
1497
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1474
1498
  }
1475
- .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF {
1499
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___jrz6J {
1476
1500
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1477
1501
  --block-size: var(--hop-EmbeddedButton-lg-height);
1478
1502
  --focus-ring-offset: 0;
1479
1503
  }
1480
- .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX::before {
1504
+ .EmbeddedButton-module__hop-EmbeddedButton--md___N7ktw::before {
1481
1505
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1482
1506
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1483
1507
  }
1484
- .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF::before {
1508
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___jrz6J::before {
1485
1509
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1486
1510
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1487
1511
  }
1488
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs {
1512
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV {
1489
1513
  --color: var(--hop-EmbeddedButton-neutral-color);
1490
1514
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1491
1515
  }
1492
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG- {
1516
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P {
1493
1517
  --color: var(--hop-EmbeddedButton-subdued-color);
1494
1518
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1495
1519
  }
1496
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO {
1520
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0 {
1497
1521
  --color: var(--hop-EmbeddedButton-progress-color);
1498
1522
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1499
1523
  }
1500
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu {
1524
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr {
1501
1525
  --color: var(--hop-EmbeddedButton-positive-color);
1502
1526
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1503
1527
  }
1504
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM- {
1528
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq {
1505
1529
  --color: var(--hop-EmbeddedButton-caution-color);
1506
1530
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1507
1531
  }
1508
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX {
1532
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB {
1509
1533
  --color: var(--hop-EmbeddedButton-negative-color);
1510
1534
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1511
1535
  }
1512
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW {
1536
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve {
1513
1537
  --color: var(--hop-EmbeddedButton-option1-color);
1514
1538
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1515
1539
  }
1516
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5 {
1540
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte {
1517
1541
  --color: var(--hop-EmbeddedButton-option2-color);
1518
1542
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1519
1543
  }
1520
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG {
1544
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ {
1521
1545
  --color: var(--hop-EmbeddedButton-option3-color);
1522
1546
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1523
1547
  }
1524
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn {
1548
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq {
1525
1549
  --color: var(--hop-EmbeddedButton-option4-color);
1526
1550
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1527
1551
  }
1528
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN {
1552
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2 {
1529
1553
  --color: var(--hop-EmbeddedButton-option5-color);
1530
1554
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1531
1555
  }
1532
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI {
1556
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g {
1533
1557
  --color: var(--hop-EmbeddedButton-option6-color);
1534
1558
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1535
1559
  }
1536
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-selected] {
1560
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV[data-selected] {
1537
1561
  --color: var(--hop-EmbeddedButton-selected-color);
1538
1562
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1539
1563
  }
1540
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-focus-visible] {
1564
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV[data-focus-visible] {
1541
1565
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1542
1566
  outline-offset: var(--focus-ring-offset);
1543
1567
  }
1544
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-disabled] {
1568
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV[data-disabled] {
1545
1569
  cursor: not-allowed;
1546
1570
  }
1547
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-hovered] {
1571
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV[data-hovered] {
1548
1572
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1549
1573
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1550
1574
  }
1551
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-focus-visible] {
1575
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV[data-focus-visible] {
1552
1576
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1553
1577
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1554
1578
  }
1555
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-pressed] {
1579
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV[data-pressed] {
1556
1580
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1557
1581
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1558
1582
  }
1559
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-disabled] {
1583
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV[data-disabled] {
1560
1584
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1561
1585
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1562
1586
  }
1563
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-hovered] {
1587
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P[data-hovered] {
1564
1588
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1565
1589
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1566
1590
  }
1567
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-focus-visible] {
1591
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P[data-focus-visible] {
1568
1592
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1569
1593
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1570
1594
  }
1571
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-pressed] {
1595
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P[data-pressed] {
1572
1596
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1573
1597
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1574
1598
  }
1575
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-disabled] {
1599
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P[data-disabled] {
1576
1600
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1577
1601
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1578
1602
  }
1579
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-hovered] {
1603
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0[data-hovered] {
1580
1604
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1581
1605
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1582
1606
  }
1583
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-focus-visible] {
1607
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0[data-focus-visible] {
1584
1608
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1585
1609
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1586
1610
  }
1587
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-pressed] {
1611
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0[data-pressed] {
1588
1612
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1589
1613
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1590
1614
  }
1591
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-disabled] {
1615
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0[data-disabled] {
1592
1616
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1593
1617
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1594
1618
  }
1595
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-hovered] {
1619
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr[data-hovered] {
1596
1620
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1597
1621
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1598
1622
  }
1599
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-focus-visible] {
1623
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr[data-focus-visible] {
1600
1624
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1601
1625
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1602
1626
  }
1603
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-pressed] {
1627
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr[data-pressed] {
1604
1628
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1605
1629
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1606
1630
  }
1607
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-disabled] {
1631
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr[data-disabled] {
1608
1632
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1609
1633
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1610
1634
  }
1611
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-hovered] {
1635
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq[data-hovered] {
1612
1636
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1613
1637
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1614
1638
  }
1615
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-focus-visible] {
1639
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq[data-focus-visible] {
1616
1640
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1617
1641
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1618
1642
  }
1619
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-pressed] {
1643
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq[data-pressed] {
1620
1644
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1621
1645
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1622
1646
  }
1623
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-disabled] {
1647
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq[data-disabled] {
1624
1648
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1625
1649
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1626
1650
  }
1627
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-hovered] {
1651
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB[data-hovered] {
1628
1652
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1629
1653
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1630
1654
  }
1631
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-focus-visible] {
1655
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB[data-focus-visible] {
1632
1656
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1633
1657
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1634
1658
  }
1635
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-pressed] {
1659
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB[data-pressed] {
1636
1660
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1637
1661
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1638
1662
  }
1639
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-disabled] {
1663
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB[data-disabled] {
1640
1664
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1641
1665
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1642
1666
  }
1643
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-hovered] {
1667
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve[data-hovered] {
1644
1668
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1645
1669
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1646
1670
  }
1647
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-focus-visible] {
1671
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve[data-focus-visible] {
1648
1672
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1649
1673
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1650
1674
  }
1651
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-pressed] {
1675
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve[data-pressed] {
1652
1676
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1653
1677
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1654
1678
  }
1655
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-disabled] {
1679
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve[data-disabled] {
1656
1680
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1657
1681
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1658
1682
  }
1659
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-hovered] {
1683
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte[data-hovered] {
1660
1684
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1661
1685
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1662
1686
  }
1663
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-focus-visible] {
1687
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte[data-focus-visible] {
1664
1688
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1665
1689
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1666
1690
  }
1667
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-pressed] {
1691
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte[data-pressed] {
1668
1692
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1669
1693
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1670
1694
  }
1671
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-disabled] {
1695
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte[data-disabled] {
1672
1696
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1673
1697
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1674
1698
  }
1675
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-hovered] {
1699
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ[data-hovered] {
1676
1700
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1677
1701
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1678
1702
  }
1679
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-focus-visible] {
1703
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ[data-focus-visible] {
1680
1704
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1681
1705
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1682
1706
  }
1683
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-pressed] {
1707
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ[data-pressed] {
1684
1708
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1685
1709
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1686
1710
  }
1687
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-disabled] {
1711
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ[data-disabled] {
1688
1712
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1689
1713
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1690
1714
  }
1691
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-hovered] {
1715
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq[data-hovered] {
1692
1716
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1693
1717
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1694
1718
  }
1695
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-focus-visible] {
1719
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq[data-focus-visible] {
1696
1720
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1697
1721
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1698
1722
  }
1699
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-pressed] {
1723
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq[data-pressed] {
1700
1724
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1701
1725
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1702
1726
  }
1703
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-disabled] {
1727
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq[data-disabled] {
1704
1728
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1705
1729
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1706
1730
  }
1707
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-hovered] {
1731
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2[data-hovered] {
1708
1732
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1709
1733
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1710
1734
  }
1711
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-focus-visible] {
1735
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2[data-focus-visible] {
1712
1736
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1713
1737
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1714
1738
  }
1715
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-pressed] {
1739
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2[data-pressed] {
1716
1740
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1717
1741
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1718
1742
  }
1719
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-disabled] {
1743
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2[data-disabled] {
1720
1744
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1721
1745
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1722
1746
  }
1723
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-hovered] {
1747
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g[data-hovered] {
1724
1748
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1725
1749
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1726
1750
  }
1727
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-focus-visible] {
1751
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g[data-focus-visible] {
1728
1752
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1729
1753
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1730
1754
  }
1731
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-pressed] {
1755
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g[data-pressed] {
1732
1756
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1733
1757
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1734
1758
  }
1735
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-disabled] {
1759
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g[data-disabled] {
1736
1760
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1737
1761
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1738
1762
  }
1739
- .EmbeddedButton-module__hop-EmbeddedButton__icon___2wJ-D {
1763
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___tCNfO {
1740
1764
  position: relative;
1741
1765
  }
1742
1766
 
1743
1767
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1744
- button.CloseButton-module__hop-CloseButton___8MAgF {
1768
+ button.CloseButton-module__hop-CloseButton___0yGo3 {
1745
1769
  --hop-CloseButton-margin-top: 0rem;
1746
1770
  --hop-CloseButton-padding: 0rem;
1747
1771
  --hop-CloseButton-width: fit-content;
@@ -1753,7 +1777,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1753
1777
  }
1754
1778
 
1755
1779
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1756
- .Button-module__hop-Button___8zkEy {
1780
+ .Button-module__hop-Button___pi420 {
1757
1781
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1758
1782
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1759
1783
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1762,10 +1786,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1762
1786
  --hop-Button-border-size: var(--hop-space-10);
1763
1787
  --hop-Button-text-underline-offset: var(--hop-space-20);
1764
1788
  --hop-Button-icon-only-padding: 0;
1789
+ --hop-Button-xs-height: 1.5rem;
1765
1790
  --hop-Button-sm-height: 2rem;
1766
1791
  --hop-Button-md-height: 2.5rem;
1792
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1767
1793
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1768
1794
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1795
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1769
1796
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1770
1797
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1771
1798
  --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
@@ -1877,215 +1904,222 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1877
1904
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1878
1905
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1879
1906
  }
1880
- .Button-module__hop-Button--fluid___eZzEd {
1907
+ .Button-module__hop-Button--fluid___Ool8- {
1881
1908
  --inline-size: 100%;
1882
1909
  }
1883
- .Button-module__hop-Button--sm___K0sPh {
1910
+ .Button-module__hop-Button--xs___-XuKf {
1911
+ --block-size: var(--hop-Button-xs-height);
1912
+ --padding: var(--hop-Button-xs-padding);
1913
+ }
1914
+ .Button-module__hop-Button--xs___-XuKf[class*=--ghost] {
1915
+ --padding: var(--hop-Button-ghost-xs-padding);
1916
+ }
1917
+ .Button-module__hop-Button--sm___-RNK5 {
1884
1918
  --block-size: var(--hop-Button-sm-height);
1885
1919
  --padding: var(--hop-Button-sm-padding);
1886
1920
  }
1887
- .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
1921
+ .Button-module__hop-Button--sm___-RNK5[class*=--ghost] {
1888
1922
  --padding: var(--hop-Button-ghost-sm-padding);
1889
1923
  }
1890
- .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
1924
+ .Button-module__hop-Button--md___4-osd[class*=--ghost] {
1891
1925
  --padding: var(--hop-Button-ghost-md-padding);
1892
1926
  }
1893
- .Button-module__hop-Button--icon-only___rYzdc {
1927
+ .Button-module__hop-Button--icon-only___OzV1R {
1894
1928
  --column-gap: var(--hop-Button-icon-only-column-gap);
1895
1929
  --padding: var(--hop-Button-icon-only-padding);
1896
1930
  aspect-ratio: 1;
1897
1931
  }
1898
- .Button-module__hop-Button--primary___hkH0I {
1932
+ .Button-module__hop-Button--primary___aX9Xf {
1899
1933
  --background-color: var(--hop-Button-primary-background-color);
1900
1934
  --color: var(--hop-Button-primary-color);
1901
1935
  --border: var(--hop-Button-primary-border);
1902
1936
  --spinner-color: var(--hop-Button-primary-spinner-color);
1903
1937
  }
1904
- .Button-module__hop-Button--primary___hkH0I[data-hovered],
1905
- .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
1938
+ .Button-module__hop-Button--primary___aX9Xf[data-hovered],
1939
+ .Button-module__hop-Button--primary___aX9Xf[data-focus-visible] {
1906
1940
  --background-color: var(--hop-Button-primary-background-color-hover);
1907
1941
  --color: var(--hop-Button-primary-color-hover);
1908
1942
  --border: var(--hop-Button-primary-border-hover);
1909
1943
  }
1910
- .Button-module__hop-Button--primary___hkH0I[data-pressed] {
1944
+ .Button-module__hop-Button--primary___aX9Xf[data-pressed] {
1911
1945
  --background-color: var(--hop-Button-primary-background-color-pressed);
1912
1946
  --color: var(--hop-Button-primary-color-pressed);
1913
1947
  --border: var(--hop-Button-primary-border-pressed);
1914
1948
  }
1915
- .Button-module__hop-Button--secondary___hSZYE {
1949
+ .Button-module__hop-Button--secondary___1I0Vr {
1916
1950
  --background-color: var(--hop-Button-secondary-background-color);
1917
1951
  --color: var(--hop-Button-secondary-color);
1918
1952
  --border: var(--hop-Button-secondary-border);
1919
1953
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1920
1954
  }
1921
- .Button-module__hop-Button--secondary___hSZYE[data-hovered],
1922
- .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
1955
+ .Button-module__hop-Button--secondary___1I0Vr[data-hovered],
1956
+ .Button-module__hop-Button--secondary___1I0Vr[data-focus-visible] {
1923
1957
  --background-color: var(--hop-Button-secondary-background-color-hover);
1924
1958
  --color: var(--hop-Button-secondary-color-hover);
1925
1959
  --border: var(--hop-Button-secondary-border-hover);
1926
1960
  }
1927
- .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
1961
+ .Button-module__hop-Button--secondary___1I0Vr[data-pressed] {
1928
1962
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1929
1963
  --color: var(--hop-Button-secondary-color-pressed);
1930
1964
  --border: var(--hop-Button-secondary-border-pressed);
1931
1965
  }
1932
- .Button-module__hop-Button--upsell___9z1o- {
1966
+ .Button-module__hop-Button--upsell___NvVOn {
1933
1967
  --background-color: var(--hop-Button-upsell-background-color);
1934
1968
  --color: var(--hop-Button-upsell-color);
1935
1969
  --border: var(--hop-Button-upsell-border);
1936
1970
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1937
1971
  }
1938
- .Button-module__hop-Button--upsell___9z1o-[data-hovered],
1939
- .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
1972
+ .Button-module__hop-Button--upsell___NvVOn[data-hovered],
1973
+ .Button-module__hop-Button--upsell___NvVOn[data-focus-visible] {
1940
1974
  --background-color: var(--hop-Button-upsell-background-color-hover);
1941
1975
  --color: var(--hop-Button-upsell-color-hover);
1942
1976
  --border: var(--hop-Button-upsell-border-hover);
1943
1977
  }
1944
- .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
1978
+ .Button-module__hop-Button--upsell___NvVOn[data-pressed] {
1945
1979
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1946
1980
  --color: var(--hop-Button-upsell-color-pressed);
1947
1981
  --border: var(--hop-Button-upsell-border-pressed);
1948
1982
  }
1949
- .Button-module__hop-Button--danger___KbLep {
1983
+ .Button-module__hop-Button--danger___YkZ1u {
1950
1984
  --background-color: var(--hop-Button-danger-background-color);
1951
1985
  --color: var(--hop-Button-danger-color);
1952
1986
  --border: var(--hop-Button-danger-border);
1953
1987
  --spinner-color: var(--hop-Button-danger-spinner-color);
1954
1988
  }
1955
- .Button-module__hop-Button--danger___KbLep[data-hovered],
1956
- .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
1989
+ .Button-module__hop-Button--danger___YkZ1u[data-hovered],
1990
+ .Button-module__hop-Button--danger___YkZ1u[data-focus-visible] {
1957
1991
  --background-color: var(--hop-Button-danger-background-color-hover);
1958
1992
  --color: var(--hop-Button-danger-color-hover);
1959
1993
  --border: var(--hop-Button-danger-border-hover);
1960
1994
  }
1961
- .Button-module__hop-Button--danger___KbLep[data-pressed] {
1995
+ .Button-module__hop-Button--danger___YkZ1u[data-pressed] {
1962
1996
  --background-color: var(--hop-Button-danger-background-color-pressed);
1963
1997
  --color: var(--hop-Button-danger-color-pressed);
1964
1998
  --border: var(--hop-Button-danger-border-pressed);
1965
1999
  }
1966
- .Button-module__hop-Button--ghost-primary___8jSf1 {
2000
+ .Button-module__hop-Button--ghost-primary___RJdkS {
1967
2001
  --background-color: var(--hop-Button-ghost-primary-background-color);
1968
2002
  --color: var(--hop-Button-ghost-primary-color);
1969
2003
  --border: var(--hop-Button-ghost-primary-border);
1970
2004
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1971
2005
  }
1972
- .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
1973
- .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
2006
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-hovered],
2007
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-focus-visible] {
1974
2008
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1975
2009
  --color: var(--hop-Button-ghost-primary-color-hover);
1976
2010
  --border: var(--hop-Button-ghost-primary-border-hover);
1977
2011
  --text-underline: underline;
1978
2012
  }
1979
- .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
2013
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-pressed] {
1980
2014
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1981
2015
  --color: var(--hop-Button-ghost-primary-color-pressed);
1982
2016
  --border: var(--hop-Button-ghost-primary-border-pressed);
1983
2017
  --text-underline: underline;
1984
2018
  }
1985
- .Button-module__hop-Button--ghost-secondary___TRM6h {
2019
+ .Button-module__hop-Button--ghost-secondary___1NLPo {
1986
2020
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1987
2021
  --color: var(--hop-Button-ghost-secondary-color);
1988
2022
  --border: var(--hop-Button-ghost-secondary-border);
1989
2023
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1990
2024
  }
1991
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
1992
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
2025
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-hovered],
2026
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-focus-visible] {
1993
2027
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1994
2028
  --color: var(--hop-Button-ghost-secondary-color-hover);
1995
2029
  --border: var(--hop-Button-ghost-secondary-border-hover);
1996
2030
  --text-underline: underline;
1997
2031
  }
1998
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
2032
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-pressed] {
1999
2033
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2000
2034
  --color: var(--hop-Button-ghost-secondary-color-pressed);
2001
2035
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2002
2036
  --text-underline: underline;
2003
2037
  }
2004
- .Button-module__hop-Button--ghost-danger___-22ky {
2038
+ .Button-module__hop-Button--ghost-danger___mDGly {
2005
2039
  --background-color: var(--hop-Button-ghost-danger-background-color);
2006
2040
  --color: var(--hop-Button-ghost-danger-color);
2007
2041
  --border: var(--hop-Button-ghost-danger-border);
2008
2042
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2009
2043
  }
2010
- .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
2011
- .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
2044
+ .Button-module__hop-Button--ghost-danger___mDGly[data-hovered],
2045
+ .Button-module__hop-Button--ghost-danger___mDGly[data-focus-visible] {
2012
2046
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2013
2047
  --color: var(--hop-Button-ghost-danger-color-hover);
2014
2048
  --border: var(--hop-Button-ghost-danger-border-hover);
2015
2049
  --text-underline: underline;
2016
2050
  }
2017
- .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
2051
+ .Button-module__hop-Button--ghost-danger___mDGly[data-pressed] {
2018
2052
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2019
2053
  --color: var(--hop-Button-ghost-danger-color-pressed);
2020
2054
  --border: var(--hop-Button-ghost-danger-border-pressed);
2021
2055
  --text-underline: underline;
2022
2056
  }
2023
- .Button-module__hop-Button___8zkEy[data-focus-visible] {
2057
+ .Button-module__hop-Button___pi420[data-focus-visible] {
2024
2058
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2025
2059
  }
2026
- .Button-module__hop-Button___8zkEy[data-disabled],
2027
- .Button-module__hop-Button--loading___yOWuT {
2060
+ .Button-module__hop-Button___pi420[data-disabled],
2061
+ .Button-module__hop-Button--loading___as6iI {
2028
2062
  cursor: not-allowed;
2029
2063
  }
2030
- .Button-module__hop-Button___8zkEy[data-disabled] {
2064
+ .Button-module__hop-Button___pi420[data-disabled] {
2031
2065
  --background-color: var(--hop-Button-background-color-disabled);
2032
2066
  --color: var(--hop-Button-color-disabled);
2033
2067
  --border: var(--hop-Button-border-disabled);
2034
2068
  }
2035
- .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
2069
+ .Button-module__hop-Button___pi420[class*=--ghost][data-disabled] {
2036
2070
  --background-color: var(--hop-Button-ghost-background-color-disabled);
2037
2071
  --color: var(--hop-Button-ghost-color-disabled);
2038
2072
  --border: var(--hop-Button-ghost-border-disabled);
2039
2073
  }
2040
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
2074
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--primary___aX9Xf {
2041
2075
  --background-color: var(--hop-Button-primary-background-color);
2042
2076
  --color: var(--hop-Button-primary-color);
2043
2077
  --border: var(--hop-Button-primary-border);
2044
2078
  }
2045
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
2079
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--secondary___1I0Vr {
2046
2080
  --background-color: var(--hop-Button-secondary-background-color);
2047
2081
  --color: var(--hop-Button-secondary-color);
2048
2082
  --border: var(--hop-Button-secondary-border);
2049
2083
  }
2050
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
2084
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--upsell___NvVOn {
2051
2085
  --background-color: var(--hop-Button-upsell-background-color);
2052
2086
  --color: var(--hop-Button-upsell-color);
2053
2087
  --border: var(--hop-Button-upsell-border);
2054
2088
  }
2055
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
2089
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--danger___YkZ1u {
2056
2090
  --background-color: var(--hop-Button-danger-background-color);
2057
2091
  --color: var(--hop-Button-danger-color);
2058
2092
  --border: var(--hop-Button-danger-border);
2059
2093
  }
2060
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
2094
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-primary___RJdkS {
2061
2095
  --background-color: var(--hop-Button-ghost-primary-background-color);
2062
2096
  --color: var(--hop-Button-ghost-primary-color);
2063
2097
  --border: var(--hop-Button-ghost-primary-border);
2064
2098
  --text-underline: none;
2065
2099
  }
2066
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
2100
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-secondary___1NLPo {
2067
2101
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2068
2102
  --color: var(--hop-Button-ghost-secondary-color);
2069
2103
  --border: var(--hop-Button-ghost-secondary-border);
2070
2104
  --text-underline: none;
2071
2105
  }
2072
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
2106
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-danger___mDGly {
2073
2107
  --background-color: var(--hop-Button-ghost-danger-background-color);
2074
2108
  --color: var(--hop-Button-ghost-danger-color);
2075
2109
  --border: var(--hop-Button-ghost-danger-border);
2076
2110
  --text-underline: none;
2077
2111
  }
2078
- .Button-module__hop-Button__Spinner___F4Img {
2112
+ .Button-module__hop-Button__Spinner___CYr30 {
2079
2113
  position: absolute;
2080
2114
  color: var(--spinner-color);
2081
2115
  }
2082
- .Button-module__hop-Button__icon___9WDgY,
2083
- .Button-module__hop-Button__icon-list___hcP-v {
2116
+ .Button-module__hop-Button__icon___T9Jgx,
2117
+ .Button-module__hop-Button__icon-list___ED0mS {
2084
2118
  flex: 0 0 auto;
2085
2119
  justify-self: end;
2086
2120
  order: 1;
2087
2121
  }
2088
- .Button-module__hop-Button__text___o1TcA {
2122
+ .Button-module__hop-Button__text___K8N7h {
2089
2123
  user-select: none;
2090
2124
  overflow: visible;
2091
2125
  flex: 0 1 auto;
@@ -2095,165 +2129,160 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2095
2129
  text-underline-offset: 0.125rem;
2096
2130
  text-wrap: nowrap;
2097
2131
  }
2098
- .Button-module__hop-Button__end-icon___6QGCl,
2099
- .Button-module__hop-Button__end-icon-list___iZhOt {
2132
+ .Button-module__hop-Button__end-icon___2motE,
2133
+ .Button-module__hop-Button__end-icon-list___IoU7E {
2100
2134
  flex: 0 0 auto;
2101
2135
  order: 3;
2102
2136
  }
2103
- .Button-module__hop-Button___8zkEy .Button-module__hop-Button__icon-list___hcP-v,
2104
- .Button-module__hop-Button___8zkEy .Button-module__hop-Button__end-icon-list___iZhOt {
2137
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__icon-list___ED0mS,
2138
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__end-icon-list___IoU7E {
2105
2139
  flex-wrap: nowrap;
2106
2140
  }
2107
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
2141
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button___pi420 > *:not(.Button-module__hop-Button__Spinner___CYr30) {
2108
2142
  opacity: 0;
2109
2143
  }
2110
- .LinkButton-module__hop-LinkButton___2nN8n {
2144
+ .LinkButton-module__hop-LinkButton___skVCT {
2145
+ }
2146
+ .LinkButton-module__hop-LinkButton--fluid___VP5it {
2111
2147
  }
2112
- .LinkButton-module__hop-LinkButton--fluid___49oZv {
2148
+ .LinkButton-module__hop-LinkButton--xs___zsETy {
2113
2149
  }
2114
- .LinkButton-module__hop-LinkButton--sm___9b02I {
2150
+ .LinkButton-module__hop-LinkButton--sm___TDcQJ {
2115
2151
  }
2116
- .LinkButton-module__hop-LinkButton--icon-only___7vpiv {
2152
+ .LinkButton-module__hop-LinkButton--icon-only___9lqJc {
2117
2153
  }
2118
- .LinkButton-module__hop-LinkButton--primary___J8UqT {
2154
+ .LinkButton-module__hop-LinkButton--primary___47-As {
2119
2155
  }
2120
- .LinkButton-module__hop-LinkButton--secondary___MiSOP {
2156
+ .LinkButton-module__hop-LinkButton--secondary___5NiJD {
2121
2157
  }
2122
- .LinkButton-module__hop-LinkButton--upsell___2nJG1 {
2158
+ .LinkButton-module__hop-LinkButton--upsell___LcJ0o {
2123
2159
  }
2124
- .LinkButton-module__hop-LinkButton--danger___To7Pv {
2160
+ .LinkButton-module__hop-LinkButton--danger___Dq8t4 {
2125
2161
  }
2126
- .LinkButton-module__hop-LinkButton--ghost-primary___oEPTJ {
2162
+ .LinkButton-module__hop-LinkButton--ghost-primary___NJavy {
2127
2163
  }
2128
- .LinkButton-module__hop-LinkButton--ghost-secondary___51Xbb {
2164
+ .LinkButton-module__hop-LinkButton--ghost-secondary___kfKx9 {
2129
2165
  }
2130
- .LinkButton-module__hop-LinkButton--ghost-danger___Dc7L- {
2166
+ .LinkButton-module__hop-LinkButton--ghost-danger___odoUk {
2131
2167
  }
2132
- .LinkButton-module__hop-LinkButton__Spinner___uQrb2 {
2168
+ .LinkButton-module__hop-LinkButton__Spinner___yWQzo {
2133
2169
  }
2134
- .LinkButton-module__hop-LinkButton__icon___9z8lE,
2135
- .LinkButton-module__hop-LinkButton__icon-list___TVvwm {
2170
+ .LinkButton-module__hop-LinkButton__icon___r8W5q,
2171
+ .LinkButton-module__hop-LinkButton__icon-list___773jD {
2136
2172
  }
2137
- .LinkButton-module__hop-LinkButton__text___gbj3a {
2173
+ .LinkButton-module__hop-LinkButton__text___6S9V5 {
2138
2174
  }
2139
- .LinkButton-module__hop-LinkButton__end-icon___JTQT7,
2140
- .LinkButton-module__hop-LinkButton__end-icon-list___PtivQ {
2175
+ .LinkButton-module__hop-LinkButton__end-icon___4tund,
2176
+ .LinkButton-module__hop-LinkButton__end-icon-list___anwAN {
2141
2177
  }
2142
- .LinkButton-module__hop-LinkButton___2nN8n .LinkButton-module__hop-LinkButton__icon-list___TVvwm,
2143
- .LinkButton-module__hop-LinkButton___2nN8n .LinkButton-module__hop-LinkButton__end-icon-list___PtivQ {
2178
+ .LinkButton-module__hop-LinkButton___skVCT .LinkButton-module__hop-LinkButton__icon-list___773jD,
2179
+ .LinkButton-module__hop-LinkButton___skVCT .LinkButton-module__hop-LinkButton__end-icon-list___anwAN {
2144
2180
  flex-wrap: nowrap;
2145
2181
  }
2146
2182
 
2147
2183
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
2148
- .ToggleButton-module__hop-ToggleButton___cQggT {
2149
- --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
2150
- --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
2151
- --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
2152
- --hop-ToggleButton-icon-only-column-gap: 0;
2153
- --hop-ToggleButton-outline-size: var(--hop-space-20);
2154
- --hop-ToggleButton-border-size: var(--hop-space-10);
2155
- --hop-ToggleButton-text-underline-offset: var(--hop-space-20);
2156
- --hop-ToggleButton-icon-only-padding: 0;
2157
- --hop-ToggleButton-sm-height: 2rem;
2158
- --hop-ToggleButton-md-height: 2.5rem;
2159
- --hop-ToggleButton-sm-padding: 0 var(--hop-space-inset-md);
2160
- --hop-ToggleButton-md-padding: 0 var(--hop-space-inset-md);
2161
- --hop-ToggleButton-color-disabled: var(--hop-neutral-text-disabled);
2162
- --hop-ToggleButton-background-color-disabled: var(--hop-neutral-surface-disabled);
2163
- --hop-ToggleButton-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-background-color-disabled);
2164
- --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
2165
- --hop-ToggleButton-primary-color-hover: var(--hop-primary-text-strong-hover);
2166
- --hop-ToggleButton-primary-color-pressed: var(--hop-primary-text-strong);
2167
- --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
2168
- --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
2169
- --hop-ToggleButton-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
2170
- --hop-ToggleButton-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
2171
- --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
2172
- --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
2173
- --hop-ToggleButton-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-hover);
2174
- --hop-ToggleButton-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-pressed);
2175
- --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
2176
- --hop-ToggleButton-primary-spinner-color: var(--hop-primary-icon-strong);
2177
- --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
2178
- --hop-ToggleButton-secondary-color-hover: var(--hop-neutral-text-hover);
2179
- --hop-ToggleButton-secondary-color-pressed: var(--hop-neutral-text-press);
2180
- --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
2181
- --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
2182
- --hop-ToggleButton-secondary-background-color-hover: var(--hop-neutral-surface-hover);
2183
- --hop-ToggleButton-secondary-background-color-pressed: var(--hop-neutral-surface-press);
2184
- --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
2185
- --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2186
- --hop-ToggleButton-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong-hover);
2187
- --hop-ToggleButton-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2188
- --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
2189
- --hop-ToggleButton-secondary-spinner-color: var(--hop-neutral-icon);
2190
- --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
2191
- --hop-ToggleButton-upsell-color-hover: var(--hop-upsell-text-hover);
2192
- --hop-ToggleButton-upsell-color-pressed: var(--hop-upsell-text-press);
2193
- --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
2194
- --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
2195
- --hop-ToggleButton-upsell-background-color-hover: var(--hop-upsell-surface-hover);
2196
- --hop-ToggleButton-upsell-background-color-pressed: var(--hop-upsell-surface-press);
2197
- --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
2198
- --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
2199
- --hop-ToggleButton-upsell-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-hover);
2200
- --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
2201
- --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
2202
- --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
2203
- --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
2204
- --hop-ToggleButton-danger-color-hover: var(--hop-danger-text-strong-hover);
2205
- --hop-ToggleButton-danger-color-pressed: var(--hop-danger-text-strong-hover);
2206
- --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
2207
- --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
2208
- --hop-ToggleButton-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
2209
- --hop-ToggleButton-danger-background-color-pressed: var(--hop-danger-surface-press);
2210
- --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
2211
- --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
2212
- --hop-ToggleButton-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-hover);
2213
- --hop-ToggleButton-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-pressed);
2214
- --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
2215
- --hop-ToggleButton-danger-spinner-color: var(--hop-primary-icon-strong);
2216
- --hop-ToggleButton-ghost-color-disabled: var(--hop-neutral-text-disabled);
2217
- --hop-ToggleButton-ghost-background-color-disabled: transparent;
2218
- --hop-ToggleButton-ghost-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-background-color-disabled);
2219
- --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
2220
- --hop-ToggleButton-ghost-primary-color-hover: var(--hop-primary-text-hover);
2221
- --hop-ToggleButton-ghost-primary-color-pressed: var(--hop-primary-text-press);
2222
- --hop-ToggleButton-ghost-primary-background-color: transparent;
2223
- --hop-ToggleButton-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
2224
- --hop-ToggleButton-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
2225
- --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
2226
- --hop-ToggleButton-ghost-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-hover);
2227
- --hop-ToggleButton-ghost-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-pressed);
2228
- --hop-ToggleButton-ghost-primary-spinner-color: var(--hop-neutral-icon);
2229
- --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
2230
- --hop-ToggleButton-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
2231
- --hop-ToggleButton-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
2232
- --hop-ToggleButton-ghost-secondary-background-color: transparent;
2233
- --hop-ToggleButton-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
2234
- --hop-ToggleButton-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
2235
- --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
2236
- --hop-ToggleButton-ghost-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-hover);
2237
- --hop-ToggleButton-ghost-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
2238
- --hop-ToggleButton-ghost-secondary-spinner-color: var(--hop-neutral-icon);
2239
- --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
2240
- --hop-ToggleButton-ghost-danger-color-hover: var(--hop-danger-text-hover);
2241
- --hop-ToggleButton-ghost-danger-color-pressed: var(--hop-danger-text-press);
2242
- --hop-ToggleButton-ghost-danger-background-color: transparent;
2243
- --hop-ToggleButton-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
2244
- --hop-ToggleButton-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
2245
- --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
2246
- --hop-ToggleButton-ghost-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-hover);
2247
- --hop-ToggleButton-ghost-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-pressed);
2248
- --hop-ToggleButton-ghost-danger-spinner-color: var(--hop-neutral-icon);
2184
+ .Button-module__hop-Button___pi420 {
2185
+ --hop-Button-border-radius: var(--hop-shape-rounded-md);
2186
+ --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
2187
+ --hop-Button-column-gap: var(--hop-space-inline-xs);
2188
+ --hop-Button-icon-only-column-gap: 0;
2189
+ --hop-Button-outline-size: var(--hop-space-20);
2190
+ --hop-Button-border-size: var(--hop-space-10);
2191
+ --hop-Button-text-underline-offset: var(--hop-space-20);
2192
+ --hop-Button-icon-only-padding: 0;
2193
+ --hop-Button-xs-height: 1.5rem;
2194
+ --hop-Button-sm-height: 2rem;
2195
+ --hop-Button-md-height: 2.5rem;
2196
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
2197
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
2198
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
2199
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
2200
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
2201
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
2202
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
2203
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
2204
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
2205
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
2206
+ --hop-Button-ghost-background-color-disabled: transparent;
2207
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
2208
+ --hop-Button-primary-color: var(--hop-primary-text-strong);
2209
+ --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
2210
+ --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
2211
+ --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
2212
+ --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
2213
+ --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
2214
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
2215
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
2216
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
2217
+ --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
2218
+ --hop-Button-secondary-color: var(--hop-neutral-text);
2219
+ --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
2220
+ --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
2221
+ --hop-Button-secondary-background-color: var(--hop-neutral-surface);
2222
+ --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
2223
+ --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
2224
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
2225
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
2226
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
2227
+ --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
2228
+ --hop-Button-upsell-color: var(--hop-upsell-text);
2229
+ --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
2230
+ --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
2231
+ --hop-Button-upsell-background-color: var(--hop-upsell-surface);
2232
+ --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
2233
+ --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
2234
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
2235
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
2236
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
2237
+ --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
2238
+ --hop-Button-danger-color: var(--hop-danger-text-strong);
2239
+ --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
2240
+ --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
2241
+ --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
2242
+ --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
2243
+ --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
2244
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
2245
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
2246
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
2247
+ --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
2248
+ --hop-Button-ghost-primary-color: var(--hop-primary-text);
2249
+ --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
2250
+ --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
2251
+ --hop-Button-ghost-primary-background-color: transparent;
2252
+ --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
2253
+ --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
2254
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
2255
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
2256
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
2257
+ --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
2258
+ --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
2259
+ --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
2260
+ --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
2261
+ --hop-Button-ghost-secondary-background-color: transparent;
2262
+ --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
2263
+ --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
2264
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
2265
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
2266
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
2267
+ --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
2268
+ --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
2269
+ --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
2270
+ --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
2271
+ --hop-Button-ghost-danger-background-color: transparent;
2272
+ --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
2273
+ --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
2274
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
2275
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
2276
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
2277
+ --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
2249
2278
  --inline-size: max-content;
2250
- --block-size: var(--hop-ToggleButton-md-height);
2279
+ --block-size: var(--hop-Button-md-height);
2251
2280
  --background-color: var(--hop-primary-surface-strong);
2252
2281
  --color: var(--hop-primary-text-strong);
2253
- --column-gap: var(--hop-ToggleButton-column-gap);
2282
+ --column-gap: var(--hop-Button-column-gap);
2254
2283
  --spinner: var(--hop-primary-icon-strong);
2255
2284
  --border: 0;
2256
- --padding: var(--hop-ToggleButton-md-padding);
2285
+ --padding: var(--hop-Button-md-padding);
2257
2286
  --text-underline: none;
2258
2287
  cursor: pointer;
2259
2288
  position: relative;
@@ -2271,229 +2300,230 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2271
2300
  white-space: nowrap;
2272
2301
  background-color: var(--background-color);
2273
2302
  border: var(--border);
2274
- border-radius: var(--hop-ToggleButton-border-radius);
2303
+ border-radius: var(--hop-Button-border-radius);
2275
2304
  outline: none;
2276
- outline-offset: var(--hop-ToggleButton-outline-size);
2305
+ outline-offset: var(--hop-Button-outline-size);
2277
2306
  transition:
2278
2307
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
2279
2308
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
2280
2309
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
2281
2310
  }
2282
- .ToggleButton-module__hop-ToggleButton--fluid___rl9FX {
2311
+ .Button-module__hop-Button--fluid___Ool8- {
2283
2312
  --inline-size: 100%;
2284
2313
  }
2285
- .ToggleButton-module__hop-ToggleButton--sm___-x-OZ {
2286
- --block-size: var(--hop-ToggleButton-sm-height);
2287
- --padding: var(--hop-ToggleButton-sm-padding);
2314
+ .Button-module__hop-Button--xs___-XuKf {
2315
+ --block-size: var(--hop-Button-xs-height);
2316
+ --padding: var(--hop-Button-xs-padding);
2288
2317
  }
2289
- .ToggleButton-module__hop-ToggleButton--icon-only___W2v-S {
2290
- --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
2291
- --padding: var(--hop-ToggleButton-icon-only-padding);
2292
- aspect-ratio: 1;
2318
+ .Button-module__hop-Button--xs___-XuKf[class*=--ghost] {
2319
+ --padding: var(--hop-Button-ghost-xs-padding);
2293
2320
  }
2294
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf {
2295
- --background-color: var(--hop-ToggleButton-primary-background-color);
2296
- --color: var(--hop-ToggleButton-primary-color);
2297
- --border: var(--hop-ToggleButton-primary-border);
2298
- --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
2321
+ .Button-module__hop-Button--sm___-RNK5 {
2322
+ --block-size: var(--hop-Button-sm-height);
2323
+ --padding: var(--hop-Button-sm-padding);
2299
2324
  }
2300
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-hovered],
2301
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-focus-visible] {
2302
- --background-color: var(--hop-ToggleButton-primary-background-color-hover);
2303
- --color: var(--hop-ToggleButton-primary-color-hover);
2304
- --border: var(--hop-ToggleButton-primary-border-hover);
2325
+ .Button-module__hop-Button--sm___-RNK5[class*=--ghost] {
2326
+ --padding: var(--hop-Button-ghost-sm-padding);
2305
2327
  }
2306
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-pressed] {
2307
- --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
2308
- --color: var(--hop-ToggleButton-primary-color-pressed);
2309
- --border: var(--hop-ToggleButton-primary-border-pressed);
2328
+ .Button-module__hop-Button--md___4-osd[class*=--ghost] {
2329
+ --padding: var(--hop-Button-ghost-md-padding);
2310
2330
  }
2311
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-selected] {
2312
- --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2313
- --color: var(--hop-ToggleButton-primary-color-selected);
2314
- --border: var(--hop-ToggleButton-primary-border-selected);
2331
+ .Button-module__hop-Button--icon-only___OzV1R {
2332
+ --column-gap: var(--hop-Button-icon-only-column-gap);
2333
+ --padding: var(--hop-Button-icon-only-padding);
2334
+ aspect-ratio: 1;
2315
2335
  }
2316
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S {
2317
- --background-color: var(--hop-ToggleButton-secondary-background-color);
2318
- --color: var(--hop-ToggleButton-secondary-color);
2319
- --border: var(--hop-ToggleButton-secondary-border);
2320
- --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
2336
+ .Button-module__hop-Button--primary___aX9Xf {
2337
+ --background-color: var(--hop-Button-primary-background-color);
2338
+ --color: var(--hop-Button-primary-color);
2339
+ --border: var(--hop-Button-primary-border);
2340
+ --spinner-color: var(--hop-Button-primary-spinner-color);
2321
2341
  }
2322
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-hovered],
2323
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-focus-visible] {
2324
- --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
2325
- --color: var(--hop-ToggleButton-secondary-color-hover);
2326
- --border: var(--hop-ToggleButton-secondary-border-hover);
2342
+ .Button-module__hop-Button--primary___aX9Xf[data-hovered],
2343
+ .Button-module__hop-Button--primary___aX9Xf[data-focus-visible] {
2344
+ --background-color: var(--hop-Button-primary-background-color-hover);
2345
+ --color: var(--hop-Button-primary-color-hover);
2346
+ --border: var(--hop-Button-primary-border-hover);
2327
2347
  }
2328
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-pressed] {
2329
- --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
2330
- --color: var(--hop-ToggleButton-secondary-color-pressed);
2331
- --border: var(--hop-ToggleButton-secondary-border-pressed);
2348
+ .Button-module__hop-Button--primary___aX9Xf[data-pressed] {
2349
+ --background-color: var(--hop-Button-primary-background-color-pressed);
2350
+ --color: var(--hop-Button-primary-color-pressed);
2351
+ --border: var(--hop-Button-primary-border-pressed);
2332
2352
  }
2333
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-selected] {
2334
- --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2335
- --color: var(--hop-ToggleButton-secondary-color-selected);
2336
- --border: var(--hop-ToggleButton-secondary-border-selected);
2353
+ .Button-module__hop-Button--secondary___1I0Vr {
2354
+ --background-color: var(--hop-Button-secondary-background-color);
2355
+ --color: var(--hop-Button-secondary-color);
2356
+ --border: var(--hop-Button-secondary-border);
2357
+ --spinner-color: var(--hop-Button-secondary-spinner-color);
2337
2358
  }
2338
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT {
2339
- --background-color: var(--hop-ToggleButton-upsell-background-color);
2340
- --color: var(--hop-ToggleButton-upsell-color);
2341
- --border: var(--hop-ToggleButton-upsell-border);
2342
- --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
2359
+ .Button-module__hop-Button--secondary___1I0Vr[data-hovered],
2360
+ .Button-module__hop-Button--secondary___1I0Vr[data-focus-visible] {
2361
+ --background-color: var(--hop-Button-secondary-background-color-hover);
2362
+ --color: var(--hop-Button-secondary-color-hover);
2363
+ --border: var(--hop-Button-secondary-border-hover);
2343
2364
  }
2344
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-hovered],
2345
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-focus-visible] {
2346
- --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
2347
- --color: var(--hop-ToggleButton-upsell-color-hover);
2348
- --border: var(--hop-ToggleButton-upsell-border-hover);
2365
+ .Button-module__hop-Button--secondary___1I0Vr[data-pressed] {
2366
+ --background-color: var(--hop-Button-secondary-background-color-pressed);
2367
+ --color: var(--hop-Button-secondary-color-pressed);
2368
+ --border: var(--hop-Button-secondary-border-pressed);
2349
2369
  }
2350
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-pressed] {
2351
- --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
2352
- --color: var(--hop-ToggleButton-upsell-color-pressed);
2353
- --border: var(--hop-ToggleButton-upsell-border-pressed);
2370
+ .Button-module__hop-Button--upsell___NvVOn {
2371
+ --background-color: var(--hop-Button-upsell-background-color);
2372
+ --color: var(--hop-Button-upsell-color);
2373
+ --border: var(--hop-Button-upsell-border);
2374
+ --spinner-color: var(--hop-Button-upsell-spinner-color);
2354
2375
  }
2355
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-selected] {
2356
- --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2357
- --color: var(--hop-ToggleButton-upsell-color-selected);
2358
- --border: var(--hop-ToggleButton-upsell-border-selected);
2376
+ .Button-module__hop-Button--upsell___NvVOn[data-hovered],
2377
+ .Button-module__hop-Button--upsell___NvVOn[data-focus-visible] {
2378
+ --background-color: var(--hop-Button-upsell-background-color-hover);
2379
+ --color: var(--hop-Button-upsell-color-hover);
2380
+ --border: var(--hop-Button-upsell-border-hover);
2359
2381
  }
2360
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7 {
2361
- --background-color: var(--hop-ToggleButton-danger-background-color);
2362
- --color: var(--hop-ToggleButton-danger-color);
2363
- --border: var(--hop-ToggleButton-danger-border);
2364
- --spinner-color: var(--hop-ToggleButton-danger-spinner-color);
2382
+ .Button-module__hop-Button--upsell___NvVOn[data-pressed] {
2383
+ --background-color: var(--hop-Button-upsell-background-color-pressed);
2384
+ --color: var(--hop-Button-upsell-color-pressed);
2385
+ --border: var(--hop-Button-upsell-border-pressed);
2365
2386
  }
2366
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-hovered],
2367
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-focus-visible] {
2368
- --background-color: var(--hop-ToggleButton-danger-background-color-hover);
2369
- --color: var(--hop-ToggleButton-danger-color-hover);
2370
- --border: var(--hop-ToggleButton-danger-border-hover);
2387
+ .Button-module__hop-Button--danger___YkZ1u {
2388
+ --background-color: var(--hop-Button-danger-background-color);
2389
+ --color: var(--hop-Button-danger-color);
2390
+ --border: var(--hop-Button-danger-border);
2391
+ --spinner-color: var(--hop-Button-danger-spinner-color);
2371
2392
  }
2372
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-pressed] {
2373
- --background-color: var(--hop-ToggleButton-danger-background-color-pressed);
2374
- --color: var(--hop-ToggleButton-danger-color-pressed);
2375
- --border: var(--hop-ToggleButton-danger-border-pressed);
2393
+ .Button-module__hop-Button--danger___YkZ1u[data-hovered],
2394
+ .Button-module__hop-Button--danger___YkZ1u[data-focus-visible] {
2395
+ --background-color: var(--hop-Button-danger-background-color-hover);
2396
+ --color: var(--hop-Button-danger-color-hover);
2397
+ --border: var(--hop-Button-danger-border-hover);
2376
2398
  }
2377
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-selected] {
2378
- --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2379
- --color: var(--hop-ToggleButton-danger-color-selected);
2380
- --border: var(--hop-ToggleButton-danger-border-selected);
2399
+ .Button-module__hop-Button--danger___YkZ1u[data-pressed] {
2400
+ --background-color: var(--hop-Button-danger-background-color-pressed);
2401
+ --color: var(--hop-Button-danger-color-pressed);
2402
+ --border: var(--hop-Button-danger-border-pressed);
2381
2403
  }
2382
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u {
2383
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2384
- --color: var(--hop-ToggleButton-ghost-primary-color);
2385
- --border: var(--hop-ToggleButton-ghost-primary-border);
2386
- --spinner-color: var(--hop-ToggleButton-ghost-primary-spinner-color);
2404
+ .Button-module__hop-Button--ghost-primary___RJdkS {
2405
+ --background-color: var(--hop-Button-ghost-primary-background-color);
2406
+ --color: var(--hop-Button-ghost-primary-color);
2407
+ --border: var(--hop-Button-ghost-primary-border);
2408
+ --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
2387
2409
  }
2388
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-hovered],
2389
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-focus-visible] {
2390
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color-hover);
2391
- --color: var(--hop-ToggleButton-ghost-primary-color-hover);
2392
- --border: var(--hop-ToggleButton-ghost-primary-border-hover);
2410
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-hovered],
2411
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-focus-visible] {
2412
+ --background-color: var(--hop-Button-ghost-primary-background-color-hover);
2413
+ --color: var(--hop-Button-ghost-primary-color-hover);
2414
+ --border: var(--hop-Button-ghost-primary-border-hover);
2393
2415
  --text-underline: underline;
2394
2416
  }
2395
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-pressed],
2396
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-selected] {
2397
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color-pressed);
2398
- --color: var(--hop-ToggleButton-ghost-primary-color-pressed);
2399
- --border: var(--hop-ToggleButton-ghost-primary-border-pressed);
2400
- }
2401
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-pressed] {
2417
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-pressed] {
2418
+ --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
2419
+ --color: var(--hop-Button-ghost-primary-color-pressed);
2420
+ --border: var(--hop-Button-ghost-primary-border-pressed);
2402
2421
  --text-underline: underline;
2403
2422
  }
2404
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d {
2405
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2406
- --color: var(--hop-ToggleButton-ghost-secondary-color);
2407
- --border: var(--hop-ToggleButton-ghost-secondary-border);
2408
- --spinner-color: var(--hop-ToggleButton-ghost-secondary-spinner-color);
2423
+ .Button-module__hop-Button--ghost-secondary___1NLPo {
2424
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
2425
+ --color: var(--hop-Button-ghost-secondary-color);
2426
+ --border: var(--hop-Button-ghost-secondary-border);
2427
+ --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2409
2428
  }
2410
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-hovered],
2411
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-focus-visible] {
2412
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-hover);
2413
- --color: var(--hop-ToggleButton-ghost-secondary-color-hover);
2414
- --border: var(--hop-ToggleButton-ghost-secondary-border-hover);
2429
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-hovered],
2430
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-focus-visible] {
2431
+ --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
2432
+ --color: var(--hop-Button-ghost-secondary-color-hover);
2433
+ --border: var(--hop-Button-ghost-secondary-border-hover);
2415
2434
  --text-underline: underline;
2416
2435
  }
2417
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-pressed],
2418
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-selected] {
2419
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
2420
- --color: var(--hop-ToggleButton-ghost-secondary-color-pressed);
2421
- --border: var(--hop-ToggleButton-ghost-secondary-border-pressed);
2422
- }
2423
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-pressed] {
2436
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-pressed] {
2437
+ --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2438
+ --color: var(--hop-Button-ghost-secondary-color-pressed);
2439
+ --border: var(--hop-Button-ghost-secondary-border-pressed);
2424
2440
  --text-underline: underline;
2425
2441
  }
2426
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8 {
2427
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2428
- --color: var(--hop-ToggleButton-ghost-danger-color);
2429
- --border: var(--hop-ToggleButton-ghost-danger-border);
2430
- --spinner-color: var(--hop-ToggleButton-ghost-danger-spinner-color);
2442
+ .Button-module__hop-Button--ghost-danger___mDGly {
2443
+ --background-color: var(--hop-Button-ghost-danger-background-color);
2444
+ --color: var(--hop-Button-ghost-danger-color);
2445
+ --border: var(--hop-Button-ghost-danger-border);
2446
+ --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2431
2447
  }
2432
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-hovered],
2433
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-focus-visible] {
2434
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color-hover);
2435
- --color: var(--hop-ToggleButton-ghost-danger-color-hover);
2436
- --border: var(--hop-ToggleButton-ghost-danger-border-hover);
2448
+ .Button-module__hop-Button--ghost-danger___mDGly[data-hovered],
2449
+ .Button-module__hop-Button--ghost-danger___mDGly[data-focus-visible] {
2450
+ --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2451
+ --color: var(--hop-Button-ghost-danger-color-hover);
2452
+ --border: var(--hop-Button-ghost-danger-border-hover);
2437
2453
  --text-underline: underline;
2438
2454
  }
2439
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-pressed],
2440
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-selected] {
2441
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color-pressed);
2442
- --color: var(--hop-ToggleButton-ghost-danger-color-pressed);
2443
- --border: var(--hop-ToggleButton-ghost-danger-border-pressed);
2444
- }
2445
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-pressed] {
2455
+ .Button-module__hop-Button--ghost-danger___mDGly[data-pressed] {
2456
+ --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2457
+ --color: var(--hop-Button-ghost-danger-color-pressed);
2458
+ --border: var(--hop-Button-ghost-danger-border-pressed);
2446
2459
  --text-underline: underline;
2447
2460
  }
2448
- .ToggleButton-module__hop-ToggleButton___cQggT[data-focus-visible] {
2449
- outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
2461
+ .Button-module__hop-Button___pi420[data-focus-visible] {
2462
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2450
2463
  }
2451
- .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled],
2452
- .ToggleButton-module__hop-ToggleButton--loading___sF-01 {
2464
+ .Button-module__hop-Button___pi420[data-disabled],
2465
+ .Button-module__hop-Button--loading___as6iI {
2453
2466
  cursor: not-allowed;
2454
2467
  }
2455
- .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled] {
2456
- --background-color: var(--hop-ToggleButton-background-color-disabled);
2457
- --color: var(--hop-ToggleButton-color-disabled);
2458
- --border: var(--hop-ToggleButton-border-disabled);
2468
+ .Button-module__hop-Button___pi420[data-disabled] {
2469
+ --background-color: var(--hop-Button-background-color-disabled);
2470
+ --color: var(--hop-Button-color-disabled);
2471
+ --border: var(--hop-Button-border-disabled);
2459
2472
  }
2460
- .ToggleButton-module__hop-ToggleButton___cQggT[class*=--ghost][data-disabled] {
2461
- --background-color: var(--hop-ToggleButton-ghost-background-color-disabled);
2462
- --color: var(--hop-ToggleButton-ghost-color-disabled);
2463
- --border: var(--hop-ToggleButton-ghost-border-disabled);
2473
+ .Button-module__hop-Button___pi420[class*=--ghost][data-disabled] {
2474
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
2475
+ --color: var(--hop-Button-ghost-color-disabled);
2476
+ --border: var(--hop-Button-ghost-border-disabled);
2464
2477
  }
2465
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--primary___-CkAf {
2466
- --background-color: var(--hop-ToggleButton-primary-background-color);
2467
- --color: var(--hop-ToggleButton-primary-color);
2468
- --border: var(--hop-ToggleButton-primary-border);
2478
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--primary___aX9Xf {
2479
+ --background-color: var(--hop-Button-primary-background-color);
2480
+ --color: var(--hop-Button-primary-color);
2481
+ --border: var(--hop-Button-primary-border);
2469
2482
  }
2470
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--secondary___pw82S {
2471
- --background-color: var(--hop-ToggleButton-secondary-background-color);
2472
- --color: var(--hop-ToggleButton-secondary-color);
2473
- --border: var(--hop-ToggleButton-secondary-border);
2483
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--secondary___1I0Vr {
2484
+ --background-color: var(--hop-Button-secondary-background-color);
2485
+ --color: var(--hop-Button-secondary-color);
2486
+ --border: var(--hop-Button-secondary-border);
2474
2487
  }
2475
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--upsell___Y7PyT {
2476
- --background-color: var(--hop-ToggleButton-upsell-background-color);
2477
- --color: var(--hop-ToggleButton-upsell-color);
2478
- --border: var(--hop-ToggleButton-upsell-border);
2488
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--upsell___NvVOn {
2489
+ --background-color: var(--hop-Button-upsell-background-color);
2490
+ --color: var(--hop-Button-upsell-color);
2491
+ --border: var(--hop-Button-upsell-border);
2479
2492
  }
2480
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton___cQggT[class*=--ghost] {
2481
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2482
- --color: var(--hop-ToggleButton-ghost-secondary-color);
2483
- --border: var(--hop-ToggleButton-ghost-secondary-border);
2493
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--danger___YkZ1u {
2494
+ --background-color: var(--hop-Button-danger-background-color);
2495
+ --color: var(--hop-Button-danger-color);
2496
+ --border: var(--hop-Button-danger-border);
2497
+ }
2498
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-primary___RJdkS {
2499
+ --background-color: var(--hop-Button-ghost-primary-background-color);
2500
+ --color: var(--hop-Button-ghost-primary-color);
2501
+ --border: var(--hop-Button-ghost-primary-border);
2484
2502
  --text-underline: none;
2485
2503
  }
2486
- .ToggleButton-module__hop-ToggleButton__Spinner___SwSbO {
2504
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-secondary___1NLPo {
2505
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
2506
+ --color: var(--hop-Button-ghost-secondary-color);
2507
+ --border: var(--hop-Button-ghost-secondary-border);
2508
+ --text-underline: none;
2509
+ }
2510
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-danger___mDGly {
2511
+ --background-color: var(--hop-Button-ghost-danger-background-color);
2512
+ --color: var(--hop-Button-ghost-danger-color);
2513
+ --border: var(--hop-Button-ghost-danger-border);
2514
+ --text-underline: none;
2515
+ }
2516
+ .Button-module__hop-Button__Spinner___CYr30 {
2487
2517
  position: absolute;
2488
2518
  color: var(--spinner-color);
2489
2519
  }
2490
- .ToggleButton-module__hop-ToggleButton__icon___nOFkE,
2491
- .ToggleButton-module__hop-ToggleButton__icon-list___OtBGk {
2520
+ .Button-module__hop-Button__icon___T9Jgx,
2521
+ .Button-module__hop-Button__icon-list___ED0mS {
2492
2522
  flex: 0 0 auto;
2493
2523
  justify-self: end;
2494
2524
  order: 1;
2495
2525
  }
2496
- .ToggleButton-module__hop-ToggleButton__text___ZdN6c {
2526
+ .Button-module__hop-Button__text___K8N7h {
2497
2527
  user-select: none;
2498
2528
  overflow: visible;
2499
2529
  flex: 0 1 auto;
@@ -2503,21 +2533,182 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2503
2533
  text-underline-offset: 0.125rem;
2504
2534
  text-wrap: nowrap;
2505
2535
  }
2506
- .ToggleButton-module__hop-ToggleButton__end-icon___gYUgH,
2507
- .ToggleButton-module__hop-ToggleButton__end-icon-list___JqSZC {
2536
+ .Button-module__hop-Button__end-icon___2motE,
2537
+ .Button-module__hop-Button__end-icon-list___IoU7E {
2508
2538
  flex: 0 0 auto;
2509
2539
  order: 3;
2510
2540
  }
2511
- .ToggleButton-module__hop-ToggleButton___cQggT .ToggleButton-module__hop-ToggleButton__icon-list___OtBGk,
2512
- .ToggleButton-module__hop-ToggleButton___cQggT .ToggleButton-module__hop-ToggleButton__end-icon-list___JqSZC {
2541
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__icon-list___ED0mS,
2542
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__end-icon-list___IoU7E {
2513
2543
  flex-wrap: nowrap;
2514
2544
  }
2515
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton___cQggT > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___SwSbO) {
2545
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button___pi420 > *:not(.Button-module__hop-Button__Spinner___CYr30) {
2546
+ opacity: 0;
2547
+ }
2548
+ .ToggleButton-module__hop-ToggleButton___7uOg3 {
2549
+ --hop-ToggleButton-border-size: var(--hop-space-10);
2550
+ --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
2551
+ --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
2552
+ --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
2553
+ --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
2554
+ --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
2555
+ --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
2556
+ --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
2557
+ --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
2558
+ --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2559
+ --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
2560
+ --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
2561
+ --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
2562
+ --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
2563
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
2564
+ --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
2565
+ --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
2566
+ --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
2567
+ --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
2568
+ --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
2569
+ --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
2570
+ --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
2571
+ --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
2572
+ --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
2573
+ --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
2574
+ --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
2575
+ --hop-ToggleButton-ghost-primary-background-color: transparent;
2576
+ --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
2577
+ --hop-ToggleButton-ghost-primary-color-selected: var(--hop-primary-text-press);
2578
+ --hop-ToggleButton-ghost-primary-background-color-selected: var(--hop-primary-surface-weak-press);
2579
+ --hop-ToggleButton-ghost-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-selected);
2580
+ --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
2581
+ --hop-ToggleButton-ghost-secondary-background-color: transparent;
2582
+ --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
2583
+ --hop-ToggleButton-ghost-secondary-color-selected: var(--hop-neutral-text-weak-press);
2584
+ --hop-ToggleButton-ghost-secondary-background-color-selected: var(--hop-neutral-surface-press);
2585
+ --hop-ToggleButton-ghost-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2586
+ --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
2587
+ --hop-ToggleButton-ghost-danger-background-color: transparent;
2588
+ --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
2589
+ --hop-ToggleButton-ghost-danger-color-selected: var(--hop-danger-text-press);
2590
+ --hop-ToggleButton-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
2591
+ --hop-ToggleButton-ghost-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-selected);
2592
+ }
2593
+ .ToggleButton-module__hop-ToggleButton--fluid___dGmQY {
2594
+ }
2595
+ .ToggleButton-module__hop-ToggleButton--xs___-Pwsh {
2596
+ }
2597
+ .ToggleButton-module__hop-ToggleButton--sm___rcih7 {
2598
+ }
2599
+ .ToggleButton-module__hop-ToggleButton--md___EHY7t {
2600
+ }
2601
+ .ToggleButton-module__hop-ToggleButton--icon-only___HUyAp {
2602
+ }
2603
+ .ToggleButton-module__hop-ToggleButton--primary___YRmoZ {
2604
+ }
2605
+ .ToggleButton-module__hop-ToggleButton--primary___YRmoZ[data-selected] {
2606
+ --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2607
+ --color: var(--hop-ToggleButton-primary-color-selected);
2608
+ --border: var(--hop-ToggleButton-primary-border-selected);
2609
+ }
2610
+ .ToggleButton-module__hop-ToggleButton--secondary___AMcYW {
2611
+ }
2612
+ .ToggleButton-module__hop-ToggleButton--secondary___AMcYW[data-selected] {
2613
+ --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2614
+ --color: var(--hop-ToggleButton-secondary-color-selected);
2615
+ --border: var(--hop-ToggleButton-secondary-border-selected);
2616
+ }
2617
+ .ToggleButton-module__hop-ToggleButton--upsell___31OZm {
2618
+ }
2619
+ .ToggleButton-module__hop-ToggleButton--upsell___31OZm[data-selected] {
2620
+ --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2621
+ --color: var(--hop-ToggleButton-upsell-color-selected);
2622
+ --border: var(--hop-ToggleButton-upsell-border-selected);
2623
+ }
2624
+ .ToggleButton-module__hop-ToggleButton--danger___neytT {
2625
+ }
2626
+ .ToggleButton-module__hop-ToggleButton--danger___neytT[data-selected] {
2627
+ --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2628
+ --color: var(--hop-ToggleButton-danger-color-selected);
2629
+ --border: var(--hop-ToggleButton-danger-border-selected);
2630
+ }
2631
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___ZFaWi {
2632
+ }
2633
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___ZFaWi[data-selected] {
2634
+ --text-underline: normal;
2635
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-selected);
2636
+ --color: var(--hop-ToggleButton-ghost-primary-color-selected);
2637
+ --border: var(--hop-ToggleButton-ghost-primary-border-selected);
2638
+ }
2639
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___DOt72 {
2640
+ }
2641
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___DOt72[data-selected] {
2642
+ --text-underline: normal;
2643
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2644
+ --color: var(--hop-ToggleButton-ghost-secondary-color-selected);
2645
+ --border: var(--hop-ToggleButton-ghost-secondary-border-selected);
2646
+ }
2647
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___4TSgP {
2648
+ }
2649
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___4TSgP[data-selected] {
2650
+ --text-underline: normal;
2651
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-selected);
2652
+ --color: var(--hop-ToggleButton-ghost-danger-color-selected);
2653
+ --border: var(--hop-ToggleButton-ghost-danger-border-selected);
2654
+ }
2655
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--primary___YRmoZ {
2656
+ --background-color: var(--hop-ToggleButton-primary-background-color);
2657
+ --color: var(--hop-ToggleButton-primary-color);
2658
+ --border: var(--hop-ToggleButton-primary-border);
2659
+ }
2660
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--secondary___AMcYW {
2661
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
2662
+ --color: var(--hop-ToggleButton-secondary-color);
2663
+ --border: var(--hop-ToggleButton-secondary-border);
2664
+ }
2665
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--upsell___31OZm {
2666
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
2667
+ --color: var(--hop-ToggleButton-upsell-color);
2668
+ --border: var(--hop-ToggleButton-upsell-border);
2669
+ }
2670
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--danger___neytT {
2671
+ --background-color: var(--hop-ToggleButton-danger-background-color);
2672
+ --color: var(--hop-ToggleButton-danger-color);
2673
+ --border: var(--hop-ToggleButton-danger-border);
2674
+ }
2675
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--ghost-primary___ZFaWi {
2676
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2677
+ --color: var(--hop-ToggleButton-ghost-primary-color);
2678
+ --border: var(--hop-ToggleButton-ghost-primary-border);
2679
+ --text-underline: none;
2680
+ }
2681
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--ghost-secondary___DOt72 {
2682
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2683
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
2684
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
2685
+ --text-underline: none;
2686
+ }
2687
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--ghost-danger___4TSgP {
2688
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2689
+ --color: var(--hop-ToggleButton-ghost-danger-color);
2690
+ --border: var(--hop-ToggleButton-ghost-danger-border);
2691
+ --text-underline: none;
2692
+ }
2693
+ .ToggleButton-module__hop-ToggleButton__Spinner___0jyPO {
2694
+ }
2695
+ .ToggleButton-module__hop-ToggleButton__icon___GWJDN,
2696
+ .ToggleButton-module__hop-ToggleButton__icon-list___Tmu8m {
2697
+ }
2698
+ .ToggleButton-module__hop-ToggleButton__text___bKuM- {
2699
+ }
2700
+ .ToggleButton-module__hop-ToggleButton__end-icon___ZFyb5,
2701
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___Cj63s {
2702
+ }
2703
+ .ToggleButton-module__hop-ToggleButton__icon-list___Tmu8m,
2704
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___Cj63s {
2705
+ }
2706
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton___7uOg3 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___0jyPO) {
2516
2707
  opacity: 0;
2517
2708
  }
2518
2709
 
2519
2710
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
2520
- .Tag-module__hop-Tag___1EH6E {
2711
+ .Tag-module__hop-Tag___Xsz35 {
2521
2712
  --hop-Tag-border-size: 0.0625rem;
2522
2713
  --hop-Tag-border-radius: var(--hop-shape-pill);
2523
2714
  --hop-Tag-sm-block-size: 1.25rem;
@@ -2757,7 +2948,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2757
2948
  outline: none;
2758
2949
  outline-offset: 0.125rem;
2759
2950
  }
2760
- .Tag-module__hop-Tag--sm___ni5O9 {
2951
+ .Tag-module__hop-Tag--sm___M6OHN {
2761
2952
  --block-size: var(--hop-Tag-sm-block-size);
2762
2953
  --padding-inline: var(--hop-Tag-sm-padding-inline);
2763
2954
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -2765,13 +2956,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2765
2956
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
2766
2957
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
2767
2958
  }
2768
- .Tag-module__hop-Tag--sm___ni5O9:not(:has(.Tag-module__hop-Tag__remove-btn___9bUJM, .Tag-module__hop-Tag__Spinner___vkyGi)) {
2959
+ .Tag-module__hop-Tag--sm___M6OHN:not(:has(.Tag-module__hop-Tag__remove-btn___b9Fw-, .Tag-module__hop-Tag__Spinner___WZTgo)) {
2769
2960
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
2770
2961
  }
2771
- .Tag-module__hop-Tag--sm___ni5O9:not(:has(.Tag-module__hop-Tag__avatar___NhKNI)) {
2962
+ .Tag-module__hop-Tag--sm___M6OHN:not(:has(.Tag-module__hop-Tag__avatar___bT4U5)) {
2772
2963
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
2773
2964
  }
2774
- .Tag-module__hop-Tag--md___kUZZm {
2965
+ .Tag-module__hop-Tag--md___43f-m {
2775
2966
  --block-size: var(--hop-Tag-md-block-size);
2776
2967
  --padding-inline: var(--hop-Tag-md-padding-inline);
2777
2968
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -2779,13 +2970,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2779
2970
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
2780
2971
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
2781
2972
  }
2782
- .Tag-module__hop-Tag--md___kUZZm:not(:has(.Tag-module__hop-Tag__remove-btn___9bUJM, .Tag-module__hop-Tag__Spinner___vkyGi)) {
2973
+ .Tag-module__hop-Tag--md___43f-m:not(:has(.Tag-module__hop-Tag__remove-btn___b9Fw-, .Tag-module__hop-Tag__Spinner___WZTgo)) {
2783
2974
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
2784
2975
  }
2785
- .Tag-module__hop-Tag--md___kUZZm:not(:has(.Tag-module__hop-Tag__avatar___NhKNI)) {
2976
+ .Tag-module__hop-Tag--md___43f-m:not(:has(.Tag-module__hop-Tag__avatar___bT4U5)) {
2786
2977
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
2787
2978
  }
2788
- .Tag-module__hop-Tag--lg___GHogS {
2979
+ .Tag-module__hop-Tag--lg___xC0ZB {
2789
2980
  --block-size: var(--hop-Tag-lg-block-size);
2790
2981
  --padding-inline: var(--hop-Tag-lg-padding-inline);
2791
2982
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -2793,348 +2984,348 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2793
2984
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
2794
2985
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
2795
2986
  }
2796
- .Tag-module__hop-Tag--lg___GHogS:not(:has(.Tag-module__hop-Tag__remove-btn___9bUJM, .Tag-module__hop-Tag__Spinner___vkyGi)) {
2987
+ .Tag-module__hop-Tag--lg___xC0ZB:not(:has(.Tag-module__hop-Tag__remove-btn___b9Fw-, .Tag-module__hop-Tag__Spinner___WZTgo)) {
2797
2988
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
2798
2989
  }
2799
- .Tag-module__hop-Tag--lg___GHogS:not(:has(.Tag-module__hop-Tag__avatar___NhKNI)) {
2990
+ .Tag-module__hop-Tag--lg___xC0ZB:not(:has(.Tag-module__hop-Tag__avatar___bT4U5)) {
2800
2991
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
2801
2992
  }
2802
- .Tag-module__hop-Tag--neutral___GvUOX {
2993
+ .Tag-module__hop-Tag--neutral___wh8Ia {
2803
2994
  --border-color: var(--hop-Tag-neutral-border-color);
2804
2995
  --background-color: var(--hop-Tag-neutral-background-color);
2805
2996
  --text-color: var(--hop-Tag-neutral-text-color);
2806
2997
  }
2807
- .Tag-module__hop-Tag--subdued___r0-Do {
2998
+ .Tag-module__hop-Tag--subdued___su2yP {
2808
2999
  --border-color: var(--hop-Tag-subdued-border-color);
2809
3000
  --background-color: var(--hop-Tag-subdued-background-color);
2810
3001
  --text-color: var(--hop-Tag-subdued-text-color);
2811
3002
  }
2812
- .Tag-module__hop-Tag--progress___wXQZ2 {
3003
+ .Tag-module__hop-Tag--progress___PKGP8 {
2813
3004
  --border-color: var(--hop-Tag-progress-border-color);
2814
3005
  --background-color: var(--hop-Tag-progress-background-color);
2815
3006
  --text-color: var(--hop-Tag-progress-text-color);
2816
3007
  }
2817
- .Tag-module__hop-Tag--positive___mxRmN {
3008
+ .Tag-module__hop-Tag--positive___-0SmS {
2818
3009
  --border-color: var(--hop-Tag-positive-border-color);
2819
3010
  --background-color: var(--hop-Tag-positive-background-color);
2820
3011
  --text-color: var(--hop-Tag-positive-text-color);
2821
3012
  }
2822
- .Tag-module__hop-Tag--caution___N8iHw {
3013
+ .Tag-module__hop-Tag--caution___alDwz {
2823
3014
  --border-color: var(--hop-Tag-caution-border-color);
2824
3015
  --background-color: var(--hop-Tag-caution-background-color);
2825
3016
  --text-color: var(--hop-Tag-caution-text-color);
2826
3017
  }
2827
- .Tag-module__hop-Tag--negative___lCK-4 {
3018
+ .Tag-module__hop-Tag--negative___RHGlQ {
2828
3019
  --border-color: var(--hop-Tag-negative-border-color);
2829
3020
  --background-color: var(--hop-Tag-negative-background-color);
2830
3021
  --text-color: var(--hop-Tag-negative-text-color);
2831
3022
  }
2832
- .Tag-module__hop-Tag--option1___nmHL2 {
3023
+ .Tag-module__hop-Tag--option1___un-om {
2833
3024
  --border-color: var(--hop-Tag-option1-border-color);
2834
3025
  --background-color: var(--hop-Tag-option1-background-color);
2835
3026
  --text-color: var(--hop-Tag-option1-text-color);
2836
3027
  }
2837
- .Tag-module__hop-Tag--option2___MZlEp {
3028
+ .Tag-module__hop-Tag--option2___FdbXz {
2838
3029
  --border-color: var(--hop-Tag-option2-border-color);
2839
3030
  --background-color: var(--hop-Tag-option2-background-color);
2840
3031
  --text-color: var(--hop-Tag-option2-text-color);
2841
3032
  }
2842
- .Tag-module__hop-Tag--option3___8xOGk {
3033
+ .Tag-module__hop-Tag--option3___Qu-qw {
2843
3034
  --border-color: var(--hop-Tag-option3-border-color);
2844
3035
  --background-color: var(--hop-Tag-option3-background-color);
2845
3036
  --text-color: var(--hop-Tag-option3-text-color);
2846
3037
  }
2847
- .Tag-module__hop-Tag--option4___x8dKL {
3038
+ .Tag-module__hop-Tag--option4___fhMm1 {
2848
3039
  --border-color: var(--hop-Tag-option4-border-color);
2849
3040
  --background-color: var(--hop-Tag-option4-background-color);
2850
3041
  --text-color: var(--hop-Tag-option4-text-color);
2851
3042
  }
2852
- .Tag-module__hop-Tag--option5___mj02C {
3043
+ .Tag-module__hop-Tag--option5___k63BW {
2853
3044
  --border-color: var(--hop-Tag-option5-border-color);
2854
3045
  --background-color: var(--hop-Tag-option5-background-color);
2855
3046
  --text-color: var(--hop-Tag-option5-text-color);
2856
3047
  }
2857
- .Tag-module__hop-Tag--option6___M38q2 {
3048
+ .Tag-module__hop-Tag--option6___bNaeg {
2858
3049
  --border-color: var(--hop-Tag-option6-border-color);
2859
3050
  --background-color: var(--hop-Tag-option6-background-color);
2860
3051
  --text-color: var(--hop-Tag-option6-text-color);
2861
3052
  }
2862
- .Tag-module__hop-Tag___1EH6E[data-href] {
3053
+ .Tag-module__hop-Tag___Xsz35[data-href] {
2863
3054
  cursor: pointer;
2864
3055
  }
2865
- .Tag-module__hop-Tag--neutral___GvUOX[data-focus-visible] {
3056
+ .Tag-module__hop-Tag--neutral___wh8Ia[data-focus-visible] {
2866
3057
  --border-color: var(--hop-Tag-neutral-border-color-focus);
2867
3058
  --background-color: var(--hop-Tag-neutral-background-color-focus);
2868
3059
  --text-color: var(--hop-Tag-neutral-text-color-focus);
2869
3060
  }
2870
- .Tag-module__hop-Tag--neutral___GvUOX[data-hovered] {
3061
+ .Tag-module__hop-Tag--neutral___wh8Ia[data-hovered] {
2871
3062
  --border-color: var(--hop-Tag-neutral-border-color-hover);
2872
3063
  --background-color: var(--hop-Tag-neutral-background-color-hover);
2873
3064
  --text-color: var(--hop-Tag-neutral-text-color-hover);
2874
3065
  }
2875
- .Tag-module__hop-Tag--neutral___GvUOX[data-pressed] {
3066
+ .Tag-module__hop-Tag--neutral___wh8Ia[data-pressed] {
2876
3067
  --border-color: var(--hop-Tag-neutral-border-color-press);
2877
3068
  --background-color: var(--hop-Tag-neutral-background-color-press);
2878
3069
  --text-color: var(--hop-Tag-neutral-text-color-press);
2879
3070
  }
2880
- .Tag-module__hop-Tag--neutral___GvUOX[data-disabled] {
3071
+ .Tag-module__hop-Tag--neutral___wh8Ia[data-disabled] {
2881
3072
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
2882
3073
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
2883
3074
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
2884
3075
  }
2885
- .Tag-module__hop-Tag--subdued___r0-Do[data-focus-visible] {
3076
+ .Tag-module__hop-Tag--subdued___su2yP[data-focus-visible] {
2886
3077
  --border-color: var(--hop-Tag-subdued-border-color-focus);
2887
3078
  --background-color: var(--hop-Tag-subdued-background-color-focus);
2888
3079
  --text-color: var(--hop-Tag-subdued-text-color-focus);
2889
3080
  }
2890
- .Tag-module__hop-Tag--subdued___r0-Do[data-hovered] {
3081
+ .Tag-module__hop-Tag--subdued___su2yP[data-hovered] {
2891
3082
  --border-color: var(--hop-Tag-subdued-border-color-hover);
2892
3083
  --background-color: var(--hop-Tag-subdued-background-color-hover);
2893
3084
  --text-color: var(--hop-Tag-subdued-text-color-hover);
2894
3085
  }
2895
- .Tag-module__hop-Tag--subdued___r0-Do[data-pressed] {
3086
+ .Tag-module__hop-Tag--subdued___su2yP[data-pressed] {
2896
3087
  --border-color: var(--hop-Tag-subdued-border-color-press);
2897
3088
  --background-color: var(--hop-Tag-subdued-background-color-press);
2898
3089
  --text-color: var(--hop-Tag-subdued-text-color-press);
2899
3090
  }
2900
- .Tag-module__hop-Tag--subdued___r0-Do[data-disabled] {
3091
+ .Tag-module__hop-Tag--subdued___su2yP[data-disabled] {
2901
3092
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
2902
3093
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
2903
3094
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
2904
3095
  }
2905
- .Tag-module__hop-Tag--progress___wXQZ2[data-focus-visible] {
3096
+ .Tag-module__hop-Tag--progress___PKGP8[data-focus-visible] {
2906
3097
  --border-color: var(--hop-Tag-progress-border-color-focus);
2907
3098
  --background-color: var(--hop-Tag-progress-background-color-focus);
2908
3099
  --text-color: var(--hop-Tag-progress-text-color-focus);
2909
3100
  }
2910
- .Tag-module__hop-Tag--progress___wXQZ2[data-hovered] {
3101
+ .Tag-module__hop-Tag--progress___PKGP8[data-hovered] {
2911
3102
  --border-color: var(--hop-Tag-progress-border-color-hover);
2912
3103
  --background-color: var(--hop-Tag-progress-background-color-hover);
2913
3104
  --text-color: var(--hop-Tag-progress-text-color-hover);
2914
3105
  }
2915
- .Tag-module__hop-Tag--progress___wXQZ2[data-pressed] {
3106
+ .Tag-module__hop-Tag--progress___PKGP8[data-pressed] {
2916
3107
  --border-color: var(--hop-Tag-progress-border-color-press);
2917
3108
  --background-color: var(--hop-Tag-progress-background-color-press);
2918
3109
  --text-color: var(--hop-Tag-progress-text-color-press);
2919
3110
  }
2920
- .Tag-module__hop-Tag--progress___wXQZ2[data-disabled] {
3111
+ .Tag-module__hop-Tag--progress___PKGP8[data-disabled] {
2921
3112
  --border-color: var(--hop-Tag-progress-border-color-disabled);
2922
3113
  --background-color: var(--hop-Tag-progress-background-color-disabled);
2923
3114
  --text-color: var(--hop-Tag-progress-text-color-disabled);
2924
3115
  }
2925
- .Tag-module__hop-Tag--positive___mxRmN[data-focus-visible] {
3116
+ .Tag-module__hop-Tag--positive___-0SmS[data-focus-visible] {
2926
3117
  --border-color: var(--hop-Tag-positive-border-color-focus);
2927
3118
  --background-color: var(--hop-Tag-positive-background-color-focus);
2928
3119
  --text-color: var(--hop-Tag-positive-text-color-focus);
2929
3120
  }
2930
- .Tag-module__hop-Tag--positive___mxRmN[data-hovered] {
3121
+ .Tag-module__hop-Tag--positive___-0SmS[data-hovered] {
2931
3122
  --border-color: var(--hop-Tag-positive-border-color-hover);
2932
3123
  --background-color: var(--hop-Tag-positive-background-color-hover);
2933
3124
  --text-color: var(--hop-Tag-positive-text-color-hover);
2934
3125
  }
2935
- .Tag-module__hop-Tag--positive___mxRmN[data-pressed] {
3126
+ .Tag-module__hop-Tag--positive___-0SmS[data-pressed] {
2936
3127
  --border-color: var(--hop-Tag-positive-border-color-press);
2937
3128
  --background-color: var(--hop-Tag-positive-background-color-press);
2938
3129
  --text-color: var(--hop-Tag-positive-text-color-press);
2939
3130
  }
2940
- .Tag-module__hop-Tag--positive___mxRmN[data-disabled] {
3131
+ .Tag-module__hop-Tag--positive___-0SmS[data-disabled] {
2941
3132
  --border-color: var(--hop-Tag-positive-border-color-disabled);
2942
3133
  --background-color: var(--hop-Tag-positive-background-color-disabled);
2943
3134
  --text-color: var(--hop-Tag-positive-text-color-disabled);
2944
3135
  }
2945
- .Tag-module__hop-Tag--caution___N8iHw[data-focus-visible] {
3136
+ .Tag-module__hop-Tag--caution___alDwz[data-focus-visible] {
2946
3137
  --border-color: var(--hop-Tag-caution-border-color-focus);
2947
3138
  --background-color: var(--hop-Tag-caution-background-color-focus);
2948
3139
  --text-color: var(--hop-Tag-caution-text-color-focus);
2949
3140
  }
2950
- .Tag-module__hop-Tag--caution___N8iHw[data-hovered] {
3141
+ .Tag-module__hop-Tag--caution___alDwz[data-hovered] {
2951
3142
  --border-color: var(--hop-Tag-caution-border-color-hover);
2952
3143
  --background-color: var(--hop-Tag-caution-background-color-hover);
2953
3144
  --text-color: var(--hop-Tag-caution-text-color-hover);
2954
3145
  }
2955
- .Tag-module__hop-Tag--caution___N8iHw[data-pressed] {
3146
+ .Tag-module__hop-Tag--caution___alDwz[data-pressed] {
2956
3147
  --border-color: var(--hop-Tag-caution-border-color-press);
2957
3148
  --background-color: var(--hop-Tag-caution-background-color-press);
2958
3149
  --text-color: var(--hop-Tag-caution-text-color-press);
2959
3150
  }
2960
- .Tag-module__hop-Tag--caution___N8iHw[data-disabled] {
3151
+ .Tag-module__hop-Tag--caution___alDwz[data-disabled] {
2961
3152
  --border-color: var(--hop-Tag-caution-border-color-disabled);
2962
3153
  --background-color: var(--hop-Tag-caution-background-color-disabled);
2963
3154
  --text-color: var(--hop-Tag-caution-text-color-disabled);
2964
3155
  }
2965
- .Tag-module__hop-Tag--negative___lCK-4[data-focus-visible] {
3156
+ .Tag-module__hop-Tag--negative___RHGlQ[data-focus-visible] {
2966
3157
  --border-color: var(--hop-Tag-negative-border-color-focus);
2967
3158
  --background-color: var(--hop-Tag-negative-background-color-focus);
2968
3159
  --text-color: var(--hop-Tag-negative-text-color-focus);
2969
3160
  }
2970
- .Tag-module__hop-Tag--negative___lCK-4[data-hovered] {
3161
+ .Tag-module__hop-Tag--negative___RHGlQ[data-hovered] {
2971
3162
  --border-color: var(--hop-Tag-negative-border-color-hover);
2972
3163
  --background-color: var(--hop-Tag-negative-background-color-hover);
2973
3164
  --text-color: var(--hop-Tag-negative-text-color-hover);
2974
3165
  }
2975
- .Tag-module__hop-Tag--negative___lCK-4[data-pressed] {
3166
+ .Tag-module__hop-Tag--negative___RHGlQ[data-pressed] {
2976
3167
  --border-color: var(--hop-Tag-negative-border-color-press);
2977
3168
  --background-color: var(--hop-Tag-negative-background-color-press);
2978
3169
  --text-color: var(--hop-Tag-negative-text-color-press);
2979
3170
  }
2980
- .Tag-module__hop-Tag--negative___lCK-4[data-disabled] {
3171
+ .Tag-module__hop-Tag--negative___RHGlQ[data-disabled] {
2981
3172
  --border-color: var(--hop-Tag-negative-border-color-disabled);
2982
3173
  --background-color: var(--hop-Tag-negative-background-color-disabled);
2983
3174
  --text-color: var(--hop-Tag-negative-text-color-disabled);
2984
3175
  }
2985
- .Tag-module__hop-Tag--option1___nmHL2[data-focus-visible] {
3176
+ .Tag-module__hop-Tag--option1___un-om[data-focus-visible] {
2986
3177
  --border-color: var(--hop-Tag-option1-border-color-focus);
2987
3178
  --background-color: var(--hop-Tag-option1-background-color-focus);
2988
3179
  --text-color: var(--hop-Tag-option1-text-color-focus);
2989
3180
  }
2990
- .Tag-module__hop-Tag--option1___nmHL2[data-hovered] {
3181
+ .Tag-module__hop-Tag--option1___un-om[data-hovered] {
2991
3182
  --border-color: var(--hop-Tag-option1-border-color-hover);
2992
3183
  --background-color: var(--hop-Tag-option1-background-color-hover);
2993
3184
  --text-color: var(--hop-Tag-option1-text-color-hover);
2994
3185
  }
2995
- .Tag-module__hop-Tag--option1___nmHL2[data-pressed] {
3186
+ .Tag-module__hop-Tag--option1___un-om[data-pressed] {
2996
3187
  --border-color: var(--hop-Tag-option1-border-color-press);
2997
3188
  --background-color: var(--hop-Tag-option1-background-color-press);
2998
3189
  --text-color: var(--hop-Tag-option1-text-color-press);
2999
3190
  }
3000
- .Tag-module__hop-Tag--option1___nmHL2[data-disabled] {
3191
+ .Tag-module__hop-Tag--option1___un-om[data-disabled] {
3001
3192
  --border-color: var(--hop-Tag-option1-border-color-disabled);
3002
3193
  --background-color: var(--hop-Tag-option1-background-color-disabled);
3003
3194
  --text-color: var(--hop-Tag-option1-text-color-disabled);
3004
3195
  }
3005
- .Tag-module__hop-Tag--option2___MZlEp[data-focus-visible] {
3196
+ .Tag-module__hop-Tag--option2___FdbXz[data-focus-visible] {
3006
3197
  --border-color: var(--hop-Tag-option2-border-color-focus);
3007
3198
  --background-color: var(--hop-Tag-option2-background-color-focus);
3008
3199
  --text-color: var(--hop-Tag-option2-text-color-focus);
3009
3200
  }
3010
- .Tag-module__hop-Tag--option2___MZlEp[data-hovered] {
3201
+ .Tag-module__hop-Tag--option2___FdbXz[data-hovered] {
3011
3202
  --border-color: var(--hop-Tag-option2-border-color-hover);
3012
3203
  --background-color: var(--hop-Tag-option2-background-color-hover);
3013
3204
  --text-color: var(--hop-Tag-option2-text-color-hover);
3014
3205
  }
3015
- .Tag-module__hop-Tag--option2___MZlEp[data-pressed] {
3206
+ .Tag-module__hop-Tag--option2___FdbXz[data-pressed] {
3016
3207
  --border-color: var(--hop-Tag-option2-border-color-press);
3017
3208
  --background-color: var(--hop-Tag-option2-background-color-press);
3018
3209
  --text-color: var(--hop-Tag-option2-text-color-press);
3019
3210
  }
3020
- .Tag-module__hop-Tag--option2___MZlEp[data-disabled] {
3211
+ .Tag-module__hop-Tag--option2___FdbXz[data-disabled] {
3021
3212
  --border-color: var(--hop-Tag-option2-border-color-disabled);
3022
3213
  --background-color: var(--hop-Tag-option2-background-color-disabled);
3023
3214
  --text-color: var(--hop-Tag-option2-text-color-disabled);
3024
3215
  }
3025
- .Tag-module__hop-Tag--option3___8xOGk[data-focus-visible] {
3216
+ .Tag-module__hop-Tag--option3___Qu-qw[data-focus-visible] {
3026
3217
  --border-color: var(--hop-Tag-option3-border-color-focus);
3027
3218
  --background-color: var(--hop-Tag-option3-background-color-focus);
3028
3219
  --text-color: var(--hop-Tag-option3-text-color-focus);
3029
3220
  }
3030
- .Tag-module__hop-Tag--option3___8xOGk[data-hovered] {
3221
+ .Tag-module__hop-Tag--option3___Qu-qw[data-hovered] {
3031
3222
  --border-color: var(--hop-Tag-option3-border-color-hover);
3032
3223
  --background-color: var(--hop-Tag-option3-background-color-hover);
3033
3224
  --text-color: var(--hop-Tag-option3-text-color-hover);
3034
3225
  }
3035
- .Tag-module__hop-Tag--option3___8xOGk[data-pressed] {
3226
+ .Tag-module__hop-Tag--option3___Qu-qw[data-pressed] {
3036
3227
  --border-color: var(--hop-Tag-option3-border-color-press);
3037
3228
  --background-color: var(--hop-Tag-option3-background-color-press);
3038
3229
  --text-color: var(--hop-Tag-option3-text-color-press);
3039
3230
  }
3040
- .Tag-module__hop-Tag--option3___8xOGk[data-disabled] {
3231
+ .Tag-module__hop-Tag--option3___Qu-qw[data-disabled] {
3041
3232
  --border-color: var(--hop-Tag-option3-border-color-disabled);
3042
3233
  --background-color: var(--hop-Tag-option3-background-color-disabled);
3043
3234
  --text-color: var(--hop-Tag-option3-text-color-disabled);
3044
3235
  }
3045
- .Tag-module__hop-Tag--option4___x8dKL[data-focus-visible] {
3236
+ .Tag-module__hop-Tag--option4___fhMm1[data-focus-visible] {
3046
3237
  --border-color: var(--hop-Tag-option4-border-color-focus);
3047
3238
  --background-color: var(--hop-Tag-option4-background-color-focus);
3048
3239
  --text-color: var(--hop-Tag-option4-text-color-focus);
3049
3240
  }
3050
- .Tag-module__hop-Tag--option4___x8dKL[data-hovered] {
3241
+ .Tag-module__hop-Tag--option4___fhMm1[data-hovered] {
3051
3242
  --border-color: var(--hop-Tag-option4-border-color-hover);
3052
3243
  --background-color: var(--hop-Tag-option4-background-color-hover);
3053
3244
  --text-color: var(--hop-Tag-option4-text-color-hover);
3054
3245
  }
3055
- .Tag-module__hop-Tag--option4___x8dKL[data-pressed] {
3246
+ .Tag-module__hop-Tag--option4___fhMm1[data-pressed] {
3056
3247
  --border-color: var(--hop-Tag-option4-border-color-press);
3057
3248
  --background-color: var(--hop-Tag-option4-background-color-press);
3058
3249
  --text-color: var(--hop-Tag-option4-text-color-press);
3059
3250
  }
3060
- .Tag-module__hop-Tag--option4___x8dKL[data-disabled] {
3251
+ .Tag-module__hop-Tag--option4___fhMm1[data-disabled] {
3061
3252
  --border-color: var(--hop-Tag-option4-border-color-disabled);
3062
3253
  --background-color: var(--hop-Tag-option4-background-color-disabled);
3063
3254
  --text-color: var(--hop-Tag-option4-text-color-disabled);
3064
3255
  }
3065
- .Tag-module__hop-Tag--option5___mj02C[data-focus-visible] {
3256
+ .Tag-module__hop-Tag--option5___k63BW[data-focus-visible] {
3066
3257
  --border-color: var(--hop-Tag-option5-border-color-focus);
3067
3258
  --background-color: var(--hop-Tag-option5-background-color-focus);
3068
3259
  --text-color: var(--hop-Tag-option5-text-color-focus);
3069
3260
  }
3070
- .Tag-module__hop-Tag--option5___mj02C[data-hovered] {
3261
+ .Tag-module__hop-Tag--option5___k63BW[data-hovered] {
3071
3262
  --border-color: var(--hop-Tag-option5-border-color-hover);
3072
3263
  --background-color: var(--hop-Tag-option5-background-color-hover);
3073
3264
  --text-color: var(--hop-Tag-option5-text-color-hover);
3074
3265
  }
3075
- .Tag-module__hop-Tag--option5___mj02C[data-pressed] {
3266
+ .Tag-module__hop-Tag--option5___k63BW[data-pressed] {
3076
3267
  --border-color: var(--hop-Tag-option5-border-color-press);
3077
3268
  --background-color: var(--hop-Tag-option5-background-color-press);
3078
3269
  --text-color: var(--hop-Tag-option5-text-color-press);
3079
3270
  }
3080
- .Tag-module__hop-Tag--option5___mj02C[data-disabled] {
3271
+ .Tag-module__hop-Tag--option5___k63BW[data-disabled] {
3081
3272
  --border-color: var(--hop-Tag-option5-border-color-disabled);
3082
3273
  --background-color: var(--hop-Tag-option5-background-color-disabled);
3083
3274
  --text-color: var(--hop-Tag-option5-text-color-disabled);
3084
3275
  }
3085
- .Tag-module__hop-Tag--option6___M38q2[data-focus-visible] {
3276
+ .Tag-module__hop-Tag--option6___bNaeg[data-focus-visible] {
3086
3277
  --border-color: var(--hop-Tag-option6-border-color-focus);
3087
3278
  --background-color: var(--hop-Tag-option6-background-color-focus);
3088
3279
  --text-color: var(--hop-Tag-option6-text-color-focus);
3089
3280
  }
3090
- .Tag-module__hop-Tag--option6___M38q2[data-hovered] {
3281
+ .Tag-module__hop-Tag--option6___bNaeg[data-hovered] {
3091
3282
  --border-color: var(--hop-Tag-option6-border-color-hover);
3092
3283
  --background-color: var(--hop-Tag-option6-background-color-hover);
3093
3284
  --text-color: var(--hop-Tag-option6-text-color-hover);
3094
3285
  }
3095
- .Tag-module__hop-Tag--option6___M38q2[data-pressed] {
3286
+ .Tag-module__hop-Tag--option6___bNaeg[data-pressed] {
3096
3287
  --border-color: var(--hop-Tag-option6-border-color-press);
3097
3288
  --background-color: var(--hop-Tag-option6-background-color-press);
3098
3289
  --text-color: var(--hop-Tag-option6-text-color-press);
3099
3290
  }
3100
- .Tag-module__hop-Tag--option6___M38q2[data-disabled] {
3291
+ .Tag-module__hop-Tag--option6___bNaeg[data-disabled] {
3101
3292
  --border-color: var(--hop-Tag-option6-border-color-disabled);
3102
3293
  --background-color: var(--hop-Tag-option6-background-color-disabled);
3103
3294
  --text-color: var(--hop-Tag-option6-text-color-disabled);
3104
3295
  }
3105
- .Tag-module__hop-Tag___1EH6E[data-focus-visible] {
3296
+ .Tag-module__hop-Tag___Xsz35[data-focus-visible] {
3106
3297
  outline: 0.125rem solid var(--focus-ring-color);
3107
3298
  }
3108
- .Tag-module__hop-Tag___1EH6E[data-hovered] {
3299
+ .Tag-module__hop-Tag___Xsz35[data-hovered] {
3109
3300
  cursor: pointer;
3110
3301
  }
3111
- .Tag-module__hop-Tag___1EH6E[data-selected] {
3302
+ .Tag-module__hop-Tag___Xsz35[data-selected] {
3112
3303
  --background-color: var(--hop-Tag-background-color-selected);
3113
3304
  --border-color: var(--hop-Tag-border-color-selected);
3114
3305
  --text-color: var(--hop-Tag-text-color-selected);
3115
3306
  }
3116
- .Tag-module__hop-Tag___1EH6E[data-pressed] {
3307
+ .Tag-module__hop-Tag___Xsz35[data-pressed] {
3117
3308
  cursor: pointer;
3118
3309
  }
3119
- .Tag-module__hop-Tag___1EH6E[data-invalid] {
3310
+ .Tag-module__hop-Tag___Xsz35[data-invalid] {
3120
3311
  --border-color: var(--hop-Tag-border-color-invalid);
3121
3312
  }
3122
- .Tag-module__hop-Tag___1EH6E[data-disabled] {
3313
+ .Tag-module__hop-Tag___Xsz35[data-disabled] {
3123
3314
  cursor: not-allowed;
3124
3315
  }
3125
- .Tag-module__hop-Tag__avatar___NhKNI {
3316
+ .Tag-module__hop-Tag__avatar___bT4U5 {
3126
3317
  flex: 0 0 auto;
3127
3318
  order: 1;
3128
3319
  margin-inline-start: var(--avatar-margin-inline-start);
3129
3320
  }
3130
- .Tag-module__hop-Tag__icon___JOi1i,
3131
- .Tag-module__hop-Tag__icon-list___jLqJ- {
3321
+ .Tag-module__hop-Tag__icon___QAtrJ,
3322
+ .Tag-module__hop-Tag__icon-list___YjBfR {
3132
3323
  flex: 0 0 auto;
3133
3324
  flex-wrap: nowrap;
3134
3325
  order: 2;
3135
3326
  margin-inline-start: var(--icon-margin-inline-start, 0);
3136
3327
  }
3137
- .Tag-module__hop-Tag__text___LuK5I {
3328
+ .Tag-module__hop-Tag__text___WhwMy {
3138
3329
  overflow: hidden;
3139
3330
  flex: 1 1 auto;
3140
3331
  order: 3;
@@ -3142,33 +3333,33 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3142
3333
  text-align: center;
3143
3334
  text-overflow: ellipsis;
3144
3335
  }
3145
- .Tag-module__hop-Tag__badge___XfiI1 {
3336
+ .Tag-module__hop-Tag__badge___xTCBb {
3146
3337
  flex: 0 0 auto;
3147
3338
  order: 4;
3148
3339
  margin-inline-end: var(--badge-margin-inline-end);
3149
3340
  }
3150
- .Tag-module__hop-Tag___1EH6E .Tag-module__hop-Tag__badge--subdued___BFw3P {
3341
+ .Tag-module__hop-Tag___Xsz35 .Tag-module__hop-Tag__badge--subdued___kuqT3 {
3151
3342
  margin-inline-start: var(--badge-secondary-margin-inline-start);
3152
3343
  color: inherit;
3153
3344
  background: none;
3154
3345
  }
3155
- .Tag-module__hop-Tag--sm___ni5O9 .Tag-module__hop-Tag__badge___XfiI1 {
3346
+ .Tag-module__hop-Tag--sm___M6OHN .Tag-module__hop-Tag__badge___xTCBb {
3156
3347
  block-size: 100%;
3157
3348
  }
3158
- .Tag-module__hop-Tag__remove-btn___9bUJM,
3159
- .Tag-module__hop-Tag__Spinner___vkyGi {
3349
+ .Tag-module__hop-Tag__remove-btn___b9Fw-,
3350
+ .Tag-module__hop-Tag__Spinner___WZTgo {
3160
3351
  flex: 0 0 auto;
3161
3352
  order: 5;
3162
3353
  }
3163
- .Tag-module__hop-Tag__Spinner___vkyGi {
3354
+ .Tag-module__hop-Tag__Spinner___WZTgo {
3164
3355
  margin-inline-end: var(--spinner-margin-inline-end);
3165
3356
  }
3166
- .Tag-module__hop-Tag__remove-btn___9bUJM {
3357
+ .Tag-module__hop-Tag__remove-btn___b9Fw- {
3167
3358
  margin-inline: var(--clear-btn-margin-inline);
3168
3359
  }
3169
3360
 
3170
3361
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
3171
- .ErrorMessage-module__hop-ErrorMessage___3njVF {
3362
+ .ErrorMessage-module__hop-ErrorMessage___pZkT- {
3172
3363
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
3173
3364
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
3174
3365
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -3185,13 +3376,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3185
3376
  line-height: var(--hop-ErrorMessage-line-height);
3186
3377
  color: var(--hop-ErrorMessage-color);
3187
3378
  }
3188
- .ErrorMessage-module__hop-ErrorMessage__icon___2fFUX {
3379
+ .ErrorMessage-module__hop-ErrorMessage__icon___yKOjv {
3189
3380
  flex: 0 0 auto;
3190
3381
  align-self: flex-start;
3191
3382
  }
3192
3383
 
3193
3384
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
3194
- .HelperMessage-module__hop-HelperMessage___WKq74 {
3385
+ .HelperMessage-module__hop-HelperMessage___0sc5H {
3195
3386
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
3196
3387
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
3197
3388
  display: flex;
@@ -3200,13 +3391,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3200
3391
  box-sizing: border-box;
3201
3392
  color: var(--hop-HelperMessage-color);
3202
3393
  }
3203
- .HelperMessage-module__hop-HelperMessage__icon___qM-Le {
3394
+ .HelperMessage-module__hop-HelperMessage__icon___ubzj5 {
3204
3395
  flex: 0 0 auto;
3205
3396
  align-self: flex-start;
3206
3397
  }
3207
3398
 
3208
3399
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
3209
- .TagGroup-module__hop-TagGroup___noEAT {
3400
+ .TagGroup-module__hop-TagGroup___jLUAa {
3210
3401
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
3211
3402
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
3212
3403
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -3226,10 +3417,10 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3226
3417
  inline-size: max-content;
3227
3418
  max-inline-size: 100%;
3228
3419
  }
3229
- .TagGroup-module__hop-TagGroup___noEAT > .TagGroup-module__hop-TagGroup__label___kJuZG {
3420
+ .TagGroup-module__hop-TagGroup___jLUAa > .TagGroup-module__hop-TagGroup__label___GqwDk {
3230
3421
  order: 1;
3231
3422
  }
3232
- .TagGroup-module__hop-TagGroup__list___aI15c {
3423
+ .TagGroup-module__hop-TagGroup__list___A0BMu {
3233
3424
  display: flex;
3234
3425
  flex-wrap: wrap;
3235
3426
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -3238,17 +3429,17 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3238
3429
  border-radius: var(--list-border-radius);
3239
3430
  outline: none;
3240
3431
  }
3241
- .TagGroup-module__hop-TagGroup__list___aI15c[data-focus-visible] {
3432
+ .TagGroup-module__hop-TagGroup__list___A0BMu[data-focus-visible] {
3242
3433
  outline: 0.125rem solid var(--list-focus-ring-color);
3243
3434
  outline-offset: 0.125rem;
3244
3435
  }
3245
- .TagGroup-module__hop-TagGroup___noEAT > .TagGroup-module__hop-TagGroup__error-message___zKJB6,
3246
- .TagGroup-module__hop-TagGroup___noEAT > .TagGroup-module__hop-TagGroup__helper-message___fa96b {
3436
+ .TagGroup-module__hop-TagGroup___jLUAa > .TagGroup-module__hop-TagGroup__error-message___rQJvK,
3437
+ .TagGroup-module__hop-TagGroup___jLUAa > .TagGroup-module__hop-TagGroup__helper-message___cuqaI {
3247
3438
  order: 3;
3248
3439
  }
3249
3440
 
3250
3441
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tabs/src/Tab.module.css/#css-module-data */
3251
- .Tab-module__hop-Tab___rK-0S {
3442
+ .Tab-module__hop-Tab___Q6Jtt {
3252
3443
  --hop-Tab-display: flex;
3253
3444
  --hop-Tab-gap: var(--hop-space-inset-sm);
3254
3445
  --hop-Tab-align-items: center;
@@ -3279,38 +3470,38 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3279
3470
  border-radius: var(--hop-Tab-border-radius);
3280
3471
  outline: var(--outline, var(--hop-Tab-outline));
3281
3472
  }
3282
- .Tab-module__hop-Tab--fluid___9qFaw {
3473
+ .Tab-module__hop-Tab--fluid___HOzP7 {
3283
3474
  flex: 1;
3284
3475
  }
3285
- .Tab-module__hop-Tab--md___gFUYF {
3476
+ .Tab-module__hop-Tab--md___2b0jD {
3286
3477
  padding-block: var(--hop-Tab-padding-block);
3287
3478
  }
3288
- .Tab-module__hop-Tab___rK-0S[data-selected] {
3479
+ .Tab-module__hop-Tab___Q6Jtt[data-selected] {
3289
3480
  --color: var(--hop-Tab-selected-color);
3290
3481
  }
3291
- .Tab-module__hop-Tab___rK-0S[data-hovered] {
3482
+ .Tab-module__hop-Tab___Q6Jtt[data-hovered] {
3292
3483
  --color: var(--hop-Tab-hovered-color) ;
3293
3484
  }
3294
- .Tab-module__hop-Tab___rK-0S[data-pressed] {
3485
+ .Tab-module__hop-Tab___Q6Jtt[data-pressed] {
3295
3486
  --color: var(--hop-Tab-pressed-color);
3296
3487
  }
3297
- .Tab-module__hop-Tab___rK-0S[data-focus-visible] {
3488
+ .Tab-module__hop-Tab___Q6Jtt[data-focus-visible] {
3298
3489
  --color: var(--hop-Tab-focus-color);
3299
3490
  --outline: var(--hop-Tab-focus-outline);
3300
3491
  }
3301
- .Tab-module__hop-Tab___rK-0S[data-disabled] {
3492
+ .Tab-module__hop-Tab___Q6Jtt[data-disabled] {
3302
3493
  --color: var(--hop-Tab-disabled-color);
3303
3494
  --cursor: auto;
3304
3495
  }
3305
- .Tab-module__hop-Tab__icon___Nbz5C {
3496
+ .Tab-module__hop-Tab__icon___v3qLi {
3306
3497
  order: 1;
3307
3498
  }
3308
- .Tab-module__hop-Tab__text___MzquM {
3499
+ .Tab-module__hop-Tab__text___PZuL0 {
3309
3500
  order: 2;
3310
3501
  }
3311
- .Tab-module__hop-Tab__badge___pdfki {
3502
+ .Tab-module__hop-Tab__badge___nGJgE {
3312
3503
  order: 3;
3313
3504
  }
3314
- .Tab-module__hop-Tab__tag___N6n0I {
3505
+ .Tab-module__hop-Tab__tag___O3eBx {
3315
3506
  order: 4;
3316
3507
  }