@hopper-ui/components 1.8.2 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (365) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/accordion/src/Accordion.css +78 -78
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +78 -78
  5. package/dist/accordion/src/index.js +2 -2
  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 +48 -48
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +66 -66
  13. package/dist/avatar/src/Avatar.js +4 -4
  14. package/dist/avatar/src/AvatarGroup.css +65 -65
  15. package/dist/avatar/src/AvatarGroup.js +4 -4
  16. package/dist/avatar/src/BrokenAvatar.css +48 -48
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +48 -48
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +48 -48
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +93 -93
  23. package/dist/avatar/src/index.js +9 -9
  24. package/dist/badge/src/Badge.css +53 -53
  25. package/dist/badge/src/Badge.js +2 -2
  26. package/dist/badge/src/FloatingBadge.css +48 -48
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +63 -63
  29. package/dist/badge/src/index.js +3 -3
  30. package/dist/buttons/src/Button.css +120 -110
  31. package/dist/buttons/src/Button.d.ts +5 -2
  32. package/dist/buttons/src/Button.js +6 -5
  33. package/dist/buttons/src/ButtonContext.d.ts +3 -1
  34. package/dist/buttons/src/ButtonGroup.css +49 -49
  35. package/dist/buttons/src/ButtonGroup.d.ts +1 -1
  36. package/dist/buttons/src/ButtonGroup.js +1 -1
  37. package/dist/buttons/src/ButtonGroupContext.d.ts +1 -1
  38. package/dist/buttons/src/ClearButton.css +109 -109
  39. package/dist/buttons/src/ClearButton.js +2 -2
  40. package/dist/buttons/src/CloseButton.css +115 -105
  41. package/dist/buttons/src/CloseButton.d.ts +3 -1
  42. package/dist/buttons/src/CloseButton.js +7 -6
  43. package/dist/buttons/src/CloseButtonContext.d.ts +3 -1
  44. package/dist/buttons/src/EmbeddedButton.css +109 -109
  45. package/dist/buttons/src/EmbeddedButton.js +1 -1
  46. package/dist/buttons/src/LinkButton.css +131 -119
  47. package/dist/buttons/src/LinkButton.d.ts +5 -2
  48. package/dist/buttons/src/LinkButton.js +5 -4
  49. package/dist/buttons/src/LinkButtonContext.d.ts +3 -1
  50. package/dist/buttons/src/ToggleButton.css +485 -330
  51. package/dist/buttons/src/ToggleButton.d.ts +6 -3
  52. package/dist/buttons/src/ToggleButton.js +4 -4
  53. package/dist/buttons/src/ToggleButtonContext.d.ts +3 -1
  54. package/dist/buttons/src/index.css +718 -541
  55. package/dist/buttons/src/index.d.ts +6 -4
  56. package/dist/buttons/src/index.js +12 -11
  57. package/dist/callout/src/Callout.css +730 -553
  58. package/dist/callout/src/Callout.js +8 -7
  59. package/dist/callout/src/CompactCallout.css +767 -590
  60. package/dist/callout/src/CompactCallout.js +8 -7
  61. package/dist/callout/src/index.css +779 -602
  62. package/dist/callout/src/index.js +10 -9
  63. package/dist/card/src/Card.css +41 -41
  64. package/dist/card/src/Card.js +1 -1
  65. package/dist/card/src/index.css +41 -41
  66. package/dist/card/src/index.js +1 -1
  67. package/dist/checkbox/src/Checkbox.css +57 -57
  68. package/dist/checkbox/src/Checkbox.js +4 -4
  69. package/dist/checkbox/src/CheckboxField.css +44 -44
  70. package/dist/checkbox/src/CheckboxField.js +3 -3
  71. package/dist/checkbox/src/CheckboxGroup.css +109 -109
  72. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  73. package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
  74. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  75. package/dist/checkbox/src/index.css +109 -109
  76. package/dist/checkbox/src/index.js +11 -11
  77. package/dist/{chunk-3MYOCKT2.js → chunk-22DZZ7PK.js} +8 -8
  78. package/dist/{chunk-VNFZDWVB.js → chunk-23OKJK5E.js} +1 -1
  79. package/dist/{chunk-WTBYPRRW.js → chunk-2CMRIMTT.js} +3 -3
  80. package/dist/{chunk-CHJUYY53.js → chunk-2VMV4LDJ.js} +1 -1
  81. package/dist/{chunk-WTDBPVO2.js → chunk-335ZARPI.js} +3 -3
  82. package/dist/{chunk-OPG3YAOS.js → chunk-3GNODKFW.js} +1 -1
  83. package/dist/{chunk-WSW2WVYZ.js → chunk-3UBW7B5Y.js} +1 -1
  84. package/dist/{chunk-OM4XR33Z.js → chunk-4B7TDPQB.js} +2 -2
  85. package/dist/{chunk-R3F4R2GR.js → chunk-4JKPMEEJ.js} +5 -5
  86. package/dist/{chunk-O4U6DKHU.js → chunk-4UVLGO3D.js} +2 -2
  87. package/dist/{chunk-VSAMAS7P.js → chunk-5OSLSGCY.js} +5 -5
  88. package/dist/{chunk-XIWBIDKX.js → chunk-5Q5LAGLQ.js} +16 -10
  89. package/dist/{chunk-V4FVG6RD.js → chunk-63B43NAY.js} +3 -3
  90. package/dist/{chunk-YT6KAZ7W.js → chunk-63P5XXBL.js} +2 -2
  91. package/dist/{chunk-TSXCJZLH.js → chunk-6AKHGSHL.js} +2 -2
  92. package/dist/{chunk-CMNPB35A.js → chunk-6KXXNGHQ.js} +12 -12
  93. package/dist/{chunk-TQFW3GV6.js → chunk-77JGVGS3.js} +2 -2
  94. package/dist/{chunk-VDPXCFLQ.js → chunk-7EZL7ZEN.js} +5 -5
  95. package/dist/{chunk-C2JYCOJJ.js → chunk-7FIL5U4Z.js} +2 -2
  96. package/dist/{chunk-YG4VQFHZ.js → chunk-7KGCL6NF.js} +2 -2
  97. package/dist/{chunk-AJ4JHO3L.js → chunk-7SQ3B5CN.js} +3 -3
  98. package/dist/{chunk-VQ6HKO7S.js → chunk-7WNRLXYV.js} +2 -2
  99. package/dist/{chunk-SLJKAEOC.js → chunk-AH4RWVYD.js} +5 -5
  100. package/dist/{chunk-3BP4XOAL.js → chunk-AIWBAHIZ.js} +1 -1
  101. package/dist/{chunk-BHFIGTK6.js → chunk-AQBGEAPW.js} +1 -1
  102. package/dist/{chunk-2EOZLJ3U.js → chunk-AUWXH6DB.js} +6 -6
  103. package/dist/{chunk-2QPUHBJ6.js → chunk-BZPOJXHY.js} +3 -3
  104. package/dist/{chunk-KG3UXYPM.js → chunk-CCANXYSA.js} +3 -3
  105. package/dist/{chunk-ZBVXOGE7.js → chunk-CFFDABWV.js} +8 -8
  106. package/dist/{chunk-C4F7EZIQ.js → chunk-CJ6K4SGD.js} +1 -1
  107. package/dist/{chunk-XFWOCVQF.js → chunk-CPCR7FGP.js} +15 -9
  108. package/dist/{chunk-PVIZJ22K.js → chunk-CUGWVLKK.js} +1 -1
  109. package/dist/{chunk-GTGTEHOA.js → chunk-CZQ7Y25A.js} +2 -2
  110. package/dist/{chunk-VK4C7IPE.js → chunk-DIP3SE2A.js} +7 -7
  111. package/dist/{chunk-GUPD7SCD.js → chunk-E5HFUKHL.js} +1 -1
  112. package/dist/{chunk-N2INWSSP.js → chunk-EABN7BCJ.js} +1 -1
  113. package/dist/{chunk-2UBRJW2J.js → chunk-EQU2MUZ2.js} +1 -1
  114. package/dist/{chunk-JSK57VIX.js → chunk-ETHCY5HV.js} +2 -2
  115. package/dist/{chunk-RXNIOPGX.js → chunk-EVXAOPUQ.js} +2 -2
  116. package/dist/{chunk-JG7DCSZ7.js → chunk-FGZNIAIF.js} +1 -1
  117. package/dist/{chunk-P4YL7PZX.js → chunk-FL33X6NS.js} +2 -2
  118. package/dist/{chunk-YJZJ6EGK.js → chunk-FNI3HSJI.js} +3 -3
  119. package/dist/{chunk-J6QWUF6I.js → chunk-FPPUBMBE.js} +18 -12
  120. package/dist/{chunk-KHPSEX4H.js → chunk-FRH64YKY.js} +2 -2
  121. package/dist/{chunk-UH3RWAZV.js → chunk-G73VEN7N.js} +2 -2
  122. package/dist/{chunk-B62S77SN.js → chunk-HQEYCFR2.js} +3 -3
  123. package/dist/chunk-HXL5DWXT.js +23 -0
  124. package/dist/{chunk-IKQ2EV2Y.js → chunk-I3RM4ZNZ.js} +1 -1
  125. package/dist/{chunk-E3KVQKBW.js → chunk-IVZ3EL66.js} +3 -3
  126. package/dist/{chunk-CDC6G4DW.js → chunk-IXC3UTLF.js} +1 -1
  127. package/dist/{chunk-YLUR4I4O.js → chunk-IXYSG3YF.js} +1 -1
  128. package/dist/{chunk-QXX3VYMF.js → chunk-IYPDPLMO.js} +1 -1
  129. package/dist/{chunk-AN3RU3NY.js → chunk-JD3QSJOH.js} +3 -3
  130. package/dist/{chunk-Y5RKQQHZ.js → chunk-JOBH3GNG.js} +2 -2
  131. package/dist/{chunk-BCBQINY3.js → chunk-JOL2XETU.js} +2 -2
  132. package/dist/{chunk-VQN3EOEE.js → chunk-JZ6W76HH.js} +2 -2
  133. package/dist/{chunk-SUNGEQNN.js → chunk-KL6G435R.js} +2 -2
  134. package/dist/{chunk-W57EDX3L.js → chunk-KTYJODZV.js} +1 -1
  135. package/dist/{chunk-T52WHF7R.js → chunk-KVXE46FV.js} +1 -1
  136. package/dist/{chunk-GNG2NV76.js → chunk-L6KDA3QR.js} +1 -1
  137. package/dist/{chunk-TRMO7MV5.js → chunk-LSFVWR6F.js} +11 -11
  138. package/dist/{chunk-THRSW2TA.js → chunk-MRQEFQZB.js} +1 -1
  139. package/dist/{chunk-Q7NZNQEE.js → chunk-NBPERDDF.js} +2 -2
  140. package/dist/{chunk-BV3ROFY6.js → chunk-NOGAOMSP.js} +1 -1
  141. package/dist/{chunk-MRHZL6GL.js → chunk-NUN7AV55.js} +2 -2
  142. package/dist/{chunk-MVXDSVBA.js → chunk-OQPQ5Q54.js} +1 -1
  143. package/dist/{chunk-A5X5HCFF.js → chunk-OZ3W7ATD.js} +1 -1
  144. package/dist/{chunk-EOXIVZJH.js → chunk-PN2K4YPV.js} +1 -1
  145. package/dist/{chunk-6Y4WK3RQ.js → chunk-QABLDHTY.js} +1 -1
  146. package/dist/{chunk-FC6G5MQ3.js → chunk-QWK3WHKB.js} +2 -2
  147. package/dist/{chunk-XYQU45MO.js → chunk-QZG7DH76.js} +3 -3
  148. package/dist/{chunk-LDWHZCH4.js → chunk-RWYVNDEG.js} +1 -1
  149. package/dist/{chunk-C7CNYQRP.js → chunk-S2FS5CRY.js} +2 -2
  150. package/dist/{chunk-O6RCJ73Y.js → chunk-SH7QX4ON.js} +2 -2
  151. package/dist/{chunk-2ZNBGFYO.js → chunk-SQFL7HVZ.js} +1 -1
  152. package/dist/{chunk-OZ7NZPDM.js → chunk-SR2OVG77.js} +1 -1
  153. package/dist/{chunk-QIGTPOAF.js → chunk-T2C6FGAY.js} +10 -10
  154. package/dist/{chunk-FQHEXVEO.js → chunk-T6TEL2CE.js} +2 -2
  155. package/dist/{chunk-4O27LL2N.js → chunk-TLWX2TD4.js} +2 -2
  156. package/dist/{chunk-UEJAUKJY.js → chunk-UENGYKQS.js} +8 -8
  157. package/dist/{chunk-XSUYZDYB.js → chunk-UH3BTZIK.js} +1 -1
  158. package/dist/{chunk-GDX6X4AK.js → chunk-V2AOVTCU.js} +2 -2
  159. package/dist/{chunk-PT5SYITB.js → chunk-V3GYJE64.js} +5 -5
  160. package/dist/{chunk-5ZMGVSCQ.js → chunk-VOPB3IFM.js} +1 -1
  161. package/dist/{chunk-TBOTEIRR.js → chunk-WGY5JT6V.js} +1 -1
  162. package/dist/{chunk-I62K2ZHG.js → chunk-XOYIBFOK.js} +1 -1
  163. package/dist/{chunk-CU3QGP2L.js → chunk-ZBKTSDZW.js} +2 -2
  164. package/dist/combobox/src/ComboBox.css +1132 -955
  165. package/dist/combobox/src/ComboBox.js +18 -18
  166. package/dist/combobox/src/index.css +1132 -955
  167. package/dist/combobox/src/index.js +18 -18
  168. package/dist/contextual-help/src/ContextualHelp.css +1061 -884
  169. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  170. package/dist/contextual-help/src/index.css +1061 -884
  171. package/dist/contextual-help/src/index.js +4 -4
  172. package/dist/disclosure/src/Disclosure.css +48 -48
  173. package/dist/disclosure/src/Disclosure.js +2 -2
  174. package/dist/disclosure/src/DisclosureHeader.css +55 -55
  175. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  176. package/dist/disclosure/src/DisclosurePanel.css +48 -48
  177. package/dist/disclosure/src/DisclosurePanel.js +4 -4
  178. package/dist/disclosure/src/index.css +73 -73
  179. package/dist/disclosure/src/index.js +8 -8
  180. package/dist/divider/src/Divider.css +40 -40
  181. package/dist/divider/src/Divider.js +1 -1
  182. package/dist/divider/src/index.css +40 -40
  183. package/dist/divider/src/index.js +1 -1
  184. package/dist/error-message/src/ErrorMessage.css +40 -40
  185. package/dist/error-message/src/ErrorMessage.js +2 -2
  186. package/dist/error-message/src/index.css +40 -40
  187. package/dist/error-message/src/index.js +2 -2
  188. package/dist/form/src/Form.css +38 -38
  189. package/dist/form/src/Form.d.ts +1 -1
  190. package/dist/form/src/Form.js +1 -1
  191. package/dist/form/src/index.css +38 -38
  192. package/dist/form/src/index.js +1 -1
  193. package/dist/header/src/Header.css +38 -38
  194. package/dist/header/src/index.css +38 -38
  195. package/dist/helper-message/src/HelperMessage.css +40 -40
  196. package/dist/helper-message/src/HelperMessage.js +2 -2
  197. package/dist/helper-message/src/index.css +40 -40
  198. package/dist/helper-message/src/index.js +2 -2
  199. package/dist/hopper-provider/src/HopperProvider.css +39 -39
  200. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  201. package/dist/hopper-provider/src/index.css +39 -39
  202. package/dist/hopper-provider/src/index.js +1 -1
  203. package/dist/icon-list/src/IconList.css +39 -39
  204. package/dist/icon-list/src/IconList.js +1 -1
  205. package/dist/icon-list/src/index.css +39 -39
  206. package/dist/icon-list/src/index.js +1 -1
  207. package/dist/illustrated-message/src/IllustratedMessage.css +737 -560
  208. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  209. package/dist/illustrated-message/src/index.css +737 -560
  210. package/dist/illustrated-message/src/index.js +1 -1
  211. package/dist/image/src/Image.css +41 -41
  212. package/dist/image/src/Image.js +1 -1
  213. package/dist/image/src/SvgImage.css +39 -39
  214. package/dist/image/src/SvgImage.js +1 -1
  215. package/dist/image/src/index.css +42 -42
  216. package/dist/image/src/index.js +2 -2
  217. package/dist/index.css +1482 -1305
  218. package/dist/index.d.ts +25 -7
  219. package/dist/index.js +90 -89
  220. package/dist/inputs/src/Input.css +42 -42
  221. package/dist/inputs/src/Input.js +1 -1
  222. package/dist/inputs/src/InputGroup.css +44 -44
  223. package/dist/inputs/src/InputGroup.js +1 -1
  224. package/dist/inputs/src/NumberField.css +68 -68
  225. package/dist/inputs/src/NumberField.js +10 -10
  226. package/dist/inputs/src/PasswordField.css +738 -561
  227. package/dist/inputs/src/PasswordField.js +10 -10
  228. package/dist/inputs/src/RemainingCharacterCount.css +41 -41
  229. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  230. package/dist/inputs/src/SearchField.css +744 -567
  231. package/dist/inputs/src/SearchField.js +11 -11
  232. package/dist/inputs/src/TextArea.css +65 -65
  233. package/dist/inputs/src/TextArea.js +9 -9
  234. package/dist/inputs/src/TextField.css +742 -565
  235. package/dist/inputs/src/TextField.js +13 -13
  236. package/dist/inputs/src/index.css +784 -607
  237. package/dist/inputs/src/index.js +17 -17
  238. package/dist/layout/src/Content.css +38 -38
  239. package/dist/layout/src/Footer.css +38 -38
  240. package/dist/link/src/Link.css +77 -77
  241. package/dist/link/src/Link.js +3 -3
  242. package/dist/link/src/index.css +77 -77
  243. package/dist/link/src/index.js +3 -3
  244. package/dist/list-box/src/ListBox.css +312 -312
  245. package/dist/list-box/src/ListBox.js +7 -7
  246. package/dist/list-box/src/ListBoxItem.css +300 -300
  247. package/dist/list-box/src/ListBoxItem.js +6 -6
  248. package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
  249. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  250. package/dist/list-box/src/index.css +312 -312
  251. package/dist/list-box/src/index.js +7 -7
  252. package/dist/menu/src/Menu.css +1057 -880
  253. package/dist/menu/src/Menu.js +2 -2
  254. package/dist/menu/src/MenuItem.css +117 -117
  255. package/dist/menu/src/MenuItem.js +2 -2
  256. package/dist/menu/src/MenuSection.css +40 -40
  257. package/dist/menu/src/MenuSection.js +1 -1
  258. package/dist/menu/src/index.css +1082 -905
  259. package/dist/menu/src/index.js +5 -5
  260. package/dist/modal/src/BaseModal.css +53 -53
  261. package/dist/modal/src/BaseModal.js +1 -1
  262. package/dist/modal/src/CustomModal.css +54 -54
  263. package/dist/modal/src/CustomModal.js +2 -2
  264. package/dist/modal/src/Modal.css +760 -583
  265. package/dist/modal/src/Modal.js +9 -8
  266. package/dist/modal/src/index.css +755 -578
  267. package/dist/modal/src/index.js +10 -9
  268. package/dist/overlays/popover/src/Popover.css +1055 -878
  269. package/dist/overlays/popover/src/Popover.js +2 -2
  270. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  271. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  272. package/dist/overlays/popover/src/index.css +1058 -881
  273. package/dist/overlays/popover/src/index.js +3 -3
  274. package/dist/radio/src/DecorativeRadio.css +65 -65
  275. package/dist/radio/src/DecorativeRadio.js +3 -3
  276. package/dist/radio/src/Radio.css +57 -57
  277. package/dist/radio/src/Radio.js +3 -3
  278. package/dist/radio/src/RadioField.css +44 -44
  279. package/dist/radio/src/RadioField.js +2 -2
  280. package/dist/radio/src/RadioGroup.css +109 -109
  281. package/dist/radio/src/RadioGroup.js +7 -7
  282. package/dist/radio/src/index.css +109 -109
  283. package/dist/radio/src/index.js +11 -11
  284. package/dist/segmented-control/src/SegmentedControl.css +39 -39
  285. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  286. package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
  287. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  288. package/dist/segmented-control/src/index.css +54 -54
  289. package/dist/segmented-control/src/index.js +3 -3
  290. package/dist/select/src/Select.css +1076 -899
  291. package/dist/select/src/Select.js +17 -17
  292. package/dist/select/src/SelectValue.css +99 -99
  293. package/dist/select/src/SelectValue.js +2 -2
  294. package/dist/select/src/index.css +1076 -899
  295. package/dist/select/src/index.js +17 -17
  296. package/dist/spinner/src/Spinner.css +48 -48
  297. package/dist/spinner/src/Spinner.js +2 -2
  298. package/dist/spinner/src/index.css +48 -48
  299. package/dist/spinner/src/index.js +2 -2
  300. package/dist/switch/src/Switch.css +54 -54
  301. package/dist/switch/src/Switch.js +3 -3
  302. package/dist/switch/src/SwitchField.css +44 -44
  303. package/dist/switch/src/SwitchField.js +2 -2
  304. package/dist/switch/src/index.css +60 -60
  305. package/dist/switch/src/index.js +4 -4
  306. package/dist/tabs/src/Tab.css +902 -725
  307. package/dist/tabs/src/Tab.js +2 -2
  308. package/dist/tabs/src/TabLine.css +40 -40
  309. package/dist/tabs/src/TabLine.js +1 -1
  310. package/dist/tabs/src/TabList.css +47 -47
  311. package/dist/tabs/src/TabList.js +2 -2
  312. package/dist/tabs/src/TabPanel.css +40 -40
  313. package/dist/tabs/src/TabPanel.js +1 -1
  314. package/dist/tabs/src/index.css +913 -736
  315. package/dist/tabs/src/index.js +5 -5
  316. package/dist/tag/src/Tag.css +880 -703
  317. package/dist/tag/src/Tag.js +7 -7
  318. package/dist/tag/src/TagGroup.css +48 -48
  319. package/dist/tag/src/TagGroup.js +7 -7
  320. package/dist/tag/src/index.css +890 -713
  321. package/dist/tag/src/index.js +12 -12
  322. package/dist/tile/src/Tile.css +47 -47
  323. package/dist/tile/src/Tile.js +2 -2
  324. package/dist/tile/src/TileGroup.css +39 -39
  325. package/dist/tile/src/TileGroup.js +1 -1
  326. package/dist/tile/src/index.css +48 -48
  327. package/dist/tile/src/index.js +3 -3
  328. package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
  329. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  330. package/dist/toggle-arrow/src/index.css +40 -40
  331. package/dist/toggle-arrow/src/index.js +1 -1
  332. package/dist/tooltip/src/Tooltip.css +48 -48
  333. package/dist/tooltip/src/Tooltip.js +3 -3
  334. package/dist/tooltip/src/TooltipTrigger.css +38 -38
  335. package/dist/tooltip/src/index.css +48 -48
  336. package/dist/tooltip/src/index.js +3 -3
  337. package/dist/{types-CVCUJ7un.d.ts → types-BqmVPR6K.d.ts} +2 -2
  338. package/dist/typography/heading/src/Heading.css +38 -38
  339. package/dist/typography/heading/src/Heading.js +1 -1
  340. package/dist/typography/heading/src/index.css +38 -38
  341. package/dist/typography/heading/src/index.js +1 -1
  342. package/dist/typography/label/src/FieldLabel.css +38 -38
  343. package/dist/typography/label/src/FieldLabel.js +3 -3
  344. package/dist/typography/label/src/Label.css +38 -38
  345. package/dist/typography/label/src/Label.js +1 -1
  346. package/dist/typography/label/src/index.css +38 -38
  347. package/dist/typography/label/src/index.js +3 -3
  348. package/dist/typography/overline-text/src/OverlineText.css +38 -38
  349. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  350. package/dist/typography/overline-text/src/index.css +38 -38
  351. package/dist/typography/overline-text/src/index.js +1 -1
  352. package/dist/typography/paragraph/src/Paragraph.css +38 -38
  353. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  354. package/dist/typography/paragraph/src/index.css +38 -38
  355. package/dist/typography/paragraph/src/index.js +2 -2
  356. package/dist/typography/text/src/Text.css +38 -38
  357. package/dist/typography/text/src/Text.js +1 -1
  358. package/dist/typography/text/src/index.css +38 -38
  359. package/dist/typography/text/src/index.js +1 -1
  360. package/dist/utils/src/ClearSlots.css +38 -38
  361. package/dist/utils/src/EnsureTextWrapper.css +38 -38
  362. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  363. package/dist/utils/src/index.css +38 -38
  364. package/dist/utils/src/index.js +2 -2
  365. 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___BRqAY {
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___BRqAY) {
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___-cYUG) {
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___aVJ3J) {
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___oIhpJ) {
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___NCNfC) {
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___7SiFx) {
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___odubm) {
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___PuZe2) {
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___t4rQR {
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___v6UpM {
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___v6UpM) {
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___zWpYu {
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___5IEoJ {
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___SJfV5) {
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___tJHFh {
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___tJHFh::before,
149
+ .OverlineText-module__hop-OverlineText__text___tJHFh::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___tJHFh::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___tJHFh::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___yveew {
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___yveew) {
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___xgUXf) {
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___lH9j4) {
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___d08VF) {
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___b8Y3o) {
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___XLdFv) {
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___1bdXc) {
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___kWQXK) {
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___zZ15s {
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___zZ15s:last-child {
257
257
  --margin-block-end: 0;
258
258
  }
259
- .Paragraph-module__hop-Paragraph--xs___us82- {
259
+ .Paragraph-module__hop-Paragraph--xs___NLLnZ {
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___FEYlD {
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___n-RPv {
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___ewPRG {
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___8Cgfv {
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___fkck6 {
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___mhv9Y {
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/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
282
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD {
282
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WviZB {
283
283
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
284
284
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
285
285
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -310,46 +310,46 @@
310
310
  background-color: var(--background-color);
311
311
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
312
312
  }
313
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___yY25s {
313
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___5r-iD {
314
314
  --size: var(--hop-RichIconAvatarImage-xs-size);
315
315
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
316
316
  }
317
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___s9gt3 {
317
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___sPduh {
318
318
  --size: var(--hop-RichIconAvatarImage-sm-size);
319
319
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
320
320
  }
321
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yjzu3 {
321
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___iwFlB {
322
322
  --size: var(--hop-RichIconAvatarImage-md-size);
323
323
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
324
324
  }
325
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___uFEcX {
325
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___hvG9C {
326
326
  --size: var(--hop-RichIconAvatarImage-lg-size);
327
327
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
328
328
  }
329
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___66GKw {
329
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___aC2kq {
330
330
  --size: var(--hop-RichIconAvatarImage-xl-size);
331
331
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
332
332
  }
333
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___HUWNK {
333
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___awrRI {
334
334
  --size: var(--hop-RichIconAvatarImage-2xl-size);
335
335
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
336
336
  }
337
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] {
337
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WviZB[data-disabled] {
338
338
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
339
339
  }
340
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
340
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___efSw7 {
341
341
  position: relative;
342
342
  display: block;
343
343
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
344
344
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
345
345
  }
346
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
346
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WviZB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___efSw7 {
347
347
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
348
348
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
349
349
  }
350
350
 
351
351
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
352
- .Avatar-module__hop-Avatar___uaqDg {
352
+ .Avatar-module__hop-Avatar___lJTBp {
353
353
  --hop-Avatar-border-radius: var(--hop-shape-circle);
354
354
  --hop-Avatar-mix-blend-mode: normal;
355
355
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -394,67 +394,67 @@
394
394
  background-color: var(--background-color, transparent);
395
395
  border-radius: var(--hop-Avatar-border-radius);
396
396
  }
397
- .Avatar-module__hop-Avatar--xs___JnxQL {
397
+ .Avatar-module__hop-Avatar--xs___Yhdop {
398
398
  --size: var(--hop-Avatar-xs-size);
399
399
  }
400
- .Avatar-module__hop-Avatar--sm___wGq1I {
400
+ .Avatar-module__hop-Avatar--sm___BDJm1 {
401
401
  --size: var(--hop-Avatar-sm-size);
402
402
  }
403
- .Avatar-module__hop-Avatar--md___RIHVc {
403
+ .Avatar-module__hop-Avatar--md___5kYdx {
404
404
  --size: var(--hop-Avatar-md-size);
405
405
  }
406
- .Avatar-module__hop-Avatar--lg___BoomX {
406
+ .Avatar-module__hop-Avatar--lg___HErnt {
407
407
  --size: var(--hop-Avatar-lg-size);
408
408
  }
409
- .Avatar-module__hop-Avatar--xl___9-mvF {
409
+ .Avatar-module__hop-Avatar--xl___Ob5SO {
410
410
  --size: var(--hop-Avatar-xl-size);
411
411
  }
412
- .Avatar-module__hop-Avatar--2xl___YOeDn {
412
+ .Avatar-module__hop-Avatar--2xl___BF-dY {
413
413
  --size: var(--hop-Avatar-2xl-size);
414
414
  }
415
- .Avatar-module__hop-Avatar--decorative-option1___Yg1OM {
415
+ .Avatar-module__hop-Avatar--decorative-option1___QV2kU {
416
416
  --background-color: var(--hop-Avatar-decorative-1-background-color);
417
417
  --text-color: var(--hop-Avatar-decorative-1-text-color);
418
418
  }
419
- .Avatar-module__hop-Avatar--decorative-option2___2KiOH {
419
+ .Avatar-module__hop-Avatar--decorative-option2___QiaKO {
420
420
  --background-color: var(--hop-Avatar-decorative-2-background-color);
421
421
  --text-color: var(--hop-Avatar-decorative-2-text-color);
422
422
  }
423
- .Avatar-module__hop-Avatar--decorative-option3___S-tqo {
423
+ .Avatar-module__hop-Avatar--decorative-option3___6sTz3 {
424
424
  --background-color: var(--hop-Avatar-decorative-3-background-color);
425
425
  --text-color: var(--hop-Avatar-decorative-3-text-color);
426
426
  }
427
- .Avatar-module__hop-Avatar--decorative-option4___1bTKD {
427
+ .Avatar-module__hop-Avatar--decorative-option4___M6PEj {
428
428
  --background-color: var(--hop-Avatar-decorative-4-background-color);
429
429
  --text-color: var(--hop-Avatar-decorative-4-text-color);
430
430
  }
431
- .Avatar-module__hop-Avatar--decorative-option5___dIVH6 {
431
+ .Avatar-module__hop-Avatar--decorative-option5___8f-YL {
432
432
  --background-color: var(--hop-Avatar-decorative-5-background-color);
433
433
  --text-color: var(--hop-Avatar-decorative-5-text-color);
434
434
  }
435
- .Avatar-module__hop-Avatar--decorative-option6___ku007 {
435
+ .Avatar-module__hop-Avatar--decorative-option6___5y8Pc {
436
436
  --background-color: var(--hop-Avatar-decorative-6-background-color);
437
437
  --text-color: var(--hop-Avatar-decorative-6-text-color);
438
438
  }
439
- .Avatar-module__hop-Avatar--decorative-option7___sC-Le {
439
+ .Avatar-module__hop-Avatar--decorative-option7___EDyNe {
440
440
  --background-color: var(--hop-Avatar-decorative-7-background-color);
441
441
  --text-color: var(--hop-Avatar-decorative-7-text-color);
442
442
  }
443
- .Avatar-module__hop-Avatar--decorative-option8___QzRDL {
443
+ .Avatar-module__hop-Avatar--decorative-option8___zh5MS {
444
444
  --background-color: var(--hop-Avatar-decorative-8-background-color);
445
445
  --text-color: var(--hop-Avatar-decorative-8-text-color);
446
446
  }
447
- .Avatar-module__hop-Avatar--decorative-option9___-du9m {
447
+ .Avatar-module__hop-Avatar--decorative-option9___fv4ql {
448
448
  --background-color: var(--hop-Avatar-decorative-9-background-color);
449
449
  --text-color: var(--hop-Avatar-decorative-9-text-color);
450
450
  }
451
- .Avatar-module__hop-Avatar___uaqDg[data-disabled] {
451
+ .Avatar-module__hop-Avatar___lJTBp[data-disabled] {
452
452
  --background-color: var(--hop-Avatar-background-color-disabled);
453
453
  --text-color: var(--hop-Avatar-text-color-disabled);
454
454
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
455
455
  isolation: isolate;
456
456
  }
457
- .Avatar-module__hop-Avatar__image___Wkz1L {
457
+ .Avatar-module__hop-Avatar__image___K0TKo {
458
458
  position: relative;
459
459
  display: block;
460
460
  box-sizing: border-box;
@@ -465,7 +465,7 @@
465
465
  }
466
466
 
467
467
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
468
- .Tooltip-module__hop-Tooltip___Q5E29 {
468
+ .Tooltip-module__hop-Tooltip___lOx1P {
469
469
  --hop-Tooltip-max-inline-size: 20rem;
470
470
  --hop-Tooltip-slide-amount: 0.25rem;
471
471
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -492,29 +492,29 @@
492
492
  border-radius: var(--hop-Tooltip-border-radius);
493
493
  box-shadow: var(--hop-Tooltip-box-shadow);
494
494
  }
495
- .Tooltip-module__hop-Tooltip--top___hZc5W {
495
+ .Tooltip-module__hop-Tooltip--top___0zcQZ {
496
496
  --origin-x: 0;
497
497
  --origin-y: var(--hop-Tooltip-slide-amount);
498
498
  }
499
- .Tooltip-module__hop-Tooltip--right___zD66s {
499
+ .Tooltip-module__hop-Tooltip--right___yAP6X {
500
500
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
501
501
  --origin-y: 0;
502
502
  }
503
- .Tooltip-module__hop-Tooltip--bottom___MLy5R {
503
+ .Tooltip-module__hop-Tooltip--bottom___D9jCn {
504
504
  --origin-x: 0;
505
505
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
506
506
  }
507
- .Tooltip-module__hop-Tooltip--left___keFSC {
507
+ .Tooltip-module__hop-Tooltip--left___90Z3e {
508
508
  --origin-x: var(--hop-Tooltip-slide-amount);
509
509
  --origin-y: 0;
510
510
  }
511
- .Tooltip-module__hop-Tooltip___Q5E29[data-entering] {
512
- animation: Tooltip-module__slide___wmKJ7 0.2s ease-out;
511
+ .Tooltip-module__hop-Tooltip___lOx1P[data-entering] {
512
+ animation: Tooltip-module__slide___70Yhh 0.2s ease-out;
513
513
  }
514
- .Tooltip-module__hop-Tooltip___Q5E29[data-exiting] {
515
- animation: Tooltip-module__slide___wmKJ7 0.2s ease-in reverse;
514
+ .Tooltip-module__hop-Tooltip___lOx1P[data-exiting] {
515
+ animation: Tooltip-module__slide___70Yhh 0.2s ease-in reverse;
516
516
  }
517
- @keyframes Tooltip-module__slide___wmKJ7 {
517
+ @keyframes Tooltip-module__slide___70Yhh {
518
518
  from {
519
519
  transform: translate(var(--origin-x), var(--origin-y));
520
520
  opacity: 0;
@@ -526,44 +526,44 @@
526
526
  }
527
527
 
528
528
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
529
- .AvatarGroup-module__hop-AvatarGroup___K3-Xc {
529
+ .AvatarGroup-module__hop-AvatarGroup___GxJNx {
530
530
  --hop-AvatarGroup-display: flex;
531
531
  --hop-AvatarGroup-align-items: center;
532
532
  display: var(--hop-AvatarGroup-display);
533
533
  align-items: var(--hop-AvatarGroup-align-items);
534
534
  }
535
- .AvatarGroup-module__hop-AvatarGroup--wrap___3x9cZ {
535
+ .AvatarGroup-module__hop-AvatarGroup--wrap___tJQyl {
536
536
  flex-wrap: wrap;
537
537
  }
538
- .AvatarGroup-module__hop-AvatarGroup--xs___o-7s9 {
538
+ .AvatarGroup-module__hop-AvatarGroup--xs___U0zQd {
539
539
  --gap: -0.125rem;
540
540
  }
541
- .AvatarGroup-module__hop-AvatarGroup--sm___uH6T5 {
541
+ .AvatarGroup-module__hop-AvatarGroup--sm___l-lM- {
542
542
  --gap: -0.25rem;
543
543
  }
544
- .AvatarGroup-module__hop-AvatarGroup--md___Zy1Ew {
544
+ .AvatarGroup-module__hop-AvatarGroup--md___L1dmM {
545
545
  --gap: -0.5rem;
546
546
  }
547
- .AvatarGroup-module__hop-AvatarGroup--lg___NyOR1 {
547
+ .AvatarGroup-module__hop-AvatarGroup--lg___tSFMl {
548
548
  --gap: -1rem;
549
549
  }
550
- .AvatarGroup-module__hop-AvatarGroup--xl___iJYCU {
550
+ .AvatarGroup-module__hop-AvatarGroup--xl___DbEoG {
551
551
  --gap: -1rem;
552
552
  }
553
- .AvatarGroup-module__hop-AvatarGroup--2xl___8N1wd {
553
+ .AvatarGroup-module__hop-AvatarGroup--2xl___MvPJ0 {
554
554
  --gap: -2rem;
555
555
  }
556
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
556
+ .AvatarGroup-module__hop-AvatarGroup__avatar___cAx-M {
557
557
  margin-inline-start: var(--gap);
558
558
  transition: margin var(--hop-easing-duration-2);
559
559
  }
560
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
560
+ .AvatarGroup-module__hop-AvatarGroup__avatar___cAx-M:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___cAx-M {
561
561
  margin-inline-start: 0;
562
562
  }
563
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:first-child {
563
+ .AvatarGroup-module__hop-AvatarGroup__avatar___cAx-M:first-child {
564
564
  margin-inline-start: 0;
565
565
  }
566
- .AvatarGroup-module__hop-AvatarGroup__label___zX5og {
566
+ .AvatarGroup-module__hop-AvatarGroup__label___KWB4k {
567
567
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
568
568
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
569
569
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -575,7 +575,7 @@
575
575
  font-weight: var(--hop-AvatarGroup-label-font-weight);
576
576
  line-height: var(--hop-AvatarGroup-label-line-height);
577
577
  }
578
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc {
578
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___F678h {
579
579
  --hop-AvatarGroup__hiddenAvatar-display: flex;
580
580
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
581
581
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -593,21 +593,21 @@
593
593
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
594
594
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
595
595
  }
596
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc:not(:last-child) {
596
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___F678h:not(:last-child) {
597
597
  margin-block-end: 0.25rem;
598
598
  }
599
- .AvatarGroup-module__hop-AvatarGroup--start___Ac8GU {
599
+ .AvatarGroup-module__hop-AvatarGroup--start___-XUqT {
600
600
  justify-content: flex-start;
601
601
  }
602
- .AvatarGroup-module__hop-AvatarGroup--end___va99C {
602
+ .AvatarGroup-module__hop-AvatarGroup--end___jL5bD {
603
603
  justify-content: flex-end;
604
604
  }
605
- .AvatarGroup-module__hop-AvatarGroup--center___hf7Gl {
605
+ .AvatarGroup-module__hop-AvatarGroup--center___ujA-n {
606
606
  justify-content: center;
607
607
  }
608
608
 
609
609
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
610
- .Badge-module__hop-Badge___Em6Ee {
610
+ .Badge-module__hop-Badge___gHyXD {
611
611
  --hop-Badge-height: 1.5rem;
612
612
  --hop-Badge-width: max-content;
613
613
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -657,67 +657,67 @@
657
657
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
658
658
  border-radius: var(--border-radius);
659
659
  }
660
- .Badge-module__hop-Badge--primary___2xcfI {
660
+ .Badge-module__hop-Badge--primary___HeEmW {
661
661
  --background-color: var(--hop-Badge-primary-background-color);
662
662
  --text-color: var(--hop-Badge-primary-text-color);
663
663
  }
664
- .Badge-module__hop-Badge--primary___2xcfI[data-hovered] {
664
+ .Badge-module__hop-Badge--primary___HeEmW[data-hovered] {
665
665
  --background-color: var(--hop-Badge-primary-background-color-hovered);
666
666
  --text-color: var(--hop-Badge-primary-text-color-hovered);
667
667
  }
668
- .Badge-module__hop-Badge--primary___2xcfI[data-pressed] {
668
+ .Badge-module__hop-Badge--primary___HeEmW[data-pressed] {
669
669
  --background-color: var(--hop-Badge-primary-background-color-pressed);
670
670
  --text-color: var(--hop-Badge-primary-text-color-pressed);
671
671
  }
672
- .Badge-module__hop-Badge--primary___2xcfI[data-selected] {
672
+ .Badge-module__hop-Badge--primary___HeEmW[data-selected] {
673
673
  --background-color: var(--hop-Badge-primary-background-color-selected);
674
674
  --text-color: var(--hop-Badge-primary-text-color-selected);
675
675
  }
676
- .Badge-module__hop-Badge--secondary___O77eV {
676
+ .Badge-module__hop-Badge--secondary___mh4L4 {
677
677
  --background-color: var(--hop-Badge-secondary-background-color);
678
678
  --text-color: var(--hop-Badge-secondary-text-color);
679
679
  }
680
- .Badge-module__hop-Badge--secondary___O77eV[data-hovered] {
680
+ .Badge-module__hop-Badge--secondary___mh4L4[data-hovered] {
681
681
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
682
682
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
683
683
  }
684
- .Badge-module__hop-Badge--secondary___O77eV[data-pressed] {
684
+ .Badge-module__hop-Badge--secondary___mh4L4[data-pressed] {
685
685
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
686
686
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
687
687
  }
688
- .Badge-module__hop-Badge--secondary___O77eV[data-selected] {
688
+ .Badge-module__hop-Badge--secondary___mh4L4[data-selected] {
689
689
  --background-color: var(--hop-Badge-secondary-background-color-selected);
690
690
  --text-color: var(--hop-Badge-secondary-text-color-selected);
691
691
  }
692
- .Badge-module__hop-Badge--subdued___12tA7 {
692
+ .Badge-module__hop-Badge--subdued___oZHiV {
693
693
  --background-color: var(--hop-Badge-subdued-background-color);
694
694
  --text-color: var(--hop-Badge-subdued-text-color);
695
695
  }
696
- .Badge-module__hop-Badge--subdued___12tA7[data-hovered] {
696
+ .Badge-module__hop-Badge--subdued___oZHiV[data-hovered] {
697
697
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
698
698
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
699
699
  }
700
- .Badge-module__hop-Badge--subdued___12tA7[data-pressed] {
700
+ .Badge-module__hop-Badge--subdued___oZHiV[data-pressed] {
701
701
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
702
702
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
703
703
  }
704
- .Badge-module__hop-Badge--subdued___12tA7[data-selected] {
704
+ .Badge-module__hop-Badge--subdued___oZHiV[data-selected] {
705
705
  --background-color: var(--hop-Badge-subdued-background-color-selected);
706
706
  --text-color: var(--hop-Badge-subdued-text-color-selected);
707
707
  }
708
- .Badge-module__hop-Badge___Em6Ee[data-indeterminate] {
708
+ .Badge-module__hop-Badge___gHyXD[data-indeterminate] {
709
709
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
710
710
  --height: var(--hop-Badge-indeterminate-height);
711
711
  --width: var(--hop-Badge-indeterminate-width);
712
712
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
713
713
  }
714
- .Badge-module__hop-Badge___Em6Ee[data-disabled] {
714
+ .Badge-module__hop-Badge___gHyXD[data-disabled] {
715
715
  --background-color: var(--hop-Badge-background-color-disabled);
716
716
  --text-color: var(--hop-Badge-text-color-disabled);
717
717
  }
718
718
 
719
719
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
720
- .FloatingBadge-module__hop-FloatingBadge___4PqyD {
720
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3 {
721
721
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
722
722
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
723
723
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -758,7 +758,7 @@
758
758
  box-sizing: border-box;
759
759
  inline-size: max-content;
760
760
  }
761
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"] {
761
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="top right"] {
762
762
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
763
763
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
764
764
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -766,11 +766,11 @@
766
766
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
767
767
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
768
768
  }
769
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"][data-overlap=circular] {
769
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="top right"][data-overlap=circular] {
770
770
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
771
771
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
772
772
  }
773
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"] {
773
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="top left"] {
774
774
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
775
775
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
776
776
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -778,11 +778,11 @@
778
778
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
779
779
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
780
780
  }
781
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"][data-overlap=circular] {
781
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="top left"][data-overlap=circular] {
782
782
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
783
783
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
784
784
  }
785
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"] {
785
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="bottom right"] {
786
786
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
787
787
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
788
788
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -790,11 +790,11 @@
790
790
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
791
791
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
792
792
  }
793
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"][data-overlap=circular] {
793
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="bottom right"][data-overlap=circular] {
794
794
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
795
795
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
796
796
  }
797
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"] {
797
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="bottom left"] {
798
798
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
799
799
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
800
800
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -802,11 +802,11 @@
802
802
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
803
803
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
804
804
  }
805
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"][data-overlap=circular] {
805
+ .FloatingBadge-module__hop-FloatingBadge___HoAu3[data-placement="bottom left"][data-overlap=circular] {
806
806
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
807
807
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
808
808
  }
809
- .FloatingBadge-module__hop-FloatingBadge__badge___Ohl2E {
809
+ .FloatingBadge-module__hop-FloatingBadge__badge___DKzox {
810
810
  position: absolute;
811
811
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
812
812
  transform-origin: var(--badge-transform-origin);
@@ -814,7 +814,7 @@
814
814
  }
815
815
 
816
816
  /* 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 {
817
+ .IconList-module__hop-IconList___BFQXJ {
818
818
  --hop-IconList-gap: var(--hop-space-inline-xs);
819
819
  display: flex;
820
820
  flex-wrap: wrap;
@@ -823,7 +823,7 @@
823
823
  }
824
824
 
825
825
  /* 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 {
826
+ @keyframes Spinner-module__spin___EqTZ5 {
827
827
  0% {
828
828
  transform: rotate(0deg);
829
829
  }
@@ -831,7 +831,7 @@
831
831
  transform: rotate(360deg);
832
832
  }
833
833
  }
834
- .Spinner-module__hop-Spinner___Oa3G6 {
834
+ .Spinner-module__hop-Spinner___BpFRY {
835
835
  --hop-Spinner-border-radius: var(--hop-shape-circle);
836
836
  --hop-Spinner-sm-wheel-size: 1rem;
837
837
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -839,7 +839,7 @@
839
839
  --hop-Spinner-track-width: 0.125rem;
840
840
  --hop-Spinner-track-opacity: 0.2;
841
841
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
842
- --hop-Spinner-fill-animation: Spinner-module__spin___SnxzS .8s infinite linear;
842
+ --hop-Spinner-fill-animation: Spinner-module__spin___EqTZ5 .8s infinite linear;
843
843
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
844
844
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
845
845
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -850,19 +850,19 @@
850
850
  align-items: center;
851
851
  box-sizing: border-box;
852
852
  }
853
- .Spinner-module__hop-Spinner--sm___0XkYa {
853
+ .Spinner-module__hop-Spinner--sm___mDnx9 {
854
854
  --width: var(--hop-Spinner-sm-wheel-size);
855
855
  --height: var(--hop-Spinner-sm-wheel-size);
856
856
  }
857
- .Spinner-module__hop-Spinner--md___dWYu5 {
857
+ .Spinner-module__hop-Spinner--md___CACp9 {
858
858
  --width: var(--hop-Spinner-md-wheel-size);
859
859
  --height: var(--hop-Spinner-md-wheel-size);
860
860
  }
861
- .Spinner-module__hop-Spinner--lg___qpxbh {
861
+ .Spinner-module__hop-Spinner--lg___jns7u {
862
862
  --width: var(--hop-Spinner-lg-wheel-size);
863
863
  --height: var(--hop-Spinner-lg-wheel-size);
864
864
  }
865
- .Spinner-module__hop-Spinner__track___Yntu2 {
865
+ .Spinner-module__hop-Spinner__track___l5dZk {
866
866
  grid-area: spinner;
867
867
  box-sizing: border-box;
868
868
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -871,7 +871,7 @@
871
871
  border: var(--hop-Spinner-track-border);
872
872
  border-radius: var(--hop-Spinner-border-radius);
873
873
  }
874
- .Spinner-module__hop-Spinner__fill___bJDXw {
874
+ .Spinner-module__hop-Spinner__fill___F-mR8 {
875
875
  grid-area: spinner;
876
876
  box-sizing: border-box;
877
877
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -882,17 +882,17 @@
882
882
  animation: var(--hop-Spinner-fill-animation);
883
883
  }
884
884
  @media (prefers-reduced-motion: reduce) {
885
- .Spinner-module__hop-Spinner__fill___bJDXw {
885
+ .Spinner-module__hop-Spinner__fill___F-mR8 {
886
886
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
887
887
  }
888
888
  }
889
- .Spinner-module__hop-Spinner__label___oVU-P {
889
+ .Spinner-module__hop-Spinner__label___dAnZw {
890
890
  grid-area: label;
891
891
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
892
892
  }
893
893
 
894
894
  /* 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 {
895
+ .Button-module__hop-Button___pFvZM {
896
896
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
897
897
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
898
898
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -901,10 +901,13 @@
901
901
  --hop-Button-border-size: var(--hop-space-10);
902
902
  --hop-Button-text-underline-offset: var(--hop-space-20);
903
903
  --hop-Button-icon-only-padding: 0;
904
+ --hop-Button-xs-height: 1.5rem;
904
905
  --hop-Button-sm-height: 2rem;
905
906
  --hop-Button-md-height: 2.5rem;
907
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
906
908
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
907
909
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
910
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
908
911
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
909
912
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
910
913
  --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
@@ -1016,215 +1019,222 @@
1016
1019
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1017
1020
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1018
1021
  }
1019
- .Button-module__hop-Button--fluid___eZzEd {
1022
+ .Button-module__hop-Button--fluid___-QhTX {
1020
1023
  --inline-size: 100%;
1021
1024
  }
1022
- .Button-module__hop-Button--sm___K0sPh {
1025
+ .Button-module__hop-Button--xs___8Z6Fg {
1026
+ --block-size: var(--hop-Button-xs-height);
1027
+ --padding: var(--hop-Button-xs-padding);
1028
+ }
1029
+ .Button-module__hop-Button--xs___8Z6Fg[class*=--ghost] {
1030
+ --padding: var(--hop-Button-ghost-xs-padding);
1031
+ }
1032
+ .Button-module__hop-Button--sm___jcXzi {
1023
1033
  --block-size: var(--hop-Button-sm-height);
1024
1034
  --padding: var(--hop-Button-sm-padding);
1025
1035
  }
1026
- .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
1036
+ .Button-module__hop-Button--sm___jcXzi[class*=--ghost] {
1027
1037
  --padding: var(--hop-Button-ghost-sm-padding);
1028
1038
  }
1029
- .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
1039
+ .Button-module__hop-Button--md___-Hyel[class*=--ghost] {
1030
1040
  --padding: var(--hop-Button-ghost-md-padding);
1031
1041
  }
1032
- .Button-module__hop-Button--icon-only___rYzdc {
1042
+ .Button-module__hop-Button--icon-only___ZHooM {
1033
1043
  --column-gap: var(--hop-Button-icon-only-column-gap);
1034
1044
  --padding: var(--hop-Button-icon-only-padding);
1035
1045
  aspect-ratio: 1;
1036
1046
  }
1037
- .Button-module__hop-Button--primary___hkH0I {
1047
+ .Button-module__hop-Button--primary___52x1K {
1038
1048
  --background-color: var(--hop-Button-primary-background-color);
1039
1049
  --color: var(--hop-Button-primary-color);
1040
1050
  --border: var(--hop-Button-primary-border);
1041
1051
  --spinner-color: var(--hop-Button-primary-spinner-color);
1042
1052
  }
1043
- .Button-module__hop-Button--primary___hkH0I[data-hovered],
1044
- .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
1053
+ .Button-module__hop-Button--primary___52x1K[data-hovered],
1054
+ .Button-module__hop-Button--primary___52x1K[data-focus-visible] {
1045
1055
  --background-color: var(--hop-Button-primary-background-color-hover);
1046
1056
  --color: var(--hop-Button-primary-color-hover);
1047
1057
  --border: var(--hop-Button-primary-border-hover);
1048
1058
  }
1049
- .Button-module__hop-Button--primary___hkH0I[data-pressed] {
1059
+ .Button-module__hop-Button--primary___52x1K[data-pressed] {
1050
1060
  --background-color: var(--hop-Button-primary-background-color-pressed);
1051
1061
  --color: var(--hop-Button-primary-color-pressed);
1052
1062
  --border: var(--hop-Button-primary-border-pressed);
1053
1063
  }
1054
- .Button-module__hop-Button--secondary___hSZYE {
1064
+ .Button-module__hop-Button--secondary___uDkfy {
1055
1065
  --background-color: var(--hop-Button-secondary-background-color);
1056
1066
  --color: var(--hop-Button-secondary-color);
1057
1067
  --border: var(--hop-Button-secondary-border);
1058
1068
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1059
1069
  }
1060
- .Button-module__hop-Button--secondary___hSZYE[data-hovered],
1061
- .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
1070
+ .Button-module__hop-Button--secondary___uDkfy[data-hovered],
1071
+ .Button-module__hop-Button--secondary___uDkfy[data-focus-visible] {
1062
1072
  --background-color: var(--hop-Button-secondary-background-color-hover);
1063
1073
  --color: var(--hop-Button-secondary-color-hover);
1064
1074
  --border: var(--hop-Button-secondary-border-hover);
1065
1075
  }
1066
- .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
1076
+ .Button-module__hop-Button--secondary___uDkfy[data-pressed] {
1067
1077
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1068
1078
  --color: var(--hop-Button-secondary-color-pressed);
1069
1079
  --border: var(--hop-Button-secondary-border-pressed);
1070
1080
  }
1071
- .Button-module__hop-Button--upsell___9z1o- {
1081
+ .Button-module__hop-Button--upsell___3jmtI {
1072
1082
  --background-color: var(--hop-Button-upsell-background-color);
1073
1083
  --color: var(--hop-Button-upsell-color);
1074
1084
  --border: var(--hop-Button-upsell-border);
1075
1085
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1076
1086
  }
1077
- .Button-module__hop-Button--upsell___9z1o-[data-hovered],
1078
- .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
1087
+ .Button-module__hop-Button--upsell___3jmtI[data-hovered],
1088
+ .Button-module__hop-Button--upsell___3jmtI[data-focus-visible] {
1079
1089
  --background-color: var(--hop-Button-upsell-background-color-hover);
1080
1090
  --color: var(--hop-Button-upsell-color-hover);
1081
1091
  --border: var(--hop-Button-upsell-border-hover);
1082
1092
  }
1083
- .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
1093
+ .Button-module__hop-Button--upsell___3jmtI[data-pressed] {
1084
1094
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1085
1095
  --color: var(--hop-Button-upsell-color-pressed);
1086
1096
  --border: var(--hop-Button-upsell-border-pressed);
1087
1097
  }
1088
- .Button-module__hop-Button--danger___KbLep {
1098
+ .Button-module__hop-Button--danger___tMXyo {
1089
1099
  --background-color: var(--hop-Button-danger-background-color);
1090
1100
  --color: var(--hop-Button-danger-color);
1091
1101
  --border: var(--hop-Button-danger-border);
1092
1102
  --spinner-color: var(--hop-Button-danger-spinner-color);
1093
1103
  }
1094
- .Button-module__hop-Button--danger___KbLep[data-hovered],
1095
- .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
1104
+ .Button-module__hop-Button--danger___tMXyo[data-hovered],
1105
+ .Button-module__hop-Button--danger___tMXyo[data-focus-visible] {
1096
1106
  --background-color: var(--hop-Button-danger-background-color-hover);
1097
1107
  --color: var(--hop-Button-danger-color-hover);
1098
1108
  --border: var(--hop-Button-danger-border-hover);
1099
1109
  }
1100
- .Button-module__hop-Button--danger___KbLep[data-pressed] {
1110
+ .Button-module__hop-Button--danger___tMXyo[data-pressed] {
1101
1111
  --background-color: var(--hop-Button-danger-background-color-pressed);
1102
1112
  --color: var(--hop-Button-danger-color-pressed);
1103
1113
  --border: var(--hop-Button-danger-border-pressed);
1104
1114
  }
1105
- .Button-module__hop-Button--ghost-primary___8jSf1 {
1115
+ .Button-module__hop-Button--ghost-primary___K1XFC {
1106
1116
  --background-color: var(--hop-Button-ghost-primary-background-color);
1107
1117
  --color: var(--hop-Button-ghost-primary-color);
1108
1118
  --border: var(--hop-Button-ghost-primary-border);
1109
1119
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1110
1120
  }
1111
- .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
1112
- .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
1121
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-hovered],
1122
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-focus-visible] {
1113
1123
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1114
1124
  --color: var(--hop-Button-ghost-primary-color-hover);
1115
1125
  --border: var(--hop-Button-ghost-primary-border-hover);
1116
1126
  --text-underline: underline;
1117
1127
  }
1118
- .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
1128
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-pressed] {
1119
1129
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1120
1130
  --color: var(--hop-Button-ghost-primary-color-pressed);
1121
1131
  --border: var(--hop-Button-ghost-primary-border-pressed);
1122
1132
  --text-underline: underline;
1123
1133
  }
1124
- .Button-module__hop-Button--ghost-secondary___TRM6h {
1134
+ .Button-module__hop-Button--ghost-secondary___w7DWH {
1125
1135
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1126
1136
  --color: var(--hop-Button-ghost-secondary-color);
1127
1137
  --border: var(--hop-Button-ghost-secondary-border);
1128
1138
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1129
1139
  }
1130
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
1131
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
1140
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-hovered],
1141
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-focus-visible] {
1132
1142
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1133
1143
  --color: var(--hop-Button-ghost-secondary-color-hover);
1134
1144
  --border: var(--hop-Button-ghost-secondary-border-hover);
1135
1145
  --text-underline: underline;
1136
1146
  }
1137
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
1147
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-pressed] {
1138
1148
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1139
1149
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1140
1150
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1141
1151
  --text-underline: underline;
1142
1152
  }
1143
- .Button-module__hop-Button--ghost-danger___-22ky {
1153
+ .Button-module__hop-Button--ghost-danger___6yaCm {
1144
1154
  --background-color: var(--hop-Button-ghost-danger-background-color);
1145
1155
  --color: var(--hop-Button-ghost-danger-color);
1146
1156
  --border: var(--hop-Button-ghost-danger-border);
1147
1157
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1148
1158
  }
1149
- .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
1150
- .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
1159
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-hovered],
1160
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-focus-visible] {
1151
1161
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1152
1162
  --color: var(--hop-Button-ghost-danger-color-hover);
1153
1163
  --border: var(--hop-Button-ghost-danger-border-hover);
1154
1164
  --text-underline: underline;
1155
1165
  }
1156
- .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
1166
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-pressed] {
1157
1167
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1158
1168
  --color: var(--hop-Button-ghost-danger-color-pressed);
1159
1169
  --border: var(--hop-Button-ghost-danger-border-pressed);
1160
1170
  --text-underline: underline;
1161
1171
  }
1162
- .Button-module__hop-Button___8zkEy[data-focus-visible] {
1172
+ .Button-module__hop-Button___pFvZM[data-focus-visible] {
1163
1173
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1164
1174
  }
1165
- .Button-module__hop-Button___8zkEy[data-disabled],
1166
- .Button-module__hop-Button--loading___yOWuT {
1175
+ .Button-module__hop-Button___pFvZM[data-disabled],
1176
+ .Button-module__hop-Button--loading___5FI2m {
1167
1177
  cursor: not-allowed;
1168
1178
  }
1169
- .Button-module__hop-Button___8zkEy[data-disabled] {
1179
+ .Button-module__hop-Button___pFvZM[data-disabled] {
1170
1180
  --background-color: var(--hop-Button-background-color-disabled);
1171
1181
  --color: var(--hop-Button-color-disabled);
1172
1182
  --border: var(--hop-Button-border-disabled);
1173
1183
  }
1174
- .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
1184
+ .Button-module__hop-Button___pFvZM[class*=--ghost][data-disabled] {
1175
1185
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1176
1186
  --color: var(--hop-Button-ghost-color-disabled);
1177
1187
  --border: var(--hop-Button-ghost-border-disabled);
1178
1188
  }
1179
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
1189
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--primary___52x1K {
1180
1190
  --background-color: var(--hop-Button-primary-background-color);
1181
1191
  --color: var(--hop-Button-primary-color);
1182
1192
  --border: var(--hop-Button-primary-border);
1183
1193
  }
1184
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
1194
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--secondary___uDkfy {
1185
1195
  --background-color: var(--hop-Button-secondary-background-color);
1186
1196
  --color: var(--hop-Button-secondary-color);
1187
1197
  --border: var(--hop-Button-secondary-border);
1188
1198
  }
1189
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
1199
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--upsell___3jmtI {
1190
1200
  --background-color: var(--hop-Button-upsell-background-color);
1191
1201
  --color: var(--hop-Button-upsell-color);
1192
1202
  --border: var(--hop-Button-upsell-border);
1193
1203
  }
1194
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
1204
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--danger___tMXyo {
1195
1205
  --background-color: var(--hop-Button-danger-background-color);
1196
1206
  --color: var(--hop-Button-danger-color);
1197
1207
  --border: var(--hop-Button-danger-border);
1198
1208
  }
1199
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
1209
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-primary___K1XFC {
1200
1210
  --background-color: var(--hop-Button-ghost-primary-background-color);
1201
1211
  --color: var(--hop-Button-ghost-primary-color);
1202
1212
  --border: var(--hop-Button-ghost-primary-border);
1203
1213
  --text-underline: none;
1204
1214
  }
1205
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
1215
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-secondary___w7DWH {
1206
1216
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1207
1217
  --color: var(--hop-Button-ghost-secondary-color);
1208
1218
  --border: var(--hop-Button-ghost-secondary-border);
1209
1219
  --text-underline: none;
1210
1220
  }
1211
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
1221
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-danger___6yaCm {
1212
1222
  --background-color: var(--hop-Button-ghost-danger-background-color);
1213
1223
  --color: var(--hop-Button-ghost-danger-color);
1214
1224
  --border: var(--hop-Button-ghost-danger-border);
1215
1225
  --text-underline: none;
1216
1226
  }
1217
- .Button-module__hop-Button__Spinner___F4Img {
1227
+ .Button-module__hop-Button__Spinner___IeL-j {
1218
1228
  position: absolute;
1219
1229
  color: var(--spinner-color);
1220
1230
  }
1221
- .Button-module__hop-Button__icon___9WDgY,
1222
- .Button-module__hop-Button__icon-list___hcP-v {
1231
+ .Button-module__hop-Button__icon___S-Zrr,
1232
+ .Button-module__hop-Button__icon-list___3RaqV {
1223
1233
  flex: 0 0 auto;
1224
1234
  justify-self: end;
1225
1235
  order: 1;
1226
1236
  }
1227
- .Button-module__hop-Button__text___o1TcA {
1237
+ .Button-module__hop-Button__text___IuHAg {
1228
1238
  user-select: none;
1229
1239
  overflow: visible;
1230
1240
  flex: 0 1 auto;
@@ -1234,60 +1244,60 @@
1234
1244
  text-underline-offset: 0.125rem;
1235
1245
  text-wrap: nowrap;
1236
1246
  }
1237
- .Button-module__hop-Button__end-icon___6QGCl,
1238
- .Button-module__hop-Button__end-icon-list___iZhOt {
1247
+ .Button-module__hop-Button__end-icon___4bLjb,
1248
+ .Button-module__hop-Button__end-icon-list___jhqpr {
1239
1249
  flex: 0 0 auto;
1240
1250
  order: 3;
1241
1251
  }
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 {
1252
+ .Button-module__hop-Button___pFvZM .Button-module__hop-Button__icon-list___3RaqV,
1253
+ .Button-module__hop-Button___pFvZM .Button-module__hop-Button__end-icon-list___jhqpr {
1244
1254
  flex-wrap: nowrap;
1245
1255
  }
1246
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
1256
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button___pFvZM > *:not(.Button-module__hop-Button__Spinner___IeL-j) {
1247
1257
  opacity: 0;
1248
1258
  }
1249
1259
 
1250
1260
  /* 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 {
1261
+ .ButtonGroup-module__hop-ButtonGroup___QMDZE {
1252
1262
  display: inline-flex;
1253
1263
  flex-wrap: nowrap;
1254
1264
  gap: var(--hop-space-inline-md);
1255
1265
  }
1256
- .ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
1266
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___xQjwW {
1257
1267
  align-items: center;
1258
1268
  }
1259
- .ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
1269
+ .ButtonGroup-module__hop-ButtonGroup--vertical___u5uE3 {
1260
1270
  flex-direction: column;
1261
1271
  gap: var(--hop-space-stack-md);
1262
1272
  justify-content: center;
1263
1273
  }
1264
- .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
1274
+ .ButtonGroup-module__hop-ButtonGroup--start___YRRSe.ButtonGroup-module__hop-ButtonGroup--vertical___u5uE3 {
1265
1275
  align-items: flex-start;
1266
1276
  }
1267
- .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
1277
+ .ButtonGroup-module__hop-ButtonGroup--center___GpOQ5.ButtonGroup-module__hop-ButtonGroup--vertical___u5uE3 {
1268
1278
  align-items: center;
1269
1279
  }
1270
- .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
1280
+ .ButtonGroup-module__hop-ButtonGroup--end___rNiL8.ButtonGroup-module__hop-ButtonGroup--vertical___u5uE3 {
1271
1281
  align-items: flex-end;
1272
1282
  }
1273
- .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
1283
+ .ButtonGroup-module__hop-ButtonGroup--start___YRRSe.ButtonGroup-module__hop-ButtonGroup--horizontal___xQjwW {
1274
1284
  justify-content: flex-start;
1275
1285
  }
1276
- .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
1286
+ .ButtonGroup-module__hop-ButtonGroup--center___GpOQ5.ButtonGroup-module__hop-ButtonGroup--horizontal___xQjwW {
1277
1287
  justify-content: center;
1278
1288
  }
1279
- .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
1289
+ .ButtonGroup-module__hop-ButtonGroup--end___rNiL8.ButtonGroup-module__hop-ButtonGroup--horizontal___xQjwW {
1280
1290
  justify-content: flex-end;
1281
1291
  }
1282
- .ButtonGroup-module__hop-ButtonGroup--wrap___45A9q {
1292
+ .ButtonGroup-module__hop-ButtonGroup--wrap___gQnt5 {
1283
1293
  flex-wrap: wrap;
1284
1294
  }
1285
- .ButtonGroup-module__hop-ButtonGroup--fluid___AXS6Y {
1295
+ .ButtonGroup-module__hop-ButtonGroup--fluid___DHTdE {
1286
1296
  inline-size: 100%;
1287
1297
  }
1288
1298
 
1289
1299
  /* 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 {
1300
+ .EmbeddedButton-module__hop-EmbeddedButton___-XOUW {
1291
1301
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1292
1302
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1293
1303
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1451,7 +1461,7 @@
1451
1461
  outline: none;
1452
1462
  transition: color var(--transition);
1453
1463
  }
1454
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab::before {
1464
+ .EmbeddedButton-module__hop-EmbeddedButton___-XOUW::before {
1455
1465
  content: "";
1456
1466
  position: absolute;
1457
1467
  inset-block-start: 50%;
@@ -1464,284 +1474,284 @@
1464
1474
  border-radius: var(--effect-border-radius);
1465
1475
  transition: background-color var(--transition);
1466
1476
  }
1467
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-square] {
1477
+ .EmbeddedButton-module__hop-EmbeddedButton___-XOUW[data-square] {
1468
1478
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1469
1479
  }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX {
1480
+ .EmbeddedButton-module__hop-EmbeddedButton--md___nn-Dq {
1471
1481
  --inline-size: var(--hop-EmbeddedButton-md-width);
1472
1482
  --block-size: var(--hop-EmbeddedButton-md-height);
1473
1483
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1474
1484
  }
1475
- .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF {
1485
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___C6a4M {
1476
1486
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1477
1487
  --block-size: var(--hop-EmbeddedButton-lg-height);
1478
1488
  --focus-ring-offset: 0;
1479
1489
  }
1480
- .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX::before {
1490
+ .EmbeddedButton-module__hop-EmbeddedButton--md___nn-Dq::before {
1481
1491
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1482
1492
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1483
1493
  }
1484
- .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF::before {
1494
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___C6a4M::before {
1485
1495
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1486
1496
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1487
1497
  }
1488
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs {
1498
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2-kJg {
1489
1499
  --color: var(--hop-EmbeddedButton-neutral-color);
1490
1500
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1491
1501
  }
1492
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG- {
1502
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___42DDG {
1493
1503
  --color: var(--hop-EmbeddedButton-subdued-color);
1494
1504
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1495
1505
  }
1496
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO {
1506
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___spmbq {
1497
1507
  --color: var(--hop-EmbeddedButton-progress-color);
1498
1508
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1499
1509
  }
1500
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu {
1510
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___LANfU {
1501
1511
  --color: var(--hop-EmbeddedButton-positive-color);
1502
1512
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1503
1513
  }
1504
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM- {
1514
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___x6Fsq {
1505
1515
  --color: var(--hop-EmbeddedButton-caution-color);
1506
1516
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1507
1517
  }
1508
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX {
1518
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IEFvO {
1509
1519
  --color: var(--hop-EmbeddedButton-negative-color);
1510
1520
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1511
1521
  }
1512
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW {
1522
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___v92Op {
1513
1523
  --color: var(--hop-EmbeddedButton-option1-color);
1514
1524
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1515
1525
  }
1516
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5 {
1526
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___NMEFp {
1517
1527
  --color: var(--hop-EmbeddedButton-option2-color);
1518
1528
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1519
1529
  }
1520
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG {
1530
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___7bHDh {
1521
1531
  --color: var(--hop-EmbeddedButton-option3-color);
1522
1532
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1523
1533
  }
1524
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn {
1534
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TZIB8 {
1525
1535
  --color: var(--hop-EmbeddedButton-option4-color);
1526
1536
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1527
1537
  }
1528
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN {
1538
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N5NsY {
1529
1539
  --color: var(--hop-EmbeddedButton-option5-color);
1530
1540
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1531
1541
  }
1532
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI {
1542
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___d94Q4 {
1533
1543
  --color: var(--hop-EmbeddedButton-option6-color);
1534
1544
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1535
1545
  }
1536
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-selected] {
1546
+ .EmbeddedButton-module__hop-EmbeddedButton___-XOUW[data-selected] {
1537
1547
  --color: var(--hop-EmbeddedButton-selected-color);
1538
1548
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1539
1549
  }
1540
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-focus-visible] {
1550
+ .EmbeddedButton-module__hop-EmbeddedButton___-XOUW[data-focus-visible] {
1541
1551
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1542
1552
  outline-offset: var(--focus-ring-offset);
1543
1553
  }
1544
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-disabled] {
1554
+ .EmbeddedButton-module__hop-EmbeddedButton___-XOUW[data-disabled] {
1545
1555
  cursor: not-allowed;
1546
1556
  }
1547
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-hovered] {
1557
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2-kJg[data-hovered] {
1548
1558
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1549
1559
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1550
1560
  }
1551
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-focus-visible] {
1561
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2-kJg[data-focus-visible] {
1552
1562
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1553
1563
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1554
1564
  }
1555
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-pressed] {
1565
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2-kJg[data-pressed] {
1556
1566
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1557
1567
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1558
1568
  }
1559
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-disabled] {
1569
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___2-kJg[data-disabled] {
1560
1570
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1561
1571
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1562
1572
  }
1563
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-hovered] {
1573
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___42DDG[data-hovered] {
1564
1574
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1565
1575
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1566
1576
  }
1567
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-focus-visible] {
1577
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___42DDG[data-focus-visible] {
1568
1578
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1569
1579
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1570
1580
  }
1571
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-pressed] {
1581
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___42DDG[data-pressed] {
1572
1582
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1573
1583
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1574
1584
  }
1575
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-disabled] {
1585
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___42DDG[data-disabled] {
1576
1586
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1577
1587
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1578
1588
  }
1579
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-hovered] {
1589
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___spmbq[data-hovered] {
1580
1590
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1581
1591
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1582
1592
  }
1583
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-focus-visible] {
1593
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___spmbq[data-focus-visible] {
1584
1594
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1585
1595
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1586
1596
  }
1587
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-pressed] {
1597
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___spmbq[data-pressed] {
1588
1598
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1589
1599
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1590
1600
  }
1591
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-disabled] {
1601
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___spmbq[data-disabled] {
1592
1602
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1593
1603
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1594
1604
  }
1595
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-hovered] {
1605
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___LANfU[data-hovered] {
1596
1606
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1597
1607
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1598
1608
  }
1599
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-focus-visible] {
1609
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___LANfU[data-focus-visible] {
1600
1610
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1601
1611
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1602
1612
  }
1603
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-pressed] {
1613
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___LANfU[data-pressed] {
1604
1614
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1605
1615
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1606
1616
  }
1607
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-disabled] {
1617
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___LANfU[data-disabled] {
1608
1618
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1609
1619
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1610
1620
  }
1611
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-hovered] {
1621
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___x6Fsq[data-hovered] {
1612
1622
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1613
1623
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1614
1624
  }
1615
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-focus-visible] {
1625
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___x6Fsq[data-focus-visible] {
1616
1626
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1617
1627
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1618
1628
  }
1619
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-pressed] {
1629
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___x6Fsq[data-pressed] {
1620
1630
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1621
1631
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1622
1632
  }
1623
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-disabled] {
1633
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___x6Fsq[data-disabled] {
1624
1634
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1625
1635
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1626
1636
  }
1627
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-hovered] {
1637
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IEFvO[data-hovered] {
1628
1638
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1629
1639
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1630
1640
  }
1631
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-focus-visible] {
1641
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IEFvO[data-focus-visible] {
1632
1642
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1633
1643
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1634
1644
  }
1635
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-pressed] {
1645
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IEFvO[data-pressed] {
1636
1646
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1637
1647
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1638
1648
  }
1639
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-disabled] {
1649
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IEFvO[data-disabled] {
1640
1650
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1641
1651
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1642
1652
  }
1643
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-hovered] {
1653
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___v92Op[data-hovered] {
1644
1654
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1645
1655
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1646
1656
  }
1647
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-focus-visible] {
1657
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___v92Op[data-focus-visible] {
1648
1658
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1649
1659
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1650
1660
  }
1651
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-pressed] {
1661
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___v92Op[data-pressed] {
1652
1662
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1653
1663
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1654
1664
  }
1655
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-disabled] {
1665
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___v92Op[data-disabled] {
1656
1666
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1657
1667
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1658
1668
  }
1659
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-hovered] {
1669
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___NMEFp[data-hovered] {
1660
1670
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1661
1671
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1662
1672
  }
1663
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-focus-visible] {
1673
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___NMEFp[data-focus-visible] {
1664
1674
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1665
1675
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1666
1676
  }
1667
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-pressed] {
1677
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___NMEFp[data-pressed] {
1668
1678
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1669
1679
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1670
1680
  }
1671
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-disabled] {
1681
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___NMEFp[data-disabled] {
1672
1682
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1673
1683
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1674
1684
  }
1675
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-hovered] {
1685
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___7bHDh[data-hovered] {
1676
1686
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1677
1687
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1678
1688
  }
1679
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-focus-visible] {
1689
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___7bHDh[data-focus-visible] {
1680
1690
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1681
1691
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1682
1692
  }
1683
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-pressed] {
1693
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___7bHDh[data-pressed] {
1684
1694
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1685
1695
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1686
1696
  }
1687
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-disabled] {
1697
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___7bHDh[data-disabled] {
1688
1698
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1689
1699
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1690
1700
  }
1691
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-hovered] {
1701
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TZIB8[data-hovered] {
1692
1702
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1693
1703
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1694
1704
  }
1695
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-focus-visible] {
1705
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TZIB8[data-focus-visible] {
1696
1706
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1697
1707
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1698
1708
  }
1699
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-pressed] {
1709
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TZIB8[data-pressed] {
1700
1710
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1701
1711
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1702
1712
  }
1703
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-disabled] {
1713
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___TZIB8[data-disabled] {
1704
1714
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1705
1715
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1706
1716
  }
1707
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-hovered] {
1717
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N5NsY[data-hovered] {
1708
1718
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1709
1719
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1710
1720
  }
1711
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-focus-visible] {
1721
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N5NsY[data-focus-visible] {
1712
1722
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1713
1723
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1714
1724
  }
1715
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-pressed] {
1725
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N5NsY[data-pressed] {
1716
1726
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1717
1727
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1718
1728
  }
1719
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-disabled] {
1729
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___N5NsY[data-disabled] {
1720
1730
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1721
1731
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1722
1732
  }
1723
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-hovered] {
1733
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___d94Q4[data-hovered] {
1724
1734
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1725
1735
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1726
1736
  }
1727
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-focus-visible] {
1737
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___d94Q4[data-focus-visible] {
1728
1738
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1729
1739
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1730
1740
  }
1731
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-pressed] {
1741
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___d94Q4[data-pressed] {
1732
1742
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1733
1743
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1734
1744
  }
1735
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-disabled] {
1745
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___d94Q4[data-disabled] {
1736
1746
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1737
1747
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1738
1748
  }
1739
- .EmbeddedButton-module__hop-EmbeddedButton__icon___2wJ-D {
1749
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___1-j3p {
1740
1750
  position: relative;
1741
1751
  }
1742
1752
 
1743
1753
  /* 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 {
1754
+ button.CloseButton-module__hop-CloseButton___WLCEo {
1745
1755
  --hop-CloseButton-margin-top: 0rem;
1746
1756
  --hop-CloseButton-padding: 0rem;
1747
1757
  --hop-CloseButton-width: fit-content;
@@ -1753,7 +1763,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1753
1763
  }
1754
1764
 
1755
1765
  /* 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 {
1766
+ .Button-module__hop-Button___pFvZM {
1757
1767
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1758
1768
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1759
1769
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1762,10 +1772,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1762
1772
  --hop-Button-border-size: var(--hop-space-10);
1763
1773
  --hop-Button-text-underline-offset: var(--hop-space-20);
1764
1774
  --hop-Button-icon-only-padding: 0;
1775
+ --hop-Button-xs-height: 1.5rem;
1765
1776
  --hop-Button-sm-height: 2rem;
1766
1777
  --hop-Button-md-height: 2.5rem;
1778
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1767
1779
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1768
1780
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1781
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1769
1782
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1770
1783
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1771
1784
  --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
@@ -1877,215 +1890,222 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1877
1890
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1878
1891
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1879
1892
  }
1880
- .Button-module__hop-Button--fluid___eZzEd {
1893
+ .Button-module__hop-Button--fluid___-QhTX {
1881
1894
  --inline-size: 100%;
1882
1895
  }
1883
- .Button-module__hop-Button--sm___K0sPh {
1896
+ .Button-module__hop-Button--xs___8Z6Fg {
1897
+ --block-size: var(--hop-Button-xs-height);
1898
+ --padding: var(--hop-Button-xs-padding);
1899
+ }
1900
+ .Button-module__hop-Button--xs___8Z6Fg[class*=--ghost] {
1901
+ --padding: var(--hop-Button-ghost-xs-padding);
1902
+ }
1903
+ .Button-module__hop-Button--sm___jcXzi {
1884
1904
  --block-size: var(--hop-Button-sm-height);
1885
1905
  --padding: var(--hop-Button-sm-padding);
1886
1906
  }
1887
- .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
1907
+ .Button-module__hop-Button--sm___jcXzi[class*=--ghost] {
1888
1908
  --padding: var(--hop-Button-ghost-sm-padding);
1889
1909
  }
1890
- .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
1910
+ .Button-module__hop-Button--md___-Hyel[class*=--ghost] {
1891
1911
  --padding: var(--hop-Button-ghost-md-padding);
1892
1912
  }
1893
- .Button-module__hop-Button--icon-only___rYzdc {
1913
+ .Button-module__hop-Button--icon-only___ZHooM {
1894
1914
  --column-gap: var(--hop-Button-icon-only-column-gap);
1895
1915
  --padding: var(--hop-Button-icon-only-padding);
1896
1916
  aspect-ratio: 1;
1897
1917
  }
1898
- .Button-module__hop-Button--primary___hkH0I {
1918
+ .Button-module__hop-Button--primary___52x1K {
1899
1919
  --background-color: var(--hop-Button-primary-background-color);
1900
1920
  --color: var(--hop-Button-primary-color);
1901
1921
  --border: var(--hop-Button-primary-border);
1902
1922
  --spinner-color: var(--hop-Button-primary-spinner-color);
1903
1923
  }
1904
- .Button-module__hop-Button--primary___hkH0I[data-hovered],
1905
- .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
1924
+ .Button-module__hop-Button--primary___52x1K[data-hovered],
1925
+ .Button-module__hop-Button--primary___52x1K[data-focus-visible] {
1906
1926
  --background-color: var(--hop-Button-primary-background-color-hover);
1907
1927
  --color: var(--hop-Button-primary-color-hover);
1908
1928
  --border: var(--hop-Button-primary-border-hover);
1909
1929
  }
1910
- .Button-module__hop-Button--primary___hkH0I[data-pressed] {
1930
+ .Button-module__hop-Button--primary___52x1K[data-pressed] {
1911
1931
  --background-color: var(--hop-Button-primary-background-color-pressed);
1912
1932
  --color: var(--hop-Button-primary-color-pressed);
1913
1933
  --border: var(--hop-Button-primary-border-pressed);
1914
1934
  }
1915
- .Button-module__hop-Button--secondary___hSZYE {
1935
+ .Button-module__hop-Button--secondary___uDkfy {
1916
1936
  --background-color: var(--hop-Button-secondary-background-color);
1917
1937
  --color: var(--hop-Button-secondary-color);
1918
1938
  --border: var(--hop-Button-secondary-border);
1919
1939
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1920
1940
  }
1921
- .Button-module__hop-Button--secondary___hSZYE[data-hovered],
1922
- .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
1941
+ .Button-module__hop-Button--secondary___uDkfy[data-hovered],
1942
+ .Button-module__hop-Button--secondary___uDkfy[data-focus-visible] {
1923
1943
  --background-color: var(--hop-Button-secondary-background-color-hover);
1924
1944
  --color: var(--hop-Button-secondary-color-hover);
1925
1945
  --border: var(--hop-Button-secondary-border-hover);
1926
1946
  }
1927
- .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
1947
+ .Button-module__hop-Button--secondary___uDkfy[data-pressed] {
1928
1948
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1929
1949
  --color: var(--hop-Button-secondary-color-pressed);
1930
1950
  --border: var(--hop-Button-secondary-border-pressed);
1931
1951
  }
1932
- .Button-module__hop-Button--upsell___9z1o- {
1952
+ .Button-module__hop-Button--upsell___3jmtI {
1933
1953
  --background-color: var(--hop-Button-upsell-background-color);
1934
1954
  --color: var(--hop-Button-upsell-color);
1935
1955
  --border: var(--hop-Button-upsell-border);
1936
1956
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1937
1957
  }
1938
- .Button-module__hop-Button--upsell___9z1o-[data-hovered],
1939
- .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
1958
+ .Button-module__hop-Button--upsell___3jmtI[data-hovered],
1959
+ .Button-module__hop-Button--upsell___3jmtI[data-focus-visible] {
1940
1960
  --background-color: var(--hop-Button-upsell-background-color-hover);
1941
1961
  --color: var(--hop-Button-upsell-color-hover);
1942
1962
  --border: var(--hop-Button-upsell-border-hover);
1943
1963
  }
1944
- .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
1964
+ .Button-module__hop-Button--upsell___3jmtI[data-pressed] {
1945
1965
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1946
1966
  --color: var(--hop-Button-upsell-color-pressed);
1947
1967
  --border: var(--hop-Button-upsell-border-pressed);
1948
1968
  }
1949
- .Button-module__hop-Button--danger___KbLep {
1969
+ .Button-module__hop-Button--danger___tMXyo {
1950
1970
  --background-color: var(--hop-Button-danger-background-color);
1951
1971
  --color: var(--hop-Button-danger-color);
1952
1972
  --border: var(--hop-Button-danger-border);
1953
1973
  --spinner-color: var(--hop-Button-danger-spinner-color);
1954
1974
  }
1955
- .Button-module__hop-Button--danger___KbLep[data-hovered],
1956
- .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
1975
+ .Button-module__hop-Button--danger___tMXyo[data-hovered],
1976
+ .Button-module__hop-Button--danger___tMXyo[data-focus-visible] {
1957
1977
  --background-color: var(--hop-Button-danger-background-color-hover);
1958
1978
  --color: var(--hop-Button-danger-color-hover);
1959
1979
  --border: var(--hop-Button-danger-border-hover);
1960
1980
  }
1961
- .Button-module__hop-Button--danger___KbLep[data-pressed] {
1981
+ .Button-module__hop-Button--danger___tMXyo[data-pressed] {
1962
1982
  --background-color: var(--hop-Button-danger-background-color-pressed);
1963
1983
  --color: var(--hop-Button-danger-color-pressed);
1964
1984
  --border: var(--hop-Button-danger-border-pressed);
1965
1985
  }
1966
- .Button-module__hop-Button--ghost-primary___8jSf1 {
1986
+ .Button-module__hop-Button--ghost-primary___K1XFC {
1967
1987
  --background-color: var(--hop-Button-ghost-primary-background-color);
1968
1988
  --color: var(--hop-Button-ghost-primary-color);
1969
1989
  --border: var(--hop-Button-ghost-primary-border);
1970
1990
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1971
1991
  }
1972
- .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
1973
- .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
1992
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-hovered],
1993
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-focus-visible] {
1974
1994
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1975
1995
  --color: var(--hop-Button-ghost-primary-color-hover);
1976
1996
  --border: var(--hop-Button-ghost-primary-border-hover);
1977
1997
  --text-underline: underline;
1978
1998
  }
1979
- .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
1999
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-pressed] {
1980
2000
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1981
2001
  --color: var(--hop-Button-ghost-primary-color-pressed);
1982
2002
  --border: var(--hop-Button-ghost-primary-border-pressed);
1983
2003
  --text-underline: underline;
1984
2004
  }
1985
- .Button-module__hop-Button--ghost-secondary___TRM6h {
2005
+ .Button-module__hop-Button--ghost-secondary___w7DWH {
1986
2006
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1987
2007
  --color: var(--hop-Button-ghost-secondary-color);
1988
2008
  --border: var(--hop-Button-ghost-secondary-border);
1989
2009
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1990
2010
  }
1991
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
1992
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
2011
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-hovered],
2012
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-focus-visible] {
1993
2013
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1994
2014
  --color: var(--hop-Button-ghost-secondary-color-hover);
1995
2015
  --border: var(--hop-Button-ghost-secondary-border-hover);
1996
2016
  --text-underline: underline;
1997
2017
  }
1998
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
2018
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-pressed] {
1999
2019
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2000
2020
  --color: var(--hop-Button-ghost-secondary-color-pressed);
2001
2021
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2002
2022
  --text-underline: underline;
2003
2023
  }
2004
- .Button-module__hop-Button--ghost-danger___-22ky {
2024
+ .Button-module__hop-Button--ghost-danger___6yaCm {
2005
2025
  --background-color: var(--hop-Button-ghost-danger-background-color);
2006
2026
  --color: var(--hop-Button-ghost-danger-color);
2007
2027
  --border: var(--hop-Button-ghost-danger-border);
2008
2028
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2009
2029
  }
2010
- .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
2011
- .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
2030
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-hovered],
2031
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-focus-visible] {
2012
2032
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2013
2033
  --color: var(--hop-Button-ghost-danger-color-hover);
2014
2034
  --border: var(--hop-Button-ghost-danger-border-hover);
2015
2035
  --text-underline: underline;
2016
2036
  }
2017
- .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
2037
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-pressed] {
2018
2038
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2019
2039
  --color: var(--hop-Button-ghost-danger-color-pressed);
2020
2040
  --border: var(--hop-Button-ghost-danger-border-pressed);
2021
2041
  --text-underline: underline;
2022
2042
  }
2023
- .Button-module__hop-Button___8zkEy[data-focus-visible] {
2043
+ .Button-module__hop-Button___pFvZM[data-focus-visible] {
2024
2044
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2025
2045
  }
2026
- .Button-module__hop-Button___8zkEy[data-disabled],
2027
- .Button-module__hop-Button--loading___yOWuT {
2046
+ .Button-module__hop-Button___pFvZM[data-disabled],
2047
+ .Button-module__hop-Button--loading___5FI2m {
2028
2048
  cursor: not-allowed;
2029
2049
  }
2030
- .Button-module__hop-Button___8zkEy[data-disabled] {
2050
+ .Button-module__hop-Button___pFvZM[data-disabled] {
2031
2051
  --background-color: var(--hop-Button-background-color-disabled);
2032
2052
  --color: var(--hop-Button-color-disabled);
2033
2053
  --border: var(--hop-Button-border-disabled);
2034
2054
  }
2035
- .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
2055
+ .Button-module__hop-Button___pFvZM[class*=--ghost][data-disabled] {
2036
2056
  --background-color: var(--hop-Button-ghost-background-color-disabled);
2037
2057
  --color: var(--hop-Button-ghost-color-disabled);
2038
2058
  --border: var(--hop-Button-ghost-border-disabled);
2039
2059
  }
2040
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
2060
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--primary___52x1K {
2041
2061
  --background-color: var(--hop-Button-primary-background-color);
2042
2062
  --color: var(--hop-Button-primary-color);
2043
2063
  --border: var(--hop-Button-primary-border);
2044
2064
  }
2045
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
2065
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--secondary___uDkfy {
2046
2066
  --background-color: var(--hop-Button-secondary-background-color);
2047
2067
  --color: var(--hop-Button-secondary-color);
2048
2068
  --border: var(--hop-Button-secondary-border);
2049
2069
  }
2050
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
2070
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--upsell___3jmtI {
2051
2071
  --background-color: var(--hop-Button-upsell-background-color);
2052
2072
  --color: var(--hop-Button-upsell-color);
2053
2073
  --border: var(--hop-Button-upsell-border);
2054
2074
  }
2055
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
2075
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--danger___tMXyo {
2056
2076
  --background-color: var(--hop-Button-danger-background-color);
2057
2077
  --color: var(--hop-Button-danger-color);
2058
2078
  --border: var(--hop-Button-danger-border);
2059
2079
  }
2060
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
2080
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-primary___K1XFC {
2061
2081
  --background-color: var(--hop-Button-ghost-primary-background-color);
2062
2082
  --color: var(--hop-Button-ghost-primary-color);
2063
2083
  --border: var(--hop-Button-ghost-primary-border);
2064
2084
  --text-underline: none;
2065
2085
  }
2066
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
2086
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-secondary___w7DWH {
2067
2087
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2068
2088
  --color: var(--hop-Button-ghost-secondary-color);
2069
2089
  --border: var(--hop-Button-ghost-secondary-border);
2070
2090
  --text-underline: none;
2071
2091
  }
2072
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
2092
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-danger___6yaCm {
2073
2093
  --background-color: var(--hop-Button-ghost-danger-background-color);
2074
2094
  --color: var(--hop-Button-ghost-danger-color);
2075
2095
  --border: var(--hop-Button-ghost-danger-border);
2076
2096
  --text-underline: none;
2077
2097
  }
2078
- .Button-module__hop-Button__Spinner___F4Img {
2098
+ .Button-module__hop-Button__Spinner___IeL-j {
2079
2099
  position: absolute;
2080
2100
  color: var(--spinner-color);
2081
2101
  }
2082
- .Button-module__hop-Button__icon___9WDgY,
2083
- .Button-module__hop-Button__icon-list___hcP-v {
2102
+ .Button-module__hop-Button__icon___S-Zrr,
2103
+ .Button-module__hop-Button__icon-list___3RaqV {
2084
2104
  flex: 0 0 auto;
2085
2105
  justify-self: end;
2086
2106
  order: 1;
2087
2107
  }
2088
- .Button-module__hop-Button__text___o1TcA {
2108
+ .Button-module__hop-Button__text___IuHAg {
2089
2109
  user-select: none;
2090
2110
  overflow: visible;
2091
2111
  flex: 0 1 auto;
@@ -2095,165 +2115,160 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2095
2115
  text-underline-offset: 0.125rem;
2096
2116
  text-wrap: nowrap;
2097
2117
  }
2098
- .Button-module__hop-Button__end-icon___6QGCl,
2099
- .Button-module__hop-Button__end-icon-list___iZhOt {
2118
+ .Button-module__hop-Button__end-icon___4bLjb,
2119
+ .Button-module__hop-Button__end-icon-list___jhqpr {
2100
2120
  flex: 0 0 auto;
2101
2121
  order: 3;
2102
2122
  }
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 {
2123
+ .Button-module__hop-Button___pFvZM .Button-module__hop-Button__icon-list___3RaqV,
2124
+ .Button-module__hop-Button___pFvZM .Button-module__hop-Button__end-icon-list___jhqpr {
2105
2125
  flex-wrap: nowrap;
2106
2126
  }
2107
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
2127
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button___pFvZM > *:not(.Button-module__hop-Button__Spinner___IeL-j) {
2108
2128
  opacity: 0;
2109
2129
  }
2110
- .LinkButton-module__hop-LinkButton___2nN8n {
2130
+ .LinkButton-module__hop-LinkButton___eBUze {
2111
2131
  }
2112
- .LinkButton-module__hop-LinkButton--fluid___49oZv {
2132
+ .LinkButton-module__hop-LinkButton--fluid___sqqS8 {
2113
2133
  }
2114
- .LinkButton-module__hop-LinkButton--sm___9b02I {
2134
+ .LinkButton-module__hop-LinkButton--xs___WWWHW {
2115
2135
  }
2116
- .LinkButton-module__hop-LinkButton--icon-only___7vpiv {
2136
+ .LinkButton-module__hop-LinkButton--sm___C8AR- {
2117
2137
  }
2118
- .LinkButton-module__hop-LinkButton--primary___J8UqT {
2138
+ .LinkButton-module__hop-LinkButton--icon-only___F6eGl {
2119
2139
  }
2120
- .LinkButton-module__hop-LinkButton--secondary___MiSOP {
2140
+ .LinkButton-module__hop-LinkButton--primary___5UjcP {
2121
2141
  }
2122
- .LinkButton-module__hop-LinkButton--upsell___2nJG1 {
2142
+ .LinkButton-module__hop-LinkButton--secondary___3ZmYh {
2123
2143
  }
2124
- .LinkButton-module__hop-LinkButton--danger___To7Pv {
2144
+ .LinkButton-module__hop-LinkButton--upsell___Z9N4g {
2125
2145
  }
2126
- .LinkButton-module__hop-LinkButton--ghost-primary___oEPTJ {
2146
+ .LinkButton-module__hop-LinkButton--danger___hdaD9 {
2127
2147
  }
2128
- .LinkButton-module__hop-LinkButton--ghost-secondary___51Xbb {
2148
+ .LinkButton-module__hop-LinkButton--ghost-primary___d6OGZ {
2129
2149
  }
2130
- .LinkButton-module__hop-LinkButton--ghost-danger___Dc7L- {
2150
+ .LinkButton-module__hop-LinkButton--ghost-secondary___1-eth {
2131
2151
  }
2132
- .LinkButton-module__hop-LinkButton__Spinner___uQrb2 {
2152
+ .LinkButton-module__hop-LinkButton--ghost-danger___NY1-o {
2133
2153
  }
2134
- .LinkButton-module__hop-LinkButton__icon___9z8lE,
2135
- .LinkButton-module__hop-LinkButton__icon-list___TVvwm {
2154
+ .LinkButton-module__hop-LinkButton__Spinner___X3hP3 {
2136
2155
  }
2137
- .LinkButton-module__hop-LinkButton__text___gbj3a {
2156
+ .LinkButton-module__hop-LinkButton__icon___KzBMg,
2157
+ .LinkButton-module__hop-LinkButton__icon-list___665Yw {
2138
2158
  }
2139
- .LinkButton-module__hop-LinkButton__end-icon___JTQT7,
2140
- .LinkButton-module__hop-LinkButton__end-icon-list___PtivQ {
2159
+ .LinkButton-module__hop-LinkButton__text___wsYac {
2141
2160
  }
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 {
2161
+ .LinkButton-module__hop-LinkButton__end-icon___KQjdL,
2162
+ .LinkButton-module__hop-LinkButton__end-icon-list___4rXFV {
2163
+ }
2164
+ .LinkButton-module__hop-LinkButton___eBUze .LinkButton-module__hop-LinkButton__icon-list___665Yw,
2165
+ .LinkButton-module__hop-LinkButton___eBUze .LinkButton-module__hop-LinkButton__end-icon-list___4rXFV {
2144
2166
  flex-wrap: nowrap;
2145
2167
  }
2146
2168
 
2147
2169
  /* 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);
2170
+ .Button-module__hop-Button___pFvZM {
2171
+ --hop-Button-border-radius: var(--hop-shape-rounded-md);
2172
+ --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
2173
+ --hop-Button-column-gap: var(--hop-space-inline-xs);
2174
+ --hop-Button-icon-only-column-gap: 0;
2175
+ --hop-Button-outline-size: var(--hop-space-20);
2176
+ --hop-Button-border-size: var(--hop-space-10);
2177
+ --hop-Button-text-underline-offset: var(--hop-space-20);
2178
+ --hop-Button-icon-only-padding: 0;
2179
+ --hop-Button-xs-height: 1.5rem;
2180
+ --hop-Button-sm-height: 2rem;
2181
+ --hop-Button-md-height: 2.5rem;
2182
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
2183
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
2184
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
2185
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
2186
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
2187
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
2188
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
2189
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
2190
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
2191
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
2192
+ --hop-Button-ghost-background-color-disabled: transparent;
2193
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
2194
+ --hop-Button-primary-color: var(--hop-primary-text-strong);
2195
+ --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
2196
+ --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
2197
+ --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
2198
+ --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
2199
+ --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
2200
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
2201
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
2202
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
2203
+ --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
2204
+ --hop-Button-secondary-color: var(--hop-neutral-text);
2205
+ --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
2206
+ --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
2207
+ --hop-Button-secondary-background-color: var(--hop-neutral-surface);
2208
+ --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
2209
+ --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
2210
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
2211
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
2212
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
2213
+ --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
2214
+ --hop-Button-upsell-color: var(--hop-upsell-text);
2215
+ --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
2216
+ --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
2217
+ --hop-Button-upsell-background-color: var(--hop-upsell-surface);
2218
+ --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
2219
+ --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
2220
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
2221
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
2222
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
2223
+ --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
2224
+ --hop-Button-danger-color: var(--hop-danger-text-strong);
2225
+ --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
2226
+ --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
2227
+ --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
2228
+ --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
2229
+ --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
2230
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
2231
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
2232
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
2233
+ --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
2234
+ --hop-Button-ghost-primary-color: var(--hop-primary-text);
2235
+ --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
2236
+ --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
2237
+ --hop-Button-ghost-primary-background-color: transparent;
2238
+ --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
2239
+ --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
2240
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
2241
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
2242
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
2243
+ --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
2244
+ --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
2245
+ --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
2246
+ --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
2247
+ --hop-Button-ghost-secondary-background-color: transparent;
2248
+ --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
2249
+ --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
2250
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
2251
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
2252
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
2253
+ --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
2254
+ --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
2255
+ --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
2256
+ --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
2257
+ --hop-Button-ghost-danger-background-color: transparent;
2258
+ --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
2259
+ --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
2260
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
2261
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
2262
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
2263
+ --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
2249
2264
  --inline-size: max-content;
2250
- --block-size: var(--hop-ToggleButton-md-height);
2265
+ --block-size: var(--hop-Button-md-height);
2251
2266
  --background-color: var(--hop-primary-surface-strong);
2252
2267
  --color: var(--hop-primary-text-strong);
2253
- --column-gap: var(--hop-ToggleButton-column-gap);
2268
+ --column-gap: var(--hop-Button-column-gap);
2254
2269
  --spinner: var(--hop-primary-icon-strong);
2255
2270
  --border: 0;
2256
- --padding: var(--hop-ToggleButton-md-padding);
2271
+ --padding: var(--hop-Button-md-padding);
2257
2272
  --text-underline: none;
2258
2273
  cursor: pointer;
2259
2274
  position: relative;
@@ -2271,229 +2286,230 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2271
2286
  white-space: nowrap;
2272
2287
  background-color: var(--background-color);
2273
2288
  border: var(--border);
2274
- border-radius: var(--hop-ToggleButton-border-radius);
2289
+ border-radius: var(--hop-Button-border-radius);
2275
2290
  outline: none;
2276
- outline-offset: var(--hop-ToggleButton-outline-size);
2291
+ outline-offset: var(--hop-Button-outline-size);
2277
2292
  transition:
2278
2293
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
2279
2294
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
2280
2295
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
2281
2296
  }
2282
- .ToggleButton-module__hop-ToggleButton--fluid___rl9FX {
2297
+ .Button-module__hop-Button--fluid___-QhTX {
2283
2298
  --inline-size: 100%;
2284
2299
  }
2285
- .ToggleButton-module__hop-ToggleButton--sm___-x-OZ {
2286
- --block-size: var(--hop-ToggleButton-sm-height);
2287
- --padding: var(--hop-ToggleButton-sm-padding);
2300
+ .Button-module__hop-Button--xs___8Z6Fg {
2301
+ --block-size: var(--hop-Button-xs-height);
2302
+ --padding: var(--hop-Button-xs-padding);
2288
2303
  }
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;
2304
+ .Button-module__hop-Button--xs___8Z6Fg[class*=--ghost] {
2305
+ --padding: var(--hop-Button-ghost-xs-padding);
2293
2306
  }
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);
2307
+ .Button-module__hop-Button--sm___jcXzi {
2308
+ --block-size: var(--hop-Button-sm-height);
2309
+ --padding: var(--hop-Button-sm-padding);
2299
2310
  }
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);
2311
+ .Button-module__hop-Button--sm___jcXzi[class*=--ghost] {
2312
+ --padding: var(--hop-Button-ghost-sm-padding);
2305
2313
  }
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);
2314
+ .Button-module__hop-Button--md___-Hyel[class*=--ghost] {
2315
+ --padding: var(--hop-Button-ghost-md-padding);
2310
2316
  }
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);
2317
+ .Button-module__hop-Button--icon-only___ZHooM {
2318
+ --column-gap: var(--hop-Button-icon-only-column-gap);
2319
+ --padding: var(--hop-Button-icon-only-padding);
2320
+ aspect-ratio: 1;
2315
2321
  }
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);
2322
+ .Button-module__hop-Button--primary___52x1K {
2323
+ --background-color: var(--hop-Button-primary-background-color);
2324
+ --color: var(--hop-Button-primary-color);
2325
+ --border: var(--hop-Button-primary-border);
2326
+ --spinner-color: var(--hop-Button-primary-spinner-color);
2321
2327
  }
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);
2328
+ .Button-module__hop-Button--primary___52x1K[data-hovered],
2329
+ .Button-module__hop-Button--primary___52x1K[data-focus-visible] {
2330
+ --background-color: var(--hop-Button-primary-background-color-hover);
2331
+ --color: var(--hop-Button-primary-color-hover);
2332
+ --border: var(--hop-Button-primary-border-hover);
2327
2333
  }
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);
2334
+ .Button-module__hop-Button--primary___52x1K[data-pressed] {
2335
+ --background-color: var(--hop-Button-primary-background-color-pressed);
2336
+ --color: var(--hop-Button-primary-color-pressed);
2337
+ --border: var(--hop-Button-primary-border-pressed);
2332
2338
  }
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);
2339
+ .Button-module__hop-Button--secondary___uDkfy {
2340
+ --background-color: var(--hop-Button-secondary-background-color);
2341
+ --color: var(--hop-Button-secondary-color);
2342
+ --border: var(--hop-Button-secondary-border);
2343
+ --spinner-color: var(--hop-Button-secondary-spinner-color);
2337
2344
  }
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);
2345
+ .Button-module__hop-Button--secondary___uDkfy[data-hovered],
2346
+ .Button-module__hop-Button--secondary___uDkfy[data-focus-visible] {
2347
+ --background-color: var(--hop-Button-secondary-background-color-hover);
2348
+ --color: var(--hop-Button-secondary-color-hover);
2349
+ --border: var(--hop-Button-secondary-border-hover);
2343
2350
  }
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);
2351
+ .Button-module__hop-Button--secondary___uDkfy[data-pressed] {
2352
+ --background-color: var(--hop-Button-secondary-background-color-pressed);
2353
+ --color: var(--hop-Button-secondary-color-pressed);
2354
+ --border: var(--hop-Button-secondary-border-pressed);
2349
2355
  }
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);
2356
+ .Button-module__hop-Button--upsell___3jmtI {
2357
+ --background-color: var(--hop-Button-upsell-background-color);
2358
+ --color: var(--hop-Button-upsell-color);
2359
+ --border: var(--hop-Button-upsell-border);
2360
+ --spinner-color: var(--hop-Button-upsell-spinner-color);
2354
2361
  }
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);
2362
+ .Button-module__hop-Button--upsell___3jmtI[data-hovered],
2363
+ .Button-module__hop-Button--upsell___3jmtI[data-focus-visible] {
2364
+ --background-color: var(--hop-Button-upsell-background-color-hover);
2365
+ --color: var(--hop-Button-upsell-color-hover);
2366
+ --border: var(--hop-Button-upsell-border-hover);
2359
2367
  }
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);
2368
+ .Button-module__hop-Button--upsell___3jmtI[data-pressed] {
2369
+ --background-color: var(--hop-Button-upsell-background-color-pressed);
2370
+ --color: var(--hop-Button-upsell-color-pressed);
2371
+ --border: var(--hop-Button-upsell-border-pressed);
2365
2372
  }
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);
2373
+ .Button-module__hop-Button--danger___tMXyo {
2374
+ --background-color: var(--hop-Button-danger-background-color);
2375
+ --color: var(--hop-Button-danger-color);
2376
+ --border: var(--hop-Button-danger-border);
2377
+ --spinner-color: var(--hop-Button-danger-spinner-color);
2371
2378
  }
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);
2379
+ .Button-module__hop-Button--danger___tMXyo[data-hovered],
2380
+ .Button-module__hop-Button--danger___tMXyo[data-focus-visible] {
2381
+ --background-color: var(--hop-Button-danger-background-color-hover);
2382
+ --color: var(--hop-Button-danger-color-hover);
2383
+ --border: var(--hop-Button-danger-border-hover);
2376
2384
  }
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);
2385
+ .Button-module__hop-Button--danger___tMXyo[data-pressed] {
2386
+ --background-color: var(--hop-Button-danger-background-color-pressed);
2387
+ --color: var(--hop-Button-danger-color-pressed);
2388
+ --border: var(--hop-Button-danger-border-pressed);
2381
2389
  }
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);
2390
+ .Button-module__hop-Button--ghost-primary___K1XFC {
2391
+ --background-color: var(--hop-Button-ghost-primary-background-color);
2392
+ --color: var(--hop-Button-ghost-primary-color);
2393
+ --border: var(--hop-Button-ghost-primary-border);
2394
+ --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
2387
2395
  }
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);
2396
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-hovered],
2397
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-focus-visible] {
2398
+ --background-color: var(--hop-Button-ghost-primary-background-color-hover);
2399
+ --color: var(--hop-Button-ghost-primary-color-hover);
2400
+ --border: var(--hop-Button-ghost-primary-border-hover);
2393
2401
  --text-underline: underline;
2394
2402
  }
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] {
2403
+ .Button-module__hop-Button--ghost-primary___K1XFC[data-pressed] {
2404
+ --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
2405
+ --color: var(--hop-Button-ghost-primary-color-pressed);
2406
+ --border: var(--hop-Button-ghost-primary-border-pressed);
2402
2407
  --text-underline: underline;
2403
2408
  }
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);
2409
+ .Button-module__hop-Button--ghost-secondary___w7DWH {
2410
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
2411
+ --color: var(--hop-Button-ghost-secondary-color);
2412
+ --border: var(--hop-Button-ghost-secondary-border);
2413
+ --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2409
2414
  }
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);
2415
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-hovered],
2416
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-focus-visible] {
2417
+ --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
2418
+ --color: var(--hop-Button-ghost-secondary-color-hover);
2419
+ --border: var(--hop-Button-ghost-secondary-border-hover);
2415
2420
  --text-underline: underline;
2416
2421
  }
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] {
2422
+ .Button-module__hop-Button--ghost-secondary___w7DWH[data-pressed] {
2423
+ --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2424
+ --color: var(--hop-Button-ghost-secondary-color-pressed);
2425
+ --border: var(--hop-Button-ghost-secondary-border-pressed);
2424
2426
  --text-underline: underline;
2425
2427
  }
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);
2428
+ .Button-module__hop-Button--ghost-danger___6yaCm {
2429
+ --background-color: var(--hop-Button-ghost-danger-background-color);
2430
+ --color: var(--hop-Button-ghost-danger-color);
2431
+ --border: var(--hop-Button-ghost-danger-border);
2432
+ --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2431
2433
  }
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);
2434
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-hovered],
2435
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-focus-visible] {
2436
+ --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2437
+ --color: var(--hop-Button-ghost-danger-color-hover);
2438
+ --border: var(--hop-Button-ghost-danger-border-hover);
2437
2439
  --text-underline: underline;
2438
2440
  }
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] {
2441
+ .Button-module__hop-Button--ghost-danger___6yaCm[data-pressed] {
2442
+ --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2443
+ --color: var(--hop-Button-ghost-danger-color-pressed);
2444
+ --border: var(--hop-Button-ghost-danger-border-pressed);
2446
2445
  --text-underline: underline;
2447
2446
  }
2448
- .ToggleButton-module__hop-ToggleButton___cQggT[data-focus-visible] {
2449
- outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
2447
+ .Button-module__hop-Button___pFvZM[data-focus-visible] {
2448
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2450
2449
  }
2451
- .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled],
2452
- .ToggleButton-module__hop-ToggleButton--loading___sF-01 {
2450
+ .Button-module__hop-Button___pFvZM[data-disabled],
2451
+ .Button-module__hop-Button--loading___5FI2m {
2453
2452
  cursor: not-allowed;
2454
2453
  }
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);
2454
+ .Button-module__hop-Button___pFvZM[data-disabled] {
2455
+ --background-color: var(--hop-Button-background-color-disabled);
2456
+ --color: var(--hop-Button-color-disabled);
2457
+ --border: var(--hop-Button-border-disabled);
2459
2458
  }
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);
2459
+ .Button-module__hop-Button___pFvZM[class*=--ghost][data-disabled] {
2460
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
2461
+ --color: var(--hop-Button-ghost-color-disabled);
2462
+ --border: var(--hop-Button-ghost-border-disabled);
2464
2463
  }
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);
2464
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--primary___52x1K {
2465
+ --background-color: var(--hop-Button-primary-background-color);
2466
+ --color: var(--hop-Button-primary-color);
2467
+ --border: var(--hop-Button-primary-border);
2469
2468
  }
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);
2469
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--secondary___uDkfy {
2470
+ --background-color: var(--hop-Button-secondary-background-color);
2471
+ --color: var(--hop-Button-secondary-color);
2472
+ --border: var(--hop-Button-secondary-border);
2474
2473
  }
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);
2474
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--upsell___3jmtI {
2475
+ --background-color: var(--hop-Button-upsell-background-color);
2476
+ --color: var(--hop-Button-upsell-color);
2477
+ --border: var(--hop-Button-upsell-border);
2479
2478
  }
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);
2479
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--danger___tMXyo {
2480
+ --background-color: var(--hop-Button-danger-background-color);
2481
+ --color: var(--hop-Button-danger-color);
2482
+ --border: var(--hop-Button-danger-border);
2483
+ }
2484
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-primary___K1XFC {
2485
+ --background-color: var(--hop-Button-ghost-primary-background-color);
2486
+ --color: var(--hop-Button-ghost-primary-color);
2487
+ --border: var(--hop-Button-ghost-primary-border);
2488
+ --text-underline: none;
2489
+ }
2490
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-secondary___w7DWH {
2491
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
2492
+ --color: var(--hop-Button-ghost-secondary-color);
2493
+ --border: var(--hop-Button-ghost-secondary-border);
2494
+ --text-underline: none;
2495
+ }
2496
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button--ghost-danger___6yaCm {
2497
+ --background-color: var(--hop-Button-ghost-danger-background-color);
2498
+ --color: var(--hop-Button-ghost-danger-color);
2499
+ --border: var(--hop-Button-ghost-danger-border);
2484
2500
  --text-underline: none;
2485
2501
  }
2486
- .ToggleButton-module__hop-ToggleButton__Spinner___SwSbO {
2502
+ .Button-module__hop-Button__Spinner___IeL-j {
2487
2503
  position: absolute;
2488
2504
  color: var(--spinner-color);
2489
2505
  }
2490
- .ToggleButton-module__hop-ToggleButton__icon___nOFkE,
2491
- .ToggleButton-module__hop-ToggleButton__icon-list___OtBGk {
2506
+ .Button-module__hop-Button__icon___S-Zrr,
2507
+ .Button-module__hop-Button__icon-list___3RaqV {
2492
2508
  flex: 0 0 auto;
2493
2509
  justify-self: end;
2494
2510
  order: 1;
2495
2511
  }
2496
- .ToggleButton-module__hop-ToggleButton__text___ZdN6c {
2512
+ .Button-module__hop-Button__text___IuHAg {
2497
2513
  user-select: none;
2498
2514
  overflow: visible;
2499
2515
  flex: 0 1 auto;
@@ -2503,21 +2519,182 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2503
2519
  text-underline-offset: 0.125rem;
2504
2520
  text-wrap: nowrap;
2505
2521
  }
2506
- .ToggleButton-module__hop-ToggleButton__end-icon___gYUgH,
2507
- .ToggleButton-module__hop-ToggleButton__end-icon-list___JqSZC {
2522
+ .Button-module__hop-Button__end-icon___4bLjb,
2523
+ .Button-module__hop-Button__end-icon-list___jhqpr {
2508
2524
  flex: 0 0 auto;
2509
2525
  order: 3;
2510
2526
  }
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 {
2527
+ .Button-module__hop-Button___pFvZM .Button-module__hop-Button__icon-list___3RaqV,
2528
+ .Button-module__hop-Button___pFvZM .Button-module__hop-Button__end-icon-list___jhqpr {
2513
2529
  flex-wrap: nowrap;
2514
2530
  }
2515
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton___cQggT > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___SwSbO) {
2531
+ .Button-module__hop-Button--loading___5FI2m.Button-module__hop-Button___pFvZM > *:not(.Button-module__hop-Button__Spinner___IeL-j) {
2532
+ opacity: 0;
2533
+ }
2534
+ .ToggleButton-module__hop-ToggleButton___zbugX {
2535
+ --hop-ToggleButton-border-size: var(--hop-space-10);
2536
+ --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
2537
+ --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
2538
+ --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
2539
+ --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
2540
+ --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
2541
+ --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
2542
+ --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
2543
+ --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
2544
+ --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2545
+ --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
2546
+ --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
2547
+ --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
2548
+ --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
2549
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
2550
+ --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
2551
+ --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
2552
+ --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
2553
+ --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
2554
+ --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
2555
+ --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
2556
+ --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
2557
+ --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
2558
+ --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
2559
+ --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
2560
+ --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
2561
+ --hop-ToggleButton-ghost-primary-background-color: transparent;
2562
+ --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
2563
+ --hop-ToggleButton-ghost-primary-color-selected: var(--hop-primary-text-press);
2564
+ --hop-ToggleButton-ghost-primary-background-color-selected: var(--hop-primary-surface-weak-press);
2565
+ --hop-ToggleButton-ghost-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-selected);
2566
+ --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
2567
+ --hop-ToggleButton-ghost-secondary-background-color: transparent;
2568
+ --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
2569
+ --hop-ToggleButton-ghost-secondary-color-selected: var(--hop-neutral-text-weak-press);
2570
+ --hop-ToggleButton-ghost-secondary-background-color-selected: var(--hop-neutral-surface-press);
2571
+ --hop-ToggleButton-ghost-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2572
+ --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
2573
+ --hop-ToggleButton-ghost-danger-background-color: transparent;
2574
+ --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
2575
+ --hop-ToggleButton-ghost-danger-color-selected: var(--hop-danger-text-press);
2576
+ --hop-ToggleButton-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
2577
+ --hop-ToggleButton-ghost-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-selected);
2578
+ }
2579
+ .ToggleButton-module__hop-ToggleButton--fluid___WdZV7 {
2580
+ }
2581
+ .ToggleButton-module__hop-ToggleButton--xs___Lsp2L {
2582
+ }
2583
+ .ToggleButton-module__hop-ToggleButton--sm___3Nmsz {
2584
+ }
2585
+ .ToggleButton-module__hop-ToggleButton--md___EP9fl {
2586
+ }
2587
+ .ToggleButton-module__hop-ToggleButton--icon-only___sygl8 {
2588
+ }
2589
+ .ToggleButton-module__hop-ToggleButton--primary___LPJIl {
2590
+ }
2591
+ .ToggleButton-module__hop-ToggleButton--primary___LPJIl[data-selected] {
2592
+ --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2593
+ --color: var(--hop-ToggleButton-primary-color-selected);
2594
+ --border: var(--hop-ToggleButton-primary-border-selected);
2595
+ }
2596
+ .ToggleButton-module__hop-ToggleButton--secondary___snZJc {
2597
+ }
2598
+ .ToggleButton-module__hop-ToggleButton--secondary___snZJc[data-selected] {
2599
+ --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2600
+ --color: var(--hop-ToggleButton-secondary-color-selected);
2601
+ --border: var(--hop-ToggleButton-secondary-border-selected);
2602
+ }
2603
+ .ToggleButton-module__hop-ToggleButton--upsell___lZhaF {
2604
+ }
2605
+ .ToggleButton-module__hop-ToggleButton--upsell___lZhaF[data-selected] {
2606
+ --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2607
+ --color: var(--hop-ToggleButton-upsell-color-selected);
2608
+ --border: var(--hop-ToggleButton-upsell-border-selected);
2609
+ }
2610
+ .ToggleButton-module__hop-ToggleButton--danger___bgpu6 {
2611
+ }
2612
+ .ToggleButton-module__hop-ToggleButton--danger___bgpu6[data-selected] {
2613
+ --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2614
+ --color: var(--hop-ToggleButton-danger-color-selected);
2615
+ --border: var(--hop-ToggleButton-danger-border-selected);
2616
+ }
2617
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___27qzh {
2618
+ }
2619
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___27qzh[data-selected] {
2620
+ --text-underline: normal;
2621
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-selected);
2622
+ --color: var(--hop-ToggleButton-ghost-primary-color-selected);
2623
+ --border: var(--hop-ToggleButton-ghost-primary-border-selected);
2624
+ }
2625
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___hgB-O {
2626
+ }
2627
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___hgB-O[data-selected] {
2628
+ --text-underline: normal;
2629
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2630
+ --color: var(--hop-ToggleButton-ghost-secondary-color-selected);
2631
+ --border: var(--hop-ToggleButton-ghost-secondary-border-selected);
2632
+ }
2633
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___at8lh {
2634
+ }
2635
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___at8lh[data-selected] {
2636
+ --text-underline: normal;
2637
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-selected);
2638
+ --color: var(--hop-ToggleButton-ghost-danger-color-selected);
2639
+ --border: var(--hop-ToggleButton-ghost-danger-border-selected);
2640
+ }
2641
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--primary___LPJIl {
2642
+ --background-color: var(--hop-ToggleButton-primary-background-color);
2643
+ --color: var(--hop-ToggleButton-primary-color);
2644
+ --border: var(--hop-ToggleButton-primary-border);
2645
+ }
2646
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--secondary___snZJc {
2647
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
2648
+ --color: var(--hop-ToggleButton-secondary-color);
2649
+ --border: var(--hop-ToggleButton-secondary-border);
2650
+ }
2651
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--upsell___lZhaF {
2652
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
2653
+ --color: var(--hop-ToggleButton-upsell-color);
2654
+ --border: var(--hop-ToggleButton-upsell-border);
2655
+ }
2656
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--danger___bgpu6 {
2657
+ --background-color: var(--hop-ToggleButton-danger-background-color);
2658
+ --color: var(--hop-ToggleButton-danger-color);
2659
+ --border: var(--hop-ToggleButton-danger-border);
2660
+ }
2661
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--ghost-primary___27qzh {
2662
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2663
+ --color: var(--hop-ToggleButton-ghost-primary-color);
2664
+ --border: var(--hop-ToggleButton-ghost-primary-border);
2665
+ --text-underline: none;
2666
+ }
2667
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--ghost-secondary___hgB-O {
2668
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2669
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
2670
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
2671
+ --text-underline: none;
2672
+ }
2673
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton--ghost-danger___at8lh {
2674
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2675
+ --color: var(--hop-ToggleButton-ghost-danger-color);
2676
+ --border: var(--hop-ToggleButton-ghost-danger-border);
2677
+ --text-underline: none;
2678
+ }
2679
+ .ToggleButton-module__hop-ToggleButton__Spinner___h-RL5 {
2680
+ }
2681
+ .ToggleButton-module__hop-ToggleButton__icon___fNyh0,
2682
+ .ToggleButton-module__hop-ToggleButton__icon-list___2SWhn {
2683
+ }
2684
+ .ToggleButton-module__hop-ToggleButton__text___GdM0S {
2685
+ }
2686
+ .ToggleButton-module__hop-ToggleButton__end-icon___k76xK,
2687
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___qUqZ8 {
2688
+ }
2689
+ .ToggleButton-module__hop-ToggleButton__icon-list___2SWhn,
2690
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___qUqZ8 {
2691
+ }
2692
+ .ToggleButton-module__hop-ToggleButton--loading___cIm3l.ToggleButton-module__hop-ToggleButton___zbugX > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___h-RL5) {
2516
2693
  opacity: 0;
2517
2694
  }
2518
2695
 
2519
2696
  /* 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 {
2697
+ .Tag-module__hop-Tag___vEZjf {
2521
2698
  --hop-Tag-border-size: 0.0625rem;
2522
2699
  --hop-Tag-border-radius: var(--hop-shape-pill);
2523
2700
  --hop-Tag-sm-block-size: 1.25rem;
@@ -2757,7 +2934,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2757
2934
  outline: none;
2758
2935
  outline-offset: 0.125rem;
2759
2936
  }
2760
- .Tag-module__hop-Tag--sm___ni5O9 {
2937
+ .Tag-module__hop-Tag--sm___0vPmb {
2761
2938
  --block-size: var(--hop-Tag-sm-block-size);
2762
2939
  --padding-inline: var(--hop-Tag-sm-padding-inline);
2763
2940
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -2765,13 +2942,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2765
2942
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
2766
2943
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
2767
2944
  }
2768
- .Tag-module__hop-Tag--sm___ni5O9:not(:has(.Tag-module__hop-Tag__remove-btn___9bUJM, .Tag-module__hop-Tag__Spinner___vkyGi)) {
2945
+ .Tag-module__hop-Tag--sm___0vPmb:not(:has(.Tag-module__hop-Tag__remove-btn___1noDF, .Tag-module__hop-Tag__Spinner___7QgAW)) {
2769
2946
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
2770
2947
  }
2771
- .Tag-module__hop-Tag--sm___ni5O9:not(:has(.Tag-module__hop-Tag__avatar___NhKNI)) {
2948
+ .Tag-module__hop-Tag--sm___0vPmb:not(:has(.Tag-module__hop-Tag__avatar___F9cwC)) {
2772
2949
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
2773
2950
  }
2774
- .Tag-module__hop-Tag--md___kUZZm {
2951
+ .Tag-module__hop-Tag--md___ix-4p {
2775
2952
  --block-size: var(--hop-Tag-md-block-size);
2776
2953
  --padding-inline: var(--hop-Tag-md-padding-inline);
2777
2954
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -2779,13 +2956,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2779
2956
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
2780
2957
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
2781
2958
  }
2782
- .Tag-module__hop-Tag--md___kUZZm:not(:has(.Tag-module__hop-Tag__remove-btn___9bUJM, .Tag-module__hop-Tag__Spinner___vkyGi)) {
2959
+ .Tag-module__hop-Tag--md___ix-4p:not(:has(.Tag-module__hop-Tag__remove-btn___1noDF, .Tag-module__hop-Tag__Spinner___7QgAW)) {
2783
2960
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
2784
2961
  }
2785
- .Tag-module__hop-Tag--md___kUZZm:not(:has(.Tag-module__hop-Tag__avatar___NhKNI)) {
2962
+ .Tag-module__hop-Tag--md___ix-4p:not(:has(.Tag-module__hop-Tag__avatar___F9cwC)) {
2786
2963
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
2787
2964
  }
2788
- .Tag-module__hop-Tag--lg___GHogS {
2965
+ .Tag-module__hop-Tag--lg___TSomM {
2789
2966
  --block-size: var(--hop-Tag-lg-block-size);
2790
2967
  --padding-inline: var(--hop-Tag-lg-padding-inline);
2791
2968
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -2793,348 +2970,348 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2793
2970
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
2794
2971
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
2795
2972
  }
2796
- .Tag-module__hop-Tag--lg___GHogS:not(:has(.Tag-module__hop-Tag__remove-btn___9bUJM, .Tag-module__hop-Tag__Spinner___vkyGi)) {
2973
+ .Tag-module__hop-Tag--lg___TSomM:not(:has(.Tag-module__hop-Tag__remove-btn___1noDF, .Tag-module__hop-Tag__Spinner___7QgAW)) {
2797
2974
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
2798
2975
  }
2799
- .Tag-module__hop-Tag--lg___GHogS:not(:has(.Tag-module__hop-Tag__avatar___NhKNI)) {
2976
+ .Tag-module__hop-Tag--lg___TSomM:not(:has(.Tag-module__hop-Tag__avatar___F9cwC)) {
2800
2977
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
2801
2978
  }
2802
- .Tag-module__hop-Tag--neutral___GvUOX {
2979
+ .Tag-module__hop-Tag--neutral___3jaxw {
2803
2980
  --border-color: var(--hop-Tag-neutral-border-color);
2804
2981
  --background-color: var(--hop-Tag-neutral-background-color);
2805
2982
  --text-color: var(--hop-Tag-neutral-text-color);
2806
2983
  }
2807
- .Tag-module__hop-Tag--subdued___r0-Do {
2984
+ .Tag-module__hop-Tag--subdued___jVy-d {
2808
2985
  --border-color: var(--hop-Tag-subdued-border-color);
2809
2986
  --background-color: var(--hop-Tag-subdued-background-color);
2810
2987
  --text-color: var(--hop-Tag-subdued-text-color);
2811
2988
  }
2812
- .Tag-module__hop-Tag--progress___wXQZ2 {
2989
+ .Tag-module__hop-Tag--progress___O61iw {
2813
2990
  --border-color: var(--hop-Tag-progress-border-color);
2814
2991
  --background-color: var(--hop-Tag-progress-background-color);
2815
2992
  --text-color: var(--hop-Tag-progress-text-color);
2816
2993
  }
2817
- .Tag-module__hop-Tag--positive___mxRmN {
2994
+ .Tag-module__hop-Tag--positive___5Tm33 {
2818
2995
  --border-color: var(--hop-Tag-positive-border-color);
2819
2996
  --background-color: var(--hop-Tag-positive-background-color);
2820
2997
  --text-color: var(--hop-Tag-positive-text-color);
2821
2998
  }
2822
- .Tag-module__hop-Tag--caution___N8iHw {
2999
+ .Tag-module__hop-Tag--caution___bxDmC {
2823
3000
  --border-color: var(--hop-Tag-caution-border-color);
2824
3001
  --background-color: var(--hop-Tag-caution-background-color);
2825
3002
  --text-color: var(--hop-Tag-caution-text-color);
2826
3003
  }
2827
- .Tag-module__hop-Tag--negative___lCK-4 {
3004
+ .Tag-module__hop-Tag--negative___i4Z2s {
2828
3005
  --border-color: var(--hop-Tag-negative-border-color);
2829
3006
  --background-color: var(--hop-Tag-negative-background-color);
2830
3007
  --text-color: var(--hop-Tag-negative-text-color);
2831
3008
  }
2832
- .Tag-module__hop-Tag--option1___nmHL2 {
3009
+ .Tag-module__hop-Tag--option1___LNly- {
2833
3010
  --border-color: var(--hop-Tag-option1-border-color);
2834
3011
  --background-color: var(--hop-Tag-option1-background-color);
2835
3012
  --text-color: var(--hop-Tag-option1-text-color);
2836
3013
  }
2837
- .Tag-module__hop-Tag--option2___MZlEp {
3014
+ .Tag-module__hop-Tag--option2___8cYAS {
2838
3015
  --border-color: var(--hop-Tag-option2-border-color);
2839
3016
  --background-color: var(--hop-Tag-option2-background-color);
2840
3017
  --text-color: var(--hop-Tag-option2-text-color);
2841
3018
  }
2842
- .Tag-module__hop-Tag--option3___8xOGk {
3019
+ .Tag-module__hop-Tag--option3___IDGr4 {
2843
3020
  --border-color: var(--hop-Tag-option3-border-color);
2844
3021
  --background-color: var(--hop-Tag-option3-background-color);
2845
3022
  --text-color: var(--hop-Tag-option3-text-color);
2846
3023
  }
2847
- .Tag-module__hop-Tag--option4___x8dKL {
3024
+ .Tag-module__hop-Tag--option4___BpDez {
2848
3025
  --border-color: var(--hop-Tag-option4-border-color);
2849
3026
  --background-color: var(--hop-Tag-option4-background-color);
2850
3027
  --text-color: var(--hop-Tag-option4-text-color);
2851
3028
  }
2852
- .Tag-module__hop-Tag--option5___mj02C {
3029
+ .Tag-module__hop-Tag--option5___Fhwo5 {
2853
3030
  --border-color: var(--hop-Tag-option5-border-color);
2854
3031
  --background-color: var(--hop-Tag-option5-background-color);
2855
3032
  --text-color: var(--hop-Tag-option5-text-color);
2856
3033
  }
2857
- .Tag-module__hop-Tag--option6___M38q2 {
3034
+ .Tag-module__hop-Tag--option6___lEY2Q {
2858
3035
  --border-color: var(--hop-Tag-option6-border-color);
2859
3036
  --background-color: var(--hop-Tag-option6-background-color);
2860
3037
  --text-color: var(--hop-Tag-option6-text-color);
2861
3038
  }
2862
- .Tag-module__hop-Tag___1EH6E[data-href] {
3039
+ .Tag-module__hop-Tag___vEZjf[data-href] {
2863
3040
  cursor: pointer;
2864
3041
  }
2865
- .Tag-module__hop-Tag--neutral___GvUOX[data-focus-visible] {
3042
+ .Tag-module__hop-Tag--neutral___3jaxw[data-focus-visible] {
2866
3043
  --border-color: var(--hop-Tag-neutral-border-color-focus);
2867
3044
  --background-color: var(--hop-Tag-neutral-background-color-focus);
2868
3045
  --text-color: var(--hop-Tag-neutral-text-color-focus);
2869
3046
  }
2870
- .Tag-module__hop-Tag--neutral___GvUOX[data-hovered] {
3047
+ .Tag-module__hop-Tag--neutral___3jaxw[data-hovered] {
2871
3048
  --border-color: var(--hop-Tag-neutral-border-color-hover);
2872
3049
  --background-color: var(--hop-Tag-neutral-background-color-hover);
2873
3050
  --text-color: var(--hop-Tag-neutral-text-color-hover);
2874
3051
  }
2875
- .Tag-module__hop-Tag--neutral___GvUOX[data-pressed] {
3052
+ .Tag-module__hop-Tag--neutral___3jaxw[data-pressed] {
2876
3053
  --border-color: var(--hop-Tag-neutral-border-color-press);
2877
3054
  --background-color: var(--hop-Tag-neutral-background-color-press);
2878
3055
  --text-color: var(--hop-Tag-neutral-text-color-press);
2879
3056
  }
2880
- .Tag-module__hop-Tag--neutral___GvUOX[data-disabled] {
3057
+ .Tag-module__hop-Tag--neutral___3jaxw[data-disabled] {
2881
3058
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
2882
3059
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
2883
3060
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
2884
3061
  }
2885
- .Tag-module__hop-Tag--subdued___r0-Do[data-focus-visible] {
3062
+ .Tag-module__hop-Tag--subdued___jVy-d[data-focus-visible] {
2886
3063
  --border-color: var(--hop-Tag-subdued-border-color-focus);
2887
3064
  --background-color: var(--hop-Tag-subdued-background-color-focus);
2888
3065
  --text-color: var(--hop-Tag-subdued-text-color-focus);
2889
3066
  }
2890
- .Tag-module__hop-Tag--subdued___r0-Do[data-hovered] {
3067
+ .Tag-module__hop-Tag--subdued___jVy-d[data-hovered] {
2891
3068
  --border-color: var(--hop-Tag-subdued-border-color-hover);
2892
3069
  --background-color: var(--hop-Tag-subdued-background-color-hover);
2893
3070
  --text-color: var(--hop-Tag-subdued-text-color-hover);
2894
3071
  }
2895
- .Tag-module__hop-Tag--subdued___r0-Do[data-pressed] {
3072
+ .Tag-module__hop-Tag--subdued___jVy-d[data-pressed] {
2896
3073
  --border-color: var(--hop-Tag-subdued-border-color-press);
2897
3074
  --background-color: var(--hop-Tag-subdued-background-color-press);
2898
3075
  --text-color: var(--hop-Tag-subdued-text-color-press);
2899
3076
  }
2900
- .Tag-module__hop-Tag--subdued___r0-Do[data-disabled] {
3077
+ .Tag-module__hop-Tag--subdued___jVy-d[data-disabled] {
2901
3078
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
2902
3079
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
2903
3080
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
2904
3081
  }
2905
- .Tag-module__hop-Tag--progress___wXQZ2[data-focus-visible] {
3082
+ .Tag-module__hop-Tag--progress___O61iw[data-focus-visible] {
2906
3083
  --border-color: var(--hop-Tag-progress-border-color-focus);
2907
3084
  --background-color: var(--hop-Tag-progress-background-color-focus);
2908
3085
  --text-color: var(--hop-Tag-progress-text-color-focus);
2909
3086
  }
2910
- .Tag-module__hop-Tag--progress___wXQZ2[data-hovered] {
3087
+ .Tag-module__hop-Tag--progress___O61iw[data-hovered] {
2911
3088
  --border-color: var(--hop-Tag-progress-border-color-hover);
2912
3089
  --background-color: var(--hop-Tag-progress-background-color-hover);
2913
3090
  --text-color: var(--hop-Tag-progress-text-color-hover);
2914
3091
  }
2915
- .Tag-module__hop-Tag--progress___wXQZ2[data-pressed] {
3092
+ .Tag-module__hop-Tag--progress___O61iw[data-pressed] {
2916
3093
  --border-color: var(--hop-Tag-progress-border-color-press);
2917
3094
  --background-color: var(--hop-Tag-progress-background-color-press);
2918
3095
  --text-color: var(--hop-Tag-progress-text-color-press);
2919
3096
  }
2920
- .Tag-module__hop-Tag--progress___wXQZ2[data-disabled] {
3097
+ .Tag-module__hop-Tag--progress___O61iw[data-disabled] {
2921
3098
  --border-color: var(--hop-Tag-progress-border-color-disabled);
2922
3099
  --background-color: var(--hop-Tag-progress-background-color-disabled);
2923
3100
  --text-color: var(--hop-Tag-progress-text-color-disabled);
2924
3101
  }
2925
- .Tag-module__hop-Tag--positive___mxRmN[data-focus-visible] {
3102
+ .Tag-module__hop-Tag--positive___5Tm33[data-focus-visible] {
2926
3103
  --border-color: var(--hop-Tag-positive-border-color-focus);
2927
3104
  --background-color: var(--hop-Tag-positive-background-color-focus);
2928
3105
  --text-color: var(--hop-Tag-positive-text-color-focus);
2929
3106
  }
2930
- .Tag-module__hop-Tag--positive___mxRmN[data-hovered] {
3107
+ .Tag-module__hop-Tag--positive___5Tm33[data-hovered] {
2931
3108
  --border-color: var(--hop-Tag-positive-border-color-hover);
2932
3109
  --background-color: var(--hop-Tag-positive-background-color-hover);
2933
3110
  --text-color: var(--hop-Tag-positive-text-color-hover);
2934
3111
  }
2935
- .Tag-module__hop-Tag--positive___mxRmN[data-pressed] {
3112
+ .Tag-module__hop-Tag--positive___5Tm33[data-pressed] {
2936
3113
  --border-color: var(--hop-Tag-positive-border-color-press);
2937
3114
  --background-color: var(--hop-Tag-positive-background-color-press);
2938
3115
  --text-color: var(--hop-Tag-positive-text-color-press);
2939
3116
  }
2940
- .Tag-module__hop-Tag--positive___mxRmN[data-disabled] {
3117
+ .Tag-module__hop-Tag--positive___5Tm33[data-disabled] {
2941
3118
  --border-color: var(--hop-Tag-positive-border-color-disabled);
2942
3119
  --background-color: var(--hop-Tag-positive-background-color-disabled);
2943
3120
  --text-color: var(--hop-Tag-positive-text-color-disabled);
2944
3121
  }
2945
- .Tag-module__hop-Tag--caution___N8iHw[data-focus-visible] {
3122
+ .Tag-module__hop-Tag--caution___bxDmC[data-focus-visible] {
2946
3123
  --border-color: var(--hop-Tag-caution-border-color-focus);
2947
3124
  --background-color: var(--hop-Tag-caution-background-color-focus);
2948
3125
  --text-color: var(--hop-Tag-caution-text-color-focus);
2949
3126
  }
2950
- .Tag-module__hop-Tag--caution___N8iHw[data-hovered] {
3127
+ .Tag-module__hop-Tag--caution___bxDmC[data-hovered] {
2951
3128
  --border-color: var(--hop-Tag-caution-border-color-hover);
2952
3129
  --background-color: var(--hop-Tag-caution-background-color-hover);
2953
3130
  --text-color: var(--hop-Tag-caution-text-color-hover);
2954
3131
  }
2955
- .Tag-module__hop-Tag--caution___N8iHw[data-pressed] {
3132
+ .Tag-module__hop-Tag--caution___bxDmC[data-pressed] {
2956
3133
  --border-color: var(--hop-Tag-caution-border-color-press);
2957
3134
  --background-color: var(--hop-Tag-caution-background-color-press);
2958
3135
  --text-color: var(--hop-Tag-caution-text-color-press);
2959
3136
  }
2960
- .Tag-module__hop-Tag--caution___N8iHw[data-disabled] {
3137
+ .Tag-module__hop-Tag--caution___bxDmC[data-disabled] {
2961
3138
  --border-color: var(--hop-Tag-caution-border-color-disabled);
2962
3139
  --background-color: var(--hop-Tag-caution-background-color-disabled);
2963
3140
  --text-color: var(--hop-Tag-caution-text-color-disabled);
2964
3141
  }
2965
- .Tag-module__hop-Tag--negative___lCK-4[data-focus-visible] {
3142
+ .Tag-module__hop-Tag--negative___i4Z2s[data-focus-visible] {
2966
3143
  --border-color: var(--hop-Tag-negative-border-color-focus);
2967
3144
  --background-color: var(--hop-Tag-negative-background-color-focus);
2968
3145
  --text-color: var(--hop-Tag-negative-text-color-focus);
2969
3146
  }
2970
- .Tag-module__hop-Tag--negative___lCK-4[data-hovered] {
3147
+ .Tag-module__hop-Tag--negative___i4Z2s[data-hovered] {
2971
3148
  --border-color: var(--hop-Tag-negative-border-color-hover);
2972
3149
  --background-color: var(--hop-Tag-negative-background-color-hover);
2973
3150
  --text-color: var(--hop-Tag-negative-text-color-hover);
2974
3151
  }
2975
- .Tag-module__hop-Tag--negative___lCK-4[data-pressed] {
3152
+ .Tag-module__hop-Tag--negative___i4Z2s[data-pressed] {
2976
3153
  --border-color: var(--hop-Tag-negative-border-color-press);
2977
3154
  --background-color: var(--hop-Tag-negative-background-color-press);
2978
3155
  --text-color: var(--hop-Tag-negative-text-color-press);
2979
3156
  }
2980
- .Tag-module__hop-Tag--negative___lCK-4[data-disabled] {
3157
+ .Tag-module__hop-Tag--negative___i4Z2s[data-disabled] {
2981
3158
  --border-color: var(--hop-Tag-negative-border-color-disabled);
2982
3159
  --background-color: var(--hop-Tag-negative-background-color-disabled);
2983
3160
  --text-color: var(--hop-Tag-negative-text-color-disabled);
2984
3161
  }
2985
- .Tag-module__hop-Tag--option1___nmHL2[data-focus-visible] {
3162
+ .Tag-module__hop-Tag--option1___LNly-[data-focus-visible] {
2986
3163
  --border-color: var(--hop-Tag-option1-border-color-focus);
2987
3164
  --background-color: var(--hop-Tag-option1-background-color-focus);
2988
3165
  --text-color: var(--hop-Tag-option1-text-color-focus);
2989
3166
  }
2990
- .Tag-module__hop-Tag--option1___nmHL2[data-hovered] {
3167
+ .Tag-module__hop-Tag--option1___LNly-[data-hovered] {
2991
3168
  --border-color: var(--hop-Tag-option1-border-color-hover);
2992
3169
  --background-color: var(--hop-Tag-option1-background-color-hover);
2993
3170
  --text-color: var(--hop-Tag-option1-text-color-hover);
2994
3171
  }
2995
- .Tag-module__hop-Tag--option1___nmHL2[data-pressed] {
3172
+ .Tag-module__hop-Tag--option1___LNly-[data-pressed] {
2996
3173
  --border-color: var(--hop-Tag-option1-border-color-press);
2997
3174
  --background-color: var(--hop-Tag-option1-background-color-press);
2998
3175
  --text-color: var(--hop-Tag-option1-text-color-press);
2999
3176
  }
3000
- .Tag-module__hop-Tag--option1___nmHL2[data-disabled] {
3177
+ .Tag-module__hop-Tag--option1___LNly-[data-disabled] {
3001
3178
  --border-color: var(--hop-Tag-option1-border-color-disabled);
3002
3179
  --background-color: var(--hop-Tag-option1-background-color-disabled);
3003
3180
  --text-color: var(--hop-Tag-option1-text-color-disabled);
3004
3181
  }
3005
- .Tag-module__hop-Tag--option2___MZlEp[data-focus-visible] {
3182
+ .Tag-module__hop-Tag--option2___8cYAS[data-focus-visible] {
3006
3183
  --border-color: var(--hop-Tag-option2-border-color-focus);
3007
3184
  --background-color: var(--hop-Tag-option2-background-color-focus);
3008
3185
  --text-color: var(--hop-Tag-option2-text-color-focus);
3009
3186
  }
3010
- .Tag-module__hop-Tag--option2___MZlEp[data-hovered] {
3187
+ .Tag-module__hop-Tag--option2___8cYAS[data-hovered] {
3011
3188
  --border-color: var(--hop-Tag-option2-border-color-hover);
3012
3189
  --background-color: var(--hop-Tag-option2-background-color-hover);
3013
3190
  --text-color: var(--hop-Tag-option2-text-color-hover);
3014
3191
  }
3015
- .Tag-module__hop-Tag--option2___MZlEp[data-pressed] {
3192
+ .Tag-module__hop-Tag--option2___8cYAS[data-pressed] {
3016
3193
  --border-color: var(--hop-Tag-option2-border-color-press);
3017
3194
  --background-color: var(--hop-Tag-option2-background-color-press);
3018
3195
  --text-color: var(--hop-Tag-option2-text-color-press);
3019
3196
  }
3020
- .Tag-module__hop-Tag--option2___MZlEp[data-disabled] {
3197
+ .Tag-module__hop-Tag--option2___8cYAS[data-disabled] {
3021
3198
  --border-color: var(--hop-Tag-option2-border-color-disabled);
3022
3199
  --background-color: var(--hop-Tag-option2-background-color-disabled);
3023
3200
  --text-color: var(--hop-Tag-option2-text-color-disabled);
3024
3201
  }
3025
- .Tag-module__hop-Tag--option3___8xOGk[data-focus-visible] {
3202
+ .Tag-module__hop-Tag--option3___IDGr4[data-focus-visible] {
3026
3203
  --border-color: var(--hop-Tag-option3-border-color-focus);
3027
3204
  --background-color: var(--hop-Tag-option3-background-color-focus);
3028
3205
  --text-color: var(--hop-Tag-option3-text-color-focus);
3029
3206
  }
3030
- .Tag-module__hop-Tag--option3___8xOGk[data-hovered] {
3207
+ .Tag-module__hop-Tag--option3___IDGr4[data-hovered] {
3031
3208
  --border-color: var(--hop-Tag-option3-border-color-hover);
3032
3209
  --background-color: var(--hop-Tag-option3-background-color-hover);
3033
3210
  --text-color: var(--hop-Tag-option3-text-color-hover);
3034
3211
  }
3035
- .Tag-module__hop-Tag--option3___8xOGk[data-pressed] {
3212
+ .Tag-module__hop-Tag--option3___IDGr4[data-pressed] {
3036
3213
  --border-color: var(--hop-Tag-option3-border-color-press);
3037
3214
  --background-color: var(--hop-Tag-option3-background-color-press);
3038
3215
  --text-color: var(--hop-Tag-option3-text-color-press);
3039
3216
  }
3040
- .Tag-module__hop-Tag--option3___8xOGk[data-disabled] {
3217
+ .Tag-module__hop-Tag--option3___IDGr4[data-disabled] {
3041
3218
  --border-color: var(--hop-Tag-option3-border-color-disabled);
3042
3219
  --background-color: var(--hop-Tag-option3-background-color-disabled);
3043
3220
  --text-color: var(--hop-Tag-option3-text-color-disabled);
3044
3221
  }
3045
- .Tag-module__hop-Tag--option4___x8dKL[data-focus-visible] {
3222
+ .Tag-module__hop-Tag--option4___BpDez[data-focus-visible] {
3046
3223
  --border-color: var(--hop-Tag-option4-border-color-focus);
3047
3224
  --background-color: var(--hop-Tag-option4-background-color-focus);
3048
3225
  --text-color: var(--hop-Tag-option4-text-color-focus);
3049
3226
  }
3050
- .Tag-module__hop-Tag--option4___x8dKL[data-hovered] {
3227
+ .Tag-module__hop-Tag--option4___BpDez[data-hovered] {
3051
3228
  --border-color: var(--hop-Tag-option4-border-color-hover);
3052
3229
  --background-color: var(--hop-Tag-option4-background-color-hover);
3053
3230
  --text-color: var(--hop-Tag-option4-text-color-hover);
3054
3231
  }
3055
- .Tag-module__hop-Tag--option4___x8dKL[data-pressed] {
3232
+ .Tag-module__hop-Tag--option4___BpDez[data-pressed] {
3056
3233
  --border-color: var(--hop-Tag-option4-border-color-press);
3057
3234
  --background-color: var(--hop-Tag-option4-background-color-press);
3058
3235
  --text-color: var(--hop-Tag-option4-text-color-press);
3059
3236
  }
3060
- .Tag-module__hop-Tag--option4___x8dKL[data-disabled] {
3237
+ .Tag-module__hop-Tag--option4___BpDez[data-disabled] {
3061
3238
  --border-color: var(--hop-Tag-option4-border-color-disabled);
3062
3239
  --background-color: var(--hop-Tag-option4-background-color-disabled);
3063
3240
  --text-color: var(--hop-Tag-option4-text-color-disabled);
3064
3241
  }
3065
- .Tag-module__hop-Tag--option5___mj02C[data-focus-visible] {
3242
+ .Tag-module__hop-Tag--option5___Fhwo5[data-focus-visible] {
3066
3243
  --border-color: var(--hop-Tag-option5-border-color-focus);
3067
3244
  --background-color: var(--hop-Tag-option5-background-color-focus);
3068
3245
  --text-color: var(--hop-Tag-option5-text-color-focus);
3069
3246
  }
3070
- .Tag-module__hop-Tag--option5___mj02C[data-hovered] {
3247
+ .Tag-module__hop-Tag--option5___Fhwo5[data-hovered] {
3071
3248
  --border-color: var(--hop-Tag-option5-border-color-hover);
3072
3249
  --background-color: var(--hop-Tag-option5-background-color-hover);
3073
3250
  --text-color: var(--hop-Tag-option5-text-color-hover);
3074
3251
  }
3075
- .Tag-module__hop-Tag--option5___mj02C[data-pressed] {
3252
+ .Tag-module__hop-Tag--option5___Fhwo5[data-pressed] {
3076
3253
  --border-color: var(--hop-Tag-option5-border-color-press);
3077
3254
  --background-color: var(--hop-Tag-option5-background-color-press);
3078
3255
  --text-color: var(--hop-Tag-option5-text-color-press);
3079
3256
  }
3080
- .Tag-module__hop-Tag--option5___mj02C[data-disabled] {
3257
+ .Tag-module__hop-Tag--option5___Fhwo5[data-disabled] {
3081
3258
  --border-color: var(--hop-Tag-option5-border-color-disabled);
3082
3259
  --background-color: var(--hop-Tag-option5-background-color-disabled);
3083
3260
  --text-color: var(--hop-Tag-option5-text-color-disabled);
3084
3261
  }
3085
- .Tag-module__hop-Tag--option6___M38q2[data-focus-visible] {
3262
+ .Tag-module__hop-Tag--option6___lEY2Q[data-focus-visible] {
3086
3263
  --border-color: var(--hop-Tag-option6-border-color-focus);
3087
3264
  --background-color: var(--hop-Tag-option6-background-color-focus);
3088
3265
  --text-color: var(--hop-Tag-option6-text-color-focus);
3089
3266
  }
3090
- .Tag-module__hop-Tag--option6___M38q2[data-hovered] {
3267
+ .Tag-module__hop-Tag--option6___lEY2Q[data-hovered] {
3091
3268
  --border-color: var(--hop-Tag-option6-border-color-hover);
3092
3269
  --background-color: var(--hop-Tag-option6-background-color-hover);
3093
3270
  --text-color: var(--hop-Tag-option6-text-color-hover);
3094
3271
  }
3095
- .Tag-module__hop-Tag--option6___M38q2[data-pressed] {
3272
+ .Tag-module__hop-Tag--option6___lEY2Q[data-pressed] {
3096
3273
  --border-color: var(--hop-Tag-option6-border-color-press);
3097
3274
  --background-color: var(--hop-Tag-option6-background-color-press);
3098
3275
  --text-color: var(--hop-Tag-option6-text-color-press);
3099
3276
  }
3100
- .Tag-module__hop-Tag--option6___M38q2[data-disabled] {
3277
+ .Tag-module__hop-Tag--option6___lEY2Q[data-disabled] {
3101
3278
  --border-color: var(--hop-Tag-option6-border-color-disabled);
3102
3279
  --background-color: var(--hop-Tag-option6-background-color-disabled);
3103
3280
  --text-color: var(--hop-Tag-option6-text-color-disabled);
3104
3281
  }
3105
- .Tag-module__hop-Tag___1EH6E[data-focus-visible] {
3282
+ .Tag-module__hop-Tag___vEZjf[data-focus-visible] {
3106
3283
  outline: 0.125rem solid var(--focus-ring-color);
3107
3284
  }
3108
- .Tag-module__hop-Tag___1EH6E[data-hovered] {
3285
+ .Tag-module__hop-Tag___vEZjf[data-hovered] {
3109
3286
  cursor: pointer;
3110
3287
  }
3111
- .Tag-module__hop-Tag___1EH6E[data-selected] {
3288
+ .Tag-module__hop-Tag___vEZjf[data-selected] {
3112
3289
  --background-color: var(--hop-Tag-background-color-selected);
3113
3290
  --border-color: var(--hop-Tag-border-color-selected);
3114
3291
  --text-color: var(--hop-Tag-text-color-selected);
3115
3292
  }
3116
- .Tag-module__hop-Tag___1EH6E[data-pressed] {
3293
+ .Tag-module__hop-Tag___vEZjf[data-pressed] {
3117
3294
  cursor: pointer;
3118
3295
  }
3119
- .Tag-module__hop-Tag___1EH6E[data-invalid] {
3296
+ .Tag-module__hop-Tag___vEZjf[data-invalid] {
3120
3297
  --border-color: var(--hop-Tag-border-color-invalid);
3121
3298
  }
3122
- .Tag-module__hop-Tag___1EH6E[data-disabled] {
3299
+ .Tag-module__hop-Tag___vEZjf[data-disabled] {
3123
3300
  cursor: not-allowed;
3124
3301
  }
3125
- .Tag-module__hop-Tag__avatar___NhKNI {
3302
+ .Tag-module__hop-Tag__avatar___F9cwC {
3126
3303
  flex: 0 0 auto;
3127
3304
  order: 1;
3128
3305
  margin-inline-start: var(--avatar-margin-inline-start);
3129
3306
  }
3130
- .Tag-module__hop-Tag__icon___JOi1i,
3131
- .Tag-module__hop-Tag__icon-list___jLqJ- {
3307
+ .Tag-module__hop-Tag__icon___6oeSt,
3308
+ .Tag-module__hop-Tag__icon-list___u0WeD {
3132
3309
  flex: 0 0 auto;
3133
3310
  flex-wrap: nowrap;
3134
3311
  order: 2;
3135
3312
  margin-inline-start: var(--icon-margin-inline-start, 0);
3136
3313
  }
3137
- .Tag-module__hop-Tag__text___LuK5I {
3314
+ .Tag-module__hop-Tag__text___7g7w9 {
3138
3315
  overflow: hidden;
3139
3316
  flex: 1 1 auto;
3140
3317
  order: 3;
@@ -3142,27 +3319,27 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3142
3319
  text-align: center;
3143
3320
  text-overflow: ellipsis;
3144
3321
  }
3145
- .Tag-module__hop-Tag__badge___XfiI1 {
3322
+ .Tag-module__hop-Tag__badge___Qp5a2 {
3146
3323
  flex: 0 0 auto;
3147
3324
  order: 4;
3148
3325
  margin-inline-end: var(--badge-margin-inline-end);
3149
3326
  }
3150
- .Tag-module__hop-Tag___1EH6E .Tag-module__hop-Tag__badge--subdued___BFw3P {
3327
+ .Tag-module__hop-Tag___vEZjf .Tag-module__hop-Tag__badge--subdued___TDNNH {
3151
3328
  margin-inline-start: var(--badge-secondary-margin-inline-start);
3152
3329
  color: inherit;
3153
3330
  background: none;
3154
3331
  }
3155
- .Tag-module__hop-Tag--sm___ni5O9 .Tag-module__hop-Tag__badge___XfiI1 {
3332
+ .Tag-module__hop-Tag--sm___0vPmb .Tag-module__hop-Tag__badge___Qp5a2 {
3156
3333
  block-size: 100%;
3157
3334
  }
3158
- .Tag-module__hop-Tag__remove-btn___9bUJM,
3159
- .Tag-module__hop-Tag__Spinner___vkyGi {
3335
+ .Tag-module__hop-Tag__remove-btn___1noDF,
3336
+ .Tag-module__hop-Tag__Spinner___7QgAW {
3160
3337
  flex: 0 0 auto;
3161
3338
  order: 5;
3162
3339
  }
3163
- .Tag-module__hop-Tag__Spinner___vkyGi {
3340
+ .Tag-module__hop-Tag__Spinner___7QgAW {
3164
3341
  margin-inline-end: var(--spinner-margin-inline-end);
3165
3342
  }
3166
- .Tag-module__hop-Tag__remove-btn___9bUJM {
3343
+ .Tag-module__hop-Tag__remove-btn___1noDF {
3167
3344
  margin-inline: var(--clear-btn-margin-inline);
3168
3345
  }