@hopper-ui/components 1.8.2 → 1.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (374) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/accordion/src/Accordion.css +78 -78
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +78 -78
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +770 -593
  7. package/dist/alert/src/Alert.js +10 -9
  8. package/dist/alert/src/index.css +770 -593
  9. package/dist/alert/src/index.js +10 -9
  10. package/dist/avatar/src/AnonymousAvatar.css +55 -48
  11. package/dist/avatar/src/AnonymousAvatar.d.ts +5 -0
  12. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  13. package/dist/avatar/src/Avatar.css +80 -66
  14. package/dist/avatar/src/Avatar.d.ts +9 -1
  15. package/dist/avatar/src/Avatar.js +4 -4
  16. package/dist/avatar/src/AvatarGroup.css +65 -65
  17. package/dist/avatar/src/AvatarGroup.d.ts +1 -0
  18. package/dist/avatar/src/AvatarGroup.js +4 -4
  19. package/dist/avatar/src/AvatarGroupContext.d.ts +1 -0
  20. package/dist/avatar/src/BrokenAvatar.css +55 -48
  21. package/dist/avatar/src/BrokenAvatar.d.ts +5 -0
  22. package/dist/avatar/src/BrokenAvatar.js +2 -2
  23. package/dist/avatar/src/DeletedAvatar.css +55 -48
  24. package/dist/avatar/src/DeletedAvatar.d.ts +5 -0
  25. package/dist/avatar/src/DeletedAvatar.js +2 -2
  26. package/dist/avatar/src/RichIconAvatarImage.css +55 -48
  27. package/dist/avatar/src/RichIconAvatarImage.d.ts +9 -0
  28. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  29. package/dist/avatar/src/RichIconAvatarImageContext.d.ts +1 -0
  30. package/dist/avatar/src/index.css +107 -93
  31. package/dist/avatar/src/index.d.ts +1 -0
  32. package/dist/avatar/src/index.js +9 -9
  33. package/dist/badge/src/Badge.css +53 -53
  34. package/dist/badge/src/Badge.js +2 -2
  35. package/dist/badge/src/FloatingBadge.css +48 -48
  36. package/dist/badge/src/FloatingBadge.js +1 -1
  37. package/dist/badge/src/index.css +63 -63
  38. package/dist/badge/src/index.js +3 -3
  39. package/dist/buttons/src/Button.css +120 -110
  40. package/dist/buttons/src/Button.d.ts +5 -2
  41. package/dist/buttons/src/Button.js +6 -5
  42. package/dist/buttons/src/ButtonContext.d.ts +3 -1
  43. package/dist/buttons/src/ButtonGroup.css +49 -49
  44. package/dist/buttons/src/ButtonGroup.d.ts +1 -1
  45. package/dist/buttons/src/ButtonGroup.js +1 -1
  46. package/dist/buttons/src/ButtonGroupContext.d.ts +1 -1
  47. package/dist/buttons/src/ClearButton.css +109 -109
  48. package/dist/buttons/src/ClearButton.js +2 -2
  49. package/dist/buttons/src/CloseButton.css +115 -105
  50. package/dist/buttons/src/CloseButton.d.ts +3 -1
  51. package/dist/buttons/src/CloseButton.js +7 -6
  52. package/dist/buttons/src/CloseButtonContext.d.ts +3 -1
  53. package/dist/buttons/src/EmbeddedButton.css +109 -109
  54. package/dist/buttons/src/EmbeddedButton.js +1 -1
  55. package/dist/buttons/src/LinkButton.css +131 -119
  56. package/dist/buttons/src/LinkButton.d.ts +5 -2
  57. package/dist/buttons/src/LinkButton.js +5 -4
  58. package/dist/buttons/src/LinkButtonContext.d.ts +3 -1
  59. package/dist/buttons/src/ToggleButton.css +485 -330
  60. package/dist/buttons/src/ToggleButton.d.ts +6 -3
  61. package/dist/buttons/src/ToggleButton.js +4 -4
  62. package/dist/buttons/src/ToggleButtonContext.d.ts +3 -1
  63. package/dist/buttons/src/index.css +718 -541
  64. package/dist/buttons/src/index.d.ts +6 -4
  65. package/dist/buttons/src/index.js +12 -11
  66. package/dist/callout/src/Callout.css +730 -553
  67. package/dist/callout/src/Callout.js +8 -7
  68. package/dist/callout/src/CompactCallout.css +767 -590
  69. package/dist/callout/src/CompactCallout.js +8 -7
  70. package/dist/callout/src/index.css +779 -602
  71. package/dist/callout/src/index.js +10 -9
  72. package/dist/card/src/Card.css +41 -41
  73. package/dist/card/src/Card.js +1 -1
  74. package/dist/card/src/index.css +41 -41
  75. package/dist/card/src/index.js +1 -1
  76. package/dist/checkbox/src/Checkbox.css +57 -57
  77. package/dist/checkbox/src/Checkbox.js +4 -4
  78. package/dist/checkbox/src/CheckboxField.css +44 -44
  79. package/dist/checkbox/src/CheckboxField.js +3 -3
  80. package/dist/checkbox/src/CheckboxGroup.css +109 -109
  81. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  82. package/dist/checkbox/src/DecorativeCheckbox.css +65 -65
  83. package/dist/checkbox/src/DecorativeCheckbox.js +3 -3
  84. package/dist/checkbox/src/index.css +109 -109
  85. package/dist/checkbox/src/index.js +11 -11
  86. package/dist/{chunk-RXNIOPGX.js → chunk-27YZA2A6.js} +2 -2
  87. package/dist/{chunk-T52WHF7R.js → chunk-2A4SQELV.js} +1 -1
  88. package/dist/{chunk-GTGTEHOA.js → chunk-2TZLC5MY.js} +2 -2
  89. package/dist/{chunk-6Y4WK3RQ.js → chunk-333CF3S7.js} +1 -1
  90. package/dist/{chunk-WTBYPRRW.js → chunk-3BCZJCQ3.js} +3 -3
  91. package/dist/{chunk-J6QWUF6I.js → chunk-3VOSETB5.js} +18 -12
  92. package/dist/{chunk-YJZJ6EGK.js → chunk-446J7ADD.js} +3 -3
  93. package/dist/{chunk-O4U6DKHU.js → chunk-4GAGBXT4.js} +2 -2
  94. package/dist/{chunk-TQFW3GV6.js → chunk-4WWPGWIY.js} +1 -1
  95. package/dist/{chunk-2ZNBGFYO.js → chunk-4Y2FHAJZ.js} +1 -1
  96. package/dist/{chunk-2QPUHBJ6.js → chunk-4YDVFQFT.js} +22 -9
  97. package/dist/{chunk-V4FVG6RD.js → chunk-5MWWUEMG.js} +3 -3
  98. package/dist/{chunk-YG4VQFHZ.js → chunk-5SCGTPMN.js} +2 -2
  99. package/dist/{chunk-VNFZDWVB.js → chunk-6DOMKHG4.js} +1 -1
  100. package/dist/{chunk-JG7DCSZ7.js → chunk-7CK3J42S.js} +1 -1
  101. package/dist/{chunk-AJ4JHO3L.js → chunk-7N6N5ZQW.js} +2 -2
  102. package/dist/{chunk-CMNPB35A.js → chunk-AU3U7OXE.js} +12 -12
  103. package/dist/{chunk-XSUYZDYB.js → chunk-BQB4WR4X.js} +1 -1
  104. package/dist/{chunk-BHFIGTK6.js → chunk-BXX3M2TF.js} +1 -1
  105. package/dist/{chunk-MVXDSVBA.js → chunk-BYIZ6YTQ.js} +1 -1
  106. package/dist/{chunk-3MYOCKT2.js → chunk-C4OUFO6E.js} +8 -8
  107. package/dist/{chunk-SLJKAEOC.js → chunk-CCXYS5EF.js} +5 -5
  108. package/dist/{chunk-BV3ROFY6.js → chunk-CG4N4NJW.js} +1 -1
  109. package/dist/{chunk-UH3RWAZV.js → chunk-CJFALWKZ.js} +2 -2
  110. package/dist/{chunk-C2JYCOJJ.js → chunk-D54XSA2G.js} +2 -2
  111. package/dist/{chunk-ZBVXOGE7.js → chunk-DR22UMIB.js} +8 -8
  112. package/dist/{chunk-P4YL7PZX.js → chunk-EIHFLKML.js} +2 -2
  113. package/dist/{chunk-YT6KAZ7W.js → chunk-EPZBUE2N.js} +2 -2
  114. package/dist/{chunk-TRMO7MV5.js → chunk-FICUPRHV.js} +11 -11
  115. package/dist/{chunk-N2INWSSP.js → chunk-FKVHRFPV.js} +1 -1
  116. package/dist/chunk-GFYRA4EN.js +23 -0
  117. package/dist/{chunk-I62K2ZHG.js → chunk-GXR774K5.js} +1 -1
  118. package/dist/{chunk-TSXCJZLH.js → chunk-H7IMS4PR.js} +2 -2
  119. package/dist/{chunk-OM4XR33Z.js → chunk-HLAMRSGD.js} +2 -2
  120. package/dist/{chunk-GNG2NV76.js → chunk-IF7OASII.js} +1 -1
  121. package/dist/{chunk-O6RCJ73Y.js → chunk-IZ6AOTXC.js} +2 -2
  122. package/dist/{chunk-2UBRJW2J.js → chunk-J45YC7C2.js} +1 -1
  123. package/dist/{chunk-WSW2WVYZ.js → chunk-J7ENAT22.js} +1 -1
  124. package/dist/{chunk-OZ7NZPDM.js → chunk-JGUOHQEO.js} +16 -7
  125. package/dist/{chunk-VK4C7IPE.js → chunk-JHHAFKNM.js} +7 -7
  126. package/dist/{chunk-PVIZJ22K.js → chunk-JIOQK4T7.js} +1 -1
  127. package/dist/{chunk-BCBQINY3.js → chunk-KADWB3R4.js} +2 -2
  128. package/dist/{chunk-TBOTEIRR.js → chunk-KPFBET2X.js} +1 -1
  129. package/dist/{chunk-KHPSEX4H.js → chunk-L3MHODGB.js} +1 -1
  130. package/dist/{chunk-VQ6HKO7S.js → chunk-LM6KSNRY.js} +2 -2
  131. package/dist/{chunk-UEJAUKJY.js → chunk-LRAE7OJJ.js} +8 -8
  132. package/dist/{chunk-PT5SYITB.js → chunk-LSZ6ETKU.js} +5 -5
  133. package/dist/{chunk-Y5RKQQHZ.js → chunk-LWSF2VLC.js} +2 -2
  134. package/dist/{chunk-FC6G5MQ3.js → chunk-MIHSQG7D.js} +2 -2
  135. package/dist/{chunk-B62S77SN.js → chunk-MNZODLBT.js} +3 -3
  136. package/dist/{chunk-C7CNYQRP.js → chunk-N3KZBYMB.js} +2 -2
  137. package/dist/{chunk-KG3UXYPM.js → chunk-N4QFGCPW.js} +3 -3
  138. package/dist/{chunk-VDPXCFLQ.js → chunk-NIAAMHIX.js} +5 -5
  139. package/dist/{chunk-GDX6X4AK.js → chunk-NL7JSTHF.js} +2 -2
  140. package/dist/{chunk-THRSW2TA.js → chunk-NMT2J3X6.js} +1 -1
  141. package/dist/{chunk-XIWBIDKX.js → chunk-OBODGTPP.js} +16 -10
  142. package/dist/{chunk-GUPD7SCD.js → chunk-PEIFEGNC.js} +1 -1
  143. package/dist/{chunk-CDC6G4DW.js → chunk-PH3YCU3Y.js} +1 -1
  144. package/dist/{chunk-WTDBPVO2.js → chunk-PY7LQUG3.js} +3 -3
  145. package/dist/{chunk-XYQU45MO.js → chunk-QH36FSEG.js} +3 -3
  146. package/dist/{chunk-R3F4R2GR.js → chunk-QJA2OD7N.js} +5 -5
  147. package/dist/{chunk-YLUR4I4O.js → chunk-QNAAYTKT.js} +1 -1
  148. package/dist/{chunk-LDWHZCH4.js → chunk-QQ7AWYFY.js} +1 -1
  149. package/dist/{chunk-FQHEXVEO.js → chunk-QSMUIB57.js} +2 -2
  150. package/dist/{chunk-5ZMGVSCQ.js → chunk-R2GEGPOO.js} +1 -1
  151. package/dist/{chunk-EOXIVZJH.js → chunk-RZWF5H5Q.js} +1 -1
  152. package/dist/{chunk-2EOZLJ3U.js → chunk-S3RZ45UA.js} +6 -6
  153. package/dist/{chunk-Q7NZNQEE.js → chunk-SJKZJBNT.js} +2 -2
  154. package/dist/{chunk-A5X5HCFF.js → chunk-SYAUYFR3.js} +1 -1
  155. package/dist/{chunk-VSAMAS7P.js → chunk-UE2MKTQA.js} +5 -5
  156. package/dist/{chunk-CU3QGP2L.js → chunk-UHXLZOSK.js} +2 -2
  157. package/dist/{chunk-JSK57VIX.js → chunk-UL24FHXE.js} +2 -2
  158. package/dist/{chunk-4O27LL2N.js → chunk-V25S5IBB.js} +2 -2
  159. package/dist/{chunk-MRHZL6GL.js → chunk-VAXZGJLC.js} +2 -2
  160. package/dist/{chunk-QXX3VYMF.js → chunk-VRQANX3T.js} +1 -1
  161. package/dist/{chunk-VQN3EOEE.js → chunk-W3TNGPJI.js} +2 -2
  162. package/dist/{chunk-QIGTPOAF.js → chunk-WAXG3VQ3.js} +10 -10
  163. package/dist/{chunk-IKQ2EV2Y.js → chunk-X6YIJ7TI.js} +1 -1
  164. package/dist/{chunk-E3KVQKBW.js → chunk-XAAZVXFG.js} +3 -3
  165. package/dist/{chunk-CHJUYY53.js → chunk-XBXWGDWC.js} +1 -1
  166. package/dist/{chunk-OPG3YAOS.js → chunk-XWZOU65F.js} +1 -1
  167. package/dist/{chunk-C4F7EZIQ.js → chunk-XX37YQKD.js} +1 -1
  168. package/dist/{chunk-SUNGEQNN.js → chunk-YC6V3NJ3.js} +2 -2
  169. package/dist/{chunk-3BP4XOAL.js → chunk-YIIEDUWW.js} +1 -1
  170. package/dist/{chunk-XFWOCVQF.js → chunk-YKJCXEWE.js} +15 -9
  171. package/dist/{chunk-AN3RU3NY.js → chunk-YLL2OBOQ.js} +3 -3
  172. package/dist/{chunk-W57EDX3L.js → chunk-ZKWHOGLL.js} +1 -1
  173. package/dist/combobox/src/ComboBox.css +1146 -955
  174. package/dist/combobox/src/ComboBox.js +18 -18
  175. package/dist/combobox/src/index.css +1146 -955
  176. package/dist/combobox/src/index.js +18 -18
  177. package/dist/contextual-help/src/ContextualHelp.css +1075 -884
  178. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  179. package/dist/contextual-help/src/index.css +1075 -884
  180. package/dist/contextual-help/src/index.js +4 -4
  181. package/dist/disclosure/src/Disclosure.css +48 -48
  182. package/dist/disclosure/src/Disclosure.js +1 -1
  183. package/dist/disclosure/src/DisclosureHeader.css +55 -55
  184. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  185. package/dist/disclosure/src/DisclosurePanel.css +48 -48
  186. package/dist/disclosure/src/DisclosurePanel.js +3 -3
  187. package/dist/disclosure/src/index.css +73 -73
  188. package/dist/disclosure/src/index.js +7 -7
  189. package/dist/divider/src/Divider.css +40 -40
  190. package/dist/divider/src/Divider.js +1 -1
  191. package/dist/divider/src/index.css +40 -40
  192. package/dist/divider/src/index.js +1 -1
  193. package/dist/error-message/src/ErrorMessage.css +40 -40
  194. package/dist/error-message/src/ErrorMessage.js +2 -2
  195. package/dist/error-message/src/index.css +40 -40
  196. package/dist/error-message/src/index.js +2 -2
  197. package/dist/form/src/Form.css +38 -38
  198. package/dist/form/src/Form.d.ts +1 -1
  199. package/dist/form/src/Form.js +1 -1
  200. package/dist/form/src/index.css +38 -38
  201. package/dist/form/src/index.js +1 -1
  202. package/dist/header/src/Header.css +38 -38
  203. package/dist/header/src/index.css +38 -38
  204. package/dist/helper-message/src/HelperMessage.css +40 -40
  205. package/dist/helper-message/src/HelperMessage.js +2 -2
  206. package/dist/helper-message/src/index.css +40 -40
  207. package/dist/helper-message/src/index.js +2 -2
  208. package/dist/hopper-provider/src/HopperProvider.css +39 -39
  209. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  210. package/dist/hopper-provider/src/index.css +39 -39
  211. package/dist/hopper-provider/src/index.js +1 -1
  212. package/dist/icon-list/src/IconList.css +39 -39
  213. package/dist/icon-list/src/IconList.js +1 -1
  214. package/dist/icon-list/src/index.css +39 -39
  215. package/dist/icon-list/src/index.js +1 -1
  216. package/dist/illustrated-message/src/IllustratedMessage.css +737 -560
  217. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  218. package/dist/illustrated-message/src/index.css +737 -560
  219. package/dist/illustrated-message/src/index.js +1 -1
  220. package/dist/image/src/Image.css +41 -41
  221. package/dist/image/src/Image.js +1 -1
  222. package/dist/image/src/SvgImage.css +39 -39
  223. package/dist/image/src/SvgImage.js +1 -1
  224. package/dist/image/src/index.css +42 -42
  225. package/dist/image/src/index.js +2 -2
  226. package/dist/index.css +1496 -1305
  227. package/dist/index.d.ts +25 -7
  228. package/dist/index.js +89 -88
  229. package/dist/inputs/src/Input.css +42 -42
  230. package/dist/inputs/src/Input.js +1 -1
  231. package/dist/inputs/src/InputGroup.css +44 -44
  232. package/dist/inputs/src/InputGroup.js +1 -1
  233. package/dist/inputs/src/NumberField.css +68 -68
  234. package/dist/inputs/src/NumberField.js +10 -10
  235. package/dist/inputs/src/PasswordField.css +738 -561
  236. package/dist/inputs/src/PasswordField.js +10 -10
  237. package/dist/inputs/src/RemainingCharacterCount.css +41 -41
  238. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  239. package/dist/inputs/src/SearchField.css +744 -567
  240. package/dist/inputs/src/SearchField.js +11 -11
  241. package/dist/inputs/src/TextArea.css +65 -65
  242. package/dist/inputs/src/TextArea.js +9 -9
  243. package/dist/inputs/src/TextField.css +742 -565
  244. package/dist/inputs/src/TextField.js +13 -13
  245. package/dist/inputs/src/index.css +784 -607
  246. package/dist/inputs/src/index.js +17 -17
  247. package/dist/layout/src/Content.css +38 -38
  248. package/dist/layout/src/Footer.css +38 -38
  249. package/dist/link/src/Link.css +77 -77
  250. package/dist/link/src/Link.js +3 -3
  251. package/dist/link/src/index.css +77 -77
  252. package/dist/link/src/index.js +3 -3
  253. package/dist/list-box/src/ListBox.css +326 -312
  254. package/dist/list-box/src/ListBox.js +7 -7
  255. package/dist/list-box/src/ListBoxItem.css +314 -300
  256. package/dist/list-box/src/ListBoxItem.js +6 -6
  257. package/dist/list-box/src/ListBoxItemSkeleton.css +45 -45
  258. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  259. package/dist/list-box/src/index.css +326 -312
  260. package/dist/list-box/src/index.js +7 -7
  261. package/dist/menu/src/Menu.css +1071 -880
  262. package/dist/menu/src/Menu.js +2 -2
  263. package/dist/menu/src/MenuItem.css +131 -117
  264. package/dist/menu/src/MenuItem.js +2 -2
  265. package/dist/menu/src/MenuSection.css +40 -40
  266. package/dist/menu/src/MenuSection.js +1 -1
  267. package/dist/menu/src/index.css +1096 -905
  268. package/dist/menu/src/index.js +5 -5
  269. package/dist/modal/src/BaseModal.css +53 -53
  270. package/dist/modal/src/BaseModal.js +1 -1
  271. package/dist/modal/src/CustomModal.css +54 -54
  272. package/dist/modal/src/CustomModal.js +2 -2
  273. package/dist/modal/src/Modal.css +760 -583
  274. package/dist/modal/src/Modal.js +9 -8
  275. package/dist/modal/src/index.css +755 -578
  276. package/dist/modal/src/index.js +10 -9
  277. package/dist/overlays/popover/src/Popover.css +1069 -878
  278. package/dist/overlays/popover/src/Popover.js +2 -2
  279. package/dist/overlays/popover/src/PopoverBase.css +41 -41
  280. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  281. package/dist/overlays/popover/src/index.css +1072 -881
  282. package/dist/overlays/popover/src/index.js +3 -3
  283. package/dist/radio/src/DecorativeRadio.css +65 -65
  284. package/dist/radio/src/DecorativeRadio.js +3 -3
  285. package/dist/radio/src/Radio.css +57 -57
  286. package/dist/radio/src/Radio.js +3 -3
  287. package/dist/radio/src/RadioField.css +44 -44
  288. package/dist/radio/src/RadioField.js +2 -2
  289. package/dist/radio/src/RadioGroup.css +109 -109
  290. package/dist/radio/src/RadioGroup.js +7 -7
  291. package/dist/radio/src/index.css +109 -109
  292. package/dist/radio/src/index.js +11 -11
  293. package/dist/segmented-control/src/SegmentedControl.css +39 -39
  294. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  295. package/dist/segmented-control/src/SegmentedControlItem.css +53 -53
  296. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  297. package/dist/segmented-control/src/index.css +54 -54
  298. package/dist/segmented-control/src/index.js +3 -3
  299. package/dist/select/src/Select.css +1090 -899
  300. package/dist/select/src/Select.js +17 -17
  301. package/dist/select/src/SelectValue.css +113 -99
  302. package/dist/select/src/SelectValue.js +2 -2
  303. package/dist/select/src/index.css +1090 -899
  304. package/dist/select/src/index.js +17 -17
  305. package/dist/spinner/src/Spinner.css +48 -48
  306. package/dist/spinner/src/Spinner.js +2 -2
  307. package/dist/spinner/src/index.css +48 -48
  308. package/dist/spinner/src/index.js +2 -2
  309. package/dist/switch/src/Switch.css +54 -54
  310. package/dist/switch/src/Switch.js +3 -3
  311. package/dist/switch/src/SwitchField.css +44 -44
  312. package/dist/switch/src/SwitchField.js +2 -2
  313. package/dist/switch/src/index.css +60 -60
  314. package/dist/switch/src/index.js +4 -4
  315. package/dist/tabs/src/Tab.css +916 -725
  316. package/dist/tabs/src/Tab.js +2 -2
  317. package/dist/tabs/src/TabLine.css +40 -40
  318. package/dist/tabs/src/TabLine.js +1 -1
  319. package/dist/tabs/src/TabList.css +47 -47
  320. package/dist/tabs/src/TabList.js +2 -2
  321. package/dist/tabs/src/TabPanel.css +40 -40
  322. package/dist/tabs/src/TabPanel.js +1 -1
  323. package/dist/tabs/src/index.css +927 -736
  324. package/dist/tabs/src/index.js +5 -5
  325. package/dist/tag/src/Tag.css +894 -703
  326. package/dist/tag/src/Tag.js +7 -7
  327. package/dist/tag/src/TagGroup.css +48 -48
  328. package/dist/tag/src/TagGroup.js +7 -7
  329. package/dist/tag/src/index.css +904 -713
  330. package/dist/tag/src/index.js +12 -12
  331. package/dist/tile/src/Tile.css +47 -47
  332. package/dist/tile/src/Tile.js +2 -2
  333. package/dist/tile/src/TileGroup.css +39 -39
  334. package/dist/tile/src/TileGroup.js +1 -1
  335. package/dist/tile/src/index.css +48 -48
  336. package/dist/tile/src/index.js +3 -3
  337. package/dist/toggle-arrow/src/ToggleArrow.css +40 -40
  338. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  339. package/dist/toggle-arrow/src/index.css +40 -40
  340. package/dist/toggle-arrow/src/index.js +1 -1
  341. package/dist/tooltip/src/Tooltip.css +48 -48
  342. package/dist/tooltip/src/Tooltip.js +3 -3
  343. package/dist/tooltip/src/TooltipTrigger.css +38 -38
  344. package/dist/tooltip/src/index.css +48 -48
  345. package/dist/tooltip/src/index.js +3 -3
  346. package/dist/{types-CVCUJ7un.d.ts → types-BqmVPR6K.d.ts} +2 -2
  347. package/dist/typography/heading/src/Heading.css +38 -38
  348. package/dist/typography/heading/src/Heading.js +1 -1
  349. package/dist/typography/heading/src/index.css +38 -38
  350. package/dist/typography/heading/src/index.js +1 -1
  351. package/dist/typography/label/src/FieldLabel.css +38 -38
  352. package/dist/typography/label/src/FieldLabel.js +3 -3
  353. package/dist/typography/label/src/Label.css +38 -38
  354. package/dist/typography/label/src/Label.js +1 -1
  355. package/dist/typography/label/src/index.css +38 -38
  356. package/dist/typography/label/src/index.js +3 -3
  357. package/dist/typography/overline-text/src/OverlineText.css +38 -38
  358. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  359. package/dist/typography/overline-text/src/index.css +38 -38
  360. package/dist/typography/overline-text/src/index.js +1 -1
  361. package/dist/typography/paragraph/src/Paragraph.css +38 -38
  362. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  363. package/dist/typography/paragraph/src/index.css +38 -38
  364. package/dist/typography/paragraph/src/index.js +2 -2
  365. package/dist/typography/text/src/Text.css +38 -38
  366. package/dist/typography/text/src/Text.js +1 -1
  367. package/dist/typography/text/src/index.css +38 -38
  368. package/dist/typography/text/src/index.js +1 -1
  369. package/dist/utils/src/ClearSlots.css +38 -38
  370. package/dist/utils/src/EnsureTextWrapper.css +38 -38
  371. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  372. package/dist/utils/src/index.css +38 -38
  373. package/dist/utils/src/index.js +2 -2
  374. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___ex9Pl {
2
+ .Heading-module__hop-Heading___z2REG {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,7 +33,7 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___ex9Pl) {
36
+ :where(.Heading-module__hop-Heading___z2REG) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
@@ -41,43 +41,43 @@
41
41
  line-height: var(--line-height);
42
42
  color: var(--hop-neutral-text);
43
43
  }
44
- :where(.Heading-module__hop-Heading--xs___U-anE) {
44
+ :where(.Heading-module__hop-Heading--xs___UvA8B) {
45
45
  --font-size: var(--hop-Heading-xs-font-size);
46
46
  --font-family: var(--hop-Heading-xs-font-family);
47
47
  --font-weight: var(--hop-Heading-xs-font-weight);
48
48
  --line-height: var(--hop-Heading-xs-line-height);
49
49
  }
50
- :where(.Heading-module__hop-Heading--sm___9euNX) {
50
+ :where(.Heading-module__hop-Heading--sm___8LA8Z) {
51
51
  --font-size: var(--hop-Heading-sm-font-size);
52
52
  --font-family: var(--hop-Heading-sm-font-family);
53
53
  --font-weight: var(--hop-Heading-sm-font-weight);
54
54
  --line-height: var(--hop-Heading-sm-line-height);
55
55
  }
56
- :where(.Heading-module__hop-Heading--md___m9G-q) {
56
+ :where(.Heading-module__hop-Heading--md___-vdE8) {
57
57
  --font-size: var(--hop-Heading-md-font-size);
58
58
  --font-family: var(--hop-Heading-md-font-family);
59
59
  --font-weight: var(--hop-Heading-md-font-weight);
60
60
  --line-height: var(--hop-Heading-md-line-height);
61
61
  }
62
- :where(.Heading-module__hop-Heading--lg___seVEu) {
62
+ :where(.Heading-module__hop-Heading--lg___R--az) {
63
63
  --font-size: var(--hop-Heading-lg-font-size);
64
64
  --font-family: var(--hop-Heading-lg-font-family);
65
65
  --font-weight: var(--hop-Heading-lg-font-weight);
66
66
  --line-height: var(--hop-Heading-lg-line-height);
67
67
  }
68
- :where(.Heading-module__hop-Heading--xl___-ctXd) {
68
+ :where(.Heading-module__hop-Heading--xl___Us1B5) {
69
69
  --font-size: var(--hop-Heading-xl-font-size);
70
70
  --font-family: var(--hop-Heading-xl-font-family);
71
71
  --font-weight: var(--hop-Heading-xl-font-weight);
72
72
  --line-height: var(--hop-Heading-xl-line-height);
73
73
  }
74
- :where(.Heading-module__hop-Heading--2xl___nm0lD) {
74
+ :where(.Heading-module__hop-Heading--2xl___-Dui8) {
75
75
  --font-size: var(--hop-Heading-2xl-font-size);
76
76
  --font-family: var(--hop-Heading-2xl-font-family);
77
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
78
78
  --line-height: var(--hop-Heading-2xl-line-height);
79
79
  }
80
- :where(.Heading-module__hop-Heading--3xl___UlnoB) {
80
+ :where(.Heading-module__hop-Heading--3xl___Niq8Y) {
81
81
  --font-size: var(--hop-Heading-3xl-font-size);
82
82
  --font-family: var(--hop-Heading-3xl-font-family);
83
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -85,21 +85,21 @@
85
85
  }
86
86
 
87
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
88
- .Form-module__hop-Form___oRthn {
88
+ .Form-module__hop-Form___5gPvH {
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  gap: var(--hop-space-stack-lg);
92
92
  }
93
93
 
94
94
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
95
- .Label-module__hop-Label___ClY-C {
95
+ .Label-module__hop-Label___XkwKF {
96
96
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
97
97
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
98
98
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
99
99
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
100
100
  --hop-Label-color: var(--hop-neutral-text-weak);
101
101
  }
102
- :where(.Label-module__hop-Label___ClY-C) {
102
+ :where(.Label-module__hop-Label___XkwKF) {
103
103
  font-family: var(--hop-Label-font-family);
104
104
  font-size: var(--hop-Label-font-size);
105
105
  font-weight: var(--hop-Label-font-weight);
@@ -108,17 +108,17 @@
108
108
  }
109
109
 
110
110
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
111
- .FieldLabel-module__hop-FieldLabel__wrapper___P-qSb {
111
+ .FieldLabel-module__hop-FieldLabel__wrapper___g-kwE {
112
112
  display: flex;
113
113
  gap: var(--hop-space-inset-xs);
114
114
  align-items: center;
115
115
  }
116
- .FieldLabel-module__hop-FieldLabel__indicator___lbxSg {
116
+ .FieldLabel-module__hop-FieldLabel__indicator___hyzp- {
117
117
  padding-inline-start: var(--hop-space-20);
118
118
  }
119
119
 
120
120
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
121
- :where(.OverlineText-module__hop-OverlineText___RBrct) {
121
+ :where(.OverlineText-module__hop-OverlineText___nUpbh) {
122
122
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
123
123
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
124
124
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -142,26 +142,26 @@
142
142
  text-transform: uppercase;
143
143
  letter-spacing: var(--letter-spacing);
144
144
  }
145
- .OverlineText-module__hop-OverlineText__text___ue5ai {
145
+ .OverlineText-module__hop-OverlineText__text___piSUd {
146
146
  box-sizing: border-box;
147
147
  }
148
- .OverlineText-module__hop-OverlineText__text___ue5ai::before,
149
- .OverlineText-module__hop-OverlineText__text___ue5ai::after {
148
+ .OverlineText-module__hop-OverlineText__text___piSUd::before,
149
+ .OverlineText-module__hop-OverlineText__text___piSUd::after {
150
150
  content: "";
151
151
  display: block;
152
152
  box-sizing: border-box;
153
153
  inline-size: 0;
154
154
  block-size: 0;
155
155
  }
156
- .OverlineText-module__hop-OverlineText__text___ue5ai::before {
156
+ .OverlineText-module__hop-OverlineText__text___piSUd::before {
157
157
  margin-block-end: var(--bottom-offset);
158
158
  }
159
- .OverlineText-module__hop-OverlineText__text___ue5ai::after {
159
+ .OverlineText-module__hop-OverlineText__text___piSUd::after {
160
160
  margin-block-start: var(--top-offset);
161
161
  }
162
162
 
163
163
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
164
- .Text-module__hop-Text___Mm3Jn {
164
+ .Text-module__hop-Text___cfXZY {
165
165
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
166
166
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
167
167
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -191,49 +191,49 @@
191
191
  --hop-Text-inherit-size-font-weight: inherit;
192
192
  --hop-Text-inherit-size-line-height: inherit;
193
193
  }
194
- :where(.Text-module__hop-Text___Mm3Jn) {
194
+ :where(.Text-module__hop-Text___cfXZY) {
195
195
  font-family: var(--font-family);
196
196
  font-size: var(--font-size);
197
197
  font-weight: var(--font-weight);
198
198
  line-height: var(--line-height);
199
199
  }
200
- :where(.Text-module__hop-Text--xs___Ce3vK) {
200
+ :where(.Text-module__hop-Text--xs___XLJcP) {
201
201
  --font-size: var(--hop-Text-xs-font-size);
202
202
  --font-family: var(--hop-Text-xs-font-family);
203
203
  --font-weight: var(--hop-Text-xs-font-weight);
204
204
  --line-height: var(--hop-Text-xs-line-height);
205
205
  }
206
- :where(.Text-module__hop-Text--sm___UcccH) {
206
+ :where(.Text-module__hop-Text--sm___I6KRc) {
207
207
  --font-size: var(--hop-Text-sm-font-size);
208
208
  --font-family: var(--hop-Text-sm-font-family);
209
209
  --font-weight: var(--hop-Text-sm-font-weight);
210
210
  --line-height: var(--hop-Text-sm-line-height);
211
211
  }
212
- :where(.Text-module__hop-Text--md___YcqAT) {
212
+ :where(.Text-module__hop-Text--md___E8yDa) {
213
213
  --font-size: var(--hop-Text-md-font-size);
214
214
  --font-family: var(--hop-Text-md-font-family);
215
215
  --font-weight: var(--hop-Text-md-font-weight);
216
216
  --line-height: var(--hop-Text-md-line-height);
217
217
  }
218
- :where(.Text-module__hop-Text--lg___RaBlz) {
218
+ :where(.Text-module__hop-Text--lg___iJqjo) {
219
219
  --font-size: var(--hop-Text-lg-font-size);
220
220
  --font-family: var(--hop-Text-lg-font-family);
221
221
  --font-weight: var(--hop-Text-lg-font-weight);
222
222
  --line-height: var(--hop-Text-lg-line-height);
223
223
  }
224
- :where(.Text-module__hop-Text--xl___jBI5K) {
224
+ :where(.Text-module__hop-Text--xl___IU4Uc) {
225
225
  --font-size: var(--hop-Text-xl-font-size);
226
226
  --font-family: var(--hop-Text-xl-font-family);
227
227
  --font-weight: var(--hop-Text-xl-font-weight);
228
228
  --line-height: var(--hop-Text-xl-line-height);
229
229
  }
230
- :where(.Text-module__hop-Text--2xl___jrcN4) {
230
+ :where(.Text-module__hop-Text--2xl___B48R7) {
231
231
  --font-size: var(--hop-Text-2xl-font-size);
232
232
  --font-family: var(--hop-Text-2xl-font-family);
233
233
  --font-weight: var(--hop-Text-2xl-font-weight);
234
234
  --line-height: var(--hop-Text-2xl-line-height);
235
235
  }
236
- :where(.Text-module__hop-Text--inherit___Rc2fv) {
236
+ :where(.Text-module__hop-Text--inherit___KVVuG) {
237
237
  --font-size: var(--hop-Text-inherit-size-font-size);
238
238
  --font-family: var(--hop-Text-inherit-size-font-family);
239
239
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -241,7 +241,7 @@
241
241
  }
242
242
 
243
243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
244
- .Paragraph-module__hop-Paragraph___AWLqo {
244
+ .Paragraph-module__hop-Paragraph___5eXfe {
245
245
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
246
246
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
247
247
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -253,33 +253,33 @@
253
253
  margin-block-end: var(--margin-block-end);
254
254
  overflow-wrap: break-word;
255
255
  }
256
- .Paragraph-module__hop-Paragraph___AWLqo:last-child {
256
+ .Paragraph-module__hop-Paragraph___5eXfe:last-child {
257
257
  --margin-block-end: 0;
258
258
  }
259
- .Paragraph-module__hop-Paragraph--xs___us82- {
259
+ .Paragraph-module__hop-Paragraph--xs___8HE0r {
260
260
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
261
261
  }
262
- .Paragraph-module__hop-Paragraph--sm___oQXcj {
262
+ .Paragraph-module__hop-Paragraph--sm___3Px67 {
263
263
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
264
264
  }
265
- .Paragraph-module__hop-Paragraph--md___ONjfY {
265
+ .Paragraph-module__hop-Paragraph--md___G2Zu6 {
266
266
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
267
267
  }
268
- .Paragraph-module__hop-Paragraph--lg___MwXba {
268
+ .Paragraph-module__hop-Paragraph--lg___8JjcZ {
269
269
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
270
270
  }
271
- .Paragraph-module__hop-Paragraph--xl___G0-ya {
271
+ .Paragraph-module__hop-Paragraph--xl___yloh- {
272
272
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
273
273
  }
274
- .Paragraph-module__hop-Paragraph--2xl___RNqOG {
274
+ .Paragraph-module__hop-Paragraph--2xl___d7pjT {
275
275
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
276
276
  }
277
- .Paragraph-module__hop-Paragraph--inherit___EaPeU {
277
+ .Paragraph-module__hop-Paragraph--inherit___mHkEn {
278
278
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
279
279
  }
280
280
 
281
281
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/divider/src/Divider.module.css/#css-module-data */
282
- :where(.Divider-module__hop-Divider___YXxtZ) {
282
+ :where(.Divider-module__hop-Divider___jUSqZ) {
283
283
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
284
284
  --hop-Divider-border-size: 0.0625rem;
285
285
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -304,7 +304,7 @@
304
304
  border-block-end: var(--border-block-end);
305
305
  border-inline-start: var(--border-inline-start);
306
306
  }
307
- .Divider-module__hop-Divider--vertical___EGS6t {
307
+ .Divider-module__hop-Divider--vertical___XSyKq {
308
308
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
309
309
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
310
310
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -313,7 +313,7 @@
313
313
  }
314
314
 
315
315
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
316
- .IconList-module__hop-IconList___z6OUy {
316
+ .IconList-module__hop-IconList___F2-OF {
317
317
  --hop-IconList-gap: var(--hop-space-inline-xs);
318
318
  display: flex;
319
319
  flex-wrap: wrap;
@@ -322,7 +322,7 @@
322
322
  }
323
323
 
324
324
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/spinner/src/Spinner.module.css/#css-module-data */
325
- @keyframes Spinner-module__spin___SnxzS {
325
+ @keyframes Spinner-module__spin___hJWfc {
326
326
  0% {
327
327
  transform: rotate(0deg);
328
328
  }
@@ -330,7 +330,7 @@
330
330
  transform: rotate(360deg);
331
331
  }
332
332
  }
333
- .Spinner-module__hop-Spinner___Oa3G6 {
333
+ .Spinner-module__hop-Spinner___Pj1aA {
334
334
  --hop-Spinner-border-radius: var(--hop-shape-circle);
335
335
  --hop-Spinner-sm-wheel-size: 1rem;
336
336
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -338,7 +338,7 @@
338
338
  --hop-Spinner-track-width: 0.125rem;
339
339
  --hop-Spinner-track-opacity: 0.2;
340
340
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
341
- --hop-Spinner-fill-animation: Spinner-module__spin___SnxzS .8s infinite linear;
341
+ --hop-Spinner-fill-animation: Spinner-module__spin___hJWfc .8s infinite linear;
342
342
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
343
343
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
344
344
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -349,19 +349,19 @@
349
349
  align-items: center;
350
350
  box-sizing: border-box;
351
351
  }
352
- .Spinner-module__hop-Spinner--sm___0XkYa {
352
+ .Spinner-module__hop-Spinner--sm___FUNC1 {
353
353
  --width: var(--hop-Spinner-sm-wheel-size);
354
354
  --height: var(--hop-Spinner-sm-wheel-size);
355
355
  }
356
- .Spinner-module__hop-Spinner--md___dWYu5 {
356
+ .Spinner-module__hop-Spinner--md___7-Z5Z {
357
357
  --width: var(--hop-Spinner-md-wheel-size);
358
358
  --height: var(--hop-Spinner-md-wheel-size);
359
359
  }
360
- .Spinner-module__hop-Spinner--lg___qpxbh {
360
+ .Spinner-module__hop-Spinner--lg___vVobo {
361
361
  --width: var(--hop-Spinner-lg-wheel-size);
362
362
  --height: var(--hop-Spinner-lg-wheel-size);
363
363
  }
364
- .Spinner-module__hop-Spinner__track___Yntu2 {
364
+ .Spinner-module__hop-Spinner__track___81-D9 {
365
365
  grid-area: spinner;
366
366
  box-sizing: border-box;
367
367
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -370,7 +370,7 @@
370
370
  border: var(--hop-Spinner-track-border);
371
371
  border-radius: var(--hop-Spinner-border-radius);
372
372
  }
373
- .Spinner-module__hop-Spinner__fill___bJDXw {
373
+ .Spinner-module__hop-Spinner__fill___xInfZ {
374
374
  grid-area: spinner;
375
375
  box-sizing: border-box;
376
376
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -381,17 +381,17 @@
381
381
  animation: var(--hop-Spinner-fill-animation);
382
382
  }
383
383
  @media (prefers-reduced-motion: reduce) {
384
- .Spinner-module__hop-Spinner__fill___bJDXw {
384
+ .Spinner-module__hop-Spinner__fill___xInfZ {
385
385
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
386
386
  }
387
387
  }
388
- .Spinner-module__hop-Spinner__label___oVU-P {
388
+ .Spinner-module__hop-Spinner__label___elRWc {
389
389
  grid-area: label;
390
390
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
391
391
  }
392
392
 
393
393
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
394
- .Button-module__hop-Button___8zkEy {
394
+ .Button-module__hop-Button___pi420 {
395
395
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
396
396
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
397
397
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -400,10 +400,13 @@
400
400
  --hop-Button-border-size: var(--hop-space-10);
401
401
  --hop-Button-text-underline-offset: var(--hop-space-20);
402
402
  --hop-Button-icon-only-padding: 0;
403
+ --hop-Button-xs-height: 1.5rem;
403
404
  --hop-Button-sm-height: 2rem;
404
405
  --hop-Button-md-height: 2.5rem;
406
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
405
407
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
406
408
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
409
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
407
410
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
408
411
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
409
412
  --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
@@ -515,215 +518,222 @@
515
518
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
516
519
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
517
520
  }
518
- .Button-module__hop-Button--fluid___eZzEd {
521
+ .Button-module__hop-Button--fluid___Ool8- {
519
522
  --inline-size: 100%;
520
523
  }
521
- .Button-module__hop-Button--sm___K0sPh {
524
+ .Button-module__hop-Button--xs___-XuKf {
525
+ --block-size: var(--hop-Button-xs-height);
526
+ --padding: var(--hop-Button-xs-padding);
527
+ }
528
+ .Button-module__hop-Button--xs___-XuKf[class*=--ghost] {
529
+ --padding: var(--hop-Button-ghost-xs-padding);
530
+ }
531
+ .Button-module__hop-Button--sm___-RNK5 {
522
532
  --block-size: var(--hop-Button-sm-height);
523
533
  --padding: var(--hop-Button-sm-padding);
524
534
  }
525
- .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
535
+ .Button-module__hop-Button--sm___-RNK5[class*=--ghost] {
526
536
  --padding: var(--hop-Button-ghost-sm-padding);
527
537
  }
528
- .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
538
+ .Button-module__hop-Button--md___4-osd[class*=--ghost] {
529
539
  --padding: var(--hop-Button-ghost-md-padding);
530
540
  }
531
- .Button-module__hop-Button--icon-only___rYzdc {
541
+ .Button-module__hop-Button--icon-only___OzV1R {
532
542
  --column-gap: var(--hop-Button-icon-only-column-gap);
533
543
  --padding: var(--hop-Button-icon-only-padding);
534
544
  aspect-ratio: 1;
535
545
  }
536
- .Button-module__hop-Button--primary___hkH0I {
546
+ .Button-module__hop-Button--primary___aX9Xf {
537
547
  --background-color: var(--hop-Button-primary-background-color);
538
548
  --color: var(--hop-Button-primary-color);
539
549
  --border: var(--hop-Button-primary-border);
540
550
  --spinner-color: var(--hop-Button-primary-spinner-color);
541
551
  }
542
- .Button-module__hop-Button--primary___hkH0I[data-hovered],
543
- .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
552
+ .Button-module__hop-Button--primary___aX9Xf[data-hovered],
553
+ .Button-module__hop-Button--primary___aX9Xf[data-focus-visible] {
544
554
  --background-color: var(--hop-Button-primary-background-color-hover);
545
555
  --color: var(--hop-Button-primary-color-hover);
546
556
  --border: var(--hop-Button-primary-border-hover);
547
557
  }
548
- .Button-module__hop-Button--primary___hkH0I[data-pressed] {
558
+ .Button-module__hop-Button--primary___aX9Xf[data-pressed] {
549
559
  --background-color: var(--hop-Button-primary-background-color-pressed);
550
560
  --color: var(--hop-Button-primary-color-pressed);
551
561
  --border: var(--hop-Button-primary-border-pressed);
552
562
  }
553
- .Button-module__hop-Button--secondary___hSZYE {
563
+ .Button-module__hop-Button--secondary___1I0Vr {
554
564
  --background-color: var(--hop-Button-secondary-background-color);
555
565
  --color: var(--hop-Button-secondary-color);
556
566
  --border: var(--hop-Button-secondary-border);
557
567
  --spinner-color: var(--hop-Button-secondary-spinner-color);
558
568
  }
559
- .Button-module__hop-Button--secondary___hSZYE[data-hovered],
560
- .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
569
+ .Button-module__hop-Button--secondary___1I0Vr[data-hovered],
570
+ .Button-module__hop-Button--secondary___1I0Vr[data-focus-visible] {
561
571
  --background-color: var(--hop-Button-secondary-background-color-hover);
562
572
  --color: var(--hop-Button-secondary-color-hover);
563
573
  --border: var(--hop-Button-secondary-border-hover);
564
574
  }
565
- .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
575
+ .Button-module__hop-Button--secondary___1I0Vr[data-pressed] {
566
576
  --background-color: var(--hop-Button-secondary-background-color-pressed);
567
577
  --color: var(--hop-Button-secondary-color-pressed);
568
578
  --border: var(--hop-Button-secondary-border-pressed);
569
579
  }
570
- .Button-module__hop-Button--upsell___9z1o- {
580
+ .Button-module__hop-Button--upsell___NvVOn {
571
581
  --background-color: var(--hop-Button-upsell-background-color);
572
582
  --color: var(--hop-Button-upsell-color);
573
583
  --border: var(--hop-Button-upsell-border);
574
584
  --spinner-color: var(--hop-Button-upsell-spinner-color);
575
585
  }
576
- .Button-module__hop-Button--upsell___9z1o-[data-hovered],
577
- .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
586
+ .Button-module__hop-Button--upsell___NvVOn[data-hovered],
587
+ .Button-module__hop-Button--upsell___NvVOn[data-focus-visible] {
578
588
  --background-color: var(--hop-Button-upsell-background-color-hover);
579
589
  --color: var(--hop-Button-upsell-color-hover);
580
590
  --border: var(--hop-Button-upsell-border-hover);
581
591
  }
582
- .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
592
+ .Button-module__hop-Button--upsell___NvVOn[data-pressed] {
583
593
  --background-color: var(--hop-Button-upsell-background-color-pressed);
584
594
  --color: var(--hop-Button-upsell-color-pressed);
585
595
  --border: var(--hop-Button-upsell-border-pressed);
586
596
  }
587
- .Button-module__hop-Button--danger___KbLep {
597
+ .Button-module__hop-Button--danger___YkZ1u {
588
598
  --background-color: var(--hop-Button-danger-background-color);
589
599
  --color: var(--hop-Button-danger-color);
590
600
  --border: var(--hop-Button-danger-border);
591
601
  --spinner-color: var(--hop-Button-danger-spinner-color);
592
602
  }
593
- .Button-module__hop-Button--danger___KbLep[data-hovered],
594
- .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
603
+ .Button-module__hop-Button--danger___YkZ1u[data-hovered],
604
+ .Button-module__hop-Button--danger___YkZ1u[data-focus-visible] {
595
605
  --background-color: var(--hop-Button-danger-background-color-hover);
596
606
  --color: var(--hop-Button-danger-color-hover);
597
607
  --border: var(--hop-Button-danger-border-hover);
598
608
  }
599
- .Button-module__hop-Button--danger___KbLep[data-pressed] {
609
+ .Button-module__hop-Button--danger___YkZ1u[data-pressed] {
600
610
  --background-color: var(--hop-Button-danger-background-color-pressed);
601
611
  --color: var(--hop-Button-danger-color-pressed);
602
612
  --border: var(--hop-Button-danger-border-pressed);
603
613
  }
604
- .Button-module__hop-Button--ghost-primary___8jSf1 {
614
+ .Button-module__hop-Button--ghost-primary___RJdkS {
605
615
  --background-color: var(--hop-Button-ghost-primary-background-color);
606
616
  --color: var(--hop-Button-ghost-primary-color);
607
617
  --border: var(--hop-Button-ghost-primary-border);
608
618
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
609
619
  }
610
- .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
611
- .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
620
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-hovered],
621
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-focus-visible] {
612
622
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
613
623
  --color: var(--hop-Button-ghost-primary-color-hover);
614
624
  --border: var(--hop-Button-ghost-primary-border-hover);
615
625
  --text-underline: underline;
616
626
  }
617
- .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
627
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-pressed] {
618
628
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
619
629
  --color: var(--hop-Button-ghost-primary-color-pressed);
620
630
  --border: var(--hop-Button-ghost-primary-border-pressed);
621
631
  --text-underline: underline;
622
632
  }
623
- .Button-module__hop-Button--ghost-secondary___TRM6h {
633
+ .Button-module__hop-Button--ghost-secondary___1NLPo {
624
634
  --background-color: var(--hop-Button-ghost-secondary-background-color);
625
635
  --color: var(--hop-Button-ghost-secondary-color);
626
636
  --border: var(--hop-Button-ghost-secondary-border);
627
637
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
628
638
  }
629
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
630
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
639
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-hovered],
640
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-focus-visible] {
631
641
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
632
642
  --color: var(--hop-Button-ghost-secondary-color-hover);
633
643
  --border: var(--hop-Button-ghost-secondary-border-hover);
634
644
  --text-underline: underline;
635
645
  }
636
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
646
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-pressed] {
637
647
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
638
648
  --color: var(--hop-Button-ghost-secondary-color-pressed);
639
649
  --border: var(--hop-Button-ghost-secondary-border-pressed);
640
650
  --text-underline: underline;
641
651
  }
642
- .Button-module__hop-Button--ghost-danger___-22ky {
652
+ .Button-module__hop-Button--ghost-danger___mDGly {
643
653
  --background-color: var(--hop-Button-ghost-danger-background-color);
644
654
  --color: var(--hop-Button-ghost-danger-color);
645
655
  --border: var(--hop-Button-ghost-danger-border);
646
656
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
647
657
  }
648
- .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
649
- .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
658
+ .Button-module__hop-Button--ghost-danger___mDGly[data-hovered],
659
+ .Button-module__hop-Button--ghost-danger___mDGly[data-focus-visible] {
650
660
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
651
661
  --color: var(--hop-Button-ghost-danger-color-hover);
652
662
  --border: var(--hop-Button-ghost-danger-border-hover);
653
663
  --text-underline: underline;
654
664
  }
655
- .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
665
+ .Button-module__hop-Button--ghost-danger___mDGly[data-pressed] {
656
666
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
657
667
  --color: var(--hop-Button-ghost-danger-color-pressed);
658
668
  --border: var(--hop-Button-ghost-danger-border-pressed);
659
669
  --text-underline: underline;
660
670
  }
661
- .Button-module__hop-Button___8zkEy[data-focus-visible] {
671
+ .Button-module__hop-Button___pi420[data-focus-visible] {
662
672
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
663
673
  }
664
- .Button-module__hop-Button___8zkEy[data-disabled],
665
- .Button-module__hop-Button--loading___yOWuT {
674
+ .Button-module__hop-Button___pi420[data-disabled],
675
+ .Button-module__hop-Button--loading___as6iI {
666
676
  cursor: not-allowed;
667
677
  }
668
- .Button-module__hop-Button___8zkEy[data-disabled] {
678
+ .Button-module__hop-Button___pi420[data-disabled] {
669
679
  --background-color: var(--hop-Button-background-color-disabled);
670
680
  --color: var(--hop-Button-color-disabled);
671
681
  --border: var(--hop-Button-border-disabled);
672
682
  }
673
- .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
683
+ .Button-module__hop-Button___pi420[class*=--ghost][data-disabled] {
674
684
  --background-color: var(--hop-Button-ghost-background-color-disabled);
675
685
  --color: var(--hop-Button-ghost-color-disabled);
676
686
  --border: var(--hop-Button-ghost-border-disabled);
677
687
  }
678
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
688
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--primary___aX9Xf {
679
689
  --background-color: var(--hop-Button-primary-background-color);
680
690
  --color: var(--hop-Button-primary-color);
681
691
  --border: var(--hop-Button-primary-border);
682
692
  }
683
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
693
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--secondary___1I0Vr {
684
694
  --background-color: var(--hop-Button-secondary-background-color);
685
695
  --color: var(--hop-Button-secondary-color);
686
696
  --border: var(--hop-Button-secondary-border);
687
697
  }
688
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
698
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--upsell___NvVOn {
689
699
  --background-color: var(--hop-Button-upsell-background-color);
690
700
  --color: var(--hop-Button-upsell-color);
691
701
  --border: var(--hop-Button-upsell-border);
692
702
  }
693
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
703
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--danger___YkZ1u {
694
704
  --background-color: var(--hop-Button-danger-background-color);
695
705
  --color: var(--hop-Button-danger-color);
696
706
  --border: var(--hop-Button-danger-border);
697
707
  }
698
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
708
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-primary___RJdkS {
699
709
  --background-color: var(--hop-Button-ghost-primary-background-color);
700
710
  --color: var(--hop-Button-ghost-primary-color);
701
711
  --border: var(--hop-Button-ghost-primary-border);
702
712
  --text-underline: none;
703
713
  }
704
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
714
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-secondary___1NLPo {
705
715
  --background-color: var(--hop-Button-ghost-secondary-background-color);
706
716
  --color: var(--hop-Button-ghost-secondary-color);
707
717
  --border: var(--hop-Button-ghost-secondary-border);
708
718
  --text-underline: none;
709
719
  }
710
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
720
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-danger___mDGly {
711
721
  --background-color: var(--hop-Button-ghost-danger-background-color);
712
722
  --color: var(--hop-Button-ghost-danger-color);
713
723
  --border: var(--hop-Button-ghost-danger-border);
714
724
  --text-underline: none;
715
725
  }
716
- .Button-module__hop-Button__Spinner___F4Img {
726
+ .Button-module__hop-Button__Spinner___CYr30 {
717
727
  position: absolute;
718
728
  color: var(--spinner-color);
719
729
  }
720
- .Button-module__hop-Button__icon___9WDgY,
721
- .Button-module__hop-Button__icon-list___hcP-v {
730
+ .Button-module__hop-Button__icon___T9Jgx,
731
+ .Button-module__hop-Button__icon-list___ED0mS {
722
732
  flex: 0 0 auto;
723
733
  justify-self: end;
724
734
  order: 1;
725
735
  }
726
- .Button-module__hop-Button__text___o1TcA {
736
+ .Button-module__hop-Button__text___K8N7h {
727
737
  user-select: none;
728
738
  overflow: visible;
729
739
  flex: 0 1 auto;
@@ -733,60 +743,60 @@
733
743
  text-underline-offset: 0.125rem;
734
744
  text-wrap: nowrap;
735
745
  }
736
- .Button-module__hop-Button__end-icon___6QGCl,
737
- .Button-module__hop-Button__end-icon-list___iZhOt {
746
+ .Button-module__hop-Button__end-icon___2motE,
747
+ .Button-module__hop-Button__end-icon-list___IoU7E {
738
748
  flex: 0 0 auto;
739
749
  order: 3;
740
750
  }
741
- .Button-module__hop-Button___8zkEy .Button-module__hop-Button__icon-list___hcP-v,
742
- .Button-module__hop-Button___8zkEy .Button-module__hop-Button__end-icon-list___iZhOt {
751
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__icon-list___ED0mS,
752
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__end-icon-list___IoU7E {
743
753
  flex-wrap: nowrap;
744
754
  }
745
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
755
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button___pi420 > *:not(.Button-module__hop-Button__Spinner___CYr30) {
746
756
  opacity: 0;
747
757
  }
748
758
 
749
759
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
750
- .ButtonGroup-module__hop-ButtonGroup___Q5c8f {
760
+ .ButtonGroup-module__hop-ButtonGroup___ZUkN6 {
751
761
  display: inline-flex;
752
762
  flex-wrap: nowrap;
753
763
  gap: var(--hop-space-inline-md);
754
764
  }
755
- .ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
765
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___ivvsB {
756
766
  align-items: center;
757
767
  }
758
- .ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
768
+ .ButtonGroup-module__hop-ButtonGroup--vertical___NGnRX {
759
769
  flex-direction: column;
760
770
  gap: var(--hop-space-stack-md);
761
771
  justify-content: center;
762
772
  }
763
- .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
773
+ .ButtonGroup-module__hop-ButtonGroup--start___9-Y8G.ButtonGroup-module__hop-ButtonGroup--vertical___NGnRX {
764
774
  align-items: flex-start;
765
775
  }
766
- .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
776
+ .ButtonGroup-module__hop-ButtonGroup--center___xVDcf.ButtonGroup-module__hop-ButtonGroup--vertical___NGnRX {
767
777
  align-items: center;
768
778
  }
769
- .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--vertical___hKgNl {
779
+ .ButtonGroup-module__hop-ButtonGroup--end___tBVLd.ButtonGroup-module__hop-ButtonGroup--vertical___NGnRX {
770
780
  align-items: flex-end;
771
781
  }
772
- .ButtonGroup-module__hop-ButtonGroup--start___b7Kau.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
782
+ .ButtonGroup-module__hop-ButtonGroup--start___9-Y8G.ButtonGroup-module__hop-ButtonGroup--horizontal___ivvsB {
773
783
  justify-content: flex-start;
774
784
  }
775
- .ButtonGroup-module__hop-ButtonGroup--center___oriHF.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
785
+ .ButtonGroup-module__hop-ButtonGroup--center___xVDcf.ButtonGroup-module__hop-ButtonGroup--horizontal___ivvsB {
776
786
  justify-content: center;
777
787
  }
778
- .ButtonGroup-module__hop-ButtonGroup--end___ww0L5.ButtonGroup-module__hop-ButtonGroup--horizontal___WTmkr {
788
+ .ButtonGroup-module__hop-ButtonGroup--end___tBVLd.ButtonGroup-module__hop-ButtonGroup--horizontal___ivvsB {
779
789
  justify-content: flex-end;
780
790
  }
781
- .ButtonGroup-module__hop-ButtonGroup--wrap___45A9q {
791
+ .ButtonGroup-module__hop-ButtonGroup--wrap___Lvxsv {
782
792
  flex-wrap: wrap;
783
793
  }
784
- .ButtonGroup-module__hop-ButtonGroup--fluid___AXS6Y {
794
+ .ButtonGroup-module__hop-ButtonGroup--fluid___V3Ky7 {
785
795
  inline-size: 100%;
786
796
  }
787
797
 
788
798
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
789
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab {
799
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV {
790
800
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
791
801
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
792
802
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -950,7 +960,7 @@
950
960
  outline: none;
951
961
  transition: color var(--transition);
952
962
  }
953
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab::before {
963
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV::before {
954
964
  content: "";
955
965
  position: absolute;
956
966
  inset-block-start: 50%;
@@ -963,284 +973,284 @@
963
973
  border-radius: var(--effect-border-radius);
964
974
  transition: background-color var(--transition);
965
975
  }
966
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-square] {
976
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV[data-square] {
967
977
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
968
978
  }
969
- .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX {
979
+ .EmbeddedButton-module__hop-EmbeddedButton--md___N7ktw {
970
980
  --inline-size: var(--hop-EmbeddedButton-md-width);
971
981
  --block-size: var(--hop-EmbeddedButton-md-height);
972
982
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
973
983
  }
974
- .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF {
984
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___jrz6J {
975
985
  --inline-size: var(--hop-EmbeddedButton-lg-width);
976
986
  --block-size: var(--hop-EmbeddedButton-lg-height);
977
987
  --focus-ring-offset: 0;
978
988
  }
979
- .EmbeddedButton-module__hop-EmbeddedButton--md___gBOuX::before {
989
+ .EmbeddedButton-module__hop-EmbeddedButton--md___N7ktw::before {
980
990
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
981
991
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
982
992
  }
983
- .EmbeddedButton-module__hop-EmbeddedButton--lg___HzGkF::before {
993
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___jrz6J::before {
984
994
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
985
995
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
986
996
  }
987
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs {
997
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV {
988
998
  --color: var(--hop-EmbeddedButton-neutral-color);
989
999
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
990
1000
  }
991
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG- {
1001
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P {
992
1002
  --color: var(--hop-EmbeddedButton-subdued-color);
993
1003
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
994
1004
  }
995
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO {
1005
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0 {
996
1006
  --color: var(--hop-EmbeddedButton-progress-color);
997
1007
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
998
1008
  }
999
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu {
1009
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr {
1000
1010
  --color: var(--hop-EmbeddedButton-positive-color);
1001
1011
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1002
1012
  }
1003
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM- {
1013
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq {
1004
1014
  --color: var(--hop-EmbeddedButton-caution-color);
1005
1015
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1006
1016
  }
1007
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX {
1017
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB {
1008
1018
  --color: var(--hop-EmbeddedButton-negative-color);
1009
1019
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1010
1020
  }
1011
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW {
1021
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve {
1012
1022
  --color: var(--hop-EmbeddedButton-option1-color);
1013
1023
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1014
1024
  }
1015
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5 {
1025
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte {
1016
1026
  --color: var(--hop-EmbeddedButton-option2-color);
1017
1027
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1018
1028
  }
1019
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG {
1029
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ {
1020
1030
  --color: var(--hop-EmbeddedButton-option3-color);
1021
1031
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1022
1032
  }
1023
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn {
1033
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq {
1024
1034
  --color: var(--hop-EmbeddedButton-option4-color);
1025
1035
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1026
1036
  }
1027
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN {
1037
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2 {
1028
1038
  --color: var(--hop-EmbeddedButton-option5-color);
1029
1039
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1030
1040
  }
1031
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI {
1041
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g {
1032
1042
  --color: var(--hop-EmbeddedButton-option6-color);
1033
1043
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1034
1044
  }
1035
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-selected] {
1045
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV[data-selected] {
1036
1046
  --color: var(--hop-EmbeddedButton-selected-color);
1037
1047
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1038
1048
  }
1039
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-focus-visible] {
1049
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV[data-focus-visible] {
1040
1050
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1041
1051
  outline-offset: var(--focus-ring-offset);
1042
1052
  }
1043
- .EmbeddedButton-module__hop-EmbeddedButton___me9Ab[data-disabled] {
1053
+ .EmbeddedButton-module__hop-EmbeddedButton___yuGyV[data-disabled] {
1044
1054
  cursor: not-allowed;
1045
1055
  }
1046
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-hovered] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV[data-hovered] {
1047
1057
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1048
1058
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1049
1059
  }
1050
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-focus-visible] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV[data-focus-visible] {
1051
1061
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1052
1062
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1053
1063
  }
1054
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-pressed] {
1064
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV[data-pressed] {
1055
1065
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1056
1066
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1057
1067
  }
1058
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___y5lKs[data-disabled] {
1068
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___yoUcV[data-disabled] {
1059
1069
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1060
1070
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1061
1071
  }
1062
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-hovered] {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P[data-hovered] {
1063
1073
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1064
1074
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1065
1075
  }
1066
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-focus-visible] {
1076
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P[data-focus-visible] {
1067
1077
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1068
1078
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1069
1079
  }
1070
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-pressed] {
1080
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P[data-pressed] {
1071
1081
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1072
1082
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1073
1083
  }
1074
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___l8vG-[data-disabled] {
1084
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___A9I3P[data-disabled] {
1075
1085
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1076
1086
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1077
1087
  }
1078
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-hovered] {
1088
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0[data-hovered] {
1079
1089
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1080
1090
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1081
1091
  }
1082
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-focus-visible] {
1092
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0[data-focus-visible] {
1083
1093
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1084
1094
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1085
1095
  }
1086
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-pressed] {
1096
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0[data-pressed] {
1087
1097
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1088
1098
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1089
1099
  }
1090
- .EmbeddedButton-module__hop-EmbeddedButton--progress___dGIqO[data-disabled] {
1100
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___TGHE0[data-disabled] {
1091
1101
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1092
1102
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1093
1103
  }
1094
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-hovered] {
1104
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr[data-hovered] {
1095
1105
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1096
1106
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1097
1107
  }
1098
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-focus-visible] {
1108
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr[data-focus-visible] {
1099
1109
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1100
1110
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1101
1111
  }
1102
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-pressed] {
1112
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr[data-pressed] {
1103
1113
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1104
1114
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1105
1115
  }
1106
- .EmbeddedButton-module__hop-EmbeddedButton--positive___2CXhu[data-disabled] {
1116
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___nEgBr[data-disabled] {
1107
1117
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1108
1118
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1109
1119
  }
1110
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-hovered] {
1120
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq[data-hovered] {
1111
1121
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1112
1122
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1113
1123
  }
1114
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-focus-visible] {
1124
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq[data-focus-visible] {
1115
1125
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1116
1126
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1117
1127
  }
1118
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-pressed] {
1128
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq[data-pressed] {
1119
1129
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1120
1130
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1121
1131
  }
1122
- .EmbeddedButton-module__hop-EmbeddedButton--caution___KWoM-[data-disabled] {
1132
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___E-hmq[data-disabled] {
1123
1133
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1124
1134
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1125
1135
  }
1126
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-hovered] {
1136
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB[data-hovered] {
1127
1137
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1128
1138
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1129
1139
  }
1130
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-focus-visible] {
1140
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB[data-focus-visible] {
1131
1141
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1132
1142
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1133
1143
  }
1134
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-pressed] {
1144
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB[data-pressed] {
1135
1145
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1136
1146
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1137
1147
  }
1138
- .EmbeddedButton-module__hop-EmbeddedButton--negative___xYbGX[data-disabled] {
1148
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___xz7SB[data-disabled] {
1139
1149
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1140
1150
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1141
1151
  }
1142
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-hovered] {
1152
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve[data-hovered] {
1143
1153
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1144
1154
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1145
1155
  }
1146
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-focus-visible] {
1156
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve[data-focus-visible] {
1147
1157
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1148
1158
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1149
1159
  }
1150
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-pressed] {
1160
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve[data-pressed] {
1151
1161
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1152
1162
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1153
1163
  }
1154
- .EmbeddedButton-module__hop-EmbeddedButton--option1___JtaoW[data-disabled] {
1164
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___zN2ve[data-disabled] {
1155
1165
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1156
1166
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1157
1167
  }
1158
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-hovered] {
1168
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte[data-hovered] {
1159
1169
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1160
1170
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1161
1171
  }
1162
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-focus-visible] {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte[data-focus-visible] {
1163
1173
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1164
1174
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1165
1175
  }
1166
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-pressed] {
1176
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte[data-pressed] {
1167
1177
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1168
1178
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1169
1179
  }
1170
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-6dJ5[data-disabled] {
1180
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___SPzte[data-disabled] {
1171
1181
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1172
1182
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1173
1183
  }
1174
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-hovered] {
1184
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ[data-hovered] {
1175
1185
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1176
1186
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1177
1187
  }
1178
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-focus-visible] {
1188
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ[data-focus-visible] {
1179
1189
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1180
1190
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1181
1191
  }
1182
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-pressed] {
1192
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ[data-pressed] {
1183
1193
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1184
1194
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1185
1195
  }
1186
- .EmbeddedButton-module__hop-EmbeddedButton--option3___hCsAG[data-disabled] {
1196
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___ag5ZZ[data-disabled] {
1187
1197
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1188
1198
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1189
1199
  }
1190
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-hovered] {
1200
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq[data-hovered] {
1191
1201
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1192
1202
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1193
1203
  }
1194
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-focus-visible] {
1204
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq[data-focus-visible] {
1195
1205
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1196
1206
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1197
1207
  }
1198
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-pressed] {
1208
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq[data-pressed] {
1199
1209
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1200
1210
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1201
1211
  }
1202
- .EmbeddedButton-module__hop-EmbeddedButton--option4___cnsXn[data-disabled] {
1212
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___zxvyq[data-disabled] {
1203
1213
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1204
1214
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1205
1215
  }
1206
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-hovered] {
1216
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2[data-hovered] {
1207
1217
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1208
1218
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1209
1219
  }
1210
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-focus-visible] {
1220
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2[data-focus-visible] {
1211
1221
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1212
1222
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1213
1223
  }
1214
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-pressed] {
1224
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2[data-pressed] {
1215
1225
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1216
1226
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1217
1227
  }
1218
- .EmbeddedButton-module__hop-EmbeddedButton--option5___y6bWN[data-disabled] {
1228
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___C3xl2[data-disabled] {
1219
1229
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1220
1230
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1221
1231
  }
1222
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-hovered] {
1232
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g[data-hovered] {
1223
1233
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1224
1234
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1225
1235
  }
1226
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-focus-visible] {
1236
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g[data-focus-visible] {
1227
1237
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1228
1238
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1229
1239
  }
1230
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-pressed] {
1240
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g[data-pressed] {
1231
1241
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1232
1242
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1233
1243
  }
1234
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ptMqI[data-disabled] {
1244
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___wPC-g[data-disabled] {
1235
1245
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1236
1246
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1237
1247
  }
1238
- .EmbeddedButton-module__hop-EmbeddedButton__icon___2wJ-D {
1248
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___tCNfO {
1239
1249
  position: relative;
1240
1250
  }
1241
1251
 
1242
1252
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/CloseButton.module.css/#css-module-data */
1243
- button.CloseButton-module__hop-CloseButton___8MAgF {
1253
+ button.CloseButton-module__hop-CloseButton___0yGo3 {
1244
1254
  --hop-CloseButton-margin-top: 0rem;
1245
1255
  --hop-CloseButton-padding: 0rem;
1246
1256
  --hop-CloseButton-width: fit-content;
@@ -1252,7 +1262,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1252
1262
  }
1253
1263
 
1254
1264
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1255
- .Button-module__hop-Button___8zkEy {
1265
+ .Button-module__hop-Button___pi420 {
1256
1266
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
1257
1267
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1258
1268
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -1261,10 +1271,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1261
1271
  --hop-Button-border-size: var(--hop-space-10);
1262
1272
  --hop-Button-text-underline-offset: var(--hop-space-20);
1263
1273
  --hop-Button-icon-only-padding: 0;
1274
+ --hop-Button-xs-height: 1.5rem;
1264
1275
  --hop-Button-sm-height: 2rem;
1265
1276
  --hop-Button-md-height: 2.5rem;
1277
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1266
1278
  --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1267
1279
  --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1280
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1268
1281
  --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1269
1282
  --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1270
1283
  --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
@@ -1376,215 +1389,222 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1376
1389
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1377
1390
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1378
1391
  }
1379
- .Button-module__hop-Button--fluid___eZzEd {
1392
+ .Button-module__hop-Button--fluid___Ool8- {
1380
1393
  --inline-size: 100%;
1381
1394
  }
1382
- .Button-module__hop-Button--sm___K0sPh {
1395
+ .Button-module__hop-Button--xs___-XuKf {
1396
+ --block-size: var(--hop-Button-xs-height);
1397
+ --padding: var(--hop-Button-xs-padding);
1398
+ }
1399
+ .Button-module__hop-Button--xs___-XuKf[class*=--ghost] {
1400
+ --padding: var(--hop-Button-ghost-xs-padding);
1401
+ }
1402
+ .Button-module__hop-Button--sm___-RNK5 {
1383
1403
  --block-size: var(--hop-Button-sm-height);
1384
1404
  --padding: var(--hop-Button-sm-padding);
1385
1405
  }
1386
- .Button-module__hop-Button--sm___K0sPh[class*=--ghost] {
1406
+ .Button-module__hop-Button--sm___-RNK5[class*=--ghost] {
1387
1407
  --padding: var(--hop-Button-ghost-sm-padding);
1388
1408
  }
1389
- .Button-module__hop-Button--md___NnAFN[class*=--ghost] {
1409
+ .Button-module__hop-Button--md___4-osd[class*=--ghost] {
1390
1410
  --padding: var(--hop-Button-ghost-md-padding);
1391
1411
  }
1392
- .Button-module__hop-Button--icon-only___rYzdc {
1412
+ .Button-module__hop-Button--icon-only___OzV1R {
1393
1413
  --column-gap: var(--hop-Button-icon-only-column-gap);
1394
1414
  --padding: var(--hop-Button-icon-only-padding);
1395
1415
  aspect-ratio: 1;
1396
1416
  }
1397
- .Button-module__hop-Button--primary___hkH0I {
1417
+ .Button-module__hop-Button--primary___aX9Xf {
1398
1418
  --background-color: var(--hop-Button-primary-background-color);
1399
1419
  --color: var(--hop-Button-primary-color);
1400
1420
  --border: var(--hop-Button-primary-border);
1401
1421
  --spinner-color: var(--hop-Button-primary-spinner-color);
1402
1422
  }
1403
- .Button-module__hop-Button--primary___hkH0I[data-hovered],
1404
- .Button-module__hop-Button--primary___hkH0I[data-focus-visible] {
1423
+ .Button-module__hop-Button--primary___aX9Xf[data-hovered],
1424
+ .Button-module__hop-Button--primary___aX9Xf[data-focus-visible] {
1405
1425
  --background-color: var(--hop-Button-primary-background-color-hover);
1406
1426
  --color: var(--hop-Button-primary-color-hover);
1407
1427
  --border: var(--hop-Button-primary-border-hover);
1408
1428
  }
1409
- .Button-module__hop-Button--primary___hkH0I[data-pressed] {
1429
+ .Button-module__hop-Button--primary___aX9Xf[data-pressed] {
1410
1430
  --background-color: var(--hop-Button-primary-background-color-pressed);
1411
1431
  --color: var(--hop-Button-primary-color-pressed);
1412
1432
  --border: var(--hop-Button-primary-border-pressed);
1413
1433
  }
1414
- .Button-module__hop-Button--secondary___hSZYE {
1434
+ .Button-module__hop-Button--secondary___1I0Vr {
1415
1435
  --background-color: var(--hop-Button-secondary-background-color);
1416
1436
  --color: var(--hop-Button-secondary-color);
1417
1437
  --border: var(--hop-Button-secondary-border);
1418
1438
  --spinner-color: var(--hop-Button-secondary-spinner-color);
1419
1439
  }
1420
- .Button-module__hop-Button--secondary___hSZYE[data-hovered],
1421
- .Button-module__hop-Button--secondary___hSZYE[data-focus-visible] {
1440
+ .Button-module__hop-Button--secondary___1I0Vr[data-hovered],
1441
+ .Button-module__hop-Button--secondary___1I0Vr[data-focus-visible] {
1422
1442
  --background-color: var(--hop-Button-secondary-background-color-hover);
1423
1443
  --color: var(--hop-Button-secondary-color-hover);
1424
1444
  --border: var(--hop-Button-secondary-border-hover);
1425
1445
  }
1426
- .Button-module__hop-Button--secondary___hSZYE[data-pressed] {
1446
+ .Button-module__hop-Button--secondary___1I0Vr[data-pressed] {
1427
1447
  --background-color: var(--hop-Button-secondary-background-color-pressed);
1428
1448
  --color: var(--hop-Button-secondary-color-pressed);
1429
1449
  --border: var(--hop-Button-secondary-border-pressed);
1430
1450
  }
1431
- .Button-module__hop-Button--upsell___9z1o- {
1451
+ .Button-module__hop-Button--upsell___NvVOn {
1432
1452
  --background-color: var(--hop-Button-upsell-background-color);
1433
1453
  --color: var(--hop-Button-upsell-color);
1434
1454
  --border: var(--hop-Button-upsell-border);
1435
1455
  --spinner-color: var(--hop-Button-upsell-spinner-color);
1436
1456
  }
1437
- .Button-module__hop-Button--upsell___9z1o-[data-hovered],
1438
- .Button-module__hop-Button--upsell___9z1o-[data-focus-visible] {
1457
+ .Button-module__hop-Button--upsell___NvVOn[data-hovered],
1458
+ .Button-module__hop-Button--upsell___NvVOn[data-focus-visible] {
1439
1459
  --background-color: var(--hop-Button-upsell-background-color-hover);
1440
1460
  --color: var(--hop-Button-upsell-color-hover);
1441
1461
  --border: var(--hop-Button-upsell-border-hover);
1442
1462
  }
1443
- .Button-module__hop-Button--upsell___9z1o-[data-pressed] {
1463
+ .Button-module__hop-Button--upsell___NvVOn[data-pressed] {
1444
1464
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1445
1465
  --color: var(--hop-Button-upsell-color-pressed);
1446
1466
  --border: var(--hop-Button-upsell-border-pressed);
1447
1467
  }
1448
- .Button-module__hop-Button--danger___KbLep {
1468
+ .Button-module__hop-Button--danger___YkZ1u {
1449
1469
  --background-color: var(--hop-Button-danger-background-color);
1450
1470
  --color: var(--hop-Button-danger-color);
1451
1471
  --border: var(--hop-Button-danger-border);
1452
1472
  --spinner-color: var(--hop-Button-danger-spinner-color);
1453
1473
  }
1454
- .Button-module__hop-Button--danger___KbLep[data-hovered],
1455
- .Button-module__hop-Button--danger___KbLep[data-focus-visible] {
1474
+ .Button-module__hop-Button--danger___YkZ1u[data-hovered],
1475
+ .Button-module__hop-Button--danger___YkZ1u[data-focus-visible] {
1456
1476
  --background-color: var(--hop-Button-danger-background-color-hover);
1457
1477
  --color: var(--hop-Button-danger-color-hover);
1458
1478
  --border: var(--hop-Button-danger-border-hover);
1459
1479
  }
1460
- .Button-module__hop-Button--danger___KbLep[data-pressed] {
1480
+ .Button-module__hop-Button--danger___YkZ1u[data-pressed] {
1461
1481
  --background-color: var(--hop-Button-danger-background-color-pressed);
1462
1482
  --color: var(--hop-Button-danger-color-pressed);
1463
1483
  --border: var(--hop-Button-danger-border-pressed);
1464
1484
  }
1465
- .Button-module__hop-Button--ghost-primary___8jSf1 {
1485
+ .Button-module__hop-Button--ghost-primary___RJdkS {
1466
1486
  --background-color: var(--hop-Button-ghost-primary-background-color);
1467
1487
  --color: var(--hop-Button-ghost-primary-color);
1468
1488
  --border: var(--hop-Button-ghost-primary-border);
1469
1489
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1470
1490
  }
1471
- .Button-module__hop-Button--ghost-primary___8jSf1[data-hovered],
1472
- .Button-module__hop-Button--ghost-primary___8jSf1[data-focus-visible] {
1491
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-hovered],
1492
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-focus-visible] {
1473
1493
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1474
1494
  --color: var(--hop-Button-ghost-primary-color-hover);
1475
1495
  --border: var(--hop-Button-ghost-primary-border-hover);
1476
1496
  --text-underline: underline;
1477
1497
  }
1478
- .Button-module__hop-Button--ghost-primary___8jSf1[data-pressed] {
1498
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-pressed] {
1479
1499
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1480
1500
  --color: var(--hop-Button-ghost-primary-color-pressed);
1481
1501
  --border: var(--hop-Button-ghost-primary-border-pressed);
1482
1502
  --text-underline: underline;
1483
1503
  }
1484
- .Button-module__hop-Button--ghost-secondary___TRM6h {
1504
+ .Button-module__hop-Button--ghost-secondary___1NLPo {
1485
1505
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1486
1506
  --color: var(--hop-Button-ghost-secondary-color);
1487
1507
  --border: var(--hop-Button-ghost-secondary-border);
1488
1508
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1489
1509
  }
1490
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-hovered],
1491
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-focus-visible] {
1510
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-hovered],
1511
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-focus-visible] {
1492
1512
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1493
1513
  --color: var(--hop-Button-ghost-secondary-color-hover);
1494
1514
  --border: var(--hop-Button-ghost-secondary-border-hover);
1495
1515
  --text-underline: underline;
1496
1516
  }
1497
- .Button-module__hop-Button--ghost-secondary___TRM6h[data-pressed] {
1517
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-pressed] {
1498
1518
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1499
1519
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1500
1520
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1501
1521
  --text-underline: underline;
1502
1522
  }
1503
- .Button-module__hop-Button--ghost-danger___-22ky {
1523
+ .Button-module__hop-Button--ghost-danger___mDGly {
1504
1524
  --background-color: var(--hop-Button-ghost-danger-background-color);
1505
1525
  --color: var(--hop-Button-ghost-danger-color);
1506
1526
  --border: var(--hop-Button-ghost-danger-border);
1507
1527
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1508
1528
  }
1509
- .Button-module__hop-Button--ghost-danger___-22ky[data-hovered],
1510
- .Button-module__hop-Button--ghost-danger___-22ky[data-focus-visible] {
1529
+ .Button-module__hop-Button--ghost-danger___mDGly[data-hovered],
1530
+ .Button-module__hop-Button--ghost-danger___mDGly[data-focus-visible] {
1511
1531
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1512
1532
  --color: var(--hop-Button-ghost-danger-color-hover);
1513
1533
  --border: var(--hop-Button-ghost-danger-border-hover);
1514
1534
  --text-underline: underline;
1515
1535
  }
1516
- .Button-module__hop-Button--ghost-danger___-22ky[data-pressed] {
1536
+ .Button-module__hop-Button--ghost-danger___mDGly[data-pressed] {
1517
1537
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1518
1538
  --color: var(--hop-Button-ghost-danger-color-pressed);
1519
1539
  --border: var(--hop-Button-ghost-danger-border-pressed);
1520
1540
  --text-underline: underline;
1521
1541
  }
1522
- .Button-module__hop-Button___8zkEy[data-focus-visible] {
1542
+ .Button-module__hop-Button___pi420[data-focus-visible] {
1523
1543
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1524
1544
  }
1525
- .Button-module__hop-Button___8zkEy[data-disabled],
1526
- .Button-module__hop-Button--loading___yOWuT {
1545
+ .Button-module__hop-Button___pi420[data-disabled],
1546
+ .Button-module__hop-Button--loading___as6iI {
1527
1547
  cursor: not-allowed;
1528
1548
  }
1529
- .Button-module__hop-Button___8zkEy[data-disabled] {
1549
+ .Button-module__hop-Button___pi420[data-disabled] {
1530
1550
  --background-color: var(--hop-Button-background-color-disabled);
1531
1551
  --color: var(--hop-Button-color-disabled);
1532
1552
  --border: var(--hop-Button-border-disabled);
1533
1553
  }
1534
- .Button-module__hop-Button___8zkEy[class*=--ghost][data-disabled] {
1554
+ .Button-module__hop-Button___pi420[class*=--ghost][data-disabled] {
1535
1555
  --background-color: var(--hop-Button-ghost-background-color-disabled);
1536
1556
  --color: var(--hop-Button-ghost-color-disabled);
1537
1557
  --border: var(--hop-Button-ghost-border-disabled);
1538
1558
  }
1539
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--primary___hkH0I {
1559
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--primary___aX9Xf {
1540
1560
  --background-color: var(--hop-Button-primary-background-color);
1541
1561
  --color: var(--hop-Button-primary-color);
1542
1562
  --border: var(--hop-Button-primary-border);
1543
1563
  }
1544
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--secondary___hSZYE {
1564
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--secondary___1I0Vr {
1545
1565
  --background-color: var(--hop-Button-secondary-background-color);
1546
1566
  --color: var(--hop-Button-secondary-color);
1547
1567
  --border: var(--hop-Button-secondary-border);
1548
1568
  }
1549
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--upsell___9z1o- {
1569
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--upsell___NvVOn {
1550
1570
  --background-color: var(--hop-Button-upsell-background-color);
1551
1571
  --color: var(--hop-Button-upsell-color);
1552
1572
  --border: var(--hop-Button-upsell-border);
1553
1573
  }
1554
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--danger___KbLep {
1574
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--danger___YkZ1u {
1555
1575
  --background-color: var(--hop-Button-danger-background-color);
1556
1576
  --color: var(--hop-Button-danger-color);
1557
1577
  --border: var(--hop-Button-danger-border);
1558
1578
  }
1559
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-primary___8jSf1 {
1579
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-primary___RJdkS {
1560
1580
  --background-color: var(--hop-Button-ghost-primary-background-color);
1561
1581
  --color: var(--hop-Button-ghost-primary-color);
1562
1582
  --border: var(--hop-Button-ghost-primary-border);
1563
1583
  --text-underline: none;
1564
1584
  }
1565
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-secondary___TRM6h {
1585
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-secondary___1NLPo {
1566
1586
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1567
1587
  --color: var(--hop-Button-ghost-secondary-color);
1568
1588
  --border: var(--hop-Button-ghost-secondary-border);
1569
1589
  --text-underline: none;
1570
1590
  }
1571
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button--ghost-danger___-22ky {
1591
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-danger___mDGly {
1572
1592
  --background-color: var(--hop-Button-ghost-danger-background-color);
1573
1593
  --color: var(--hop-Button-ghost-danger-color);
1574
1594
  --border: var(--hop-Button-ghost-danger-border);
1575
1595
  --text-underline: none;
1576
1596
  }
1577
- .Button-module__hop-Button__Spinner___F4Img {
1597
+ .Button-module__hop-Button__Spinner___CYr30 {
1578
1598
  position: absolute;
1579
1599
  color: var(--spinner-color);
1580
1600
  }
1581
- .Button-module__hop-Button__icon___9WDgY,
1582
- .Button-module__hop-Button__icon-list___hcP-v {
1601
+ .Button-module__hop-Button__icon___T9Jgx,
1602
+ .Button-module__hop-Button__icon-list___ED0mS {
1583
1603
  flex: 0 0 auto;
1584
1604
  justify-self: end;
1585
1605
  order: 1;
1586
1606
  }
1587
- .Button-module__hop-Button__text___o1TcA {
1607
+ .Button-module__hop-Button__text___K8N7h {
1588
1608
  user-select: none;
1589
1609
  overflow: visible;
1590
1610
  flex: 0 1 auto;
@@ -1594,165 +1614,160 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1594
1614
  text-underline-offset: 0.125rem;
1595
1615
  text-wrap: nowrap;
1596
1616
  }
1597
- .Button-module__hop-Button__end-icon___6QGCl,
1598
- .Button-module__hop-Button__end-icon-list___iZhOt {
1617
+ .Button-module__hop-Button__end-icon___2motE,
1618
+ .Button-module__hop-Button__end-icon-list___IoU7E {
1599
1619
  flex: 0 0 auto;
1600
1620
  order: 3;
1601
1621
  }
1602
- .Button-module__hop-Button___8zkEy .Button-module__hop-Button__icon-list___hcP-v,
1603
- .Button-module__hop-Button___8zkEy .Button-module__hop-Button__end-icon-list___iZhOt {
1622
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__icon-list___ED0mS,
1623
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__end-icon-list___IoU7E {
1604
1624
  flex-wrap: nowrap;
1605
1625
  }
1606
- .Button-module__hop-Button--loading___yOWuT.Button-module__hop-Button___8zkEy > *:not(.Button-module__hop-Button__Spinner___F4Img) {
1626
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button___pi420 > *:not(.Button-module__hop-Button__Spinner___CYr30) {
1607
1627
  opacity: 0;
1608
1628
  }
1609
- .LinkButton-module__hop-LinkButton___2nN8n {
1629
+ .LinkButton-module__hop-LinkButton___skVCT {
1610
1630
  }
1611
- .LinkButton-module__hop-LinkButton--fluid___49oZv {
1631
+ .LinkButton-module__hop-LinkButton--fluid___VP5it {
1612
1632
  }
1613
- .LinkButton-module__hop-LinkButton--sm___9b02I {
1633
+ .LinkButton-module__hop-LinkButton--xs___zsETy {
1614
1634
  }
1615
- .LinkButton-module__hop-LinkButton--icon-only___7vpiv {
1635
+ .LinkButton-module__hop-LinkButton--sm___TDcQJ {
1616
1636
  }
1617
- .LinkButton-module__hop-LinkButton--primary___J8UqT {
1637
+ .LinkButton-module__hop-LinkButton--icon-only___9lqJc {
1618
1638
  }
1619
- .LinkButton-module__hop-LinkButton--secondary___MiSOP {
1639
+ .LinkButton-module__hop-LinkButton--primary___47-As {
1620
1640
  }
1621
- .LinkButton-module__hop-LinkButton--upsell___2nJG1 {
1641
+ .LinkButton-module__hop-LinkButton--secondary___5NiJD {
1622
1642
  }
1623
- .LinkButton-module__hop-LinkButton--danger___To7Pv {
1643
+ .LinkButton-module__hop-LinkButton--upsell___LcJ0o {
1624
1644
  }
1625
- .LinkButton-module__hop-LinkButton--ghost-primary___oEPTJ {
1645
+ .LinkButton-module__hop-LinkButton--danger___Dq8t4 {
1626
1646
  }
1627
- .LinkButton-module__hop-LinkButton--ghost-secondary___51Xbb {
1647
+ .LinkButton-module__hop-LinkButton--ghost-primary___NJavy {
1628
1648
  }
1629
- .LinkButton-module__hop-LinkButton--ghost-danger___Dc7L- {
1649
+ .LinkButton-module__hop-LinkButton--ghost-secondary___kfKx9 {
1630
1650
  }
1631
- .LinkButton-module__hop-LinkButton__Spinner___uQrb2 {
1651
+ .LinkButton-module__hop-LinkButton--ghost-danger___odoUk {
1632
1652
  }
1633
- .LinkButton-module__hop-LinkButton__icon___9z8lE,
1634
- .LinkButton-module__hop-LinkButton__icon-list___TVvwm {
1653
+ .LinkButton-module__hop-LinkButton__Spinner___yWQzo {
1635
1654
  }
1636
- .LinkButton-module__hop-LinkButton__text___gbj3a {
1655
+ .LinkButton-module__hop-LinkButton__icon___r8W5q,
1656
+ .LinkButton-module__hop-LinkButton__icon-list___773jD {
1637
1657
  }
1638
- .LinkButton-module__hop-LinkButton__end-icon___JTQT7,
1639
- .LinkButton-module__hop-LinkButton__end-icon-list___PtivQ {
1658
+ .LinkButton-module__hop-LinkButton__text___6S9V5 {
1640
1659
  }
1641
- .LinkButton-module__hop-LinkButton___2nN8n .LinkButton-module__hop-LinkButton__icon-list___TVvwm,
1642
- .LinkButton-module__hop-LinkButton___2nN8n .LinkButton-module__hop-LinkButton__end-icon-list___PtivQ {
1660
+ .LinkButton-module__hop-LinkButton__end-icon___4tund,
1661
+ .LinkButton-module__hop-LinkButton__end-icon-list___anwAN {
1662
+ }
1663
+ .LinkButton-module__hop-LinkButton___skVCT .LinkButton-module__hop-LinkButton__icon-list___773jD,
1664
+ .LinkButton-module__hop-LinkButton___skVCT .LinkButton-module__hop-LinkButton__end-icon-list___anwAN {
1643
1665
  flex-wrap: nowrap;
1644
1666
  }
1645
1667
 
1646
1668
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ToggleButton.module.css/#css-module-data */
1647
- .ToggleButton-module__hop-ToggleButton___cQggT {
1648
- --hop-ToggleButton-border-radius: var(--hop-shape-rounded-md);
1649
- --hop-ToggleButton-focus-ring-color: var(--hop-primary-border-focus);
1650
- --hop-ToggleButton-column-gap: var(--hop-space-inline-xs);
1651
- --hop-ToggleButton-icon-only-column-gap: 0;
1652
- --hop-ToggleButton-outline-size: var(--hop-space-20);
1653
- --hop-ToggleButton-border-size: var(--hop-space-10);
1654
- --hop-ToggleButton-text-underline-offset: var(--hop-space-20);
1655
- --hop-ToggleButton-icon-only-padding: 0;
1656
- --hop-ToggleButton-sm-height: 2rem;
1657
- --hop-ToggleButton-md-height: 2.5rem;
1658
- --hop-ToggleButton-sm-padding: 0 var(--hop-space-inset-md);
1659
- --hop-ToggleButton-md-padding: 0 var(--hop-space-inset-md);
1660
- --hop-ToggleButton-color-disabled: var(--hop-neutral-text-disabled);
1661
- --hop-ToggleButton-background-color-disabled: var(--hop-neutral-surface-disabled);
1662
- --hop-ToggleButton-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-background-color-disabled);
1663
- --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
1664
- --hop-ToggleButton-primary-color-hover: var(--hop-primary-text-strong-hover);
1665
- --hop-ToggleButton-primary-color-pressed: var(--hop-primary-text-strong);
1666
- --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
1667
- --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
1668
- --hop-ToggleButton-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1669
- --hop-ToggleButton-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1670
- --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
1671
- --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
1672
- --hop-ToggleButton-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-hover);
1673
- --hop-ToggleButton-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color-pressed);
1674
- --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
1675
- --hop-ToggleButton-primary-spinner-color: var(--hop-primary-icon-strong);
1676
- --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
1677
- --hop-ToggleButton-secondary-color-hover: var(--hop-neutral-text-hover);
1678
- --hop-ToggleButton-secondary-color-pressed: var(--hop-neutral-text-press);
1679
- --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
1680
- --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
1681
- --hop-ToggleButton-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1682
- --hop-ToggleButton-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1683
- --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
1684
- --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1685
- --hop-ToggleButton-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong-hover);
1686
- --hop-ToggleButton-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
1687
- --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
1688
- --hop-ToggleButton-secondary-spinner-color: var(--hop-neutral-icon);
1689
- --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
1690
- --hop-ToggleButton-upsell-color-hover: var(--hop-upsell-text-hover);
1691
- --hop-ToggleButton-upsell-color-pressed: var(--hop-upsell-text-press);
1692
- --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
1693
- --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
1694
- --hop-ToggleButton-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1695
- --hop-ToggleButton-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1696
- --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
1697
- --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
1698
- --hop-ToggleButton-upsell-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-hover);
1699
- --hop-ToggleButton-upsell-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color-pressed);
1700
- --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
1701
- --hop-ToggleButton-upsell-spinner-color: var(--hop-upsell-icon);
1702
- --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
1703
- --hop-ToggleButton-danger-color-hover: var(--hop-danger-text-strong-hover);
1704
- --hop-ToggleButton-danger-color-pressed: var(--hop-danger-text-strong-hover);
1705
- --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
1706
- --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
1707
- --hop-ToggleButton-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1708
- --hop-ToggleButton-danger-background-color-pressed: var(--hop-danger-surface-press);
1709
- --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
1710
- --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
1711
- --hop-ToggleButton-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-hover);
1712
- --hop-ToggleButton-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color-pressed);
1713
- --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
1714
- --hop-ToggleButton-danger-spinner-color: var(--hop-primary-icon-strong);
1715
- --hop-ToggleButton-ghost-color-disabled: var(--hop-neutral-text-disabled);
1716
- --hop-ToggleButton-ghost-background-color-disabled: transparent;
1717
- --hop-ToggleButton-ghost-border-disabled: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-background-color-disabled);
1718
- --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
1719
- --hop-ToggleButton-ghost-primary-color-hover: var(--hop-primary-text-hover);
1720
- --hop-ToggleButton-ghost-primary-color-pressed: var(--hop-primary-text-press);
1721
- --hop-ToggleButton-ghost-primary-background-color: transparent;
1722
- --hop-ToggleButton-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1723
- --hop-ToggleButton-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1724
- --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
1725
- --hop-ToggleButton-ghost-primary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-hover);
1726
- --hop-ToggleButton-ghost-primary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-pressed);
1727
- --hop-ToggleButton-ghost-primary-spinner-color: var(--hop-neutral-icon);
1728
- --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
1729
- --hop-ToggleButton-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1730
- --hop-ToggleButton-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1731
- --hop-ToggleButton-ghost-secondary-background-color: transparent;
1732
- --hop-ToggleButton-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1733
- --hop-ToggleButton-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1734
- --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
1735
- --hop-ToggleButton-ghost-secondary-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-hover);
1736
- --hop-ToggleButton-ghost-secondary-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
1737
- --hop-ToggleButton-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1738
- --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
1739
- --hop-ToggleButton-ghost-danger-color-hover: var(--hop-danger-text-hover);
1740
- --hop-ToggleButton-ghost-danger-color-pressed: var(--hop-danger-text-press);
1741
- --hop-ToggleButton-ghost-danger-background-color: transparent;
1742
- --hop-ToggleButton-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1743
- --hop-ToggleButton-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1744
- --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
1745
- --hop-ToggleButton-ghost-danger-border-hover: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-hover);
1746
- --hop-ToggleButton-ghost-danger-border-pressed: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-pressed);
1747
- --hop-ToggleButton-ghost-danger-spinner-color: var(--hop-neutral-icon);
1669
+ .Button-module__hop-Button___pi420 {
1670
+ --hop-Button-border-radius: var(--hop-shape-rounded-md);
1671
+ --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1672
+ --hop-Button-column-gap: var(--hop-space-inline-xs);
1673
+ --hop-Button-icon-only-column-gap: 0;
1674
+ --hop-Button-outline-size: var(--hop-space-20);
1675
+ --hop-Button-border-size: var(--hop-space-10);
1676
+ --hop-Button-text-underline-offset: var(--hop-space-20);
1677
+ --hop-Button-icon-only-padding: 0;
1678
+ --hop-Button-xs-height: 1.5rem;
1679
+ --hop-Button-sm-height: 2rem;
1680
+ --hop-Button-md-height: 2.5rem;
1681
+ --hop-Button-xs-padding: 0 var(--hop-space-inset-sm);
1682
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1683
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1684
+ --hop-Button-ghost-xs-padding: 0 var(--hop-space-inset-xs);
1685
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1686
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1687
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1688
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1689
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1690
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1691
+ --hop-Button-ghost-background-color-disabled: transparent;
1692
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1693
+ --hop-Button-primary-color: var(--hop-primary-text-strong);
1694
+ --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1695
+ --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1696
+ --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1697
+ --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1698
+ --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1699
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1700
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1701
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1702
+ --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1703
+ --hop-Button-secondary-color: var(--hop-neutral-text);
1704
+ --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1705
+ --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1706
+ --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1707
+ --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1708
+ --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1709
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1710
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1711
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1712
+ --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1713
+ --hop-Button-upsell-color: var(--hop-upsell-text);
1714
+ --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1715
+ --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1716
+ --hop-Button-upsell-background-color: var(--hop-upsell-surface);
1717
+ --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1718
+ --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1719
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1720
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1721
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1722
+ --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1723
+ --hop-Button-danger-color: var(--hop-danger-text-strong);
1724
+ --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1725
+ --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1726
+ --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1727
+ --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1728
+ --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1729
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1730
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1731
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1732
+ --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1733
+ --hop-Button-ghost-primary-color: var(--hop-primary-text);
1734
+ --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1735
+ --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1736
+ --hop-Button-ghost-primary-background-color: transparent;
1737
+ --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1738
+ --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1739
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1740
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1741
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1742
+ --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1743
+ --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1744
+ --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1745
+ --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1746
+ --hop-Button-ghost-secondary-background-color: transparent;
1747
+ --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1748
+ --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1749
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1750
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1751
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1752
+ --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1753
+ --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1754
+ --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1755
+ --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1756
+ --hop-Button-ghost-danger-background-color: transparent;
1757
+ --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1758
+ --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1759
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1760
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1761
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1762
+ --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1748
1763
  --inline-size: max-content;
1749
- --block-size: var(--hop-ToggleButton-md-height);
1764
+ --block-size: var(--hop-Button-md-height);
1750
1765
  --background-color: var(--hop-primary-surface-strong);
1751
1766
  --color: var(--hop-primary-text-strong);
1752
- --column-gap: var(--hop-ToggleButton-column-gap);
1767
+ --column-gap: var(--hop-Button-column-gap);
1753
1768
  --spinner: var(--hop-primary-icon-strong);
1754
1769
  --border: 0;
1755
- --padding: var(--hop-ToggleButton-md-padding);
1770
+ --padding: var(--hop-Button-md-padding);
1756
1771
  --text-underline: none;
1757
1772
  cursor: pointer;
1758
1773
  position: relative;
@@ -1770,229 +1785,230 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
1770
1785
  white-space: nowrap;
1771
1786
  background-color: var(--background-color);
1772
1787
  border: var(--border);
1773
- border-radius: var(--hop-ToggleButton-border-radius);
1788
+ border-radius: var(--hop-Button-border-radius);
1774
1789
  outline: none;
1775
- outline-offset: var(--hop-ToggleButton-outline-size);
1790
+ outline-offset: var(--hop-Button-outline-size);
1776
1791
  transition:
1777
1792
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
1778
1793
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1779
1794
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
1780
1795
  }
1781
- .ToggleButton-module__hop-ToggleButton--fluid___rl9FX {
1796
+ .Button-module__hop-Button--fluid___Ool8- {
1782
1797
  --inline-size: 100%;
1783
1798
  }
1784
- .ToggleButton-module__hop-ToggleButton--sm___-x-OZ {
1785
- --block-size: var(--hop-ToggleButton-sm-height);
1786
- --padding: var(--hop-ToggleButton-sm-padding);
1799
+ .Button-module__hop-Button--xs___-XuKf {
1800
+ --block-size: var(--hop-Button-xs-height);
1801
+ --padding: var(--hop-Button-xs-padding);
1787
1802
  }
1788
- .ToggleButton-module__hop-ToggleButton--icon-only___W2v-S {
1789
- --column-gap: var(--hop-ToggleButton-icon-only-column-gap);
1790
- --padding: var(--hop-ToggleButton-icon-only-padding);
1791
- aspect-ratio: 1;
1803
+ .Button-module__hop-Button--xs___-XuKf[class*=--ghost] {
1804
+ --padding: var(--hop-Button-ghost-xs-padding);
1792
1805
  }
1793
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf {
1794
- --background-color: var(--hop-ToggleButton-primary-background-color);
1795
- --color: var(--hop-ToggleButton-primary-color);
1796
- --border: var(--hop-ToggleButton-primary-border);
1797
- --spinner-color: var(--hop-ToggleButton-primary-spinner-color);
1806
+ .Button-module__hop-Button--sm___-RNK5 {
1807
+ --block-size: var(--hop-Button-sm-height);
1808
+ --padding: var(--hop-Button-sm-padding);
1798
1809
  }
1799
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-hovered],
1800
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-focus-visible] {
1801
- --background-color: var(--hop-ToggleButton-primary-background-color-hover);
1802
- --color: var(--hop-ToggleButton-primary-color-hover);
1803
- --border: var(--hop-ToggleButton-primary-border-hover);
1810
+ .Button-module__hop-Button--sm___-RNK5[class*=--ghost] {
1811
+ --padding: var(--hop-Button-ghost-sm-padding);
1804
1812
  }
1805
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-pressed] {
1806
- --background-color: var(--hop-ToggleButton-primary-background-color-pressed);
1807
- --color: var(--hop-ToggleButton-primary-color-pressed);
1808
- --border: var(--hop-ToggleButton-primary-border-pressed);
1813
+ .Button-module__hop-Button--md___4-osd[class*=--ghost] {
1814
+ --padding: var(--hop-Button-ghost-md-padding);
1809
1815
  }
1810
- .ToggleButton-module__hop-ToggleButton--primary___-CkAf[data-selected] {
1811
- --background-color: var(--hop-ToggleButton-primary-background-color-selected);
1812
- --color: var(--hop-ToggleButton-primary-color-selected);
1813
- --border: var(--hop-ToggleButton-primary-border-selected);
1816
+ .Button-module__hop-Button--icon-only___OzV1R {
1817
+ --column-gap: var(--hop-Button-icon-only-column-gap);
1818
+ --padding: var(--hop-Button-icon-only-padding);
1819
+ aspect-ratio: 1;
1814
1820
  }
1815
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S {
1816
- --background-color: var(--hop-ToggleButton-secondary-background-color);
1817
- --color: var(--hop-ToggleButton-secondary-color);
1818
- --border: var(--hop-ToggleButton-secondary-border);
1819
- --spinner-color: var(--hop-ToggleButton-secondary-spinner-color);
1821
+ .Button-module__hop-Button--primary___aX9Xf {
1822
+ --background-color: var(--hop-Button-primary-background-color);
1823
+ --color: var(--hop-Button-primary-color);
1824
+ --border: var(--hop-Button-primary-border);
1825
+ --spinner-color: var(--hop-Button-primary-spinner-color);
1820
1826
  }
1821
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-hovered],
1822
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-focus-visible] {
1823
- --background-color: var(--hop-ToggleButton-secondary-background-color-hover);
1824
- --color: var(--hop-ToggleButton-secondary-color-hover);
1825
- --border: var(--hop-ToggleButton-secondary-border-hover);
1827
+ .Button-module__hop-Button--primary___aX9Xf[data-hovered],
1828
+ .Button-module__hop-Button--primary___aX9Xf[data-focus-visible] {
1829
+ --background-color: var(--hop-Button-primary-background-color-hover);
1830
+ --color: var(--hop-Button-primary-color-hover);
1831
+ --border: var(--hop-Button-primary-border-hover);
1826
1832
  }
1827
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-pressed] {
1828
- --background-color: var(--hop-ToggleButton-secondary-background-color-pressed);
1829
- --color: var(--hop-ToggleButton-secondary-color-pressed);
1830
- --border: var(--hop-ToggleButton-secondary-border-pressed);
1833
+ .Button-module__hop-Button--primary___aX9Xf[data-pressed] {
1834
+ --background-color: var(--hop-Button-primary-background-color-pressed);
1835
+ --color: var(--hop-Button-primary-color-pressed);
1836
+ --border: var(--hop-Button-primary-border-pressed);
1831
1837
  }
1832
- .ToggleButton-module__hop-ToggleButton--secondary___pw82S[data-selected] {
1833
- --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
1834
- --color: var(--hop-ToggleButton-secondary-color-selected);
1835
- --border: var(--hop-ToggleButton-secondary-border-selected);
1838
+ .Button-module__hop-Button--secondary___1I0Vr {
1839
+ --background-color: var(--hop-Button-secondary-background-color);
1840
+ --color: var(--hop-Button-secondary-color);
1841
+ --border: var(--hop-Button-secondary-border);
1842
+ --spinner-color: var(--hop-Button-secondary-spinner-color);
1836
1843
  }
1837
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT {
1838
- --background-color: var(--hop-ToggleButton-upsell-background-color);
1839
- --color: var(--hop-ToggleButton-upsell-color);
1840
- --border: var(--hop-ToggleButton-upsell-border);
1841
- --spinner-color: var(--hop-ToggleButton-upsell-spinner-color);
1844
+ .Button-module__hop-Button--secondary___1I0Vr[data-hovered],
1845
+ .Button-module__hop-Button--secondary___1I0Vr[data-focus-visible] {
1846
+ --background-color: var(--hop-Button-secondary-background-color-hover);
1847
+ --color: var(--hop-Button-secondary-color-hover);
1848
+ --border: var(--hop-Button-secondary-border-hover);
1842
1849
  }
1843
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-hovered],
1844
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-focus-visible] {
1845
- --background-color: var(--hop-ToggleButton-upsell-background-color-hover);
1846
- --color: var(--hop-ToggleButton-upsell-color-hover);
1847
- --border: var(--hop-ToggleButton-upsell-border-hover);
1850
+ .Button-module__hop-Button--secondary___1I0Vr[data-pressed] {
1851
+ --background-color: var(--hop-Button-secondary-background-color-pressed);
1852
+ --color: var(--hop-Button-secondary-color-pressed);
1853
+ --border: var(--hop-Button-secondary-border-pressed);
1848
1854
  }
1849
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-pressed] {
1850
- --background-color: var(--hop-ToggleButton-upsell-background-color-pressed);
1851
- --color: var(--hop-ToggleButton-upsell-color-pressed);
1852
- --border: var(--hop-ToggleButton-upsell-border-pressed);
1855
+ .Button-module__hop-Button--upsell___NvVOn {
1856
+ --background-color: var(--hop-Button-upsell-background-color);
1857
+ --color: var(--hop-Button-upsell-color);
1858
+ --border: var(--hop-Button-upsell-border);
1859
+ --spinner-color: var(--hop-Button-upsell-spinner-color);
1853
1860
  }
1854
- .ToggleButton-module__hop-ToggleButton--upsell___Y7PyT[data-selected] {
1855
- --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
1856
- --color: var(--hop-ToggleButton-upsell-color-selected);
1857
- --border: var(--hop-ToggleButton-upsell-border-selected);
1861
+ .Button-module__hop-Button--upsell___NvVOn[data-hovered],
1862
+ .Button-module__hop-Button--upsell___NvVOn[data-focus-visible] {
1863
+ --background-color: var(--hop-Button-upsell-background-color-hover);
1864
+ --color: var(--hop-Button-upsell-color-hover);
1865
+ --border: var(--hop-Button-upsell-border-hover);
1858
1866
  }
1859
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7 {
1860
- --background-color: var(--hop-ToggleButton-danger-background-color);
1861
- --color: var(--hop-ToggleButton-danger-color);
1862
- --border: var(--hop-ToggleButton-danger-border);
1863
- --spinner-color: var(--hop-ToggleButton-danger-spinner-color);
1867
+ .Button-module__hop-Button--upsell___NvVOn[data-pressed] {
1868
+ --background-color: var(--hop-Button-upsell-background-color-pressed);
1869
+ --color: var(--hop-Button-upsell-color-pressed);
1870
+ --border: var(--hop-Button-upsell-border-pressed);
1864
1871
  }
1865
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-hovered],
1866
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-focus-visible] {
1867
- --background-color: var(--hop-ToggleButton-danger-background-color-hover);
1868
- --color: var(--hop-ToggleButton-danger-color-hover);
1869
- --border: var(--hop-ToggleButton-danger-border-hover);
1872
+ .Button-module__hop-Button--danger___YkZ1u {
1873
+ --background-color: var(--hop-Button-danger-background-color);
1874
+ --color: var(--hop-Button-danger-color);
1875
+ --border: var(--hop-Button-danger-border);
1876
+ --spinner-color: var(--hop-Button-danger-spinner-color);
1870
1877
  }
1871
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-pressed] {
1872
- --background-color: var(--hop-ToggleButton-danger-background-color-pressed);
1873
- --color: var(--hop-ToggleButton-danger-color-pressed);
1874
- --border: var(--hop-ToggleButton-danger-border-pressed);
1878
+ .Button-module__hop-Button--danger___YkZ1u[data-hovered],
1879
+ .Button-module__hop-Button--danger___YkZ1u[data-focus-visible] {
1880
+ --background-color: var(--hop-Button-danger-background-color-hover);
1881
+ --color: var(--hop-Button-danger-color-hover);
1882
+ --border: var(--hop-Button-danger-border-hover);
1875
1883
  }
1876
- .ToggleButton-module__hop-ToggleButton--danger___ia5G7[data-selected] {
1877
- --background-color: var(--hop-ToggleButton-danger-background-color-selected);
1878
- --color: var(--hop-ToggleButton-danger-color-selected);
1879
- --border: var(--hop-ToggleButton-danger-border-selected);
1884
+ .Button-module__hop-Button--danger___YkZ1u[data-pressed] {
1885
+ --background-color: var(--hop-Button-danger-background-color-pressed);
1886
+ --color: var(--hop-Button-danger-color-pressed);
1887
+ --border: var(--hop-Button-danger-border-pressed);
1880
1888
  }
1881
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u {
1882
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
1883
- --color: var(--hop-ToggleButton-ghost-primary-color);
1884
- --border: var(--hop-ToggleButton-ghost-primary-border);
1885
- --spinner-color: var(--hop-ToggleButton-ghost-primary-spinner-color);
1889
+ .Button-module__hop-Button--ghost-primary___RJdkS {
1890
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1891
+ --color: var(--hop-Button-ghost-primary-color);
1892
+ --border: var(--hop-Button-ghost-primary-border);
1893
+ --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1886
1894
  }
1887
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-hovered],
1888
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-focus-visible] {
1889
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color-hover);
1890
- --color: var(--hop-ToggleButton-ghost-primary-color-hover);
1891
- --border: var(--hop-ToggleButton-ghost-primary-border-hover);
1895
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-hovered],
1896
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-focus-visible] {
1897
+ --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1898
+ --color: var(--hop-Button-ghost-primary-color-hover);
1899
+ --border: var(--hop-Button-ghost-primary-border-hover);
1892
1900
  --text-underline: underline;
1893
1901
  }
1894
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-pressed],
1895
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-selected] {
1896
- --background-color: var(--hop-ToggleButton-ghost-primary-background-color-pressed);
1897
- --color: var(--hop-ToggleButton-ghost-primary-color-pressed);
1898
- --border: var(--hop-ToggleButton-ghost-primary-border-pressed);
1899
- }
1900
- .ToggleButton-module__hop-ToggleButton--ghost-primary___-Rc5u[data-pressed] {
1902
+ .Button-module__hop-Button--ghost-primary___RJdkS[data-pressed] {
1903
+ --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1904
+ --color: var(--hop-Button-ghost-primary-color-pressed);
1905
+ --border: var(--hop-Button-ghost-primary-border-pressed);
1901
1906
  --text-underline: underline;
1902
1907
  }
1903
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d {
1904
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
1905
- --color: var(--hop-ToggleButton-ghost-secondary-color);
1906
- --border: var(--hop-ToggleButton-ghost-secondary-border);
1907
- --spinner-color: var(--hop-ToggleButton-ghost-secondary-spinner-color);
1908
+ .Button-module__hop-Button--ghost-secondary___1NLPo {
1909
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1910
+ --color: var(--hop-Button-ghost-secondary-color);
1911
+ --border: var(--hop-Button-ghost-secondary-border);
1912
+ --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1908
1913
  }
1909
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-hovered],
1910
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-focus-visible] {
1911
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-hover);
1912
- --color: var(--hop-ToggleButton-ghost-secondary-color-hover);
1913
- --border: var(--hop-ToggleButton-ghost-secondary-border-hover);
1914
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-hovered],
1915
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-focus-visible] {
1916
+ --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1917
+ --color: var(--hop-Button-ghost-secondary-color-hover);
1918
+ --border: var(--hop-Button-ghost-secondary-border-hover);
1914
1919
  --text-underline: underline;
1915
1920
  }
1916
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-pressed],
1917
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-selected] {
1918
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-pressed);
1919
- --color: var(--hop-ToggleButton-ghost-secondary-color-pressed);
1920
- --border: var(--hop-ToggleButton-ghost-secondary-border-pressed);
1921
- }
1922
- .ToggleButton-module__hop-ToggleButton--ghost-secondary___V3f-d[data-pressed] {
1921
+ .Button-module__hop-Button--ghost-secondary___1NLPo[data-pressed] {
1922
+ --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1923
+ --color: var(--hop-Button-ghost-secondary-color-pressed);
1924
+ --border: var(--hop-Button-ghost-secondary-border-pressed);
1923
1925
  --text-underline: underline;
1924
1926
  }
1925
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8 {
1926
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
1927
- --color: var(--hop-ToggleButton-ghost-danger-color);
1928
- --border: var(--hop-ToggleButton-ghost-danger-border);
1929
- --spinner-color: var(--hop-ToggleButton-ghost-danger-spinner-color);
1927
+ .Button-module__hop-Button--ghost-danger___mDGly {
1928
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1929
+ --color: var(--hop-Button-ghost-danger-color);
1930
+ --border: var(--hop-Button-ghost-danger-border);
1931
+ --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1930
1932
  }
1931
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-hovered],
1932
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-focus-visible] {
1933
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color-hover);
1934
- --color: var(--hop-ToggleButton-ghost-danger-color-hover);
1935
- --border: var(--hop-ToggleButton-ghost-danger-border-hover);
1933
+ .Button-module__hop-Button--ghost-danger___mDGly[data-hovered],
1934
+ .Button-module__hop-Button--ghost-danger___mDGly[data-focus-visible] {
1935
+ --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1936
+ --color: var(--hop-Button-ghost-danger-color-hover);
1937
+ --border: var(--hop-Button-ghost-danger-border-hover);
1936
1938
  --text-underline: underline;
1937
1939
  }
1938
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-pressed],
1939
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-selected] {
1940
- --background-color: var(--hop-ToggleButton-ghost-danger-background-color-pressed);
1941
- --color: var(--hop-ToggleButton-ghost-danger-color-pressed);
1942
- --border: var(--hop-ToggleButton-ghost-danger-border-pressed);
1943
- }
1944
- .ToggleButton-module__hop-ToggleButton--ghost-danger___sqLa8[data-pressed] {
1940
+ .Button-module__hop-Button--ghost-danger___mDGly[data-pressed] {
1941
+ --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1942
+ --color: var(--hop-Button-ghost-danger-color-pressed);
1943
+ --border: var(--hop-Button-ghost-danger-border-pressed);
1945
1944
  --text-underline: underline;
1946
1945
  }
1947
- .ToggleButton-module__hop-ToggleButton___cQggT[data-focus-visible] {
1948
- outline: var(--hop-ToggleButton-outline-size) solid var(--hop-ToggleButton-focus-ring-color);
1946
+ .Button-module__hop-Button___pi420[data-focus-visible] {
1947
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1949
1948
  }
1950
- .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled],
1951
- .ToggleButton-module__hop-ToggleButton--loading___sF-01 {
1949
+ .Button-module__hop-Button___pi420[data-disabled],
1950
+ .Button-module__hop-Button--loading___as6iI {
1952
1951
  cursor: not-allowed;
1953
1952
  }
1954
- .ToggleButton-module__hop-ToggleButton___cQggT[data-disabled] {
1955
- --background-color: var(--hop-ToggleButton-background-color-disabled);
1956
- --color: var(--hop-ToggleButton-color-disabled);
1957
- --border: var(--hop-ToggleButton-border-disabled);
1953
+ .Button-module__hop-Button___pi420[data-disabled] {
1954
+ --background-color: var(--hop-Button-background-color-disabled);
1955
+ --color: var(--hop-Button-color-disabled);
1956
+ --border: var(--hop-Button-border-disabled);
1958
1957
  }
1959
- .ToggleButton-module__hop-ToggleButton___cQggT[class*=--ghost][data-disabled] {
1960
- --background-color: var(--hop-ToggleButton-ghost-background-color-disabled);
1961
- --color: var(--hop-ToggleButton-ghost-color-disabled);
1962
- --border: var(--hop-ToggleButton-ghost-border-disabled);
1958
+ .Button-module__hop-Button___pi420[class*=--ghost][data-disabled] {
1959
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
1960
+ --color: var(--hop-Button-ghost-color-disabled);
1961
+ --border: var(--hop-Button-ghost-border-disabled);
1963
1962
  }
1964
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--primary___-CkAf {
1965
- --background-color: var(--hop-ToggleButton-primary-background-color);
1966
- --color: var(--hop-ToggleButton-primary-color);
1967
- --border: var(--hop-ToggleButton-primary-border);
1963
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--primary___aX9Xf {
1964
+ --background-color: var(--hop-Button-primary-background-color);
1965
+ --color: var(--hop-Button-primary-color);
1966
+ --border: var(--hop-Button-primary-border);
1968
1967
  }
1969
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--secondary___pw82S {
1970
- --background-color: var(--hop-ToggleButton-secondary-background-color);
1971
- --color: var(--hop-ToggleButton-secondary-color);
1972
- --border: var(--hop-ToggleButton-secondary-border);
1968
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--secondary___1I0Vr {
1969
+ --background-color: var(--hop-Button-secondary-background-color);
1970
+ --color: var(--hop-Button-secondary-color);
1971
+ --border: var(--hop-Button-secondary-border);
1973
1972
  }
1974
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton--upsell___Y7PyT {
1975
- --background-color: var(--hop-ToggleButton-upsell-background-color);
1976
- --color: var(--hop-ToggleButton-upsell-color);
1977
- --border: var(--hop-ToggleButton-upsell-border);
1973
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--upsell___NvVOn {
1974
+ --background-color: var(--hop-Button-upsell-background-color);
1975
+ --color: var(--hop-Button-upsell-color);
1976
+ --border: var(--hop-Button-upsell-border);
1978
1977
  }
1979
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton___cQggT[class*=--ghost] {
1980
- --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
1981
- --color: var(--hop-ToggleButton-ghost-secondary-color);
1982
- --border: var(--hop-ToggleButton-ghost-secondary-border);
1978
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--danger___YkZ1u {
1979
+ --background-color: var(--hop-Button-danger-background-color);
1980
+ --color: var(--hop-Button-danger-color);
1981
+ --border: var(--hop-Button-danger-border);
1982
+ }
1983
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-primary___RJdkS {
1984
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1985
+ --color: var(--hop-Button-ghost-primary-color);
1986
+ --border: var(--hop-Button-ghost-primary-border);
1983
1987
  --text-underline: none;
1984
1988
  }
1985
- .ToggleButton-module__hop-ToggleButton__Spinner___SwSbO {
1989
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-secondary___1NLPo {
1990
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1991
+ --color: var(--hop-Button-ghost-secondary-color);
1992
+ --border: var(--hop-Button-ghost-secondary-border);
1993
+ --text-underline: none;
1994
+ }
1995
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button--ghost-danger___mDGly {
1996
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1997
+ --color: var(--hop-Button-ghost-danger-color);
1998
+ --border: var(--hop-Button-ghost-danger-border);
1999
+ --text-underline: none;
2000
+ }
2001
+ .Button-module__hop-Button__Spinner___CYr30 {
1986
2002
  position: absolute;
1987
2003
  color: var(--spinner-color);
1988
2004
  }
1989
- .ToggleButton-module__hop-ToggleButton__icon___nOFkE,
1990
- .ToggleButton-module__hop-ToggleButton__icon-list___OtBGk {
2005
+ .Button-module__hop-Button__icon___T9Jgx,
2006
+ .Button-module__hop-Button__icon-list___ED0mS {
1991
2007
  flex: 0 0 auto;
1992
2008
  justify-self: end;
1993
2009
  order: 1;
1994
2010
  }
1995
- .ToggleButton-module__hop-ToggleButton__text___ZdN6c {
2011
+ .Button-module__hop-Button__text___K8N7h {
1996
2012
  user-select: none;
1997
2013
  overflow: visible;
1998
2014
  flex: 0 1 auto;
@@ -2002,21 +2018,182 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2002
2018
  text-underline-offset: 0.125rem;
2003
2019
  text-wrap: nowrap;
2004
2020
  }
2005
- .ToggleButton-module__hop-ToggleButton__end-icon___gYUgH,
2006
- .ToggleButton-module__hop-ToggleButton__end-icon-list___JqSZC {
2021
+ .Button-module__hop-Button__end-icon___2motE,
2022
+ .Button-module__hop-Button__end-icon-list___IoU7E {
2007
2023
  flex: 0 0 auto;
2008
2024
  order: 3;
2009
2025
  }
2010
- .ToggleButton-module__hop-ToggleButton___cQggT .ToggleButton-module__hop-ToggleButton__icon-list___OtBGk,
2011
- .ToggleButton-module__hop-ToggleButton___cQggT .ToggleButton-module__hop-ToggleButton__end-icon-list___JqSZC {
2026
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__icon-list___ED0mS,
2027
+ .Button-module__hop-Button___pi420 .Button-module__hop-Button__end-icon-list___IoU7E {
2012
2028
  flex-wrap: nowrap;
2013
2029
  }
2014
- .ToggleButton-module__hop-ToggleButton--loading___sF-01.ToggleButton-module__hop-ToggleButton___cQggT > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___SwSbO) {
2030
+ .Button-module__hop-Button--loading___as6iI.Button-module__hop-Button___pi420 > *:not(.Button-module__hop-Button__Spinner___CYr30) {
2031
+ opacity: 0;
2032
+ }
2033
+ .ToggleButton-module__hop-ToggleButton___7uOg3 {
2034
+ --hop-ToggleButton-border-size: var(--hop-space-10);
2035
+ --hop-ToggleButton-primary-color: var(--hop-primary-text-strong);
2036
+ --hop-ToggleButton-primary-background-color: var(--hop-primary-surface-strong);
2037
+ --hop-ToggleButton-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-primary-background-color);
2038
+ --hop-ToggleButton-primary-color-selected: var(--hop-primary-text-selected);
2039
+ --hop-ToggleButton-primary-background-color-selected: var(--hop-primary-surface-selected);
2040
+ --hop-ToggleButton-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-primary-border-selected);
2041
+ --hop-ToggleButton-secondary-color: var(--hop-neutral-text);
2042
+ --hop-ToggleButton-secondary-background-color: var(--hop-neutral-surface);
2043
+ --hop-ToggleButton-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-strong);
2044
+ --hop-ToggleButton-secondary-color-selected: var(--hop-neutral-text-selected);
2045
+ --hop-ToggleButton-secondary-background-color-selected: var(--hop-neutral-surface-selected);
2046
+ --hop-ToggleButton-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-neutral-border-selected);
2047
+ --hop-ToggleButton-upsell-color: var(--hop-upsell-text);
2048
+ --hop-ToggleButton-upsell-background-color: var(--hop-upsell-surface);
2049
+ --hop-ToggleButton-upsell-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-upsell-background-color);
2050
+ --hop-ToggleButton-upsell-color-selected: var(--hop-upsell-text-selected);
2051
+ --hop-ToggleButton-upsell-background-color-selected: var(--hop-upsell-surface-selected);
2052
+ --hop-ToggleButton-upsell-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-upsell-border-selected);
2053
+ --hop-ToggleButton-danger-color: var(--hop-danger-text-strong);
2054
+ --hop-ToggleButton-danger-background-color: var(--hop-danger-surface-strong);
2055
+ --hop-ToggleButton-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-danger-background-color);
2056
+ --hop-ToggleButton-danger-color-selected: var(--hop-danger-text-selected);
2057
+ --hop-ToggleButton-danger-background-color-selected: var(--hop-danger-surface-selected);
2058
+ --hop-ToggleButton-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-danger-border-selected);
2059
+ --hop-ToggleButton-ghost-primary-color: var(--hop-primary-text);
2060
+ --hop-ToggleButton-ghost-primary-background-color: transparent;
2061
+ --hop-ToggleButton-ghost-primary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color);
2062
+ --hop-ToggleButton-ghost-primary-color-selected: var(--hop-primary-text-press);
2063
+ --hop-ToggleButton-ghost-primary-background-color-selected: var(--hop-primary-surface-weak-press);
2064
+ --hop-ToggleButton-ghost-primary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-primary-background-color-selected);
2065
+ --hop-ToggleButton-ghost-secondary-color: var(--hop-neutral-text-weak);
2066
+ --hop-ToggleButton-ghost-secondary-background-color: transparent;
2067
+ --hop-ToggleButton-ghost-secondary-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color);
2068
+ --hop-ToggleButton-ghost-secondary-color-selected: var(--hop-neutral-text-weak-press);
2069
+ --hop-ToggleButton-ghost-secondary-background-color-selected: var(--hop-neutral-surface-press);
2070
+ --hop-ToggleButton-ghost-secondary-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2071
+ --hop-ToggleButton-ghost-danger-color: var(--hop-danger-text-weak);
2072
+ --hop-ToggleButton-ghost-danger-background-color: transparent;
2073
+ --hop-ToggleButton-ghost-danger-border: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color);
2074
+ --hop-ToggleButton-ghost-danger-color-selected: var(--hop-danger-text-press);
2075
+ --hop-ToggleButton-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
2076
+ --hop-ToggleButton-ghost-danger-border-selected: var(--hop-ToggleButton-border-size) solid var(--hop-ToggleButton-ghost-danger-background-color-selected);
2077
+ }
2078
+ .ToggleButton-module__hop-ToggleButton--fluid___dGmQY {
2079
+ }
2080
+ .ToggleButton-module__hop-ToggleButton--xs___-Pwsh {
2081
+ }
2082
+ .ToggleButton-module__hop-ToggleButton--sm___rcih7 {
2083
+ }
2084
+ .ToggleButton-module__hop-ToggleButton--md___EHY7t {
2085
+ }
2086
+ .ToggleButton-module__hop-ToggleButton--icon-only___HUyAp {
2087
+ }
2088
+ .ToggleButton-module__hop-ToggleButton--primary___YRmoZ {
2089
+ }
2090
+ .ToggleButton-module__hop-ToggleButton--primary___YRmoZ[data-selected] {
2091
+ --background-color: var(--hop-ToggleButton-primary-background-color-selected);
2092
+ --color: var(--hop-ToggleButton-primary-color-selected);
2093
+ --border: var(--hop-ToggleButton-primary-border-selected);
2094
+ }
2095
+ .ToggleButton-module__hop-ToggleButton--secondary___AMcYW {
2096
+ }
2097
+ .ToggleButton-module__hop-ToggleButton--secondary___AMcYW[data-selected] {
2098
+ --background-color: var(--hop-ToggleButton-secondary-background-color-selected);
2099
+ --color: var(--hop-ToggleButton-secondary-color-selected);
2100
+ --border: var(--hop-ToggleButton-secondary-border-selected);
2101
+ }
2102
+ .ToggleButton-module__hop-ToggleButton--upsell___31OZm {
2103
+ }
2104
+ .ToggleButton-module__hop-ToggleButton--upsell___31OZm[data-selected] {
2105
+ --background-color: var(--hop-ToggleButton-upsell-background-color-selected);
2106
+ --color: var(--hop-ToggleButton-upsell-color-selected);
2107
+ --border: var(--hop-ToggleButton-upsell-border-selected);
2108
+ }
2109
+ .ToggleButton-module__hop-ToggleButton--danger___neytT {
2110
+ }
2111
+ .ToggleButton-module__hop-ToggleButton--danger___neytT[data-selected] {
2112
+ --background-color: var(--hop-ToggleButton-danger-background-color-selected);
2113
+ --color: var(--hop-ToggleButton-danger-color-selected);
2114
+ --border: var(--hop-ToggleButton-danger-border-selected);
2115
+ }
2116
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___ZFaWi {
2117
+ }
2118
+ .ToggleButton-module__hop-ToggleButton--ghost-primary___ZFaWi[data-selected] {
2119
+ --text-underline: normal;
2120
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color-selected);
2121
+ --color: var(--hop-ToggleButton-ghost-primary-color-selected);
2122
+ --border: var(--hop-ToggleButton-ghost-primary-border-selected);
2123
+ }
2124
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___DOt72 {
2125
+ }
2126
+ .ToggleButton-module__hop-ToggleButton--ghost-secondary___DOt72[data-selected] {
2127
+ --text-underline: normal;
2128
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color-selected);
2129
+ --color: var(--hop-ToggleButton-ghost-secondary-color-selected);
2130
+ --border: var(--hop-ToggleButton-ghost-secondary-border-selected);
2131
+ }
2132
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___4TSgP {
2133
+ }
2134
+ .ToggleButton-module__hop-ToggleButton--ghost-danger___4TSgP[data-selected] {
2135
+ --text-underline: normal;
2136
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color-selected);
2137
+ --color: var(--hop-ToggleButton-ghost-danger-color-selected);
2138
+ --border: var(--hop-ToggleButton-ghost-danger-border-selected);
2139
+ }
2140
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--primary___YRmoZ {
2141
+ --background-color: var(--hop-ToggleButton-primary-background-color);
2142
+ --color: var(--hop-ToggleButton-primary-color);
2143
+ --border: var(--hop-ToggleButton-primary-border);
2144
+ }
2145
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--secondary___AMcYW {
2146
+ --background-color: var(--hop-ToggleButton-secondary-background-color);
2147
+ --color: var(--hop-ToggleButton-secondary-color);
2148
+ --border: var(--hop-ToggleButton-secondary-border);
2149
+ }
2150
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--upsell___31OZm {
2151
+ --background-color: var(--hop-ToggleButton-upsell-background-color);
2152
+ --color: var(--hop-ToggleButton-upsell-color);
2153
+ --border: var(--hop-ToggleButton-upsell-border);
2154
+ }
2155
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--danger___neytT {
2156
+ --background-color: var(--hop-ToggleButton-danger-background-color);
2157
+ --color: var(--hop-ToggleButton-danger-color);
2158
+ --border: var(--hop-ToggleButton-danger-border);
2159
+ }
2160
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--ghost-primary___ZFaWi {
2161
+ --background-color: var(--hop-ToggleButton-ghost-primary-background-color);
2162
+ --color: var(--hop-ToggleButton-ghost-primary-color);
2163
+ --border: var(--hop-ToggleButton-ghost-primary-border);
2164
+ --text-underline: none;
2165
+ }
2166
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--ghost-secondary___DOt72 {
2167
+ --background-color: var(--hop-ToggleButton-ghost-secondary-background-color);
2168
+ --color: var(--hop-ToggleButton-ghost-secondary-color);
2169
+ --border: var(--hop-ToggleButton-ghost-secondary-border);
2170
+ --text-underline: none;
2171
+ }
2172
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton--ghost-danger___4TSgP {
2173
+ --background-color: var(--hop-ToggleButton-ghost-danger-background-color);
2174
+ --color: var(--hop-ToggleButton-ghost-danger-color);
2175
+ --border: var(--hop-ToggleButton-ghost-danger-border);
2176
+ --text-underline: none;
2177
+ }
2178
+ .ToggleButton-module__hop-ToggleButton__Spinner___0jyPO {
2179
+ }
2180
+ .ToggleButton-module__hop-ToggleButton__icon___GWJDN,
2181
+ .ToggleButton-module__hop-ToggleButton__icon-list___Tmu8m {
2182
+ }
2183
+ .ToggleButton-module__hop-ToggleButton__text___bKuM- {
2184
+ }
2185
+ .ToggleButton-module__hop-ToggleButton__end-icon___ZFyb5,
2186
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___Cj63s {
2187
+ }
2188
+ .ToggleButton-module__hop-ToggleButton__icon-list___Tmu8m,
2189
+ .ToggleButton-module__hop-ToggleButton__end-icon-list___Cj63s {
2190
+ }
2191
+ .ToggleButton-module__hop-ToggleButton--loading___pjYBF.ToggleButton-module__hop-ToggleButton___7uOg3 > *:not(.ToggleButton-module__hop-ToggleButton__Spinner___0jyPO) {
2015
2192
  opacity: 0;
2016
2193
  }
2017
2194
 
2018
2195
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/hopper-provider/src/HopperProvider.module.css/#css-module-data */
2019
- .HopperProvider-module__hop-HopperProvider___V57bd {
2196
+ .HopperProvider-module__hop-HopperProvider___d2-FG {
2020
2197
  font-family: var(--hop-body-md-font-family);
2021
2198
  font-size: var(--hop-body-md-font-size);
2022
2199
  font-weight: var(--hop-body-md-font-weight);
@@ -2026,7 +2203,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2026
2203
  }
2027
2204
 
2028
2205
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/link/src/Link.module.css/#css-module-data */
2029
- .Link-module__hop-Link___wpopk {
2206
+ .Link-module__hop-Link___Jibxb {
2030
2207
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2031
2208
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2032
2209
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2086,130 +2263,130 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2086
2263
  outline: none;
2087
2264
  outline-offset: 0.125rem;
2088
2265
  }
2089
- :where(.Link-module__hop-Link___wpopk) {
2266
+ :where(.Link-module__hop-Link___Jibxb) {
2090
2267
  font-family: var(--font-family);
2091
2268
  font-size: var(--font-size);
2092
2269
  font-weight: var(--font-weight);
2093
2270
  line-height: var(--line-height);
2094
2271
  }
2095
- :where(.Link-module__hop-Link--xs___aNep6) {
2272
+ :where(.Link-module__hop-Link--xs___4R08I) {
2096
2273
  --font-size: var(--hop-Link-xs-font-size);
2097
2274
  --font-family: var(--hop-Link-xs-font-family);
2098
2275
  --font-weight: var(--hop-Link-xs-font-weight);
2099
2276
  --line-height: var(--hop-Link-xs-line-height);
2100
2277
  }
2101
- :where(.Link-module__hop-Link--sm___xGDoN) {
2278
+ :where(.Link-module__hop-Link--sm___534Ki) {
2102
2279
  --font-size: var(--hop-Link-sm-font-size);
2103
2280
  --font-family: var(--hop-Link-sm-font-family);
2104
2281
  --font-weight: var(--hop-Link-sm-font-weight);
2105
2282
  --line-height: var(--hop-Link-sm-line-height);
2106
2283
  }
2107
- :where(.Link-module__hop-Link--md___PPF1-) {
2284
+ :where(.Link-module__hop-Link--md___grqfb) {
2108
2285
  --font-size: var(--hop-Link-md-font-size);
2109
2286
  --font-family: var(--hop-Link-md-font-family);
2110
2287
  --font-weight: var(--hop-Link-md-font-weight);
2111
2288
  --line-height: var(--hop-Link-md-line-height);
2112
2289
  }
2113
- :where(.Link-module__hop-Link--lg___h6IR3) {
2290
+ :where(.Link-module__hop-Link--lg___8WNxk) {
2114
2291
  --font-size: var(--hop-Link-lg-font-size);
2115
2292
  --font-family: var(--hop-Link-lg-font-family);
2116
2293
  --font-weight: var(--hop-Link-lg-font-weight);
2117
2294
  --line-height: var(--hop-Link-lg-line-height);
2118
2295
  }
2119
- :where(.Link-module__hop-Link--xl___4ER9H) {
2296
+ :where(.Link-module__hop-Link--xl___S5TSO) {
2120
2297
  --font-size: var(--hop-Link-xl-font-size);
2121
2298
  --font-family: var(--hop-Link-xl-font-family);
2122
2299
  --font-weight: var(--hop-Link-xl-font-weight);
2123
2300
  --line-height: var(--hop-Link-xl-line-height);
2124
2301
  }
2125
- :where(.Link-module__hop-Link--2xl___70ZO5) {
2302
+ :where(.Link-module__hop-Link--2xl___I5-9q) {
2126
2303
  --font-size: var(--hop-Link-2xl-font-size);
2127
2304
  --font-family: var(--hop-Link-2xl-font-family);
2128
2305
  --font-weight: var(--hop-Link-2xl-font-weight);
2129
2306
  --line-height: var(--hop-Link-2xl-line-height);
2130
2307
  }
2131
- :where(.Link-module__hop-Link--inherit___M4jaV) {
2308
+ :where(.Link-module__hop-Link--inherit___9xZUh) {
2132
2309
  --font-size: var(--hop-Link-inherit-size-font-size);
2133
2310
  --font-family: var(--hop-Link-inherit-size-font-family);
2134
2311
  --font-weight: var(--hop-Link-inherit-size-font-weight);
2135
2312
  --line-height: var(--hop-Link-inherit-size-line-height);
2136
2313
  }
2137
- .Link-module__hop-Link___wpopk[data-focus-visible] {
2314
+ .Link-module__hop-Link___Jibxb[data-focus-visible] {
2138
2315
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2139
2316
  }
2140
- .Link-module__hop-Link___wpopk[data-disabled] {
2317
+ .Link-module__hop-Link___Jibxb[data-disabled] {
2141
2318
  cursor: default;
2142
2319
  }
2143
- .Link-module__hop-Link--standalone___P1yGq .Link-module__hop-Link__text___cN3Uw {
2320
+ .Link-module__hop-Link--standalone___FQaY5 .Link-module__hop-Link__text___A-OPA {
2144
2321
  padding: var(--hop-Link-padding-standalone);
2145
2322
  }
2146
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--xs___aNep6 .Link-module__hop-Link__text___cN3Uw {
2323
+ .Link-module__hop-Link--standalone___FQaY5.Link-module__hop-Link--xs___4R08I .Link-module__hop-Link__text___A-OPA {
2147
2324
  padding: var(--hop-Link-padding-standalone-xs);
2148
2325
  }
2149
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--sm___xGDoN .Link-module__hop-Link__text___cN3Uw {
2326
+ .Link-module__hop-Link--standalone___FQaY5.Link-module__hop-Link--sm___534Ki .Link-module__hop-Link__text___A-OPA {
2150
2327
  padding: var(--hop-Link-padding-standalone-sm);
2151
2328
  }
2152
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--md___PPF1- .Link-module__hop-Link__text___cN3Uw {
2329
+ .Link-module__hop-Link--standalone___FQaY5.Link-module__hop-Link--md___grqfb .Link-module__hop-Link__text___A-OPA {
2153
2330
  padding: var(--hop-Link-padding-standalone-md);
2154
2331
  }
2155
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--lg___h6IR3 .Link-module__hop-Link__text___cN3Uw {
2332
+ .Link-module__hop-Link--standalone___FQaY5.Link-module__hop-Link--lg___8WNxk .Link-module__hop-Link__text___A-OPA {
2156
2333
  padding: var(--hop-Link-padding-standalone-lg);
2157
2334
  }
2158
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--xl___4ER9H .Link-module__hop-Link__text___cN3Uw {
2335
+ .Link-module__hop-Link--standalone___FQaY5.Link-module__hop-Link--xl___S5TSO .Link-module__hop-Link__text___A-OPA {
2159
2336
  padding: var(--hop-Link-padding-standalone-xl);
2160
2337
  }
2161
- .Link-module__hop-Link--standalone___P1yGq.Link-module__hop-Link--2xl___70ZO5 .Link-module__hop-Link__text___cN3Uw {
2338
+ .Link-module__hop-Link--standalone___FQaY5.Link-module__hop-Link--2xl___I5-9q .Link-module__hop-Link__text___A-OPA {
2162
2339
  padding: var(--hop-Link-padding-standalone-2xl);
2163
2340
  }
2164
- .Link-module__hop-Link--quiet___wyz1d[data-focus-visible],
2165
- .Link-module__hop-Link--quiet___wyz1d[data-hovered],
2166
- .Link-module__hop-Link--standalone___P1yGq[data-focus-visible],
2167
- .Link-module__hop-Link--standalone___P1yGq[data-hovered] {
2341
+ .Link-module__hop-Link--quiet___invGI[data-focus-visible],
2342
+ .Link-module__hop-Link--quiet___invGI[data-hovered],
2343
+ .Link-module__hop-Link--standalone___FQaY5[data-focus-visible],
2344
+ .Link-module__hop-Link--standalone___FQaY5[data-hovered] {
2168
2345
  text-decoration: underline;
2169
2346
  }
2170
- .Link-module__hop-Link___wpopk:not(.Link-module__hop-Link--quiet___wyz1d, .Link-module__hop-Link--standalone___P1yGq) {
2347
+ .Link-module__hop-Link___Jibxb:not(.Link-module__hop-Link--quiet___invGI, .Link-module__hop-Link--standalone___FQaY5) {
2171
2348
  text-decoration: underline;
2172
2349
  }
2173
- .Link-module__hop-Link--primary___23P65 {
2350
+ .Link-module__hop-Link--primary___guvdP {
2174
2351
  color: var(--hop-Link-primary-text-color);
2175
2352
  }
2176
- .Link-module__hop-Link--primary___23P65[data-disabled] {
2353
+ .Link-module__hop-Link--primary___guvdP[data-disabled] {
2177
2354
  color: var(--hop-Link-primary-text-disabled-color);
2178
2355
  }
2179
- .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-focus-visible],
2180
- .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-hovered] {
2356
+ .Link-module__hop-Link--primary___guvdP:not([data-disabled])[data-focus-visible],
2357
+ .Link-module__hop-Link--primary___guvdP:not([data-disabled])[data-hovered] {
2181
2358
  color: var(--hop-Link-primary-text-hover-color);
2182
2359
  }
2183
- .Link-module__hop-Link--primary___23P65:not([data-disabled])[data-pressed] {
2360
+ .Link-module__hop-Link--primary___guvdP:not([data-disabled])[data-pressed] {
2184
2361
  color: var(--hop-Link-primary-text-pressed-color);
2185
2362
  }
2186
- .Link-module__hop-Link--secondary___5biyI {
2363
+ .Link-module__hop-Link--secondary___GJ1V6 {
2187
2364
  color: var(--hop-Link-neutral-text-color);
2188
2365
  }
2189
- .Link-module__hop-Link--secondary___5biyI[data-disabled] {
2366
+ .Link-module__hop-Link--secondary___GJ1V6[data-disabled] {
2190
2367
  color: var(--hop-Link-neutral-text-disabled-color);
2191
2368
  }
2192
- .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-focus-visible],
2193
- .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-hovered] {
2369
+ .Link-module__hop-Link--secondary___GJ1V6:not([data-disabled])[data-focus-visible],
2370
+ .Link-module__hop-Link--secondary___GJ1V6:not([data-disabled])[data-hovered] {
2194
2371
  color: var(--hop-Link-neutral-text-hover-color);
2195
2372
  }
2196
- .Link-module__hop-Link--secondary___5biyI:not([data-disabled])[data-pressed] {
2373
+ .Link-module__hop-Link--secondary___GJ1V6:not([data-disabled])[data-pressed] {
2197
2374
  color: var(--hop-Link-neutral-text-pressed-color);
2198
2375
  }
2199
- .Link-module__hop-Link__icon___OO3s-,
2200
- .Link-module__hop-Link__icon-list___oV6ff {
2376
+ .Link-module__hop-Link__icon___4Rbbg,
2377
+ .Link-module__hop-Link__icon-list___Ofehw {
2201
2378
  order: 2;
2202
2379
  }
2203
- .Link-module__hop-Link__text___cN3Uw {
2380
+ .Link-module__hop-Link__text___A-OPA {
2204
2381
  order: 1;
2205
2382
  }
2206
- .Link-module__hop-Link__start-icon___ZF3vH,
2207
- .Link-module__hop-Link__start-icon-list___eQ4MF {
2383
+ .Link-module__hop-Link__start-icon___53Fdo,
2384
+ .Link-module__hop-Link__start-icon-list___TDLuE {
2208
2385
  order: 0;
2209
2386
  }
2210
2387
 
2211
2388
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
2212
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD {
2389
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0 {
2213
2390
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
2214
2391
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
2215
2392
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -2239,47 +2416,54 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2239
2416
  color: var(--hop-RichIconAvatarImage-icon-color);
2240
2417
  background-color: var(--background-color);
2241
2418
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
2419
+ outline: none;
2242
2420
  }
2243
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___yY25s {
2421
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___n56nV {
2244
2422
  --size: var(--hop-RichIconAvatarImage-xs-size);
2245
2423
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
2246
2424
  }
2247
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___s9gt3 {
2425
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___GtxLW {
2248
2426
  --size: var(--hop-RichIconAvatarImage-sm-size);
2249
2427
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
2250
2428
  }
2251
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yjzu3 {
2429
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___55n6O {
2252
2430
  --size: var(--hop-RichIconAvatarImage-md-size);
2253
2431
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
2254
2432
  }
2255
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___uFEcX {
2433
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___XSUP6 {
2256
2434
  --size: var(--hop-RichIconAvatarImage-lg-size);
2257
2435
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
2258
2436
  }
2259
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___66GKw {
2437
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___crKsY {
2260
2438
  --size: var(--hop-RichIconAvatarImage-xl-size);
2261
2439
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
2262
2440
  }
2263
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___HUWNK {
2441
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___51LJs {
2264
2442
  --size: var(--hop-RichIconAvatarImage-2xl-size);
2265
2443
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
2266
2444
  }
2267
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] {
2445
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___3E8Wu {
2446
+ cursor: pointer;
2447
+ }
2448
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___IUbHD {
2449
+ outline: 0.125rem solid var(--hop-primary-border-focus);
2450
+ }
2451
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0[data-disabled] {
2268
2452
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
2269
2453
  }
2270
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
2454
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___NWysm {
2271
2455
  position: relative;
2272
2456
  display: block;
2273
2457
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2274
2458
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
2275
2459
  }
2276
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___eQibD[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8zbtg {
2460
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___NWysm {
2277
2461
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
2278
2462
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
2279
2463
  }
2280
2464
 
2281
2465
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
2282
- .Avatar-module__hop-Avatar___uaqDg {
2466
+ .Avatar-module__hop-Avatar___Bqcxp {
2283
2467
  --hop-Avatar-border-radius: var(--hop-shape-circle);
2284
2468
  --hop-Avatar-mix-blend-mode: normal;
2285
2469
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -2323,68 +2507,75 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2323
2507
  color: var(--text-color, var(--hop-neutral-text));
2324
2508
  background-color: var(--background-color, transparent);
2325
2509
  border-radius: var(--hop-Avatar-border-radius);
2510
+ outline: none;
2326
2511
  }
2327
- .Avatar-module__hop-Avatar--xs___JnxQL {
2512
+ .Avatar-module__hop-Avatar--xs___IyJCA {
2328
2513
  --size: var(--hop-Avatar-xs-size);
2329
2514
  }
2330
- .Avatar-module__hop-Avatar--sm___wGq1I {
2515
+ .Avatar-module__hop-Avatar--sm___r4xF8 {
2331
2516
  --size: var(--hop-Avatar-sm-size);
2332
2517
  }
2333
- .Avatar-module__hop-Avatar--md___RIHVc {
2518
+ .Avatar-module__hop-Avatar--md___mtWFP {
2334
2519
  --size: var(--hop-Avatar-md-size);
2335
2520
  }
2336
- .Avatar-module__hop-Avatar--lg___BoomX {
2521
+ .Avatar-module__hop-Avatar--lg___6-6BA {
2337
2522
  --size: var(--hop-Avatar-lg-size);
2338
2523
  }
2339
- .Avatar-module__hop-Avatar--xl___9-mvF {
2524
+ .Avatar-module__hop-Avatar--xl___tLhE9 {
2340
2525
  --size: var(--hop-Avatar-xl-size);
2341
2526
  }
2342
- .Avatar-module__hop-Avatar--2xl___YOeDn {
2527
+ .Avatar-module__hop-Avatar--2xl___-1-91 {
2343
2528
  --size: var(--hop-Avatar-2xl-size);
2344
2529
  }
2345
- .Avatar-module__hop-Avatar--decorative-option1___Yg1OM {
2530
+ .Avatar-module__hop-Avatar--clickable___c-Exr {
2531
+ cursor: pointer;
2532
+ }
2533
+ .Avatar-module__hop-Avatar--focus-visible___LPIIY {
2534
+ outline: 0.125rem solid var(--hop-primary-border-focus);
2535
+ }
2536
+ .Avatar-module__hop-Avatar--decorative-option1___aLAmD {
2346
2537
  --background-color: var(--hop-Avatar-decorative-1-background-color);
2347
2538
  --text-color: var(--hop-Avatar-decorative-1-text-color);
2348
2539
  }
2349
- .Avatar-module__hop-Avatar--decorative-option2___2KiOH {
2540
+ .Avatar-module__hop-Avatar--decorative-option2___I7y-X {
2350
2541
  --background-color: var(--hop-Avatar-decorative-2-background-color);
2351
2542
  --text-color: var(--hop-Avatar-decorative-2-text-color);
2352
2543
  }
2353
- .Avatar-module__hop-Avatar--decorative-option3___S-tqo {
2544
+ .Avatar-module__hop-Avatar--decorative-option3___OACgi {
2354
2545
  --background-color: var(--hop-Avatar-decorative-3-background-color);
2355
2546
  --text-color: var(--hop-Avatar-decorative-3-text-color);
2356
2547
  }
2357
- .Avatar-module__hop-Avatar--decorative-option4___1bTKD {
2548
+ .Avatar-module__hop-Avatar--decorative-option4___-fghS {
2358
2549
  --background-color: var(--hop-Avatar-decorative-4-background-color);
2359
2550
  --text-color: var(--hop-Avatar-decorative-4-text-color);
2360
2551
  }
2361
- .Avatar-module__hop-Avatar--decorative-option5___dIVH6 {
2552
+ .Avatar-module__hop-Avatar--decorative-option5___lPQMu {
2362
2553
  --background-color: var(--hop-Avatar-decorative-5-background-color);
2363
2554
  --text-color: var(--hop-Avatar-decorative-5-text-color);
2364
2555
  }
2365
- .Avatar-module__hop-Avatar--decorative-option6___ku007 {
2556
+ .Avatar-module__hop-Avatar--decorative-option6___hQZdk {
2366
2557
  --background-color: var(--hop-Avatar-decorative-6-background-color);
2367
2558
  --text-color: var(--hop-Avatar-decorative-6-text-color);
2368
2559
  }
2369
- .Avatar-module__hop-Avatar--decorative-option7___sC-Le {
2560
+ .Avatar-module__hop-Avatar--decorative-option7___Gq2fZ {
2370
2561
  --background-color: var(--hop-Avatar-decorative-7-background-color);
2371
2562
  --text-color: var(--hop-Avatar-decorative-7-text-color);
2372
2563
  }
2373
- .Avatar-module__hop-Avatar--decorative-option8___QzRDL {
2564
+ .Avatar-module__hop-Avatar--decorative-option8___f8Egi {
2374
2565
  --background-color: var(--hop-Avatar-decorative-8-background-color);
2375
2566
  --text-color: var(--hop-Avatar-decorative-8-text-color);
2376
2567
  }
2377
- .Avatar-module__hop-Avatar--decorative-option9___-du9m {
2568
+ .Avatar-module__hop-Avatar--decorative-option9___9UBwK {
2378
2569
  --background-color: var(--hop-Avatar-decorative-9-background-color);
2379
2570
  --text-color: var(--hop-Avatar-decorative-9-text-color);
2380
2571
  }
2381
- .Avatar-module__hop-Avatar___uaqDg[data-disabled] {
2572
+ .Avatar-module__hop-Avatar___Bqcxp[data-disabled] {
2382
2573
  --background-color: var(--hop-Avatar-background-color-disabled);
2383
2574
  --text-color: var(--hop-Avatar-text-color-disabled);
2384
2575
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
2385
2576
  isolation: isolate;
2386
2577
  }
2387
- .Avatar-module__hop-Avatar__image___Wkz1L {
2578
+ .Avatar-module__hop-Avatar__image___JCQrb {
2388
2579
  position: relative;
2389
2580
  display: block;
2390
2581
  box-sizing: border-box;
@@ -2395,7 +2586,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2395
2586
  }
2396
2587
 
2397
2588
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
2398
- .Tooltip-module__hop-Tooltip___Q5E29 {
2589
+ .Tooltip-module__hop-Tooltip___RRVv4 {
2399
2590
  --hop-Tooltip-max-inline-size: 20rem;
2400
2591
  --hop-Tooltip-slide-amount: 0.25rem;
2401
2592
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -2422,29 +2613,29 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2422
2613
  border-radius: var(--hop-Tooltip-border-radius);
2423
2614
  box-shadow: var(--hop-Tooltip-box-shadow);
2424
2615
  }
2425
- .Tooltip-module__hop-Tooltip--top___hZc5W {
2616
+ .Tooltip-module__hop-Tooltip--top___wfnsy {
2426
2617
  --origin-x: 0;
2427
2618
  --origin-y: var(--hop-Tooltip-slide-amount);
2428
2619
  }
2429
- .Tooltip-module__hop-Tooltip--right___zD66s {
2620
+ .Tooltip-module__hop-Tooltip--right___w3-Et {
2430
2621
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
2431
2622
  --origin-y: 0;
2432
2623
  }
2433
- .Tooltip-module__hop-Tooltip--bottom___MLy5R {
2624
+ .Tooltip-module__hop-Tooltip--bottom___CysUB {
2434
2625
  --origin-x: 0;
2435
2626
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
2436
2627
  }
2437
- .Tooltip-module__hop-Tooltip--left___keFSC {
2628
+ .Tooltip-module__hop-Tooltip--left___uB6r4 {
2438
2629
  --origin-x: var(--hop-Tooltip-slide-amount);
2439
2630
  --origin-y: 0;
2440
2631
  }
2441
- .Tooltip-module__hop-Tooltip___Q5E29[data-entering] {
2442
- animation: Tooltip-module__slide___wmKJ7 0.2s ease-out;
2632
+ .Tooltip-module__hop-Tooltip___RRVv4[data-entering] {
2633
+ animation: Tooltip-module__slide___-bj4s 0.2s ease-out;
2443
2634
  }
2444
- .Tooltip-module__hop-Tooltip___Q5E29[data-exiting] {
2445
- animation: Tooltip-module__slide___wmKJ7 0.2s ease-in reverse;
2635
+ .Tooltip-module__hop-Tooltip___RRVv4[data-exiting] {
2636
+ animation: Tooltip-module__slide___-bj4s 0.2s ease-in reverse;
2446
2637
  }
2447
- @keyframes Tooltip-module__slide___wmKJ7 {
2638
+ @keyframes Tooltip-module__slide___-bj4s {
2448
2639
  from {
2449
2640
  transform: translate(var(--origin-x), var(--origin-y));
2450
2641
  opacity: 0;
@@ -2456,44 +2647,44 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2456
2647
  }
2457
2648
 
2458
2649
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
2459
- .AvatarGroup-module__hop-AvatarGroup___K3-Xc {
2650
+ .AvatarGroup-module__hop-AvatarGroup___dlzsl {
2460
2651
  --hop-AvatarGroup-display: flex;
2461
2652
  --hop-AvatarGroup-align-items: center;
2462
2653
  display: var(--hop-AvatarGroup-display);
2463
2654
  align-items: var(--hop-AvatarGroup-align-items);
2464
2655
  }
2465
- .AvatarGroup-module__hop-AvatarGroup--wrap___3x9cZ {
2656
+ .AvatarGroup-module__hop-AvatarGroup--wrap___ZAEFP {
2466
2657
  flex-wrap: wrap;
2467
2658
  }
2468
- .AvatarGroup-module__hop-AvatarGroup--xs___o-7s9 {
2659
+ .AvatarGroup-module__hop-AvatarGroup--xs___FZWxk {
2469
2660
  --gap: -0.125rem;
2470
2661
  }
2471
- .AvatarGroup-module__hop-AvatarGroup--sm___uH6T5 {
2662
+ .AvatarGroup-module__hop-AvatarGroup--sm___bfUpq {
2472
2663
  --gap: -0.25rem;
2473
2664
  }
2474
- .AvatarGroup-module__hop-AvatarGroup--md___Zy1Ew {
2665
+ .AvatarGroup-module__hop-AvatarGroup--md___PqhA7 {
2475
2666
  --gap: -0.5rem;
2476
2667
  }
2477
- .AvatarGroup-module__hop-AvatarGroup--lg___NyOR1 {
2668
+ .AvatarGroup-module__hop-AvatarGroup--lg___JZ8a1 {
2478
2669
  --gap: -1rem;
2479
2670
  }
2480
- .AvatarGroup-module__hop-AvatarGroup--xl___iJYCU {
2671
+ .AvatarGroup-module__hop-AvatarGroup--xl___gOVPg {
2481
2672
  --gap: -1rem;
2482
2673
  }
2483
- .AvatarGroup-module__hop-AvatarGroup--2xl___8N1wd {
2674
+ .AvatarGroup-module__hop-AvatarGroup--2xl___5Tsy4 {
2484
2675
  --gap: -2rem;
2485
2676
  }
2486
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
2677
+ .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu {
2487
2678
  margin-inline-start: var(--gap);
2488
2679
  transition: margin var(--hop-easing-duration-2);
2489
2680
  }
2490
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY {
2681
+ .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu {
2491
2682
  margin-inline-start: 0;
2492
2683
  }
2493
- .AvatarGroup-module__hop-AvatarGroup__avatar___bs8gY:first-child {
2684
+ .AvatarGroup-module__hop-AvatarGroup__avatar___HSXNu:first-child {
2494
2685
  margin-inline-start: 0;
2495
2686
  }
2496
- .AvatarGroup-module__hop-AvatarGroup__label___zX5og {
2687
+ .AvatarGroup-module__hop-AvatarGroup__label___xIZF4 {
2497
2688
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
2498
2689
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
2499
2690
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -2505,7 +2696,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2505
2696
  font-weight: var(--hop-AvatarGroup-label-font-weight);
2506
2697
  line-height: var(--hop-AvatarGroup-label-line-height);
2507
2698
  }
2508
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc {
2699
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___obuPz {
2509
2700
  --hop-AvatarGroup__hiddenAvatar-display: flex;
2510
2701
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
2511
2702
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -2523,21 +2714,21 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2523
2714
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
2524
2715
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
2525
2716
  }
2526
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___pfgwc:not(:last-child) {
2717
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___obuPz:not(:last-child) {
2527
2718
  margin-block-end: 0.25rem;
2528
2719
  }
2529
- .AvatarGroup-module__hop-AvatarGroup--start___Ac8GU {
2720
+ .AvatarGroup-module__hop-AvatarGroup--start___6-t5g {
2530
2721
  justify-content: flex-start;
2531
2722
  }
2532
- .AvatarGroup-module__hop-AvatarGroup--end___va99C {
2723
+ .AvatarGroup-module__hop-AvatarGroup--end___IsI0k {
2533
2724
  justify-content: flex-end;
2534
2725
  }
2535
- .AvatarGroup-module__hop-AvatarGroup--center___hf7Gl {
2726
+ .AvatarGroup-module__hop-AvatarGroup--center___FnHJz {
2536
2727
  justify-content: center;
2537
2728
  }
2538
2729
 
2539
2730
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
2540
- .Badge-module__hop-Badge___Em6Ee {
2731
+ .Badge-module__hop-Badge___0H4dD {
2541
2732
  --hop-Badge-height: 1.5rem;
2542
2733
  --hop-Badge-width: max-content;
2543
2734
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -2587,67 +2778,67 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2587
2778
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
2588
2779
  border-radius: var(--border-radius);
2589
2780
  }
2590
- .Badge-module__hop-Badge--primary___2xcfI {
2781
+ .Badge-module__hop-Badge--primary___4kER1 {
2591
2782
  --background-color: var(--hop-Badge-primary-background-color);
2592
2783
  --text-color: var(--hop-Badge-primary-text-color);
2593
2784
  }
2594
- .Badge-module__hop-Badge--primary___2xcfI[data-hovered] {
2785
+ .Badge-module__hop-Badge--primary___4kER1[data-hovered] {
2595
2786
  --background-color: var(--hop-Badge-primary-background-color-hovered);
2596
2787
  --text-color: var(--hop-Badge-primary-text-color-hovered);
2597
2788
  }
2598
- .Badge-module__hop-Badge--primary___2xcfI[data-pressed] {
2789
+ .Badge-module__hop-Badge--primary___4kER1[data-pressed] {
2599
2790
  --background-color: var(--hop-Badge-primary-background-color-pressed);
2600
2791
  --text-color: var(--hop-Badge-primary-text-color-pressed);
2601
2792
  }
2602
- .Badge-module__hop-Badge--primary___2xcfI[data-selected] {
2793
+ .Badge-module__hop-Badge--primary___4kER1[data-selected] {
2603
2794
  --background-color: var(--hop-Badge-primary-background-color-selected);
2604
2795
  --text-color: var(--hop-Badge-primary-text-color-selected);
2605
2796
  }
2606
- .Badge-module__hop-Badge--secondary___O77eV {
2797
+ .Badge-module__hop-Badge--secondary___IqWhz {
2607
2798
  --background-color: var(--hop-Badge-secondary-background-color);
2608
2799
  --text-color: var(--hop-Badge-secondary-text-color);
2609
2800
  }
2610
- .Badge-module__hop-Badge--secondary___O77eV[data-hovered] {
2801
+ .Badge-module__hop-Badge--secondary___IqWhz[data-hovered] {
2611
2802
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
2612
2803
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
2613
2804
  }
2614
- .Badge-module__hop-Badge--secondary___O77eV[data-pressed] {
2805
+ .Badge-module__hop-Badge--secondary___IqWhz[data-pressed] {
2615
2806
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
2616
2807
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
2617
2808
  }
2618
- .Badge-module__hop-Badge--secondary___O77eV[data-selected] {
2809
+ .Badge-module__hop-Badge--secondary___IqWhz[data-selected] {
2619
2810
  --background-color: var(--hop-Badge-secondary-background-color-selected);
2620
2811
  --text-color: var(--hop-Badge-secondary-text-color-selected);
2621
2812
  }
2622
- .Badge-module__hop-Badge--subdued___12tA7 {
2813
+ .Badge-module__hop-Badge--subdued___4WY3G {
2623
2814
  --background-color: var(--hop-Badge-subdued-background-color);
2624
2815
  --text-color: var(--hop-Badge-subdued-text-color);
2625
2816
  }
2626
- .Badge-module__hop-Badge--subdued___12tA7[data-hovered] {
2817
+ .Badge-module__hop-Badge--subdued___4WY3G[data-hovered] {
2627
2818
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
2628
2819
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
2629
2820
  }
2630
- .Badge-module__hop-Badge--subdued___12tA7[data-pressed] {
2821
+ .Badge-module__hop-Badge--subdued___4WY3G[data-pressed] {
2631
2822
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
2632
2823
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
2633
2824
  }
2634
- .Badge-module__hop-Badge--subdued___12tA7[data-selected] {
2825
+ .Badge-module__hop-Badge--subdued___4WY3G[data-selected] {
2635
2826
  --background-color: var(--hop-Badge-subdued-background-color-selected);
2636
2827
  --text-color: var(--hop-Badge-subdued-text-color-selected);
2637
2828
  }
2638
- .Badge-module__hop-Badge___Em6Ee[data-indeterminate] {
2829
+ .Badge-module__hop-Badge___0H4dD[data-indeterminate] {
2639
2830
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
2640
2831
  --height: var(--hop-Badge-indeterminate-height);
2641
2832
  --width: var(--hop-Badge-indeterminate-width);
2642
2833
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
2643
2834
  }
2644
- .Badge-module__hop-Badge___Em6Ee[data-disabled] {
2835
+ .Badge-module__hop-Badge___0H4dD[data-disabled] {
2645
2836
  --background-color: var(--hop-Badge-background-color-disabled);
2646
2837
  --text-color: var(--hop-Badge-text-color-disabled);
2647
2838
  }
2648
2839
 
2649
2840
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
2650
- .FloatingBadge-module__hop-FloatingBadge___4PqyD {
2841
+ .FloatingBadge-module__hop-FloatingBadge___NqGht {
2651
2842
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
2652
2843
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
2653
2844
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -2688,7 +2879,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2688
2879
  box-sizing: border-box;
2689
2880
  inline-size: max-content;
2690
2881
  }
2691
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"] {
2882
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top right"] {
2692
2883
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
2693
2884
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
2694
2885
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -2696,11 +2887,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2696
2887
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
2697
2888
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
2698
2889
  }
2699
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top right"][data-overlap=circular] {
2890
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top right"][data-overlap=circular] {
2700
2891
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
2701
2892
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
2702
2893
  }
2703
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"] {
2894
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top left"] {
2704
2895
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
2705
2896
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
2706
2897
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -2708,11 +2899,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2708
2899
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
2709
2900
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
2710
2901
  }
2711
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="top left"][data-overlap=circular] {
2902
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="top left"][data-overlap=circular] {
2712
2903
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
2713
2904
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
2714
2905
  }
2715
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"] {
2906
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom right"] {
2716
2907
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
2717
2908
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
2718
2909
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -2720,11 +2911,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2720
2911
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
2721
2912
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
2722
2913
  }
2723
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom right"][data-overlap=circular] {
2914
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom right"][data-overlap=circular] {
2724
2915
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
2725
2916
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
2726
2917
  }
2727
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"] {
2918
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom left"] {
2728
2919
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
2729
2920
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
2730
2921
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -2732,11 +2923,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2732
2923
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
2733
2924
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
2734
2925
  }
2735
- .FloatingBadge-module__hop-FloatingBadge___4PqyD[data-placement="bottom left"][data-overlap=circular] {
2926
+ .FloatingBadge-module__hop-FloatingBadge___NqGht[data-placement="bottom left"][data-overlap=circular] {
2736
2927
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
2737
2928
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
2738
2929
  }
2739
- .FloatingBadge-module__hop-FloatingBadge__badge___Ohl2E {
2930
+ .FloatingBadge-module__hop-FloatingBadge__badge___PjKsT {
2740
2931
  position: absolute;
2741
2932
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
2742
2933
  transform-origin: var(--badge-transform-origin);
@@ -2744,7 +2935,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2744
2935
  }
2745
2936
 
2746
2937
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
2747
- .Checkbox-module__hop-Checkbox___PKY27 {
2938
+ .Checkbox-module__hop-Checkbox___7S2pV {
2748
2939
  --hop-Checkbox-box-border-size: 0.0625rem;
2749
2940
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2750
2941
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2819,60 +3010,60 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2819
3010
  inline-size: max-content;
2820
3011
  max-inline-size: 100%;
2821
3012
  }
2822
- .Checkbox-module__hop-Checkbox___PKY27[data-focus-visible] {
3013
+ .Checkbox-module__hop-Checkbox___7S2pV[data-focus-visible] {
2823
3014
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2824
3015
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2825
3016
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2826
3017
  --text-color: var(--hop-Checkbox-text-color-focused);
2827
3018
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2828
3019
  }
2829
- .Checkbox-module__hop-Checkbox___PKY27[data-hovered] {
3020
+ .Checkbox-module__hop-Checkbox___7S2pV[data-hovered] {
2830
3021
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2831
3022
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2832
3023
  --text-color: var(--hop-Checkbox-text-color-hovered);
2833
3024
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2834
3025
  }
2835
- .Checkbox-module__hop-Checkbox___PKY27[data-pressed] {
3026
+ .Checkbox-module__hop-Checkbox___7S2pV[data-pressed] {
2836
3027
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2837
3028
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2838
3029
  --text-color: var(--hop-Checkbox-text-color-pressed);
2839
3030
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2840
3031
  }
2841
- .Checkbox-module__hop-Checkbox___PKY27[data-selected] {
3032
+ .Checkbox-module__hop-Checkbox___7S2pV[data-selected] {
2842
3033
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2843
3034
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2844
3035
  --check-display: var(--hop-Checkbox-check-display-selected);
2845
3036
  --text-color: var(--hop-Checkbox-text-color-selected);
2846
3037
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2847
3038
  }
2848
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid] {
3039
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid] {
2849
3040
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2850
3041
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2851
3042
  --check-color: var(--hop-Checkbox-check-color-invalid);
2852
3043
  --text-color: var(--hop-Checkbox-text-color-invalid);
2853
3044
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2854
3045
  }
2855
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-focus-visible]) {
3046
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-focus-visible]) {
2856
3047
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2857
3048
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2858
3049
  }
2859
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-hovered]) {
3050
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-hovered]) {
2860
3051
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2861
3052
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2862
3053
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2863
3054
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2864
3055
  }
2865
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-pressed]) {
3056
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-pressed]) {
2866
3057
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2867
3058
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2868
3059
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2869
3060
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2870
3061
  }
2871
- .Checkbox-module__hop-Checkbox___PKY27:where([data-invalid])[data-selected] {
3062
+ .Checkbox-module__hop-Checkbox___7S2pV:where([data-invalid])[data-selected] {
2872
3063
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2873
3064
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2874
3065
  }
2875
- .Checkbox-module__hop-Checkbox___PKY27[data-disabled] {
3066
+ .Checkbox-module__hop-Checkbox___7S2pV[data-disabled] {
2876
3067
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2877
3068
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2878
3069
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2880,25 +3071,25 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2880
3071
  --text-color: var(--hop-Checkbox-text-color-disabled);
2881
3072
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2882
3073
  }
2883
- .Checkbox-module__hop-Checkbox--sm___pzZoo {
3074
+ .Checkbox-module__hop-Checkbox--sm___Y5YIy {
2884
3075
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2885
3076
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2886
3077
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2887
3078
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2888
3079
  }
2889
- .Checkbox-module__hop-Checkbox--md___1Cy8q {
3080
+ .Checkbox-module__hop-Checkbox--md___MRlZB {
2890
3081
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2891
3082
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2892
3083
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2893
3084
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2894
3085
  }
2895
- .Checkbox-module__hop-Checkbox__icon___Thx7R,
2896
- .Checkbox-module__hop-Checkbox__icon-list___sZpPu {
3086
+ .Checkbox-module__hop-Checkbox__icon___V650-,
3087
+ .Checkbox-module__hop-Checkbox__icon-list___i85om {
2897
3088
  flex: 0 0 auto;
2898
3089
  order: 3;
2899
3090
  color: var(--icon-color);
2900
3091
  }
2901
- .Checkbox-module__hop-Checkbox__box___TyJS7 {
3092
+ .Checkbox-module__hop-Checkbox__box___sDhGl {
2902
3093
  display: flex;
2903
3094
  flex: 0 0 auto;
2904
3095
  align-items: center;
@@ -2914,11 +3105,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2914
3105
  outline-offset: 0.125rem;
2915
3106
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2916
3107
  }
2917
- .Checkbox-module__hop-Checkbox__check___r8gyX {
3108
+ .Checkbox-module__hop-Checkbox__check___nibRw {
2918
3109
  display: var(--check-display);
2919
3110
  color: var(--check-color);
2920
3111
  }
2921
- .Checkbox-module__hop-Checkbox__text___OtTLm {
3112
+ .Checkbox-module__hop-Checkbox__text___M-V4G {
2922
3113
  flex: 0 1 auto;
2923
3114
  order: 2;
2924
3115
  min-inline-size: 0;
@@ -2928,7 +3119,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2928
3119
  }
2929
3120
 
2930
3121
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
2931
- .CheckboxField-module__hop-CheckboxField___56543 {
3122
+ .CheckboxField-module__hop-CheckboxField___33GnN {
2932
3123
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
2933
3124
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
2934
3125
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2947,28 +3138,28 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2947
3138
  inline-size: max-content;
2948
3139
  max-inline-size: 100%;
2949
3140
  }
2950
- .CheckboxField-module__hop-CheckboxField___56543[data-disabled] {
3141
+ .CheckboxField-module__hop-CheckboxField___33GnN[data-disabled] {
2951
3142
  --description-color: var(--hop-CheckboxField-description-color-disabled);
2952
3143
  }
2953
- .CheckboxField-module__hop-CheckboxField--sm___6--P- {
3144
+ .CheckboxField-module__hop-CheckboxField--sm___twg1r {
2954
3145
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
2955
3146
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
2956
3147
  }
2957
- .CheckboxField-module__hop-CheckboxField--md___sveE6 {
3148
+ .CheckboxField-module__hop-CheckboxField--md___Fu-ms {
2958
3149
  --row-gap: var(--hop-CheckboxField-md-row-gap);
2959
3150
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
2960
3151
  }
2961
- .CheckboxField-module__hop-CheckboxField__description___TCoFR {
3152
+ .CheckboxField-module__hop-CheckboxField__description___vTnU- {
2962
3153
  order: 2;
2963
3154
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
2964
3155
  color: var(--description-color);
2965
3156
  }
2966
- .CheckboxField-module__hop-CheckboxField__checkbox___TzGvU {
3157
+ .CheckboxField-module__hop-CheckboxField__checkbox___GZFYU {
2967
3158
  order: 1;
2968
3159
  }
2969
3160
 
2970
3161
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
2971
- .ErrorMessage-module__hop-ErrorMessage___3njVF {
3162
+ .ErrorMessage-module__hop-ErrorMessage___pZkT- {
2972
3163
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2973
3164
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2974
3165
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2985,13 +3176,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
2985
3176
  line-height: var(--hop-ErrorMessage-line-height);
2986
3177
  color: var(--hop-ErrorMessage-color);
2987
3178
  }
2988
- .ErrorMessage-module__hop-ErrorMessage__icon___2fFUX {
3179
+ .ErrorMessage-module__hop-ErrorMessage__icon___yKOjv {
2989
3180
  flex: 0 0 auto;
2990
3181
  align-self: flex-start;
2991
3182
  }
2992
3183
 
2993
3184
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
2994
- .HelperMessage-module__hop-HelperMessage___WKq74 {
3185
+ .HelperMessage-module__hop-HelperMessage___0sc5H {
2995
3186
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2996
3187
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2997
3188
  display: flex;
@@ -3000,13 +3191,13 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3000
3191
  box-sizing: border-box;
3001
3192
  color: var(--hop-HelperMessage-color);
3002
3193
  }
3003
- .HelperMessage-module__hop-HelperMessage__icon___qM-Le {
3194
+ .HelperMessage-module__hop-HelperMessage__icon___ubzj5 {
3004
3195
  flex: 0 0 auto;
3005
3196
  align-self: flex-start;
3006
3197
  }
3007
3198
 
3008
3199
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
3009
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t {
3200
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4 {
3010
3201
  --hop-CheckboxGroup-align-items: flex-start;
3011
3202
  --hop-CheckboxGroup-justify-content: flex-start;
3012
3203
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3045,46 +3236,46 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3045
3236
  inline-size: max-content;
3046
3237
  max-inline-size: 100%;
3047
3238
  }
3048
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL {
3239
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5 {
3049
3240
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
3050
3241
  --list-border-radius: var(--hop-shape-rounded-md);
3051
3242
  }
3052
- .CheckboxGroup-module__hop-CheckboxGroup--sm___-uiNP {
3243
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___aDuEE {
3053
3244
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
3054
3245
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
3055
3246
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
3056
3247
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
3057
3248
  }
3058
- .CheckboxGroup-module__hop-CheckboxGroup--md___uuVM2 {
3249
+ .CheckboxGroup-module__hop-CheckboxGroup--md___kb4Zt {
3059
3250
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
3060
3251
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
3061
3252
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
3062
3253
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
3063
3254
  }
3064
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL.CheckboxGroup-module__hop-CheckboxGroup--sm___-uiNP {
3255
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5.CheckboxGroup-module__hop-CheckboxGroup--sm___aDuEE {
3065
3256
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
3066
3257
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
3067
3258
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
3068
3259
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
3069
3260
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
3070
3261
  }
3071
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL.CheckboxGroup-module__hop-CheckboxGroup--md___uuVM2 {
3262
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5.CheckboxGroup-module__hop-CheckboxGroup--md___kb4Zt {
3072
3263
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
3073
3264
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
3074
3265
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
3075
3266
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
3076
3267
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
3077
3268
  }
3078
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t[data-orientation=horizontal] {
3269
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4[data-orientation=horizontal] {
3079
3270
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
3080
3271
  }
3081
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL[data-orientation=horizontal] {
3272
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5[data-orientation=horizontal] {
3082
3273
  --flex-wrap: nowrap;
3083
3274
  }
3084
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__label___U2dUJ {
3275
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4 > .CheckboxGroup-module__hop-CheckboxGroup__label___ihFR4 {
3085
3276
  order: 1;
3086
3277
  }
3087
- .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij {
3278
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu {
3088
3279
  display: flex;
3089
3280
  flex-flow: var(--flex-direction) var(--flex-wrap);
3090
3281
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3095,7 +3286,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3095
3286
  border: var(--list-border, none);
3096
3287
  border-radius: var(--list-border-radius, 0);
3097
3288
  }
3098
- .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 {
3289
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5 {
3099
3290
  position: relative;
3100
3291
  flex: 0 1 auto;
3101
3292
  align-content: start;
@@ -3103,28 +3294,28 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3103
3294
  min-inline-size: 0;
3104
3295
  padding: var(--checkbox-padding, 0);
3105
3296
  }
3106
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9::before {
3297
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5 .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5::before {
3107
3298
  content: "";
3108
3299
  position: absolute;
3109
3300
  display: block;
3110
3301
  }
3111
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9::before {
3302
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5::before {
3112
3303
  inset-block-start: 0;
3113
3304
  inset-inline: 0;
3114
3305
  border-block-start: var(--list-border, none);
3115
3306
  }
3116
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___9IbqL[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___7d2ij > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tBVZ9::before {
3307
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___FgGc5[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Tnhuu > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Cz4x5::before {
3117
3308
  inset-block: 0;
3118
3309
  inset-inline-start: 0;
3119
3310
  border-inline-start: var(--list-border, none);
3120
3311
  }
3121
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__error-message___TZxJY,
3122
- .CheckboxGroup-module__hop-CheckboxGroup___CwX4t > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___W6fZU {
3312
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___W7M6Y,
3313
+ .CheckboxGroup-module__hop-CheckboxGroup___pNNn4 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___IqqRV {
3123
3314
  order: 3;
3124
3315
  }
3125
3316
 
3126
3317
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
3127
- .Checkbox-module__hop-Checkbox___PKY27 {
3318
+ .Checkbox-module__hop-Checkbox___7S2pV {
3128
3319
  --hop-Checkbox-box-border-size: 0.0625rem;
3129
3320
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
3130
3321
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -3199,60 +3390,60 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3199
3390
  inline-size: max-content;
3200
3391
  max-inline-size: 100%;
3201
3392
  }
3202
- .Checkbox-module__hop-Checkbox___PKY27[data-focus-visible] {
3393
+ .Checkbox-module__hop-Checkbox___7S2pV[data-focus-visible] {
3203
3394
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
3204
3395
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
3205
3396
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
3206
3397
  --text-color: var(--hop-Checkbox-text-color-focused);
3207
3398
  --icon-color: var(--hop-Checkbox-icon-color-focused);
3208
3399
  }
3209
- .Checkbox-module__hop-Checkbox___PKY27[data-hovered] {
3400
+ .Checkbox-module__hop-Checkbox___7S2pV[data-hovered] {
3210
3401
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
3211
3402
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
3212
3403
  --text-color: var(--hop-Checkbox-text-color-hovered);
3213
3404
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
3214
3405
  }
3215
- .Checkbox-module__hop-Checkbox___PKY27[data-pressed] {
3406
+ .Checkbox-module__hop-Checkbox___7S2pV[data-pressed] {
3216
3407
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
3217
3408
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
3218
3409
  --text-color: var(--hop-Checkbox-text-color-pressed);
3219
3410
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
3220
3411
  }
3221
- .Checkbox-module__hop-Checkbox___PKY27[data-selected] {
3412
+ .Checkbox-module__hop-Checkbox___7S2pV[data-selected] {
3222
3413
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
3223
3414
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
3224
3415
  --check-display: var(--hop-Checkbox-check-display-selected);
3225
3416
  --text-color: var(--hop-Checkbox-text-color-selected);
3226
3417
  --icon-color: var(--hop-Checkbox-icon-color-selected);
3227
3418
  }
3228
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid] {
3419
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid] {
3229
3420
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
3230
3421
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
3231
3422
  --check-color: var(--hop-Checkbox-check-color-invalid);
3232
3423
  --text-color: var(--hop-Checkbox-text-color-invalid);
3233
3424
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
3234
3425
  }
3235
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-focus-visible]) {
3426
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-focus-visible]) {
3236
3427
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
3237
3428
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
3238
3429
  }
3239
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-hovered]) {
3430
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-hovered]) {
3240
3431
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
3241
3432
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
3242
3433
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
3243
3434
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
3244
3435
  }
3245
- .Checkbox-module__hop-Checkbox___PKY27[data-invalid]:where([data-pressed]) {
3436
+ .Checkbox-module__hop-Checkbox___7S2pV[data-invalid]:where([data-pressed]) {
3246
3437
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
3247
3438
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
3248
3439
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
3249
3440
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
3250
3441
  }
3251
- .Checkbox-module__hop-Checkbox___PKY27:where([data-invalid])[data-selected] {
3442
+ .Checkbox-module__hop-Checkbox___7S2pV:where([data-invalid])[data-selected] {
3252
3443
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
3253
3444
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
3254
3445
  }
3255
- .Checkbox-module__hop-Checkbox___PKY27[data-disabled] {
3446
+ .Checkbox-module__hop-Checkbox___7S2pV[data-disabled] {
3256
3447
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
3257
3448
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
3258
3449
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -3260,25 +3451,25 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3260
3451
  --text-color: var(--hop-Checkbox-text-color-disabled);
3261
3452
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
3262
3453
  }
3263
- .Checkbox-module__hop-Checkbox--sm___pzZoo {
3454
+ .Checkbox-module__hop-Checkbox--sm___Y5YIy {
3264
3455
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
3265
3456
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
3266
3457
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
3267
3458
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
3268
3459
  }
3269
- .Checkbox-module__hop-Checkbox--md___1Cy8q {
3460
+ .Checkbox-module__hop-Checkbox--md___MRlZB {
3270
3461
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
3271
3462
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
3272
3463
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
3273
3464
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
3274
3465
  }
3275
- .Checkbox-module__hop-Checkbox__icon___Thx7R,
3276
- .Checkbox-module__hop-Checkbox__icon-list___sZpPu {
3466
+ .Checkbox-module__hop-Checkbox__icon___V650-,
3467
+ .Checkbox-module__hop-Checkbox__icon-list___i85om {
3277
3468
  flex: 0 0 auto;
3278
3469
  order: 3;
3279
3470
  color: var(--icon-color);
3280
3471
  }
3281
- .Checkbox-module__hop-Checkbox__box___TyJS7 {
3472
+ .Checkbox-module__hop-Checkbox__box___sDhGl {
3282
3473
  display: flex;
3283
3474
  flex: 0 0 auto;
3284
3475
  align-items: center;
@@ -3294,11 +3485,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3294
3485
  outline-offset: 0.125rem;
3295
3486
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3296
3487
  }
3297
- .Checkbox-module__hop-Checkbox__check___r8gyX {
3488
+ .Checkbox-module__hop-Checkbox__check___nibRw {
3298
3489
  display: var(--check-display);
3299
3490
  color: var(--check-color);
3300
3491
  }
3301
- .Checkbox-module__hop-Checkbox__text___OtTLm {
3492
+ .Checkbox-module__hop-Checkbox__text___M-V4G {
3302
3493
  flex: 0 1 auto;
3303
3494
  order: 2;
3304
3495
  min-inline-size: 0;
@@ -3306,24 +3497,24 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3306
3497
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
3307
3498
  color: var(--text-color);
3308
3499
  }
3309
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___ltNWu {
3500
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___rHr0I {
3310
3501
  }
3311
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___q1ZI3 {
3502
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___gP5o5 {
3312
3503
  }
3313
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___c-J-V {
3504
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___6FJrV {
3314
3505
  }
3315
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___ygQrT,
3316
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___MDkVD {
3506
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___b7n1Q,
3507
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___fWgsV {
3317
3508
  }
3318
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___JwBJ8 {
3509
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___c4zbl {
3319
3510
  }
3320
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___82euF {
3511
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___gLBEx {
3321
3512
  }
3322
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___VQlPm {
3513
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___ZZZ1t {
3323
3514
  }
3324
3515
 
3325
3516
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3326
- .Radio-module__hop-Radio___Jz8ck {
3517
+ .Radio-module__hop-Radio___F4suj {
3327
3518
  --hop-Radio-box-border-size: 0.0625rem;
3328
3519
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3329
3520
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3397,60 +3588,60 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3397
3588
  inline-size: max-content;
3398
3589
  max-inline-size: 100%;
3399
3590
  }
3400
- .Radio-module__hop-Radio___Jz8ck[data-focus-visible] {
3591
+ .Radio-module__hop-Radio___F4suj[data-focus-visible] {
3401
3592
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3402
3593
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3403
3594
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3404
3595
  --text-color: var(--hop-Radio-text-color-focused);
3405
3596
  --icon-color: var(--hop-Radio-icon-color-focused);
3406
3597
  }
3407
- .Radio-module__hop-Radio___Jz8ck[data-hovered] {
3598
+ .Radio-module__hop-Radio___F4suj[data-hovered] {
3408
3599
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3409
3600
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3410
3601
  --text-color: var(--hop-Radio-text-color-hovered);
3411
3602
  --icon-color: var(--hop-Radio-icon-color-hovered);
3412
3603
  }
3413
- .Radio-module__hop-Radio___Jz8ck[data-pressed] {
3604
+ .Radio-module__hop-Radio___F4suj[data-pressed] {
3414
3605
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3415
3606
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3416
3607
  --text-color: var(--hop-Radio-text-color-pressed);
3417
3608
  --icon-color: var(--hop-Radio-icon-color-pressed);
3418
3609
  }
3419
- .Radio-module__hop-Radio___Jz8ck[data-selected] {
3610
+ .Radio-module__hop-Radio___F4suj[data-selected] {
3420
3611
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3421
3612
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3422
3613
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3423
3614
  --text-color: var(--hop-Radio-text-color-selected);
3424
3615
  --icon-color: var(--hop-Radio-icon-color-selected);
3425
3616
  }
3426
- .Radio-module__hop-Radio___Jz8ck[data-invalid] {
3617
+ .Radio-module__hop-Radio___F4suj[data-invalid] {
3427
3618
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3428
3619
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3429
3620
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3430
3621
  --text-color: var(--hop-Radio-text-color-invalid);
3431
3622
  --icon-color: var(--hop-Radio-icon-color-invalid);
3432
3623
  }
3433
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-focus-visible] {
3624
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-focus-visible] {
3434
3625
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3435
3626
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3436
3627
  }
3437
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-hovered] {
3628
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-hovered] {
3438
3629
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3439
3630
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3440
3631
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3441
3632
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3442
3633
  }
3443
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-pressed] {
3634
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-pressed] {
3444
3635
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3445
3636
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3446
3637
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3447
3638
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3448
3639
  }
3449
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-selected] {
3640
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-selected] {
3450
3641
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3451
3642
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3452
3643
  }
3453
- .Radio-module__hop-Radio___Jz8ck[data-disabled] {
3644
+ .Radio-module__hop-Radio___F4suj[data-disabled] {
3454
3645
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3455
3646
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3456
3647
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3458,25 +3649,25 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3458
3649
  --text-color: var(--hop-Radio-text-color-disabled);
3459
3650
  --icon-color: var(--hop-Radio-icon-color-disabled);
3460
3651
  }
3461
- .Radio-module__hop-Radio--sm___WSJeF {
3652
+ .Radio-module__hop-Radio--sm___L9eoz {
3462
3653
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3463
3654
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3464
3655
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3465
3656
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3466
3657
  }
3467
- .Radio-module__hop-Radio--md___tXyrJ {
3658
+ .Radio-module__hop-Radio--md___WdvB1 {
3468
3659
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3469
3660
  --box-block-size: var(--hop-Radio-box-md-block-size);
3470
3661
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3471
3662
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3472
3663
  }
3473
- .Radio-module__hop-Radio__icon___j59Et,
3474
- .Radio-module__hop-Radio__icon-list___WX4W3 {
3664
+ .Radio-module__hop-Radio__icon___6-0PL,
3665
+ .Radio-module__hop-Radio__icon-list___jt4Au {
3475
3666
  flex: 0 0 auto;
3476
3667
  order: 3;
3477
3668
  color: var(--icon-color);
3478
3669
  }
3479
- .Radio-module__hop-Radio__box___hmHzG {
3670
+ .Radio-module__hop-Radio__box___cTU-f {
3480
3671
  display: flex;
3481
3672
  flex: 0 0 auto;
3482
3673
  align-items: center;
@@ -3492,11 +3683,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3492
3683
  outline-offset: 0.125rem;
3493
3684
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3494
3685
  }
3495
- .Radio-module__hop-Radio__bullet___rz-am {
3686
+ .Radio-module__hop-Radio__bullet___6iha9 {
3496
3687
  display: var(--bullet-display);
3497
3688
  color: var(--bullet-color);
3498
3689
  }
3499
- .Radio-module__hop-Radio__text___dbgFm {
3690
+ .Radio-module__hop-Radio__text___SAWlA {
3500
3691
  flex: 0 1 auto;
3501
3692
  order: 2;
3502
3693
  min-inline-size: 0;
@@ -3504,24 +3695,24 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3504
3695
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3505
3696
  color: var(--text-color);
3506
3697
  }
3507
- .DecorativeRadio-module__hop-DecorativeRadio___E-qe2 {
3698
+ .DecorativeRadio-module__hop-DecorativeRadio___KaOHH {
3508
3699
  }
3509
- .DecorativeRadio-module__hop-DecorativeRadio--sm___aEFSN {
3700
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___Pud19 {
3510
3701
  }
3511
- .DecorativeRadio-module__hop-DecorativeRadio--md___EkotK {
3702
+ .DecorativeRadio-module__hop-DecorativeRadio--md___HcJzE {
3512
3703
  }
3513
- .DecorativeRadio-module__hop-DecorativeRadio__icon___3yBe4,
3514
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___XxcDj {
3704
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___XmGrN,
3705
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___b97sw {
3515
3706
  }
3516
- .DecorativeRadio-module__hop-DecorativeRadio__box___An1mf {
3707
+ .DecorativeRadio-module__hop-DecorativeRadio__box___KEN-o {
3517
3708
  }
3518
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___M7BvP {
3709
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___BEKcG {
3519
3710
  }
3520
- .DecorativeRadio-module__hop-DecorativeRadio__text___GELEI {
3711
+ .DecorativeRadio-module__hop-DecorativeRadio__text___SlIwK {
3521
3712
  }
3522
3713
 
3523
3714
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
3524
- .Radio-module__hop-Radio___Jz8ck {
3715
+ .Radio-module__hop-Radio___F4suj {
3525
3716
  --hop-Radio-box-border-size: 0.0625rem;
3526
3717
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3527
3718
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3595,60 +3786,60 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3595
3786
  inline-size: max-content;
3596
3787
  max-inline-size: 100%;
3597
3788
  }
3598
- .Radio-module__hop-Radio___Jz8ck[data-focus-visible] {
3789
+ .Radio-module__hop-Radio___F4suj[data-focus-visible] {
3599
3790
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3600
3791
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3601
3792
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3602
3793
  --text-color: var(--hop-Radio-text-color-focused);
3603
3794
  --icon-color: var(--hop-Radio-icon-color-focused);
3604
3795
  }
3605
- .Radio-module__hop-Radio___Jz8ck[data-hovered] {
3796
+ .Radio-module__hop-Radio___F4suj[data-hovered] {
3606
3797
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3607
3798
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3608
3799
  --text-color: var(--hop-Radio-text-color-hovered);
3609
3800
  --icon-color: var(--hop-Radio-icon-color-hovered);
3610
3801
  }
3611
- .Radio-module__hop-Radio___Jz8ck[data-pressed] {
3802
+ .Radio-module__hop-Radio___F4suj[data-pressed] {
3612
3803
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3613
3804
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3614
3805
  --text-color: var(--hop-Radio-text-color-pressed);
3615
3806
  --icon-color: var(--hop-Radio-icon-color-pressed);
3616
3807
  }
3617
- .Radio-module__hop-Radio___Jz8ck[data-selected] {
3808
+ .Radio-module__hop-Radio___F4suj[data-selected] {
3618
3809
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3619
3810
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3620
3811
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3621
3812
  --text-color: var(--hop-Radio-text-color-selected);
3622
3813
  --icon-color: var(--hop-Radio-icon-color-selected);
3623
3814
  }
3624
- .Radio-module__hop-Radio___Jz8ck[data-invalid] {
3815
+ .Radio-module__hop-Radio___F4suj[data-invalid] {
3625
3816
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3626
3817
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3627
3818
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3628
3819
  --text-color: var(--hop-Radio-text-color-invalid);
3629
3820
  --icon-color: var(--hop-Radio-icon-color-invalid);
3630
3821
  }
3631
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-focus-visible] {
3822
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-focus-visible] {
3632
3823
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3633
3824
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3634
3825
  }
3635
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-hovered] {
3826
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-hovered] {
3636
3827
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3637
3828
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3638
3829
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3639
3830
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3640
3831
  }
3641
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-pressed] {
3832
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-pressed] {
3642
3833
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3643
3834
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3644
3835
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3645
3836
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3646
3837
  }
3647
- .Radio-module__hop-Radio___Jz8ck:where([data-invalid])[data-selected] {
3838
+ .Radio-module__hop-Radio___F4suj:where([data-invalid])[data-selected] {
3648
3839
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3649
3840
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3650
3841
  }
3651
- .Radio-module__hop-Radio___Jz8ck[data-disabled] {
3842
+ .Radio-module__hop-Radio___F4suj[data-disabled] {
3652
3843
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3653
3844
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3654
3845
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3656,25 +3847,25 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3656
3847
  --text-color: var(--hop-Radio-text-color-disabled);
3657
3848
  --icon-color: var(--hop-Radio-icon-color-disabled);
3658
3849
  }
3659
- .Radio-module__hop-Radio--sm___WSJeF {
3850
+ .Radio-module__hop-Radio--sm___L9eoz {
3660
3851
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3661
3852
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3662
3853
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3663
3854
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3664
3855
  }
3665
- .Radio-module__hop-Radio--md___tXyrJ {
3856
+ .Radio-module__hop-Radio--md___WdvB1 {
3666
3857
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3667
3858
  --box-block-size: var(--hop-Radio-box-md-block-size);
3668
3859
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3669
3860
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3670
3861
  }
3671
- .Radio-module__hop-Radio__icon___j59Et,
3672
- .Radio-module__hop-Radio__icon-list___WX4W3 {
3862
+ .Radio-module__hop-Radio__icon___6-0PL,
3863
+ .Radio-module__hop-Radio__icon-list___jt4Au {
3673
3864
  flex: 0 0 auto;
3674
3865
  order: 3;
3675
3866
  color: var(--icon-color);
3676
3867
  }
3677
- .Radio-module__hop-Radio__box___hmHzG {
3868
+ .Radio-module__hop-Radio__box___cTU-f {
3678
3869
  display: flex;
3679
3870
  flex: 0 0 auto;
3680
3871
  align-items: center;
@@ -3690,11 +3881,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3690
3881
  outline-offset: 0.125rem;
3691
3882
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3692
3883
  }
3693
- .Radio-module__hop-Radio__bullet___rz-am {
3884
+ .Radio-module__hop-Radio__bullet___6iha9 {
3694
3885
  display: var(--bullet-display);
3695
3886
  color: var(--bullet-color);
3696
3887
  }
3697
- .Radio-module__hop-Radio__text___dbgFm {
3888
+ .Radio-module__hop-Radio__text___SAWlA {
3698
3889
  flex: 0 1 auto;
3699
3890
  order: 2;
3700
3891
  min-inline-size: 0;
@@ -3704,7 +3895,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3704
3895
  }
3705
3896
 
3706
3897
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
3707
- .RadioField-module__hop-RadioField___OfPLR {
3898
+ .RadioField-module__hop-RadioField___gjb4q {
3708
3899
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
3709
3900
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
3710
3901
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3723,28 +3914,28 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3723
3914
  inline-size: max-content;
3724
3915
  max-inline-size: 100%;
3725
3916
  }
3726
- .RadioField-module__hop-RadioField___OfPLR[data-disabled] {
3917
+ .RadioField-module__hop-RadioField___gjb4q[data-disabled] {
3727
3918
  --description-color: var(--hop-RadioField-description-color-disabled);
3728
3919
  }
3729
- .RadioField-module__hop-RadioField--sm___1sQAM {
3920
+ .RadioField-module__hop-RadioField--sm___AwQJp {
3730
3921
  --row-gap: var(--hop-RadioField-sm-row-gap);
3731
3922
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
3732
3923
  }
3733
- .RadioField-module__hop-RadioField--md___89TK9 {
3924
+ .RadioField-module__hop-RadioField--md___G5PCl {
3734
3925
  --row-gap: var(--hop-RadioField-md-row-gap);
3735
3926
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
3736
3927
  }
3737
- .RadioField-module__hop-RadioField__description___YsOrA {
3928
+ .RadioField-module__hop-RadioField__description___dG9rz {
3738
3929
  order: 2;
3739
3930
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3740
3931
  color: var(--description-color);
3741
3932
  }
3742
- .RadioField-module__hop-RadioField__radio___PEYsy {
3933
+ .RadioField-module__hop-RadioField__radio___B69-j {
3743
3934
  order: 1;
3744
3935
  }
3745
3936
 
3746
3937
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3747
- .RadioGroup-module__hop-RadioGroup___CT2GD {
3938
+ .RadioGroup-module__hop-RadioGroup___WV7Yj {
3748
3939
  --hop-RadioGroup-align-items: flex-start;
3749
3940
  --hop-RadioGroup-justify-content: flex-start;
3750
3941
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3784,46 +3975,46 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3784
3975
  inline-size: var(--inline-size);
3785
3976
  max-inline-size: 100%;
3786
3977
  }
3787
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i {
3978
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c {
3788
3979
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3789
3980
  --list-border-radius: var(--hop-shape-rounded-md);
3790
3981
  }
3791
- .RadioGroup-module__hop-RadioGroup--sm___w7Tip {
3982
+ .RadioGroup-module__hop-RadioGroup--sm___uYl3G {
3792
3983
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3793
3984
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3794
3985
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3795
3986
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3796
3987
  }
3797
- .RadioGroup-module__hop-RadioGroup--md___04ypk {
3988
+ .RadioGroup-module__hop-RadioGroup--md___vjJQH {
3798
3989
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3799
3990
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3800
3991
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3801
3992
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3802
3993
  }
3803
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i.RadioGroup-module__hop-RadioGroup--sm___w7Tip {
3994
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c.RadioGroup-module__hop-RadioGroup--sm___uYl3G {
3804
3995
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3805
3996
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3806
3997
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3807
3998
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3808
3999
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3809
4000
  }
3810
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i.RadioGroup-module__hop-RadioGroup--md___04ypk {
4001
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c.RadioGroup-module__hop-RadioGroup--md___vjJQH {
3811
4002
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3812
4003
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3813
4004
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3814
4005
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3815
4006
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3816
4007
  }
3817
- .RadioGroup-module__hop-RadioGroup___CT2GD[data-orientation=horizontal] {
4008
+ .RadioGroup-module__hop-RadioGroup___WV7Yj[data-orientation=horizontal] {
3818
4009
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3819
4010
  }
3820
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i[data-orientation=horizontal] {
4011
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c[data-orientation=horizontal] {
3821
4012
  --flex-wrap: nowrap;
3822
4013
  }
3823
- .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__label___WZ0Ob {
4014
+ .RadioGroup-module__hop-RadioGroup___WV7Yj > .RadioGroup-module__hop-RadioGroup__label___6vDNt {
3824
4015
  order: 1;
3825
4016
  }
3826
- .RadioGroup-module__hop-RadioGroup__list___nFxxn {
4017
+ .RadioGroup-module__hop-RadioGroup__list___eIhMo {
3827
4018
  display: flex;
3828
4019
  flex-flow: var(--flex-direction) var(--flex-wrap);
3829
4020
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3834,7 +4025,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3834
4025
  border: var(--list-border, none);
3835
4026
  border-radius: var(--list-border-radius, 0);
3836
4027
  }
3837
- .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 {
4028
+ .RadioGroup-module__hop-RadioGroup__list___eIhMo > .RadioGroup-module__hop-RadioGroup__radio___hz3A6 {
3838
4029
  position: relative;
3839
4030
  flex: 0 1 auto;
3840
4031
  align-content: start;
@@ -3842,28 +4033,28 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3842
4033
  min-inline-size: 0;
3843
4034
  padding: var(--radio-padding, 0);
3844
4035
  }
3845
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 ~ .RadioGroup-module__hop-RadioGroup__radio___bb9R4::before {
4036
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c .RadioGroup-module__hop-RadioGroup__list___eIhMo > .RadioGroup-module__hop-RadioGroup__radio___hz3A6 ~ .RadioGroup-module__hop-RadioGroup__radio___hz3A6::before {
3846
4037
  content: "";
3847
4038
  position: absolute;
3848
4039
  display: block;
3849
4040
  }
3850
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 ~ .RadioGroup-module__hop-RadioGroup__radio___bb9R4::before {
4041
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___eIhMo > .RadioGroup-module__hop-RadioGroup__radio___hz3A6 ~ .RadioGroup-module__hop-RadioGroup__radio___hz3A6::before {
3851
4042
  inset-block-start: 0;
3852
4043
  inset-inline: 0;
3853
4044
  border-block-start: var(--list-border, none);
3854
4045
  }
3855
- .RadioGroup-module__hop-RadioGroup--bordered___7p-6i[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___nFxxn > .RadioGroup-module__hop-RadioGroup__radio___bb9R4 ~ .RadioGroup-module__hop-RadioGroup__radio___bb9R4::before {
4046
+ .RadioGroup-module__hop-RadioGroup--bordered___N8P-c[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___eIhMo > .RadioGroup-module__hop-RadioGroup__radio___hz3A6 ~ .RadioGroup-module__hop-RadioGroup__radio___hz3A6::before {
3856
4047
  inset-block: 0;
3857
4048
  inset-inline-start: 0;
3858
4049
  border-inline-start: var(--list-border, none);
3859
4050
  }
3860
- .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__error-message___RlHTt,
3861
- .RadioGroup-module__hop-RadioGroup___CT2GD > .RadioGroup-module__hop-RadioGroup__helper-message___F2aUp {
4051
+ .RadioGroup-module__hop-RadioGroup___WV7Yj > .RadioGroup-module__hop-RadioGroup__error-message___Iv-PM,
4052
+ .RadioGroup-module__hop-RadioGroup___WV7Yj > .RadioGroup-module__hop-RadioGroup__helper-message___LY7Hr {
3862
4053
  order: 3;
3863
4054
  }
3864
4055
 
3865
4056
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
3866
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___ubLsJ {
4057
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Sh3Ru {
3867
4058
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
3868
4059
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
3869
4060
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3889,7 +4080,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3889
4080
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3890
4081
  background-size: 400% 100%;
3891
4082
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3892
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___e0Z40;
4083
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___loNSv;
3893
4084
  animation-duration: var(--animation-duration);
3894
4085
  animation-timing-function: ease-in-out;
3895
4086
  animation-fill-mode: forwards;
@@ -3898,19 +4089,19 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3898
4089
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3899
4090
  }
3900
4091
  }
3901
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WGCIH {
4092
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___i6cSV {
3902
4093
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3903
4094
  }
3904
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___WGPSm {
4095
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___L-2WC {
3905
4096
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3906
4097
  }
3907
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___QYRAT {
4098
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___nkmke {
3908
4099
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3909
4100
  }
3910
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___CLnc0 {
4101
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___sAAT7 {
3911
4102
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3912
4103
  }
3913
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___e0Z40 {
4104
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___loNSv {
3914
4105
  0% {
3915
4106
  background-position: 125% 50%;
3916
4107
  }
@@ -3920,7 +4111,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
3920
4111
  }
3921
4112
 
3922
4113
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
3923
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3 {
4114
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd {
3924
4115
  --hop-ListBoxItem-background-color: transparent;
3925
4116
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3926
4117
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -4017,129 +4208,129 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4017
4208
  outline: var(--outline);
4018
4209
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
4019
4210
  }
4020
- .ListBoxItem-module__hop-ListBoxItem--xs___jEbJ- {
4211
+ .ListBoxItem-module__hop-ListBoxItem--xs___-SRwW {
4021
4212
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
4022
4213
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
4023
4214
  --min-height: var(--hop-ListBoxItem-xs-min-height);
4024
4215
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
4025
4216
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
4026
4217
  }
4027
- .ListBoxItem-module__hop-ListBoxItem--sm___jfD5i {
4218
+ .ListBoxItem-module__hop-ListBoxItem--sm___pcETN {
4028
4219
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
4029
4220
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
4030
4221
  --min-height: var(--hop-ListBoxItem-sm-min-height);
4031
4222
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
4032
4223
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
4033
4224
  }
4034
- .ListBoxItem-module__hop-ListBoxItem--md___CnDs4 {
4225
+ .ListBoxItem-module__hop-ListBoxItem--md___v1EG- {
4035
4226
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
4036
4227
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
4037
4228
  --min-height: var(--hop-ListBoxItem-md-min-height);
4038
4229
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
4039
4230
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
4040
4231
  }
4041
- .ListBoxItem-module__hop-ListBoxItem--lg___-KD-w {
4232
+ .ListBoxItem-module__hop-ListBoxItem--lg___5jTzj {
4042
4233
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
4043
4234
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
4044
4235
  --min-height: var(--hop-ListBoxItem-lg-min-height);
4045
4236
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
4046
4237
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
4047
4238
  }
4048
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-selection-mode] {
4239
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-selection-mode] {
4049
4240
  --cursor: pointer;
4050
4241
  }
4051
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3:not([data-selection-mode]) {
4242
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd:not([data-selection-mode]) {
4052
4243
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4053
4244
  }
4054
- .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL) {
4245
+ .ListBoxItem-module__hop-ListBoxItem__inner___e4j9A:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___iLgwD) {
4055
4246
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
4056
4247
  }
4057
- .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL) {
4248
+ .ListBoxItem-module__hop-ListBoxItem__inner___e4j9A[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___iLgwD) {
4058
4249
  --checkmark-transition: none;
4059
4250
  }
4060
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-selected] {
4251
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-selected] {
4061
4252
  --background-color: var(--hop-ListBoxItem-background-color-selected);
4062
4253
  --text-color: var(--hop-ListBoxItem-text-color-selected);
4063
4254
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
4064
4255
  --checkmark-opacity: 1;
4065
4256
  }
4066
- .ListBoxItem-module__hop-ListBoxItem--xs___jEbJ-[data-selected] {
4257
+ .ListBoxItem-module__hop-ListBoxItem--xs___-SRwW[data-selected] {
4067
4258
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
4068
4259
  }
4069
- .ListBoxItem-module__hop-ListBoxItem--sm___jfD5i[data-selected] {
4260
+ .ListBoxItem-module__hop-ListBoxItem--sm___pcETN[data-selected] {
4070
4261
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
4071
4262
  }
4072
- .ListBoxItem-module__hop-ListBoxItem--md___CnDs4[data-selected] {
4263
+ .ListBoxItem-module__hop-ListBoxItem--md___v1EG-[data-selected] {
4073
4264
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
4074
4265
  }
4075
- .ListBoxItem-module__hop-ListBoxItem--lg___-KD-w[data-selected] {
4266
+ .ListBoxItem-module__hop-ListBoxItem--lg___5jTzj[data-selected] {
4076
4267
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
4077
4268
  }
4078
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-focus-visible] {
4269
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-focus-visible] {
4079
4270
  --background-color: var(--hop-ListBoxItem-background-color-focused);
4080
4271
  --text-color: var(--hop-ListBoxItem-text-color-focused);
4081
4272
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
4082
4273
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
4083
4274
  }
4084
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-hovered] {
4275
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-hovered] {
4085
4276
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
4086
4277
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
4087
4278
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
4088
4279
  }
4089
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-pressed] {
4280
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-pressed] {
4090
4281
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
4091
4282
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
4092
4283
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
4093
4284
  }
4094
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-disabled] {
4285
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-disabled] {
4095
4286
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
4096
4287
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
4097
4288
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
4098
4289
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
4099
4290
  --cursor: not-allowed;
4100
4291
  }
4101
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid] {
4292
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid] {
4102
4293
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
4103
4294
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
4104
4295
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
4105
4296
  }
4106
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-selected] {
4297
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-selected] {
4107
4298
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
4108
4299
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
4109
4300
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
4110
4301
  }
4111
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-focus-visible] {
4302
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-focus-visible] {
4112
4303
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
4113
4304
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
4114
4305
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
4115
4306
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
4116
4307
  }
4117
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-hovered] {
4308
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-hovered] {
4118
4309
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
4119
4310
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
4120
4311
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
4121
4312
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
4122
4313
  }
4123
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-pressed] {
4314
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-pressed] {
4124
4315
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
4125
4316
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
4126
4317
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
4127
4318
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
4128
4319
  }
4129
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-invalid][data-disabled] {
4320
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-invalid][data-disabled] {
4130
4321
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
4131
4322
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
4132
4323
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
4133
4324
  }
4134
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3:has(.ListBoxItem-module__hop-ListBoxItem__description___iqwlS) {
4325
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd:has(.ListBoxItem-module__hop-ListBoxItem__description___UR-pt) {
4135
4326
  --row-gap: var(--hop-ListBoxItem-row-gap);
4136
4327
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
4137
4328
  }
4138
- .ListBoxItem-module__hop-ListBoxItem___Oo0h3[data-loading] {
4329
+ .ListBoxItem-module__hop-ListBoxItem___PYuVd[data-loading] {
4139
4330
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
4140
4331
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
4141
4332
  }
4142
- .ListBoxItem-module__hop-ListBoxItem__inner___UZKYL {
4333
+ .ListBoxItem-module__hop-ListBoxItem__inner___e4j9A {
4143
4334
  display: grid;
4144
4335
  grid-template-areas: var(--grid-template-areas);
4145
4336
  grid-template-columns: var(--grid-template-columns);
@@ -4151,33 +4342,33 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4151
4342
  padding-inline: var(--padding-inline);
4152
4343
  transition: grid-template-columns .3s ease-in-out;
4153
4344
  }
4154
- .ListBoxItem-module__hop-ListBoxItem__checkmark___bm0zL {
4345
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___iLgwD {
4155
4346
  grid-area: indicator;
4156
4347
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4157
4348
  color: var(--icon-color);
4158
4349
  opacity: var(--checkmark-opacity);
4159
4350
  transition: var(--checkmark-transition);
4160
4351
  }
4161
- .ListBoxItem-module__hop-ListBoxItem__radio___fJOFo,
4162
- .ListBoxItem-module__hop-ListBoxItem__checkbox___WwFFw {
4352
+ .ListBoxItem-module__hop-ListBoxItem__radio___41XeO,
4353
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___erjAp {
4163
4354
  pointer-events: none;
4164
4355
  user-select: none;
4165
4356
  grid-area: indicator;
4166
4357
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4167
4358
  }
4168
- .ListBoxItem-module__hop-ListBoxItem__avatar___HbYEO {
4359
+ .ListBoxItem-module__hop-ListBoxItem__avatar___qb1iO {
4169
4360
  grid-area: avatar;
4170
4361
  margin-block: var(--avatar-margin-block, 0);
4171
4362
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4172
4363
  }
4173
- .ListBoxItem-module__hop-ListBoxItem__icon-list___vxHCk,
4174
- .ListBoxItem-module__hop-ListBoxItem__icon___M1n7P {
4364
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___TtY2d,
4365
+ .ListBoxItem-module__hop-ListBoxItem__icon___g8LGX {
4175
4366
  grid-area: icon;
4176
4367
  flex: 0 0 auto;
4177
4368
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
4178
4369
  color: var(--icon-color);
4179
4370
  }
4180
- .ListBoxItem-module__hop-ListBoxItem__label___qPV5n {
4371
+ .ListBoxItem-module__hop-ListBoxItem__label___jmW4o {
4181
4372
  overflow: hidden;
4182
4373
  grid-area: label;
4183
4374
  min-inline-size: 0;
@@ -4185,18 +4376,18 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4185
4376
  text-overflow: ellipsis;
4186
4377
  white-space: nowrap;
4187
4378
  }
4188
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zrh3-,
4189
- .ListBoxItem-module__hop-ListBoxItem__end-icon___b3bLB {
4379
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___FsUeE,
4380
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___fHJp3 {
4190
4381
  grid-area: end-icon;
4191
4382
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4192
4383
  color: var(--icon-color);
4193
4384
  }
4194
- .ListBoxItem-module__hop-ListBoxItem__badge___Hapc9 {
4385
+ .ListBoxItem-module__hop-ListBoxItem__badge___EVyqE {
4195
4386
  grid-area: badge;
4196
4387
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
4197
4388
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
4198
4389
  }
4199
- .ListBoxItem-module__hop-ListBoxItem__description___iqwlS {
4390
+ .ListBoxItem-module__hop-ListBoxItem__description___UR-pt {
4200
4391
  overflow: hidden;
4201
4392
  display: -webkit-box;
4202
4393
  grid-area: description;
@@ -4207,7 +4398,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4207
4398
  }
4208
4399
 
4209
4400
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
4210
- .ListBox-module__hop-ListBox___eS4LD {
4401
+ .ListBox-module__hop-ListBox___AU7ph {
4211
4402
  --hop-ListBox-background-color: var(--hop-neutral-surface);
4212
4403
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
4213
4404
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -4254,11 +4445,11 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4254
4445
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
4255
4446
  border-radius: var(--hop-ListBox-border-radius);
4256
4447
  }
4257
- .ListBox-module__hop-ListBox--fluid___FCorP {
4448
+ .ListBox-module__hop-ListBox--fluid___v9fin {
4258
4449
  --max-width: var(--hop-ListBox-fluid-max-width);
4259
4450
  --width: var(--hop-ListBox-fluid-width);
4260
4451
  }
4261
- .ListBox-module__hop-ListBox__section___jqhyE {
4452
+ .ListBox-module__hop-ListBox__section___-WSj4 {
4262
4453
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
4263
4454
  margin-inline: var(--hop-ListBox-section-margin-inline);
4264
4455
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -4266,21 +4457,21 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4266
4457
  border-block-start: var(--section-border-block-start);
4267
4458
  border-block-end: var(--section-border-block-end);
4268
4459
  }
4269
- .ListBox-module__hop-ListBox__item___BBCbP + .ListBox-module__hop-ListBox__section___jqhyE {
4460
+ .ListBox-module__hop-ListBox__item___2h3-5 + .ListBox-module__hop-ListBox__section___-WSj4 {
4270
4461
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
4271
4462
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
4272
4463
  }
4273
- .ListBox-module__hop-ListBox__section___jqhyE:has(+ .ListBox-module__hop-ListBox__item___BBCbP) {
4464
+ .ListBox-module__hop-ListBox__section___-WSj4:has(+ .ListBox-module__hop-ListBox__item___2h3-5) {
4274
4465
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
4275
4466
  }
4276
- .ListBox-module__hop-ListBox__section___jqhyE:first-child {
4467
+ .ListBox-module__hop-ListBox__section___-WSj4:first-child {
4277
4468
  --section-padding-block-start: 0;
4278
4469
  }
4279
- .ListBox-module__hop-ListBox__section___jqhyE:last-child {
4470
+ .ListBox-module__hop-ListBox__section___-WSj4:last-child {
4280
4471
  --section-padding-block-end: 0;
4281
4472
  --section-border-block-end: 0;
4282
4473
  }
4283
- .ListBox-module__hop-ListBox__section-header___KU9yC {
4474
+ .ListBox-module__hop-ListBox__section-header___YsOxk {
4284
4475
  margin: 0;
4285
4476
  padding: var(--hop-ListBox-section-header-padding);
4286
4477
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -4291,30 +4482,30 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4291
4482
  text-transform: var(--hop-ListBox-section-header-text-transform);
4292
4483
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
4293
4484
  }
4294
- .ListBox-module__hop-ListBox__section-header___KU9yC::before,
4295
- .ListBox-module__hop-ListBox__section-header___KU9yC::after {
4485
+ .ListBox-module__hop-ListBox__section-header___YsOxk::before,
4486
+ .ListBox-module__hop-ListBox__section-header___YsOxk::after {
4296
4487
  content: "";
4297
4488
  display: block;
4298
4489
  box-sizing: border-box;
4299
4490
  inline-size: 0;
4300
4491
  block-size: 0;
4301
4492
  }
4302
- .ListBox-module__hop-ListBox__section-header___KU9yC::before {
4493
+ .ListBox-module__hop-ListBox__section-header___YsOxk::before {
4303
4494
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
4304
4495
  }
4305
- .ListBox-module__hop-ListBox__section-header___KU9yC::after {
4496
+ .ListBox-module__hop-ListBox__section-header___YsOxk::after {
4306
4497
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
4307
4498
  }
4308
4499
 
4309
4500
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/Popover.module.css/#css-module-data */
4310
- :where(.Popover-module__hop-Popover___f2C8z *) {
4501
+ :where(.Popover-module__hop-Popover___oHy8S *) {
4311
4502
  font-family: var(--font-family);
4312
4503
  font-size: var(--font-size);
4313
4504
  font-weight: var(--font-weight);
4314
4505
  line-height: var(--line-height);
4315
4506
  outline: none;
4316
4507
  }
4317
- .Popover-module__hop-Popover___f2C8z {
4508
+ .Popover-module__hop-Popover___oHy8S {
4318
4509
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4319
4510
  --hop-Popover-inline-width: 25rem;
4320
4511
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -4327,22 +4518,22 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4327
4518
  inline-size: var(--width);
4328
4519
  max-inline-size: var(--max-width);
4329
4520
  }
4330
- .Popover-module__hop-Popover___f2C8z[data-trigger=Select] {
4521
+ .Popover-module__hop-Popover___oHy8S[data-trigger=Select] {
4331
4522
  --width: var(--hop-Popover-dropdown-inline-width);
4332
4523
  }
4333
- .Popover-module__hop-Popover___f2C8z[data-trigger=ComboBox] {
4524
+ .Popover-module__hop-Popover___oHy8S[data-trigger=ComboBox] {
4334
4525
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4335
4526
  }
4336
- .Popover-module__hop-Popover___f2C8z[data-auto-width] {
4527
+ .Popover-module__hop-Popover___oHy8S[data-auto-width] {
4337
4528
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4338
4529
  }
4339
- .Popover-module__hop-Popover___f2C8z[data-entering] {
4340
- animation: Popover-module__fade___ZvHyC 0.25s;
4530
+ .Popover-module__hop-Popover___oHy8S[data-entering] {
4531
+ animation: Popover-module__fade___AmUOK 0.25s;
4341
4532
  }
4342
- .Popover-module__hop-Popover___f2C8z[data-exiting] {
4343
- animation: Popover-module__fade___ZvHyC 0.25s reverse;
4533
+ .Popover-module__hop-Popover___oHy8S[data-exiting] {
4534
+ animation: Popover-module__fade___AmUOK 0.25s reverse;
4344
4535
  }
4345
- @keyframes Popover-module__fade___ZvHyC {
4536
+ @keyframes Popover-module__fade___AmUOK {
4346
4537
  from {
4347
4538
  opacity: 0;
4348
4539
  }
@@ -4350,14 +4541,14 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4350
4541
  opacity: 1;
4351
4542
  }
4352
4543
  }
4353
- .Popover-module__hop-Popover__wrapper___XkVWN {
4544
+ .Popover-module__hop-Popover__wrapper___gSfH4 {
4354
4545
  display: flex;
4355
4546
  flex: 1 1 auto;
4356
4547
  flex-direction: column;
4357
4548
  min-block-size: 0;
4358
4549
  }
4359
- .Popover-module__hop-Popover__dialog___XHUDL,
4360
- .Popover-module__hop-Popover__dropdown___RdY0R {
4550
+ .Popover-module__hop-Popover__dialog___Pkr-z,
4551
+ .Popover-module__hop-Popover__dropdown___7-r-N {
4361
4552
  --hop-Popover-background: var(--hop-neutral-surface);
4362
4553
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4363
4554
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4405,21 +4596,21 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4405
4596
  border-radius: var(--hop-Popover-border-radius);
4406
4597
  box-shadow: var(--hop-Popover-box-shadow);
4407
4598
  }
4408
- .Popover-module__hop-Popover__dropdown___RdY0R {
4599
+ .Popover-module__hop-Popover__dropdown___7-r-N {
4409
4600
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4410
4601
  --footer-place-self: stretch;
4411
4602
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4412
4603
  --padding: var(--hop-Popover-dropdown-padding);
4413
4604
  overflow: hidden;
4414
4605
  }
4415
- .Popover-module__hop-Popover__dialog___XHUDL {
4606
+ .Popover-module__hop-Popover__dialog___Pkr-z {
4416
4607
  --padding: var(--hop-Popover-dialog-padding);
4417
4608
  }
4418
- .Popover-module__hop-Popover__title___9KI7H {
4609
+ .Popover-module__hop-Popover__title___lGIit {
4419
4610
  grid-area: header;
4420
4611
  color: var(--hop-Popover-color);
4421
4612
  }
4422
- .Popover-module__hop-Popover__content___9F8Hl {
4613
+ .Popover-module__hop-Popover__content___IIeon {
4423
4614
  --font-size: var(--hop-Popover-content-font-size);
4424
4615
  --line-height: var(--hop-Popover-content-line-height);
4425
4616
  --font-family: var(--hop-Popover-content-font-family);
@@ -4430,12 +4621,12 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4430
4621
  padding: 0;
4431
4622
  color: var(--hop-Popover-content-color);
4432
4623
  }
4433
- .Popover-module__hop-Popover___f2C8z:not(:has(.Popover-module__hop-Popover__title___9KI7H)) {
4434
- .Popover-module__hop-Popover__content___9F8Hl {
4624
+ .Popover-module__hop-Popover___oHy8S:not(:has(.Popover-module__hop-Popover__title___lGIit)) {
4625
+ .Popover-module__hop-Popover__content___IIeon {
4435
4626
  margin-block: 0 var(--hop-Popover-row-gap) 0;
4436
4627
  }
4437
4628
  }
4438
- .Popover-module__hop-Popover__dropdown___RdY0R .Popover-module__hop-Popover__list-box___LNQrm {
4629
+ .Popover-module__hop-Popover__dropdown___7-r-N .Popover-module__hop-Popover__list-box___VVQKf {
4439
4630
  grid-area: content;
4440
4631
  inline-size: auto;
4441
4632
  min-inline-size: auto;
@@ -4443,7 +4634,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4443
4634
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
4444
4635
  border: none;
4445
4636
  }
4446
- .Popover-module__hop-Popover__footer___iUKEH {
4637
+ .Popover-module__hop-Popover__footer___cVo05 {
4447
4638
  --font-size: var(--hop-Popover-footer-font-size);
4448
4639
  --line-height: var(--hop-Popover-footer-line-height);
4449
4640
  grid-area: footer;
@@ -4451,22 +4642,22 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4451
4642
  margin: var(--footer-margin);
4452
4643
  color: var(--hop-Popover-color);
4453
4644
  }
4454
- .Popover-module__hop-Popover__dropdown___RdY0R .Popover-module__hop-Popover__footer___iUKEH {
4645
+ .Popover-module__hop-Popover__dropdown___7-r-N .Popover-module__hop-Popover__footer___cVo05 {
4455
4646
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4456
4647
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4457
4648
  }
4458
- .Popover-module__hop-Popover__actions___nhOEW,
4459
- .Popover-module__hop-Popover__action___Joaf- {
4649
+ .Popover-module__hop-Popover__actions___R0M1W,
4650
+ .Popover-module__hop-Popover__action___-2UdZ {
4460
4651
  grid-area: action;
4461
4652
  justify-self: end;
4462
4653
  margin-block-start: var(--hop-Popover-row-gap);
4463
4654
  }
4464
- .Popover-module__hop-Popover___f2C8z:has(.Popover-module__hop-Popover__actions___nhOEW, .Popover-module__hop-Popover__action___Joaf-) .Popover-module__hop-Popover__footer___iUKEH {
4655
+ .Popover-module__hop-Popover___oHy8S:has(.Popover-module__hop-Popover__actions___R0M1W, .Popover-module__hop-Popover__action___-2UdZ) .Popover-module__hop-Popover__footer___cVo05 {
4465
4656
  margin-inline-end: var(--hop-Popover-column-gap);
4466
4657
  }
4467
4658
 
4468
4659
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/popover/src/PopoverBase.module.css/#css-module-data */
4469
- .PopoverBase-module__hop-PopoverBase___j0xnb {
4660
+ .PopoverBase-module__hop-PopoverBase___T7ztI {
4470
4661
  --hop-Popover-background: var(--hop-neutral-surface);
4471
4662
  --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
4472
4663
  --hop-Popover-border-radius: var(--hop-shape-rounded-md);
@@ -4496,17 +4687,17 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4496
4687
  box-shadow: var(--hop-Popover-box-shadow);
4497
4688
  transition: opacity var(--hop-easing-duration-2);
4498
4689
  }
4499
- .PopoverBase-module__hop-PopoverBase___j0xnb[data-entering] {
4690
+ .PopoverBase-module__hop-PopoverBase___T7ztI[data-entering] {
4500
4691
  opacity: 0;
4501
4692
  }
4502
- .PopoverBase-module__hop-PopoverBase___j0xnb[data-exiting] {
4693
+ .PopoverBase-module__hop-PopoverBase___T7ztI[data-exiting] {
4503
4694
  pointer-events: none;
4504
4695
  opacity: 0;
4505
4696
  transition-timing-function: var(--hop-easing-productive);
4506
4697
  }
4507
4698
 
4508
4699
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/menu/src/Menu.module.css/#css-module-data */
4509
- .Menu-module__hop-Menu___o9lbr {
4700
+ .Menu-module__hop-Menu___5k2kS {
4510
4701
  --hop-Menu-overflow-y: auto;
4511
4702
  --hop-Menu-padding-block: var(--hop-space-inset-sm);
4512
4703
  --hop-Menu-outline: none;
@@ -4520,7 +4711,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4520
4711
  padding-block: var(--hop-Menu-padding-block);
4521
4712
  outline: var(--hop-Menu-outline);
4522
4713
  }
4523
- .Menu-module__hop-Menu__header___vC1Ow {
4714
+ .Menu-module__hop-Menu__header___rFavh {
4524
4715
  --hop-Menu-header-margin-inline: var(--hop-space-inset-sm);
4525
4716
  --hop-Menu-header-cursor: default;
4526
4717
  --hop-Menu-header-display: flex;
@@ -4548,7 +4739,7 @@ button.CloseButton-module__hop-CloseButton___8MAgF {
4548
4739
  text-transform: var(--hop-Menu-header-text-transform);
4549
4740
  letter-spacing: var(--hop-Menu-header-letter-spacing);
4550
4741
  }
4551
- .Menu-module__hop-Menu__divider___KKkBX {
4742
+ .Menu-module__hop-Menu__divider___NZcmu {
4552
4743
  --hop-Menu-divider-margin-block: var(--hop-space-stack-sm);
4553
4744
  margin-block: var( --hop-Menu-divider-margin-block);
4554
4745
  }